:root{--bg:oklch(12% .025 265);--surface:oklch(20% .03 260/.88);--border:oklch(40% .05 240);--text:oklch(97% .01 240);--muted:oklch(75% .03 240);--accent:oklch(84% .13 210);--accent-text:oklch(18% .04 230);--danger:oklch(68% .2 25);--shadow-lg:0 1px 2px oklch(0% 0 0/.2), 0 4px 8px oklch(0% 0 0/.2), 0 16px 32px oklch(0% 0 0/.25), 0 32px 64px oklch(0% 0 0/.2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{background:var(--bg);color:var(--text);overflow-wrap:break-word;-webkit-tap-highlight-color:transparent;font:1rem/1.5 system-ui,-apple-system,sans-serif;overflow:hidden}input,button{font:inherit}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input{-webkit-user-select:text;user-select:text}h1,h2{text-wrap:balance;line-height:1.2}[hidden]{display:none!important}#game{touch-action:none;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border:1px solid var(--border);width:min(26rem,100vw - 2rem);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-lg);isolation:isolate;border-radius:1rem;gap:1rem;padding:1.75rem;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}h1{letter-spacing:.08em;color:var(--accent);font-size:2.25rem}.tagline,.muted{color:var(--muted)}form{gap:.5rem;display:grid}label{font-weight:600}input{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);border-radius:.5rem;padding:.5rem .75rem}.btn{cursor:pointer;border:1px solid var(--border);min-height:44px;color:var(--text);background:0 0;border-radius:.5rem;padding:.5rem 1rem;font-weight:600;transition:transform .1s ease-out,opacity .1s ease-out}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:#0000}.btn:hover{opacity:.9}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.error{color:var(--danger)}.rules summary{cursor:pointer;color:var(--muted);align-items:center;min-height:44px;display:flex}.rules ol{gap:.25rem;padding-left:1.25rem;display:grid}kbd{border:1px solid var(--border);border-radius:.25rem;padding:0 .3em;font-family:ui-monospace,monospace;font-size:.85em}.share{gap:.5rem;display:flex}.share input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:.85rem}.players{gap:.25rem;padding:0;list-style:none;display:grid}.players li{background:oklch(100% 0 0/.04);border-radius:.5rem;justify-content:space-between;padding:.5rem .75rem;display:flex}.players .tag{color:var(--muted);font-size:.85rem}#hud{padding:calc(env(safe-area-inset-top,0px) + .75rem) 1rem .75rem;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid;position:fixed;top:0;left:0;right:0}.hud-left{color:var(--muted);font-size:.9rem}.hud-phase{letter-spacing:.12em;font-size:1.25rem;font-weight:800}.hud-right{justify-self:end;align-items:center;gap:.5rem;display:flex}.icon-btn{pointer-events:auto;cursor:pointer;border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:50%;place-items:center;font-size:1.15rem;line-height:1;transition:transform .1s ease-out;display:grid}.icon-btn:active{transform:scale(.92)}.hud-timer{font-variant-numeric:tabular-nums;font:700 1.25rem ui-monospace,monospace}.banner{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);letter-spacing:.05em;text-align:center;pointer-events:none;border-radius:999px;padding:.75rem 1.5rem;font-size:1.25rem;font-weight:800;animation:.15s ease-out pop;position:fixed;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.9)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--urgent:oklch(66% .23 25)}#labels,#focus-timer,.stick{pointer-events:none;position:fixed;top:0;left:0}.name-label{white-space:nowrap;color:var(--text);background:oklch(0% 0 0/.45);border-radius:999px;padding:.1rem .45rem;font-size:.8rem;font-weight:700;position:absolute;top:0;left:0}.name-label.muted{color:var(--muted);font-weight:500}.lobby-dot,.dot{vertical-align:-.05em;border-radius:50%;width:.75rem;height:.75rem;margin-right:.5rem;display:inline-block;box-shadow:0 0 0 2px oklch(100% 0 0/.15)}.players .who{align-items:center;display:inline-flex}#timer-bar{height:calc(env(safe-area-inset-top,0px) + 6px);pointer-events:none;background:oklch(100% 0 0/.08);position:fixed;top:0;left:0;right:0}#timer-fill{background:var(--accent);transform-origin:0;height:100%;transition:background-color .15s ease-out}#timer-bar.urgent #timer-fill{background:var(--urgent)}#focus-timer{font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 2px oklch(0% 0 0/.6),0 0 12px oklch(0% 0 0/.6);will-change:transform;font:800 2.75rem/1 ui-monospace,SFMono-Regular,monospace}#focus-timer[data-phase=reveal]{color:var(--muted);font-size:2rem}#focus-timer.urgent{color:var(--urgent);font-size:3.5rem;animation:1s ease-out infinite pulse}#focus-timer.centered{left:50%;top:calc(env(safe-area-inset-top,0px) + 4rem);font-size:3.5rem;transform:translate(-50%)!important}@keyframes pulse{0%{opacity:1}50%{opacity:.55}to{opacity:1}}.stick{width:0;height:0}.stick:before,.stick>div{content:"";border-radius:50%;position:absolute;translate:-50% -50%}.stick:before{border:2px solid oklch(100% 0 0/.35);width:120px;height:120px}.stick>div{background:oklch(100% 0 0/.5);width:40px;height:40px}#stick-aim:before{border-color:oklch(78% .17 75/.6)}.count{font-variant-numeric:tabular-nums;font-weight:700}.invite{font-size:.9rem}.invite code{color:var(--text);font-family:ui-monospace,monospace}:root{--pad-size:120px;--pad-gap:28px;--pad-zone:190px}.pad{width:var(--pad-size);height:var(--pad-size);bottom:calc(env(safe-area-inset-bottom,0px) + var(--pad-gap));pointer-events:none;background:oklch(100% 0 0/.05);border:2px solid oklch(100% 0 0/.3);border-radius:50%;place-items:center;transition:opacity .15s ease-out;display:grid;position:fixed}#pad-move{left:calc(env(safe-area-inset-left,0px) + var(--pad-gap))}#pad-aim{right:calc(env(safe-area-inset-right,0px) + var(--pad-gap));border-color:oklch(78% .17 75/.55)}.pad .knob{background:oklch(100% 0 0/.3);border-radius:50%;width:44px;height:44px}#pad-aim .knob{background:oklch(78% .17 75/.45)}.pad span{letter-spacing:.14em;color:var(--muted);font-size:.75rem;font-weight:800;position:absolute;top:-1.6rem;left:50%;translate:-50%}.pad.idle{opacity:.4}body.touch .banner{max-width:calc(100vw - 2rem);padding:.6rem 1.1rem;font-size:1.05rem}@media (orientation:portrait){body.touch .banner{bottom:calc(env(safe-area-inset-bottom,0px) + var(--pad-zone))}}@media (orientation:landscape){body.touch .banner{max-width:calc(100vw - 2 * var(--pad-zone));bottom:auto;top:calc(env(safe-area-inset-top,0px) + 3.25rem)}}#slowmo{pointer-events:none;position:fixed;inset:0}#slowmo i{background:oklch(0% 0 0/.85);height:9vh;transition:transform .35s ease-in;position:absolute;left:0;right:0}#slowmo i:first-child{top:0;transform:translateY(-100%)}#slowmo i:last-child{bottom:0;transform:translateY(100%)}#slowmo.on i{transition:transform .2s ease-out;transform:none}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;display:grid}.home-stats div{background:oklch(100% 0 0/.04);border:1px solid oklch(100% 0 0/.08);border-radius:.75rem;flex-direction:column-reverse;align-items:center;gap:.15rem;padding:.6rem .25rem;display:flex}.home-stats dd{font-variant-numeric:tabular-nums;color:var(--accent);margin:0;font:800 1.5rem/1.1 ui-monospace,SFMono-Regular,monospace}.home-stats div:first-child dd{color:var(--text)}.home-stats dt{color:var(--muted);text-align:center;font-size:.75rem;line-height:1.2}.first-note{color:var(--muted);font-size:.9rem}.privacy-note{color:var(--muted);font-size:.8rem;line-height:2.2}.privacy-note a{color:var(--accent);text-underline-offset:2px}.hint{color:var(--muted);margin-top:-.25rem;font-size:.8rem}.players li{align-items:center;gap:.5rem}.players .tag{margin-left:auto}.btn.small{min-height:44px;padding:.25rem .75rem;font-size:.85rem}