:root{--ega-black: #0a0c14;--ega-blue: #0000aa;--ega-lblue: #5555ff;--ega-cyan: #55ffff;--ega-dcyan: #00aaaa;--ega-yellow: #ffff55;--ega-red: #ff5555;--ega-white: #ffffff;--ega-gray: #aaaaaa;--ega-dgray: #555555;--studio-0: #07090f;--studio-1: #0d1120;--studio-2: #141a30;--panel: #10142299;--panel-edge: #2a3354;--ink: #d6d9e4;--ink-soft: #8d93a8;font-family:PT Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);line-height:1.45;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(120% 90% at 50% 0%,var(--studio-2) 0%,var(--studio-1) 45%,var(--studio-0) 100%);background-attachment:fixed;-webkit-tap-highlight-color:transparent}#app{position:relative;z-index:1;padding:1.1rem 1rem calc(1.4rem + env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.studio{margin:0 auto;max-width:1080px;display:grid;gap:1rem}.masthead{text-align:center;display:grid;gap:.35rem;padding-top:.4rem}.wordmark{margin:0;font-size:clamp(1.5rem,5.5vw,2.6rem);font-weight:700;letter-spacing:.06em;color:var(--ega-yellow);text-shadow:2px 2px 0 var(--ega-red),4px 4px 0 var(--ega-blue),6px 6px 0 rgba(0,0,0,.55);user-select:none;-webkit-user-select:none}.wordmark-2{color:var(--ega-cyan);text-shadow:2px 2px 0 var(--ega-blue),4px 4px 0 rgba(0,0,0,.55)}.tagline{margin:0;color:var(--ink-soft);font-size:.78rem;letter-spacing:.28em;text-transform:uppercase}.mode-tabs{display:flex;justify-content:center;gap:1.1rem;margin-top:.45rem}.mode-tabs button{font:inherit;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:none;border:none;color:var(--ink-soft);cursor:pointer;padding:.35rem .2rem}.mode-tabs button:before{content:"[ ";color:var(--ega-dgray)}.mode-tabs button:after{content:" ]";color:var(--ega-dgray)}.mode-tabs button.active{color:var(--ega-cyan);text-shadow:0 0 14px rgba(85,255,255,.45)}.mode-tabs button.active:before,.mode-tabs button.active:after{color:var(--ega-cyan)}.mode-tabs button:focus-visible{outline:2px solid var(--ega-cyan);outline-offset:2px}.play-panel{display:grid;gap:.8rem;justify-items:center}.crt-frame{width:min(100%,920px);padding:clamp(8px,1.6vw,16px);border-radius:14px;background:linear-gradient(165deg,#2b3148,#171b2c 45%,#0d101d);border:1px solid var(--panel-edge);box-shadow:0 0 0 1px #0009,0 18px 50px #0000008c,0 0 70px #55ffff12}.screen-stack{position:relative;width:100%;aspect-ratio:640 / 350;line-height:0;background:#000;border-radius:4px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:hidden}.stage-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;--stage-wall-top: #d8d8d8;--stage-tile-face: #b8b8b8;--stage-tile-grout: #8f8f8f;--stage-floor-perspective: 640px;--stage-floor-tilt: 56deg;--stage-floor-span: 3}.stage-wall-band{position:absolute;left:calc((1 - var(--stage-floor-span)) / 2 * 100%);width:calc(var(--stage-floor-span) * 100%);top:0;height:31.714%;background:var(--stage-wall-top)}.stage-floor{position:absolute;inset:31.714% 0 0;overflow:visible;perspective:var(--stage-floor-perspective);perspective-origin:50% 0%}.stage-floor-tiles{position:absolute;left:calc((1 - var(--stage-floor-span)) / 2 * 100%);width:calc(var(--stage-floor-span) * 100%);top:0;height:250%;transform:rotateX(var(--stage-floor-tilt));transform-origin:50% 0%;backface-visibility:hidden;background-color:var(--stage-floor-base, var(--stage-tile-face));background-position:calc(50% - 1px) 0;background-image:linear-gradient(var(--stage-tile-grout) 2px,transparent 2px),linear-gradient(90deg,var(--stage-tile-grout) 2px,transparent 2px);background-size:64px 36px}#legacy-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;background:transparent;border-radius:4px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none}#legacy-canvas[hidden]{display:none}.screen-stack:fullscreen,.screen-stack:-webkit-full-screen{width:min(100vw,100vh * 640 / 350);height:min(100vh,100vw * 350 / 640);margin:auto;border-radius:0;background:#000}.screen-stack:fullscreen #legacy-canvas,.screen-stack:-webkit-full-screen #legacy-canvas,.screen-stack:fullscreen .stage-backdrop,.screen-stack:-webkit-full-screen .stage-backdrop{width:100%;height:100%}.audio-gate{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;margin:0;padding:1rem;border:0;border-radius:4px;background:#07090f;color:var(--ega-cyan);font:inherit;font-size:clamp(14px,2.4vw,22px);text-align:center;cursor:pointer}.audio-gate[hidden]{display:none}.studio-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.studio-overlay[hidden]{display:none}.studio-overlay svg{display:block;width:100%;height:100%}.studio-light-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:hidden;mix-blend-mode:soft-light;opacity:.9}.studio-light-overlay[hidden]{display:none}.studio-light-overlay svg{display:block;width:100%;height:100%}.wheel-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.wheel-overlay[hidden]{display:none}.wheel-overlay svg,.wheel-pegs svg{display:block;width:100%;height:100%}#wheel-rot,#wheel-pegs-rot{will-change:transform}.wheel-pegs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:hidden}.wheel-pegs[hidden]{display:none}.board-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.board-overlay[hidden]{display:none}.board-overlay svg{display:block;width:100%;height:100%}.alphabet-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.alphabet-overlay[hidden]{display:none}.alphabet-overlay svg{display:block;width:100%;height:100%}.players-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:hidden}.players-overlay[hidden]{display:none}.players-overlay svg{display:block;width:100%;height:100%}.plate-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:hidden}.plate-overlay[hidden]{display:none}.yak-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:hidden}.yak-overlay[hidden]{display:none}.adware-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:hidden}.adware-overlay[hidden]{display:none}.yak-overlay svg,.adware-overlay svg,.boxes-overlay svg,.players-overlay svg,.plate-overlay svg,.hud-overlay svg,.assist-overlay svg,.hand-overlay svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}.hand-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6;overflow:hidden}.hand-overlay[hidden]{display:none}.hand-overlay svg{display:block;width:100%;height:100%}.assist-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.assist-overlay[hidden]{display:none}.assist-overlay svg{display:block;width:100%;height:100%}.walls-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.walls-overlay[hidden]{display:none}.walls-overlay svg{display:block;width:100%;height:100%}.boxes-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:hidden}.boxes-overlay[hidden]{display:none}.boxes-overlay svg{display:block;width:100%;height:100%}.hud-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:hidden}.hud-overlay[hidden]{display:none}.supergame-overlay{position:absolute;inset:0;z-index:28;pointer-events:none}.supergame-overlay[hidden]{display:none!important}.supergame-overlay svg{display:block;width:100%;height:100%}.hud-plate.is-empty{display:none}.hud-plate.is-blink .hud-caption{fill:#aaa}.hud-score{pointer-events:none;fill:#fff;stroke:#000;stroke-width:2.4px;paint-order:stroke fill;font-size:13px}.alpha-lift{transform-box:fill-box;transform-origin:50% 50%}.alpha-tile.used .alpha-lift,.alpha-tile.used{opacity:0}.alpha-tile.vanish-1 .alpha-lift{transform:translateY(-3px);opacity:.85}.alpha-tile.vanish-2 .alpha-lift{transform:translateY(-7px) scale(.92);opacity:.45}.alpha-tile.vanish-3 .alpha-lift{opacity:0}#touch-controls{display:none;width:min(100%,920px);grid-template-columns:1fr 2.2fr 1fr 1.4fr;gap:.55rem}#entry-bar{display:none;width:min(100%,920px);gap:.55rem;align-items:center}#entry-bar.active{display:flex;padding:.45rem .55rem;border-radius:10px;border:1px solid var(--panel-edge);background:#0b0e1a}@media(pointer:coarse){#touch-controls{display:grid}.keys-hint{display:none}}body.touch #touch-controls{display:grid}body.touch .keys-hint{display:none}.key{font:inherit;font-weight:700;letter-spacing:.06em;min-height:56px;border-radius:8px;border:1px solid #000;color:var(--ink);background:linear-gradient(180deg,#2c3350,#1c2138);box-shadow:inset 0 1px #ffffff1f,0 4px #05060c;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.key:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff14,0 1px #05060c}.key-arrow{color:var(--ega-cyan);font-size:1.25rem}.key-space{color:var(--ega-yellow)}.key-enter{color:var(--ega-cyan)}.entry-label{color:var(--ink-soft);white-space:nowrap}#entry-input{flex:1;min-width:0;font:inherit;font-size:16px;text-transform:uppercase;padding:.7rem .75rem;border-radius:8px;border:1px solid var(--panel-edge);background:#0b0e1a;color:var(--ega-white);caret-color:var(--ega-cyan)}#entry-bar .key{min-height:48px;padding:0 1.1rem}.deck{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}button{font:inherit}.deck button,.controls button,.file-label{font-weight:700;padding:.5rem .9rem;border-radius:8px;border:1px solid #000;color:var(--ink);background:linear-gradient(180deg,#232944,#161a2e);box-shadow:inset 0 1px #ffffff1a,0 3px #05060c;cursor:pointer}.deck button:active,.controls button:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff0f,0 1px #05060c}.deck button:focus-visible,.controls button:focus-visible,.key:focus-visible{outline:2px solid var(--ega-cyan);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.hint{margin:0;max-width:920px;color:var(--ink-soft);font-size:.78rem;text-align:center}.admin-view{display:grid;gap:1rem}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:1rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.panel h2{margin:0 0 .75rem;font-size:1.02rem;letter-spacing:.05em;color:var(--ega-cyan)}.panel h2 small{color:var(--ink-soft);font-weight:400}.controls{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}input[type=search],input[type=text]{font:inherit;font-size:16px;border:1px solid var(--panel-edge);border-radius:8px;padding:.45rem .6rem;background:#0b0e1a;color:var(--ink)}.answers-toggle{display:inline-flex;align-items:center;gap:.4rem;color:var(--ega-yellow);cursor:pointer;user-select:none;-webkit-user-select:none}.answers-toggle input{accent-color:var(--ega-yellow);width:1.05rem;height:1.05rem}.radio-option{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border:1px solid var(--panel-edge);border-radius:8px;background:#0b0e1a;cursor:pointer;user-select:none;-webkit-user-select:none}.radio-option:has(input:checked){border-color:var(--ega-cyan);color:var(--ega-cyan);box-shadow:0 0 12px #55ffff26}.radio-option input{accent-color:var(--ega-cyan);width:1.05rem;height:1.05rem}.file-label{display:inline-flex;align-items:center;gap:.4rem}.file-label input{max-width:180px}pre{margin:.7rem 0 0;padding:.6rem;border:1px solid var(--panel-edge);border-radius:8px;background:#0b0e1a;color:var(--ink);overflow:auto}.table-wrap{overflow-x:auto;margin-top:.6rem}table{width:100%;min-width:640px;border-collapse:collapse;font-size:.86rem}th,td{border:1px solid #232a45;padding:.3rem .4rem;text-align:left}th{color:var(--ink-soft);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}td input,td textarea{width:100%;font:inherit;border:1px solid #2b3457;border-radius:5px;padding:.25rem .35rem;background:#0b0e1a;color:var(--ink)}td textarea{min-height:4.2rem;resize:vertical;line-height:1.35}td button{border:1px solid #000;border-radius:6px;background:#2a1822;color:var(--ega-red);cursor:pointer;padding:.2rem .55rem}.invalid input,.invalid textarea{border-color:var(--ega-red);background:#1d0d14}.masked-word{color:var(--ega-dcyan);letter-spacing:.18em;user-select:none;-webkit-user-select:none}.masked-word small{color:var(--ink-soft);letter-spacing:0;margin-left:.45rem}.is-hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){#app{padding-top:.7rem}.studio{gap:.75rem}.crt-frame{width:100%;border-radius:10px}.deck button{flex:1 1 auto}table{min-width:520px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}