:root{--bg:#070914;--bg2:#0b0f22;--surface:#11152b;--surface2:#181d3a;--line:#262c55;--text:#eef1ff;--muted:#8a90b8;--accent:#ff2bd6;--accent2:#22e6ff;--good:#19e68c;--bad:#ff2e5f;--warn:#ffd21f;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:16px;--tap:48px;--glow:0 0 0 1px #ff2bd659, 0 6px 24px #ff2bd62e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.4}body{background:radial-gradient(120% 60% at 50% -10%, #1a0f3a 0%, var(--bg) 60%) no-repeat, var(--bg)}#app{min-height:100%}button,input{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.screen{max-width:560px;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 16px);margin:0 auto;animation:.16s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.topbar{min-height:var(--tap);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.topbar h1{margin:0;font-size:1.25rem}.logo{letter-spacing:.02em;background:linear-gradient(90deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900;font-size:2rem!important}.tagline{margin:0 0 16px}.card{background:linear-gradient(180deg, var(--surface2), var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:16px}.game-list{gap:12px;display:grid}.game-card h2{margin:0;font-size:1.2rem}.game-card p{margin:6px 0 12px}.card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.badge{color:var(--accent2);white-space:nowrap;border:1px solid #22e6ff59;border-radius:999px;padding:2px 8px;font-size:.75rem}.btn{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--line);background:var(--surface2);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;transition:transform 80ms ease-out,background-color .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.btn-primary{color:#0a0312;background:linear-gradient(90deg, var(--accent), #ff5ce6);width:100%;box-shadow:var(--glow);border:none}.btn-ghost{background:0 0;border-color:#0000}.icon-btn{width:var(--tap);padding:0;font-size:1.4rem}.chips{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.chip{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;padding:0 14px;font-size:.9rem}.chip[aria-checked=true]{color:var(--text);border-color:var(--accent2);background:#22e6ff1a}.list{padding:4px 16px}.row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:60px;display:flex}.row:last-child{border-bottom:none}.row-text{flex-direction:column;flex:1;display:flex}.toggle{cursor:pointer;position:relative}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.switch{background:var(--line);border-radius:999px;flex:none;width:48px;height:28px;transition:background-color .12s;position:relative}.switch:after{content:"";background:var(--text);border-radius:50%;width:22px;height:22px;transition:transform .12s ease-out;position:absolute;top:3px;left:3px}.toggle input:checked+.switch{background:var(--accent)}.toggle input:checked+.switch:after{transform:translate(20px)}.toggle input:focus-visible+.switch{outline:2px solid var(--accent2);outline-offset:2px}input[type=range]{width:50%;accent-color:var(--accent);min-height:var(--tap)}[data-reduced-motion] *,[data-reduced-motion] :before,[data-reduced-motion] :after{transition-duration:1ms!important;animation-duration:1ms!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.game-screen{background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:none;margin:0;padding:0;animation:none;position:fixed;inset:0;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.game-close{top:calc(env(safe-area-inset-top) + 6px);left:calc(env(safe-area-inset-left) + 6px);color:#fffc;z-index:3;position:absolute}.game-overlay{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-overlay>*{pointer-events:auto}.countdown{text-align:center;background:#070914d1;border-radius:24px;min-width:260px;padding:24px}.countdown-name{color:var(--accent2);font-size:1.2rem;font-weight:800}.countdown-num{color:var(--accent);text-shadow:0 0 24px #ff2bd68c;font-size:6rem;font-weight:900;line-height:1.1}.countdown-num.pop{animation:.5s ease-out pop}@keyframes pop{0%{opacity:.3;transform:scale(1.5)}}.countdown-howto{color:var(--text);max-width:260px;margin:0 auto}.result{text-align:center;width:min(92vw,420px);max-height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);animation:.2s ease-out screen-in;overflow-y:auto}.result-score{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:3.6rem;font-weight:900;line-height:1.1}.result-lines{text-align:left;margin:12px 0}.result-line{border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 0;display:flex}.result-actions{gap:10px;margin-top:16px;display:grid}.safe-probe{visibility:hidden;pointer-events:none;width:0;height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;top:0;left:0}.debug-overlay{right:calc(env(safe-area-inset-right) + 4px);bottom:calc(env(safe-area-inset-bottom) + 4px);z-index:5;pointer-events:none;color:#fff;font:11px/1.3 ui-monospace,Menlo,monospace;position:absolute}.debug-overlay pre{white-space:pre;background:#0000008c;margin:2px 0 0;padding:2px 4px}[hidden]{display:none!important}.stack{gap:12px;display:grid}.pad{margin:0;padding:12px 0}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:20px 4px 8px;font-size:.85rem;font-weight:700}.btn-wide{width:100%;margin-top:16px}.btn-small{border-radius:10px;min-width:0;min-height:36px;padding:0 12px;font-size:.85rem}.btn:disabled{opacity:.55;cursor:default;transform:none}.danger{color:var(--bad)}.input{width:100%;min-height:var(--tap);border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:12px;outline:none;padding:0 14px;font-size:16px;transition:border-color .12s}.input:focus{border-color:var(--accent2)}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.input-num{max-width:120px}textarea.input{resize:none;padding:12px 14px;font-family:inherit;line-height:1.3}.code-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-size:1.3rem;font-weight:800}.field{gap:6px;display:grid}.field-label{color:var(--muted);font-size:.9rem}.field-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-row>.field{flex:1}.field input[type=range]{width:100%}.form-error{min-height:1.2em;color:var(--bad);margin:0;font-size:.9rem}.form-error:empty{display:none}.row-form{gap:8px;display:flex}.row-form .input{flex:1;min-width:0}.onboarding{padding-top:calc(env(safe-area-inset-top) + 8vh);gap:16px;display:grid}.onboarding-head{text-align:center}.onboarding-head .logo{margin:0 0 4px;font-size:3rem!important}.or{text-align:center}.providers{justify-items:center;gap:10px;display:grid}.providers:empty{display:none}.provider-slot{justify-content:center;width:100%;min-height:44px;display:flex}.provider-btn{border-radius:999px;width:100%;max-width:400px}.provider-btn.apple{color:#000;background:#fff;border-color:#fff}.list-item{border:none;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;align-items:center;gap:10px;width:100%;min-height:60px;padding:8px 0;display:flex}.list-item.static{cursor:default}.list>.list-item:last-child,.list>li:last-child{border-bottom:none}ul.list{margin:0;padding:0;list-style:none}.list-main{flex-direction:column;flex:1;min-width:0;display:flex}.list-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chev{color:var(--muted);font-size:1.4rem}.room-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.today{box-shadow:var(--glow);border-color:#ff2bd673;gap:8px;display:grid}.today-game{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:1.5rem;display:flex}.today p{margin:0}.chip.static{cursor:default;min-height:28px;color:var(--accent2);border-color:#22e6ff59;align-items:center;font-size:.8rem;display:inline-flex}.practice-box summary{cursor:pointer;min-height:36px;padding:8px 0}.tabs{background:var(--bg2);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:4px;margin:16px 0 8px;padding:4px;display:grid}.tab{min-height:40px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:10px;font-size:.9rem;font-weight:700;position:relative}.tab[aria-selected=true]{color:var(--text);background:var(--surface2)}.tab.dot:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:10px}.panel{gap:8px;display:grid}.panel-title{margin:0;font-size:1rem}.panel-head{justify-content:space-between;align-items:center;display:flex}.code-badge{letter-spacing:.2em;font-weight:800}.board{margin:0;padding:0;list-style:none}.board-row{border-bottom:1px solid var(--line);grid-template-columns:2.2em 1fr auto auto;align-items:center;gap:8px;min-height:48px;display:grid}.board-row:last-child{border-bottom:none}.board-row.me{color:var(--accent2)}.board-rank{text-align:center;font-weight:800}.board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-score{font-variant-numeric:tabular-nums;font-weight:800}.board-pts{text-align:right;min-width:2.6em}.chat{gap:8px;display:grid}.chat-list{overscroll-behavior:contain;flex-direction:column;gap:6px;max-height:min(52vh,460px);margin:0;padding:0 2px;list-style:none;display:flex;overflow-y:auto}.chat-msg{background:var(--surface2);border:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:14px 14px 14px 4px;align-self:flex-start;gap:2px;max-width:85%;padding:8px 12px;display:grid}.chat-msg.mine{background:#ff2bd624;border-color:#ff2bd659;border-radius:14px 14px 4px;align-self:flex-end}.chat-name{color:var(--accent2);font-size:.8rem}.chat-msg time{justify-self:end;font-size:.7rem}.chat-feed{text-align:center;color:var(--warn);align-self:center;padding:2px 8px;font-size:.85rem;display:grid}.chat-feed time{font-size:.7rem}.chat-form{align-items:flex-end;gap:8px;display:flex}.chat-input{flex:1;min-width:0;max-height:120px}.params-card summary{cursor:pointer;min-height:32px;font-weight:700}.params-card[open] summary{margin-bottom:8px}.host-panel .btn-primary{margin-top:16px}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);background:var(--surface2);border:1px solid var(--accent2);max-width:min(92vw,520px);color:var(--text);opacity:0;pointer-events:none;z-index:100;text-align:center;border-radius:14px;padding:12px 18px;transition:opacity .16s,transform .16s ease-out;position:fixed;transform:translate(-50%,20px);box-shadow:0 8px 30px #00000080}.toast.show{opacity:1;transform:translate(-50%)}