:root{--u: 2px;--gold: #ffc53d;--cream: #f3e6c4;--ink: #120d0b;--red: #e5483a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#070505;color:var(--cream);font-family:Lucida Console,DejaVu Sans Mono,Courier New,monospace;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#1b120d,#070505 75%)}#frame{position:relative;width:calc(var(--u) * 384);height:calc(var(--u) * 216);overflow:hidden;box-shadow:0 0 0 1px #3a2a1a,0 10px 40px #000}#stage,#stage canvas{position:absolute;inset:0;width:100%;height:100%;outline:none;image-rendering:pixelated;image-rendering:crisp-edges}#ui{position:absolute;inset:0;pointer-events:none;font-size:max(11px,calc(var(--u) * 7))}.screen{position:absolute;pointer-events:auto}.screen,#touch-controls{--u: var(--ui-u, 2px)}.panel-title{display:none}[hidden]{display:none!important}.loading{inset:0;margin:0;display:grid;place-items:center;color:var(--gold);letter-spacing:.1em;background:var(--ink)}.pixel-button{display:block;min-width:calc(var(--u) * 132);min-height:max(30px,calc(var(--u) * 21));padding:0 calc(var(--u) * 8);border:calc(var(--u) * 6) solid transparent;border-image:url(../assets/gui/button_normal.png) 9 fill stretch;background:none;color:var(--cream);font:inherit;font-weight:700;letter-spacing:.08em;line-height:1;cursor:pointer;image-rendering:pixelated;text-shadow:1px 1px 0 #000}.pixel-button:hover,.pixel-button:focus-visible{border-image-source:url(../assets/gui/button_hover.png);color:var(--gold);outline:none}.pixel-button:focus-visible:before{content:"▶ "}.pixel-button:active{border-image-source:url(../assets/gui/button_pressed.png)}.pixel-button:disabled{opacity:.45;cursor:default}.menu{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 3);background:linear-gradient(180deg,#0a06048c,#0a060440 40%,#0a0604b3)}.logo{margin:0;line-height:0}.logo img{width:calc(var(--u) * 150);height:auto;image-rendering:pixelated;filter:drop-shadow(0 calc(var(--u) * 2) 0 rgba(0,0,0,.6));animation:logo-bob 2.4s steps(6) infinite}@keyframes logo-bob{50%{transform:translateY(calc(var(--u) * -2))}}.menu-tagline{margin:0;color:var(--gold);font-size:max(10px,calc(var(--u) * 6));letter-spacing:.18em;text-shadow:1px 1px 0 #000}.menu-buttons{display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.menu-note{margin:0;color:var(--gold);font-size:max(10px,calc(var(--u) * 6));text-align:center;text-shadow:1px 1px 0 #000}.press-start{margin:0;font-size:max(9px,calc(var(--u) * 5));color:var(--cream);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.panel{box-shadow:0 0 0 100vmax #08050480;left:50%;top:50%;transform:translate(-50%,-50%);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;max-height:100%;overflow:auto}.panel-medium{width:calc(var(--u) * 296);min-height:calc(var(--u) * 168);border:calc(var(--u) * 6) solid transparent;border-image:url(../assets/gui/panel_medium.png) 8 fill stretch;padding:calc(var(--u) * 6) calc(var(--u) * 10);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 4)}.panel h2{margin:0;color:var(--gold);font-size:max(13px,calc(var(--u) * 10));letter-spacing:.08em;text-align:center}.controls{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u) * 2) calc(var(--u) * 8);margin:0;width:100%}.controls dt{color:var(--gold);font-weight:700}.controls dd{margin:0}.howto-tip{margin:0;font-size:max(10px,calc(var(--u) * 6));line-height:1.35;text-align:center;color:#e0cfa8}.panel-titled{width:calc(var(--u) * 320);height:calc(var(--u) * 196)}.pause{background-image:url(../assets/gui/pause_panel.png)}.end.victory{background-image:url(../assets/gui/stage_clear_panel.png)}.end.defeat{background-image:url(../assets/gui/game_over_panel.png)}.panel-body{position:absolute;inset:calc(var(--u) * 40) calc(var(--u) * 14) calc(var(--u) * 8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 3);overflow:auto}.pause .panel-body{inset:calc(var(--u) * 52) calc(var(--u) * 14) calc(var(--u) * 14);justify-content:center;gap:calc(var(--u) * 5)}.end .panel-body{inset:calc(var(--u) * 41) calc(var(--u) * 12) calc(var(--u) * 6);gap:calc(var(--u) * 2.5);justify-content:flex-start}.end h2{font-size:max(11px,calc(var(--u) * 8.5));color:var(--cream);text-shadow:1px 1px 0 #000}.end.victory h2{color:var(--gold)}.end.defeat h2{color:#ff8a7a}.stats{display:grid;grid-template-columns:1fr auto;column-gap:calc(var(--u) * 10);row-gap:calc(var(--u) * 1);margin:0;width:86%;font-size:max(10px,calc(var(--u) * 6.5))}.stats dt{color:#e0cfa8}.stats dd{margin:0;text-align:right;color:var(--gold);font-weight:700}.history{margin:calc(var(--u) * 1) 0 0;font-size:max(10px,calc(var(--u) * 5.6));line-height:1.35;text-align:center;color:var(--cream)}.history-note{margin:0;font-size:max(9px,calc(var(--u) * 5));color:#bfae8a;text-align:center;font-style:italic}.end-buttons{display:flex;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 1)}.end-buttons .pixel-button{min-width:calc(var(--u) * 104);min-height:max(28px,calc(var(--u) * 19))}#touch-controls{position:absolute;inset:auto 0 0;height:calc(var(--u) * 80);pointer-events:none}#touch-controls button{pointer-events:auto;position:absolute;width:max(44px,calc(var(--u) * 26));height:max(44px,calc(var(--u) * 26));border:2px solid rgba(255,197,61,.65);border-radius:8px;background:#120d0b73;color:var(--gold);font:inherit;font-weight:700;touch-action:none;-webkit-user-select:none;user-select:none}.dpad{position:absolute;left:calc(var(--u) * 6);bottom:calc(var(--u) * 6);width:max(132px,calc(var(--u) * 78));height:max(132px,calc(var(--u) * 78))}.dpad [data-dir=up]{left:33%;top:0}.dpad [data-dir=down]{left:33%;bottom:0}.dpad [data-dir=left]{left:0;top:33%}.dpad [data-dir=right]{right:0;top:33%}.touch-actions{position:absolute;right:calc(var(--u) * 6);bottom:calc(var(--u) * 6);width:max(110px,calc(var(--u) * 64));height:max(100px,calc(var(--u) * 60))}.touch-actions [data-touch=attack]{right:0;bottom:0;width:max(56px,calc(var(--u) * 32));height:max(56px,calc(var(--u) * 32));border-radius:50%}.touch-actions [data-touch=spin]{left:0;top:0;border-radius:50%}#debug{position:absolute;left:4px;bottom:4px;margin:0;padding:4px 6px;font:11px/1.3 monospace;color:#9f9;background:#000000b3;pointer-events:none;white-space:pre}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-layout=portrait] #app{place-items:start center;padding-top:max(8px,env(safe-area-inset-top))}[data-layout=portrait] .menu,[data-layout=portrait] .loading{position:fixed}[data-layout=portrait] .panel{position:fixed;width:min(94vw,460px);height:auto;max-height:94vh;background-image:none!important;border:6px solid transparent;border-image:url(../assets/gui/panel_medium.png) 8 fill stretch;padding:12px 10px}[data-layout=portrait] .panel-body{position:static;inset:auto}[data-layout=portrait] .panel-title{display:block;margin:0 0 4px;color:var(--gold);font-size:22px;font-weight:700;letter-spacing:.08em}[data-layout=portrait] #touch-controls{position:fixed;inset:auto 0 max(12px,env(safe-area-inset-bottom)) 0;height:44vh}@media(prefers-reduced-motion:reduce){.logo img,.press-start{animation:none}}