:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3eee5;background:#10141f;font-synthesis:none;color-scheme:dark;--muted:#aeb7c9;--line:#ffffff20;--pink:#f2a8ba;--gold:#f6d4a1;--panel:#1b2130}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 50% 0,#2e253c,transparent 650px),#10141f}button,a,label{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.shell{max-width:460px;margin:auto;padding:env(safe-area-inset-top) 22px env(safe-area-inset-bottom)}.screen{padding-top:24px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em;margin:0 0 12px;color:var(--gold)}.game-title{display:flex;justify-content:center;margin:-20px 0 -18px}.game-title img{display:block;width:min(100%,320px);height:auto;aspect-ratio:4/3;object-fit:contain;filter:drop-shadow(0 8px 25px #0005)}.intro{font-size:13px;line-height:1.9;margin:8px 0 16px;color:#dbd8e0;text-align:center}.modes{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}.modes legend{font-size:12px;margin-bottom:12px;font-weight:700}.mode-option{position:relative;display:flex;padding:15px 12px;border:1px solid #9da4bb44;border-radius:14px;cursor:pointer;min-height:84px;background:#191f2d}.mode-option:has(input:checked){border-color:#f1cda5;background:linear-gradient(135deg,#3d3340,#242535);box-shadow:inset 0 0 20px #f9ca9e0a}.mode-option input{position:absolute;top:12px;right:10px;accent-color:#f1cda5;width:16px;height:16px}.mode-copy{display:flex;flex-direction:column;gap:5px}.mode-copy strong{font-size:17px}.mode-copy small{font-size:11px}.mode-copy em{font-style:normal;font-size:10px;color:#bac1d0}.primary,.secondary,.special{border-radius:14px;width:100%;min-height:54px}.primary{border:1px solid #ffe6ba;background:linear-gradient(135deg,#f6d4a1,#e7ae9c);color:#261d29;font-weight:800;font-size:15px;box-shadow:0 4px 0 #906c64,0 6px 24px #f4c28d16}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #906c64}.primary:disabled{box-shadow:none}.secondary{background:#222b3c;border:1px solid #8995ae55;color:#f5e5d1;font-size:13px;font-weight:650;min-height:48px}.start-tools{display:flex;align-items:center;gap:16px;margin:0 0 14px}.start-tools .secondary{width:auto;flex:1}.start-tools .text-button{white-space:nowrap;min-width:64px}.small-note{font-size:11px;text-align:center;line-height:1.7;color:var(--muted);margin:13px 0}.game-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700}.game-tools{display:flex;gap:10px}.text-button{border:0;background:transparent;color:#bec8dc;font-size:11px;padding:10px 4px;text-decoration:underline;text-underline-offset:4px;min-height:40px}.score-row{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 6px}.stat-label{font-size:11px}.score-row strong{font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#ffe2b5}.total{color:#aeb8cd;font-size:13px}#remaining{font-size:11px}.live-note{margin:0 0 10px;color:#f0c0cd;font-size:11px;min-height:17px}.gauge-heading{display:flex;justify-content:space-between;font-size:10px;margin-bottom:6px}.gauge-heading strong{white-space:nowrap}.gauge{height:10px;border-radius:20px;background:#2c3548;overflow:hidden;margin-bottom:12px;position:relative}.gauge::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff8e8aa}#gauge-fill{height:100%;width:0;background:linear-gradient(90deg,#c6779b,#f6bcbf);transition:width .15s}body.ready #gauge-fill{background:#f2a8ba;box-shadow:0 0 12px #f2a8ba}body.fully-ready #gauge-fill{background:#a6e7f7}.arena-wrap{position:relative;border:1px solid #8f9ab544;border-radius:18px;overflow:hidden;background:#172130;box-shadow:0 8px 24px #0004}#arena{display:block;width:100%;height:clamp(260px,calc(100svh - 350px),610px);touch-action:none;user-select:none}.arena-tag{pointer-events:none;position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.03em;color:#ffc1cd;background:#10141fd9;padding:5px 0}.special{display:flex;align-items:center;gap:10px;border:1px solid #59647a;background:#262d3e;color:#bac2d1;margin-top:13px;padding:0 16px;transition:background .15s}.special strong{font-size:13px;line-height:1.4}.special small{font-size:10px;margin-left:auto;max-width:105px;text-align:right;line-height:1.4}.special:enabled{background:linear-gradient(120deg,#ef9ab4,#f7c0bf);color:#392236;border-color:#fac5cb;box-shadow:0 0 24px #ed8eb142,0 3px 0 #9d536d}.special[data-tier="2"]:enabled{background:linear-gradient(120deg,#9ed8ec,#ddf7fb);color:#183647;border-color:#c5f4ff;box-shadow:0 0 28px #77dfff55,0 3px 0 #5596b4}.special:enabled:active{transform:translateY(2px)}#pause-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#111725ee;z-index:4;padding:28px;text-align:center;backdrop-filter:blur(6px)}#pause-overlay strong{font-size:22px}#pause-overlay p{font-size:12px;margin-bottom:22px;color:var(--muted)}#pause-overlay .text-button{display:block;margin:15px auto 0}h2{font-size:26px;letter-spacing:-.04em;margin:0 0 19px;line-height:1.4}#result-card{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:17px;box-shadow:0 7px 24px #0005;border:1px solid var(--line)}.result-summary{font-size:13px;text-align:center;line-height:1.8;margin:17px 0;color:#e4d8df}.save-row{display:flex;gap:9px}.back{display:block;margin:18px auto 0}#result-stage{display:flex;flex-direction:column}.result-ad{margin:4px 0 24px;width:320px;align-self:center;min-height:0;padding:8px 0 0;border-top:1px solid var(--line);text-align:center}.result-ad>span{display:block;font-size:9px;color:#9aa5ba;letter-spacing:.1em;margin-bottom:9px}#result-ad-slot{width:100%;min-height:50px;overflow:hidden;display:grid;place-items:center}#result-ad-slot iframe{border:0;width:320px;max-width:100%;height:50px;background:#171d2a}#result-actions{padding-top:14px;border-top:1px solid var(--line);padding-bottom:8px}#retry{margin-top:18px}#result-screen[data-locked="true"]{user-select:none}#game-callout{position:absolute;top:17%;left:8px;right:8px;text-align:center;z-index:3;pointer-events:none;color:#fff8ee;font-size:clamp(18px,5vw,24px);font-weight:900;text-shadow:0 2px 12px #000,0 0 22px #ef8db3;background:linear-gradient(90deg,transparent,#241e3ae6,transparent);padding:12px 0;animation:cut-in .6s ease-out both}body.danger .arena-wrap{border-color:#ff929f;box-shadow:0 0 24px #f65d792e}body.danger .live-note{color:#ffb0b9}dialog{width:min(440px,calc(100% - 28px));max-height:calc(100svh - 36px);padding:24px;border:1px solid #cdb8d255;border-radius:22px;background:linear-gradient(145deg,#292536,#151d2b);color:#f4eee8;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#070a13d9;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading .eyebrow{margin:0}.icon-button{border:1px solid var(--line);border-radius:8px;background:#ffffff0b;color:#eee;min-width:64px;height:40px;font-size:12px}dialog h2{font-size:22px;margin:16px 0}dialog h3{font-size:14px;margin:24px 0 14px}.story{font-size:12px;line-height:2;color:#e1d5e2}.instructions{padding:0;list-style:none;counter-reset:steps}.instructions li{position:relative;padding:12px 0 12px 31px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7;counter-increment:steps}.instructions li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;color:var(--gold);font-size:11px}.instructions span{display:block;font-size:11px;color:#bbc4d6;margin-top:3px}.enemy-list{list-style:none;padding:0;display:grid;gap:16px}.enemy-list li{display:flex;gap:12px;align-items:flex-start;font-size:12px}.enemy-list p{margin:4px 0 0;color:#bbc4d6;font-size:11px;line-height:1.7}.enemy-badge{flex:none;min-width:43px;padding:7px;border-radius:9px;text-align:center;font-size:12px;color:#fff}.enemy-badge.tough{background:#a8502d}.enemy-badge.dodge{background:#286b91}.enemy-badge.shield{background:#76529c}@keyframes cut-in{from{opacity:0;transform:scale(.82)}25%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(max-width:350px){.shell{padding-left:15px;padding-right:15px}.special{padding:0 10px;gap:6px}.special strong{font-size:11px}.special small{font-size:9px;max-width:95px}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#load-status:empty,#save-status:empty{display:none}#result-ad-slot{height:50px}.result-ad{flex-shrink:0}#result-ad-slot iframe{flex-shrink:0}

