*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#100f17;color:#fff4dd;font-family:system-ui,-apple-system,"Yu Gothic",sans-serif}body{--accent:#ffd572;--button:#af7533;padding:14px}body[data-theme=fairy]{--accent:#ffc0e5;--button:#9262a1}body[data-theme=blood]{--accent:#ff8599;--button:#a82443}button,select{font:inherit}button{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:default}.app{max-width:1250px;margin:auto}.series-band{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#241b2d;border-bottom:2px solid var(--accent);border-radius:12px 12px 0 0;font-size:11px}.series-band>span{font-size:9px;color:#d5b9b2}.arena{height:min(820px,calc(100dvh - 95px));min-height:440px;position:relative;overflow:hidden;background:#17151f;border:1px solid #645043;border-top:0;isolation:isolate}#world{display:block;width:100%;height:100%;touch-action:none;user-select:none}.hud{position:absolute;inset:16px 18px auto;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none;text-shadow:0 2px 5px #000}.coverage{width:245px;padding:8px 12px;background:#16111ed9;border:1px solid #ffffff20;border-radius:10px}.coverage small{display:block;font-size:10px;color:var(--accent);letter-spacing:.1em}.coverage>strong{font-size:40px;font-style:italic;font-variant-numeric:tabular-nums}.coverage>b{font-size:19px;color:var(--accent)}.coverage>span{font-size:10px;color:#bda9b1}.coverage>i,.special>i{display:block;height:4px;background:#ffffff20;border-radius:4px;overflow:hidden}.coverage em,.special em{display:block;height:100%;width:0;background:var(--accent)}.stats{display:flex;justify-content:space-between;color:#c5b7be;font-size:10px;margin-top:7px}.tools{display:flex;gap:6px;pointer-events:auto}.tools button{color:#f8dec8;background:#201b29ec;border:1px solid #665346;border-radius:8px;padding:9px;font-size:11px}.life{position:absolute;top:135px;left:21px;pointer-events:none;color:#ff8faa;font-size:18px;letter-spacing:3px;text-shadow:0 1px 5px #000}.map-wrap{position:absolute;right:20px;top:75px;width:112px;height:92px;border:1px solid #e5d0ba66;background:#1b1525;pointer-events:none;box-shadow:0 2px 10px #0006}.map-wrap canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.map-wrap>i{position:absolute;width:6px;height:6px;border:1px solid #211723;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff5}.map-wrap>small{position:absolute;top:100%;left:0;width:100%;margin-top:4px;text-align:center;color:#dac7d0;font-size:8px}.combo{position:absolute;right:22px;top:194px;font-size:33px;font-weight:900;font-style:italic;color:var(--accent);text-align:right;text-shadow:0 2px 6px #000;pointer-events:none}.combo small{display:block;font-size:10px}.callout{position:absolute;left:0;right:0;top:35%;text-align:center;pointer-events:none;font-size:clamp(21px,4vw,46px);font-weight:1000;color:#fff0c2;text-shadow:2px 3px #5e2945;opacity:0;transform:scale(.9);transition:opacity .1s,transform .1s}.callout.show{opacity:1;transform:scale(1)}.bottom{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:18px;right:18px;pointer-events:none;display:flex;align-items:end;justify-content:space-between;gap:10px}.move-help{font-size:10px;color:#e0cfc4;text-shadow:0 2px 5px #000}.move-help b{display:block;color:var(--accent);font-size:12px;margin-top:6px}.buttons{display:grid;grid-template-columns:100px 100px 190px;gap:8px;align-items:stretch}.buttons button{pointer-events:auto;border:1px solid #e1bb8688;border-radius:11px;min-height:77px;color:#fff0d4;background:#342936ed;box-shadow:0 4px #100d18}.buttons small{display:block;font-size:9px;letter-spacing:.15em;margin-bottom:5px}.buttons strong{font-size:17px;white-space:nowrap}.buttons .pressed,.buttons button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #100d18}.buttons .special{padding:9px 12px;background:var(--button);text-align:left;border-color:var(--accent)}.special>span{display:block;font-size:10px;margin:4px 0}.special:disabled{background:#302938}.special.ready{box-shadow:0 4px #100d18,0 0 20px #eaa95d44}.overlay{position:absolute;inset:0;overflow-y:auto;display:grid;padding:18px;background:linear-gradient(90deg,#100e19df,#100e1977);backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.card{width:min(100%,470px);margin:auto;padding:28px;background:linear-gradient(145deg,#302533f5,#1c1726fa);border:1px solid #bd895c;border-radius:16px;box-shadow:0 25px 90px #0007}.eyebrow{font-size:9px;letter-spacing:.16em;color:var(--accent);margin:0 0 14px}h1{font-size:23px;line-height:1.15;margin:0 0 14px}h1 em{display:inline-block;font-size:60px;font-style:normal;font-weight:1000;letter-spacing:-.06em;color:var(--accent)}h1 sup{font-size:12px;color:#b89678;margin-left:6px}#description{font-size:13px;line-height:1.8;color:#e3cdbb}.instructions{border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;padding:13px 0;margin:15px 0;display:grid;gap:9px}.instructions[hidden]{display:none}.instructions span{font-size:11px;color:#d2bfba}.instructions b{color:var(--accent);font-size:10px;margin-right:7px}.effect-picker{margin:14px 0 18px}.effect-picker label{display:block;font-size:11px;color:#e5c5aa;margin-bottom:7px}.effect-picker select{width:100%;min-height:40px;padding:8px;border:1px solid #9a7561;border-radius:7px;background:#17131e;color:#fff0d4;font-size:12px}.effect-picker small{display:block;font-size:10px;color:#c1a2ab;line-height:1.5;margin-top:7px}.start{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;border:0;border-radius:8px;background:var(--accent);color:#2c1923;font-weight:900;box-shadow:0 4px #684252;font-size:16px}.start span{font-size:24px}.card>small{display:block;margin-top:14px;font-size:9px;color:#aa9296;line-height:1.6}.series-note{font-size:9px;color:#887b8d;text-align:center;padding:10px}body.playing .series-note{visibility:hidden}
@media(max-width:700px){body{padding:0}.series-band{border-radius:0;padding:8px 9px;font-size:9px}.series-band>span{font-size:8px}.arena{height:calc(100dvh - 34px);min-height:420px;border:0}.hud{inset:10px 10px auto;gap:7px}.coverage{width:183px;padding:7px 9px}.coverage>strong{font-size:30px}.coverage>span{font-size:8px}.coverage small{font-size:9px}.tools button{padding:7px;font-size:10px}.life{left:12px;top:112px;font-size:14px}.map-wrap{right:12px;top:58px;width:79px;height:65px}.combo{right:12px;top:151px;font-size:24px}.bottom{left:10px;right:10px;display:block;bottom:max(14px,env(safe-area-inset-bottom))}.buttons{grid-template-columns:1fr 1fr 1.55fr;gap:6px}.buttons button{min-height:70px}.buttons strong{font-size:14px}.buttons .special{padding:7px 8px}.special>span{font-size:9px}.move-help{margin-bottom:9px;font-size:9px}.move-help b{font-size:10px;margin-top:4px}.overlay{padding:12px}.card{padding:21px}.eyebrow{font-size:8px}h1{font-size:19px}h1 em{font-size:51px}.instructions span{font-size:10px}.series-note{display:none}}
@media(max-height:690px){.overlay{padding:9px}.card{padding:17px}.eyebrow{margin-bottom:8px}h1{margin-bottom:7px}h1 em{font-size:43px}#description{margin:8px 0;font-size:12px}.instructions{margin:9px 0;padding:9px 0;gap:6px}.effect-picker{margin:10px 0 12px}.card>small{margin-top:9px}.start{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.overlay.won{background:transparent;backdrop-filter:none;pointer-events:none;align-items:end}.overlay.won .card{pointer-events:auto;margin:auto auto 0;padding:15px 20px;width:min(100%,400px)}.overlay.won .effect-picker,.overlay.won .card>small{display:none}.overlay.won h1{font-size:18px;margin:4px 0}.overlay.won h1 em{font-size:30px}.overlay.won #description{margin:6px 0;font-size:11px}.overlay.won .eyebrow{margin:0}.overlay.won .start{padding:8px 12px;font-size:13px}
.move-help{width:min(490px,52%);font-size:14px}.move-help b{font-size:20px;margin-top:5px}.combo-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 7px;margin-top:7px}.combo-guide span{padding:6px 8px;border:1px solid #ffdc9866;border-radius:7px;background:#231b2cdd;color:#fff0d4;font-size:13px;font-weight:700;white-space:nowrap}.coverage>i{position:relative}.coverage>i:after{content:"";position:absolute;left:90%;top:0;bottom:0;width:2px;background:#fff9}.victory-panel[hidden]{display:none}.victory-panel{position:absolute;z-index:2;top:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--accent);border-radius:10px;background:#21192fe8;box-shadow:0 2px 9px #0008;font-size:11px}.victory-panel strong{color:var(--accent);white-space:nowrap}.victory-panel span{white-space:nowrap}.victory-panel button{border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#271624;font-weight:800;padding:5px 8px;white-space:nowrap;font-size:11px}
.combo-guide span:last-child{grid-column:1/-1;text-align:center;background:#463043ed;border-color:var(--accent)}.tornado-cutin[hidden]{display:none}.tornado-cutin{position:absolute;z-index:3;left:50%;top:38%;width:min(82%,480px);transform:translateX(-50%) skew(-8deg);padding:10px 20px;border-left:6px solid var(--accent);border-right:6px solid var(--accent);background:linear-gradient(90deg,#3e1e35ec,#8b3756ed,#3e1e35ec);box-shadow:0 8px 26px #0009;pointer-events:none;text-align:center;animation:cutin-pop .24s ease-out}.tornado-cutin small{display:block;font-size:10px;letter-spacing:.2em;color:#ffe7ac}.tornado-cutin strong{display:block;font-size:clamp(22px,4vw,40px);line-height:1.15;color:#fff7d7;text-shadow:2px 3px #391a35}@keyframes cutin-pop{from{opacity:0;transform:translateX(-45%) skew(-8deg) scale(.88)}to{opacity:1;transform:translateX(-50%) skew(-8deg) scale(1)}}
#enemyMap{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(max-width:1000px){.bottom{display:block}.move-help{width:100%;margin-bottom:8px}.buttons{width:max-content;margin-left:auto}.combo-guide{grid-template-columns:repeat(4,minmax(0,1fr))}.combo-guide span{font-size:11px;text-align:center;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:700px){.move-help{width:100%;font-size:10px;margin-bottom:8px}.move-help b{font-size:14px}.buttons{width:100%}.combo-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 5px;margin-top:5px}.combo-guide span{font-size:10px;padding:3px 5px;overflow:hidden;text-overflow:ellipsis}.victory-panel{left:auto;right:10px;top:193px;transform:none;display:grid;gap:3px;padding:6px 7px;font-size:10px}.victory-panel button{font-size:10px;padding:4px 6px}}
@media(max-width:700px){.tornado-cutin{width:min(92%,390px);padding:8px 10px}.tornado-cutin small{font-size:8px}}
.callout.bushah{z-index:4;top:28%;font-size:clamp(44px,9vw,105px);font-style:italic;letter-spacing:.08em;color:#ff243e;-webkit-text-stroke:2px #fff2cb;text-shadow:4px 6px #420512,0 0 28px #ff1428}.special.charging{background:#302938;border-color:#b391855e}.special.ready{border-width:2px;animation:special-ready .7s ease-in-out infinite alternate}@keyframes special-ready{to{box-shadow:0 4px #100d18,0 0 28px 7px #ffcf735f}}@media(prefers-reduced-motion:reduce){.special.ready{animation:none}}
@media(max-height:620px) and (max-width:700px){.move-help b{font-size:13px}.victory-panel{top:150px}}
.callout.jackpot{z-index:4;top:29%;font-size:clamp(24px,5vw,58px);color:#ffe06f;-webkit-text-stroke:1px #623414;text-shadow:3px 4px #573016,0 0 20px #ffd444}.callout.dream{z-index:4;top:29%;font-size:clamp(22px,4.7vw,51px);color:#fff1fd;-webkit-text-stroke:1px #b75fbd;text-shadow:3px 4px #704b9a,0 0 20px #ffb8e7}body[data-theme=medal] .tornado-cutin{background:linear-gradient(90deg,#493014eb,#b27a1deb,#493014eb)}body[data-theme=fairy] .tornado-cutin{background:linear-gradient(90deg,#624079ed,#b66fa7ed,#624079ed)}@media(max-width:700px){.buttons .special strong{font-size:clamp(11px,3.3vw,14px)}}
.clear-notice[hidden]{display:none}.clear-notice{position:absolute;z-index:3;left:50%;top:28%;width:min(82%,520px);transform:translateX(-50%);padding:10px 16px;text-align:center;pointer-events:none;color:#fff4d4;background:#24192de0;border:2px solid var(--accent);border-radius:13px;box-shadow:0 5px 30px #0009;text-shadow:2px 3px #562c46}.clear-notice strong{display:block;font-size:clamp(34px,6vw,68px);line-height:1.1}.clear-notice small{display:block;margin-top:3px;font-size:clamp(11px,1.6vw,16px);font-weight:800}.clear-notice.followup strong{font-size:clamp(20px,3.2vw,32px)}@media(max-width:700px){.clear-notice{top:50%;width:min(90%,390px);padding:8px 10px}.clear-notice small{font-size:11px}}
.paw-cutin[hidden]{display:none}.paw-cutin{position:absolute;z-index:3;left:50%;top:35%;width:min(76%,510px);transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 7px 16px #000c);animation:cutin-pop .2s ease-out}.paw-cutin img{display:block;width:100%;height:auto}.paw-cutin>span{position:absolute;right:2%;bottom:3%;text-align:right;color:#fff7d7;text-shadow:2px 3px 2px #3c173c,0 0 10px #2d102e}.paw-cutin small{display:block;font-size:11px;letter-spacing:.19em;font-weight:900}.paw-cutin strong{display:block;font-size:clamp(24px,4vw,43px);white-space:nowrap;line-height:1.05}.tornado-cutin{display:flex;align-items:center;justify-content:center;gap:8px;text-align:left;min-height:86px}.tornado-cutin .cutin-pose{display:block;flex:none;width:82px;height:70px;background:url('assets/hero-clean-attacks-v1.png') left bottom/300% 200% no-repeat}.tornado-cutin>span:last-child{display:block}@media(max-width:700px){.paw-cutin{top:38%;width:min(92%,390px)}.paw-cutin small{font-size:8px}.paw-cutin strong{font-size:clamp(19px,6vw,30px)}.tornado-cutin .cutin-pose{width:62px;height:56px}.tornado-cutin{min-height:67px}}
.combo-guide span{background:#1c1624f7;border-color:#ffdc98b8;color:#fff8ec;text-shadow:0 2px 3px #000}.combo-guide span:last-child{background:#302138fa}
.paw-cutin{z-index:5;top:29%;width:min(86%,760px);padding:10px 14px 37px;background:linear-gradient(90deg,#160f20f5,#3a233cf0,#160f20f5);border:2px solid var(--accent);border-radius:18px;box-shadow:0 12px 38px #000e,0 0 0 3px #100b19c0;filter:none;animation:cutin-flash .08s ease-out}
.paw-cutin img{filter:drop-shadow(0 5px 10px #000b)}.paw-cutin>span{right:14px;bottom:6px;padding:3px 9px;background:#180f20f5;border-radius:7px;text-shadow:0 2px 3px #000,0 0 9px #000}
.tornado-cutin{z-index:5;top:35%;width:min(86%,630px);min-height:108px;border:2px solid var(--accent);border-left-width:8px;border-right-width:8px;border-radius:12px;background:linear-gradient(90deg,#1b1020fa,#6c304af7,#1b1020fa);box-shadow:0 12px 38px #000e,0 0 0 3px #100b19c0;animation:cutin-pop .08s ease-out}.tornado-cutin strong{text-shadow:0 3px 3px #130915,0 0 12px #130915}.tornado-cutin .cutin-pose{width:110px;height:92px;filter:drop-shadow(0 4px 6px #000b)}
body[data-theme=medal] .tornado-cutin{background:linear-gradient(90deg,#1c1420fa,#70441cf8,#1c1420fa)}body[data-theme=fairy] .tornado-cutin{background:linear-gradient(90deg,#24172cfa,#75436df8,#24172cfa)}
@keyframes cutin-flash{from{opacity:.75;transform:translateX(-50%) scale(.96)}to{opacity:1;transform:translateX(-50%) scale(1)}}
@media(max-width:700px){.paw-cutin{top:29%;width:min(94%,390px);padding:7px 8px 31px}.paw-cutin>span{right:8px;bottom:4px}.tornado-cutin{top:32%;width:min(94%,390px);min-height:79px;padding:7px 9px;gap:6px}.tornado-cutin .cutin-pose{width:68px;height:64px}.tornado-cutin strong{font-size:clamp(19px,5.2vw,27px)}.combo-guide span{font-size:10px}}