:root{--carbon: #0a0e13;--carbon-2: #0f161d;--panel: rgba(11, 17, 24, .86);--phosphor: #ffbe3d;--phosphor-dim: rgba(255, 190, 61, .16);--ion: #5ef0ff;--steel: #8ea3b5;--alert: #ff5252;--ink: #e8f1f8;--hairline: rgba(255, 190, 61, .18);--font-display: "Chakra Petch", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace;--hazard: repeating-linear-gradient( -45deg, var(--phosphor) 0 8px, #1a1206 8px 16px )}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--carbon);color:var(--ink);font-family:var(--font-display);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}body{background-image:radial-gradient(120% 80% at 50% -10%,rgba(255,190,61,.05) 0%,transparent 55%),radial-gradient(140% 120% at 50% 120%,rgba(94,240,255,.04) 0%,transparent 50%),linear-gradient(transparent 95%,#ffbe3d08 95%),linear-gradient(90deg,transparent 95%,rgba(255,190,61,.03) 95%);background-size:100% 100%,100% 100%,26px 26px,26px 26px}#app{min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vh,16px);padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}#stage{position:relative;width:min(960px,calc(100vw - 20px),calc((100dvh - 86px) * 16 / 9));aspect-ratio:16 / 9;border:1px solid rgba(142,163,181,.22);border-radius:6px;overflow:hidden;background:var(--carbon);box-shadow:inset 0 0 0 1px #0a0e13e6,inset 0 0 60px #0000008c,0 18px 60px #0000008c;container-type:inline-size}#game{display:block;width:100%;height:100%;background:var(--carbon)}.bracket{position:absolute;width:22px;height:22px;border:2px solid var(--phosphor);pointer-events:none;z-index:6;opacity:.85;animation:bracket-in .6s ease both}.bracket.tl{top:8px;left:8px;border-right:0;border-bottom:0}.bracket.tr{top:8px;right:8px;border-left:0;border-bottom:0}.bracket.bl{bottom:8px;left:8px;border-right:0;border-top:0}.bracket.br{bottom:8px;right:8px;border-left:0;border-top:0}@keyframes bracket-in{0%{opacity:0;transform:scale(1.4)}to{opacity:.85;transform:scale(1)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),var(--panel);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);text-align:left;transition:opacity .18s ease;overflow-y:auto;z-index:4}.overlay.hidden{opacity:0;pointer-events:none}.overlay>.overlay-inner{margin:auto}.overlay-inner{width:min(560px,92cqw);padding:clamp(12px,3.5cqw,28px);animation:panel-in .4s ease both}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:clamp(9px,2cqw,12px);letter-spacing:.22em;text-transform:uppercase;color:var(--steel);margin-bottom:clamp(8px,2cqw,14px)}.eyebrow .hazard{display:inline-block;width:42px;height:10px;background:var(--hazard);border-radius:1px;flex:none}.title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(34px,12cqw,76px);line-height:.92;letter-spacing:clamp(2px,1.2cqw,8px);text-transform:uppercase;color:var(--phosphor);text-shadow:0 0 24px rgba(255,190,61,.35)}.title-rule{position:relative;height:1px;background:var(--hairline);margin:clamp(10px,2.4cqw,18px) 0 clamp(12px,3cqw,22px)}.title-rule:before{content:"";position:absolute;left:0;top:-1px;width:64px;height:3px;background:var(--phosphor)}.subtitle{margin:4px 0 clamp(10px,2.4cqw,18px);font-family:var(--font-mono);font-size:clamp(10px,2.4cqw,14px);letter-spacing:.14em;color:var(--steel)}.stage-list{list-style:none;padding:0;margin:0 0 clamp(12px,3cqw,22px)}.stage-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(8px,2.4cqw,16px);padding:clamp(8px,2cqw,13px) clamp(10px,2.6cqw,16px) clamp(8px,2cqw,13px) clamp(12px,3cqw,20px);margin:clamp(5px,1.2cqw,9px) 0;border:1px solid rgba(142,163,181,.16);border-radius:4px;color:var(--steel);background:#ffffff03;transition:border-color .12s ease,background .12s ease,color .12s ease}.stage-item.selected{border-color:var(--phosphor);background:#ffbe3d14;color:var(--ink)}.stage-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--hazard);border-radius:4px 0 0 4px}.sector{font-family:var(--font-mono);font-size:clamp(11px,2.4cqw,15px);font-weight:700;color:var(--phosphor);letter-spacing:.04em}.stage-name{font-family:var(--font-display);font-weight:600;font-size:clamp(12px,2.7cqw,17px);letter-spacing:.06em;text-transform:uppercase}.stage-hi{font-family:var(--font-mono);font-size:clamp(9px,2cqw,13px);color:var(--steel);white-space:nowrap}.stage-item.selected .stage-hi{color:var(--phosphor)}.diff-row{display:flex;align-items:center;gap:clamp(8px,2.4cqw,14px);margin:0 0 clamp(12px,3cqw,20px)}.diff-label{font-family:var(--font-mono);font-size:clamp(9px,2cqw,12px);letter-spacing:.2em;color:var(--steel)}.seg{display:inline-flex;border:1px solid rgba(142,163,181,.22);border-radius:4px;overflow:hidden}.diff-item{font-family:var(--font-display);font-weight:600;font-size:clamp(10px,2.2cqw,13px);letter-spacing:.1em;padding:clamp(4px,1.2cqw,7px) clamp(9px,2.4cqw,16px);color:var(--steel);border-right:1px solid rgba(142,163,181,.16)}.diff-item:last-child{border-right:0}.diff-item.selected{background:var(--phosphor);color:#1a1206}.controls{list-style:none;padding:clamp(8px,2cqw,12px) 0 0;margin:0 0 clamp(12px,3cqw,18px);border-top:1px solid var(--hairline);font-family:var(--font-mono);font-size:clamp(9px,2cqw,12px);line-height:1.85;letter-spacing:.04em;color:var(--steel)}.controls b{color:var(--phosphor);font-weight:700;margin-right:6px}.start{margin:clamp(8px,2cqw,14px) 0 0;font-family:var(--font-display);font-weight:600;font-size:clamp(13px,3cqw,20px);letter-spacing:.14em;text-transform:uppercase;color:var(--ion);animation:blink 1.3s steps(2,start) infinite}.title.result-win{color:var(--ion);text-shadow:0 0 24px rgba(94,240,255,.35)}.title.result-lose{color:var(--alert);text-shadow:0 0 24px rgba(255,82,82,.3)}.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2.4cqw,16px);margin:0 0 clamp(10px,2.4cqw,16px)}.readout>div{border:1px solid rgba(142,163,181,.16);border-radius:4px;padding:clamp(7px,1.8cqw,12px)}.readout dt{font-family:var(--font-mono);font-size:clamp(8px,1.8cqw,10px);letter-spacing:.16em;color:var(--steel);margin:0 0 4px}.readout dd{margin:0;font-family:var(--font-mono);font-weight:700;font-size:clamp(15px,4cqw,24px);color:var(--phosphor)}.newhi{margin:0 0 clamp(8px,2cqw,14px);font-family:var(--font-display);font-weight:700;font-size:clamp(11px,2.6cqw,15px);letter-spacing:.18em;color:var(--ion);animation:blink .85s steps(2,start) infinite}@keyframes blink{50%{opacity:.28}}.touch{position:absolute;inset:auto 0 0 0;bottom:max(8px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;padding:0 max(12px,env(safe-area-inset-left)) 0 max(12px,env(safe-area-inset-right));pointer-events:none;opacity:.5;z-index:5}@media (pointer: coarse){.touch,.pausebtn{opacity:.92}}.touch .dpad{--pad: min(52px, 13vmin);position:relative;width:calc(var(--pad) * 3);height:calc(var(--pad) * 3)}.tbtn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;color:var(--phosphor);background:#0a1016a8;border:1.5px solid rgba(255,190,61,.5);border-radius:9px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .08s ease,transform .08s ease}.tbtn:active,.tbtn.pressed{background:#ffbe3d52;transform:scale(.96)}.dpad .tbtn{width:var(--pad);height:var(--pad);font-size:15px;color:var(--steel);border-color:#8ea3b580}.dpad .up{left:var(--pad);top:0}.dpad .left{left:0;top:var(--pad)}.dpad .right{left:calc(var(--pad) * 2);top:var(--pad)}.dpad .down{left:var(--pad);top:calc(var(--pad) * 2)}.abtns{position:relative;display:flex;gap:min(16px,3.4vmin);align-items:center}.abtns .tbtn{position:relative;width:min(72px,18vmin);height:min(72px,18vmin);border-radius:50%;font-size:clamp(11px,2.4vmin,14px)}.abtns .shoot{border-color:#5ef0ffbf;color:var(--ion)}.abtns .shoot:active,.abtns .shoot.pressed{background:#5ef0ff47}.abtns .bomb{width:min(58px,15vmin);height:min(58px,15vmin);border-color:#ff8a3abf;color:#ff9a3a;font-size:clamp(10px,2.2vmin,12px)}.abtns .charge{width:min(58px,15vmin);height:min(58px,15vmin);font-size:clamp(10px,2.2vmin,12px)}.pausebtn{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:36px;height:32px;font-size:13px;opacity:.5;z-index:6;border-color:#8ea3b580;color:var(--steel)}#overlay:not(.hidden)~.touch,#overlay:not(.hidden)~.pausebtn{display:none}.footer{margin:0;font-family:var(--font-mono);font-size:clamp(9px,1.4vh,11px);letter-spacing:.2em;text-transform:uppercase;color:var(--steel);display:flex;align-items:center;gap:8px}.footer-tick{width:26px;height:7px;background:var(--hazard);border-radius:1px}.footer-dim{color:#8ea3b580}.rotate-hint{display:none}@media (orientation: portrait) and (pointer: coarse) and (max-width: 560px){.rotate-hint{position:fixed;inset:auto 0 max(14px,env(safe-area-inset-bottom)) 0;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--steel);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;pointer-events:none;z-index:20}.rotate-glyph{font-size:22px;color:var(--phosphor);animation:tilt 2.4s ease-in-out infinite}}@keyframes tilt{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.tbtn:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}