:root{--bg:#070a10;--bg-glow:radial-gradient(ellipse 80% 55% at 50% -10%, #22d3ee21, transparent 70%);--surface:#0e141e;--surface-2:#151d2b;--border:#1f2a3c;--border-strong:#31435e;--text:#8ea0b8;--text-bright:#e9f2fb;--text-dim:#56657d;--accent:#22d3ee;--accent-soft:#22d3ee1f;--accent-line:#22d3ee73;--accent-glow:#22d3ee47;--on-accent:#04222b;--ok:#4ade80;--ok-soft:#4ade801f;--danger:#fb7185;--danger-soft:#fb71851f;--warn:#fbbf24;--warn-soft:#fbbf241f;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:6px;--radius:12px;--radius-lg:18px;--radius-pill:999px;--tile-radius:8px;--shadow:0 10px 30px -12px #000000bf;--shadow-lifted:0 18px 40px -16px #000000d9;--speed-fast:.12s;--speed:.22s;--speed-slow:.42s;--ease:cubic-bezier(.22, .68, .36, 1);--step:8px;--shell-width:540px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}body{background:var(--bg-glow), var(--bg);background-repeat:no-repeat;background-attachment:fixed;min-height:100svh;margin:0}h1,h2,h3{color:var(--text-bright);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.15}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,input{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{width:100%;max-width:var(--shell-width);flex-direction:column;min-height:100svh;margin:0 auto;display:flex}.shell{padding:calc(var(--step) * 2);gap:calc(var(--step) * 2);flex-direction:column;flex:1;display:flex}.shell-body{gap:calc(var(--step) * 2);flex-direction:column;flex:1;display:flex}.masthead{justify-content:space-between;align-items:center;gap:var(--step);padding-bottom:calc(var(--step) * 1.5);border-bottom:1px solid var(--border);display:flex}.masthead-title{align-items:baseline;gap:var(--step);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:13px;display:flex}.masthead-code{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-bright);font-size:20px;font-weight:600}.masthead-meta{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;font-size:12px}.masthead-right{align-items:center;gap:var(--step);display:flex}.room-code{border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--speed-fast) var(--ease), background var(--speed-fast) var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:-2px -6px;padding:2px 6px;display:inline-flex}.room-code:hover,.room-code:focus-visible{background:var(--accent-soft);border-color:var(--accent-line);outline:none}.room-code-icon{color:var(--text-dim);font-size:13px}.room-code:hover .room-code-icon,.room-code:focus-visible .room-code-icon{color:var(--accent)}.menu{position:relative}.menu-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-dim);cursor:pointer;transition:color var(--speed-fast) var(--ease), border-color var(--speed-fast) var(--ease);background:0 0;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{color:var(--text-bright);border-color:var(--border-strong)}.menu-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.menu-panel{z-index:10;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:232px;box-shadow:var(--shadow-lifted);animation:menu-in var(--speed-fast) var(--ease);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.menu-item{width:100%;padding:10px var(--step);text-align:left;border-radius:var(--radius-sm);color:var(--text-bright);cursor:pointer;background:0 0;border:none;font-size:15px}.menu-item:hover:not(:disabled){background:var(--surface)}.menu-item:disabled{color:var(--text-dim);cursor:not-allowed}.menu-item--danger{color:var(--danger)}.menu-note{padding:2px var(--step) 6px;font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.menu-sep{background:var(--border);height:1px;margin:4px 0}.brand{text-align:center;padding:calc(var(--step) * 5) 0 calc(var(--step) * 2)}.brand-mark{font-family:var(--font-mono);letter-spacing:.42em;text-transform:uppercase;color:var(--accent);margin-bottom:calc(var(--step) * 1.5);font-size:11px}.brand h1{letter-spacing:-.03em;font-size:clamp(34px,11vw,46px)}.brand-sub{margin-top:var(--step);color:var(--text-dim);font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--step) * 2.5);gap:calc(var(--step) * 1.5);box-shadow:var(--shadow);flex-direction:column;display:flex}.card-title{font-size:12px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.card-hero{border-color:var(--accent-line);box-shadow:var(--shadow-lifted), 0 0 0 1px var(--accent-soft)}.cipher{padding:calc(var(--step) * 1.5) 0;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tile{border-radius:var(--tile-radius);width:42px;height:52px;font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-bright);place-items:center;font-size:24px;font-weight:600;display:grid}.tile--revealed{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.tile--fresh{animation:tile-unlock var(--speed-slow) var(--ease)}.tile--locked{color:var(--text-dim);background:repeating-linear-gradient(-45deg, var(--surface-2), var(--surface-2) 4px, transparent 4px, transparent 8px);animation:2.4s ease-in-out infinite static-flicker}.tile--locked:nth-child(2n){animation-delay:.5s}.tile--locked:nth-child(3n){animation-delay:1s}.cipher-tail{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2em;align-self:center;font-size:20px}@keyframes tile-unlock{0%{opacity:0;box-shadow:0 0 0 8px var(--accent-glow);transform:translateY(-6px)scale(.86)}to{opacity:1;transform:none;box-shadow:0 0 #0000}}@keyframes static-flicker{0%,to{opacity:.55}50%{opacity:.28}}.roster{flex-direction:column;gap:2px;display:flex}.roster-row{padding:calc(var(--step) * 1.25) 0;border-bottom:1px solid var(--border);flex-direction:column;gap:6px;display:flex}.roster-row:last-child{border-bottom:none}.roster-main{align-items:center;gap:var(--step);display:flex}.roster-name{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.roster-score{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;margin-left:auto;font-size:13px}.hint{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);border-left:2px solid var(--accent-line);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:6px var(--step);word-break:break-word;font-size:14px}.signal{flex:none;align-items:flex-end;gap:2px;height:15px;display:inline-flex}.signal-bar{background:var(--border-strong);width:3px;transition:background var(--speed) var(--ease);border-radius:1px}.signal-bar:first-child{height:4px}.signal-bar:nth-child(2){height:6px}.signal-bar:nth-child(3){height:9px}.signal-bar:nth-child(4){height:12px}.signal-bar:nth-child(5){height:15px}.signal-bar--on{background:var(--accent)}.signal--live .signal-bar--on{background:var(--ok)}@keyframes signal-pulse{0%,to{opacity:1}50%{opacity:.35}}.badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-dim);flex:none;padding:3px 7px;font-size:10px}.badge--command{border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}.badge--you{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}.badge--anchor{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}.roster-row--transmit{animation:transmit-flash .7s var(--ease)}@keyframes transmit-flash{0%{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}to{background:0 0;box-shadow:inset 2px 0 #0000}}.phase{gap:calc(var(--step) * 2);animation:phase-in var(--speed) var(--ease);flex-direction:column;display:flex}@keyframes phase-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.how-to{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.how-to-summary{justify-content:space-between;align-items:center;gap:var(--step);padding:calc(var(--step) * 1.75) calc(var(--step) * 2);cursor:pointer;color:var(--text-bright);font-size:15px;font-weight:500;list-style:none;display:flex}.how-to-summary::-webkit-details-marker{display:none}.how-to-summary:focus-visible{border-radius:var(--radius);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.how-to-chevron{color:var(--text-dim);transition:transform var(--speed) var(--ease)}.how-to[open] .how-to-chevron{transform:rotate(180deg)}.how-to-body{padding:0 calc(var(--step) * 2) calc(var(--step) * 2);gap:calc(var(--step) * 1.5);flex-direction:column;display:flex}.how-to-steps{gap:calc(var(--step) * 1.5);counter-reset:step;flex-direction:column;display:flex}.how-to-step{gap:var(--step);align-items:flex-start;display:flex}.how-to-num{border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--accent-line);width:22px;height:22px;color:var(--accent);font-family:var(--font-mono);flex:none;place-items:center;font-size:11px;display:grid}.how-to-step-title{color:var(--text-bright);margin-bottom:2px;font-size:14px;font-weight:500;display:block}.feedback-ask{text-align:center;align-items:center;gap:var(--step)}.feedback-ask .btn{text-align:center;width:100%;text-decoration:none;display:block}.lobby-footer{text-align:center;color:var(--text-dim);padding:var(--step) 0 calc(var(--step) * 3);font-size:14px}.lobby-footer a{color:var(--accent);text-decoration:none}.lobby-footer a:hover{text-decoration:underline}.near-miss{margin-top:var(--step);padding:var(--step);border-radius:var(--radius-sm);background:var(--warn-soft);border:1px solid var(--warn);color:var(--warn);font-size:14px}.countdown{place-items:center;margin:0 auto;display:grid;position:relative}.countdown svg{display:block;transform:rotate(-90deg)}.countdown-track{stroke:var(--border)}.countdown-progress{stroke:var(--accent);stroke-linecap:round;transition:stroke var(--speed) linear}.countdown--urgent .countdown-progress{stroke:var(--danger)}.countdown-value{font-family:var(--font-mono);color:var(--text-bright);font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;position:absolute}.countdown--urgent .countdown-value{color:var(--danger)}.outcome{text-align:center;gap:var(--step);animation:outcome-in var(--speed-slow) var(--ease);flex-direction:column;display:flex}.outcome-title{letter-spacing:-.02em;font-size:30px}.outcome--ok .outcome-title{color:var(--ok)}.outcome--danger .outcome-title{color:var(--danger)}.outcome--warn .outcome-title{color:var(--warn)}.outcome-body{color:var(--text)}@keyframes outcome-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.reveal-list{margin-top:var(--step);flex-direction:column;gap:6px;display:flex}.reveal-row{justify-content:space-between;align-items:baseline;gap:var(--step);padding:var(--step) calc(var(--step) * 1.5);background:var(--surface-2);border-radius:var(--radius-sm);text-align:left;display:flex}.reveal-word{font-family:var(--font-mono);color:var(--text-bright);font-size:17px}.scoreboard{flex-direction:column;gap:2px;display:flex}.score-row{align-items:center;gap:var(--step);padding:calc(var(--step) * 1.25) 0;border-bottom:1px solid var(--border);display:flex}.score-row:last-child{border-bottom:none}.score-rank{font-family:var(--font-mono);color:var(--text-dim);flex:none;width:22px;font-size:13px}.score-row--lead .score-rank,.score-row--lead .roster-name{color:var(--accent)}.score-value{font-family:var(--font-mono);color:var(--text-bright);margin-left:auto;font-weight:600}.form{gap:var(--step);flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;display:flex}.label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.input{width:100%;padding:13px var(--step);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-bright);transition:border-color var(--speed-fast) var(--ease), box-shadow var(--speed-fast) var(--ease);font-size:16px}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input--code{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase}.btn{padding:13px var(--step);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-bright);cursor:pointer;transition:transform var(--speed-fast) var(--ease), border-color var(--speed-fast) var(--ease), background var(--speed-fast) var(--ease), opacity var(--speed-fast) var(--ease);font-weight:500}.btn:hover:not(:disabled){border-color:var(--text-dim)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent);outline:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 22px -6px var(--accent-glow)}.btn--danger{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.btn--quiet{color:var(--text-dim);padding:10px var(--step);background:0 0;font-size:14px}.btn--quiet:hover:not(:disabled){color:var(--text)}.alert{padding:10px var(--step);border-radius:var(--radius-sm);background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);font-size:14px}.alert--ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.status{justify-content:center;align-items:center;gap:var(--step);color:var(--text-dim);text-align:center;padding:var(--step) 0;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;animation:1.4s ease-in-out infinite signal-pulse}.divider{align-items:center;gap:var(--step);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.vote-tally{font-family:var(--font-mono);color:var(--text-dim);text-align:center;font-size:12px}.section-heading{font-size:19px}.muted{color:var(--text-dim);font-size:14px}.center{text-align:center}