:root{--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", sans-serif;--font-title: "Orbitron", var(--font-ui);--font-num: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0d1017}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05070c;font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:relative;width:min(100vw,56.25vh);height:100vh;height:100dvh;background:#0d1017;overflow:hidden;box-shadow:0 0 48px #0009}#game{position:absolute;top:0;right:0;bottom:0;left:0;display:block}#stage:not(.playing) .hud-top,#stage:not(.playing) .hud-bottom,#stage:not(.playing) .ability-btn{display:none}.upg-btn:focus-visible,.ability-btn:focus-visible,.retry-btn:focus-visible{outline:2px solid #8be9ff;outline-offset:2px}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 10px calc(16px + env(safe-area-inset-left));pointer-events:none;color:#e6ecff}.hud-top .stat{display:flex;flex-direction:column;align-items:center;min-width:68px}.hud-top .stat-label{font-family:var(--font-title);font-size:11px;font-weight:600;letter-spacing:2px;color:#8f9bb6}.hud-top .stat b{font-family:var(--font-num);font-size:21px;font-weight:700;letter-spacing:.5px;font-variant-numeric:tabular-nums}.hp-wrap{flex:1;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:4px}.hp-bar{width:100%;height:14px;background:#1c2230;border-radius:8px;overflow:hidden;border:1px solid #2b3346}.hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff5a6a,#ff8f6a);transition:width .1s linear}.hp-text{font-family:var(--font-num);font-size:12px;font-variant-numeric:tabular-nums;color:#c2cbe0}.hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;gap:6px;padding:10px calc(8px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));justify-content:center}.upg-btn{flex:1 1 0;min-width:0;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;background:#1a2130;color:#e6ecff;border:1px solid #2e3850;border-radius:12px;cursor:pointer;font-family:inherit;transition:transform .05s ease,background .1s ease}.upg-btn:active{transform:translateY(2px)}.upg-btn .upg-label{font-size:12px;font-weight:600;white-space:nowrap}.upg-btn .upg-level{font-family:var(--font-num);font-size:10px;font-variant-numeric:tabular-nums;color:#9aa6c0}.upg-btn .upg-cost{font-family:var(--font-num);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:#ffd34d}.upg-btn.disabled{opacity:.45;filter:grayscale(.4)}.ability-btn{position:absolute;right:calc(14px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:62px;height:62px;border-radius:50%;border:2px solid #2e5a80;background:#10161f;color:#8be9ff;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0006}.ability-btn .ability-icon{position:relative;z-index:1;width:30px;height:30px;filter:drop-shadow(0 0 4px rgba(139,233,255,.6))}.ability-btn .ability-icon svg{width:100%;height:100%;display:block}.ability-cd{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#080b10cc;z-index:0}.ability-btn.ready{border-color:#8be9ff;animation:abilityPulse 1.2s ease-in-out infinite}@keyframes abilityPulse{0%,to{box-shadow:0 0 10px #8be9ff66}50%{box-shadow:0 0 22px #8be9ffd9}}.gameover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080a10b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gameover.hidden{display:none}.go-card{background:#141a26;border:1px solid #2e3850;border-radius:18px;padding:28px 32px;text-align:center;color:#e6ecff;min-width:280px}.go-card h1{font-family:var(--font-title);font-size:30px;font-weight:800;letter-spacing:3px;margin-bottom:18px;color:#ff6a7a}.go-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.go-stats>div{display:flex;justify-content:space-between;gap:24px;font-size:15px}.go-stats span{color:#9aa6c0}.go-stats b{font-family:var(--font-num);font-weight:700;font-variant-numeric:tabular-nums}.go-actions{display:flex;flex-direction:column;gap:10px}.retry-btn{width:100%;padding:12px;font-size:16px;font-weight:700;background:linear-gradient(90deg,#5aa0ff,#7c6cff);color:#fff;border:none;border-radius:12px;cursor:pointer;font-family:inherit}.retry-btn:active{transform:translateY(1px)}.home-btn{width:100%;padding:10px;font-size:14px;font-weight:600;background:transparent;color:#b9c2d8;border:1px solid #2e3850;border-radius:12px;cursor:pointer;font-family:inherit}.home-btn:active{transform:translateY(1px)}.home{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 50% 42%,#141e3259,#05070cd1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.home.hidden{display:none}.home-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}.home-title{font-family:var(--font-title);font-weight:800;font-size:clamp(44px,15vw,64px);letter-spacing:8px;color:#dfe9ff;text-shadow:0 0 26px rgba(90,160,255,.55)}.home-sub{margin-top:2px;font-family:var(--font-num);font-size:12px;letter-spacing:4px;color:#8f9bb6}.home-best{margin-top:14px;min-height:20px;font-family:var(--font-num);font-size:15px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#ffd34d}.play-btn{margin-top:22px;display:flex;align-items:center;gap:8px;padding:15px 46px;font-family:var(--font-title);font-weight:700;font-size:20px;letter-spacing:2px;color:#fff;background:linear-gradient(90deg,#5aa0ff,#7c6cff);border:none;border-radius:14px;cursor:pointer;box-shadow:0 6px 22px #5a78ff59;transition:transform .06s ease,box-shadow .15s ease}.play-btn svg{width:20px;height:20px}.play-btn:active{transform:translateY(1px)}.home-hint{margin-top:18px;font-size:12px;color:#8f9bb6}@media(prefers-reduced-motion:reduce){.ability-btn.ready{animation:none;box-shadow:0 0 12px #8be9ff99}.hp-fill{transition:none}.upg-btn,.upg-btn:active,.retry-btn:active,.home-btn:active,.play-btn,.play-btn:active{transition:none;transform:none}}