/* Quiet lobby: one active seat, two primary actions, no decorative loops. */
.home-actions{display:block;width:220px}.home-play{display:flex;justify-content:center;align-items:center;gap:50px;font-size:13px;min-height:54px;border-radius:10px}.home-play span{font-size:22px;font-weight:400}.home-footnote{letter-spacing:1.3px}
body[data-screen="setup"] #game,body[data-screen="settings"] #game{opacity:.14}body[data-screen="setup"] .nav-caption{color:#8191a8}.setup-screen{background:#0b1120f2;padding:105px 5% 25px;align-items:center}.setup-screen .back-button{top:94px;left:5%;border:0;padding:7px 0;background:none;color:#8b9aaf;min-height:24px;font-size:9px}.setup-screen .back-button:hover{background:none}.setup-content.lobby-content{width:min(1020px,100%);max-width:1020px;margin:auto;text-align:left;transform:none}.lobby-heading{text-align:center;margin-bottom:26px}.lobby-heading .overline{font-size:9px;letter-spacing:2px;color:#8ba1b5}.lobby-heading h2{font-size:clamp(40px,4.5vw,58px);letter-spacing:-.7px;margin:12px 0 14px}.lobby-heading p{font-size:13px;line-height:1.6;color:#9baac1;margin:0;min-height:21px}
.lobby-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lobby-seat{--seat:#52dce5;position:relative;min-width:0;min-height:260px;border:1px solid #293447;border-radius:15px;background:#101827;padding:19px 18px 22px;transition:border-color 180ms ease,background-color 180ms ease;overflow:hidden}.lobby-seat[data-seat="1"]{--seat:#f27ab6}.lobby-seat[data-seat="2"]{--seat:#e6cb76}.lobby-seat[data-seat="3"]{--seat:#ac96ee}.seat-top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:8px;letter-spacing:1.1px;color:#7e8ca3}.seat-state{font-size:7px;letter-spacing:.7px;color:#5d6a80;white-space:nowrap}.seat-state::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:2px}.seat-visual{height:150px;display:grid;place-items:center}.seat-empty{font:500 50px/1 'DM Sans',Arial,sans-serif;color:#263346;letter-spacing:-2px;user-select:none}.seat-info{text-align:center}.seat-info strong{display:block;color:#738198;font-size:12px;font-weight:500;line-height:1.5}.seat-info p{color:#526078;font-size:9px;line-height:1.6;margin:7px 0 0}.lobby-seat.awaiting{border-color:#4e7984;background:#111e2a}.awaiting .seat-state{color:#7ed3da}.awaiting .seat-info strong{color:#d6e4ed}.awaiting .seat-info p{color:#7c95a5}.awaiting .seat-empty{width:57px;height:57px;border:1px dashed #3f6875;border-radius:50%;font-weight:400;font-size:27px;color:#7bc0ca;letter-spacing:0;display:grid;place-items:center}.lobby-seat.joined{border-color:#354959;background:#121d2b}.joined .seat-state{color:var(--seat)}.joined .seat-info strong{color:#e2e9f2}.joined .seat-info p{color:#8193a6}.seat-avatar{width:121px;height:141px;color:var(--seat);overflow:visible;filter:drop-shadow(0 6px 10px #00000020)}.seat-remove{position:absolute;right:10px;bottom:12px;width:25px;height:25px;padding:0;border:0;background:transparent;color:#6e7e95;border-radius:6px;font-size:18px;line-height:1}.disconnected .seat-avatar{opacity:.3;filter:grayscale(1)}.disconnected .seat-state{color:#e3a67c}.disconnected .seat-info p{color:#d59c74}
.lobby-join{display:flex;align-items:center;justify-content:center;gap:20px;min-height:68px}.lobby-join p{color:#74869e;font-size:10px;line-height:1.7;margin:0}.lobby-join #phone-toggle{display:flex;align-items:center;gap:7px;padding:7px 0;background:none;border:0;color:#a6c1d4;font-size:10px;white-space:nowrap}.lobby-join #phone-toggle svg{width:14px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5}.lobby-join #phone-toggle>span{font-size:13px;margin:0 0 0 4px;color:#69889c}.lobby-join #phone-toggle:disabled{opacity:.3}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid #263144}.lobby-bottom>div>span{font-size:9px;letter-spacing:1.4px;color:#c0cedd;font-variant-numeric:tabular-nums}.lobby-bottom p{font-size:10px;line-height:1.6;color:#75879d;margin:8px 0 0}.lobby-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.lobby-actions button{height:48px;min-height:48px;padding-block:0;border-radius:9px;font-size:11px;letter-spacing:.1px}.lobby-actions .primary{display:flex;align-items:center;justify-content:space-between;gap:40px;width:170px;background:#71dfe5;box-shadow:none;border:1px solid #8be6eb;color:#0c2733}.lobby-actions .primary>span{font-size:19px;font-weight:400}.lobby-actions .primary:disabled{background:#1c293a;color:#556880;border-color:#2b3d53;opacity:1}.lobby-settings{display:flex;align-items:center;justify-content:center;gap:9px;background:#121c2b;border:1px solid #354257;color:#c2cddd;padding:0 19px;font-weight:400}.lobby-settings svg{width:18px;height:18px;display:block}.lobby-content .phone-panel{max-width:470px!important;margin:0 auto 24px!important;gap:20px;padding:20px;border-radius:13px;background:#141f30;border-color:#334458}.lobby-content .qr-wrap{width:150px;height:150px}.lobby-content .phone-copy p{font-size:10px}.lobby-content.phone-open .lobby-join{min-height:56px}.settings-top .overline{color:#8ca6b7}.settings-top h2{font-size:48px}.rules-bottom .primary{background:#71dfe5;box-shadow:none;letter-spacing:.5px}.settings-screen{background:#0b1120fa}.rules-section{background:#111a2a;border-color:#2c394c}.settings-top{margin-bottom:28px}.rules-section h3 .section-symbol{background:#172536;border-color:#344b5c}.rules-bottom{background:#0e1828fa}.rules-bottom>div{max-width:44ch}.settings-body .rule-grid{row-gap:24px}
@media(hover:hover) and (pointer:fine){.seat-remove:hover{color:#e9c2cf;background:#ad557425}.lobby-settings:hover{background:#1a293a;border-color:#597084}.lobby-actions .primary:not(:disabled):hover,.home-play:hover{background:#a0eef0;transform:translateY(-1px)}.lobby-join #phone-toggle:hover{color:#c9f3f5}.lobby-actions button:active,.home-play:active{transform:scale(.97)}}
@media(max-width:900px){.lobby-seat{padding:16px 13px;min-height:240px}.seat-visual{height:140px}.seat-top{font-size:7px;letter-spacing:.6px}.seat-state{font-size:6px}.seat-info strong{font-size:11px}.seat-info p{font-size:8px}.lobby-heading{margin-bottom:26px}.lobby-seats{gap:10px}.lobby-actions .primary{width:145px}.lobby-bottom{gap:16px}.lobby-bottom p{font-size:9px}.lobby-settings{padding-inline:14px}}
@media(max-width:650px){.setup-screen{padding:116px 6% 30px;display:block}.setup-screen .back-button{top:82px;left:6%}.lobby-heading{margin-bottom:24px}.lobby-heading h2{font-size:43px;margin:12px 0}.lobby-heading p{font-size:11px}.lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.lobby-seat{min-height:211px;padding:15px}.seat-visual{height:119px}.seat-avatar{width:100px;height:116px}.seat-top{font-size:7px}.seat-state{font-size:6px}.seat-info strong{font-size:10px}.seat-info p{font-size:8px;margin-top:5px}.seat-empty{font-size:40px}.awaiting .seat-empty{width:44px;height:44px;font-size:23px}.lobby-join{flex-direction:column;gap:4px;padding:16px 0;min-height:80px;text-align:center}.lobby-join p{font-size:8px}.lobby-join #phone-toggle{font-size:10px}.lobby-bottom{flex-direction:column;align-items:stretch;gap:17px;padding-top:19px}.lobby-bottom>div:first-child{text-align:center}.lobby-bottom p{font-size:9px;margin-top:6px}.lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lobby-actions .primary{width:100%;gap:16px;padding-inline:17px}.lobby-actions button{min-height:46px;font-size:10px}.lobby-settings{padding-inline:10px;gap:7px}.lobby-content .phone-panel{padding:15px;gap:15px}.lobby-content .qr-wrap{width:135px;height:135px}.settings-top h2{font-size:39px}.settings-top button{font-size:8px}}
@media(max-height:650px) and (min-width:651px){.setup-screen{padding:88px 5% 25px;display:block}.setup-screen .back-button{top:72px}.lobby-heading{margin-bottom:20px}.lobby-heading h2{font-size:40px;margin:8px 0 10px}.lobby-heading .overline{font-size:7px}.lobby-heading p{font-size:11px}.lobby-seat{min-height:210px;padding:15px}.seat-visual{height:116px}.seat-avatar{height:116px;width:100px}.lobby-join{min-height:53px}.lobby-bottom{padding-top:19px}.lobby-content .phone-panel{margin-bottom:20px!important}.lobby-content .qr-wrap{width:120px;height:120px}.lobby-content.phone-open .lobby-seats{display:none}}
@media(prefers-reduced-motion:reduce){.lobby-seat,.lobby-actions button,.home-play{transition:none!important}.lobby-actions .primary:hover,.home-play:hover{transform:none!important}}

body[data-screen="setup"] .topbar,body[data-screen="settings"] .topbar{background:#0b1120f5;border-bottom:1px solid #1e293b}