@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-gradient-1:#1e1b4b;--bg-gradient-2:#312e81;--surface:#ffffff1a;--surface-border:#fff3;--success:#22c55e;--error:#ef4444;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-accent:#a5b4fc;--text-success:#4ade80;--text-error:#f87171}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-1), var(--bg-gradient-2));color:var(--text-primary);justify-content:center;align-items:flex-start;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-y:auto}#root{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 2rem 3rem;transition:max-width .25s}#root:has(.battle-arena-wide-layout){max-width:1620px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a66;border-radius:4px}::-webkit-scrollbar-thumb{background:#6366f173;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f1bf}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.text-gradient{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:24px;padding:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp;box-shadow:0 25px 50px -12px #00000080}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-family:inherit;font-size:1.125rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 10px 20px -10px var(--primary);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-icon{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-icon:hover{background:#fff3}.input-field{border:2px solid var(--surface-border);color:#fff;text-align:center;background:#0003;border-radius:12px;width:100%;padding:1rem;font-family:inherit;font-size:1.25rem;font-weight:600;transition:all .2s}.input-field:focus{border-color:var(--text-accent);outline:none;box-shadow:0 0 0 4px #6366f133}.input-large{border-radius:20px;padding:1.5rem;font-size:3rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.9)}20%{opacity:1;transform:translateY(-8px)scale(1.15)}80%{opacity:1;transform:translateY(-24px)scale(1)}to{opacity:0;transform:translateY(-38px)scale(.9)}}.float-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards floatUp}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.shake{animation:.4s ease-in-out shake}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pop-in{animation:.3s cubic-bezier(.16,1,.3,1) popIn}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)scale(.95)}20%{opacity:1;transform:translateY(0)scale(1.05)}80%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.9)}}.vocab-option-card{transition:transform .15s,border-color .15s,background-color .15s,box-shadow .15s}.vocab-option-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000059;background-color:#2f3f59cc!important;border-color:#6366f199!important}.problem-container{text-shadow:0 4px 12px #0000004d;justify-content:center;align-items:center;gap:1rem;margin:2rem 0;font-size:4rem;font-weight:700;display:flex}.stats-bar{box-sizing:border-box;background:#00000040;border:1px solid #ffffff1f;border-radius:16px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.75rem;min-height:54px;margin-bottom:.75rem;padding:.65rem 1rem;font-weight:600;display:flex}.stat-item{align-items:center;gap:.5rem;display:flex}.stat-value{color:var(--text-accent);font-size:1.25rem}.config-group{margin-bottom:1.5rem}.config-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.range-inputs{align-items:center;gap:1rem;display:flex}.checkbox-group{gap:1rem;display:flex}.checkbox-label{cursor:pointer;border:1px solid var(--surface-border);background:#0003;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;transition:all .2s;display:flex}.checkbox-label:hover{background:#ffffff0d}.checkbox-label input:checked+span{color:var(--text-accent)}.checkbox-label input:checked{accent-color:var(--text-accent)}.vertical-container{flex-direction:column;align-items:flex-end;width:max-content;margin:2rem auto;font-size:3rem;font-weight:700;display:flex;position:relative}.vertical-row{justify-content:flex-end;gap:.2rem;display:flex;position:relative}.digit-display{text-align:center;width:3.5rem;line-height:1.2;display:inline-block}.vertical-op{color:var(--text-primary);opacity:.9;position:absolute;bottom:0;left:-3rem}.vertical-divider{background:var(--surface-border);border-radius:2px;width:calc(100% + 1rem);height:4px;margin-top:.5rem;margin-bottom:1rem;margin-left:-1rem}.vertical-inputs{justify-content:flex-end;gap:.2rem;display:flex}.digit-input{text-align:center;border:2px solid var(--surface-border);color:#fff;background:#0003;border-radius:12px;width:3.5rem;height:4.5rem;font-size:3rem;font-weight:700;transition:all .2s}.digit-input:focus{border-color:var(--text-accent);outline:none;box-shadow:0 0 0 4px #6366f133}.rc-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);margin-bottom:.75rem;font-size:.8rem;font-weight:700}.rc-stat-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;display:grid}.rc-stat-card{border:1px solid var(--surface-border);text-align:center;background:#00000040;border-radius:16px;padding:1rem .75rem;transition:transform .15s}.rc-stat-card:hover{transform:translateY(-2px)}.rc-stat-icon{justify-content:center;margin-bottom:.4rem;display:flex}.rc-stat-value{font-size:1.6rem;font-weight:700;line-height:1.1}.rc-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;font-size:.75rem;font-weight:600}.rc-stat-sub{color:var(--text-secondary);margin-top:.15rem;font-size:.7rem}.rc-panel{border:1px solid var(--surface-border);background:#0003;border-radius:14px;padding:1rem 1.1rem}.rc-panel-heading{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.rc-empty-msg{color:var(--text-secondary);font-size:.82rem}.rc-bar-track{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.rc-bar-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.rc-pattern-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.35rem 0;display:flex}.rc-pattern-row:last-child{border-bottom:none}.rc-pattern-tag{background:#ffffff12;border-radius:6px;padding:.2rem .5rem;font-family:monospace;font-size:.85rem;font-weight:600}.rc-heatmap{grid-template-columns:repeat(14,1fr);gap:3px;min-width:380px;display:grid}.rc-heat-header{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;height:20px;font-size:.6rem;font-weight:700;display:flex}.rc-heat-cell{aspect-ratio:1;cursor:default;border-radius:3px;transition:transform .1s}.rc-heat-cell:hover{z-index:1;position:relative;transform:scale(1.4)}.rc-heat-legend{color:var(--text-secondary);flex-wrap:wrap;gap:1.25rem;margin-top:.75rem;font-size:.75rem;display:flex}.rc-heat-swatch{vertical-align:middle;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}@keyframes starParabolicBounce{0%{opacity:0;transform:translate(-50%)translateY(-60px)scale(.3)}50%{opacity:1;transform:translate(-50%)translateY(-15px)scale(1.2)}75%{transform:translate(-50%)translateY(0)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes spinPulse{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}@keyframes petWaddle{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-5px)rotate(6deg)}}@keyframes petChomp{0%{transform:scale(1)translateY(0)}40%{transform:scale(1.3,.7)translateY(-8px)}70%{transform:scale(.85,1.25)translateY(-14px)}to{transform:scale(1)translateY(0)}}@keyframes petCheer{0%{transform:translateY(0)scale(1)}to{transform:translateY(-10px)scale(1.1)rotate(5deg)}}@keyframes petTilt{0%,to{transform:rotate(0)}50%{transform:rotate(-12deg)scale(1.05)}}@keyframes petGentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spriteStep6{0%,16.65%{background-position:0%}16.66%,33.32%{background-position:20%}33.33%,49.99%{background-position:40%}50%,66.65%{background-position:60%}66.66%,83.32%{background-position:80%}83.33%,to{background-position:100%}}@keyframes spriteStep8{0%,12.49%{background-position:0%}12.5%,24.99%{background-position:14.285%}25%,37.49%{background-position:28.571%}37.5%,49.99%{background-position:42.857%}50%,62.49%{background-position:57.142%}62.5%,74.99%{background-position:71.428%}75%,87.49%{background-position:85.714%}87.5%,to{background-position:100%}}@keyframes ignisSpriteIdle{0%,16.65%{background-position:0%}16.66%,33.32%{background-position:20%}33.33%,49.99%{background-position:40%}50%,66.65%{background-position:60%}66.66%,83.32%{background-position:80%}83.33%,to{background-position:100%}}@keyframes ignisSpriteDefend{0%,16.65%{background-position:0%}16.66%,33.32%{background-position:20%}33.33%,49.99%{background-position:40%}50%,66.65%{background-position:60%}66.66%,83.32%{background-position:80%}83.33%,to{background-position:100%}}@keyframes ignisSpriteMove{0%,16.65%{background-position:0%}16.66%,33.32%{background-position:20%}33.33%,49.99%{background-position:40%}50%,66.65%{background-position:60%}66.66%,83.32%{background-position:80%}83.33%,to{background-position:100%}}@keyframes ignisSpriteAttack{0%,12.49%{background-position:0%}12.5%,24.99%{background-position:14.285%}25%,37.49%{background-position:28.571%}37.5%,49.99%{background-position:42.857%}50%,62.49%{background-position:57.142%}62.5%,74.99%{background-position:71.428%}75%,87.49%{background-position:85.714%}87.5%,to{background-position:100%}}@keyframes stellaSpriteIdle{0%,16.65%{background-position:0%}16.66%,33.32%{background-position:20%}33.33%,49.99%{background-position:40%}50%,66.65%{background-position:60%}66.66%,83.32%{background-position:80%}83.33%,to{background-position:100%}}@keyframes stellaSpriteDefend{0%,16.65%{background-position:0%}16.66%,33.32%{background-position:20%}33.33%,49.99%{background-position:40%}50%,66.65%{background-position:60%}66.66%,83.32%{background-position:80%}83.33%,to{background-position:100%}}@keyframes stellaSpriteMove{0%,16.65%{background-position:0%}16.66%,33.32%{background-position:20%}33.33%,49.99%{background-position:40%}50%,66.65%{background-position:60%}66.66%,83.32%{background-position:80%}83.33%,to{background-position:100%}}@keyframes stellaSpriteAttack{0%,12.49%{background-position:0%}12.5%,24.99%{background-position:14.285%}25%,37.49%{background-position:28.571%}37.5%,49.99%{background-position:42.857%}50%,62.49%{background-position:57.142%}62.5%,74.99%{background-position:71.428%}75%,87.49%{background-position:85.714%}87.5%,to{background-position:100%}}@keyframes defendAuraPulse{0%,to{opacity:.75;transform:scale(1);box-shadow:0 0 10px #f9731666,inset 0 0 8px #fef08a4d}50%{opacity:1;transform:scale(1.06);box-shadow:0 0 22px #f97316cc,inset 0 0 16px #fef08a99}}@keyframes ignisGentleBob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.02,.98)}}@keyframes ignisFlutter{0%{transform:translateY(-2px)rotate(-3deg)scale(.98,1.02)}to{transform:translateY(-6px)rotate(3deg)scale(1.03,.97)}}@keyframes ignisLungeBreath{0%{transform:translate(0)scale(1)}25%{transform:translate(-8px)scale(.94,1.05)}60%{transform:translate(14px)scale(1.15,.92)}to{transform:translate(0)scale(1)}}@keyframes ignisCheerBounce{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.08,.92)}to{transform:translateY(0)scale(.96,1.04)}}@keyframes ignisComfortTilt{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-7deg)translateY(-3px)}}@keyframes flameAuraPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.92;transform:scale(1.14)}}@keyframes flameBurstSparks{0%{opacity:0;transform:scale(.5)translate(0)}40%{opacity:1;transform:scale(1.2)translate(8px)}to{opacity:0;transform:scale(1.4)translate(18px)}}@keyframes acornBurstSparks{0%{opacity:0;transform:scale(.5)translate(0)rotate(-20deg)}35%{opacity:1;transform:scale(1.25)translate(10px)rotate(15deg)}to{opacity:0;transform:scale(1.3)translate(22px)rotate(45deg)}}@keyframes thimbleThrustSparks{0%{opacity:0;transform:scale(.6)translate(-4px)rotate(-10deg)}30%{opacity:1;transform:scale(1.35)translate(16px)rotate(5deg)}to{opacity:0;transform:scale(1.1)translate(26px)rotate(15deg)}}@keyframes cheeseRollSparks{0%{opacity:0;transform:scale(.6)translate(0)rotate(0)}40%{opacity:1;transform:scale(1.2)translate(12px)rotate(180deg)}to{opacity:0;transform:scale(1.35)translate(24px)rotate(360deg)}}@keyframes dandelionFlurrySparks{0%{opacity:0;transform:scale(.5)translate(0)rotate(0)}35%{opacity:1;transform:scale(1.3)translate(10px,-6px)rotate(25deg)}to{opacity:0;transform:scale(1.4)translate(24px,-12px)rotate(60deg)}}@keyframes sonicWaveBurstSparks{0%{opacity:0;transform:scale(.5)translate(0)}35%{opacity:1;transform:scale(1.3)translate(8px)}to{opacity:0;transform:scale(1.5)translate(20px)}}@keyframes sparkBurstSparks{0%{opacity:0;transform:scale(.6)translate(0)}40%{opacity:1;transform:scale(1.2)translate(8px)}to{opacity:0;transform:scale(1.3)translate(16px)}}@keyframes stellaFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1.5deg)}}@keyframes stellaProwl{0%{transform:translateY(-2px)rotate(-1deg)scale(.98,1.02)}to{transform:translateY(-6px)rotate(2deg)scale(1.02,.98)}}@keyframes stellaCastLunge{0%{transform:translate(0)scale(1)}20%{transform:translate(-6px)scale(.95,1.05)}60%{transform:translate(12px)scale(1.12,.94)}to{transform:translate(0)scale(1)}}@keyframes stellaCheerSpin{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-10px)rotate(6deg)scale(1.08)}}@keyframes stellaComfortSnuggle{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-6deg)translateY(-2px)}}@keyframes cosmicAuraPulse{0%,to{opacity:.55;filter:blur(12px);transform:scale(1)}50%{opacity:.95;filter:blur(16px);transform:scale(1.16)}}@keyframes cosmicStarBurstSparks{0%{opacity:0;transform:scale(.4)rotate(0)translate(0)}35%{opacity:1;transform:scale(1.3)rotate(45deg)translate(10px)}to{opacity:0;transform:scale(1.6)rotate(90deg)translate(24px)}}@keyframes stellaBarrierWardPulse{0%,to{opacity:.75;transform:scale(1);box-shadow:0 0 12px #818cf873,inset 0 0 10px #e879f959}50%{opacity:1;transform:scale(1.07);box-shadow:0 0 24px #818cf8e6,inset 0 0 20px #e879f9b3}}@keyframes zephyrCloudFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(1.2deg)}}@keyframes zephyrCloudHop{0%{transform:translateY(-2px)scale(.96,1.04)}50%{transform:translateY(-10px)scale(1.05,.95)}to{transform:translateY(0)scale(1.02,.98)}}@keyframes zephyrLightningLunge{0%{transform:translate(0)scale(1)}25%{transform:translate(-6px)scale(.92,1.06)}60%{transform:translate(14px)scale(1.14,.92)}to{transform:translate(0)scale(1)}}@keyframes zephyrVictoryBackflip{0%{transform:translateY(0)rotate(0)scale(1)}40%{transform:translateY(-16px)rotate(-180deg)scale(1.12)}80%{transform:translateY(-4px)rotate(-360deg)scale(.96,1.05)}to{transform:translateY(0)rotate(-360deg)scale(1)}}@keyframes zephyrEarSnuggle{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-6deg)translateY(-2px)}}@keyframes zephyrAuraPulse{0%,to{opacity:.55;filter:blur(12px);transform:scale(1)}50%{opacity:.95;filter:blur(16px);transform:scale(1.18)}}@keyframes zephyrWindBurstSparks{0%{opacity:0;transform:scale(.4)rotate(0)translate(0)}35%{opacity:1;transform:scale(1.3)rotate(30deg)translate(12px)}to{opacity:0;transform:scale(1.6)rotate(60deg)translate(24px)}}@keyframes zephyrCloudWardPulse{0%,to{opacity:.75;transform:scale(1);box-shadow:0 0 14px #38bdf873,inset 0 0 10px #a7f3d059}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 26px #38bdf8f2,inset 0 0 20px #a7f3d0b3}}@keyframes barnabyTideFloat{0%,to{transform:translateY(0)rotate(0)scale(1)}35%{transform:translateY(-5px)rotate(-1.5deg)scale(1.02)}70%{transform:translateY(3px)rotate(1.5deg)scale(.99)}}@keyframes barnabyTideSwim{0%{transform:translateY(0)rotate(-3deg)scale(1)}50%{transform:translateY(-6px)rotate(4deg)scale(1.04,.96)}to{transform:translateY(2px)rotate(-2deg)scale(.98,1.02)}}@keyframes barnabyBubbleBlast{0%{transform:translate(0)scale(1)}25%{transform:translate(-14px)rotate(-6deg)scale(.94)}50%{transform:translate(24px)rotate(4deg)scale(1.15,.95)}80%{transform:translate(6px)rotate(0)scale(1.02)}to{transform:translate(0)scale(1)}}@keyframes barnabyCheerSplash{0%,to{transform:translateY(0)rotate(0)scale(1)}30%{transform:translateY(-16px)rotate(-10deg)scale(1.12)}60%{transform:translateY(-6px)rotate(8deg)scale(1.05)}}@keyframes barnabyComfortSway{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-6deg)translateY(-3px)}}@keyframes barnabyAuraPulse{0%{opacity:.55;filter:blur(10px)drop-shadow(0 0 12px #0284c7);transform:scale(.95)}to{opacity:.9;filter:blur(14px)drop-shadow(0 0 24px #38bdf8);transform:scale(1.12)}}@keyframes barnabyBubbleBurstSparks{0%{opacity:0;transform:translate(0)scale(.5)}35%{opacity:1;transform:translate(14px,-10px)scale(1.3)}to{opacity:0;transform:translate(26px,-18px)scale(1.6)}}@keyframes barnabyBubbleWardPulse{0%,to{opacity:.8;transform:scale(1);box-shadow:0 0 14px #0284c780,inset 0 0 12px #38bdf866}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 28px #38bdf8f2,inset 0 0 22px #7dd3fccc}}@keyframes barnabyWaterWakeIdle{0%{opacity:.6;transform:scale(.92,.85)}to{opacity:.95;transform:scale(1.08,1.15)}}@keyframes barnabyWaterWakeRush{0%{opacity:.75;transform:scale(.9,.8)translate(-2px)}to{opacity:1;transform:scale(1.15,1.1)translate(3px)}}@keyframes barnabyRipplePulse{0%{opacity:.8;transform:scale(.65)}60%{opacity:.5}to{opacity:0;transform:scale(1.3)}}@keyframes barnabyWakeSplash{0%{opacity:.5;transform:translateY(0)scale(.85)}to{opacity:.95;transform:translateY(-4px)scale(1.1)}}@keyframes atlasGentleBreathing{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.02,1.01)}}@keyframes atlasHeavyStomp{0%{transform:translateY(0)rotate(-1.5deg)scale(1)}50%{transform:translateY(-5px)rotate(2deg)scale(.98,1.02)}to{transform:translateY(2px)rotate(-1.5deg)scale(1.03,.96)}}@keyframes atlasEarthShatter{0%{transform:translateY(0)scale(1)}20%{transform:translateY(-16px)scale(.94,1.08)}45%{transform:translateY(10px)scale(1.12,.9)}75%{transform:translateY(-2px)scale(1.02)}to{transform:translateY(0)scale(1)}}@keyframes atlasStoneWallPulse{0%,to{opacity:.85;transform:scale(1);box-shadow:0 0 16px #064e3b99,inset 0 0 14px #4ade8080}50%{opacity:1;transform:scale(1.06);box-shadow:0 0 32px #4ade80f2,inset 0 0 24px #a7f3d0d9}}@keyframes atlasAuraPulse{0%{opacity:.5;filter:blur(10px)drop-shadow(0 0 14px #064e3b);transform:scale(.96)}to{opacity:.9;filter:blur(16px)drop-shadow(0 0 26px #4ade80);transform:scale(1.12)}}@keyframes atlasRockBurstSparks{0%{opacity:0;transform:translate(0)scale(.5)}35%{opacity:1;transform:translate(16px,-12px)scale(1.3)}to{opacity:0;transform:translate(28px,-22px)scale(1.6)}}@keyframes atlasCheerStomp{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-12px)scale(1.08,.96)}60%{transform:translateY(2px)scale(.96,1.04)}}@keyframes atlasComfortSway{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-3deg)translateY(-2px)}}@keyframes solariaSunHover{0%,to{transform:translateY(0)rotate(0)scale(1)}35%{transform:translateY(-6px)rotate(1.5deg)scale(1.02)}70%{transform:translateY(-2px)rotate(-1.5deg)scale(.99)}}@keyframes solariaSoarFlight{0%{transform:translateY(0)rotate(-2deg)scale(1)}50%{transform:translateY(-7px)rotate(3deg)scale(1.03,.97)}to{transform:translateY(1px)rotate(-1deg)scale(.98,1.02)}}@keyframes solariaSupernovaBurst{0%{transform:translate(0)scale(1)}25%{transform:translate(-16px)rotate(-6deg)scale(.95,1.05)}50%{transform:translate(26px)rotate(4deg)scale(1.16,.94)}80%{transform:translate(8px)rotate(0)scale(1.03)}to{transform:translate(0)scale(1)}}@keyframes solariaSunShieldPulse{0%,to{opacity:.85;transform:scale(1);box-shadow:0 0 16px #f59e0b80,inset 0 0 14px #fef08a66}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 32px #fbbf24f2,inset 0 0 24px #fef08ad9}}@keyframes solariaSolarAuraPulse{0%{opacity:.55;filter:blur(10px)drop-shadow(0 0 14px #e11d48);transform:scale(.95)}to{opacity:.95;filter:blur(16px)drop-shadow(0 0 28px #fbbf24);transform:scale(1.15)}}@keyframes solariaSunSparkBurst{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}35%{opacity:1;transform:translate(18px,-12px)scale(1.4)rotate(45deg)}to{opacity:0;transform:translate(32px,-20px)scale(1.7)rotate(90deg)}}@keyframes vesperCosmicHover{0%,to{transform:translateY(0)rotate(0)scale(1)}35%{transform:translateY(-5px)rotate(1.2deg)scale(1.01)}70%{transform:translateY(-1px)rotate(-1.2deg)scale(.99)}}@keyframes vesperUndulateSwim{0%{transform:translateY(0)rotate(-1deg)scale(1)}50%{transform:translateY(-6px)rotate(2.5deg)scale(1.02,.98)}to{transform:translateY(2px)rotate(-1deg)scale(.98,1.02)}}@keyframes vesperEventHorizonBurst{0%{transform:translate(0)scale(1)}25%{transform:translate(-18px)rotate(-4deg)scale(.94,1.04)}50%{transform:translate(28px)rotate(3deg)scale(1.15,.95)}80%{transform:translate(10px)rotate(0)scale(1.02)}to{transform:translate(0)scale(1)}}@keyframes vesperGravityShieldPulse{0%,to{opacity:.85;transform:scale(1);box-shadow:0 0 18px #c084fc80,inset 0 0 16px #3b0764b3}50%{opacity:1;transform:scale(1.06);box-shadow:0 0 34px #a855f7f2,inset 0 0 24px #d8b4fed9}}@keyframes vesperVoidAuraPulse{0%{opacity:.55;filter:blur(10px)drop-shadow(0 0 16px #581c87);transform:scale(.95)}to{opacity:.95;filter:blur(16px)drop-shadow(0 0 28px #c084fc);transform:scale(1.15)}}@keyframes vesperVoidSparkBurst{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}35%{opacity:1;transform:translate(22px,-8px)scale(1.5)rotate(45deg)}to{opacity:0;transform:translate(38px,-14px)scale(1.8)rotate(90deg)}}@keyframes solariaCheerFly{0%,to{transform:translateY(0)rotate(0)scale(1)}30%{transform:translateY(-18px)rotate(8deg)scale(1.12)}65%{transform:translateY(-8px)rotate(-6deg)scale(1.05)}}@keyframes solariaComfortHover{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(4deg)translateY(-3px)}}@keyframes solarFlareImpact{0%{opacity:1;filter:drop-shadow(0 0 10px #fbbf24);transform:scale(.4)}50%{opacity:.9;filter:drop-shadow(0 0 22px #ef4444)drop-shadow(0 0 32px #f59e0b);transform:scale(1.3)}to{opacity:0;transform:scale(1.7)}}@keyframes petFloaterUp{0%{opacity:0;transform:translate(-50%)translateY(0)scale(.8)}20%{opacity:1;transform:translate(-50%)translateY(-10px)scale(1.15)}to{opacity:0;transform:translate(-50%)translateY(-40px)scale(1)}}@keyframes attackCellPulse{0%,to{border-color:#f59e0b;box-shadow:inset 0 0 12px #f59e0b66,0 0 16px #f59e0b99}50%{border-color:#fde047;box-shadow:inset 0 0 20px #f59e0bb3,0 0 24px #f59e0be6}}@keyframes unitLunge{0%{transform:scale(1)}40%{filter:drop-shadow(0 0 16px #fbbf24)brightness(1.2);transform:scale(1.3)translateY(-6px)}to{transform:scale(1)}}@keyframes retaliationLunge{0%{transform:scale(1)}40%{filter:drop-shadow(0 0 16px #ef4444)brightness(1.2);transform:scale(1.3)translateY(6px)}to{transform:scale(1)}}@keyframes swordThrustForward{0%,to{filter:drop-shadow(0 0 6px #f59e0bb3);transform:translate(0)scale(1)}50%{filter:drop-shadow(0 0 16px #fde047f2)drop-shadow(0 0 24px #f59e0bd9);transform:translate(8px)scale(1.15)}}@keyframes flyCosmicStar{0%{transform:translate3d(var(--start-x), var(--start-y), 0) scale(.6) rotate(0deg);opacity:.2}15%{transform:translate3d(calc(var(--start-x) + (var(--end-x) - var(--start-x)) * .15), calc(var(--start-y) + (var(--end-y) - var(--start-y)) * .15 - 28px), 0) scale(1.35) rotate(90deg);opacity:1}50%{transform:translate3d(calc(var(--start-x) + (var(--end-x) - var(--start-x)) * .5), calc(var(--start-y) + (var(--end-y) - var(--start-y)) * .5 - 40px), 0) scale(1.4) rotate(240deg);opacity:1}85%{transform:translate3d(calc(var(--start-x) + (var(--end-x) - var(--start-x)) * .85), calc(var(--start-y) + (var(--end-y) - var(--start-y)) * .85 - 14px), 0) scale(1.3) rotate(420deg);opacity:1}to{transform:translate3d(var(--end-x), var(--end-y), 0) scale(1.1) rotate(540deg);opacity:1}}@keyframes flyLinearProjectile{0%{transform:translate3d(var(--start-x), var(--start-y), 0) scale(.6);opacity:.3}15%{opacity:1;transform:translate3d(calc(var(--start-x) + (var(--end-x) - var(--start-x)) * .15), calc(var(--start-y) + (var(--end-y) - var(--start-y)) * .15 - 18px), 0) scale(1.25)}to{transform:translate3d(var(--end-x), var(--end-y), 0) scale(1.1);opacity:1}}@keyframes cosmicStarGlowPulse{0%,to{filter:drop-shadow(0 0 10px #c084fc)drop-shadow(0 0 20px #fbbf24)drop-shadow(0 0 30px #38bdf8)}50%{filter:drop-shadow(0 0 18px #f472b6)drop-shadow(0 0 28px #fde047)drop-shadow(0 0 40px #a855f7)}}@keyframes cosmicNovaBurst{0%{opacity:1;filter:drop-shadow(0 0 10px #fbbf24);transform:translate(-50%,-50%)scale(.2)rotate(0)}40%{opacity:1;filter:drop-shadow(0 0 25px #c084fc)drop-shadow(0 0 45px #38bdf8);transform:translate(-50%,-50%)scale(1.6)rotate(60deg)}to{opacity:0;filter:drop-shadow(0 0 40px #fbbf24);transform:translate(-50%,-50%)scale(2.2)rotate(120deg)}}@keyframes shockwaveRingExpand{0%{opacity:.9;transform:translate(-50%,-50%)scale(.1)}60%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes fireBurstNova{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}50%{opacity:.9;filter:drop-shadow(0 0 20px #f97316)drop-shadow(0 0 35px #ef4444);transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes splashWaveBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}50%{opacity:.85;filter:drop-shadow(0 0 16px #38bdf8);transform:translate(-50%,-50%)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1.9)}}@keyframes earthShatterImpact{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}45%{opacity:.95;filter:drop-shadow(0 0 20px #10b981)drop-shadow(0 0 35px #064e3b);transform:translate(-50%,-50%)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes meleeCrossSlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-25deg)}30%{opacity:1;filter:drop-shadow(0 0 16px #fbbf24)drop-shadow(0 0 24px #ef4444);transform:translate(-50%,-50%)scale(1.3)rotate(0)}70%{opacity:.9;transform:translate(-50%,-50%)scale(1.4)rotate(15deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)rotate(25deg)}}@keyframes cellImpactShake{0%,to{transform:translate(0)}20%{transform:translate(-5px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}@keyframes activeUnitCellPulse{0%,to{border-color:#fbbf24;box-shadow:0 0 14px #fbbf2499,inset 0 0 12px #fbbf244d}50%{border-color:#fef08a;box-shadow:0 0 26px #fbbf24f2,inset 0 0 20px #fbbf248c}}@keyframes activeEnemyCellPulse{0%,to{border-color:#ef4444;box-shadow:0 0 14px #ef444499,inset 0 0 12px #ef44444d}50%{border-color:#fca5a5;box-shadow:0 0 26px #ef4444f2,inset 0 0 20px #ef44448c}}@keyframes activeBadgeBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.06)}}@keyframes activeTimelineGlow{0%,to{border-color:#fbbf24;box-shadow:0 0 14px #fbbf24b3}50%{border-color:#fef08a;box-shadow:0 0 24px #fbbf24}}@keyframes targetReticleSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.06)}to{transform:rotate(360deg)scale(1)}}.mtg-pet-card{-webkit-user-select:none;user-select:none;background:linear-gradient(165deg,#1e1b4bf2 0%,#0f172afa 100%);border:2px solid #ffffff24;border-radius:18px;flex-direction:column;padding:.85rem;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;box-shadow:0 10px 25px -5px #00000080,inset 0 1px 1px #ffffff26}.mtg-pet-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px -6px #000000a6,inset 0 1px 1px #ffffff40}.mtg-pet-card.is-active-companion{border-color:#facc1599;box-shadow:0 14px 38px -6px #eab30866,0 0 0 1px #facc1566,inset 0 1px 1px #ffffff40}.mtg-pet-card.is-locked{background:linear-gradient(165deg,#0f172ad9 0%,#0a0f1ef2 100%);border-style:dashed;border-color:#ef444459}.mtg-card-header{background:#00000059;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.55rem;padding:.35rem .6rem;display:flex}.mtg-art-frame{background:radial-gradient(circle at 50% 60%,#1e293b99 0%,#0f172af2 100%);border:2px solid #ffffff2e;border-radius:14px;outline:none;justify-content:center;align-items:center;width:100%;height:205px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000000b3}.mtg-art-frame.can-activate:hover{border-color:#facc15b3;box-shadow:0 0 18px #facc1559,inset 0 0 20px #000000b3}.mtg-art-frame.can-activate:hover .mtg-art-hover-hint{opacity:1;transform:translate(-50%)translateY(0)}.mtg-art-frame.is-active{animation:3s ease-in-out infinite alternate mtgActiveFramePulse;border:3px solid #facc15!important;box-shadow:0 0 24px #facc15a6,inset 0 0 20px #facc1547!important}@keyframes mtgActiveFramePulse{0%{border-color:#facc15;box-shadow:0 0 16px #facc1580,inset 0 0 15px #facc1533}to{border-color:#fef08a;box-shadow:0 0 28px #facc15d9,inset 0 0 25px #facc1566}}.mtg-art-hover-hint{color:#fef08a;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#0f172ae0;border:1px solid #facc1599;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:800;transition:all .18s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 10px #00000080}.mtg-active-ribbon{color:#0f172a;letter-spacing:.6px;z-index:10;background:linear-gradient(135deg,#facc15 0%,#eab308 60%,#ca8a04 100%);border:1px solid #fef08a;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:900;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 3px 10px #0009,0 0 12px #facc1580}.mtg-type-line{background:#00000061;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;margin-top:.55rem;margin-bottom:.55rem;padding:.35rem .65rem;font-size:.76rem;font-weight:700;display:flex}.mtg-text-box{background:#00000047;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:.45rem;margin-bottom:.55rem;padding:.6rem .75rem;display:flex}.mtg-stats-bar{font-variant-numeric:tabular-nums;background:#00000073;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.55rem;padding:.45rem .7rem;font-size:.76rem;font-weight:800;display:flex}@keyframes lilyFloraAuraPulse{0%{opacity:.55;filter:blur(10px)drop-shadow(0 0 14px #16a34a);transform:scale(.96)}to{opacity:.92;filter:blur(16px)drop-shadow(0 0 26px #4ade80);transform:scale(1.12)}}@keyframes lilyBunnyFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(1.5deg)}}@keyframes lilyGentleHop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lilyCarrotThrow{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-8px)rotate(-8deg)}45%{transform:translateY(4px)rotate(8deg)}75%{transform:translateY(-2px)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}@keyframes lilyCheerHop{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes lilyComfortSnuggle{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(3deg)translateY(-2px)}}@keyframes lilyFloraWardPulse{0%,to{opacity:.85;transform:scale(1);box-shadow:0 0 16px #16a34a99,inset 0 0 14px #f9731680}50%{opacity:1;transform:scale(1.06);box-shadow:0 0 30px #4ade80f2,inset 0 0 22px #fb923cd9}}@keyframes lilyCarrotSparkBurst{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}35%{opacity:1;transform:translate(20px,-8px)scale(1.4)rotate(45deg)}to{opacity:0;transform:translate(36px,-14px)scale(1.7)rotate(90deg)}}@keyframes spinCarrot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lilyCarrotImpactBurst{0%{opacity:1;transform:scale(.3)rotate(0)}40%{opacity:.95;transform:scale(1.35)rotate(180deg)}to{opacity:0;transform:scale(1.8)rotate(360deg)}}@keyframes sonarRipple{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@keyframes spinSonar{0%{transform:rotate(-12deg)scale(.95)}50%{transform:rotate(12deg)scale(1.1)}to{transform:rotate(-12deg)scale(.95)}}@keyframes sonarConePulse{0%{opacity:.75;transform:scaleX(.92)scaleY(.9)}to{opacity:1;transform:scaleX(1.06)scaleY(1.05)}}@keyframes sonicArcGlow{0%{opacity:.45;stroke-width:2.5px}to{opacity:1;stroke-width:4px}}html[data-input-mode=touch],html[data-input-mode=touch] body{touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html[data-input-mode=touch] button,html[data-input-mode=touch] [role=button],html[data-touch-numpad=true] .arcademe-touch-numpad,html[data-touch-numpad=true] .arcademe-touch-numpad button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html[data-input-mode=touch][data-display-mode=standalone] body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}html[data-input-mode=touch] button,html[data-input-mode=touch] .btn-primary,html[data-input-mode=touch] .btn-icon{min-height:44px}html[data-touch-numpad=true] .arcademe-touch-numpad{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#0f172ac7;border:1px solid #818cf852;border-radius:18px;grid-template-columns:minmax(0,3fr) minmax(100px,1.15fr);gap:.65rem;width:100%;max-width:440px;margin:.9rem auto .25rem;padding:.75rem;display:grid;box-shadow:0 12px 28px #00000059,inset 0 1px #ffffff14}html[data-touch-numpad=true] .touch-numpad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}html[data-touch-numpad=true] .touch-numpad-side{flex-direction:column;gap:.5rem;display:flex}html[data-touch-numpad=true] .touch-numpad-nav-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}html[data-touch-numpad=true] .touch-numpad-key{color:#f8fafc;font-variant-numeric:tabular-nums;cursor:pointer;background:linear-gradient(#334155bf 0%,#1e293bd9 100%);border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;gap:.35rem;min-height:52px;font-size:1.35rem;font-weight:800;transition:transform 80ms,background-color .12s,border-color .12s;display:inline-flex;box-shadow:0 2px 6px #00000047}html[data-touch-numpad=true] .touch-numpad-key:active:not(:disabled){background:#6366f173;border-color:#a5b4fca6;transform:scale(.95)}html[data-touch-numpad=true] .touch-numpad-key:disabled{opacity:.42;cursor:not-allowed}html[data-touch-numpad=true] .touch-numpad-key--secondary{letter-spacing:.04em;color:#cbd5e1;background:#1e293ba6;font-size:.88rem}html[data-touch-numpad=true] .touch-numpad-key--action{color:#fca5a5;background:#7f1d1d59;border-color:#f8717152}html[data-touch-numpad=true] .touch-numpad-key--nav{color:#c7d2fe;background:#3341558c;min-height:52px}html[data-touch-numpad=true] .touch-numpad-key--enter{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#c7d2fe73;flex-direction:column;flex:1;min-height:112px;font-size:.98rem;font-weight:800}@media (width<=480px){html[data-touch-numpad=true] .arcademe-touch-numpad{grid-template-columns:minmax(0,3fr) minmax(84px,1fr);gap:.45rem;padding:.55rem}html[data-touch-numpad=true] .touch-numpad-key{min-height:46px;font-size:1.2rem}html[data-touch-numpad=true] .touch-numpad-key--enter{min-height:98px}}