:root{--ink:#18333f;--muted:#6d7f84;--paper:#fffcf4;--navy:#103441;--teal:#20a98e;--yellow:#ffca48;--orange:#ff7a45;--danger:#e0523d}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--ink);background:#eaf7f2;margin:0;font-family:Trebuchet MS,Microsoft YaHei,system-ui,sans-serif}button,summary{font:inherit}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:4px solid #63d8c4}button:disabled{cursor:not-allowed}h1,h2,p{margin-top:0}.game-shell{background:radial-gradient(circle at 18% 4%,#ffffffeb 0 7%,#0000 24%),radial-gradient(circle at 93% 8%,#ffd86042 0 4%,#0000 17%),linear-gradient(135deg,#e8faf5,#fff9e7 58%,#fbe9d6);min-height:100vh}.app-content{min-height:100vh}.eyebrow{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:1000}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf4e6;border-bottom:2px solid #1034411a;align-items:center;gap:12px;min-height:76px;padding:12px clamp(18px,3vw,44px);display:flex}.brand-mark{color:#fff;background:var(--navy);width:45px;height:45px;box-shadow:4px 4px 0 var(--yellow);border-radius:14px;place-items:center;font:900 27px Georgia,serif;display:grid;transform:rotate(-3deg)}.brand-copy{line-height:1;display:grid}.brand-copy strong{letter-spacing:.08em;font-size:16px}.brand-copy span{color:var(--teal);letter-spacing:.18em;margin-top:6px;font-size:12px;font-weight:900}.topbar-progress{color:var(--muted);grid-template-columns:auto minmax(100px,15vw) auto;align-items:center;gap:9px;margin-left:auto;font-size:12px;font-weight:800;display:grid}.tiny-progress{background:#dfe8e5;border-radius:99px;height:7px;overflow:hidden}.tiny-progress i{border-radius:inherit;background:var(--teal);height:100%;transition:width .3s;display:block}.register-pill{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#13b89a,#08776e);border:1px solid #079f84;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:25px auto;align-items:center;column-gap:7px;min-height:44px;padding:7px 11px;display:grid;box-shadow:0 5px #074f4830}.register-pill>span{border:2px solid #ffffffc2;border-radius:50%;grid-row:1/3;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.register-pill b{font-size:10px;line-height:1}.register-pill small{color:#c8fff0;font-size:7px;font-weight:800;line-height:1}.register-pill:hover:not(:disabled),.register-pill:focus-visible{filter:brightness(1.08);outline-offset:2px;outline:3px solid #ffca488c}.register-pill:disabled{cursor:not-allowed;opacity:.5}.profile-pill{min-height:44px;color:var(--ink);background:#fff;border:1px solid #d9e6e1;border-radius:16px;padding:8px 12px;font-weight:800;box-shadow:0 5px #10344112}.profile-pill span{font-size:12px}.profile-pill b{color:var(--orange);margin-left:7px;font-size:11px}.game-layout{grid-template-columns:215px minmax(560px,1fr) 245px;gap:clamp(16px,2vw,28px);max-width:1560px;margin:0 auto;padding:26px clamp(18px,3vw,44px) 44px;display:grid}.world-panel,.wardrobe-panel{align-self:start}.world-panel>h2,.wardrobe-title h2{margin-bottom:16px;font-size:22px}.world-list{gap:8px;display:grid}.world-item{color:#73858a;text-align:left;background:0 0;border:1px solid #0000;border-radius:15px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;width:100%;min-height:58px;padding:8px;display:grid}.world-item:disabled{opacity:.66}.world-item.active{color:#fff;background:var(--navy);border-color:var(--navy);opacity:1;box-shadow:0 8px #10344124}.world-icon{width:36px;height:36px;color:var(--navy);background:#fff;border-radius:11px;place-items:center;font-size:18px;font-weight:1000;display:grid}.world-item>span:nth-child(2){gap:2px;display:grid}.world-item b{font-size:13px}.world-item small{font-size:10px;font-weight:700}.world-item em{opacity:.7;font-size:10px;font-style:normal;font-weight:900}.dragon-preview{background:#ffffff9e;border:1px solid #d9e6e1;border-radius:16px;gap:6px;margin-top:18px;padding:13px;display:grid}.dragon-preview b{font-size:11px}.dragon-preview small{color:var(--muted);font-size:10px;line-height:1.5}.dragon-heads{gap:5px;display:flex}.dragon-heads i{color:#fff;background:currentColor;border-radius:50% 50% 42% 42%;place-items:center;width:24px;height:24px;font-size:8px;font-style:normal;display:grid;box-shadow:inset 0 0 0 4px #ffffff3d}.reset-link{color:#7c908c;background:0 0;border:0;width:100%;min-height:44px;margin-top:7px;font-size:10px;font-weight:800;text-decoration:underline}.element-neutral{color:#70818a!important}.element-metal{color:#9a7b28!important}.element-wood{color:#318558!important}.element-water{color:#3c78ca!important}.element-fire{color:#df593f!important}.element-earth{color:#9b6b3b!important}.element-all{color:#8a55b9!important}.stage-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.stage-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3vw,39px)}.mode-switch{background:#ffffffc7;border:1px solid #d8e8e2;border-radius:13px;padding:4px;display:flex;box-shadow:0 5px #1034410f}.mode-switch button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:900}.mode-switch button.active{color:#fff;background:var(--navy)}.mode-switch button:disabled{opacity:.5}.chapter-dots{align-items:center;gap:5px;margin-bottom:13px;padding:4px;display:flex;overflow-x:auto}.chapter-dots button{color:#718682;background:#dceae6;border:0;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;font-size:11px;font-weight:1000;transition:transform .15s,background .15s;display:grid}.chapter-dots button:hover:not(:disabled){transform:translateY(-2px)}.chapter-dots button.current{color:var(--navy);background:var(--yellow);box-shadow:0 0 0 4px #ffca4833}.chapter-dots button.completed{color:#fff;background:var(--teal)}.chapter-dots button.current.completed{color:var(--navy);background:var(--yellow)}.chapter-dots button:disabled{opacity:.4;font-size:9px}.arena-card{background:linear-gradient(#ffffff12 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#ffffff12 1px,#0000 1px) 0 0/38px 38px,linear-gradient(160deg,#1d6870 0%,#123f4d 48%,#0e2a38 100%);border:2px solid #1034411f;border-radius:28px;min-height:790px;padding-bottom:22px;transition:min-height .25s;position:relative;overflow:hidden;box-shadow:0 18px 45px #1239422e,inset 0 0 90px #0000002e}.arena-card:before{content:"";background:radial-gradient(circle,#ffd2532e,#0000 68%);border-radius:50%;width:360px;height:360px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.arena-card.boss-hit:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 74% 28%,#ffeb8c61,#0000 23%);animation:.45s ease-out both arena-flash;position:absolute;inset:0}.boss-status{z-index:3;color:#fff;padding:20px 24px 0;position:relative}.boss-name{align-items:center;gap:9px;margin-bottom:8px;font-size:14px;display:flex}.boss-rank{color:#fff;background:var(--orange);letter-spacing:.11em;border-radius:6px;padding:4px 8px;font-size:9px}.boss-status>strong{float:right;color:#ffe4a1;margin-top:-27px;font-size:11px}.hp-track{background:#03121a73;border:3px solid #ffffffa6;border-radius:99px;height:14px;padding:1px}.hp-track i{border-radius:inherit;background:linear-gradient(90deg,#ff744d,#ffbd45);height:100%;transition:width .45s;display:block}.enemy-hp-track{background:#030d17b3;border-width:3px;height:18px;padding:2px;box-shadow:inset 0 2px 5px #00000073,0 0 12px #ff5e472e}.enemy-hp-track i{background:linear-gradient(90deg,#ff3f48,#ff7a3d 58%,#ffd44d);transition:width .6s cubic-bezier(.18,.75,.2,1);box-shadow:inset 0 2px #ffffff61,0 0 10px #ff493d73}.chapter-energy{gap:8px;display:flex}.chapter-energy i{color:#ffffff52;background:#03121a40;border:1px solid #ffffff47;border-radius:8px;place-items:center;width:34px;height:24px;font-style:normal;display:grid}.chapter-energy i.filled{color:var(--yellow);background:#ffca482e}.battle-meta{z-index:3;color:#d8f4ee;flex-wrap:wrap;justify-content:center;gap:7px;padding:10px 16px 0;display:flex;position:relative}.battle-meta span{background:#04171f47;border:1px solid #ffffff2e;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800}.battle-meta b{color:var(--yellow)}.arena-characters{z-index:2;grid-template-columns:1fr minmax(110px,.55fr) 1fr;align-items:end;gap:8px;min-height:250px;padding:8px clamp(14px,4vw,46px) 4px;display:grid;position:relative}.hero-unit,.boss-unit{place-items:end center;display:grid;position:relative}.hero-unit>small,.boss-unit>small{z-index:4;color:#fff;background:#061820a6;border:1px solid #ffffff47;border-radius:99px;place-items:center;min-height:28px;padding:5px 10px;font-size:10px;font-weight:900;display:grid;position:relative}.character-shadow{filter:blur(3px);background:#0000004d;border-radius:50%;width:110px;height:24px;position:absolute;bottom:25px}.wizard-avatar{--robe:#3856a8;--trim:#f2cf64;z-index:3;filter:drop-shadow(0 9px 1px #00000024);width:142px;height:185px;position:relative}.wizard-hat{z-index:8;width:84px;height:70px;position:absolute;top:2px;left:29px}.wizard-hat:before{content:"";border-left:28px solid #0000;border-right:20px solid #0000;border-bottom:58px solid var(--robe);width:0;height:0;position:absolute;top:0;left:18px;transform:rotate(-8deg)}.wizard-hat:after{content:"";background:var(--robe);border-radius:50%;width:80px;height:15px;position:absolute;bottom:5px;left:3px;transform:rotate(-3deg);box-shadow:inset 0 -5px #0000001f}.wizard-hat i{z-index:2;background:var(--trim);border-radius:99px;width:39px;height:8px;position:absolute;top:38px;left:27px;transform:rotate(-5deg)}.wizard-head{z-index:6;background:#f5bc82;border:3px solid #8d593a;border-radius:48% 48% 45% 45%;width:50px;height:52px;position:absolute;top:49px;left:47px}.wizard-hair{background:#4b3029;border-radius:48% 48% 42% 22%;width:50px;height:19px;position:absolute;top:-3px;left:-2px}.wizard-avatar.girl .wizard-hair:before,.wizard-avatar.girl .wizard-hair:after{content:"";background:#4b3029;border-radius:9px;width:11px;height:36px;position:absolute;top:10px}.wizard-avatar.girl .wizard-hair:before{left:-4px;transform:rotate(6deg)}.wizard-avatar.girl .wizard-hair:after{right:-4px;transform:rotate(-6deg)}.wizard-head .eye{z-index:3;background:#18333f;border-radius:50%;width:6px;height:7px;position:absolute;top:24px}.wizard-head .smile{border-bottom:2px solid #a24d43;border-radius:50%;width:10px;height:6px;position:absolute;top:35px;left:19px}.wizard-robe{z-index:4;background:linear-gradient(90deg, #ffffff1a, transparent 35%), var(--robe);clip-path:polygon(31% 0,69% 0,100% 100%,0 100%);border-radius:18px 18px 5px 5px;width:86px;height:82px;position:absolute;top:94px;left:29px}.robe-trim{background:var(--trim);border-radius:99px;height:8px;position:absolute;bottom:7px;left:8px;right:8px}.robe-badge{border:2px solid var(--trim);width:23px;height:23px;color:var(--trim);border-radius:50%;place-items:center;font:900 13px Georgia,serif;display:grid;position:absolute;top:18px;left:34px}.wizard-arm{z-index:5;background:var(--robe);border-radius:99px;width:35px;height:17px;position:absolute;top:104px;left:22px;transform:rotate(-28deg)}.wizard-wand{z-index:5;transform-origin:bottom;background:#7a4a2b;border-radius:99px;width:5px;height:86px;position:absolute;top:86px;right:19px;transform:rotate(24deg)}.wizard-wand i{background:var(--trim);width:17px;height:17px;box-shadow:0 0 15px var(--trim), 0 0 28px var(--trim);border-radius:50%;position:absolute;top:-7px;left:-6px}.wizard-spark{z-index:10;color:var(--trim);text-shadow:0 0 8px var(--trim);font-weight:1000;position:absolute}.spark-one{font-size:22px;top:42px;right:8px}.spark-two{font-size:15px;top:73px;right:0}.wizard-avatar.compact{transform-origin:50%;margin:-32px -25px;transform:scale(.62)}.monster-avatar{z-index:3;filter:drop-shadow(0 10px 1px #00000029);width:150px;height:170px;position:relative}.monster-body{background:radial-gradient(circle at 34% 30%,#b982ee 0 8%,#0000 9%),linear-gradient(145deg,#8754c0,#513785);border:4px solid #452d6f;border-radius:45% 45% 38% 38%;width:118px;height:128px;position:absolute;bottom:5px;left:17px;box-shadow:inset 0 -18px #0000001f}.monster-body:before,.monster-body:after{content:"";background:#513785;border-radius:50% 50% 8px 8px;width:38px;height:31px;position:absolute;bottom:-12px}.monster-body:before{left:7px;transform:rotate(8deg)}.monster-body:after{right:7px;transform:rotate(-8deg)}.monster-horn{z-index:2;background:#ffca48;border-radius:70% 20% 60% 15%;width:37px;height:62px;position:absolute;top:4px}.monster-horn.left{left:20px;transform:rotate(-25deg)}.monster-horn.right{right:20px;transform:scaleX(-1)rotate(-25deg)}.monster-eye{background:#18333f;border:5px solid #fff;border-radius:50%;width:22px;height:25px;position:absolute;top:38px}.monster-eye.left{left:22px}.monster-eye.right{right:22px}.monster-body>b{color:#ffe8a3;border:2px solid #ffe8a3;border-radius:50%;place-items:center;width:28px;height:28px;font:900 19px Georgia,serif;display:grid;position:absolute;top:72px;left:45px}.boss-hit .monster-avatar{animation:.5s ease-in-out both boss-shake}.damage-pop{z-index:12;color:var(--yellow);text-shadow:0 4px #b74b26,0 0 18px #ffce4bcc;font:1000 40px Georgia,serif;animation:.75s ease-out both damage-rise;position:absolute;top:15px;right:-10px}.impact-burst{z-index:10;width:100px;height:100px;position:absolute;top:48px;right:28px}.impact-burst i{border:8px solid #fff3aa;border-radius:50%;animation:.55s ease-out both impact-ring;position:absolute;inset:15px;box-shadow:0 0 25px #ffca48}.impact-burst b,.impact-burst span{color:#fff3aa;text-shadow:0 0 12px #ff7a45;font-size:34px;position:absolute}.impact-burst b{top:5px;left:0}.impact-burst span{bottom:5px;right:0;transform:rotate(25deg)}.spell-lane{align-self:center;place-items:center;height:105px;display:grid;position:relative}.versus{color:#fff;background:var(--orange);border:3px solid #fff1cb;border-radius:50%;place-items:center;width:48px;height:48px;font-size:13px;font-weight:1000;display:grid;transform:rotate(-5deg);box-shadow:0 6px #0003}.spell-projectile{z-index:9;color:#fff;filter:drop-shadow(0 0 16px);border-radius:50%;place-items:center;width:76px;height:76px;animation:.72s cubic-bezier(.16,.75,.25,1) both spell-flight;display:grid;position:absolute;top:15px;left:-58px}.spell-projectile:before,.spell-projectile:after{content:"";filter:blur(2px);opacity:.7;background:currentColor;border-radius:99px;width:105px;height:9px;position:absolute;right:55px}.spell-projectile:after{width:75px;height:4px;transform:rotate(9deg)}.spell-projectile i{border:6px solid #fff;border-radius:50%;position:absolute;inset:2px;box-shadow:inset 0 0 18px #ffffffd9}.spell-projectile b{z-index:2;font-size:16px;position:relative}.spell-projectile span{color:#fff9b7;font-size:24px;position:absolute;top:-12px;right:-15px}.auto-draw-slot{z-index:5;background:#04171f47;border:2px dashed #ffffff57;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:10px;width:min(570px,100% - 32px);min-height:104px;margin:0 auto 14px;padding:10px;display:grid;position:relative}.auto-draw-slot.active{border-style:solid;border-color:#fd7c;box-shadow:0 0 25px #ffca482b}.current-card-wrap{justify-items:center;gap:8px;display:grid}.current-card-wrap.remembered{opacity:.9;filter:saturate(.78)}.remembered-card-note{color:#fff4bd;background:#04171fb8;border-radius:99px;margin:0;padding:5px 9px;font-size:9px;font-weight:1000}.draw-placeholder{color:#fff;background:#ffffff14;border-radius:14px;grid-template-columns:50px 1fr;align-content:center;gap:2px 10px;min-height:80px;padding:9px 13px;display:grid}.draw-placeholder>span{grid-row:1/3;align-self:center;font-size:31px}.draw-placeholder b{align-self:end;font-size:12px}.draw-placeholder small{color:#bcded7;font-size:10px}.auto-card{border:3px solid #ffffffd9;border-radius:16px;grid-template-columns:auto 64px 1fr;align-items:center;gap:10px;min-height:80px;padding:9px 14px;animation:.38s cubic-bezier(.18,.85,.3,1.25) both card-reveal;display:grid;box-shadow:0 7px #0000002b}.auto-card em{writing-mode:vertical-rl;letter-spacing:.06em;font-size:9px;font-style:normal;font-weight:1000}.auto-card>strong{text-align:center;font:1000 23px Georgia,serif}.auto-card>span{gap:3px;display:grid}.auto-card b{font-size:14px}.auto-card small{font-size:11px;font-weight:800}.draw-history{justify-items:center;gap:4px;width:46px;display:grid}.draw-history i{color:#fff;background:#ffffff29;border-radius:7px;place-items:center;width:38px;height:23px;font-size:9px;font-style:normal;font-weight:1000;display:grid}.question-card{z-index:5;width:min(590px,100% - 32px);color:var(--ink);background:var(--paper);border:3px solid #fff;border-radius:22px;margin:0 auto;padding:15px 18px 18px;position:relative;box-shadow:0 12px #04182238,0 20px 40px #0000002e}.question-topline{text-align:center;justify-items:center;gap:2px;min-height:36px;display:grid}.question-topline span{color:var(--teal);letter-spacing:.06em;font-size:11px;font-weight:1000}.question-topline b{max-width:100%;min-height:17px;color:var(--muted);text-align:center;font-size:11px;font-weight:800}.question-topline b.try-again{color:var(--orange)}.equation{justify-content:center;align-items:center;gap:clamp(12px,4vw,32px);margin:6px 0 11px;display:flex}.equation b{font:900 clamp(37px,5vw,55px) Georgia,serif}.equation i{color:var(--orange);font-size:29px;font-style:normal;font-weight:1000}.equation strong{color:#fff;background:var(--teal);border-radius:15px;place-items:center;width:58px;height:58px;font:900 34px Georgia,serif;display:grid;transform:rotate(3deg)}.answer-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.answer-row button{min-height:50px;color:var(--ink);background:#fff;border:2px solid #dce9e5;border-radius:13px;padding:10px;font-size:21px;font-weight:1000;transition:all .15s;box-shadow:0 4px #dce9e5}.answer-row button:hover:not(:disabled){color:#fff;border-color:var(--orange);background:var(--orange);transform:translateY(-2px);box-shadow:0 5px #c44f25}.answer-row button.wrong{color:#b94a2c;background:#fff0eb;border-color:#ffd0c1;font-size:11px;box-shadow:0 4px #ffd0c1}.answer-row button:disabled:not(.wrong){opacity:.6}.cpa-guide{border-top:2px dashed #d7e4df;margin-top:16px;padding-top:15px;animation:.3s ease-out both cpa-open}.cpa-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.cpa-heading span{color:#fff;background:var(--orange);border-radius:8px;padding:5px 8px;font-size:10px;font-weight:1000}.cpa-heading b{color:var(--teal);font-size:11px}.cpa-steps{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cpa-steps article{background:#fff;border:1px solid #dce8e4;border-radius:13px;min-height:142px;padding:9px}.cpa-steps em{color:var(--teal);font-size:10px;font-style:normal;font-weight:1000}.cpa-steps p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.45}.counter-groups{grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;min-height:59px;margin-top:7px;display:grid}.counter-groups>div{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.counter-groups>strong{color:var(--orange)}.counter{color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;display:grid}.counter.teal{background:var(--teal)}.counter.yellow{color:#725016;background:var(--yellow)}.counter-groups small{color:var(--muted);font-size:10px}.ten-frame{border:2px solid var(--navy);border-radius:6px;grid-template-columns:repeat(5,1fr);gap:2px;width:116px;margin:8px auto 4px;padding:3px;display:grid}.ten-frame i{aspect-ratio:1;background:#f4f7f6;border:1px solid #ccd9d6;border-radius:3px}.ten-frame i.from-a{background:var(--teal)}.ten-frame i.from-b{background:var(--yellow)}.count-path{color:var(--navy);flex-wrap:wrap;justify-content:center;gap:2px;font-size:11px;font-weight:900;display:flex}.count-path span{gap:2px;display:flex}.count-path i{color:var(--orange);font-style:normal}.cpa-equation{justify-content:center;align-items:center;gap:5px;min-height:72px;font:1000 20px Georgia,serif;display:flex}.cpa-equation i{color:var(--orange);font-style:normal}.cpa-equation strong{color:#fff;background:var(--teal);border-radius:7px;padding:4px 7px}.cpa-close{color:#fff;background:var(--teal);border:0;border-radius:12px;min-height:44px;margin-top:11px;padding:9px 14px;font-size:11px;font-weight:1000;box-shadow:0 5px #157a68}.wardrobe-title{justify-content:space-between;align-items:start;display:flex}.wardrobe-title h2{margin:0}.wardrobe-title>span{color:var(--teal);background:#dff5ee;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:900}.current-outfit{background:linear-gradient(145deg,#f4ecff,#fff8dc);border:2px solid #fff;border-radius:20px;align-items:center;gap:5px;min-height:126px;margin-top:16px;padding:12px;display:flex;overflow:hidden;box-shadow:0 8px #10344117}.current-outfit>div:last-child{gap:3px;min-width:0;display:grid}.current-outfit small{color:var(--muted);font-size:9px}.current-outfit b{font-size:13px}.current-outfit span{color:#79578e;font-size:9px;font-weight:800}.wardrobe-help{color:var(--muted);margin:16px 0 12px;font-size:11px;line-height:1.55}.owned-outfits{gap:7px;display:grid}.owned-outfits button{min-height:50px;color:var(--ink);text-align:left;background:#ffffffad;border:1px solid #d9e7e2;border-radius:13px;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.owned-outfits button>i{border:3px solid #fff;border-radius:8px;width:25px;height:25px;box-shadow:0 2px #1034411f}.owned-outfits button>span{gap:1px;display:grid}.owned-outfits button b{font-size:11px}.owned-outfits button small{color:var(--muted);font-size:9px}.owned-outfits button em{color:var(--teal);font-size:9px;font-style:normal;font-weight:1000}.owned-outfits button.equipped{border-color:var(--yellow);background:#fff9dc;box-shadow:0 0 0 3px #ffca4830}.counter-rule{background:#fff7e8d1;border:1px solid #ead8cb;border-radius:15px;margin-top:13px;padding:11px}.counter-rule>b{color:var(--orange);font-size:11px}.counter-rule p{flex-wrap:wrap;gap:4px;margin:7px 0;display:flex}.counter-rule p span{color:#fff;background:var(--navy);border-radius:6px;padding:3px 5px;font-size:8px;font-weight:900}.counter-rule small{color:var(--muted);font-size:10px;line-height:1.4}.material-roadmap{background:#ffffff94;border:1px solid #d8e6e1;border-radius:14px;margin-top:11px}.material-roadmap summary{min-height:44px;color:var(--navy);cursor:pointer;align-content:center;padding:8px 11px;font-size:10px;font-weight:1000;display:grid}.material-roadmap>div{gap:5px;padding:0 8px 9px;display:grid}.material-roadmap article{background:#f2f8f5e6;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;gap:7px;min-height:40px;padding:5px 7px;display:grid}.material-roadmap article>i{background:#fff;border-radius:8px;place-items:center;width:25px;height:25px;font-style:normal;font-weight:1000;display:grid}.material-roadmap article span{gap:1px;display:grid}.material-roadmap article b{font-size:10px}.material-roadmap article small{color:var(--muted);font-size:9px}.overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051c24c7;place-items:start center;padding:20px;animation:.2s ease-out both overlay-in;display:grid;position:fixed;inset:0;overflow-y:auto}.result-modal{width:min(470px,100%);color:var(--ink);background:var(--paper);text-align:center;border:4px solid #fff;border-radius:28px;margin-block:auto;padding:34px;animation:.32s cubic-bezier(.2,.9,.3,1.2) both modal-pop;position:relative;box-shadow:0 16px #04171f40,0 30px 70px #0000004d}.result-modal.setup-modal{width:min(940px,100%);max-height:min(820px,100dvh - 24px);overflow:auto}.result-modal.outfit-modal{width:min(760px,100%)}.result-modal:before,.result-modal:after{content:"✦";color:var(--yellow);font-size:28px;position:absolute}.result-modal:before{top:20px;left:20px;transform:rotate(-12deg)}.result-modal:after{top:42px;right:20px;transform:rotate(15deg)}.result-modal h2{letter-spacing:-.04em;margin:6px 0 9px;font-size:clamp(24px,5vw,32px);line-height:1.2}.result-modal>p:not(.eyebrow){max-width:530px;color:var(--muted);margin:0 auto 20px;font-size:12px;line-height:1.65}.hero-picker{grid-template-columns:1fr 1fr;gap:18px;margin:4px auto 20px;display:grid}.hero-choice{background:0 0;border:0;justify-items:center;gap:4px;min-width:0;padding:0;display:grid}.hero-turntable-shell{justify-items:center;gap:2px;width:100%;display:grid}.hero-turntable-stage{perspective:1000px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:310px;display:grid;position:relative}.hero-turntable-stage:active{cursor:grabbing}.hero-turntable-model{z-index:3;transform:rotateY(var(--hero-turn));transform-style:preserve-3d;filter:drop-shadow(0 18px 13px #0c2d393d);transition:transform 80ms linear;position:relative}.hero-turntable-model .wizard-avatar.hero-render{width:220px;height:300px;margin:0;transform:none}.turntable-orbit{z-index:1;aspect-ratio:1;background:radial-gradient(circle,#ffd65633,#4ebcb814 45%,#0000 67%);border:1px solid #22ae9733;border-radius:50%;width:min(88%,330px);position:absolute;box-shadow:inset 0 0 45px #ffffffb3}.turntable-orbit:before,.turntable-orbit:after{content:"";border:1px dashed #ffb04657;border-radius:50%;position:absolute;inset:16%;transform:rotateX(67deg)}.turntable-orbit:after{border-color:#3869be40;inset:28% 5%;transform:rotateY(69deg)}.turntable-base{z-index:2;background:radial-gradient(#1a4c5859,#33b59f1f 52%,#0000 72%);border-radius:50%;width:62%;height:32px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.turntable-control{width:min(84%,310px);color:var(--muted);gap:1px;font-size:9px;font-weight:900;display:grid}.turntable-control input{width:100%;accent-color:var(--teal);cursor:ew-resize}.hero-choice>button{width:min(92%,330px);min-height:54px;color:var(--ink);background:#ffffffdb;border:2px solid #dce7e3;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:9px 13px;display:grid;box-shadow:0 7px 17px #10344114}.hero-choice>button:before{content:"";background:#fff;border:3px solid #bfd0cb;border-radius:50%;width:14px;height:14px}.hero-choice>button span{text-align:left;justify-items:start;gap:1px;display:grid}.hero-choice>button em{color:var(--muted);font-size:9px;font-style:normal;font-weight:900}.hero-choice.selected>button{border-color:var(--yellow);background:#fff9dc;box-shadow:0 0 0 5px #ffca4833,0 9px 20px #1034411a}.hero-choice.selected>button:before{background:var(--orange);box-shadow:0 0 0 3px var(--yellow);border-color:#fff}.hero-choice.selected .turntable-orbit{background:radial-gradient(circle,#ffdd5b54,#4ebcb81a 48%,#0000 68%);border-color:#ffaf3073}.hero-picker b{font-size:14px}.hero-picker small{color:var(--muted);font-size:10px}.outfit-picker{grid-template-columns:repeat(3,1fr);gap:11px;margin:8px 0 20px;display:grid}.outfit-picker>button{min-height:230px;color:var(--ink);background:#fff;border:2px solid #dce7e3;border-radius:18px;align-content:center;place-items:center;gap:4px;padding:13px;display:grid}.outfit-picker>button.selected{border-color:var(--yellow);background:#fff9dc;transform:translateY(-4px);box-shadow:0 0 0 5px #ffca4838}.outfit-picker>button.owned{opacity:.46}.outfit-picker b{font-size:12px}.outfit-picker small{color:var(--muted);font-size:9px}.outfit-picker em{color:#fff;background:var(--teal);border-radius:7px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:1000}.reward-burst,.victory-stars{filter:drop-shadow(0 7px #1034411a);margin-bottom:10px;font-size:55px}.victory-stars{font-size:42px}.primary-action,.secondary-action{border:0;border-radius:14px;min-height:48px;padding:11px 19px;font-weight:1000}.primary-action{color:#fff;background:var(--orange);box-shadow:0 6px #bb4e29}.primary-action:disabled{opacity:.45;box-shadow:none}.secondary-action{color:var(--navy);background:#e2efeb;box-shadow:0 6px #c1d5cf}.primary-action:hover:not(:disabled),.secondary-action:hover{transform:translateY(-2px)}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@keyframes overlay-in{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(20px)scale(.9)}}@keyframes cpa-open{0%{opacity:0;transform:translateY(-8px)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(16px)rotate(-7deg)scale(.75)}to{opacity:1;transform:translateY(0)rotate(-1deg)scale(1)}}@keyframes spell-flight{0%{opacity:0;transform:translate(-35px)scale(.25)rotate(-25deg)}18%{opacity:1}78%{opacity:1;transform:translate(145px)scale(1.1)rotate(15deg)}to{opacity:0;transform:translate(190px)scale(.4)rotate(25deg)}}@keyframes arena-flash{0%{opacity:1}to{opacity:0}}@keyframes boss-shake{20%{transform:translate(14px)rotate(7deg)}45%{transform:translate(-11px)rotate(-6deg)}70%{transform:translate(7px)rotate(3deg)}}@keyframes damage-rise{0%{opacity:0;transform:translateY(18px)scale(.7)rotate(-8deg)}to{opacity:1;transform:translateY(-24px)scale(1.1)rotate(3deg)}}@keyframes impact-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.8)}}@keyframes wizard-ready{50%{transform:translateY(-5px)rotate(-1deg)}}@keyframes monster-float{50%{transform:translateY(-8px)rotate(2deg)}}@media (prefers-reduced-motion:no-preference){.hero-unit>.wizard-avatar{animation:2.3s ease-in-out infinite wizard-ready}.boss-unit .monster-avatar{animation:2.8s ease-in-out infinite monster-float}.boss-hit .monster-avatar{animation:.5s ease-in-out both boss-shake}}@media (max-width:1220px){.game-layout{grid-template-columns:190px minmax(540px,1fr)}.wardrobe-panel{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.wardrobe-title{grid-column:1/-1}.wardrobe-help,.material-roadmap{margin-top:0}}@media (max-width:850px){.topbar-progress{display:none}.register-pill{margin-left:auto}.profile-pill{margin-left:0}.game-layout{grid-template-columns:1fr;padding-inline:12px}.world-panel{overflow:hidden}.world-list{padding:2px 2px 11px;display:flex;overflow-x:auto}.world-item{min-width:155px}.dragon-preview{margin-top:12px}.reset-link{display:block}.stage-heading{align-items:start;display:grid}.mode-switch{width:100%}.mode-switch button{flex:1}.chapter-dots{max-width:100%}.wardrobe-panel{grid-template-columns:1fr}.wardrobe-title{grid-column:auto}.current-outfit{margin-top:0}.arena-card.showing-cpa{min-height:1180px}.cpa-steps{grid-template-columns:1fr}.cpa-steps article{min-height:auto}}@media (max-width:560px){.topbar{min-height:68px;padding-inline:13px}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:13px}.brand-copy span{font-size:10px}.profile-pill span{display:none}.register-pill{grid-template-columns:22px auto;padding-inline:8px}.register-pill>span{width:22px;height:22px}.register-pill small{display:none}.register-pill b{font-size:9px}.stage-heading h1{font-size:27px}.mode-switch button{padding-inline:6px;font-size:10px}.arena-card{border-radius:22px;min-height:755px}.arena-card.showing-cpa{min-height:1215px}.boss-status{padding-inline:14px}.boss-status>strong{font-size:9px}.battle-meta span{font-size:8px}.arena-characters{grid-template-columns:1fr 70px 1fr;min-height:215px;padding-inline:2px}.wizard-avatar{transform-origin:bottom;margin-inline:-14px;transform:scale(.78)}.hero-unit>.wizard-avatar{animation:none}.monster-avatar{transform-origin:bottom;margin-inline:-17px;transform:scale(.76)}.boss-unit .monster-avatar{animation:none}.boss-hit .monster-avatar{animation:.5s ease-in-out both boss-shake}.spell-lane{height:84px}.versus{width:38px;height:38px;font-size:10px}.spell-projectile{left:-60px;transform:scale(.8)}.hero-unit>small,.boss-unit>small{max-width:125px;padding-inline:6px;font-size:8px}.auto-draw-slot{grid-template-columns:1fr;width:calc(100% - 20px);min-height:94px}.auto-card{grid-template-columns:52px 1fr}.auto-card em{display:none}.auto-card>strong{font-size:19px}.draw-history{width:auto;display:flex}.question-card{width:calc(100% - 20px);padding-inline:10px}.question-topline b{font-size:10px}.equation{gap:12px}.equation strong{width:52px;height:52px}.result-modal{padding:29px 17px}.hero-picker,.outfit-picker{grid-template-columns:1fr;max-height:52vh;padding:5px;overflow-y:auto}.hero-turntable-stage{height:245px}.hero-turntable-model .wizard-avatar.hero-render{width:176px;height:238px}.hero-choice>button{min-height:50px}.outfit-picker>button{min-height:174px}.modal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.world-item.grade-unlocked:not(.active){opacity:.88}.boss-status>strong{float:none;color:#ffe4a1;text-align:right;margin:-25px 0 8px;font-size:11px;display:block}.score-track i{background:linear-gradient(90deg,#60e3c5,#ffda63 72%,#ff8a55)}.arena-card{min-height:960px}.arena-card.showing-cpa{min-height:1230px}.arena-characters{min-height:290px}.wizard-avatar{filter:drop-shadow(0 13px 2px #0003)}.wizard-hat:before{filter:drop-shadow(3px 4px #1419373d)}.wizard-hat:after{background:linear-gradient(180deg, color-mix(in srgb, var(--robe) 70%, white), var(--robe) 65%, color-mix(in srgb, var(--robe) 72%, black));border:2px solid #1d23496b;box-shadow:inset 0 4px #ffffff47,inset 0 -6px #00000029}.wizard-head{background:radial-gradient(circle at 34% 24%,#ffe8c8 0 9%,#0000 10%),linear-gradient(145deg,#ffd8a6,#e99a62);border-width:3px;border-color:#7b4933;border-radius:49% 49% 46% 46%;width:57px;height:57px;left:43px;box-shadow:inset -6px -7px #994d2c21,0 5px #19182d2b}.wizard-hair{background:linear-gradient(160deg,#6e4436,#34221f);width:57px;box-shadow:inset 0 4px #ffffff1c}.wizard-head .eye{background:radial-gradient(circle at 65% 28%,#fff 0 12%,#0000 13%),linear-gradient(#315170,#122635);border:2px solid #fff;width:10px;height:13px;top:23px;box-shadow:0 2px #4729232e}.wizard-head .left-eye{left:11px}.wizard-head .right-eye{right:11px}.eye-glint{z-index:5;background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:26px}.left-glint{left:17px}.right-glint{right:15px}.cheek{z-index:2;background:#ef5c6957;border-radius:50%;width:10px;height:5px;position:absolute;top:38px}.left-cheek{left:7px}.right-cheek{right:7px}.wizard-nose{z-index:4;background:#b15b3b61;border-radius:50%;width:4px;height:5px;position:absolute;top:34px;left:27px}.wizard-head .smile{background:#ffffff5c;border:0;border-bottom:3px solid #9f3e4b;width:12px;height:7px;top:42px;left:23px}.wizard-robe{background:radial-gradient(circle at 33% 20%, #ffffff73 0 5%, transparent 6%), linear-gradient(105deg, #ffffff52, transparent 32%, #00000021 78%), var(--robe);box-shadow:inset 10px 0 12px #ffffff1a,inset -10px -8px 12px #00000026}.wizard-arm{box-shadow:inset 0 4px #ffffff2e,0 3px #00000021}.wizard-arm.left-arm{left:22px}.wizard-arm.right-arm{top:105px;left:auto;right:18px;transform:rotate(28deg)}.wizard-feet{z-index:3;justify-content:space-between;width:67px;display:flex;position:absolute;top:167px;left:39px}.wizard-feet i{background:linear-gradient(#5a4a78,#2d2946);border:3px solid #332c4d;border-radius:60% 60% 45% 35%;width:28px;height:15px}.wizard-wand{box-shadow:inset 2px 0 #ffffff3b,3px 4px #00000024}.number-slime-card{z-index:4;color:#351743;background:linear-gradient(155deg,#f8c5f4,#d675d5 62%,#a44bc3) padding-box padding-box,conic-gradient(from 20deg,#fff6a7,#72e8ff,#d9a0ff,#ff98c7,#fff6a7) border-box;border:5px solid #0000;border-radius:20px;grid-template-rows:37px 1fr 45px;width:166px;height:228px;padding:8px;display:grid;position:relative;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 13px #0000003b,0 18px 30px #00000047,inset 0 0 0 2px #ffffffa6}.number-slime-card:after{content:"";pointer-events:none;border:2px solid #ffffff9e;border-radius:13px;position:absolute;inset:4px}.number-slime-card header{z-index:2;align-content:center;justify-items:center;line-height:1.05;display:grid;position:relative}.number-slime-card header b{letter-spacing:.04em;font-size:13px}.number-slime-card header span{margin-top:3px;font-size:8px;font-weight:1000}.number-slime-art{z-index:1;background-image:url(/number-slime.jpeg);background-position:50% 49%;background-size:157%;border:3px solid #481d5b99;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #410d5142,0 3px #ffffff85}.number-slime-card footer{z-index:2;text-align:center;align-content:center;justify-items:center;gap:3px;display:grid;position:relative}.number-slime-card footer b{font-size:10px}.number-slime-card footer span{font-size:7px;font-weight:900}.monster-foil{z-index:5;pointer-events:none;background:linear-gradient(115deg,#0000 39%,#ffffff08 43%,#ffffffa6 49%,#82fff838 53%,#0000 58%);animation:3.8s ease-in-out infinite foil-sweep;position:absolute;inset:-70% -90%;transform:rotate(12deg)}.practice-card{filter:saturate(.86);transform:rotate(-1.5deg)scale(.96)}.auto-draw-slot{align-items:center;min-height:282px}.collectible-card{isolation:isolate;border:6px solid #ffffffe0;border-radius:21px;grid-template-rows:26px 112px 36px 1fr 22px;gap:5px;width:min(205px,100%);height:262px;margin:0 auto;padding:9px;animation:.48s cubic-bezier(.18,.85,.3,1.25) both card-reveal;display:grid;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 11px #00000040,0 18px 30px #00000045,inset 0 0 0 2px #1e233d33}.collectible-card:before{content:"";z-index:-1;border:2px solid #ffffffb3;border-radius:12px;position:absolute;inset:4px}.collectible-card>header,.collectible-card>footer{letter-spacing:.07em;justify-content:space-between;align-items:center;gap:4px;font-size:7px;font-weight:1000;display:flex}.collectible-card>header b{color:#fff;background:#151f329e;border-radius:99px;padding:3px 5px;font-size:6px}.spell-card-art{background:radial-gradient(circle at 50% 45%,#fffc,#0000 27%),conic-gradient(from 30deg,#ffffff24,#ffffffa3,#38e9e633,#ffffff24);border:3px solid #ffffffbf;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #1f214a42,0 4px #261d3d2b}.spell-card-art:after{content:"";background:repeating-linear-gradient(125deg,#0000 0 12px,#ffffff1a 13px 14px);position:absolute;inset:0}.spell-mascot{z-index:2;color:#fff;background:linear-gradient(145deg,#ffffff9e,#ffffff1a 27%),#2e82a6eb;border:4px solid #2b2650ad;border-radius:52% 48% 46% 54%;place-items:center;width:77px;height:72px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:inset -10px -12px #20184b26,0 8px #2d244e33}.spell-mascot:before,.spell-mascot:after{content:"";background:inherit;border:3px solid #2b26508c;border-radius:50%;width:25px;height:17px;position:absolute;bottom:-9px}.spell-mascot:before{left:4px;transform:rotate(10deg)}.spell-mascot:after{right:4px;transform:rotate(-10deg)}.spell-mascot>b{text-shadow:0 2px #00000038;margin-top:24px;font:1000 15px Georgia,serif}.mascot-eye{background:#18333f;border:3px solid #fff;border-radius:50%;width:11px;height:14px;position:absolute;top:19px}.mascot-eye.left{left:18px}.mascot-eye.right{right:18px}.mascot-smile{border-bottom:3px solid #682c4f;border-radius:50%;width:13px;height:8px;position:absolute;top:38px;left:31px}.mascot-decimal{background-color:#e45e78}.art-star{z-index:3;color:#fffbd2;text-shadow:0 0 9px #fff;font-style:normal;position:absolute}.art-star.one{font-size:20px;top:9px;left:12px}.art-star.two{font-size:15px;bottom:10px;right:13px}.art-star.three{font-size:17px;top:11px;right:15px}.spell-card-name{background:#ffffff8a;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:5px;padding:3px 5px;display:grid}.spell-card-name b{font-size:12px}.spell-card-name em{font-size:6px;font-style:normal;font-weight:1000}.spell-card-rule{background:#ffffff61;border:1px solid #ffffff8f;border-radius:8px;align-content:center;gap:3px;padding:6px;display:grid}.spell-card-rule strong{font:1000 11px Georgia,serif}.spell-card-rule span{font-size:7px;font-weight:800;line-height:1.3}.holo-sheen{z-index:8;pointer-events:none;background:linear-gradient(112deg,#0000 40%,#ffffff0a 43%,#ffffffc7 49%,#6bffeb33 53%,#0000 58%);animation:3.5s ease-in-out infinite foil-sweep;position:absolute;inset:-65% -100%;transform:rotate(10deg)}.cast-sparks{z-index:8;pointer-events:none;position:absolute;inset:-22px -70px}.cast-sparks i{color:#fff5a7;text-shadow:0 0 12px #ffce47;opacity:0;font-style:normal;animation:.72s ease-out both spark-stream;position:absolute;top:45%;left:0}.cast-sparks i:nth-child(2){animation-delay:40ms;top:18%}.cast-sparks i:nth-child(3){animation-delay:90ms;top:72%}.cast-sparks i:nth-child(4){animation-delay:.14s;top:5%}.cast-sparks i:nth-child(5){animation-delay:.18s;top:84%}.cast-sparks i:nth-child(6){animation-delay:.23s;top:33%}.cast-sparks i:nth-child(7){animation-delay:.28s;top:61%}.cast-sparks i:nth-child(8){animation-delay:.33s;top:12%}.cast-sparks i:nth-child(9){animation-delay:.38s;top:78%}.spell-projectile em,.spell-projectile small{color:#fff9bd;text-shadow:0 0 12px #fff;font-style:normal;position:absolute}.spell-projectile em{font-size:24px;bottom:-15px;left:-17px}.spell-projectile small{font-size:18px;bottom:-20px;right:8px}.impact-burst em{color:#fff8af;text-shadow:0 0 12px #ff7a45;font-style:normal;animation:.62s ease-out both impact-spark;position:absolute;top:48%;left:48%}.impact-burst em:first-of-type{--spark-x:-74px;--spark-y:-56px}.impact-burst em:nth-of-type(2){--spark-x:4px;--spark-y:-82px}.impact-burst em:nth-of-type(3){--spark-x:67px;--spark-y:-48px}.impact-burst em:nth-of-type(4){--spark-x:82px;--spark-y:12px}.impact-burst em:nth-of-type(5){--spark-x:49px;--spark-y:68px}.impact-burst em:nth-of-type(6){--spark-x:-10px;--spark-y:81px}.impact-burst em:nth-of-type(7){--spark-x:-72px;--spark-y:50px}.impact-burst em:nth-of-type(8){--spark-x:-86px;--spark-y:1px}@keyframes foil-sweep{0%,20%{opacity:0;transform:translate(-24%)rotate(10deg)}45%{opacity:.85}70%,to{opacity:0;transform:translate(24%)rotate(10deg)}}@keyframes card-boss-shake{20%{transform:translate(12px)rotate(7deg)}45%{transform:translate(-10px)rotate(-6deg)}70%{transform:translate(6px)rotate(3deg)}}@keyframes spark-stream{0%{opacity:0;transform:translate(-10px)scale(.35)rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(220px)scale(1.35)rotate(180deg)}}@keyframes impact-spark{0%{opacity:1;transform:translate(0)scale(.5)rotate(0)}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(1.4) rotate(150deg)}}@media (max-width:850px){.arena-card{min-height:1000px}.arena-card.showing-cpa{min-height:1430px}}@media (max-width:560px){.boss-status>strong{text-align:left;margin:0 0 7px;font-size:11px}.arena-card{min-height:980px}.arena-card.showing-cpa{min-height:1450px}.arena-characters{grid-template-columns:1fr 58px 1fr;min-height:255px}.number-slime-card{border-width:4px;grid-template-rows:31px 1fr 38px;width:135px;height:190px}.number-slime-card header b{font-size:10px}.number-slime-card footer b{font-size:8px}.number-slime-card footer span{font-size:6px}.auto-draw-slot{min-height:265px}.collectible-card{grid-template-rows:23px 99px 33px 1fr 19px;width:176px;height:240px}.draw-placeholder{grid-template-columns:42px 1fr}}@media (prefers-reduced-motion:reduce){.monster-foil,.holo-sheen,.cast-sparks i,.impact-burst em,.boss-hit .number-slime-card,.collectible-card{animation:none!important}}.wizard-hat{display:none}.wizard-head{top:32px}.wizard-hair{background:linear-gradient(155deg,#27303d 0 18%,#111723 58%,#080c14);border-radius:55% 48% 36% 31%;height:25px;top:-5px;box-shadow:inset 0 4px #ffffff17,2px 3px #0f131e2b}.wizard-avatar.boy .wizard-hair{border-radius:52% 58% 34% 39%;height:24px}.wizard-avatar.girl .wizard-hair:before,.wizard-avatar.girl .wizard-hair:after{background:linear-gradient(#171e2b,#090d16);height:43px;top:11px}.messy-lock{z-index:3;clip-path:polygon(0 0,100% 6%,47% 100%);background:#111723;width:17px;height:25px;position:absolute;top:-4px}.messy-lock.lock-one{left:9px;transform:rotate(19deg)}.messy-lock.lock-two{right:7px;transform:rotate(-24deg)}.forehead-rune{z-index:5;color:#d5a94f;font-size:9px;font-style:normal;font-weight:1000;position:absolute;top:9px;left:25px;transform:rotate(-8deg)}.round-glasses{z-index:7;width:51px;height:22px;position:absolute;top:19px;left:3px}.round-glasses>i{background:linear-gradient(135deg,#ffffff6b,#75bfd514 42%,#0000 44%);border:3px solid #202735;border-radius:50%;width:20px;height:20px;position:absolute;top:0;box-shadow:0 2px #4e2a2033}.round-glasses>i:first-child{left:0}.round-glasses>i:nth-child(2){right:0}.round-glasses>b{background:#202735;border-radius:99px;width:9px;height:3px;position:absolute;top:8px;left:21px}.wizard-head .eye{top:24px}.wizard-head .smile{top:43px}.wizard-nose{top:35px}.cheek{top:39px}.wizard-robe{background:linear-gradient(90deg, #0d182652 0 13%, transparent 14% 84%, #0d182657 85%), linear-gradient(105deg, #ffffff40, transparent 31%, #0000001f 78%), var(--robe);top:88px}.academy-collar{z-index:5;clip-path:polygon(0 0,100% 0,52% 100%);background:#f7f2dd;width:25px;height:18px;position:absolute;top:0}.academy-collar.left{left:20px;transform:rotate(10deg)}.academy-collar.right{right:20px;transform:scaleX(-1)rotate(10deg)}.academy-tie{z-index:6;background:linear-gradient(180deg, var(--trim), color-mix(in srgb, var(--trim) 68%, #202735));border-radius:4px 4px 7px 7px;width:8px;height:24px;position:absolute;top:11px;left:40px;transform:rotate(-2deg)}.robe-badge{background:#0f1c2b80;width:20px;height:20px;font-size:11px;top:28px;left:53px}.academy-scarf{z-index:8;background:repeating-linear-gradient(90deg, var(--trim) 0 13px, var(--robe) 13px 23px);border:2px solid #181f2f5c;border-radius:99px;width:71px;height:14px;position:absolute;top:84px;left:36px;transform:rotate(2deg);box-shadow:inset 0 3px #fff3,0 3px #0000001f}.academy-scarf>i,.academy-scarf>b{background:repeating-linear-gradient(180deg, var(--trim) 0 10px, var(--robe) 10px 18px);transform-origin:top;border-radius:0 0 5px 5px;width:13px;height:43px;position:absolute;top:8px}.academy-scarf>i{left:45px;transform:rotate(-5deg)}.academy-scarf>b{height:36px;left:55px;transform:rotate(9deg)}.wizard-arm{background:linear-gradient(180deg, color-mix(in srgb, var(--robe) 80%, white), var(--robe));top:100px}.wizard-arm.right-arm{top:101px}.wizard-wand{background:linear-gradient(90deg,#3f251a,#8b5632 48%,#321d16);top:73px}.spell-element-badge{border:1px solid #ffffff80;box-shadow:inset 0 1px #ffffff4d}.plus-card{color:#173f2c;background:linear-gradient(145deg,#c8f6ad,#58c77f 58%,#16865e)}.minus-card{color:#303844;background:linear-gradient(145deg,#fff1a6,#d9dde3 48%,#9caab5)}.times-card{color:#fff;background:linear-gradient(145deg,#ffd060,#f36b37 52%,#b8232e)}.divide-card{color:#fff;background:linear-gradient(145deg,#83e5ff,#3196d6 48%,#3752a7)}.average-card{color:#48331d;background:linear-gradient(145deg,#ffe39a,#c99a4e 52%,#886136)}.decimal-card{color:#fff;background:linear-gradient(145deg,#ffd76f,#ef6b73 27%,#986bd5 53%,#39b8c4 78%,#72c66f)}.mascot-plus{background-color:#2ea86e}.mascot-minus{background-color:#8f9aa8}.mascot-times{background-color:#e84931}.mascot-divide{background-color:#318fd1}.mascot-average{background-color:#a47a3e}.mascot-decimal{background:conic-gradient(#f3b941,#e75967,#7b67cd,#2ea8be,#64b85e,#f3b941)}.spell-plus{color:#95ffc4;background:#148a5b}.spell-minus{color:#fff2a5;background:#84919e}.spell-times{color:#ffe47b;background:#e63f28}.spell-divide{color:#c3f4ff;background:#277ac6}.spell-average{color:#ffe5a3;background:#9a6a36}.spell-decimal{color:#fff;background:conic-gradient(#efc94c,#e34e5f,#7762d1,#2ca6bf,#55b762,#efc94c)}.element-skill-fx{z-index:10;pointer-events:none;color:#fff;position:absolute;inset:-42px -92px;overflow:visible}.element-skill-fx .element-core{z-index:4;color:#fff;text-shadow:0 0 8px #fff;border:3px solid #ffffffe6;border-radius:50%;place-items:center;width:43px;height:43px;font-size:21px;font-weight:1000;animation:.82s cubic-bezier(.2,.75,.22,1) both element-core-surge;display:grid;position:absolute;top:40%;left:8%;box-shadow:0 0 20px,inset 0 0 14px #ffffff8c}.element-skill-fx .element-ring{z-index:3;filter:drop-shadow(0 0 9px);border:5px solid;border-radius:50%;width:36px;height:36px;animation:.68s ease-out .12s both element-ring-burst;position:absolute;top:44%;left:11%}.element-skill-fx>i{--fx-y:0px;--fx-delay:0s;z-index:5;color:currentColor;opacity:0;text-shadow:0 0 7px #fff,0 0 16px;animation-delay:var(--fx-delay);font-size:23px;font-style:normal;font-weight:1000;line-height:1;position:absolute;top:48%;left:7%}.element-skill-fx>i:first-of-type{--fx-y:-42px;--fx-delay:0s}.element-skill-fx>i:nth-of-type(2){--fx-y:35px;--fx-delay:40ms}.element-skill-fx>i:nth-of-type(3){--fx-y:-18px;--fx-delay:80ms}.element-skill-fx>i:nth-of-type(4){--fx-y:52px;--fx-delay:.12s}.element-skill-fx>i:nth-of-type(5){--fx-y:7px;--fx-delay:.16s}.fx-metal{color:#fff1a1}.fx-metal .element-core{background:radial-gradient(circle,#fff 0 14%,#b8c3ce 16% 52%,#806d38 74%)}.fx-metal>i{animation:.72s cubic-bezier(.15,.72,.19,1) both metal-cut}.fx-wood{color:#8dffc0}.fx-wood .element-core{background:radial-gradient(circle,#f5ffb0,#36b878 50%,#116345 76%)}.fx-wood>i{animation:.82s cubic-bezier(.18,.8,.22,1) both wood-grow}.fx-water{color:#9beaff}.fx-water .element-core{background:radial-gradient(circle at 35% 27%,#fff 0 11%,#43c9f0 18% 56%,#3156b7 78%)}.fx-water>i{animation:.82s cubic-bezier(.17,.72,.23,1) both water-split}.fx-fire{color:#ffe06b}.fx-fire .element-core{background:radial-gradient(circle,#fff4a1 0 13%,#ff7a2e 22% 58%,#bd2430 78%);border-radius:52% 48% 61% 39%}.fx-fire>i{animation:.76s cubic-bezier(.18,.8,.2,1) both fire-multiply}.fx-earth{color:#ffd58a}.fx-earth .element-core{background:radial-gradient(circle at 35% 24%,#fff0b2 0 10%,#bb8440 18% 57%,#604229 78%);border-radius:42% 55% 44% 58%}.fx-earth>i{animation:.84s cubic-bezier(.18,.74,.24,1) both earth-balance}.fx-all{color:#fff}.fx-all .element-core{background:conic-gradient(#e7bd43,#e94d42,#4587df,#49b76a,#ad7b49,#e7bd43)}.fx-all>i{animation:.88s cubic-bezier(.16,.76,.22,1) both all-orbit}@keyframes element-core-surge{0%{opacity:0;transform:translate(-22px)scale(.25)rotate(-25deg)}22%{opacity:1;transform:translate(3px)scale(1.08)rotate(0)}76%{opacity:1;transform:translate(195px)scale(.82)rotate(270deg)}to{opacity:0;transform:translate(245px)scale(.2)rotate(380deg)}}@keyframes element-ring-burst{0%{opacity:0;transform:scale(.2)}28%{opacity:1}to{opacity:0;transform:translate(224px)scale(2.2)}}@keyframes metal-cut{0%{opacity:0;transform:translate3d(0, var(--fx-y), 0) scale(.2) rotate(-55deg)}24%{opacity:1}72%{opacity:1;transform:translate3d(190px, var(--fx-y), 0) scale(1.25) rotate(270deg)}to{opacity:0;transform:translate3d(255px, var(--fx-y), 0) scale(.35) rotate(520deg)}}@keyframes wood-grow{0%{opacity:0;transform:translateY(35px)scale(.1)rotate(-35deg)}28%{opacity:1;transform:translate3d(55px, var(--fx-y), 0) scale(1.15) rotate(8deg)}72%{opacity:1;transform:translate3d(190px, var(--fx-y), 0) scale(.9) rotate(130deg)}to{opacity:0;transform:translate(252px)scale(1.45)rotate(220deg)}}@keyframes water-split{0%{opacity:0;transform:translate(5px)scale(1.6)}24%{opacity:1;transform:translate3d(58px, var(--fx-y), 0) scale(.55)}78%{opacity:1;transform:translate3d(205px, var(--fx-y), 0) scale(1.05)}to{opacity:0;transform:translate(258px)scale(.2)}}@keyframes fire-multiply{0%{opacity:0;transform:translate(0,0)scale(.15)rotate(-18deg)}30%{opacity:1;transform:translate3d(65px, var(--fx-y), 0) scale(1.35) rotate(25deg)}68%{opacity:1;transform:translate3d(185px, var(--fx-y), 0) scale(.82) rotate(170deg)}to{opacity:0;transform:translate(260px)scale(1.7)rotate(260deg)}}@keyframes earth-balance{0%{opacity:0;transform:translate3d(15px, var(--fx-y), 0) scale(.2) rotate(0)}38%{opacity:1;transform:translate(105px)scale(1.25)rotate(70deg)}70%{opacity:1;transform:translate(185px)scale(.9)rotate(130deg)}to{opacity:0;transform:translate3d(250px, var(--fx-y), 0) scale(1.4) rotate(190deg)}}@keyframes all-orbit{0%{opacity:0;transform:translate(5px)scale(.2)rotate(0)}25%{opacity:1;transform:translate3d(65px, var(--fx-y), 0) scale(1.25) rotate(180deg)}72%{opacity:1;transform:translate3d(192px, var(--fx-y), 0) scale(.85) rotate(560deg)}to{opacity:0;transform:translate(258px)scale(1.55)rotate(780deg)}}@media (max-width:560px){.element-skill-fx{transform-origin:50%;inset-inline:-58px;transform:scale(.8)}.round-glasses{transform-origin:50%;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.element-skill-fx,.element-skill-fx *,.element-skill-fx :before,.element-skill-fx :after{animation:none!important}}@media (min-width:900px) and (orientation:landscape){html,body{height:100%;overflow:hidden}.app-content{height:100dvh;min-height:0;overflow:hidden}.topbar{height:56px;min-height:56px;padding:6px 18px}.brand-mark{border-radius:11px;width:38px;height:38px;font-size:22px}.brand-copy span{margin-top:3px}.profile-pill{min-height:38px;padding-block:5px}.register-pill{min-height:38px;padding-block:4px}.game-layout{width:100%;max-width:1680px;height:calc(100dvh - 56px);min-height:0;padding:8px 16px 12px;display:block}.world-panel,.wardrobe-panel{display:none}.battle-stage{grid-template-rows:44px 34px minmax(0,1fr);height:100%;min-height:0;display:grid}.stage-heading{align-items:center;min-height:0;margin:0}.stage-heading .eyebrow{display:none}.stage-heading h1{font-size:clamp(22px,2.2vw,30px)}.mode-switch{padding:2px}.mode-switch button{min-height:34px;padding:5px 10px}.chapter-dots{justify-content:center;min-height:0;margin:0;padding:2px 0 4px;overflow:hidden}.chapter-dots button{flex-basis:27px;width:27px;height:27px;font-size:9px}.arena-card,.arena-card.showing-cpa{border-radius:22px;grid-template:"status status"72px"battle question"minmax(0,1fr)/minmax(500px,1.15fr) minmax(390px,.9fr);width:100%;height:100%;min-height:0;padding:0;display:grid}.boss-status{grid-area:status;padding:10px 16px 0}.boss-name{margin-bottom:5px}.boss-status>strong{margin:-22px 0 5px;font-size:10px}.hp-track{border-width:3px;height:16px}.enemy-hp-track{height:18px}.battle-meta{display:none}.arena-characters{grid-area:battle;grid-template-columns:minmax(145px,1fr) minmax(165px,.9fr) minmax(145px,1fr);align-items:center;gap:4px;width:100%;height:100%;min-height:0;padding:12px 12px 16px}.hero-unit,.boss-unit{align-content:center;height:100%}.character-shadow{bottom:18%}.hero-unit>small,.boss-unit>small{position:absolute;bottom:6%}.spell-lane{align-self:stretch;width:100%;height:100%}.spell-lane .auto-draw-slot{background:0 0;border:0;grid-template-columns:1fr;place-items:center;width:100%;height:100%;min-height:0;margin:0;padding:0;display:grid}.spell-lane .current-card-wrap{transform-origin:50%;margin:-38px;transform:scale(.72)}.spell-lane .draw-placeholder{grid-template-columns:40px 1fr;width:160px;min-height:118px;padding:9px}.spell-lane .draw-placeholder>span{font-size:25px}.spell-lane .draw-placeholder b{font-size:10px}.spell-lane .draw-placeholder small{font-size:8px}.spell-lane .draw-history{gap:3px;width:auto;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.spell-lane .draw-history i{width:29px;height:19px;font-size:7px}.spell-lane .versus{z-index:11;width:35px;height:35px;font-size:9px;position:absolute;top:8%;left:50%;transform:translate(-50%)rotate(-5deg)}.spell-animation-layer{z-index:12;pointer-events:none;position:absolute;inset:0}.question-card{border-radius:18px;flex-direction:column;grid-area:question;justify-content:center;align-self:stretch;width:auto;height:calc(100% - 16px);min-height:0;margin:8px 8px 8px 0;padding:12px 14px;display:flex;overflow:hidden;box-shadow:0 8px #04182238,0 12px 28px #00000029}.question-card:has(.cpa-guide){justify-content:flex-start}.question-topline{min-height:31px}.equation{margin:4px 0 8px}.equation b{font-size:clamp(32px,4vh,46px)}.equation strong{width:50px;height:50px;font-size:29px}.answer-row button{min-height:44px}.cpa-guide{margin-top:10px;padding-top:9px}.cpa-heading{margin-bottom:7px}.cpa-steps{gap:6px}.cpa-steps article{min-height:126px;padding:7px}.cpa-steps p{margin-top:4px;font-size:9px}.counter-groups{min-height:45px}.ten-frame{width:96px}.cpa-equation{min-height:55px}.cpa-close{min-height:38px;margin-top:7px}}.wizard-avatar.hero-render{filter:none;isolation:isolate;width:190px;height:275px}.hero-backlight{z-index:0;background:radial-gradient(circle, color-mix(in srgb, var(--trim) 52%, transparent), color-mix(in srgb, var(--robe) 24%, transparent) 48%, transparent 72%);filter:blur(10px);border-radius:50%;width:76%;height:72%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.hero-render-frame{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.hero-render-frame img{-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.hero-render.boy .hero-render-frame{box-shadow:none;background:0 0;border:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.hero-render.boy .hero-render-frame img{object-fit:contain;object-position:center;filter:saturate(1.04)contrast(1.02)drop-shadow(0 14px 2px #0000003b);width:100%;height:100%}.hero-render.girl .hero-render-frame img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 14px 2px #0000003b) drop-shadow(0 0 16px color-mix(in srgb, var(--trim) 35%, transparent))}.hero-render.girl .hero-render-frame{box-shadow:none;background:0 0;border:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.hero-render.girl .hero-render-frame img{filter:saturate(1.05)contrast(1.02)}.hero-outfit-tint{z-index:4;pointer-events:none;background:linear-gradient(145deg, color-mix(in srgb, var(--robe) 82%, white), var(--robe) 58%, color-mix(in srgb, var(--trim) 75%, black));mix-blend-mode:color;opacity:.64;position:absolute}.hero-render.boy .hero-outfit-tint{clip-path:polygon(30% 0,70% 0,92% 20%,78% 42%,90% 100%,10% 100%,22% 42%,8% 20%);inset:43% 13% 0 15%}.hero-render.girl .hero-outfit-tint{clip-path:polygon(31% 0,69% 0,94% 18%,80% 39%,92% 100%,8% 100%,20% 39%,6% 18%);inset:28% 13% 2% 14%}.hero-outfit-rune{z-index:6;color:#fff;background:var(--robe);width:34px;height:34px;box-shadow:0 0 0 4px color-mix(in srgb, var(--trim) 60%, transparent), 0 5px 0 #0000002e;border:2px solid #fff;border-radius:50%;place-items:center;font-size:17px;font-weight:1000;display:grid;position:absolute;bottom:22px;left:8px}.hero-render .spark-one{top:28px;right:2px}.hero-render .spark-two{top:62px;right:-5px}.wizard-avatar.hero-render.compact{width:118px;height:150px;margin:-15px -8px;transform:none}.hero-render.compact .hero-outfit-rune{width:25px;height:25px;font-size:12px;bottom:8px;left:1px}.spell-card-effect{z-index:6;color:#fff;text-align:center;text-shadow:0 2px #00000052;background:#112133db;border:2px solid #ffffffe6;border-radius:9px;min-width:82%;padding:5px 8px;font:1000 21px/1 Georgia,serif;position:absolute;bottom:5px;left:50%;transform:translate(-50%);box-shadow:0 3px #0003,inset 0 1px #ffffff40}.spell-mascot{transform:translateY(-9px)rotate(-4deg)}.spell-mascot>b{display:none}.spell-lane .current-card-wrap{isolation:isolate;position:relative}.spell-lane .current-card-wrap:before,.spell-lane .current-card-wrap:after{content:"";z-index:0;background:linear-gradient(145deg,#36b79feb,#434e9fed);border:5px solid #ffffffb8;border-radius:21px;position:absolute;inset:9px -10px -9px 10px;transform:rotate(5deg);box-shadow:0 8px #0003}.spell-lane .current-card-wrap:before{opacity:.74;background:linear-gradient(145deg,#ffc64aeb,#d14a66eb);inset:16px -18px -16px 18px;transform:rotate(9deg)}.spell-lane .collectible-card{z-index:2;position:relative}.spell-lane .remembered-card-note{z-index:4;position:relative}.spell-lane .casting-card .collectible-card{animation:2s ease-in-out both card-channel-two-seconds}.spell-lane .casting-card:after{animation:2s ease-in-out both stack-aura-two-seconds}.spell-animation-layer .spell-projectile{animation-duration:2s}.spell-animation-layer .cast-sparks i{animation-duration:1.65s}.spell-animation-layer .element-skill-fx .element-core{animation-duration:2s}.spell-animation-layer .element-skill-fx .element-ring{animation-duration:1.75s;animation-delay:.15s}.spell-animation-layer .fx-metal>i,.spell-animation-layer .fx-wood>i,.spell-animation-layer .fx-water>i,.spell-animation-layer .fx-fire>i,.spell-animation-layer .fx-earth>i,.spell-animation-layer .fx-all>i{animation-duration:1.84s}@keyframes card-channel-two-seconds{0%{filter:brightness()saturate();box-shadow:0 11px #00000040,0 18px 30px #00000045,inset 0 0 0 2px #1e233d33}28%{filter:brightness(1.2)saturate(1.25);box-shadow:0 11px #0003,0 0 22px #fff4a4,0 0 48px}62%{filter:brightness(1.1)saturate(1.4);box-shadow:0 11px #0003,0 0 15px #fff,0 0 55px}to{filter:brightness()saturate();box-shadow:0 11px #00000040,0 18px 30px #00000045,inset 0 0 0 2px #1e233d33}}@keyframes stack-aura-two-seconds{0%,to{opacity:.78;filter:brightness()}45%{opacity:1;filter:brightness(1.55)drop-shadow(0 0 22px #fff3a1)}}@media (min-width:900px) and (orientation:landscape){.arena-card,.arena-card.showing-cpa{grid-template-columns:minmax(430px,1.15fr) minmax(360px,.9fr)}.arena-characters .wizard-avatar.hero-render{width:190px;height:275px}.spell-lane .current-card-wrap{transform:scale(.76)}.spell-lane .auto-draw-slot.active{box-shadow:none}}@media (min-width:900px) and (max-width:1100px) and (orientation:landscape){.topbar-progress{grid-template-columns:auto minmax(85px,12vw) auto}.arena-characters{grid-template-columns:minmax(125px,1fr) minmax(145px,.9fr) minmax(125px,1fr);padding-inline:5px}.arena-characters .wizard-avatar.hero-render{width:155px;height:235px}.arena-characters .number-slime-card{border-width:4px;grid-template-rows:31px 1fr 38px;width:138px;height:192px}.spell-lane .current-card-wrap{margin:-50px;transform:scale(.64)}.question-card{padding:10px}.cpa-steps article{min-width:0;padding-inline:5px}.cpa-steps em{font-size:8px}.counter{width:15px;height:15px;font-size:7px}}@media (min-width:900px) and (max-height:720px) and (orientation:landscape){.topbar{height:50px;min-height:50px}.game-layout{height:calc(100dvh - 50px);padding-block:5px 8px}.battle-stage{grid-template-rows:38px 30px minmax(0,1fr)}.stage-heading h1{font-size:21px}.mode-switch button{min-height:30px}.chapter-dots button{flex-basis:24px;width:24px;height:24px}.arena-card,.arena-card.showing-cpa{grid-template-rows:48px minmax(0,1fr)}.arena-characters .wizard-avatar.hero-render{width:155px;height:225px}.arena-characters .number-slime-card{transform:scale(.86)}.question-card{height:calc(100% - 10px);margin-block:5px}.question-topline{min-height:25px}.equation{margin-block:2px 5px}.cpa-guide{margin-top:6px;padding-top:5px}.cpa-steps article{min-height:105px}.cpa-close{min-height:34px}}@media (prefers-reduced-motion:reduce){.spell-lane .casting-card .collectible-card,.spell-lane .casting-card:after{animation:none!important}}.wizard-avatar.hero-render{filter:drop-shadow(0 18px 7px #00000057);width:clamp(170px,14vw,230px);height:clamp(230px,20vw,330px)}.hero-render .hero-render-frame,.hero-render.boy .hero-render-frame,.hero-render.girl .hero-render-frame{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.hero-render.boy .hero-render-frame img,.hero-render.girl .hero-render-frame img{object-fit:contain;object-position:center bottom;width:100%;height:100%;filter:saturate(1.04) contrast(1.03) drop-shadow(0 0 18px color-mix(in srgb, var(--trim) 30%, transparent));transform:none}.hero-render .hero-backlight{opacity:.9;width:92%;height:76%}.hero-render .hero-outfit-rune{bottom:9%;left:3%}.number-slime-avatar{z-index:3;transform-origin:bottom;filter:drop-shadow(0 18px 8px #00000057);width:clamp(175px,16vw,245px);height:clamp(190px,18vw,275px);position:relative}.number-slime-avatar>img{z-index:2;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;pointer-events:none}.slime-backlight{z-index:0;filter:blur(13px);background:radial-gradient(circle,#e781ff85,#603abc33 48%,#0000 72%);border-radius:50%;width:92%;height:78%;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.slime-level-mark{z-index:4;color:#fff;letter-spacing:.09em;text-align:center;background:#4f2684d1;border:2px solid #ffffffd1;border-radius:999px;min-width:38px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:1000;position:absolute;top:10%;right:5%;box-shadow:0 5px #0003,0 0 18px #eb8aff8c}.boss-hit .number-slime-avatar{animation:.58s ease-in-out both boss-shake}.battle-reaction{z-index:80;pointer-events:none;justify-items:center;gap:4px;animation:.42s cubic-bezier(.16,.82,.24,1.25) both reaction-pop;display:grid;position:absolute;top:3%;left:50%;transform:translate(-50%)}.battle-reaction>span{filter:drop-shadow(0 5px #00000047);font-size:clamp(38px,5vw,66px);line-height:1}.battle-reaction>b{color:#153442;white-space:nowrap;background:#fff2a8;border:2px solid #fff;border-radius:999px;padding:5px 10px;font-size:10px;box-shadow:0 5px #0000003d}.hero-cry>span{animation:.42s ease-in-out infinite alternate tear-bounce}.boss-laugh>span{animation:.3s ease-in-out infinite alternate proud-laugh}.boss-dizzy>span{animation:.72s linear infinite dizzy-orbit}.boss-dizzy{animation:.42s cubic-bezier(.16,.82,.24,1.25) 2.3s both reaction-pop}.xyz-superpower{z-index:78;pointer-events:none;filter:drop-shadow(0 0 16px #8df7ff);position:absolute;inset:0;overflow:hidden}.xyz-superpower>i{--start-y:50%;--end-y:50%;left:14%;top:var(--start-y);color:#fff;text-shadow:0 3px #00000047;background:radial-gradient(circle at 34% 28%,#fff,#42d7d0 24%,#3057bd 68%,#16275d);border:4px solid #fff;border-radius:50%;place-items:center;width:66px;height:66px;font:1000 35px/1 Georgia,serif;animation:3s cubic-bezier(.12,.72,.18,1) both xyz-three-orb-strike;display:grid;position:absolute;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 18px #fff,0 0 38px #50e8da}.xyz-superpower>i:first-child{--start-y:34%;--end-y:45%;background:radial-gradient(circle at 34% 28%,#fff,#49e6ff 24%,#315fd1 68%,#16275d)}.xyz-superpower>i:nth-child(2){--start-y:50%;--end-y:50%;background:radial-gradient(circle at 34% 28%,#fff,#ffe66c 24%,#e7792c 68%,#6c2146)}.xyz-superpower>i:nth-child(3){--start-y:66%;--end-y:55%;background:radial-gradient(circle at 34% 28%,#fff,#86f28c 24%,#26a77a 68%,#154a52)}.xyz-superpower>span{z-index:3;color:#fff;opacity:0;background:radial-gradient(circle,#fff 0 10%,#73f4e0 25%,#4374e6 50%,#0000 72%);border:7px solid #fff;border-radius:50%;place-items:center;width:120px;height:120px;font:1000 27px/1 Georgia,serif;animation:3s ease-out both xyz-final-impact;display:grid;position:absolute;top:50%;left:84%;transform:translate(-50%,-50%)scale(.1);box-shadow:0 0 35px #fff,0 0 80px #6ef5e0,0 0 150px #4a6fe5}.xyz-superpower>b{color:#142b4d;letter-spacing:.08em;white-space:nowrap;background:linear-gradient(90deg,#7df4df,#ffe56f);border:2px solid #fff;border-radius:999px;padding:6px 12px;font-size:12px;animation:3s ease-in-out both xyz-power-label;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 0 22px #fff,0 5px #00000038}.outcome-defeat .hero-unit>.wizard-avatar.hero-render{animation:2.8s ease-in-out both hero-kneel-cry!important}.outcome-defeat .boss-unit .number-slime-avatar{animation:2.8s ease-in-out both boss-proud-victory!important}.outcome-victory .hero-unit>.wizard-avatar.hero-render{animation:3s ease-in-out both hero-xyz-victory!important}.outcome-victory .boss-unit .number-slime-avatar{transform-origin:50% 88%;animation:3s cubic-bezier(.18,.72,.2,1) both boss-faint!important}.outcome-defeat .hero-unit .character-shadow{animation:2.8s ease-in-out both defeated-shadow}.outcome-victory .boss-unit .character-shadow{animation:3s ease-in-out both faint-shadow}@keyframes reaction-pop{0%{opacity:0;transform:translate(-50%,18px)scale(.45)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes tear-bounce{to{transform:translateY(9px)rotate(-7deg)scale(1.08)}}@keyframes proud-laugh{0%{transform:rotate(-8deg)scale(1)}to{transform:rotate(9deg)scale(1.1)}}@keyframes dizzy-orbit{to{transform:rotate(360deg)}}@keyframes xyz-three-orb-strike{0%{left:14%;top:var(--start-y);opacity:0;transform:translate(-50%,-50%)scale(.18)}15%{opacity:1;transform:translate(-50%,-50%)scale(.9)}34%{left:19%;top:var(--start-y);filter:brightness(1.65);transform:translate(-50%,-50%)scale(1.18)}53%{left:39%;top:var(--end-y);transform:translate(-50%,-50%)scale(.92)}72%{left:67%;top:var(--end-y);opacity:1;transform:translate(-50%,-50%)scale(1.18)}88%{left:82%;top:var(--end-y);opacity:1;filter:brightness(2.4);transform:translate(-50%,-50%)scale(1.65)}to{left:87%;top:var(--end-y);opacity:0;filter:brightness(4);transform:translate(-50%,-50%)scale(2.7)}}@keyframes xyz-final-impact{0%,70%{opacity:0;transform:translate(-50%,-50%)scale(.1)rotate(0)}78%{opacity:1;transform:translate(-50%,-50%)scale(.55)rotate(35deg)}90%{opacity:1;transform:translate(-50%,-50%)scale(1.2)rotate(0)}to{opacity:0;filter:brightness(4);transform:translate(-50%,-50%)scale(3.1)rotate(25deg)}}@keyframes xyz-power-label{0%{opacity:0}14%,88%{opacity:1}to{opacity:0}}@keyframes hero-kneel-cry{0%{transform:translateY(0)scale(1)rotate(0)}28%{transform:translateY(22px)scale(.94,.86)rotate(-4deg)}45%,76%{filter:saturate(.72);transform:translateY(60px)scale(.86,.63)rotate(-7deg)}60%{transform:translateY(56px)scale(.87,.65)rotate(5deg)}to{filter:saturate(.72);transform:translateY(60px)scale(.86,.63)rotate(-5deg)}}@keyframes boss-proud-victory{0%{transform:translateY(0)rotate(0)scale(1)}22%{transform:translateY(-18px)rotate(-8deg)scale(1.1)}38%{transform:translateY(-8px)rotate(9deg)scale(1.13)}54%{transform:translateY(-19px)rotate(-7deg)scale(1.16)}72%,to{filter:brightness(1.12);transform:translateY(-12px)rotate(7deg)scale(1.15)}}@keyframes hero-xyz-victory{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-14px)scale(1.04)rotate(-3deg)}55%{filter:brightness(1.45)drop-shadow(0 0 20px #8df7ff);transform:translateY(-8px)scale(1.12)rotate(3deg)}78%,to{filter:brightness(1.2)drop-shadow(0 0 30px #ffe36c);transform:translateY(-18px)scale(1.08)}}@keyframes boss-faint{0%,70%{filter:brightness();transform:translateY(0)rotate(0)scale(1)}77%{filter:brightness(2.8);transform:translateY(-14px)rotate(-12deg)scale(1.06)}86%{transform:translateY(6px)rotate(24deg)scale(.98)}94%,to{filter:grayscale(.45)brightness(.85);transform:translate(34px,54px)rotate(82deg)scale(.88,.72)}}@keyframes defeated-shadow{to{opacity:.58;width:145px;height:17px;transform:translateY(20px)}}@keyframes faint-shadow{to{opacity:.62;width:165px;height:18px;transform:translate(25px,18px)}}.skill-choice-stack{z-index:16;justify-items:stretch;gap:8px;width:min(136px,100%);display:grid;position:relative}.skill-choice-stack>p{color:#fff7c6;justify-content:space-between;align-items:center;margin:0;font-size:10px;font-weight:900;display:flex}.skill-choice-stack>p b{font-size:13px}.skill-choice-stack>p span{background:#ffffff24;border-radius:99px;padding:3px 6px}.skill-choice-stack>button{width:118px;min-height:162px;color:inherit;cursor:pointer;text-align:left;perspective:700px;background:0 0;border:0;border-radius:17px;padding:0;transition:transform .18s,filter .18s;position:relative}.skill-choice-stack>button:hover,.skill-choice-stack>button:focus-visible{z-index:3;filter:brightness(1.14)saturate(1.1);outline:none;transform:none}.skill-choice-stack>button:focus-visible .skill-choice-card{box-shadow:0 0 0 3px #fff,0 0 0 7px #ffcc52,0 9px #00000040,0 15px 26px #00000042}.skill-choice-stack>button:disabled{cursor:wait}.skill-choice-stack>button.choice-not-picked{opacity:.34;filter:grayscale(.45);transform:none}.skill-choice-stack>button.choice-revealed .skill-choice-card{animation:none}.skill-choice-stack>button>em{z-index:5;color:#153442;background:#ffe278;border:2px solid #fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-style:normal;font-weight:1000;display:grid;position:absolute;top:50%;left:-11px;transform:translateY(-50%);box-shadow:0 4px #00000040}.skill-choice-card{border:4px solid #ffffffe6;border-radius:17px;grid-template-rows:42px minmax(0,1fr) 46px;grid-template-columns:1fr;place-items:center;gap:6px;width:100%;min-height:162px;padding:12px 9px 10px;animation:.42s cubic-bezier(.18,.85,.3,1.2) both choice-card-arrive;display:grid;position:relative;overflow:hidden;box-shadow:0 8px #0000003d,0 13px 24px #00000040,inset 0 0 0 2px #221d482e}.blind-skill-card{perspective:900px;width:100%;min-height:162px;display:block;position:relative}.blind-skill-card-inner{transform-style:preserve-3d;transition:transform .78s cubic-bezier(.17,.78,.2,1);display:block;position:absolute;inset:0}.blind-skill-card.flipped .blind-skill-card-inner{transform:rotateY(180deg)}.blind-skill-card-face{backface-visibility:hidden;display:block;position:absolute;inset:0}.blind-skill-card-front{transform:rotateY(180deg)}.blind-skill-card-face>.mystery-skill-back,.blind-skill-card-face>.skill-choice-card{height:100%}.skill-choice-stack>button:focus-visible .blind-skill-card-inner{filter:drop-shadow(0 0 8px #ffcc52)}.mystery-skill-back{color:#fff;background:repeating-linear-gradient(135deg,#ffffff14 0 8px,#0000 8px 16px),radial-gradient(circle at 18% 30%,#64f8da4d,#0000 32%),linear-gradient(135deg,#24276f,#693d92 54%,#0f7d83);border:4px solid #ffffffeb;border-radius:17px;grid-template-rows:minmax(0,1fr) auto 26px;grid-template-columns:1fr;place-items:center;gap:6px;width:100%;min-height:162px;padding:15px 9px 11px;animation:.42s cubic-bezier(.18,.85,.3,1.2) both mystery-card-arrive;display:grid;position:relative;overflow:hidden;box-shadow:0 8px #0000003d,0 13px 24px #00000040,inset 0 0 0 2px #ffffff2e}.mystery-skill-back:before,.mystery-skill-back:after{content:"";z-index:1;border:2px solid #ffffff42;border-radius:50%;width:86px;height:86px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.mystery-skill-back:after{border-style:dashed;width:63px;height:63px;transform:translate(-50%,-50%)rotate(25deg)}.skill-choice-stack>button:nth-of-type(2) .mystery-skill-back{animation-delay:.1s}.mystery-foil{z-index:1;pointer-events:none;background:linear-gradient(112deg,#0000 42%,#ffffffbf 49%,#0000 56%);animation:2.8s ease-in-out infinite foil-sweep;position:absolute;inset:-90% -120%}.mystery-seal{z-index:2;background:#0419316b;border:2px solid #ffffffeb;border-radius:16px;place-items:center;width:58px;height:58px;display:grid;position:relative;transform:rotate(45deg);box-shadow:0 0 0 3px #77f5e02e,0 0 18px #7af6e266}.mystery-seal b{font:1000 24px/1 Georgia,serif;transform:rotate(-45deg)}.mystery-seal i{color:#ffe37c;font-size:11px;font-style:normal;position:absolute;top:-10px;right:-9px;transform:rotate(-45deg)}.mystery-copy{z-index:2;text-align:center;justify-items:center;gap:1px;min-width:0;display:grid;position:relative}.mystery-copy small{color:#9cfae7;letter-spacing:.16em;font-size:6px;font-weight:1000}.mystery-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1;overflow:hidden}.mystery-copy em{color:#e7ddff;letter-spacing:.12em;font-size:6px;font-style:normal;font-weight:800}.mystery-skill-back>strong{z-index:2;color:#ffe47e;background:#07173280;border:2px solid #ffffffd1;border-radius:50%;place-items:center;width:27px;height:27px;font:1000 13px Georgia,serif;display:grid;position:relative;box-shadow:inset 0 0 14px #ffffff3b,0 0 15px #ffdd754d}.skill-choice-stack>button:nth-of-type(2) .skill-choice-card{animation-delay:.1s}.choice-foil{z-index:1;pointer-events:none;background:linear-gradient(112deg,#0000 42%,#ffffffa6 49%,#0000 56%);animation:3s ease-in-out infinite foil-sweep;position:absolute;inset:-90% -120%}.choice-rune{z-index:2;color:#fff;background:#14233a8a;border:2px solid #ffffffe6;border-radius:50%;place-items:center;width:39px;height:39px;font-size:19px;font-weight:1000;display:grid;position:relative;box-shadow:inset 0 0 13px #ffffff61,0 0 14px #ffffff61}.choice-copy{z-index:2;text-align:center;justify-items:center;gap:3px;min-width:0;display:grid;position:relative}.choice-copy small{letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:1000;overflow:hidden}.choice-copy b{font-size:12px;line-height:1.05}.choice-copy em{text-overflow:ellipsis;font-size:7px;font-style:normal;font-weight:800;line-height:1.2;overflow:hidden}.skill-choice-card>strong{z-index:2;color:#fff;text-align:center;text-shadow:0 2px #0000004d;background:#112133c2;border:2px solid #ffffffe0;border-radius:10px;place-items:center;width:76%;min-height:40px;padding:4px;font:1000 15px/1 Georgia,serif;display:grid;position:relative;box-shadow:0 3px #0003}@keyframes choice-card-arrive{0%{opacity:0;transform:translate(-18px)rotate(-4deg)scale(.84)}to{opacity:1;transform:none}}@keyframes mystery-card-arrive{0%{opacity:0;transform:translate(-18px)rotateY(-20deg)scale(.84)}to{opacity:1;transform:none}}@keyframes choice-card-flip{0%{opacity:.25;transform:rotateY(90deg)scale(.92)}55%{opacity:1;transform:rotateY(-8deg)scale(1.05)}to{transform:rotateY(0)scale(1)}}.spell-rune-art{z-index:2;color:#fff;background:radial-gradient(circle at 35% 28%,#ffffffe6,#fff3 18%,#162f4cb3 70%);border:4px solid #ffffffc7;border-radius:50%;place-items:center;width:76px;height:76px;margin-top:-17px;display:grid;position:relative;box-shadow:inset 0 0 20px #ffffff73,0 0 23px #fff9}.spell-rune-art>i{border:2px solid #ffffffa6;border-radius:50%;animation:4s linear infinite rune-orbit;position:absolute;inset:-8px}.spell-rune-art>i:nth-child(2){border-style:dashed;animation-duration:3s;animation-direction:reverse;inset:9px -13px}.spell-rune-art>b{text-shadow:0 0 14px #fff;font-size:32px}@keyframes rune-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.hero-unit>.wizard-avatar.hero-render{animation:2.3s ease-in-out infinite wizard-ready}.boss-unit .number-slime-avatar{animation:2.6s ease-in-out infinite slime-duel-ready}.boss-hit .number-slime-avatar{animation:.58s ease-in-out both boss-shake}}@keyframes slime-duel-ready{0%,to{transform:translateY(0)rotate(1deg)scale(1)}50%{transform:translateY(-9px)rotate(-2deg)scale(1.025)}}@media (min-width:900px) and (max-width:1100px) and (orientation:landscape){.arena-characters .number-slime-avatar{width:180px;height:210px}}@media (min-width:900px) and (max-height:720px) and (orientation:landscape){.arena-characters .number-slime-avatar{width:175px;height:200px}}@media (max-width:899px){.arena-characters .number-slime-avatar{width:145px;height:165px}.skill-choice-stack{width:130px}.skill-choice-stack>button{width:108px;min-height:148px}.blind-skill-card,.skill-choice-card,.mystery-skill-back{min-height:148px}.mystery-skill-back{padding:12px 8px 9px}.mystery-seal{width:52px;height:52px}.mystery-skill-back>strong{width:24px;height:24px;font-size:11px}.skill-choice-card{grid-template-rows:37px minmax(0,1fr) 40px;padding:9px 7px}.choice-rune{width:34px;height:34px;font-size:15px}.skill-choice-card>strong{min-height:35px;font-size:12px}}.cpa-steps em{color:#fff;background:linear-gradient(145deg,#20b895,#087b82);border:2px solid #fff;border-radius:10px;place-items:center;width:32px;height:32px;margin:0 auto 4px;font-size:18px;font-style:normal;line-height:1;display:grid;box-shadow:0 4px #0430372e,0 0 0 3px #20b8951f}.arena-characters.cinematic-active{isolation:isolate;box-shadow:none;border-radius:0;overflow:hidden}.cinematic-active .spell-lane{z-index:35}.cinematic-active .spell-lane .versus,.cinematic-active .spell-lane .draw-history{opacity:0}.cinematic-active .boss-unit .damage-pop,.cinematic-active .boss-unit .impact-burst{z-index:52}.meteor-cinematic{--target-scale:1;--impact-scale:1.9;--element-glow:#fff1ad;--element-deep:#a26f3f;--meteor-element:linear-gradient(145deg, #fff1a5, #d89b43 48%, #804427);z-index:30;pointer-events:none;color:var(--element-glow);background:radial-gradient(circle at 83% 52%, color-mix(in srgb, var(--element-glow) 24%, transparent), transparent 22%);box-shadow:none;border:0;border-radius:0;animation:.36s cubic-bezier(.18,.82,.2,1) both meteor-cinema-open;position:absolute;inset:0;overflow:hidden}.meteor-cinematic:before{content:"";opacity:.12;background:repeating-radial-gradient(circle,#0000 0 27px,#ffffff38 28px 29px),repeating-linear-gradient(112deg,#0000 0 36px,#ffffff14 37px 39px);animation:2s linear both meteor-grid-rush;position:absolute;inset:-30%;transform:perspective(440px)rotateX(63deg)scale(1.45)}.meteor-cinematic:after{content:"";background:radial-gradient(circle at 82% 54%, color-mix(in srgb, var(--element-glow) 16%, transparent), transparent 28%);box-shadow:none;border-radius:0;position:absolute;inset:0}.meteor-zoom-frame{z-index:2;transform-origin:50%;border:0;border-radius:0;position:absolute;inset:0;overflow:hidden}.cosmic-sky{z-index:1;background:radial-gradient(circle at 72% 20%, color-mix(in srgb, var(--element-glow) 16%, transparent), transparent 24%), radial-gradient(circle at 28% 72%, #3e5bb633, transparent 30%);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(6,1fr);place-items:center;display:grid;position:absolute;inset:0}.cosmic-sky>i{width:3px;height:3px;box-shadow:0 0 8px #fff, 0 0 15px var(--element-glow);background:#fff;border-radius:50%;animation:.8s ease-in-out infinite alternate cosmic-star-pulse}.cosmic-sky>i:nth-child(3n){width:5px;height:5px;animation-delay:-.35s}.cosmic-sky>i:nth-child(4n){animation-delay:-.62s;transform:translate(24px,-17px)}.cosmic-sky>i:nth-child(5n){opacity:.6;transform:translate(-31px,19px)}.meteor-rain{z-index:10;position:absolute;inset:0;overflow:hidden}.meteor-rain>i{left:var(--rain-x);background:linear-gradient(180deg, transparent, var(--element-glow) 48%, #fff 84%);width:8px;height:132px;box-shadow:0 0 12px var(--element-glow);filter:drop-shadow(0 0 10px var(--element-glow));transform:rotate(-24deg) scale(var(--rain-scale));transform-origin:bottom;animation:meteor-rain-fall 1.12s cubic-bezier(.18,.66,.21,1) var(--rain-delay) both;border-radius:99px;position:absolute;top:-42%}.meteor-rain>i>b{background:var(--meteor-element);width:20px;height:20px;box-shadow:inset -5px -4px 6px #0000006b, 0 0 17px var(--element-glow);border:3px solid #ffffffa3;border-radius:48% 52% 38% 62%;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(26deg)}.meteor-phase-draw .meteor-zoom-frame{animation:2s cubic-bezier(.18,.72,.2,1) both meteor-camera-charge}.meteor-phase-cast .meteor-zoom-frame{animation:2s cubic-bezier(.12,.72,.16,1) both meteor-camera-strike}.meteor-timing{z-index:20;color:#fff;text-shadow:0 2px 7px #000;grid-template-columns:auto auto;gap:1px 8px;display:grid;position:absolute;top:30px;left:30px}.meteor-timing span{letter-spacing:.12em;font-size:13px;font-weight:1000}.meteor-timing b{color:var(--element-glow);letter-spacing:.08em;font-size:12px}.meteor-timing i{background:#ffffff38;border-radius:99px;grid-column:1/-1;width:148px;height:6px;overflow:hidden}.meteor-timing i:after{content:"";border-radius:inherit;background:linear-gradient(90deg, #fff, var(--element-glow));transform-origin:0;width:100%;height:100%;animation:2s linear both meteor-timer;display:block}.meteor-formula{z-index:20;color:#fff;white-space:nowrap;background:#02121db8;border:1px solid #ffffff59;border-radius:99px;align-items:center;gap:6px;min-height:27px;padding:5px 10px;font-size:12px;font-weight:900;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #00000040}.meteor-formula i{color:#ffd961;font-size:12px;font-style:normal}.meteor-formula b{color:#092632;background:#fff1a3;border-radius:8px;padding:3px 8px;font-size:14px}.meteor-formula strong{color:var(--element-glow)}.meteor-body{z-index:12;color:#fff;filter:grayscale()drop-shadow(-12px 0 12px #e2edf657);background:radial-gradient(circle at 31% 27%,#d9dee2 0 8%,#0000 9%),radial-gradient(circle at 68% 62%,#515862 0 12%,#0000 13%),linear-gradient(145deg,#b9bec4,#666e78 48%,#292e38);border:4px solid #ffffff7a;border-radius:47% 53% 55% 45%/57% 42% 58% 43%;place-items:center;width:90px;height:82px;display:grid;position:absolute;top:53%;left:24%;overflow:hidden;transform:translate(-50%,-50%)scale(.72)rotate(-28deg);box-shadow:inset 11px 9px 14px #fff3,inset -13px -12px 16px #00000073,0 0 14px #ffffff73,0 12px 22px #0006}.meteor-body:before{content:"";z-index:-1;filter:blur(7px);background:linear-gradient(90deg,#0000,#e6edf26b 58%,#fff);border-radius:50%;width:150px;height:55px;position:absolute;top:18%;right:65%}.meteor-body:after{content:"";z-index:5;border-radius:inherit;border:2px solid #ffffff6b;position:absolute;inset:4px;box-shadow:inset 0 0 18px #fff3}.meteor-element-coat{z-index:2;opacity:0;background:var(--meteor-element);mix-blend-mode:color;filter:saturate(1.75)brightness(1.12);position:absolute;inset:-7px}.meteor-body>b{z-index:8;color:#fff;box-shadow:0 0 15px var(--element-glow);text-shadow:0 0 7px var(--element-glow);background:#02111c9e;border:2px solid #ffffffd1;border-radius:8px;padding:4px 7px;font-size:13px;position:relative}.meteor-crater{z-index:6;background:#151d2485;border-radius:50%;position:absolute;box-shadow:inset 2px 2px 3px #00000073,1px 1px #ffffff29}.crater-one{width:13px;height:11px;top:18px;left:17px}.crater-two{width:9px;height:9px;top:15px;right:16px}.crater-three{width:17px;height:13px;bottom:13px;right:18px}.meteor-size-grow{--target-scale:1.28;--impact-scale:2.2}.meteor-size-grow-max{--target-scale:1.7;--impact-scale:2.8}.meteor-size-steady{--target-scale:1.04;--impact-scale:1.9}.meteor-size-shrink{--target-scale:.76;--impact-scale:1.42}.meteor-size-shrink-max{--target-scale:.54;--impact-scale:1.08}.meteor-element-metal{--element-glow:#fff4a5;--element-deep:#8b7540;--meteor-element:linear-gradient(145deg, #fff, #e8d06f 46%, #8f98a4 72%, #5d4c28)}.meteor-element-wood{--element-glow:#8effb9;--element-deep:#0f6b44;--meteor-element:linear-gradient(145deg, #dfff90, #2fbd6f 52%, #07523b)}.meteor-element-water{--element-glow:#90ecff;--element-deep:#2455b8;--meteor-element:linear-gradient(145deg, #dbfbff, #30bde5 49%, #3649b7)}.meteor-element-fire{--element-glow:#ffe06f;--element-deep:#b61d2b;--meteor-element:linear-gradient(145deg, #fff19b, #ff782c 42%, #d5292f 68%, #74152c)}.meteor-element-earth{--element-glow:#ffd18b;--element-deep:#72462c;--meteor-element:linear-gradient(145deg, #ffe29f, #bd7d3b 48%, #673b29)}.meteor-element-all{--element-glow:#fff;--element-deep:#794eb5;--meteor-element:conic-gradient(#f6d65f, #ee5c48, #448de2, #3bcf9c, #bd7ad8, #f6d65f)}.meteor-phase-draw .meteor-body{animation:2s cubic-bezier(.18,.72,.2,1) both meteor-charge}.meteor-phase-draw .meteor-element-coat{animation:2s ease-in-out both meteor-infuse}.meteor-phase-draw .meteor-body>b{animation:2s ease-in-out both meteor-symbol-awaken}.meteor-phase-cast .meteor-body{filter:grayscale(0) drop-shadow(-18px 0 16px var(--element-glow));animation:2s cubic-bezier(.12,.7,.14,1) both meteor-strike;left:50%}.meteor-phase-cast .meteor-element-coat{opacity:.94}.meteor-phase-cast .meteor-body:before{background:linear-gradient(90deg, transparent, var(--element-deep) 34%, var(--element-glow) 73%, #fff)}.meteor-trail{z-index:8;width:62%;height:100px;position:absolute;top:50%;left:18%;transform:translateY(-50%)}.meteor-trail i{opacity:0;background:linear-gradient(90deg, transparent, var(--element-glow));width:82%;height:9px;filter:blur(2px) drop-shadow(0 0 8px var(--element-glow));transform-origin:100%;border-radius:99px;position:absolute;top:50%;left:0}.meteor-trail i:nth-child(2){width:64%;height:5px;top:35%;transform:rotate(-8deg)}.meteor-trail i:nth-child(3){width:71%;height:4px;top:66%;transform:rotate(9deg)}.meteor-phase-draw .meteor-trail i{animation:2s ease-in-out both meteor-trail-charge}.meteor-phase-cast .meteor-trail i{animation:2s ease-in-out both meteor-trail-fire}.meteor-size-callout{z-index:20;border:1px solid color-mix(in srgb, var(--element-glow) 68%, white);color:#fff;box-shadow:0 0 15px color-mix(in srgb, var(--element-glow) 32%, transparent);letter-spacing:.06em;white-space:nowrap;background:#02111cc2;border-radius:99px;padding:5px 10px;font-size:9px;font-weight:1000;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.meteor-phase-draw .meteor-size-callout{animation:2s ease-in-out both meteor-callout}.meteor-phase-cast .meteor-size-callout{opacity:0}.meteor-cinematic .element-skill-fx{z-index:9;width:48%;height:1px;inset:50% auto auto 23%;transform:translateY(-50%)}.meteor-cinematic .element-skill-fx .element-core{animation-duration:2s;top:-21px;left:5%}.meteor-cinematic .element-skill-fx .element-ring{animation-duration:1.85s;top:-18px;left:7%}.meteor-cinematic .element-skill-fx>i{animation-duration:1.9s;top:0;left:5%}.meteor-impact-zone{z-index:16;opacity:0;width:120px;height:120px;position:absolute;top:53%;left:87%;transform:translate(-50%,-50%)}.meteor-phase-cast .meteor-impact-zone{animation:2s ease-out both meteor-impact-reveal}.meteor-impact-zone>i{box-shadow:0 0 18px #fff, 0 0 38px var(--element-glow);border:7px solid #fff;border-radius:50%;animation:2s ease-out both meteor-impact-ring;position:absolute;inset:18px}.meteor-impact-zone>i:nth-child(2){border-width:3px;animation-delay:80ms;inset:7px}.meteor-impact-zone>i:nth-child(3){border-style:dashed;animation-delay:.15s;inset:31px}.meteor-impact-zone>b{--dx:0px;--dy:0px;background:var(--element-glow);width:9px;height:9px;box-shadow:0 0 12px var(--element-glow);border:2px solid #fff;animation:2s ease-out both meteor-debris;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.meteor-impact-zone>b:first-of-type{--dx:-94px;--dy:-58px}.meteor-impact-zone>b:nth-of-type(2){--dx:-55px;--dy:-92px}.meteor-impact-zone>b:nth-of-type(3){--dx:3px;--dy:-106px}.meteor-impact-zone>b:nth-of-type(4){--dx:68px;--dy:-85px}.meteor-impact-zone>b:nth-of-type(5){--dx:105px;--dy:-34px}.meteor-impact-zone>b:nth-of-type(6){--dx:111px;--dy:28px}.meteor-impact-zone>b:nth-of-type(7){--dx:77px;--dy:83px}.meteor-impact-zone>b:nth-of-type(8){--dx:17px;--dy:106px}.meteor-impact-zone>b:nth-of-type(9){--dx:-49px;--dy:92px}.meteor-impact-zone>b:nth-of-type(10){--dx:-96px;--dy:54px}.meteor-impact-zone>b:nth-of-type(11){--dx:-113px;--dy:2px}.meteor-impact-zone>b:nth-of-type(12){--dx:55px;--dy:50px}.meteor-cinematic.meteor-finisher{z-index:42;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--element-glow) 28%, transparent), transparent 24%), radial-gradient(circle at 20% 24%, #252a7961 0, transparent 36%);box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.meteor-finisher .meteor-zoom-frame{border:0;border-radius:0;inset:0}.meteor-finisher .meteor-body{z-index:30}.meteor-finisher .meteor-rain{z-index:24}.meteor-finisher .meteor-formula{top:6%}.meteor-finisher .meteor-timing{top:5%;left:4%}.finisher-power{z-index:28;position:absolute;inset:0;overflow:hidden}.finisher-title{z-index:12;color:#fff;text-shadow:0 0 14px var(--element-glow), 0 4px 0 #00000052;justify-items:center;animation:.62s cubic-bezier(.16,.8,.2,1) both finisher-title-in;display:grid;position:absolute;top:14%;left:50%;transform:translate(-50%)}.finisher-title small{color:var(--element-glow);letter-spacing:.34em;font-size:clamp(10px,1.2vw,17px);font-weight:1000}.finisher-title b{letter-spacing:.05em;font-size:clamp(20px,3vw,38px);line-height:1.05}.finisher-core{z-index:10;aspect-ratio:1;color:#071c30;background:radial-gradient(circle at 37% 32%, #fff, var(--element-glow) 43%, var(--element-deep) 74%);width:clamp(88px,14vw,210px);box-shadow:0 0 30px #fff, 0 0 80px var(--element-glow), 0 0 170px var(--element-deep);border:clamp(4px,.6vw,10px) solid #fff;border-radius:50%;place-items:center;font:1000 clamp(40px,8vw,116px)/1 Georgia,serif;animation:2s cubic-bezier(.1,.7,.18,1) both finisher-core-charge;display:grid;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.finisher-ring{z-index:9;aspect-ratio:1;border:3px solid var(--element-glow);width:clamp(150px,28vw,430px);box-shadow:0 0 24px var(--element-glow), inset 0 0 24px var(--element-glow);border-radius:50%;animation:2s linear both finisher-ring-spin;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.finisher-ring.ring-two{border-style:dashed;width:clamp(210px,38vw,590px);animation-direction:reverse}.finisher-ring.ring-three{opacity:.62;border-width:1px;width:clamp(280px,50vw,760px);animation-duration:1.45s}.finisher-beam{z-index:8;background:linear-gradient(90deg, #fff, var(--element-glow) 35%, color-mix(in srgb, var(--element-deep) 82%, transparent));width:58%;height:clamp(45px,11vw,150px);box-shadow:0 0 35px #fff, 0 0 95px var(--element-glow);transform-origin:0;border-radius:0 999px 999px 0;animation:2s cubic-bezier(.1,.74,.2,1) both finisher-beam-fire;position:absolute;top:55%;left:50%;transform:translateY(-50%)scaleX(0)}.finisher-whiteout{z-index:40;opacity:0;background:#fff;animation:2s ease-out both finisher-whiteout;position:absolute;inset:0}.boss-hit .number-slime-card{animation:.9s cubic-bezier(.2,.78,.18,1) both meteor-boss-crash}.boss-hit .impact-burst{width:150px;height:150px;top:42%;right:0}.boss-hit .impact-burst i{animation-duration:.9s}.boss-hit .damage-pop{font-size:48px;animation-duration:1s}@keyframes meteor-cinema-open{0%{opacity:0;filter:brightness(1.5);transform:scale(.92)}to{opacity:1;filter:brightness();transform:scale(1.015)}}@keyframes cosmic-star-pulse{0%{opacity:.25;transform:scale(.65)}to{opacity:1;transform:scale(1.7)}}@keyframes meteor-rain-fall{0%{opacity:0;translate:-18vw -16vh}12%{opacity:1}82%{opacity:1}to{opacity:0;translate:20vw 145vh}}@keyframes finisher-title-in{0%{opacity:0;transform:translate(-50%,-28px)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes finisher-core-charge{0%{opacity:0;filter:brightness(3);transform:translate(-50%,-50%)scale(.08)rotate(-70deg)}42%{opacity:1;transform:translate(-50%,-50%)scale(.7)rotate(20deg)}69%{filter:brightness(1.2);transform:translate(-50%,-50%)scale(1.12)rotate(0)}82%{filter:brightness(2.8);transform:translate(-50%,-50%)scale(.86)}to{filter:brightness(5);transform:translate(-50%,-50%)scale(2.4)}}@keyframes finisher-ring-spin{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}28%{opacity:.86}82%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(390deg)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)rotate(540deg)}}@keyframes finisher-beam-fire{0%,64%{opacity:0;transform:translateY(-50%)scaleX(0)}70%{opacity:1;transform:translateY(-50%)scaleX(.08)}86%{opacity:1;transform:translateY(-50%)scaleX(1)}to{opacity:0;filter:brightness(3);transform:translateY(-50%)scaleX(1.35)}}@keyframes finisher-whiteout{0%,82%{opacity:0}89%{opacity:.94}to{opacity:0}}@keyframes meteor-grid-rush{0%{transform:perspective(440px)rotateX(63deg)translate(-10%)scale(1.45)}to{transform:perspective(440px)rotateX(63deg)translate(10%)scale(1.62)}}@keyframes meteor-camera-charge{0%{transform:scale(1)}52%{transform:scale(1.035)}to{transform:scale(1.075)}}@keyframes meteor-camera-strike{0%{transform:scale(1.075)}58%{transform:scale(1.12)translate(-1%)}82%{filter:brightness();transform:scale(1.18)translate(-2%)}86%{filter:brightness(2.4)}to{filter:brightness();transform:scale(1.08)}}@keyframes meteor-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes meteor-charge{0%{filter:grayscale()drop-shadow(-8px 0 8px #e6eff54d);left:23%;transform:translate(-50%,-50%)scale(.72)rotate(-28deg)}30%{filter:grayscale()drop-shadow(-10px 0 10px #e6eff566);left:41%;transform:translate(-50%,-50%)scale(.92)rotate(35deg)}52%{filter:grayscale(.68) drop-shadow(0 0 15px var(--element-glow));left:50%;transform:translate(-50%,-50%)scale(1)rotate(92deg)}72%{filter:grayscale(.18) drop-shadow(0 0 22px var(--element-glow));transform:translate(-50%, -50%) scale(var(--target-scale)) rotate(145deg);left:50%}88%{filter:grayscale(0) brightness(1.35) drop-shadow(0 0 34px var(--element-glow));transform:translate(-50%, -50%) scale(var(--target-scale)) rotate(175deg);left:50%}to{filter:grayscale(0) drop-shadow(0 0 24px var(--element-glow));transform:translate(-50%, -50%) scale(var(--target-scale)) rotate(190deg);left:50%}}@keyframes meteor-infuse{0%,31%{opacity:0}52%{opacity:.34}76%,to{opacity:.94}}@keyframes meteor-symbol-awaken{0%,36%{opacity:0;transform:scale(.5)}58%{opacity:1;transform:scale(1.22)}to{opacity:1;transform:scale(1)}}@keyframes meteor-strike{0%{opacity:1;transform:translate(-50%, -50%) scale(var(--target-scale)) rotate(190deg);top:53%;left:50%}18%{transform:translate(-50%, -50%) scale(var(--target-scale)) rotate(240deg);top:51%;left:52%}62%{opacity:1;transform:translate(-50%, -50%) scale(var(--target-scale)) rotate(470deg);top:53%;left:77%}79%{opacity:1;transform:translate(-50%, -50%) scale(var(--impact-scale)) rotate(630deg);filter:brightness(1.15) drop-shadow(-25px 0 22px var(--element-glow));top:53%;left:87%}86%{opacity:1;transform:translate(-50%, -50%) scale(var(--impact-scale)) rotate(700deg);filter:brightness(2.7)drop-shadow(0 0 38px #fff);left:88%}to{opacity:0;transform:translate(-50%, -50%) scale(var(--impact-scale)) rotate(780deg);filter:brightness(3)drop-shadow(0 0 45px #fff);left:92%}}@keyframes meteor-trail-charge{0%,30%{opacity:0;transform:scaleX(.05)}58%{opacity:.82;transform:scaleX(.48)}to{opacity:.25;transform:scaleX(.7)}}@keyframes meteor-trail-fire{0%{opacity:.32;transform:scaleX(.25)}35%{opacity:.9;transform:scaleX(.82)}78%{opacity:1;transform:scaleX(1.15)}to{opacity:0;transform:scaleX(1.4)}}@keyframes meteor-callout{0%,38%{opacity:0;transform:translate(-50%,8px)scale(.8)}58%,88%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:.7;transform:translate(-50%)scale(1)}}@keyframes meteor-impact-reveal{0%,69%{opacity:0;transform:translate(-50%,-50%)scale(.35)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.9)}}@keyframes meteor-impact-ring{0%,69%{opacity:0;transform:scale(.15)}76%{opacity:1;transform:scale(.65)}to{opacity:0;transform:scale(2.8)}}@keyframes meteor-debris{0%,72%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}77%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.5) rotate(240deg)}}@keyframes meteor-boss-crash{0%{filter:brightness();transform:translate(0)rotate(0)scale(1)}18%{filter:brightness(2.2);transform:translate(18px)rotate(8deg)scale(1.08)}40%{transform:translate(-14px)rotate(-7deg)scale(.95)}64%{transform:translate(9px)rotate(4deg)scale(1.03)}to{filter:brightness();transform:translate(0)rotate(0)scale(1)}}@media (min-width:900px) and (max-width:1100px) and (orientation:landscape){.meteor-cinematic{inset:2px}.meteor-formula{gap:4px;max-width:62%;font-size:8px}.meteor-body{width:76px;height:69px}.meteor-timing{left:20px}.meteor-size-callout{bottom:6px}}@media (max-width:560px){.blind-skill-card{min-height:148px}}@media (min-width:900px) and (orientation:landscape) and (max-height:720px){.meteor-timing,.meteor-formula{top:24px}.meteor-size-callout{padding-block:3px;bottom:5px}}@media (prefers-reduced-motion:reduce){.meteor-cinematic,.meteor-cinematic:before,.meteor-zoom-frame,.meteor-timing i:after,.meteor-body,.meteor-element-coat,.meteor-body>b,.meteor-trail i,.meteor-size-callout,.meteor-cinematic .element-skill-fx,.meteor-cinematic .element-skill-fx *,.meteor-impact-zone,.meteor-impact-zone *,.cosmic-sky *,.meteor-rain *,.finisher-power *,.boss-hit .number-slime-card{animation:none!important}.meteor-phase-draw .meteor-body{filter:grayscale(0);transform:translate(-50%, -50%) scale(var(--target-scale));left:50%}.meteor-phase-draw .meteor-element-coat,.meteor-phase-cast .meteor-element-coat{opacity:.94}.meteor-phase-cast .meteor-body{opacity:.9;transform:translate(-50%, -50%) scale(var(--impact-scale));left:87%}.meteor-phase-cast .meteor-impact-zone{opacity:.85;transform:translate(-50%,-50%)scale(1.1)}.meteor-rain{display:none}.finisher-core{opacity:1;transform:translate(-50%,-50%)scale(1)}.finisher-title{opacity:1;transform:translate(-50%)}}