@font-face{font-family:Josefin Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(/fonts/josefin-sans-var.woff2)format("woff2")}@font-face{font-family:Marcellus;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/marcellus-400.woff2)format("woff2")}:root{--bg:#0a0a0a;--panel:#11100deb;--text:#f2f0e4;--muted:#8a8577;--gold:#d4af37;--gold-bright:#f2e8c4;--gold-dim:#d4af3759;--gold-faint:#d4af3724;--blue:#1e3d59;--danger:#d9534f;--glow:0 0 15px #d4af3733;--font-display:"Marcellus", "Times New Roman", serif;--font-body:"Josefin Sans", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button,input,.chip{touch-action:manipulation}#hud-bar,#menu-sheet,#sheet-scrim,.opt-caption{display:none}#scene-container{position:fixed;inset:0}.hidden{display:none!important}.screen{z-index:20;background:repeating-linear-gradient(45deg,#d4af3709 0 1px,#0000 1px 16px),repeating-linear-gradient(-45deg,#d4af3709 0 1px,#0000 1px 16px),#080808d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{z-index:40;background:radial-gradient(at 50% 40%,#d4af370f,#0000 60%),#08080899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--gold-dim);outline:1px solid var(--gold-faint);outline-offset:5px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:calc(100vw - 48px);max-width:400px;box-shadow:var(--glow), 0 24px 60px #0009;border-radius:0;padding:34px 38px;animation:.5s ease-out panel-in;position:relative}.panel:before,.panel:after{content:"";pointer-events:none;width:18px;height:18px;position:absolute}.panel:before{border-top:2px solid var(--gold);border-left:2px solid var(--gold);top:7px;left:7px}.panel:after{border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);bottom:7px;right:7px}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;color:var(--gold);text-shadow:0 0 24px #d4af3773;margin:0 0 10px;font-size:40px;font-weight:400;line-height:1.1}h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--text);margin:0 0 16px;font-size:24px;font-weight:400}h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:400}.tagline{color:var(--muted);text-transform:uppercase;letter-spacing:.3em;white-space:nowrap;justify-content:center;align-items:center;gap:12px;margin:0 0 26px;font-size:11px;display:flex}.tagline:before,.tagline:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim));flex:none;width:44px;height:1px}.tagline:after{background:linear-gradient(90deg, var(--gold-dim), transparent)}.hint{color:var(--muted);letter-spacing:.04em;font-size:12.5px}.error{color:var(--danger);letter-spacing:.04em;margin:12px 0 0;font-size:13.5px}.dialog-body{color:var(--muted);letter-spacing:.04em;margin:-4px 0 14px;font-size:13.5px}input{border:none;border-bottom:2px solid var(--gold-dim);width:100%;height:46px;color:var(--text);font-family:var(--font-body);letter-spacing:.05em;background:0 0;border-radius:0;outline:none;margin-bottom:16px;padding:10px 12px 8px;font-size:15px;transition:border-color .3s ease-out,box-shadow .3s ease-out}input::placeholder{color:var(--muted)}input:focus{border-bottom-color:var(--gold-bright);box-shadow:0 4px 10px #d4af3733}#code-input{font-family:var(--font-display);text-transform:uppercase;text-align:center;letter-spacing:.4em;margin-bottom:0;font-size:17px}button{cursor:pointer;border:1px solid var(--gold-dim);color:var(--gold);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.18em;background:0 0;border-radius:0;padding:13px 18px 11px;font-size:13px;font-weight:400;transition:background .3s ease-out,border-color .3s ease-out,color .3s ease-out,box-shadow .3s ease-out}button:hover{border-color:var(--gold);color:var(--gold-bright);box-shadow:var(--glow);background:#d4af3714}button:active{transform:translateY(1px)}button:focus-visible{outline:1px solid var(--gold);outline-offset:3px}button.primary{background:var(--gold);border-color:var(--gold);color:#0a0a0a;width:100%;font-weight:600}button.primary:hover{background:var(--gold-bright);border-color:var(--gold-bright);color:#0a0a0a;box-shadow:0 0 20px #d4af3766}button.ghost{color:var(--muted);border-color:#0000}button.ghost:hover{border-color:var(--gold-dim);color:var(--gold);box-shadow:none;background:0 0}button.danger{color:var(--danger);border-color:#d9534f80}button.danger:hover{border-color:var(--danger);color:var(--danger);background:#d9534f1f;box-shadow:0 0 15px #d9534f33}.home-panel button.primary{margin-bottom:16px}.join-row{align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.join-row button{flex:none}.code-display{font-family:var(--font-display);letter-spacing:.32em;text-indent:.32em;color:var(--gold);text-shadow:0 0 20px #d4af3766;border-top:1px solid var(--gold-faint);border-bottom:1px solid var(--gold-faint);-webkit-user-select:all;user-select:all;margin:6px 0 18px;padding:18px 0;font-size:42px}.row{justify-content:center;gap:12px;margin-top:12px;display:flex}#screen-wait{overflow-y:auto}#screen-wait,.cz-panel{scrollbar-width:thin;scrollbar-color:#d4af378c #d4af3714}#screen-wait::-webkit-scrollbar{width:6px}.cz-panel::-webkit-scrollbar{width:6px}#screen-wait::-webkit-scrollbar-track{background:#d4af3714}.cz-panel::-webkit-scrollbar-track{background:#d4af3714}#screen-wait::-webkit-scrollbar-thumb{background:#d4af378c}.cz-panel::-webkit-scrollbar-thumb{background:#d4af378c}.lobby{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:22px;width:calc(100vw - 48px);max-width:760px;margin:auto;padding:24px 0;display:flex}.lobby .panel{margin:0;animation:none}.lobby-main{flex:360px;max-width:420px}.lobby-settings{text-align:left;flex:260px;max-width:320px}.lobby-main .code-display{margin:6px 0;padding:12px 0;font-size:34px}.seat-list{text-align:left;flex-direction:column;gap:8px;margin:16px 0 10px;padding:0;list-style:none;display:flex}.seat-row{border:1px solid var(--gold-faint);border-left:2px solid var(--gold-dim);background:#d4af3708;align-items:center;gap:10px;padding:9px 12px;display:flex}.seat-row.empty{border-left-color:var(--gold-faint);opacity:.55}.seat-row .dot{border-radius:50%;flex:none;width:13px;height:13px;box-shadow:0 0 6px #00000080}.seat-row.empty .dot{border:1px dashed var(--gold-dim);box-shadow:none;background:0 0}.seat-row .seat-name{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:13.5px;overflow:hidden}.seat-row .seat-tag{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);flex:none;font-size:10px;position:relative;top:1px}.seat-row .seat-tag.off{color:var(--muted)}.seat-row .btn-kick{letter-spacing:.08em;flex:none;min-height:0;padding:4px 9px 2px;font-size:11px;line-height:1.4}.lobby-actions{flex-direction:column;gap:10px;margin:6px 0 12px;display:flex}.lobby-actions button{width:100%}.lobby-settings input:disabled{opacity:.6;cursor:not-allowed}.opt-group{text-align:left;margin-bottom:16px}.opt-group .cz-label{margin-bottom:7px;display:block}.opt-seg,.opt-toggles{flex-wrap:wrap;gap:8px;display:flex}button.opt{letter-spacing:.1em;cursor:help;padding:8px 12px 6px;font-size:11px}button.opt:not(:disabled){cursor:pointer}button.opt.active{background:var(--gold);border-color:var(--gold);color:#0a0a0a;box-shadow:var(--glow)}button.opt:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}#opt-clock{height:38px;margin-bottom:0;padding-right:34px;font-size:14px}.stepper{max-width:120px;position:relative}.stepper .step-btns{border-left:1px solid var(--gold-faint);flex-direction:column;width:26px;display:flex;position:absolute;top:5px;bottom:7px;right:0}button.step{color:var(--muted);letter-spacing:0;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;font-size:0;line-height:1;display:flex}button.step:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}#opt-clock-up:before{border-bottom:5px solid}#opt-clock-down:before{border-top:5px solid}button.step+button.step{border-top:1px solid var(--gold-faint)}button.step:hover{background:var(--gold-faint);color:var(--gold-bright);box-shadow:none}button.step:disabled{opacity:.45;cursor:not-allowed;color:var(--muted);background:0 0}.setup-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.lobby .setup-panel{flex:100%;max-width:none;padding:18px 26px 16px;animation:.32s ease-out setup-in}@keyframes setup-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#setup-canvas{border:1px solid var(--gold-faint);background:radial-gradient(at 50% 40%,#d4af370f,#0000 70%);width:100%;height:clamp(180px,26vh,250px);margin:10px 0 4px}#setup-canvas canvas{display:block;width:100%!important;height:100%!important}#hud-clock{font-family:var(--font-display);justify-content:center;min-width:64px;font-size:14px}#hud-clock.urgent{color:var(--danger);border-left-color:var(--danger);animation:1s ease-in-out infinite clock-pulse}@keyframes clock-pulse{50%{box-shadow:0 0 14px #d9534f80}}#hud>*{z-index:10;position:fixed}#hud-top{flex-direction:column;align-items:flex-start;gap:6px;max-width:min(440px,100vw - 240px);display:flex;top:14px;left:0}.chip{background:var(--panel);border:1px solid var(--gold-faint);border-left:2px solid var(--gold-dim);text-transform:uppercase;letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0;align-items:center;gap:8px;padding:9px 14px 7px 12px;font-size:12px;display:inline-flex}.chip b{font-family:var(--font-display);letter-spacing:.22em;color:var(--gold);font-size:13px;font-weight:400}.chip button{letter-spacing:0;padding:2px 7px;font-size:12px}.chip.your-turn{border-color:var(--gold-dim);border-left-color:var(--gold);color:var(--gold-bright);box-shadow:var(--glow)}.chip.warn{border-color:#d9534f8c;border-left-color:var(--danger);color:#f0a49f}#hud-right{background:var(--panel);border:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;min-width:150px;max-width:min(340px,40vw);max-height:min(540px,100vh - 120px);box-shadow:var(--glow);border-radius:0;flex-direction:column;padding:16px 14px 14px;display:flex;top:14px;right:14px}#hud-right:before,#hud-right:after{content:"";pointer-events:none;width:12px;height:12px;position:absolute}#hud-right:before{border-top:2px solid var(--gold);border-left:2px solid var(--gold);top:4px;left:4px}#hud-right:after{border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);bottom:4px;right:4px}#hud-right h3{align-items:center;gap:10px;margin:0 0 10px;font-size:12px;display:flex}#hud-right h3:before,#hud-right h3:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim));flex:1;height:1px}#hud-right h3:after{background:linear-gradient(90deg, var(--gold-dim), transparent)}#move-list{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d4af378c #d4af3714;flex:1;min-height:48px;margin:0 0 12px;padding:0 0 0 6px;font-family:Consolas,monospace;font-size:12px;list-style:none;overflow-y:auto}#move-list::-webkit-scrollbar{width:6px}#move-list::-webkit-scrollbar-track{background:#d4af3714}#move-list::-webkit-scrollbar-thumb{background:#d4af378c}#move-list:empty:before{content:"No moves yet";text-align:center;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);padding-top:16px;font-size:11px;display:block}#move-list li{color:var(--text);white-space:nowrap;gap:8px;padding:2px 0;display:flex}#move-list li .n{color:var(--gold);flex:none;min-width:24px}#move-list li span{flex:none}#move-list li span:not(.n):not(.dot){min-width:52px}#hud-actions{gap:8px;display:flex}#hud-actions button{letter-spacing:.12em;flex:1;padding:9px 8px 7px;font-size:11px}#hud-levels{background:var(--panel);border:1px solid var(--gold-faint);border-left:2px solid var(--gold-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0;align-items:center;gap:6px;padding:8px 14px 7px 12px;display:flex;bottom:14px;left:0}#hud-levels .lbl{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-right:4px;font-size:11px}#hud-levels .hint{margin-left:10px;font-size:11.5px}button.lvl{font-family:var(--font-display);letter-spacing:.08em;min-width:38px;padding:6px 11px 4px;font-size:13px}button.lvl.active{background:var(--gold);border-color:var(--gold);color:#0a0a0a;box-shadow:var(--glow)}#hud-view{background:var(--panel);border:1px solid var(--gold-faint);border-left:2px solid var(--gold-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0;align-items:center;gap:6px;padding:8px 14px 7px 12px;display:flex;bottom:14px;left:0}#hud-view .lbl{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-right:4px;font-size:11px;transition:opacity .2s}#hud-view .vw-sep{background:var(--gold-faint);align-self:stretch;width:1px;margin:2px 4px}button.vw{letter-spacing:.1em;padding:6px 11px 4px;font-size:11px}button.vw.opp{align-items:center;gap:6px;padding:6px 10px 4px;display:inline-flex}button.vw.opp .dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 4px #0006}button.vw.active{background:var(--gold);border-color:var(--gold);color:#0a0a0a;box-shadow:var(--glow)}button.vw:disabled{opacity:.4;cursor:default}button.vw:disabled:hover{border-color:var(--gold-dim);color:var(--gold);box-shadow:none;background:0 0}.promo-row{justify-content:center;gap:10px;display:flex}.promo-row button{letter-spacing:.14em;flex-direction:column;align-items:center;gap:10px;padding:16px 14px 12px;font-size:10.5px;display:flex}.promo-row .glyph{width:44px;height:44px;color:var(--gold);justify-content:center;align-items:center;font-size:32px;line-height:1;display:flex}#console-toggle{letter-spacing:0;border-color:var(--gold-faint);width:34px;height:34px;color:var(--muted);background:var(--panel);opacity:.35;padding:0;font-size:12px;bottom:14px;right:14px}#console-toggle:hover{opacity:1;color:var(--gold);border-color:var(--gold-dim)}#console-panel{background:var(--panel);border:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:320px;box-shadow:var(--glow), 0 10px 30px #00000080;padding:12px;animation:.3s ease-out panel-in;bottom:56px;right:14px}#console-panel h3{align-items:center;gap:10px;margin:0 0 8px;font-size:11px;display:flex}#console-panel h3:before,#console-panel h3:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim));flex:1;height:1px}#console-panel h3:after{background:linear-gradient(90deg, var(--gold-dim), transparent)}#console-out{min-height:18px;max-height:200px;color:var(--text);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d4af378c #d4af3714;margin-bottom:8px;font-family:Consolas,monospace;font-size:11.5px;overflow-y:auto}#console-out .line{white-space:pre-wrap;word-break:break-word;padding:1px 0}#console-out .line.echo{color:var(--gold)}#console-in{letter-spacing:.02em;height:34px;margin-bottom:0;padding:6px 8px 4px;font-family:Consolas,monospace;font-size:12.5px}#customizer{z-index:30;will-change:transform;backface-visibility:hidden;transform:translate3d(calc(-1 * var(--cz-panel-w)), -50%, 0);--cz-panel-w:212px;align-items:center;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:50%;left:0}#customizer.open{transform:translate(4px,-50%)}.cz-panel{background:var(--panel);border:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:212px;max-height:calc(100vh - 48px);box-shadow:var(--glow), 0 12px 40px #0000008c;border-left:none;padding:16px 16px 14px;overflow-y:auto}.cz-panel h3{text-align:center;margin:0 0 12px;font-size:12px}.cz-group{margin-bottom:12px}.cz-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:6px;font-size:10.5px;display:block}.cz-swatches{flex-wrap:wrap;gap:7px;display:flex}.cz-swatches .swatch{border:1px solid var(--gold-faint);cursor:pointer;width:26px;height:26px;padding:0}.cz-swatches .swatch:hover{border-color:var(--gold);box-shadow:var(--glow)}.cz-swatches .swatch.active{border-color:var(--gold);outline:1px solid var(--gold);outline-offset:2px}#customizer input[type=range]{appearance:none;width:100%;height:16px;box-shadow:none;cursor:pointer;background:0 0;border:none;margin:0;padding:0}#customizer input[type=range]:focus-visible{outline:1px solid var(--gold);outline-offset:3px}#customizer input[type=range]::-webkit-slider-runnable-track{background:var(--gold-dim);height:2px}#customizer input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gold);border:none;border-radius:0;width:10px;height:10px;margin-top:-4px;transition:background .2s ease-out,box-shadow .2s ease-out;transform:rotate(45deg)}#customizer input[type=range]::-webkit-slider-thumb:hover{background:var(--gold-bright);box-shadow:0 0 8px #d4af3780}#customizer input[type=range]::-moz-range-track{background:var(--gold-dim);height:2px}#customizer input[type=range]::-moz-range-thumb{background:var(--gold);border:none;border-radius:0;width:10px;height:10px;transform:rotate(45deg)}.cz-row{gap:8px;margin-top:14px;display:flex}.cz-row button{letter-spacing:.1em;flex:1;padding:8px 6px 6px;font-size:10.5px}.cz-wide{letter-spacing:.1em;width:100%;padding:8px 6px 6px;font-size:10.5px}.cz-tab{writing-mode:vertical-rl;border:1px solid var(--gold-dim);background:var(--panel);letter-spacing:.22em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;border-left:none;margin-left:-1px;padding:16px 8px;font-size:11px;position:relative}#toast{background:var(--panel);border:1px solid var(--gold-dim);letter-spacing:.04em;z-index:60;box-shadow:var(--glow), 0 10px 30px #00000080;border-radius:0;padding:12px 22px 10px;font-size:13.5px;animation:.3s ease-out toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#tooltip{z-index:80;border:1px solid var(--gold-dim);border-left:2px solid var(--gold);max-width:260px;color:var(--text);letter-spacing:.03em;text-align:left;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#0c0b09f7;padding:9px 13px 8px;font-size:12px;line-height:1.5;transition:opacity .14s ease-out,transform .14s ease-out;position:fixed;transform:translateY(3px);box-shadow:0 8px 24px #0009}#tooltip.show{opacity:1;transform:translateY(0)}#tooltip:before{content:"";background:var(--gold);width:5px;height:5px;position:absolute;top:11px;left:-1px;transform:translate(-50%)rotate(45deg)}.players-row{border-top:1px solid var(--gold-faint);justify-content:center;align-items:center;gap:6px;margin:4px 0 12px;padding-top:16px;display:flex}.lobby-players{border-top:none;margin:2px 0 14px;padding-top:0}.players-row .lbl{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-right:6px;font-size:11px}button.pcount{font-family:var(--font-display);min-width:40px;padding:7px 13px 5px;font-size:14px}button.pcount.active{background:var(--gold);border-color:var(--gold);color:#0a0a0a;box-shadow:var(--glow)}#turn-strip{background:var(--gold);height:4px;box-shadow:0 -1px 6px color-mix(in srgb, currentColor 45%, transparent);color:var(--gold);pointer-events:none;z-index:5;transition:background .25s,color .25s,opacity .25s;position:fixed;bottom:0;left:0;right:0}#turn-strip.hidden{opacity:0}#hud-roster{flex-direction:column;align-items:stretch;gap:4px;width:max-content;display:flex}.roster-chip{background:var(--panel);border:1px solid var(--gold-faint);border-left:2px solid var(--gold-dim);text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:8px;padding:6px 12px 4px 10px;font-size:11.5px;display:flex}.roster-chip.turn{border-color:var(--gold-dim);border-left-color:var(--gold);color:var(--gold-bright);box-shadow:var(--glow)}.roster-chip.dead{opacity:.55;text-decoration:line-through}.dot{border:1px solid #0006;border-radius:50%;flex:none;width:9px;height:9px}#move-list li .dot{flex:none;align-self:center}@keyframes sheet-in{0%{opacity:.4;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px),(pointer:coarse) and (width<=1024px){:root{--bar-h:60px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--ease-sheet:cubic-bezier(.22, 1, .36, 1)}h1{font-size:34px}input{font-size:16px}#code-input{font-size:18px}#screen-home{background:linear-gradient(#08080833,#0808088c 45%,#080808f0 82%);align-items:flex-end}#screen-home .panel{width:100%;max-width:none;padding:28px 24px calc(24px + var(--safe-b));animation:sheet-in .4s var(--ease-sheet);border-bottom:none;border-left:none;border-right:none;outline:none}#screen-home .panel:before,#screen-home .panel:after{display:none}.home-panel button.primary,#btn-local{min-height:50px}.join-row button{min-height:50px;padding-left:22px;padding-right:22px}#screen-wait{align-items:flex-start}.lobby{width:100%;max-width:none;padding:calc(14px + var(--safe-t)) 14px calc(28px + var(--safe-b));flex-flow:column;gap:14px;margin:0}.lobby-main,.lobby-settings,.lobby .setup-panel{flex:none;width:100%;max-width:none}.lobby .panel{padding:24px 20px 20px}.lobby-main .code-display{font-size:30px}.seat-row{border-left:1px solid var(--gold-faint);padding:12px 14px}.seat-row .seat-name{font-size:15px}.seat-row .btn-kick{padding:9px 14px 7px;font-size:11px}.lobby-actions button,#btn-cancel-wait{min-height:48px}button.opt{min-height:44px;padding:12px 16px 10px;font-size:12px}button.pcount{min-width:48px;min-height:44px}.opt-caption{color:var(--muted);letter-spacing:.03em;margin:9px 0 0;font-size:12.5px;line-height:1.55;display:block}.stepper{max-width:160px}#opt-clock{height:44px}.stepper .step-btns{width:36px}button.step:before{border-left-width:5px;border-right-width:5px}#opt-clock-up:before{border-bottom-width:6px}#opt-clock-down:before{border-top-width:6px}#setup-canvas{height:min(34dvh,300px)}#hud-top{max-width:none;padding:calc(8px + var(--safe-t)) 10px 10px;pointer-events:none;background:linear-gradient(#080808e6,#08080873 72%,#0000);flex-flow:wrap;align-items:center;gap:6px;top:0;left:0;right:0}#hud-top>*{pointer-events:auto}.chip{letter-spacing:.1em;border-left:1px solid var(--gold-faint);padding:8px 11px 6px;font-size:11px}.chip.your-turn{border:1px solid var(--gold-dim)}.chip.warn{border:1px solid #d9534f8c;flex-basis:100%;justify-content:center}#hud-you{display:none}#hud-turn{text-align:center;flex:auto;justify-content:center}#hud-room button{display:none}#hud-roster{scrollbar-width:none;flex-flow:row;flex-basis:100%;gap:6px;width:auto;overflow-x:auto}#hud-roster::-webkit-scrollbar{display:none}.roster-chip{white-space:nowrap;border-left:1px solid var(--gold-faint);padding:6px 10px 4px;font-size:10.5px}.roster-chip.turn{border:1px solid var(--gold)}#hud-bar{z-index:12;padding:8px 10px calc(8px + var(--safe-b));border-top:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a09eb;align-items:stretch;gap:8px;display:flex;position:fixed;inset:auto 0 0}.bar-gap{flex:1}.bar-btn{letter-spacing:.14em;min-height:44px;padding:10px 16px 8px;font-size:12px}.bar-levels{gap:6px;display:flex}.bar-levels .lvl{min-width:44px;min-height:44px;padding:8px 8px 6px}#hud-levels{display:none}#turn-strip{bottom:calc(var(--bar-h) + var(--safe-b))}#console-toggle{bottom:calc(var(--bar-h) + var(--safe-b) + 12px)}#console-panel{bottom:calc(var(--bar-h) + var(--safe-b) + 54px);width:auto;max-width:360px;left:14px}#sheet-scrim{z-index:24;opacity:0;pointer-events:none;background:#0505048c;transition:opacity .25s ease-out;display:block;position:fixed;inset:0}body.sheet-up #sheet-scrim{opacity:1;pointer-events:auto}#hud-right{z-index:26;border:none;border-top:1px solid var(--gold-dim);width:auto;min-width:0;max-width:none;max-height:min(62dvh,480px);padding:14px 18px calc(16px + var(--safe-b));transition:transform .28s var(--ease-sheet);inset:auto 0 0;transform:translateY(103%);box-shadow:0 -18px 50px #00000080}#hud-right.open{transform:translateY(0)}#hud-right:before,#hud-right:after{display:none}#hud-right h3{font-size:13px}#hud-actions{display:none}#move-list{-webkit-overflow-scrolling:touch;font-size:13px}#move-list li{padding:4px 0}#menu-sheet{z-index:26;background:var(--panel);border-top:1px solid var(--gold-dim);padding:14px 18px calc(18px + var(--safe-b));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .28s var(--ease-sheet);display:block;position:fixed;inset:auto 0 0;transform:translateY(103%);box-shadow:0 -18px 50px #00000080}#menu-sheet.open{transform:translateY(0)}#menu-sheet h3{align-items:center;gap:10px;margin:0 0 12px;font-size:12px;display:flex}#menu-sheet h3:before,#menu-sheet h3:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim));flex:1;height:1px}#menu-sheet h3:after{background:linear-gradient(90deg, var(--gold-dim), transparent)}.sheet-items{flex-direction:column;gap:8px;display:flex}.sheet-item{letter-spacing:.16em;width:100%;min-height:48px;font-size:12.5px}#customizer{transition:transform .3s var(--ease-sheet);align-items:stretch;inset:auto 0 0;transform:translateY(103%)}#customizer.open{transform:translateY(0)}.cz-tab{display:none}.cz-panel{border:none;border-top:1px solid var(--gold-dim);width:100%;max-height:min(70dvh,540px);padding:16px 20px calc(18px + var(--safe-b));box-shadow:0 -18px 50px #00000080}.cz-swatches{gap:10px}.cz-swatches .swatch{width:38px;height:38px}#customizer input[type=range]{height:32px}#customizer input[type=range]::-webkit-slider-runnable-track{margin-top:7px}#customizer input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6px}#customizer input[type=range]::-moz-range-thumb{width:14px;height:14px}.cz-row button,.cz-wide{min-height:44px}.modal{align-items:flex-end}.modal .panel{width:100%;max-width:none;padding:26px 22px calc(22px + var(--safe-b));animation:sheet-in .3s var(--ease-sheet);border-bottom:none;border-left:none;border-right:none;outline:none}.modal .panel:before,.modal .panel:after{display:none}.modal .row button{flex:1;min-height:48px}.promo-row{gap:8px}.promo-row button{flex:1;padding:14px 6px 10px}#toast{bottom:calc(var(--bar-h) + var(--safe-b) + 14px);text-align:center;max-width:calc(100vw - 28px)}}@media (pointer:coarse) and (height<=520px){#hud-right,.cz-panel{max-height:86dvh}#screen-home .panel{padding-top:16px}h1{font-size:26px}.tagline{margin-bottom:14px}}