:root{--bg: #0b1a14;--ink: #f3efe6;--dim: #b9b2c8;--gold: #ffcc4d;--mint: #7ff0c8;--card: #14261e;--line: #2c4a3c;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#000;color:var(--ink);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#app{position:fixed;top:0;right:0;bottom:0;left:0}#stage{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}#stage canvas{display:block}#hud{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 0 calc(14px + env(safe-area-inset-left));pointer-events:none;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.7);font-size:clamp(14px,2.2vmin,30px);visibility:hidden}body.playing #hud{visibility:visible}#hudL,#hudR{display:flex;align-items:center;gap:.8em;min-width:0}#hudHp{letter-spacing:.15em;color:#ff6b6b}#hudHp .off{color:#3a2a2a}#hudWeapon{padding:.1em .55em;border-radius:99px;background:rgba(0,0,0,.45);color:var(--mint);font-size:.85em}#hudSection{color:var(--mint);opacity:.85}#hudR button{pointer-events:auto;width:2.4em;height:2.4em;border-radius:.7em;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);font-size:.9em}#fsPlayBtn.hide{display:none}#bossBar{position:absolute;left:50%;top:calc(3.4em + env(safe-area-inset-top));transform:translate(-50%);width:min(60%,640px);display:none;align-items:center;gap:.6em;font-size:.75em}#bossBar.on{display:flex}#bossBar div{flex:1;height:.9em;border-radius:.5em;background:rgba(40,10,20,.7);overflow:hidden;border:1px solid rgba(255,255,255,.25)}#bossFill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff6b6b,#ffb347)}#banner{position:absolute;left:50%;top:22%;transform:translate(-50%,-12px);max-width:90vw;padding:.5em 1.2em;border-radius:.8em;background:rgba(8,20,16,.85);border:2px solid var(--mint);font-weight:800;font-size:clamp(16px,3.2vmin,40px);text-align:center;white-space:pre-line;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:6}#banner.on{opacity:1;transform:translate(-50%)}#touch{display:none;position:absolute;left:0;right:0;bottom:0;height:46%;z-index:4;touch-action:none;-moz-user-select:-moz-none;user-select:none;-webkit-user-select:none}body.touch.playing #touch{display:block}#joyzone{position:absolute;left:0;top:0;bottom:0;width:45%}#joybase{position:absolute;left:calc(40px + env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom));width:130px;height:130px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08)}#joyknob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px;border-radius:50%;background:rgba(255,255,255,.4)}#btns{position:absolute;right:calc(24px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));display:flex;gap:22px;align-items:flex-end}#btns button{width:92px;height:92px;border-radius:50%;border:3px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);font-weight:900;font-size:15px;touch-action:none}#btnFire{background:rgba(255,100,80,.3)!important;width:104px!important;height:104px!important;margin-bottom:30px}#btns button.down{background:rgba(255,255,255,.35)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:radial-gradient(120% 80% at 50% 0%,rgba(20,60,44,.88),rgba(4,12,9,.95))}.overlay.on{display:flex}.card{width:100%;max-width:620px;padding:28px 26px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.card h1{margin:0 0 6px;font-size:clamp(36px,9vw,68px);line-height:1;letter-spacing:.02em}.card h1 em{font-style:normal;color:var(--gold)}.card h2{margin:0 0 12px;font-size:28px}.sub{margin:10px 0 20px;color:var(--dim)}.keys{margin:18px 0 0;color:#7d9a8c;font-size:.85em}.col{display:flex;flex-direction:column;gap:10px}.card button{padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:#1d3a2d;font-weight:800;font-size:18px}.card button.primary{background:var(--gold);color:#2a1a00;border-color:var(--gold);box-shadow:0 4px #a86a10;min-width:55%}.home{position:absolute;top:calc(14px + env(safe-area-inset-top));left:16px;color:var(--dim);text-decoration:none;font-weight:700}.tools{position:absolute;top:calc(10px + env(safe-area-inset-top));right:14px;display:flex;gap:8px}.tools button{min-width:44px;height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:800}.tools .fsl{font-size:15px;margin-left:6px}#loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#06120d;font-weight:800;font-size:22px;transition:opacity .3s}#loading.done{opacity:0;pointer-events:none}#loading div{width:min(60vw,320px);height:8px;border-radius:4px;background:#14261e;overflow:hidden}#loadFill{display:block;height:100%;width:0;background:var(--gold)}@media(min-width:1500px){.card{max-width:900px;padding:44px}.card h2{font-size:40px}.sub,.keys{font-size:1.3em}.card button{font-size:26px;padding:18px 26px}}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:10px 16px;border-radius:12px;background:#2d2742;border:2px solid #7ff0c8;font-weight:700;z-index:950}#hudR .fsl{display:none}.card .autoBtn{margin-top:10px;min-width:55%;background:transparent;font-size:15px;font-weight:700;padding:10px 14px}@media(max-width:560px){.home .hl{display:none}}.card .row{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:10px;flex-wrap:wrap}.card .row button{padding:10px 16px;font-size:16px}.card .row .lbl{color:var(--dim);font-weight:700}#stageRow button{min-width:48px;padding:10px 0}#stageRow button:disabled{opacity:.35;cursor:default}#resInfo{white-space:pre-line;color:var(--dim)}#hudHp .pl{margin-right:.9em}#tip{position:absolute;left:50%;bottom:12%;transform:translate(-50%);max-width:90vw;padding:.5em 1em;border-radius:.7em;background:rgba(8,20,16,.8);border-left:4px solid var(--mint);font-weight:700;font-size:clamp(14px,2.4vmin,28px);opacity:0;transition:opacity .3s;pointer-events:none;z-index:6;text-align:center}#tip.on{opacity:1}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;box-shadow:inset 0 0 12vmin 2vmin rgba(255,30,20,.75)}#vignette.on{animation:hurt .35s ease-out}@keyframes hurt{0%{opacity:1}to{opacity:0}}@media(min-width:1500px){.card .row button{font-size:22px;padding:14px 22px}#stageRow button{min-width:64px}}