:root{--ink: #11112a;--bg: #0d0d1f;--paper: #f2ead8;--gold: #ffd94a;--cyan: #6ad1ff;--purple: #c79bff;--red: #ff6a6a;--green: #58d68a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);font-family:"Press Start 2P",monospace;overflow:hidden}#stage{width:100vw;height:100vh;height:100dvh;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}#scaler{flex:0 0 auto;transform-origin:center center}#cabinet{width:960px;height:592px;background:#181833;border:4px solid var(--paper);box-shadow:0 0 0 4px var(--bg),0 0 0 8px #3a3a6a;position:relative;display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}@media (pointer: coarse){#cabinet{border:0;box-shadow:none}}#hud{height:52px;flex:0 0 52px;background:linear-gradient(#191940,#0e0e24);box-shadow:inset 0 2px #ffffff0f,inset 0 -3px 0 var(--gold),inset 0 -6px #2a2a55;display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:5}#hud-title{color:var(--gold);font-size:9px;letter-spacing:1px}#hud-right{display:flex;gap:22px;align-items:center}.hud-group{display:flex;gap:8px;align-items:center}#hud-coin-dot{width:14px;height:14px;border-radius:50%;background:var(--gold);border:2px solid #b3842a}.hud-coins{font-size:9px;color:var(--gold)}.hud-label{font-size:8px}.hud-label-score{color:var(--cyan)}.hud-label-lv{color:var(--purple)}.hud-label-time{color:#ff8a7a}.hud-label-gun{color:#7ef0ff}.hud-val{font-size:9px;color:var(--paper)}#hud-time.time-attack{color:#7fe8a8}#hud-charm{color:#ff5fb0;font-size:14px;text-shadow:0 0 6px rgba(255,95,176,.8)}#hud-charm.hidden{display:none}#ng-prompt{color:#ff9d5c}#ng-prompt.hidden{display:none}.shop{margin:10px auto 2px;padding:8px 14px 10px;border:2px solid #ffd94a;background:#11112ab8;width:min(520px,88%)}.shop-title{font-size:9px;color:#ffd94a;margin-bottom:8px;letter-spacing:1px}.shop-row{display:flex;align-items:center;gap:10px;font-size:10px;padding:5px 6px;cursor:pointer;color:var(--paper, #f4ead2)}.shop-row:hover{background:#ffd94a1f}.shop-key{color:#11112a;background:#ffd94a;padding:2px 5px;font-size:9px}.shop-label{flex:1;text-align:left}.shop-price{color:#ffd94a}.shop-row.shop-no{opacity:.45;cursor:default}.shop-row.shop-done{opacity:.4;cursor:default}.shop-row.shop-done .shop-label{text-decoration:line-through}#hud-weapon{color:#7ef0ff}#hud-hearts{display:flex;gap:5px}.heart{font-size:15px}.heart-on{color:var(--red)}.heart-off{color:#3a3a55}#hud-hp{display:flex;gap:3px;align-items:center}.hp-pip{width:11px;height:11px;border-radius:2px;border:2px solid #11112a}.hp-on{background:#58d68a}.hp-off{background:#3a3a55}.hud-coop{display:flex;gap:18px;align-items:center}.hud-coop.hidden{display:none}.hud-pcard{display:flex;align-items:center;gap:5px}.hud-ptag{font-size:11px;letter-spacing:1px}.hud-ptag1{color:var(--gold)}.hud-ptag2{color:#c8ffa0}.hud-mini-hp{display:flex;gap:2px;align-items:center}.hud-mini-hp .hp-pip{width:8px;height:8px;border-width:1px}.hud-mini-hearts{display:flex;gap:3px}.hud-mini-hearts .heart{font-size:12px}.hud-pcard.down{opacity:.45}#hud-super{display:flex;gap:3px;align-items:center}.super-pip{width:8px;height:13px;border-radius:2px;border:2px solid #11112a;transform:skew(-12deg)}.super-on{background:#ff5fb0}.super-off{background:#3a3a55}.super-ready{animation:superPulse .5s steps(2) infinite}@keyframes superPulse{0%{background:#ff5fb0}to{background:#ffd0e8}}#viewport{flex:1 1 auto;position:relative;overflow:hidden;background:#7ec0ff}#game{display:block;width:960px;height:540px;background:#7ec0ff;image-rendering:pixelated;image-rendering:crisp-edges}#pad-left,#pad-right{display:none;position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;user-select:none;-webkit-user-select:none}body.touch-on #pad-left,body.touch-on #pad-right{display:flex}#pad-left{left:calc(14px + env(safe-area-inset-left));gap:10px;align-items:flex-end}#pad-right{right:calc(14px + env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:10px}.pad-aux,.pad-main{display:flex;gap:10px;align-items:flex-end}body.autofire #btn-fire{display:none}.touch-btn{width:66px;height:66px;min-width:44px;min-height:44px;background:#11112a99;border:3px solid var(--paper);color:var(--paper);font-family:"Press Start 2P",monospace;font-size:20px;cursor:pointer;border-radius:10px;touch-action:none}.touch-btn.active{background:var(--gold);color:#11112a}.touch-jump{width:80px;height:80px;background:#58d68abf;color:#11112a;font-size:9px;border-radius:50%;line-height:14px}.touch-jump.active{background:var(--gold)}.touch-fire{width:72px;height:72px;background:#7ef0ffb3;color:#11112a;font-size:9px;border-radius:50%;line-height:14px}.touch-fire.active{background:var(--gold)}.touch-dash{width:60px;height:60px;background:#ffd94a80;color:#11112a;font-size:9px;border-radius:50%;line-height:14px}.touch-dash.active{background:var(--gold)}.touch-super{width:60px;height:60px;background:#ff5fb08c;color:#11112a;font-size:9px;border-radius:50%;line-height:14px}.touch-super.active{background:var(--gold)}.touch-swap{width:60px;height:60px;background:#7ef0ff80;color:#11112a;font-size:9px;border-radius:50%;line-height:14px}.touch-swap.active{background:var(--cyan)}.grade-badge{display:inline-block;min-width:22px;padding:1px 4px;text-align:center;border-radius:3px;color:#11112a;background:var(--paper)}.grade-badge[data-grade="S+"],.grade-badge[data-grade=S]{background:#ffd94a;color:#5a3a00}.grade-badge[data-grade=A]{background:#58d68a;color:#0a2a16}.grade-badge[data-grade=B]{background:#7ef0ff}.grade-badge[data-grade=C]{background:#ff8a7a}.grade-badge[data-grade=—]{background:#3a3a55;color:var(--paper)}@keyframes gradeStamp{0%{transform:scale(2.4) rotate(-12deg);opacity:0}60%{transform:scale(.9) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes tallyFade{0%,35%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.overlay:not(.hidden) #lu-grade,.overlay:not(.hidden) #win-grade{animation:gradeStamp .5s cubic-bezier(.2,1.4,.4,1) both}.overlay:not(.hidden) #lu-grade-best,.overlay:not(.hidden) #win-grade-best,.overlay:not(.hidden) #lu-time,.overlay:not(.hidden) #win-time{display:inline-block;animation:tallyFade .7s ease both}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:8;text-align:center;padding:26px 20px;overflow-y:auto}.overlay.hidden{display:none}@keyframes overlayIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overlay:not(.hidden){animation:overlayIn .32s ease both}@media (prefers-reduced-motion: reduce){.overlay:not(.hidden){animation:none}}.overlay:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:3px double var(--gold);border-radius:3px;box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 24px #0000008c,0 0 0 2px #ffd94a2e;z-index:-1;pointer-events:none}.overlay:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--gold) 38%,transparent 42%),radial-gradient(var(--gold) 38%,transparent 42%),radial-gradient(var(--gold) 38%,transparent 42%),radial-gradient(var(--gold) 38%,transparent 42%);background-repeat:no-repeat;background-size:12px 12px;background-position:left top,right top,left bottom,right bottom}#ov-title{background:#11112ad1;gap:18px}#ov-gameover{background:#280c10db;gap:18px}#ov-levelup{background:#141433e0}#ov-win{background:#112a1cdb}.ov-logo{font-size:46px;color:var(--gold);letter-spacing:2px;text-shadow:3px 3px 0 #b3432a,6px 6px 0 #7a2a18,0 0 18px rgba(255,217,74,.35)}.ov-sub{font-size:13px;color:var(--cyan);letter-spacing:3px;display:inline-flex;align-items:center;gap:14px}.ov-sub:before,.ov-sub:after{content:"";width:46px;height:3px;background:var(--gold);box-shadow:0 4px #b3842a}.ov-help{margin-top:14px;font-size:9px;color:var(--paper);line-height:22px}.ov-big{font-size:36px}.ov-big-red{color:var(--red);text-shadow:5px 5px 0 #5a0f1a}.ov-big-gold{font-size:34px;color:var(--gold);text-shadow:5px 5px 0 #b3842a}.ov-big-green{font-size:34px;color:var(--green);text-shadow:5px 5px 0 #1f5a38}.ov-line{font-size:11px;color:var(--paper);letter-spacing:2px;line-height:22px}.ov-line-gold{color:var(--gold)}.ov-line-cyan{font-size:9px;color:var(--cyan);letter-spacing:1px}.ov-line-purple{color:var(--purple)}.ov-center{text-align:center}.ov-prompt{margin-top:14px;font-size:11px;color:var(--gold)}.ov-prompt-sub{margin-top:6px;font-size:8px;letter-spacing:1px;color:var(--cyan);opacity:.85}.ov-credit{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));margin:0;font-size:8px;letter-spacing:1px;color:var(--gold);opacity:.7}#ov-lobby{background:#11112ae6;gap:18px}.lobby-logo{font-size:40px}.lobby-section{display:flex;flex-direction:column;align-items:center;gap:14px}.lobby-section.hidden{display:none}.lobby-btn{font-family:inherit;font-size:13px;letter-spacing:2px;color:var(--ink);background:var(--gold);border:3px solid var(--ink);box-shadow:4px 4px #b3842a;padding:12px 22px;cursor:pointer}.lobby-btn:hover{background:#ffe88a}.lobby-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #b3842a}.lobby-code{font-size:40px;letter-spacing:12px;color:var(--cyan);text-shadow:3px 3px 0 #0a3a44;padding-left:12px}.lobby-input{font-family:inherit;font-size:28px;letter-spacing:10px;text-align:center;text-transform:uppercase;width:220px;color:var(--cyan);background:#0006;border:3px solid var(--gold);padding:10px 0 10px 10px;outline:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse{0%,49%{transform:scale(1)}50%,to{transform:scale(1.05)}}.blink{animation:blink 1s steps(1) infinite}.pulse{animation:pulse .7s steps(1) infinite}#cabinet.cb{--red: #d55e00;--green: #56b4e9;--cyan: #56b4e9;--purple: #cc79a7}#cabinet.cb .hp-on{background:#56b4e9}#cabinet.cb .hud-ptag2{color:#56b4e9}#cabinet.cb .grade-badge[data-grade=A]{background:#56b4e9;color:#04243a}#cabinet.cb .grade-badge[data-grade=C]{background:#e69f00;color:#3a2600}#cabinet.cb .ov-big-green,#cabinet.cb .ov-big-gold{color:#56b4e9;text-shadow:5px 5px 0 #04243a}#rotate-hint{display:none}@media (orientation: portrait) and (pointer: coarse){#rotate-hint{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--bg);color:var(--gold);text-align:center;padding:24px}body.touch-on #pad-left,body.touch-on #pad-right{display:none}}.rotate-icon{font-size:64px;line-height:1;animation:rotateNudge 1.6s ease-in-out infinite}.rotate-text{font-size:11px;line-height:20px;letter-spacing:1px;color:var(--paper)}@keyframes rotateNudge{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media (prefers-reduced-motion: reduce){.rotate-icon{animation:none}}@media (max-height: 400px){.touch-btn{width:54px;height:54px;font-size:16px}.touch-jump{width:64px;height:64px}.touch-fire{width:58px;height:58px}.touch-dash,.touch-super,.touch-swap{width:50px;height:50px}}