:root{--void: oklch(11% .022 78);--void-deep: oklch(7.5% .02 78);--ink: oklch(16% .028 78);--haze: oklch(26% .03 78);--line: oklch(38% .04 78);--metal: oklch(78% .028 78);--metal-dim: oklch(62% .03 78);--scorch: oklch(91% .02 85);--brass: oklch(74% .13 78);--brass-deep: oklch(58% .1 78);--copper: oklch(66% .15 52);--oxide: oklch(56% .17 28);--signal: oklch(74% .12 155);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--font-display: "Tektur", sans-serif;--font-telem: "Archivo Narrow", sans-serif;--font-word: "Atkinson Hyperlegible", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#app,#game{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}body{background:var(--void-deep);color:var(--metal);font-family:var(--font-telem);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}::selection{background:#d7a03d59;color:var(--scorch)}.phone-only,.phone-hint{display:none}#game canvas{display:block;width:100%;height:100%}#vignette{pointer-events:none;position:fixed;inset:0;z-index:2;background:radial-gradient(ellipse at 50% 42%,transparent 42%,oklch(6% .02 78 / .72) 100%)}#chrome{pointer-events:none;position:fixed;inset:12px;z-index:11}#chrome span{position:absolute;width:16px;height:16px;border-color:#d7a03d80;border-style:solid}#chrome span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}#chrome span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}#chrome span:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}#chrome span:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}#flash{pointer-events:none;position:fixed;inset:0;z-index:8;opacity:0;background:#c5372f47}#flash.on{animation:flash-hit .22s var(--ease-out-quart)}#flash.ok{background:#d7a03d29}@keyframes flash-hit{0%{opacity:1}to{opacity:0}}#word-layer{pointer-events:none;position:fixed;inset:0;z-index:4}.word{position:absolute;transform:translate(-50%,-130%);font-family:var(--font-word);font-size:1.2rem;font-weight:700;letter-spacing:.1em;color:var(--scorch);background:#060300c7;padding:3px 9px 5px;border:1px solid oklch(74% .13 78 / .28);text-shadow:0 1px 0 oklch(8% .02 78 / .9);white-space:nowrap;user-select:none}.word .done{color:var(--brass)}.word .next{color:var(--scorch);box-shadow:inset 0 -2px 0 var(--copper)}.word.locked{font-size:1.28rem;border-color:#d7a03db3}.word.focus.locked{font-size:1.7rem}.word.dim{opacity:.42}.word.error .next,.word.error{color:#fb998c}.word.supply{color:var(--signal);border-color:#66c18980;background:oklch(12% .04 155 / .78)}.word.supply .done{color:#88d1a2}.word.supply .next{color:var(--signal);box-shadow:inset 0 -2px 0 var(--signal)}.word.supply.locked{border-color:#66c189d9}.word.bolt{font-size:1.05rem;letter-spacing:.14em;color:oklch(88% .08 55);border-color:#d8732bb3;background:oklch(12% .05 40 / .82)}.word.bolt .next{color:oklch(88% .08 55);box-shadow:inset 0 -2px 0 var(--copper)}#hud{position:fixed;top:0;left:0;right:0;z-index:6;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:16px 28px 14px;pointer-events:none}#hud[hidden]{display:none!important}.hud-left,.hud-right{display:flex;gap:28px}.hud-right{justify-content:flex-end}.hud-center{display:flex;flex-direction:column;align-items:center;gap:8px}.telem .k,#combo-ribbon .k{display:block;font-size:.7rem;letter-spacing:.22em;color:var(--metal-dim)}.telem .v,#hud-streak{font-family:var(--font-display);font-size:1.55rem;font-weight:600;color:var(--scorch);line-height:1.1;font-variant-numeric:tabular-nums}.v.brass{color:var(--brass)}#combo-ribbon{text-align:center;min-width:8rem}#combo-ribbon.hot #hud-streak{color:var(--copper)}#power-row{display:flex;gap:8px;min-height:1.2rem}.power-chip{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);border:1px solid oklch(74% .13 78 / .35);padding:3px 8px;background:#140c02b3}.pips{display:flex;gap:6px;margin-top:6px}.pip{width:14px;height:8px;background:var(--oxide);box-shadow:0 0 8px #c440378c}.pip.off{background:var(--haze);box-shadow:none}.pip.aegis{background:var(--brass);box-shadow:0 0 8px #d7a03d8c}#banner{position:fixed;top:42%;left:50%;z-index:7;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:clamp(1.8rem,4.6vw,3.4rem);font-weight:700;letter-spacing:.16em;color:var(--brass);pointer-events:none;text-align:center}#banner.run{animation:banner-in 2.2s var(--ease-out-expo) forwards}#banner[hidden]{display:none!important}#banner-sub{margin-top:.4em;font-family:var(--font-telem);font-size:.38em;font-weight:500;letter-spacing:.14em;color:var(--metal)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-46%) scale(1.04)}}.screen{position:fixed;inset:0;z-index:10;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:40px;align-items:center;padding:7vh 6vw;background:#0301007a}.screen.hidden{display:none}#screen-pause,#screen-results{grid-template-columns:1fr;justify-items:center;background:#030100b8}.menu-frame{max-width:38rem}#screen-menu:not(.hidden) .menu-frame,#screen-menu:not(.hidden) .board{animation:plate-in .56s var(--ease-out-expo) both}#screen-menu:not(.hidden) .board{animation-delay:80ms}@keyframes plate-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.eyebrow{margin:0 0 12px;letter-spacing:.28em;font-size:.78rem;color:var(--brass-deep)}h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700;letter-spacing:.05em;line-height:1;color:var(--scorch)}h2{margin:0 0 12px;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.2em;text-transform:uppercase;color:var(--metal-dim)}.panel h2,.results h2{font-size:2rem;letter-spacing:.08em;text-transform:none;color:var(--scorch)}.tag{margin:14px 0 8px;font-size:1.2rem;color:var(--brass)}.brief{margin:0 0 18px;max-width:42ch;line-height:1.5;color:var(--metal-dim)}.sys-plate{margin:0 0 22px;max-width:38rem}.sys-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#d7a03d38}.sys-strip li{display:flex;flex-direction:column;gap:4px;padding:10px 9px 12px;background:#060300c7}.sys-strip strong{font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;color:var(--brass)}.sys-strip span{font-size:.82rem;line-height:1.25;color:var(--metal)}.sys-foot{margin:0;padding:10px 10px 0;font-size:.82rem;letter-spacing:.03em;line-height:1.45;color:var(--metal-dim)}.sys-foot kbd{display:inline-block;font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.12em;color:var(--void-deep);background:var(--brass);padding:1px 6px 2px;margin:0 3px}.shells{display:flex;gap:6px;margin-top:6px;justify-content:center}.shell{width:10px;height:18px;background:var(--brass);clip-path:polygon(50% 0,100% 16%,100% 100%,0 100%,0 16%);box-shadow:0 0 8px #d7a03d73}.shell.off{background:var(--haze);box-shadow:none}.telem.salvo{text-align:center}.actions{display:flex;flex-wrap:wrap;gap:12px}#btn-play{min-width:10rem}.btn{appearance:none;border:1px solid var(--line);background:var(--ink);color:var(--scorch);font-family:var(--font-telem);font-size:1rem;letter-spacing:.16em;text-transform:uppercase;padding:12px 22px;cursor:pointer;transition:transform .14s var(--ease-out-quart),background .14s var(--ease-out-quart),border-color .14s var(--ease-out-quart)}.btn:hover{border-color:var(--brass);background:#1d1406}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:1px solid var(--brass);outline-offset:3px}.btn.primary{background:var(--brass);border-color:var(--brass);color:var(--void-deep);box-shadow:inset 0 1px #e7e1d352}.btn.primary:hover{background:#e8b45e}.btn.ghost{background:transparent;padding-inline:14px}.daily-label{margin:0;letter-spacing:.12em;color:var(--metal-dim);font-size:.85rem}.plate{position:relative;background:#06030094;box-shadow:inset 0 0 0 1px #d7a03d38}.board{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:22px 22px 24px}.board h2{margin-bottom:18px}.board-lane{margin:0 0 14px;font-family:var(--font-display);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}.board-split{display:grid;gap:28px}.board h3,.board-split h3{margin:0 0 10px;font-family:var(--font-display);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.board-list li{display:grid;grid-template-columns:2.6rem minmax(4.2rem,1.3fr) 3.1rem 3.1rem 3.4rem 4.4rem;gap:8px;align-items:baseline;font-size:1.05rem}.board-list .head{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);padding-bottom:6px;border-bottom:1px solid oklch(74% .13 78 / .28)}.board-list .rank{color:var(--metal-dim)}.board-list .tag3{font-family:var(--font-display);color:var(--scorch);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list .wave,.board-list .wpm,.board-list .acc,.board-list .pts,.board-list .head span:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}.board-list .pts{color:var(--brass)}.board-list .empty{grid-column:1 / -1;color:var(--metal-dim)}.panel{width:min(36rem,92vw);padding:28px 28px 26px}.panel.results{width:min(46rem,92vw)}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:20px 0 26px;background:#d7a03d2e}.stats div{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;background:#0603008c}.stats dt{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--metal-dim)}.stats dd{margin:0;font-family:var(--font-display);font-size:1.45rem;color:var(--scorch);font-variant-numeric:tabular-nums}#callsign-form{display:grid;grid-template-columns:auto minmax(10rem,1fr) auto;gap:12px;align-items:center;margin-bottom:10px}#callsign-form label{letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;color:var(--metal-dim)}#callsign{width:100%;min-width:0;background:var(--ink);border:1px solid var(--line);color:var(--scorch);font-family:var(--font-display);font-size:1.2rem;letter-spacing:.06em;text-align:left;padding:8px 10px}#callsign:focus{outline:1px solid var(--brass)}.note{min-height:1.2rem;margin:0 0 16px;color:var(--brass-deep);font-size:.9rem}#deck-keys{position:fixed;left:0;right:0;bottom:0;z-index:9;display:flex;flex-direction:column;gap:5px;padding:8px 5px calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0301000a,#0603005c);box-shadow:inset 0 1px #d7a03d47;backdrop-filter:blur(10px) saturate(.75);-webkit-backdrop-filter:blur(10px) saturate(.75);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#deck-keys[hidden]{display:none!important}.key-row{display:flex;justify-content:center;gap:4px}.key-row.inset{padding-inline:4%}.key-row.inset-more{padding-inline:11%}.key{flex:1 1 0;min-width:0;min-height:44px;appearance:none;border:1px solid oklch(74% .13 78 / .22);background:#19100342;color:var(--scorch);font-family:var(--font-telem);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;border-radius:0;touch-action:none;pointer-events:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.key:focus-visible{outline:1px solid var(--brass);outline-offset:1px}.key.hot,.key:active{background:#d7a03d70;border-color:#d7a03db8;color:var(--void-deep)}.key.wide{flex:2.4 1 0;font-size:.72rem;letter-spacing:.16em}.key.brass{border-color:#d7a03d80;color:var(--brass)}.key.brass.hot,.key.brass:active{color:var(--void-deep)}@media(max-width:900px){.screen{grid-template-columns:1fr;padding:6vh 6vw;overflow:auto}.board{padding:18px 16px 20px;min-height:0}.sys-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,1fr)}#hud{padding:12px 14px 0;gap:8px}.telem .v{font-size:1.15rem}}html.phone .phone-only{display:revert}html.phone .desk-only,html.phone .phone-hint,html.phone .brief,html.phone .sys-plate{display:none}html.phone #hud{padding:max(8px,env(safe-area-inset-top,0px)) 10px 0;gap:4px}html.phone .hud-left,html.phone .hud-right{gap:12px}html.phone .hud-center{gap:4px}html.phone .telem .k,html.phone #combo-ribbon .k{font-size:.58rem}html.phone .telem .v,html.phone #hud-streak{font-size:.98rem}html.phone .power-chip{font-size:.58rem;padding:2px 6px}html.phone .pip{width:10px;height:6px}html.phone .shell{width:8px;height:14px}html.phone .word{font-size:.95rem;padding:2px 6px 3px;letter-spacing:.08em}html.phone .word.locked{font-size:1.05rem}html.phone .word.focus.locked{font-size:1.2rem}html.phone .word.bolt{font-size:.92rem}html.phone #banner{font-size:clamp(1.4rem,8vw,2.2rem);top:36%}html.phone #screen-menu{align-items:start;gap:22px;padding:max(16px,env(safe-area-inset-top,0px)) 18px max(20px,env(safe-area-inset-bottom,0px));overflow:auto;-webkit-overflow-scrolling:touch}html.phone h1{font-size:clamp(1.85rem,8vw,2.35rem);letter-spacing:.04em}html.phone .eyebrow{margin-bottom:6px}html.phone .tag{margin:8px 0 18px;font-size:1.05rem}html.phone .actions .btn{padding:14px 20px;min-height:44px}html.phone .panel{padding:20px 16px 18px}html.phone #callsign-form{grid-template-columns:1fr}html.phone .stats{gap:10px;margin:14px 0 18px}html.phone .stats dd{font-size:1.2rem}html.phone .board-list li{font-size:.86rem;gap:4px;grid-template-columns:1.9rem minmax(2.6rem,1fr) 2.3rem 2.5rem 2.7rem 3.3rem}html.phone .board-list .head{font-size:.58rem;letter-spacing:.1em}@media(max-height:500px)and (orientation:landscape){.key{min-height:36px;font-size:.9rem}#deck-keys{gap:3px;padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}html.phone h1{font-size:1.85rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#banner{animation:none;opacity:1}}