:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#243b32;background:#f5f3ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--paper:#f5f3ec;--green:#163e34;--muted:#7d8379;--border:#dedfd3;--blue:#5484af;--orange:#c48145;--card-width:72px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d5a447;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}input,select{min-width:0}::selection{background:#d9dfc6}.app-shell{max-width:1440px;margin:auto;min-height:100svh;display:flex;flex-direction:column;padding:0 64px}.app-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--green);color:#f0eddb}.brand>b{font-size:23px;font-weight:650;letter-spacing:2px}.brand-separator{height:18px;width:1px;background:#cccfc2;margin:0 5px}.brand small{font-size:12px;letter-spacing:1px;color:var(--muted)}nav{display:flex;align-items:center;gap:27px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:none;padding:7px 0;color:inherit;font-size:13px;white-space:nowrap}.text-button:hover:not(:disabled){color:#8e6b2d}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;min-height:50px;border-radius:7px;font-size:15px;font-weight:550;border:1px solid transparent;transition:background .18s,transform .18s;white-space:nowrap}.button:not(:disabled):active{transform:translateY(1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:#285347}.button.secondary{background:transparent;border-color:#bfc6b8;color:var(--green)}.button.secondary:hover:not(:disabled){background:#eaece1}.button-tail{margin-left:auto}.icon-button{display:grid;place-items:center;background:none;color:inherit;padding:6px;border-radius:50%}.full-width{width:100%;margin-top:26px}.muted{color:#747c70;line-height:1.85;font-size:14px}.fine-print{font-size:12px;color:var(--muted);line-height:1.8;display:flex;gap:7px;align-items:center}.app-footer{margin-top:auto;min-height:80px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;color:#90958a;gap:15px}.app-footer>span{display:flex;align-items:center;gap:8px}.app-footer i{width:5px;height:5px;background:#869871;border-radius:50%}.footer-dot{opacity:.45}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#f4e4dc;color:#954530;font-size:13px;padding:11px 18px;border-radius:6px;margin-top:12px}.error-text{font-size:13px;color:#a14d3b;margin-top:15px;line-height:1.7}.home{flex:1;display:flex;flex-direction:column}.home-main{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:53px 20px 40px}.home-copy{position:relative;z-index:1;animation:arrive .6s ease both}.home-meta{font-size:12px;letter-spacing:3px;color:#7b8775;margin-bottom:24px}.home h1{font-family:Songti SC,"Noto Serif SC",SimSun,serif;font-size:66px;font-weight:600;line-height:1.3;letter-spacing:4px;color:#1d3e30}.title-dot{color:#9aab82}.home-description{font-size:14px;color:#818878;line-height:1.95;margin-top:19px;letter-spacing:.5px}.entry-controls{max-width:385px;margin-top:30px}.nickname-label{font-size:11px;color:#7e8777;display:block;margin-bottom:8px;letter-spacing:1px}.nickname-input{display:flex;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid #cdd2c3;margin-bottom:19px}.initial{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;background:#e2e6d7;color:#667650;border-radius:50%;font-size:12px}.nickname-input input{background:none;outline:none;border:0;font-size:14px;color:#243b32;width:100%;padding:5px 0}.nickname-input input:disabled{opacity:1}.nickname-input input::placeholder{color:#a0a696}.guest-label{font-size:10px;letter-spacing:1px;color:#959d8c;white-space:nowrap}.entry-buttons{display:flex;gap:11px}.entry-buttons .primary{flex:1.2;padding:16px}.entry-buttons .secondary{flex:1;padding:16px}.demo-link{margin-top:13px;font-size:12px;gap:7px;color:#4c6552}.demo-link span{font-size:10px;color:#8e9686;margin-left:6px}.resume-link{display:flex;align-items:center;gap:10px;border:1px solid #cdd3c0;background:#e9eddc;border-radius:5px;font-size:12px;padding:11px 13px;margin-top:10px;width:100%;color:#46613c}.resume-link svg:last-child{margin-left:auto}.home-art{position:relative;height:450px;isolation:isolate;animation:arrive .8s .1s both}.art-orbit{position:absolute;left:4%;top:3%;width:95%;aspect-ratio:1;border:1px solid #e1e2d5;border-radius:50%}.art-table{position:absolute;left:13%;top:13%;width:77%;aspect-ratio:1;border-radius:50%;background:#ececdf}.art-card{position:absolute;width:204px;height:293px;border-radius:13px;box-shadow:0 18px 36px #263b231b;top:65px;left:calc(50% - 102px);transition:transform .45s}.back-card{background:#234b3e;transform:translate(-63px,1px) rotate(-18deg);padding:13px;border:5px solid #f8f7ef}.back-inner{height:100%;border:1px solid #a4b08a;outline:1px solid #92a080;outline-offset:-6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d4dcc0;background:repeating-linear-gradient(45deg,transparent,transparent 9px,#afbc9030 9px,#afbc9030 10px),repeating-linear-gradient(-45deg,transparent,transparent 9px,#afbc9030 9px,#afbc9030 10px)}.back-inner span{font-size:48px;background:#234b3e;width:95px;text-align:center;padding-top:9px}.back-inner b{font-size:19px;letter-spacing:3px;font-family:SimSun,serif;padding:9px 8px;background:#234b3e}.back-inner small{background:#234b3e;font-size:10px;letter-spacing:3px;padding:0 12px 13px}.face-card{background:#fffef9;transform:translate(67px,8px) rotate(15deg);border:1px solid #e3e2d5;color:#ae4a38}.art-corner{position:absolute;top:14px;left:17px;font-family:Georgia,serif;font-size:38px;line-height:1}.art-corner small{display:block;font-size:26px;text-align:center}.art-corner.flipped{inset:auto 17px 14px auto;transform:rotate(180deg)}.art-heart{position:absolute;top:93px;left:54px;font-size:93px;line-height:1}.home-art:hover .back-card{transform:translate(-72px,-2px) rotate(-22deg)}.home-art:hover .face-card{transform:translate(75px) rotate(18deg)}.art-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#8b947d;font-size:12px;letter-spacing:4px}.art-line{position:absolute;width:30px;height:1px;background:#c3cbb1;bottom:42px;left:calc(50% - 15px)}.home-rules{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 20px 39px;gap:35px}.home-rules>div{display:flex;align-items:center;gap:14px}.home-rules>div+div{border-left:1px solid var(--border);padding-left:32px}.home-rules svg{color:#809072;flex-shrink:0}.home-rules p{display:flex;flex-direction:column;gap:7px}.home-rules b{font-size:12px;font-weight:500;letter-spacing:.4px}.home-rules span{font-size:11px;color:#8b9482}.modal{border:1px solid #d8dece;border-radius:16px;background:#fbfaf5;color:#243b32;padding:28px;width:min(440px,calc(100% - 32px));max-height:90svh;box-shadow:0 35px 130px #10291e38}.modal.wide{width:min(560px,calc(100% - 32px))}.modal::backdrop{background:#152c245e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[open]{animation:modal-arrive .2s ease}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.modal h2{font-size:21px;letter-spacing:1px;font-weight:600}.form-field{display:flex;flex-direction:column;gap:9px;font-size:13px;margin:21px 0}.form-field input,.form-field select{background:#fffef9;border:1px solid #cbd2c1;border-radius:5px;height:46px;padding:10px 12px;color:#243b32;font-size:14px;width:100%}.form-field .room-code-input{font:32px Georgia,serif;letter-spacing:14px;height:68px;text-align:center;padding-left:24px}.checkbox-field{display:flex;align-items:center;gap:9px;margin:15px 0;font-size:13px}.checkbox-field input{accent-color:var(--green);width:16px;height:16px}.modal-intro{font-size:14px;color:#879078;margin-bottom:25px}.rule-list section{display:flex;gap:20px;margin:22px 0}.rule-list section>span{font:22px Georgia,serif;color:#a5b192;padding-top:2px}.rule-list h3{font-size:14px;font-weight:600;margin-bottom:6px}.rule-list p,.rules-detail p{color:#7b8472;font-size:12px;line-height:1.9}.rules-detail{border-top:1px solid var(--border);padding-top:15px;margin-top:20px}.rules-detail summary{font-size:13px;cursor:pointer}.rules-detail p{margin-top:12px}.empty-state{text-align:center;padding:24px 0 35px;color:#7d8f6d}.empty-state svg{color:#9fac88}.empty-state h3{font-size:17px;margin:17px 0 10px}.empty-state p{font-size:12px;line-height:1.8;margin-bottom:25px}.history-list article{padding:18px 0;border-bottom:1px solid var(--border)}.history-list article>div,.history-list p{display:flex;justify-content:space-between;gap:10px;font-size:12px}.history-list article>div>b{font-size:13px}.history-list article>div>span{color:var(--muted);font-size:10px}.history-list p{margin-top:13px}.history-list+.fine-print{margin-top:20px}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.team-text.A{color:#4f7ea8}.team-text.B{color:#b77640}.connection{font-size:11px;display:flex;gap:6px;align-items:center;color:#89927f}.connection.online{color:#60845b}.connection.offline{color:#b87449}.table-page{padding:0 15px 28px}.in-room .app-header{height:76px}.room-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 0 17px}.room-id{display:flex;align-items:center;gap:10px;font-size:12px;color:#8c9583}.room-id b{font:19px Georgia,serif;letter-spacing:2px;color:#3f5845}.room-id>span{padding-left:8px;border-left:1px solid var(--border);font-size:11px}.table-score{display:flex;justify-content:center;align-items:center;gap:55px;margin-bottom:5px}.team-score{display:flex;align-items:center;gap:9px;font-size:12px}.team-score.A{color:#5c82a1}.team-score.B{color:#b8824d}.team-score strong{font:31px Georgia,serif;color:#445e49;margin:0 12px}.team-dot{width:7px;height:7px;background:currentColor;border-radius:50%}.table-status{display:flex;align-items:center;justify-content:center;gap:10px;color:#8d9682;font-size:11px;min-width:145px}.table-status>span:not(.level-indicator){font-size:10px}.level-indicator{padding:4px 8px;background:#e5e9da;border:1px solid #d5ddc6;color:#5f7452;font-size:11px;border-radius:4px}.table-surface{position:relative;height:420px;width:100%;max-width:1050px;margin:auto}.felt{position:absolute;inset:35px 90px 40px;background:#214b3e;border:7px solid #e2e4d5;border-radius:48%;box-shadow:inset 0 0 0 1px #446855,0 4px #d5d9c9;overflow:hidden}.felt-ring{position:absolute;inset:15px;border:1px solid #55755b;border-radius:49%;opacity:.5}.felt-brand{position:absolute;bottom:39px;left:0;right:0;text-align:center;font:17px SimSun,serif;color:#62826b;letter-spacing:5px;opacity:.55}.felt-brand span{display:block;margin-top:8px;font:8px sans-serif;letter-spacing:2px}.seat{position:absolute;z-index:3;width:128px;text-align:center;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px}.seat.pos-0{left:50%;top:91%}.seat.pos-1{left:8%;top:68%}.seat.pos-2{left:12%;top:25%}.seat.pos-3{left:50%;top:8%}.seat.pos-4{left:88%;top:25%}.seat.pos-5{left:92%;top:68%}.avatar{position:relative;width:51px;height:51px;border-radius:15px;display:grid;place-items:center;color:#526f88;background:#e6edf0;border:2px solid #9bb7ca;box-shadow:0 0 0 4px var(--paper);opacity:1!important;font-family:Songti SC,SimSun,serif;font-size:22px}.B .avatar{color:#a37748;background:#f2eadb;border-color:#d2b38c}.avatar.empty{border:1px dashed #b2bc9f;background:#eeefe5;color:#a4b095;box-shadow:0 0 0 4px var(--paper)}.avatar.empty:hover{background:#e3e8d6}.seat.active .avatar{box-shadow:0 0 0 3px #e9c175,0 0 0 6px var(--paper)}.seat.done{opacity:.55}.seat-name{font-size:11px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin-top:1px;background:var(--paper);padding:1px 4px;border-radius:3px}.seat-detail{font-size:10px;color:#98a286;display:flex;gap:3px;align-items:center;background:var(--paper);padding:1px 5px;border-radius:3px;white-space:nowrap}.seat-detail.low{color:#b27543;font-weight:650}.host-crown{position:absolute;right:-6px;top:-7px;background:#f2e6c5;color:#9e813e;border-radius:50%;box-sizing:content-box;padding:3px}.offline-dot{position:absolute;right:-3px;bottom:-3px;width:9px;height:9px;background:#9ca29a;border:2px solid var(--paper);border-radius:50%}.pass-bubble{position:absolute;font-size:10px;color:#d0d9c3;white-space:nowrap;top:25px}.pos-1 .pass-bubble,.pos-2 .pass-bubble{left:103px}.pos-4 .pass-bubble,.pos-5 .pass-bubble{right:103px}.pos-3 .pass-bubble{top:105px}.pos-0 .pass-bubble{top:-28px;color:#a9baa0}.swapping .avatar:not(:disabled){cursor:pointer;outline:1px dashed #9a9e59;outline-offset:6px}.swap-selected .avatar{outline:3px solid #cead59!important}.table-center{position:absolute;left:21%;right:21%;top:43%;transform:translateY(-40%);text-align:center;z-index:2;color:#f0eedb}.waiting-center h2,.free-lead h2,.tribute-center h2{font-size:21px;font-weight:400;letter-spacing:2px;margin-top:11px}.waiting-center p,.free-lead p{font-size:11px;color:#a3b69d;margin-top:12px}.table-center-icon{display:inline-flex;color:#a9bc99}.felt-invite{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#d2dfbf;border:1px solid #617b5e;border-radius:4px;font-size:11px;padding:8px 12px;margin-top:20px}.felt-invite:hover{background:#ffffff0a}.free-lead>span{font-size:12px;color:#dcce91}.last-play>span{font-size:11px;color:#b4c3a8;letter-spacing:1px}.played-cards{display:flex;justify-content:center;align-items:center;margin-top:13px;isolation:isolate}.played-cards .playing-card+.playing-card{margin-left:-14px}.playing-card{position:relative;width:var(--card-width);height:103px;flex:0 0 var(--card-width);background:#fffef9;border:1px solid #d6d9ca;border-radius:6px;color:#333e35;text-align:left;padding:0;box-shadow:0 2px 3px #1f352413;-webkit-user-select:none;user-select:none;transition:transform .16s ease,background .16s;touch-action:none;opacity:1!important}.playing-card.red{color:#b44f3e}.playing-card.small{--card-width:50px;height:73px;box-shadow:0 3px 4px #0e20151f}.card-corner{display:flex;flex-direction:column;align-items:center;position:absolute;top:5px;left:6px;line-height:1;gap:2px}.card-corner>b{font-family:Georgia,serif;font-size:23px;font-weight:600;letter-spacing:-1px}.card-corner>span{font-size:19px}.card-pip{position:absolute;right:10px;bottom:13px;font-size:29px;line-height:1}.small .card-corner{top:4px;left:5px}.small .card-corner>b{font-size:18px}.small .card-corner>span{font-size:14px}.small .card-pip{font-size:20px;right:6px;bottom:8px}.wild-tag{position:absolute;right:4px;top:4px;font-size:9px;color:#805f26;background:#f2e4b8;border-radius:2px;padding:2px}.playing-card.selected{transform:translateY(-15px);background:#eef3da;border-color:#859959;box-shadow:0 0 0 1px #9aad72}.playing-card:focus-visible{z-index:2}.table-notice{min-height:28px;margin:10px 0 9px;text-align:center;font-size:11px;color:#919a85;line-height:1.8;overflow-wrap:anywhere}.lobby-actions{display:flex;align-items:center;flex-direction:column;gap:17px;padding:11px 0 25px}.lobby-main-buttons{display:flex;gap:14px}.lobby-main-buttons .button{min-width:170px}.host-tools{display:flex;align-items:center;gap:28px;font-size:11px}.host-tools .text-button{font-size:11px}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:18px 0 6px}.turn-description{display:flex;align-items:center;gap:9px;color:#8f9884;min-width:155px}.turn-description.your-turn{color:#5a7650}.turn-description>div{display:flex;flex-direction:column;gap:5px}.turn-description b{font-size:12px;font-weight:500}.turn-description span{font-size:10px;letter-spacing:.5px}.play-buttons{display:flex;gap:11px}.play-buttons .button{min-height:42px;font-size:13px;padding:11px 25px}.play-buttons .play-button{min-width:117px}.auto-button{display:flex;align-items:center;gap:6px;color:#909980;background:transparent;font-size:11px;padding:10px 0;min-width:75px;justify-content:flex-end}.auto-button.enabled{color:#c08a41}.selection-info{text-align:center;font-size:10px;color:#99a08c;height:23px;margin-top:4px;line-height:1.7}.hand-section{padding:0 0 7px}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:25px}.hand-heading>div{display:flex;align-items:center;gap:12px}.hand-heading b{font-weight:550;font-size:12px}.hand-heading span{color:#879778}.hand-heading small{font-size:10px;color:#a1a98f;border-left:1px solid var(--border);padding-left:12px}.hand-tools .text-button{font-size:10px;color:#8b977d}.hand-row{display:flex;width:100%;justify-content:center;position:relative;margin:3px 0}.hand-empty{text-align:center;padding:25px;color:#98a48b;font-size:12px}.tribute-pairs{margin-top:17px;display:flex;flex-direction:column;gap:9px}.tribute-pairs>div{display:flex;gap:8px;justify-content:center;align-items:center;font-size:10px;color:#d9e2cd}.tribute-pairs small{font-size:9px;color:#9fb49a;margin-left:3px}.settlement-hero{text-align:center;color:#7c9361}.settlement-hero h3{font-size:22px;color:#34553d;margin-top:10px;font-weight:500}.settlement-hero p{font-size:12px;color:#849577}.level-change{display:flex;justify-content:center;align-items:center;gap:18px;margin:15px 0}.level-change b{font:37px Georgia,serif;color:#36593f}.level-change span{font-size:12px;border-radius:4px;padding:5px 7px;background:#e7edda}.ranking-list{list-style:none;padding:0;margin:23px 0 0}.ranking-list li{display:flex;align-items:center;gap:15px;padding:12px 4px;border-bottom:1px solid #e4e7db;font-size:12px}.rank-number{width:24px;font:18px Georgia,serif;color:#a1ad8d}.ranking-list li:first-child .rank-number{color:#c6a453}.ranking-list b{font-size:13px;font-weight:500;flex:1}.ranking-list small{font-size:10px;color:#9ca68e;min-width:25px}.settlement-summary{display:flex;justify-content:center;gap:28px;font-size:11px;color:#9aa58a;margin-top:20px}@keyframes arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-arrive{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1500px){.home-main{min-height:660px}.home h1{font-size:75px}.home-art{height:470px}.art-card{width:220px;height:315px;left:calc(50% - 110px)}.art-heart{top:100px;left:58px;font-size:105px}.home-rules{padding-bottom:50px}}@media(max-width:1100px){.app-shell{padding:0 32px}.brand small,.brand-separator{display:none}.home-main{gap:15px;padding-left:0;padding-right:0}.home h1{font-size:57px}.home-art{transform:scale(.88);margin:0 -20px}.home-rules{gap:20px;padding-left:0;padding-right:0}.home-rules>div+div{padding-left:20px}.home-rules b{font-size:11px}.home-rules span{font-size:10px}.table-page{padding-left:0;padding-right:0}.felt{inset:40px 65px}.seat.pos-1{left:6%}.seat.pos-5{left:94%}.table-surface{height:400px}.table-score{gap:35px}}@media(max-width:699px){:root{--card-width:47px}.app-shell{padding:0 20px}.app-header{height:76px;gap:12px}.brand{gap:8px}.brand>b{font-size:19px;letter-spacing:1px}.brand-mark{width:31px;height:31px;border-radius:8px}.brand-mark svg{width:20px}nav{gap:16px}nav .text-button{font-size:11px}nav .text-button svg{display:none}.home-main{display:flex;flex-direction:column;padding:30px 4px 0;gap:0;min-height:0}.home-copy{width:100%}.home-meta{font-size:10px;margin-bottom:15px;letter-spacing:2px}.home h1{font-size:47px;line-height:1.25;letter-spacing:2px}.home-description{font-size:12px;margin-top:15px;line-height:1.8}.entry-controls{max-width:none;margin-top:24px}.home-art{height:330px;width:100%;max-width:365px;transform:none;margin:20px 0 0;order:-1;display:none}.art-card{width:150px;height:215px;left:calc(50% - 75px);top:34px}.art-corner{font-size:27px}.art-corner small{font-size:21px}.art-heart{font-size:71px;top:69px;left:39px}.art-table{width:70%;left:15%;top:7%}.art-orbit{width:88%;left:6%;top:0}.back-card{transform:translate(-44px) rotate(-18deg)}.face-card{transform:translate(42px,7px) rotate(15deg)}.back-inner span{font-size:30px;width:75px}.back-inner b{font-size:13px;letter-spacing:2px}.back-inner small{font-size:8px;letter-spacing:2px}.art-caption{font-size:10px;bottom:19px}.art-line{bottom:44px}.entry-buttons .button{min-height:50px;font-size:14px}.demo-link{font-size:11px;margin-top:14px}.demo-link span{font-size:9px;margin-left:2px}.home-rules{display:flex;flex-direction:column;gap:20px;padding:35px 4px 30px;margin-top:18px;border-top:1px solid var(--border)}.home-rules>div+div{border:0;padding:0}.home-rules>div{gap:14px}.home-rules b{font-size:12px}.home-rules span{font-size:10px}.home-rules svg{width:21px}.home-rules p{gap:5px}.app-footer{min-height:65px;font-size:9px;letter-spacing:.3px;flex-wrap:wrap;gap:5px;padding:17px 0}.app-footer>span{gap:5px}.in-room .app-header{height:65px}.in-room nav{gap:13px}.in-room nav .text-button span{font-size:10px}.connection>span{display:none}.in-room .brand>b{font-size:17px}.connection svg{width:13px}.in-room .brand-mark{width:27px;height:27px}.table-page{padding-bottom:18px}.room-toolbar{gap:8px;margin:16px 0 12px}.room-toolbar .text-button{font-size:10px;gap:4px}.room-toolbar .text-button svg{width:13px}.room-id{font-size:0;gap:0;flex-direction:column}.room-id b{font-size:16px;letter-spacing:1px}.room-id>span{font-size:9px;border:0;padding:0;margin-top:3px}.table-score{gap:16px;justify-content:space-between}.team-score{font-size:10px;gap:5px}.team-score strong{font-size:25px;margin:0 3px}.team-dot{width:5px;height:5px}.table-status{min-width:0;font-size:10px;gap:5px}.table-status>span:not(.level-indicator){display:none}.level-indicator{font-size:10px;padding:3px 7px}.table-surface{height:320px;margin-top:12px}.felt{inset:28px 21px 33px;border:4px solid #e2e4d5;border-radius:45%}.felt-ring{inset:9px;border-radius:44%}.felt-brand{font-size:12px;letter-spacing:3px;bottom:39px}.felt-brand span{font-size:6px;letter-spacing:1px;margin-top:5px}.seat{width:84px;gap:4px}.seat.pos-0{left:50%;top:90%}.seat.pos-1{left:8%;top:67%}.seat.pos-2{left:9%;top:26%}.seat.pos-3{left:50%;top:9%}.seat.pos-4{left:91%;top:26%}.seat.pos-5{left:92%;top:67%}.avatar{width:40px;height:40px;border-radius:12px;font-size:18px;border-width:2px;box-shadow:0 0 0 3px var(--paper)}.avatar.empty{box-shadow:0 0 0 3px var(--paper)}.avatar.empty svg{width:20px}.host-crown{width:10px;height:10px;padding:2px;right:-4px;top:-5px}.seat-name{font-size:9px;max-width:85px;padding:1px 2px;margin-top:0}.seat-detail{font-size:8px;gap:1px;padding:1px 3px}.seat-detail svg{width:9px}.pass-bubble{font-size:8px;top:17px}.pos-1 .pass-bubble,.pos-2 .pass-bubble{left:64px}.pos-4 .pass-bubble,.pos-5 .pass-bubble{right:64px}.pos-3 .pass-bubble{top:81px}.pos-0 .pass-bubble{top:-23px}.table-center{left:21%;right:21%;top:43%}.waiting-center h2,.free-lead h2,.tribute-center h2{font-size:15px;letter-spacing:.4px;line-height:1.5;margin-top:8px}.waiting-center p,.free-lead p{font-size:9px;line-height:1.8;margin-top:8px}.table-center-icon svg{width:22px;height:22px}.felt-invite{font-size:9px;padding:7px 9px;gap:5px;margin-top:13px}.felt-invite svg{width:11px;height:11px}.last-play>span{font-size:9px;letter-spacing:0}.played-cards{margin-top:10px;flex-wrap:wrap;row-gap:3px;padding-left:8px}.playing-card.small{--card-width:32px;height:47px;border-radius:3px}.played-cards .playing-card+.playing-card{margin-left:-11px}.small .card-corner{top:3px;left:3px;gap:1px}.small .card-corner>b{font-size:13px}.small .card-corner>span{font-size:9px}.small .card-pip{font-size:12px;bottom:4px;right:3px}.small .wild-tag{font-size:6px;right:1px;top:1px;padding:1px}.table-notice{font-size:9px;min-height:22px;margin:4px 0 5px}.lobby-actions{gap:13px;padding:10px 0 25px}.lobby-main-buttons{width:100%;gap:10px;justify-content:center}.lobby-main-buttons .button{min-width:0;flex:1;font-size:12px;max-width:190px;min-height:44px;padding:11px 13px}.host-tools{gap:28px}.host-tools .text-button{font-size:10px}.lobby-actions .fine-print{font-size:9px;text-align:center}.action-bar{gap:9px;padding:11px 0 4px;flex-wrap:wrap}.turn-description{min-width:0;gap:5px;flex:1}.turn-description svg{width:15px}.turn-description b{font-size:10px}.turn-description span{font-size:9px}.turn-description>div{gap:4px}.auto-button{min-width:0;font-size:10px;order:1;padding:5px 0}.play-buttons{order:2;width:100%;justify-content:center;margin-top:8px;gap:9px}.play-buttons .button{flex:1;max-width:150px;padding:10px 17px;font-size:12px;min-height:40px}.play-buttons .play-button{min-width:0}.selection-info{font-size:9px;height:auto;min-height:24px;padding-top:5px;margin:2px 0 6px}.hand-heading{margin-bottom:19px;gap:5px}.hand-heading>div{gap:6px}.hand-heading b{font-size:10px}.hand-heading span{font-size:9px}.hand-heading small{font-size:8px;padding-left:6px}.hand-tools{gap:8px!important}.hand-tools .text-button{font-size:8px;gap:3px}.hand-tools svg{width:11px}.hand-row{margin-bottom:17px}.playing-card{height:69px;border-radius:4px}.card-corner{left:4px;top:4px;gap:1px}.card-corner>b{font-size:18px}.card-corner>span{font-size:13px}.card-pip{right:5px;bottom:8px;font-size:22px}.wild-tag{font-size:7px;padding:1px 2px;right:2px;top:3px}.playing-card.selected{transform:translateY(-12px)}.tribute-pairs{margin-top:10px;gap:8px}.tribute-pairs>div{font-size:8px;gap:4px}.tribute-pairs svg{width:10px}.tribute-pairs small{font-size:7px;margin-left:0}.modal{padding:22px;border-radius:13px}.modal h2{font-size:19px}.rule-list section{gap:14px}.modal-intro{font-size:12px}.rule-list h3{font-size:13px}.rule-list p,.rules-detail p{font-size:11px}.modal-actions .button{font-size:13px;padding:13px 17px}.ranking-list b{font-size:12px}.ranking-list li{gap:12px}.settlement-hero h3{font-size:21px}.history-list article>div{flex-direction:column;gap:7px}}@media(max-width:360px){.app-shell{padding:0 14px}.home h1{font-size:43px}.brand>b{font-size:17px}nav{gap:12px}.table-center{left:23%;right:23%}.waiting-center h2{font-size:13px}.table-score{gap:8px}.hand-heading small{display:none}}@media(max-width:699px){.stats-grid{gap:1px;margin-bottom:18px}.stats-grid>div{padding:11px 4px}.stats-grid b{font-size:18px}.stats-grid span{font-size:9px;letter-spacing:0}.counter-panel{padding:11px 12px}.counter-chip{min-width:32px;padding:5px 3px}.counter-chip b{font-size:13px}.counter-chip small{font-size:9px}.toolbar-tools{gap:11px}.deal-overlay em{font-size:9px;letter-spacing:1px}.deal-pile{width:20px;height:29px}}.toolbar-tools{display:flex;align-items:center;gap:18px}.active-tool{color:#426b38}.counter-panel{padding:14px 18px;background:#e9eddf;border:1px solid #d5ddc8;border-radius:7px;margin:10px 0}.counter-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:12px}.counter-head span{font-size:10px;color:#728367}.counter-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.counter-chip{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:38px;background:#f9faf1;border-radius:4px;padding:7px 5px}.counter-chip b{font:17px Georgia,serif}.counter-chip small{color:#718462;font-size:11px}.counter-chip.empty{opacity:.4}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe5d5;border:1px solid #dfe5d5;border-radius:6px;overflow:hidden;margin:15px 0 20px}.stats-grid>div{display:flex;flex-direction:column;gap:7px;align-items:center;padding:15px 7px;background:#f0f3e7}.stats-grid b{font:24px Georgia,serif;color:#49633d}.stats-grid span{font-size:11px;color:#879576}.modal:has(.settlement-hero) .modal-head{margin-bottom:12px}.modal:has(.settlement-hero) .ranking-list li{padding-top:10px;padding-bottom:10px}.deal-overlay{position:absolute;z-index:6;inset:70px 25%;display:grid;place-content:center;justify-items:center;gap:14px;pointer-events:none;color:#dfebd4;background:#214b3ee8;border-radius:15px}.deal-overlay em{font-style:normal;font-size:12px}.deal-pile{width:28px;height:39px;border:2px solid #e9efdb;border-radius:4px;background:#69836b;animation:deal-pulse .6s alternate infinite}@keyframes deal-pulse{to{transform:translate(15px) rotate(12deg);opacity:.5}}@media(min-width:700px)and (max-height:850px){.in-room .app-header{height:56px}.in-room .app-footer{min-height:30px;padding:5px 0}.table-page{padding-bottom:8px}.room-toolbar{margin:6px 0}.table-score{margin:0}.team-score strong{font-size:26px}.table-surface{height:clamp(250px,38svh,290px);margin-top:10px}.felt{inset:25px 90px}.seat{gap:3px}.avatar{width:40px;height:40px;font-size:19px;border-radius:12px}.seat.pos-3{top:12%}.seat.pos-0{top:88%}.table-center{top:45%}.felt-brand{bottom:18px;font-size:12px}.felt-brand span{display:none}.table-notice{margin:6px 0;min-height:20px}.action-bar{padding:10px 0 3px}.selection-info{margin-top:1px;height:19px}.hand-heading{margin-bottom:15px}.hand-section{padding-bottom:3px}.lobby-actions{padding-bottom:10px;gap:10px}.pos-3 .pass-bubble{top:82px}}@media(max-width:699px){.in-room .app-header{height:58px}.in-room .app-footer{min-height:36px;padding:9px 0}.in-room nav{gap:10px}.in-room .brand{gap:6px}.in-room .brand>b{font-size:16px}.table-page{padding-bottom:6px}.room-toolbar{margin:10px 0}.table-surface{height:clamp(235px,31svh,285px);margin-top:9px}.seat-name{font-size:10px}.seat-detail{font-size:9px;color:#748465}.seat.pos-3{top:11%}.seat.pos-0{top:87%}.table-notice{color:#758567}.selection-info{min-height:20px;padding-top:2px;margin-bottom:4px}.hand-heading{margin-bottom:17px}.hand-row{margin-bottom:14px}.counter-head{flex-direction:column}.counter-chip{min-width:30px;padding:5px 4px}.toolbar-tools{gap:9px}.toolbar-tools .text-button{font-size:9px}.stats-grid b{font-size:21px}.deal-overlay{inset:50px 22%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}