:root{--ink:#13243a;--panel:#112136e0;--panel-soft:#112136a8;--squad:#2f8fff;--squad-deep:#1c62c4;--signal:#e0362c;--brass:#f5b416;--snow:#f7f9fc;--mist:#a9bbd0;--sky:#bfe0f0;--font-display:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--tape:repeating-linear-gradient(-45deg, var(--signal) 0 9px, var(--snow) 9px 18px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--snow);position:fixed;inset:0}#app{background:radial-gradient(120% 80% at 50% 0%, #1d3654 0%, var(--ink) 70%);justify-content:center;display:flex;position:fixed;inset:0}.game{width:100%;max-width:62vh;height:100%;background:var(--sky);touch-action:none;max-width:62dvh;position:relative;overflow:hidden}.scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vignette{pointer-events:none;opacity:0;background:radial-gradient(130% 55% at 50% 108%,#e0362c8c 0%,#e0362c00 70%);transition:opacity .25s linear;position:absolute;inset:0}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn{width:100%;min-height:52px;font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;background:#f7f9fc14;border:2px solid #f7f9fc47;border-radius:16px;margin-top:10px;padding:12px 18px;font-size:19px;font-weight:800;display:block}.btn.primary{background:var(--squad);min-height:60px;box-shadow:0 5px 0 var(--squad-deep);border:0;font-size:22px}.btn.primary:active{box-shadow:0 2px 0 var(--squad-deep);transform:translateY(3px)}.btn.ghost{color:var(--mist);background:0 0;border-color:#0000}.btn:focus-visible,.toggle:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--brass);outline-offset:2px}.toggle{cursor:pointer;background:0 0;border:2px solid #f7f9fc47;border-radius:999px;min-width:96px;min-height:44px;padding:8px 14px;font-size:16px;font-weight:700}.toggle[aria-pressed=true]{border-color:var(--squad);background:#2f8fff2e}.icon-btn{background:var(--panel-soft);cursor:pointer;pointer-events:auto;border:0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.pause-glyph{border-left:5px solid var(--snow);border-right:5px solid var(--snow);width:16px;height:18px}.screen{padding:calc(var(--safe-top) + 20px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);touch-action:pan-y;background:linear-gradient(#13243a00 30%,#13243a8c 100%);flex-direction:column;justify-content:flex-start;display:flex;position:absolute;inset:0;overflow-y:auto}.screen[hidden]{display:none}.pause-screen,.over-screen{background:#13243a8c}.pause-screen .sheet,.over-screen .sheet{margin:auto}.game[data-state=pause] .banner,.game[data-state=pause] .toasts{visibility:hidden}.codex{margin:4px 0 12px}.codex-tabs{background:#f7f9fc14;border-radius:14px;gap:4px;padding:4px;display:flex}.codex-tabs button{color:#b9c7d8;min-height:40px;font:inherit;font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;font-size:15px;font-weight:800}.codex-tabs button[aria-selected=true]{background:var(--snow);color:var(--ink)}.codex-list{overscroll-behavior:contain;max-height:min(40dvh,330px);margin:8px 0 0;padding:0 2px 0 0;list-style:none;overflow-y:auto}.codex-list li{border-bottom:1px solid #f7f9fc14;align-items:flex-start;gap:10px;padding:7px 0;display:flex}.codex-list li:last-child{border-bottom:0}.codex-icon{flex:none;width:44px;height:44px}.codex-head{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.codex-head b{font-family:var(--font-display);color:var(--snow);font-size:15.5px;font-weight:900}.codex-count{color:var(--brass);font-size:13px;font-weight:700}.codex-list p{color:#c9d6e6;margin:2px 0 0;font-size:13.5px;line-height:1.32}.codex-note{color:#9fb1c6;margin:6px 0 0;font-size:12.5px}.codex-note[hidden]{display:none}.sheet{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;width:100%;max-width:440px;margin:0 auto;padding:20px 18px 14px}.brand{width:100%;max-width:440px;margin:0 auto auto;padding-top:4vh}.brand h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--snow);text-shadow:0 4px 0 var(--ink), 0 10px 24px #13243a59;margin:0;font-size:clamp(52px,16.5vw,84px);font-weight:900;line-height:.95}.tape{background:var(--tape);border-radius:3px;width:78%;height:14px;margin-top:12px;box-shadow:0 3px #13243a73}.tagline{font-family:var(--font-display);color:var(--ink);margin:12px 0 0;font-size:22px;font-weight:800}.howto{margin:0 0 6px;padding:0;list-style:none}.howto li{color:#dbe6f3;align-items:flex-start;gap:12px;padding:7px 0;font-size:15.5px;line-height:1.38;display:flex}.howto svg{width:24px;height:24px;fill:var(--brass);color:var(--brass);flex:none;margin-top:1px}.howto li.danger svg{fill:var(--signal)}.meta-row{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.meta-row .btn{width:auto;margin:0}.best{color:var(--mist);font-size:15px}.best b{font-family:var(--font-display);color:var(--brass);font-variant-numeric:tabular-nums;font-size:26px;font-weight:900;display:block}.version{color:#a9bbd0b3;text-align:center;margin:10px 0 0;font-size:12px}.sheet h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:34px;font-weight:900}.over-screen .tape{width:100%;margin:0 0 14px}.lead{color:var(--mist);margin:6px 0 12px;font-size:16px}.final{align-items:baseline;gap:10px;margin:4px 0 2px;display:flex}.final b{font-family:var(--font-display);color:var(--brass);font-variant-numeric:tabular-nums;font-size:56px;font-weight:900;line-height:1}.final span{color:var(--mist);font-size:17px}.record{color:var(--mist);margin:4px 0 10px;font-weight:700}.record.new{color:var(--brass)}.hud{pointer-events:none;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 10px) 0 calc(var(--safe-left) + 10px);position:absolute;inset:0}.hud[hidden]{display:none}.hud-top{align-items:center;gap:8px;display:flex}.chip{background:var(--panel-soft);min-width:0;min-height:44px;font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:14px;align-items:center;gap:5px;padding:5px 11px;font-size:17px;font-weight:800;display:flex}.chip b{font-size:20px;font-weight:900}.wave-chip{flex-direction:column;flex:auto;justify-content:center;align-items:stretch;gap:4px;min-width:92px;max-width:180px}.wave-bar-row{align-items:center;gap:6px;display:flex}.boss-tag{background:var(--signal);border-radius:6px;flex:none;padding:0 6px;font-size:12px;line-height:16px}.boss-tag[hidden]{display:none}.wave-bar{background:#f7f9fc33;border-radius:3px;flex:1;height:5px;display:block;overflow:hidden}.wave-chip.boss .wave-bar{height:7px}.wave-bar i{transform-origin:0;background:var(--brass);height:100%;transition:transform .2s linear;display:block;transform:scaleX(0)}.wave-chip.boss .wave-bar i{background:var(--signal)}.score-chip{color:var(--brass);margin-left:auto}.score-chip b{font-size:24px}.squad-chip svg,.level svg{fill:currentColor;color:#8cc2ff;width:20px;height:20px}.levels{left:calc(var(--safe-left) + 10px);bottom:calc(var(--safe-bottom) + 10px);gap:6px;display:flex;position:absolute}.level{background:var(--panel-soft);min-height:30px;font-family:var(--font-display);border-radius:10px;align-items:center;gap:3px;padding:3px 8px;font-size:15px;font-weight:900;display:flex}.level[hidden]{display:none}.level.power svg{color:#8cc2ff}.level[data-level=fire] svg{color:#f5b416}.level[data-level=damage] svg{color:#ff7a6e}.level[data-level=weapon] svg{color:#c79bff}.level.life{box-shadow:0 0 0 2px var(--brass) inset;background:#ff2f6dd9}.level.life svg{color:var(--snow)}.toasts{flex-direction:column-reverse;align-items:center;gap:6px;display:flex;position:absolute;bottom:30%;left:0;right:0}.toast{--tone:var(--squad);background:var(--tone);font-family:var(--font-display);animation:toast-in .22s ease-out both, toast-out .35s ease-in var(--out,1.45s) forwards;border-radius:999px;padding:8px 16px;font-size:18px;font-weight:900;box-shadow:0 3px #13243a73}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.92)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.banner{text-align:center;pointer-events:none;opacity:0;position:absolute;top:34%;left:0;right:0}.banner.show{animation:2.1s ease-out both banner}.banner-area{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:2px;font-size:15px;font-weight:900}.banner-area:empty{display:none}.banner-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--snow);text-shadow:0 4px 0 var(--ink);padding:6px 22px;font-size:46px;font-weight:900;display:inline-block}.banner-sub{font-family:var(--font-display);color:var(--ink);margin-top:4px;font-size:19px;font-weight:800}.banner.boss .banner-title{background:var(--tape);border-radius:6px;box-shadow:0 4px #13243a80}.banner.boss .banner-sub{color:var(--signal)}.banner.life .banner-title{box-shadow:0 0 0 4px var(--brass), 0 6px 0 #13243a80;background:#ff2f6d;border-radius:6px;font-size:clamp(28px,10vw,44px)}.banner.event .banner-sub{color:var(--snow);background:#c4401b;border-radius:8px;margin-top:8px;padding:3px 12px;display:inline-block}.banner.life .banner-sub{color:#c4134a}@keyframes banner{0%{opacity:0;transform:scale(1.25)}12%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.rotate-hint{z-index:10;background:var(--ink);text-align:center;font-family:var(--font-display);place-items:center;padding:24px;font-size:20px;font-weight:800;display:grid;position:fixed;inset:0}.rotate-hint[hidden]{display:none}.fps{left:calc(var(--safe-left) + 8px);bottom:calc(var(--safe-bottom) + 6px);font:12px/1.3 var(--font-body);pointer-events:none;background:#00000080;border-radius:6px;padding:2px 6px;position:absolute}.fps[hidden]{display:none}@media (prefers-reduced-motion:reduce){.banner.show{animation-name:banner-fade;animation-duration:2.1s}.toast{animation:toast-out .35s ease-in var(--out,1.45s) forwards}.wave-bar i{transition:none}}@keyframes banner-fade{0%,to{opacity:0}10%,85%{opacity:1}}@media (max-height:720px){.howto li{padding:3px 0;font-size:14px;line-height:1.32}.brand{padding-top:0}.brand h1{font-size:clamp(44px,13vw,64px)}.tagline{margin-top:8px;font-size:19px}.sheet{padding:14px 16px 10px}.btn.primary{min-height:54px}}