:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0810;--bg-lift:#150f1e;--panel:#0c0912d1;--panel-solid:#120d1c;--gold:#ffc63f;--gold-lit:#fff0a8;--gold-deep:#c07a12;--orange:#ff8a3c;--p1:#4f9dde;--p2:#e2574c;--p3:#57b26a;--p4:#e0b34c;--p5:#9a6dd7;--p6:#5bc8c4;--cyan:#5bc8c4;--text:#f4ecd8;--dim:#8b809c;--line:#3a2f4a;--display:"Press Start 2P", "Courier New", monospace;--body:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--display);-webkit-font-smoothing:none;text-rendering:optimizespeed;overflow:hidden}#app{height:100%;position:relative}::selection{background:var(--gold);color:#1a1004}.attract,.stage{position:absolute;inset:0}.attract canvas,.stage canvas{width:100%;height:100%;display:block}.attract{filter:saturate(.78)brightness(.44)blur(1px);transform:scale(1.06)}.crt{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#00000042 0 1px,#0000 1px 3px),radial-gradient(120% 90%,#0000 52%,#000000b8 100%);position:absolute;inset:0}.crt:after{content:"";background:linear-gradient(#fff0 0%,#ffd67809 50%,#fff0 100%);height:24%;animation:7.5s linear infinite roll;position:absolute;inset:-20% 0 auto}@keyframes roll{0%{transform:translateY(0)}to{transform:translateY(520%)}}.crt--game{background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px),radial-gradient(130% 100%,#0000 62%,#00000080 100%)}.crt--game:after{display:none}.arcade{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,1.6vmin,1.2rem);padding:clamp(1rem,3vmin,2.5rem);display:flex;position:absolute;inset:0;overflow-y:auto}.marquee{line-height:0;display:block}.logo{width:min(78vw,30rem);height:auto;image-rendering:pixelated;display:block}.tagline{letter-spacing:.24em;color:var(--gold-deep);margin-top:.4rem;font-size:clamp(.44rem,1.2vmin,.6rem)}.arena-plate{letter-spacing:.2em;color:var(--dim);font-size:clamp(.4rem,1vmin,.5rem)}.arena-plate b{color:var(--cyan);font-weight:400}.menu{flex-direction:column;gap:.1rem;width:min(92vw,34rem);margin-top:.6rem;list-style:none;display:flex}.menu-rule{background:var(--line);height:2px;margin:.45rem 0}.item{letter-spacing:.08em;color:var(--text);cursor:pointer;text-align:left;background:#08060d9e;border:2px solid #0000;grid-template-columns:1.6rem 1fr auto;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:clamp(.5rem,1.35vmin,.72rem);line-height:1.6;transition:color 90ms steps(2,end),background 90ms steps(2,end);display:grid}.item .caret{color:var(--gold);opacity:0}.item .value{color:var(--cyan);white-space:nowrap;font-size:.92em}.item.is-active{border-color:var(--gold);color:var(--gold-lit);background:#ffc63f1a}.item.is-active .caret{opacity:1;animation:.7s step-end infinite blink}.item.is-active .value{color:var(--gold)}.item.is-disabled{color:var(--dim);cursor:default}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.15}}.item input[type=text]{font-family:var(--display);letter-spacing:.12em;color:var(--gold);border:none;border-bottom:2px solid var(--line);text-align:right;text-transform:uppercase;background:0 0;width:8.5em;padding:.15rem .2rem;font-size:1em}.item input[type=text]::placeholder{color:var(--line)}.item input[type=text]:focus{border-bottom-color:var(--gold);outline:none}.hint{letter-spacing:.18em;color:var(--dim);margin-top:.9rem;font-size:clamp(.36rem,.95vmin,.46rem);line-height:2.1}.hint b{color:var(--gold);font-weight:400}.insert{letter-spacing:.22em;color:var(--orange);font-size:clamp(.42rem,1.1vmin,.55rem);animation:1.1s step-end infinite blink}.status{letter-spacing:.14em;min-height:1.4rem;color:var(--p2);max-width:34rem;font-size:clamp(.38rem,1vmin,.48rem);line-height:1.8}.panel{background:var(--panel);border:2px solid var(--line);width:min(92vw,42rem);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--line);text-align:left;padding:clamp(.9rem,2.4vmin,1.6rem)}.panel h2{letter-spacing:.16em;color:var(--gold);margin-bottom:.9rem;font-size:clamp(.55rem,1.5vmin,.78rem)}.screen-title{letter-spacing:.16em;color:var(--gold);text-shadow:3px 3px 0 var(--gold-deep);margin-bottom:.4rem;font-size:clamp(.9rem,3.2vmin,1.6rem)}.list{letter-spacing:.08em;color:var(--text);white-space:pre-wrap;font-size:clamp(.42rem,1.1vmin,.56rem);line-height:2.4}.list.is-empty{color:var(--dim)}.rank-row{letter-spacing:.08em;border-bottom:2px solid #3a2f4a80;grid-template-columns:2.4rem 1fr auto;gap:.6rem;padding:.28rem 0;font-size:clamp(.42rem,1.1vmin,.56rem);display:grid}.rank-row .pos{color:var(--gold)}.rank-row .pts{color:var(--cyan)}.prose{font-family:var(--body);color:#cfc6dd;letter-spacing:0;font-size:.86rem;line-height:1.65}.prose p{margin-bottom:.7rem}.prose strong{color:var(--gold);font-weight:600}.prose a{color:var(--cyan)}button{font-family:var(--display);letter-spacing:.12em;color:var(--text);background:var(--bg-lift);border:2px solid var(--line);cursor:pointer;text-transform:uppercase;padding:.7rem 1.2rem;font-size:clamp(.46rem,1.25vmin,.62rem);transition:none}button:hover:not(:disabled),button:focus-visible{background:var(--gold);border-color:var(--gold-lit);color:#1a1004;outline:none}button:active:not(:disabled){transform:translate(2px,2px)}button:disabled{color:var(--line);cursor:not-allowed}button.primary{background:var(--gold);border-color:var(--gold-lit);color:#1a1004}button.primary:hover:not(:disabled){background:var(--gold-lit)}.row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.overlay{z-index:6;background:#06040acc;place-items:center;display:grid;position:absolute;inset:0}.overlay-card{background:var(--panel-solid);border:2px solid var(--gold);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--gold-deep);text-align:center;max-width:min(34rem,90vw);padding:1.6rem 2rem}.overlay-card h2{letter-spacing:.14em;color:var(--gold);text-shadow:3px 3px 0 var(--gold-deep);margin-bottom:.8rem;font-size:clamp(.8rem,2.6vmin,1.2rem)}.overlay-card p{letter-spacing:.1em;color:var(--dim);font-size:clamp(.4rem,1.05vmin,.5rem);line-height:2}.result-scores{letter-spacing:.08em;color:var(--text);margin-top:1rem;font-size:clamp(.42rem,1.1vmin,.55rem);line-height:2.2}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.3rem;display:flex}.hud{z-index:4;pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(.5rem,1.5vmin,1.1rem);display:flex;position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.scoreboard{flex-wrap:wrap;gap:.3rem;display:flex}.score-card{border:2px solid var(--line);background:#0a0810cc;align-items:center;gap:.45rem;padding:.34rem .5rem;display:flex}.score-card.is-out{opacity:.4}.score-chip{flex:none;width:.6rem;height:.6rem}.score-name{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:8rem;font-size:clamp(.36rem,.95vmin,.46rem);overflow:hidden}.score-points{color:var(--gold);font-size:clamp(.4rem,1vmin,.5rem)}.score-hearts{gap:2px;display:flex}.heart{background:var(--p2);clip-path:polygon(50% 100%,0% 38%,10% 12%,30% 8%,50% 26%,70% 8%,90% 12%,100% 38%);width:.5rem;height:.5rem}.heart.is-spent{background:var(--line)}.hud-clock{border:2px solid var(--line);color:var(--text);letter-spacing:.06em;background:#0a0810cc;padding:.34rem .6rem;font-size:clamp(.6rem,1.7vmin,.9rem)}.hud-clock.is-urgent{color:var(--orange);border-color:var(--orange);animation:.5s step-end infinite blink}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.hud-map,.hud-hint{letter-spacing:.14em;color:var(--dim);font-size:clamp(.32rem,.85vmin,.42rem);line-height:1.8}.hud-map b{color:var(--cyan);font-weight:400}@media (prefers-reduced-motion:reduce){.crt:after,.item.is-active .caret,.insert,.hud-clock.is-urgent{animation:none}}