:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#150e2e;--bg-glow-top:#2f1c6b;--bg-glow-bottom:#14284f;--surface:#221949;--surface-raised:#2e2360;--border:#453a86;--text:#f7f3ff;--text-muted:#a99ede;--accent:#ffd23f;--accent-text:#1a1030;--accent-shadow:#b8890a;--intruder:#ff2e88;--word:#38e1ff;--danger:#ff8a8a;--player-1:#ffd23f;--player-2:#ff8a3d;--player-3:#ff5c5c;--player-4:#7cf03d;--player-5:#34e0b4;--player-6:#6ba8ff;--player-7:#a78bfa;--player-8:#d68bff;--player:var(--accent);--radius:18px;--radius-lg:32px;--radius-pill:999px;--tap:52px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100dvh;margin:0;overflow:hidden}body{background:radial-gradient(120% 78% at 50% -12%, var(--bg-glow-top) 0%, transparent 62%), radial-gradient(110% 62% at 50% 112%, var(--bg-glow-bottom) 0%, transparent 58%), var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;background-attachment:fixed}#app{height:100dvh;padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-3) max(var(--space-3), env(safe-area-inset-bottom));gap:var(--space-2);flex-direction:column;display:flex}.screen{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.screen__spacer{flex:1;min-height:0}.screen__actions{gap:var(--space-1);flex-direction:column;display:flex}.screen__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800}.screen__hint{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.45}.eyebrow{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.logo{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2.5rem,13vw,3.5rem);font-weight:800;line-height:1}.logo__intruder{color:var(--intruder);display:inline-block;transform:rotate(-8deg)translateY(-.04em)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.button{min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-text);box-shadow:0 4px 0 var(--accent-shadow);font:inherit;font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;border:none;font-size:1.05rem;font-weight:800;transition:transform 60ms,box-shadow 60ms}.button:active:not(:disabled){box-shadow:0 0 0 var(--accent-shadow);transform:translateY(4px)}.button:disabled{background:var(--surface-raised);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.button--secondary{background:var(--surface-raised);color:var(--text);box-shadow:0 4px 0 var(--surface)}.button--secondary:active:not(:disabled){box-shadow:0 0 0 var(--surface)}.button--danger{color:var(--danger);box-shadow:none;background:0 0;font-weight:600}.button--danger:active:not(:disabled){transform:none}.button--player{background:var(--player);color:var(--accent-text);box-shadow:0 4px #00000059}.topbar{justify-content:flex-end;align-items:center;gap:var(--space-1);min-height:44px;margin-bottom:calc(var(--space-2) * -1);display:flex}.topbar__close{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1}.topbar__question{color:var(--text-muted);margin:0 auto 0 0;font-size:.9rem}.button--compact{min-height:40px;padding:0 var(--space-2);box-shadow:none;font-size:.95rem}.button--compact:active:not(:disabled){transform:none}.input{min-height:var(--tap);padding:0 var(--space-2);border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;width:100%;font-size:1.05rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);outline:none}.field{gap:var(--space-1);display:flex}.error{color:var(--danger);min-height:1.2em;margin:0;font-size:.9rem;font-weight:600}.player-list{gap:var(--space-1);flex-direction:column;flex:auto;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.player-list__item{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-1) 0 var(--space-2);background:var(--surface);border:2px solid var(--border);border-left:6px solid var(--player);border-radius:var(--radius);display:flex}.player-list__name{flex:1;font-weight:600}.player-list__remove{min-width:var(--tap);min-height:var(--tap);color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.setting{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.setting__value{text-align:center;min-width:5.5ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.stepper{align-items:center;gap:var(--space-1);display:flex}.stepper button{min-width:var(--tap);min-height:var(--tap);border:2px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer;font-size:1.4rem;line-height:1}.stepper button:disabled{opacity:.35;cursor:not-allowed}.handoff{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;flex:1;min-height:0;display:flex}.handoff__name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--player);margin:0;font-size:clamp(2.5rem,15vw,4rem);font-weight:800;line-height:1}.hold{text-align:center;min-height:0;padding:var(--space-3);border:3px solid var(--player);border-radius:var(--radius-lg);background:repeating-linear-gradient(-45deg, #ffffff08 0 12px, transparent 12px 24px), var(--surface);color:var(--text-muted);font-family:var(--font-display);-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;--hold-progress:0;flex:1;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.hold__progress{height:4px;transform:scaleX(var(--hold-progress));transform-origin:0;background:var(--player);opacity:.9;position:absolute;bottom:0;left:0;right:0}.hold--unlocked .hold__progress{opacity:0}@media (prefers-reduced-motion:no-preference){.hold:not(.hold--revealed){animation:3.2s ease-in-out infinite hold-breathe}}@keyframes hold-breathe{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 32px 0 color-mix(in srgb, var(--player) 30%, transparent)}}.hold--revealed{background:var(--surface-raised);color:var(--word);border-color:var(--word);letter-spacing:-.01em;word-break:break-word;font-size:clamp(1.4rem,7vw,2.1rem);font-weight:800;animation:none}.countdown{min-height:0;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;flex:1;justify-content:center;align-items:center;font-size:clamp(4rem,30vw,8.5rem);font-weight:800;display:flex}.countdown--expired{color:var(--intruder)}.result{justify-content:center;align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;flex:1;min-height:0;display:flex}.result__value{margin:0 0 var(--space-3);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,12vw,3rem);font-weight:800;line-height:1.1}.result__value--intruder{color:var(--intruder)}.result__value--word{color:var(--word)}