/* Character selection on the start screen. */
#start-screen{padding-top:12px;padding-bottom:28px}
.game-title{margin:0 0 -8px}
.game-title img{width:min(100%,260px)}
.intro{margin:0 0 20px;line-height:1.8}
.modes{gap:12px;margin:0 0 18px}
.modes legend{font-size:14px;letter-spacing:.04em;margin-bottom:12px}
.mode-option{display:grid;justify-items:center;align-content:start;padding:14px 10px 16px;gap:12px;min-width:0;overflow:hidden}
.mode-character{display:block;width:100%;height:176px;object-fit:contain;filter:drop-shadow(0 8px 12px #0004)}
.mode-copy{align-items:center;text-align:center;gap:6px}
.mode-copy strong{font-size:15px;white-space:nowrap}
.mode-copy em{font-size:11px}
.mode-option input{z-index:1}
.mode-character{pointer-events:none}
.mode-option:has(input:checked){box-shadow:inset 0 0 20px #f9ca9e14,0 0 0 1px #f1cda5}
.mode-option:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:4px}
.start-tools{margin:18px 0 0;gap:14px}
#arena{height:clamp(180px,calc(100svh - 380px),610px)}
@media(min-width:768px){#arena{height:clamp(180px,calc(100svh - 420px),610px)}}
@media(max-width:350px){.mode-character{height:150px}.mode-copy strong{font-size:14px}.mode-option{padding-left:8px;padding-right:8px}.modes{gap:10px}}

/* Compact play HUD; charge now lives inside the action button. */
.play-hud{flex:none;display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:center}
.game-heading{grid-column:1 / -1;min-height:36px;gap:8px}
#mode-label{font-size:10px;color:#ffe3b5;border:1px solid #d8b48355;border-radius:20px;padding:4px 9px;background:linear-gradient(120deg,#a67f3926,#4d345222);letter-spacing:.06em}
.game-tools{gap:6px}
.game-tools .text-button{min-height:36px;padding:6px 10px;border:1px solid #b4c3e02b;background:linear-gradient(145deg,#38445b6b,#20283c);border-radius:12px;color:#e1e7f1;text-decoration:none;font-size:10px;box-shadow:inset 0 1px #ffffff0a}
.game-tools #pause{color:#f7ddb4}
.score-row{grid-column:1;grid-row:2;gap:8px;margin:0;justify-content:flex-start;white-space:nowrap}
.score-row strong{font-size:24px;line-height:28px;text-shadow:0 0 16px #ffc66530}
.stat-label{font-size:9px;color:#d2c3b9}.total,#remaining{font-size:10px}
#remaining{display:none}
.live-note{grid-column:2;grid-row:2;margin:0;font-size:9px;min-height:0;text-align:right;line-height:1.4;max-width:180px}
#special{--energy:#ffbcdd;position:relative;isolation:isolate;flex:none;min-height:74px;margin:0;padding:8px 12px;gap:10px;overflow:hidden;border:1px solid #9981b271;border-radius:17px;background:linear-gradient(145deg,#2c2440,#151f33);color:#e9dfef;opacity:1;box-shadow:inset 0 1px #ffffff1f,0 4px 0 #0a1020;transition:border-color .2s,box-shadow .2s}
#special:disabled{cursor:default}
#special #gauge{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;border-radius:inherit}
#special #gauge::after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,#ffe6b7a1,transparent)}
#special #gauge-fill{position:absolute;inset:0 auto 0 0;width:0;height:100%;background:linear-gradient(100deg,#a73e7755,#dc74ac99,#ffccbbcc);box-shadow:4px 0 18px #ffa3ce66;transition:width .18s ease-out}
.special-emblem{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #e2bbd044;border-radius:12px;background:#130e204d;color:#ffdaae;font-size:28px;text-shadow:0 0 16px var(--energy);transform:rotate(-8deg)}
.special-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
#special .special-caption{font-size:8px;font-weight:850;letter-spacing:.12em;color:#ebcfdc;line-height:1.2}
#special strong{font-size:13px;white-space:nowrap;line-height:1.5;text-shadow:0 1px 8px #180b22}
#special small{margin:0;max-width:none;font-size:10px;line-height:1.4;text-align:left;color:#eee0ec}
.special-cue{margin-left:auto;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:800;opacity:.35}
.special-cue span{font-size:15px}
#special:enabled{border-color:#ffe1a2;color:#fff7e9;background:linear-gradient(110deg,#8e2c5a,#dc5c8c 55%,#9b4472);box-shadow:inset 0 1px #fff7,0 0 18px #f479aa44,0 4px 0 #66334c;animation:energy-aura 1.8s ease-in-out infinite alternate}
#special:enabled #gauge-fill{background:linear-gradient(100deg,#b94a7b,#f794b6aa,#ffebafaa)}
#special:enabled .special-cue{opacity:1;color:#fff1c8}
#special:enabled::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#fff6 45%,transparent 65%);transform:translateX(-120%);animation:energy-sheen 2.8s ease-in-out infinite}
#special[data-tier="2"]:enabled{--energy:#77efff;border-color:#dcfcff;color:#fff;background:linear-gradient(110deg,#154c80,#427bba 45%,#8659aa);box-shadow:inset 0 1px #fff9,0 0 24px #77dfff55,0 4px 0 #294b79}
#special[data-tier="2"]:enabled #gauge-fill{background:linear-gradient(110deg,#2369a2,#38a9c7aa,#b5f4ff66)}
#special[data-tier="2"] .special-emblem{color:#fff9c4;border-color:#bff7ff99;background:#317da555}
#special[data-tier="2"] .special-caption{color:#d9ffff}
#special.charge-up{animation:charge-bloom .8s ease-out}
#special.firing{animation:fire-kick .55s ease-out}
body.fully-ready .arena-wrap{border-color:#b5eaff77;box-shadow:0 0 18px #72cde222,0 8px 24px #0004}
#game-callout{border-top:1px solid #ffd8ad99;border-bottom:1px solid #ffdcaf66;background:linear-gradient(90deg,#40203c00,#682e66ed 22%,#34244fee 78%,#261b4200);color:#fff5cf;text-shadow:0 0 20px #ff87c9,0 2px 5px #000;letter-spacing:.02em;font-size:clamp(16px,4.7vw,22px)}
body.fully-ready #game-callout{background:linear-gradient(90deg,transparent,#235c90ed 22%,#6a438dee 78%,transparent);color:#efffff;border-color:#9febff;text-shadow:0 0 22px #8febff,0 2px 5px #000}
@keyframes energy-aura{to{filter:brightness(1.12);box-shadow:inset 0 1px #fff9,0 0 24px color-mix(in srgb,var(--energy) 45%,transparent),0 4px 0 #472f55}}
@keyframes energy-sheen{0%,25%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@keyframes charge-bloom{0%{filter:brightness(1.6);transform:scale(.97)}35%{filter:brightness(1.2);transform:scale(1.025)}100%{filter:brightness(1);transform:scale(1)}}
@keyframes fire-kick{0%{transform:translateY(2px);filter:brightness(1.8)}45%{transform:translateY(-2px)}100%{transform:translateY(0);filter:brightness(1)}}
@media(max-width:350px){#special{gap:7px;padding:8px 10px}#special strong{font-size:12px}.special-emblem{width:32px;height:36px;font-size:25px}.live-note{max-width:140px;font-size:8px}.game-tools .text-button{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){#special,#special::after{animation:none!important;filter:none!important}}