:root{--bg-primary: transparent;--bg-secondary: rgba(15,10,12,.7);--bg-card: rgba(18,12,16,.88);--bg-card-hover: rgba(28,20,24,.9);--bg-glass: rgba(18,12,16,.8);--border-subtle: rgba(120,90,100,.3);--border-glow: #e83838;--text-primary: #f5efe8;--text-secondary: #c0b0a8;--text-muted: #8a7a75;--accent: #e83838;--accent-light: #f85050;--accent-glow: 0 0 12px rgba(232,56,56,.3);--accent-secondary: #9060c0;--accent-secondary-glow: 0 0 12px rgba(144,96,192,.2);--red: #e83838;--green: #58d058;--gold: #e8c040;--blue: #58b0f0;--pink: #e04880;--orange: #e88038;--purple: #9060c0;--gunmetal: #7a7070;--neon-red: 0 0 8px rgba(232,56,56,.25);--neon-green: 0 0 8px rgba(88,208,88,.25);--neon-gold: 0 0 8px rgba(232,192,64,.25);--neon-blue: 0 0 8px rgba(88,176,240,.25);--neon-purple: 0 0 8px rgba(144,96,192,.25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 50%;--font: "Rajdhani", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Pricedown", "Teko", "Rajdhani", sans-serif;--nav-height: 88px;--safe-bottom: env(safe-area-inset-bottom, 0px);--card-bg: rgba(18,12,16,.88);--card-border: rgba(120,90,100,.3);--surface: rgba(15,10,14,.85);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 14px;--sp-lg: 20px;--sp-xl: 28px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font);font-weight:500;font-size:15px;background:#080510;color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.3px;line-height:1.5}body{background:#080510}body:after{content:none}body:before{content:none}#root{min-height:100vh;min-height:100dvh;position:relative;z-index:1}img[src*="/sprites/gen/enemy-"],img[src*="/sprites/gen/boss-"],img[src*="/sprites/gen/nav-"],img[src*="/sprites/gen/char-"],img[src*="/sprites/gen/item-"],img[src*="/sprites/gen/weapon-"],img[src*="/sprites/gen/fx-"],img[src*="/sprites/gen/lux-"],img[src*="/sprites/mythics/"],img[src*="/sprites/weapons/"]{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}::-webkit-scrollbar{width:0;height:0}input,textarea{font-family:var(--font);font-weight:500;font-size:15px}input::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bbBurstFade{0%{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}.bb-burst>svg{animation:bbBurstFade .32s ease-out forwards;transform-origin:center;will-change:transform,opacity}@keyframes glowPulse{0%,to{box-shadow:0 0 6px #e838381f}50%{box-shadow:0 0 20px #e838384d}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08)}70%{transform:scale(.96)}to{transform:scale(1);opacity:1}}@keyframes jackpotPulse{0%{box-shadow:0 0 20px #e8c0404d,inset 0 0 20px #e8c0400d}to{box-shadow:0 0 40px #e8c04080,inset 0 0 30px #e8c0401a}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes coinFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(1080deg) scale(1.3)}to{transform:rotateY(1800deg) scale(1)}}@keyframes diceRoll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.2)}50%{transform:rotate(180deg) scale(.9)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes slotSpin{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes winGlow{0%{box-shadow:none}50%{box-shadow:0 0 24px #58d05840}to{box-shadow:none}}@keyframes loseShake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-6px) rotate(-2deg)}30%{transform:translate(5px) rotate(1deg)}45%{transform:translate(-4px) rotate(-1deg)}60%{transform:translate(3px) rotate(.5deg)}75%{transform:translate(-2px) rotate(-.3deg)}}@keyframes progressFill{0%{width:0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{transform:translate(-50%) translateY(20px) scale(.9);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes powerUp{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes borderGlow{0%,to{border-color:#785a6440}50%{border-color:#785a6480}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:.8}}@keyframes barGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes edgePulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glossSweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes badgePulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 8px #ffffff0f}}@keyframes coinFlip3D{0%{transform:rotateY(0) scale(1)}25%{transform:rotateY(360deg) scale(1.2)}50%{transform:rotateY(720deg) scale(1)}75%{transform:rotateY(1080deg) scale(1.15)}to{transform:rotateY(1440deg) scale(1)}}@keyframes reelSpin0{0%{transform:translateY(0)}to{transform:translateY(-108px)}}@keyframes reelSpin1{0%{transform:translateY(-36px)}to{transform:translateY(-144px)}}@keyframes reelSpin2{0%{transform:translateY(-72px)}to{transform:translateY(-180px)}}@keyframes reelStop{0%{transform:translateY(-8px)}40%{transform:translateY(4px)}65%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes reelBounce{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.96)}to{transform:scale(1)}}@keyframes cardFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes cardDeal{0%{transform:translate(40px) rotate(8deg);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}@keyframes neonPulse{0%,to{opacity:1;text-shadow:0 0 8px currentColor}50%{opacity:.6;text-shadow:0 0 20px currentColor}}@keyframes chipBounce{0%{transform:scale(1)}30%{transform:scale(1.2) translateY(-4px)}60%{transform:scale(.95) translateY(2px)}to{transform:scale(1) translateY(0)}}@keyframes betPulse{0%,to{box-shadow:0 6px 28px #e8383873,inset 0 1px #fff3}50%{box-shadow:0 6px 40px #e83838a6,inset 0 1px #fff3}}@keyframes rocketLaunch{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-12px) scale(1.3)}70%{transform:translateY(-6px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes rugPull{0%{transform:rotate(0) scale(1)}30%{transform:rotate(-15deg) scale(1.1)}60%{transform:rotate(8deg) scale(.9)}to{transform:rotate(0) scale(1)}}@keyframes chartDraw{0%{stroke-dashoffset:200;stroke-dasharray:200}to{stroke-dashoffset:0;stroke-dasharray:200}}@keyframes confetti0{0%{opacity:1;transform:rotate(var(--r, 0deg)) translate(0) translateY(0)}to{opacity:0;transform:rotate(var(--r, 0deg)) translate(0) translateY(80px) rotate(360deg)}}@keyframes confetti1{0%{opacity:1;transform:rotate(var(--r, 0deg)) translate(0) translateY(0)}to{opacity:0;transform:rotate(var(--r, 0deg)) translate(0) translateY(100px) rotate(-180deg)}}@keyframes confetti2{0%{opacity:1;transform:rotate(var(--r, 0deg)) translate(0) translateY(0)}to{opacity:0;transform:rotate(var(--r, 0deg)) translate(0) translateY(60px) rotate(270deg)}}@keyframes confetti3{0%{opacity:1;transform:rotate(var(--r, 0deg)) translate(0) translateY(0)}to{opacity:0;transform:rotate(var(--r, 0deg)) translate(0) translateY(90px) rotate(-360deg)}}.page-enter{animation:pageSlideIn .25s cubic-bezier(.25,.46,.45,.94)}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.998)}to{opacity:1;transform:translateY(0) scale(1)}}.toast{animation:toastIn .3s cubic-bezier(.34,1.56,.64,1)}.skeleton{background:linear-gradient(90deg,#140e1299,#281c2099,#140e1299);background-size:200px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}button{font-family:var(--font);font-weight:600;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:36px}.tappable{transition:transform .1s ease,opacity .1s ease;will-change:transform}.tappable:active{transform:scale(.95);opacity:.85}.btn-primary{font-family:var(--font-display);font-weight:900;font-size:16px;letter-spacing:3px;padding:14px 28px;min-height:50px;border:none;border-radius:var(--radius-md);color:#fff;background:linear-gradient(180deg,#e83838,#b81818);box-shadow:0 6px 24px #e8383866,inset 0 1px #ffffff26;cursor:pointer;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);pointer-events:none}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{font-family:var(--font-display);font-weight:900;font-size:13px;letter-spacing:2px;padding:10px 20px;min-height:42px;border:1px solid rgba(120,90,100,.3);border-radius:var(--radius-sm);color:var(--text-secondary);background:#140e1299;cursor:pointer}.btn-secondary:active{transform:scale(.95);background:#1e161acc}@keyframes fogDrift{0%,to{transform:translate(-5%);opacity:.03}50%{transform:translate(5%);opacity:.05}}@keyframes fightReady{0%,to{box-shadow:0 4px 20px #e838384d,inset 0 1px #ffffff1f}50%{box-shadow:0 4px 40px #e8383899,0 0 80px #e8383826,inset 0 1px #ffffff1f}}@keyframes screenShake{0%,to{transform:translate(0)}15%{transform:translate(-2px,-1px)}30%{transform:translate(2px,1px)}45%{transform:translate(-1px,1px)}60%{transform:translate(1px,-1px)}}@keyframes idleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes idleBob2{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hitFlash{0%{filter:brightness(1);transform:translate(0) scale(1)}15%{filter:brightness(3) saturate(0);transform:translate(-12px) scale(.95)}30%{filter:brightness(1.8) saturate(.5);transform:translate(8px) scale(1.02)}50%{filter:brightness(1.3);transform:translate(-4px) scale(1)}to{filter:brightness(1);transform:translate(0) scale(1)}}@keyframes hitFlashEnemy{0%{filter:brightness(1);transform:translate(0) scale(1)}15%{filter:brightness(3) saturate(0);transform:translate(12px) scale(.95)}30%{filter:brightness(1.8) saturate(.5);transform:translate(-8px) scale(1.02)}50%{filter:brightness(1.3);transform:translate(4px) scale(1)}to{filter:brightness(1);transform:translate(0) scale(1)}}@keyframes lungeRight{0%{transform:translate(0) scale(1)}20%{transform:translate(-8px) scale(.95)}45%{transform:translate(40px) scale(1.12)}to{transform:translate(0) scale(1)}}@keyframes lungeLeft{0%{transform:translate(0) scale(1)}20%{transform:translate(8px) scale(.95)}45%{transform:translate(-40px) scale(1.12)}to{transform:translate(0) scale(1)}}@keyframes floatUp{0%{transform:translateY(0) scale(.6);opacity:1}15%{transform:translateY(-12px) scale(1.3);opacity:1}to{transform:translateY(-70px) scale(.9);opacity:0}}@keyframes floatUpCrit{0%{transform:translateY(0) scale(.4);opacity:1}10%{transform:translateY(-8px) scale(1.8);opacity:1}30%{transform:translateY(-20px) scale(1.4);opacity:1}to{transform:translateY(-90px) scale(1);opacity:0}}@keyframes impactRing{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}50%{opacity:.4}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes critFlash{0%{opacity:.3}to{opacity:0}}@keyframes hpShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes borderPulse{0%{box-shadow:0 0 20px #e838381a,0 8px 30px #0009}50%{box-shadow:0 0 40px #e8383866,0 8px 30px #0009,0 0 60px #e8383826}to{box-shadow:0 0 20px #e838381a,0 8px 30px #0009}}@keyframes borderPulseBlue{0%{box-shadow:0 0 20px #58b0f01a,0 8px 30px #0009}50%{box-shadow:0 0 40px #58b0f066,0 8px 30px #0009,0 0 60px #58b0f026}to{box-shadow:0 0 20px #58b0f01a,0 8px 30px #0009}}@keyframes healGlow{0%{box-shadow:0 0 20px #58d0581a}50%{box-shadow:0 0 50px #58d05880,0 0 80px #58d05833}to{box-shadow:0 0 20px #58d0581a}}@keyframes dmgPop{0%{transform:translateY(0) scale(.8);opacity:1}to{transform:translateY(-40px) scale(1.1);opacity:0}}@keyframes turnFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes rpgGridDrift{0%{background-position:0 0,0 0}to{background-position:40px 40px,40px 40px}}.rpg-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(232,56,56,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(232,56,56,.06) 1px,transparent 1px);background-size:40px 40px;animation:rpgGridDrift 6s linear infinite;mask-image:radial-gradient(ellipse at 50% 60%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 60%,black 20%,transparent 70%)}@keyframes rpgEmberFloat{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:.8}to{transform:translateY(-70px) scale(.4);opacity:0}}.rpg-embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.rpg-embers:before,.rpg-embers:after{content:"";position:absolute;bottom:18%;border-radius:50%;width:3px;height:3px}.rpg-embers:before{left:15%;background:#e83838cc;box-shadow:70px 4px 0 1px #e8c040b3,150px -3px #fff0c8cc,230px 5px 0 1px #e8803899;animation:rpgEmberFloat 1.4s ease-out infinite}.rpg-embers:after{left:40%;background:#e8c040b3;box-shadow:50px 3px #e8383899,120px -4px 0 1px #fff0c8b3;animation:rpgEmberFloat 1.8s ease-out infinite .5s}@keyframes emberRise{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:.9}to{transform:translateY(-60px) scale(.5);opacity:0}}@keyframes emberRise2{0%{transform:translateY(0) translate(0) scale(1);opacity:0}15%{opacity:.7}to{transform:translateY(-80px) translate(10px) scale(.4);opacity:0}}@keyframes driftFloat{0%{transform:translate(0);opacity:0}50%{opacity:.3}to{transform:translate(12px,-25px);opacity:0}}.arena-embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.arena-embers:before,.arena-embers:after{content:"";position:absolute;bottom:12%;border-radius:50%}.arena-embers:before{left:20%;width:3px;height:3px;background:#e83838e6;box-shadow:80px 5px 0 1px #e8c040cc,160px -2px #fff0c8e6,240px 3px 0 1px #e88038b3,320px -4px #e83838cc,50px 8px 0 1px #e8c04099,200px -6px #fff0c8b3;animation:emberRise 1.2s ease-out infinite}.arena-embers:after{left:35%;width:3px;height:3px;background:#e8c040cc;box-shadow:60px 3px #e83838b3,130px -5px 0 1px #fff0c8cc,210px 2px #e88038b3,280px -3px 0 1px #e8c04099;animation:emberRise2 1.6s ease-out infinite .4s}@keyframes tensionSlide{0%{transform:translate(-30px);opacity:0}50%{opacity:.2}to{transform:translate(30px);opacity:0}}@keyframes tensionSlide2{0%{transform:translate(25px);opacity:0}50%{opacity:.15}to{transform:translate(-25px);opacity:0}}.arena-tension{position:absolute;top:40%;left:30%;right:30%;z-index:1;pointer-events:none;height:24px}.arena-tension:before,.arena-tension:after{content:"";display:block;height:1px;margin-bottom:10px;background:linear-gradient(90deg,transparent,rgba(232,56,56,.3),transparent)}.arena-tension:before{animation:tensionSlide 1.8s linear infinite}.arena-tension:after{animation:tensionSlide2 2.2s linear infinite .5s}@keyframes glowPulseBlue{0%,to{opacity:.08}50%{opacity:.25}}@keyframes glowPulseRed{0%,to{opacity:.08}50%{opacity:.25}}.arena-glow{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:22px;z-index:-1;pointer-events:none}.arena-glow-player{background:radial-gradient(circle,rgba(88,176,240,.25),transparent 70%);animation:glowPulseBlue 2.5s ease-in-out infinite}.arena-glow-enemy{background:radial-gradient(circle,rgba(232,56,56,.25),transparent 70%);animation:glowPulseRed 2.5s ease-in-out infinite .8s}.fight-screen{position:relative}.fight-screen.shaking{animation:screenShake .25s ease}.fighter-player{animation:idleBob 2.8s ease-in-out infinite}.fighter-enemy{animation:idleBob2 3s ease-in-out infinite .6s}.battle-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:1}.battle-fog{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;background:repeating-linear-gradient(105deg,transparent 0%,rgba(180,160,140,.015) 20%,transparent 40%,rgba(160,140,120,.02) 60%,transparent 80%);animation:fogDrift 14s ease-in-out infinite;pointer-events:none}.dmg-float{position:absolute;font-family:var(--font-display);font-weight:900;font-size:24px;animation:floatUp 1s ease-out forwards;pointer-events:none;z-index:20;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.6),0 0 20px rgba(232,56,56,.3);color:#f5efe8;letter-spacing:2px}.dmg-float.crit{font-size:36px;color:#e8c040;animation:floatUpCrit 1.2s ease-out forwards;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 20px rgba(232,192,64,.5),0 0 40px rgba(232,192,64,.2)}.dmg-float.miss{font-size:18px;color:#8a7a75;text-shadow:0 2px 8px rgba(0,0,0,.9)}.dmg-float.heal{color:#58d058;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 20px rgba(88,208,88,.4);font-size:26px}.dmg-float.block{color:#58b0f0;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 20px rgba(88,176,240,.4);font-size:22px}.dmg-float.status{font-size:20px;color:#e83838;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 20px rgba(232,56,56,.4)}.impact-ring{position:absolute;top:50%;left:50%;width:60px;height:60px;border:2px solid rgba(232,56,56,.6);border-radius:50%;animation:impactRing .5s ease-out forwards;pointer-events:none;z-index:15}.impact-ring.crit{border-color:#e8c040cc;width:80px;height:80px;border-width:3px}.impact-ring.heal{border-color:#58d05899}.fighter-player.hit{animation:hitFlash .4s ease!important}.fighter-enemy.hit{animation:hitFlashEnemy .4s ease!important}.fighter-player.attacking{animation:lungeRight .4s ease!important}.fighter-enemy.attacking{animation:lungeLeft .4s ease!important}.fighter-player.healing{animation:healGlow .6s ease!important}.fighter-enemy.glow-hit{animation:borderPulse .5s ease!important}.fighter-player.glow-hit{animation:borderPulseBlue .5s ease!important}.turn-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:18px;font-weight:900;letter-spacing:6px;text-shadow:0 0 20px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.8);pointer-events:none;z-index:15;animation:turnFlash .7s ease-out forwards}.move-pp{font-family:var(--font-display);font-size:9px;font-weight:600;opacity:.5;letter-spacing:.5px}.move-pp.low{color:#e88038!important;opacity:.8}.move-pp.empty{color:#e83838!important;opacity:.6}.sprite-shadow{width:80%;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.45) 0%,transparent 70%);border-radius:50%;margin:-4px auto 0}@keyframes atbFill{0%{width:0%}to{width:100%}}@keyframes hpShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hp-bar-fill{border-radius:5px;transition:width .6s cubic-bezier(.4,0,.2,1);background-size:200% 100%}.hp-bar-damage{position:absolute;top:0;left:0;height:100%;background:#ffffff40;border-radius:5px;transition:width 1.2s cubic-bezier(.4,0,.2,1) .4s;z-index:0}@keyframes criticalEdge{0%,to{box-shadow:inset 0 0 20px #e838380d}50%{box-shadow:inset 0 0 40px #e8383833}}.fight-screen.critical-hp:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:45;animation:criticalEdge 1s ease-in-out infinite;border:2px solid rgba(232,56,56,.15)}@keyframes particleBurst{0%{opacity:1;box-shadow:12px 0 0 2px #e83838e6,-12px 0 0 2px #e83838e6,0 12px 0 2px #e83838e6,0 -12px 0 2px #e83838e6,9px 9px 0 2px #e88038cc,-9px 9px 0 2px #e88038cc,9px -9px 0 2px #e88038cc,-9px -9px 0 2px #e88038cc}to{opacity:0;box-shadow:50px 0 #e8383800,-50px 0 #e8383800,0 50px #e8383800,0 -50px #e8383800,35px 35px #e8803800,-35px 35px #e8803800,35px -35px #e8803800,-35px -35px #e8803800}}@keyframes particleBurstCrit{0%{opacity:1;box-shadow:14px 0 0 3px #e8c040,-14px 0 0 3px #e8c040,0 14px 0 3px #e8c040,0 -14px 0 3px #e8c040,10px 10px 0 3px #ffdc50e6,-10px 10px 0 3px #ffdc50e6,10px -10px 0 3px #ffdc50e6,-10px -10px 0 3px #ffdc50e6,0 0 0 6px #e8c04080}to{opacity:0;box-shadow:65px 0 #e8c04000,-65px 0 #e8c04000,0 65px #e8c04000,0 -65px #e8c04000,45px 45px #ffdc5000,-45px 45px #ffdc5000,45px -45px #ffdc5000,-45px -45px #ffdc5000,0 0 #e8c04000}}.particle-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#e83838e6;animation:particleBurst .5s ease-out forwards;pointer-events:none;z-index:19}.particle-burst.crit{background:#e8c040;animation:particleBurstCrit .6s ease-out forwards}.particle-burst.heal{background:#58d058e6;animation:particleBurst .5s ease-out forwards}@keyframes comboPop{0%{transform:translate(-50%) scale(.5);opacity:0}40%{transform:translate(-50%) scale(1.2);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes comboShake{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-3deg)}75%{transform:translate(-50%) rotate(3deg)}}.combo-counter{position:absolute;top:50%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:28px;font-weight:900;color:#e8c040;letter-spacing:4px;pointer-events:none;z-index:25;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 20px rgba(232,192,64,.4);animation:comboPop .3s ease-out}.combo-counter.big{font-size:36px;color:#ff6040;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 30px rgba(255,96,64,.5);animation:comboShake .3s ease-out}@media(min-width:600px)and (max-width:1099px){.web-fight .fight-hud,.web-fight .activity-ticker{display:none!important}.web-fight .arena-sprite{width:min(160px,22vw)!important;height:min(160px,22vw)!important}.web-fight .arena-vs{font-size:clamp(32px,8vw,56px)!important}.web-fight .fight-btn-wrap{padding-bottom:env(safe-area-inset-bottom,16px)!important}}@media(min-width:1100px){.fight-screen.web-fight{display:grid!important;grid-template-columns:200px 1fr 200px;grid-template-rows:1fr;height:100%;overflow:hidden}.web-fight .fight-hud{grid-column:1;grid-row:1;padding:16px!important;border-right:1px solid rgba(255,255,255,.04);background:#00000026;overflow-y:auto;display:flex!important;flex-direction:column;gap:8px}.web-fight .fight-hud{gap:10px!important;padding:12px!important}.web-fight .fight-hud span{font-size:11px!important}.web-fight .fight-hud img{width:14px!important;height:14px!important}.web-fight .hud-hp-bar{height:18px!important;border-radius:6px!important}.web-fight .hud-xp-bar{height:14px!important;border-radius:5px!important}.web-fight .hud-hp-bar span,.web-fight .hud-xp-bar span{font-size:10px!important}.web-fight .fight-arena{grid-column:2;grid-row:1;flex:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;background:radial-gradient(ellipse at 50% 70%,rgba(232,56,56,.06) 0%,transparent 50%)!important}.web-fight .arena-sprite{width:min(220px,24vh)!important;height:min(220px,24vh)!important;border-radius:12px!important;border-width:3px!important}.web-fight .arena-sprite-player{box-shadow:0 0 30px #58b0f033,0 8px 30px #00000080!important}.web-fight .arena-sprite-enemy{box-shadow:0 0 30px #e8383833,0 8px 30px #00000080!important}.web-fight .arena-fighters{gap:40px!important}.web-fight .arena-vs{font-size:72px!important;letter-spacing:14px!important;margin:0 20px!important}.web-fight .fight-mode-toggle{grid-column:2;justify-content:center}.web-fight .fight-btn-wrap{grid-column:2;padding:0 40px 16px!important}.web-fight .fight-btn-wrap button{max-width:480px!important;height:60px!important;font-size:30px!important;letter-spacing:14px!important;border-radius:8px!important}.web-fight .fight-tip{grid-column:2}.web-fight .fight-tip span{font-size:13px!important;letter-spacing:1.5px!important;color:#a0909099!important}.web-fight .fight-actions{grid-column:2;grid-row:1;align-self:end;justify-self:center;flex-direction:row!important;padding:0 0 16px!important;gap:8px!important;z-index:4}.web-fight .fight-actions button{flex-direction:column!important;gap:2px!important;padding:8px 12px!important;min-width:64px!important;border-radius:8px!important}.web-fight .fight-actions button span:first-child{font-size:18px!important}.web-fight .fight-actions button span:last-child{font-size:10px!important;letter-spacing:1px!important}.web-fight .activity-ticker{display:flex!important;flex-direction:column;grid-column:3;grid-row:1;border-left:1px solid rgba(255,255,255,.06);background:#0a0608f2;overflow-y:auto}.web-fight>div:has(.fight-arena)~div[style*=RPG]{grid-column:2;max-width:400px;margin:0 auto}}@media(min-width:1200px){.fight-screen.web-fight{grid-template-columns:280px 1fr 280px}.web-fight .arena-sprite{width:min(280px,28vh)!important;height:min(280px,28vh)!important;border-radius:14px!important}.web-fight .arena-fighters{gap:60px!important}.web-fight .arena-vs{font-size:88px!important;margin:0 28px!important}.web-fight .fight-btn-wrap button{max-width:520px!important;height:68px!important;font-size:34px!important;letter-spacing:16px!important}}