@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--font-arcade:"Press Start 2P", ui-monospace, monospace;--color-bg:#000;--color-stage:#050505;--color-fg:#f5f5f5;--color-white:#fff;--color-accent:#22e35a;--color-muted:#888;--color-soft:#ccc;--overlay-attract:linear-gradient(180deg, #000000b8 0%, #0000008c 40%, #000000b3 100%);--overlay-dim:#000000bf;--backdrop-dim:#00000080;--z-chrome:2;--z-overlay:3;--stage-aspect:1;--stage-w:min(100vw, calc(100dvh * var(--stage-aspect)));--chrome-ref:800px;--chrome-scale:calc(var(--stage-w) / var(--chrome-ref))}@supports not (zoom:1){.hud{transform:scale(var(--chrome-scale));transform-origin:top}.footer-bar{transform:scale(var(--chrome-scale));transform-origin:0 100%}.overlay-panel{transform:scale(var(--chrome-scale));transform-origin:50%}}*{box-sizing:border-box}html,body,#root{background:var(--color-bg);height:100%;color:var(--color-fg);margin:0}.shell{background-color:var(--color-bg);background-image:linear-gradient(var(--backdrop-dim), var(--backdrop-dim)), var(--backdrop-url,none);width:100%;height:100%;min-height:100dvh;font-family:var(--font-arcade);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;display:grid;position:relative;overflow:hidden}.stage{aspect-ratio:var(--stage-aspect);width:min(100%, calc(100dvh * var(--stage-aspect)));background:0 0;max-width:100%;max-height:100%;position:relative;overflow:hidden}.stage>:first-child{inset:0;background:0 0!important;width:100%!important;height:100%!important;position:absolute!important}.stage canvas{background:0 0!important}.hud{top:0;left:var(--play-inset-x,0%);right:var(--play-inset-x,0%);z-index:var(--z-chrome);pointer-events:none;zoom:var(--chrome-scale);background:0 0;padding:.85rem 0 .35rem;position:absolute}.hud-top{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:.75rem;width:100%;display:grid}.hud-block{flex-direction:column;gap:.45rem;display:flex}.hud-center{text-align:center;align-items:center}.hud-right{text-align:right;align-items:flex-end}.hud-label{letter-spacing:.04em;color:var(--color-fg);text-transform:uppercase;font-size:.75rem}.hud-value{color:var(--color-fg);font-size:1.15rem}.hud-active .hud-value{color:var(--color-accent)}.player-tag{color:var(--color-fg);margin-left:.5rem;font-size:.85rem}.footer-bar{bottom:0;left:var(--play-inset-x,0%);right:var(--play-inset-x,0%);z-index:var(--z-chrome);width:100%;color:var(--color-accent);pointer-events:none;zoom:var(--chrome-scale);background:0 0;justify-content:space-between;align-items:center;padding:.55rem 0 .9rem;font-size:1.15rem;display:flex;position:absolute}.lives{align-items:center;gap:.65rem;display:flex}.lives-count{color:var(--color-fg);padding-top:.25rem}.life-ship{background:var(--color-accent);clip-path:polygon(15% 100%,15% 45%,40% 45%,40% 15%,60% 15%,60% 45%,85% 45%,85% 100%);width:1.75rem;height:1.1rem;display:inline-block}.overlay{z-index:var(--z-overlay);pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-panel{text-align:center;zoom:var(--chrome-scale);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.overlay-attract{background:var(--overlay-attract);opacity:1;transition-property:opacity;transition-timing-function:ease}.overlay-attract .overlay-panel,.overlay-game-over .overlay-panel{gap:3.5rem}.game-over-scores{flex-direction:column;align-items:center;gap:.75rem;display:flex}.overlay-attract.attract-visible{opacity:1}.overlay-attract.attract-hidden{opacity:0}.attract-logo,.attract-cta{flex-direction:column;align-items:center;gap:.75rem;display:flex}.overlay-attract .score-table,.overlay-attract .hint{margin:0}.attract-cta .hint{margin:0;font-size:.8rem}.attract-cta .hint-sub{font-size:.65rem}.mode-select-hint{letter-spacing:.08em;color:var(--color-muted);margin:0;font-size:.75rem}.mode-selector{justify-content:center;align-items:center;gap:1rem;display:flex}.mode-option{letter-spacing:.08em;color:var(--color-muted);align-items:center;gap:.15rem;font-size:.75rem;display:inline-flex}.mode-option.selected{color:var(--color-fg)}.mode-cursor{text-align:center;width:.6em;display:inline-block}.overlay-dim{background:var(--overlay-dim)}.pause-menu{pointer-events:auto;flex-direction:column;align-items:stretch;gap:.35rem;min-width:12rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.pause-menu-item{letter-spacing:.06em;text-transform:uppercase;color:var(--color-white);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.45rem;padding:.35rem .5rem;font-family:inherit;font-size:.65rem;display:flex}.pause-menu-item:hover,.pause-menu-item.selected{color:var(--color-accent)}.pause-menu-cursor{width:.7rem;color:var(--color-accent);display:inline-block}.brand{letter-spacing:.06em;color:var(--color-white);text-transform:uppercase;margin:0;font-size:1.55rem}.play-line{color:var(--color-white);text-transform:uppercase;margin:0;font-size:.8rem}.tagline{color:var(--color-soft);margin:0;font-size:.75rem}.hint{color:var(--color-accent);max-width:28rem;margin:1rem 0 0;font-size:.6rem;line-height:1.7}.hint-sub{color:var(--color-muted);margin:0;font-size:.5rem}.pulse{animation:1.2s steps(2,end) infinite pulse}@keyframes pulse{50%{opacity:.25}}.overlay h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1.1rem}.score-table{flex-direction:column;align-items:center;gap:1.25rem;margin:.5rem 0 0;display:flex}.score-table-title{letter-spacing:.04em;color:var(--color-white);margin:0;font-size:.85rem}.score-table ul{color:var(--color-white);grid-template-columns:max-content max-content;place-items:center start;gap:.85rem 1.1rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.score-table li{display:contents}.st-icon-slot{justify-content:center;align-items:center;width:2.4rem;min-height:1.5rem;display:flex}