*{box-sizing:border-box;margin:0;padding:0}.msprite{object-fit:contain;display:inline-block;flex-shrink:0;background:#0a0a1e73;border-radius:6px}.msprite-lg{width:64px;height:64px;animation:sprite-float 2.8s ease-in-out infinite}.msprite-md{width:100%;height:100%;max-width:36px;max-height:36px}.msprite-sm{width:30px;height:30px}.msprite-xs{width:22px;height:22px}@keyframes sprite-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes driftFloat0{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px,-20px) rotate(45deg)}50%{transform:translate(60px,10px) rotate(90deg)}75%{transform:translate(20px,40px) rotate(135deg)}to{transform:translate(0) rotate(180deg)}}@keyframes driftFloat1{0%{transform:translate(0) rotate(0)}33%{transform:translate(-25px,35px) rotate(-60deg)}66%{transform:translate(40px,20px) rotate(-120deg)}to{transform:translate(0) rotate(-180deg)}}@keyframes driftFloat2{0%{transform:translate(0) rotate(0)}50%{transform:translate(-40px,-30px) rotate(90deg)}to{transform:translate(0) rotate(180deg)}}@keyframes driftFloat3{0%{transform:translate(0) rotate(0)}40%{transform:translate(50px,15px) rotate(70deg)}80%{transform:translate(-10px,50px) rotate(140deg)}to{transform:translate(0) rotate(180deg)}}:root{--pixel-font: "Press Start 2P", monospace;--bg-dark: #0a0a1a;--bg-med: #12122a;--bg-card: #1a1a3a;--bg-card2: #22224a;--gold: #ffd700;--gold-dim: #c8a800;--red: #ff4444;--red-dark: #cc2222;--green: #44ff88;--green-dark: #22cc66;--blue: #44aaff;--blue-dark: #2288dd;--purple: #cc44ff;--orange: #ff8844;--cyan: #44ffee;--white: #eeeeff;--gray: #888899;--border: #3333aa;--border-bright: #5555dd;--text: #eeeeff;--shadow-glow: 0 0 10px rgba(255, 215, 0, .4);--shadow-red: 0 0 10px rgba(255, 68, 68, .4);--shadow-blue: 0 0 10px rgba(68, 170, 255, .4)}html,body{width:100%;height:100%;height:100dvh;overflow:hidden}body{font-family:var(--pixel-font);background:var(--bg-dark);color:var(--text);font-size:8px;line-height:1.6}#app{width:100%;height:100vh;height:100dvh;overflow:hidden;position:relative}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:12px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.btn{font-family:var(--pixel-font);font-size:8px;cursor:pointer;border:2px solid;padding:10px 16px;text-transform:uppercase;letter-spacing:1px;transition:all .1s;position:relative;-webkit-user-select:none;user-select:none;display:inline-block;text-align:center}.btn:active{transform:translate(2px,2px)}.btn-gold{background:var(--gold);border-color:var(--gold-dim);color:#000;box-shadow:0 4px 0 var(--gold-dim),var(--shadow-glow)}.btn-gold:hover{background:#ffe44d}.btn-gold:active{box-shadow:none}.btn-red{background:var(--red);border-color:var(--red-dark);color:#fff;box-shadow:0 4px 0 var(--red-dark),var(--shadow-red)}.btn-red:hover{background:#f66}.btn-red:active{box-shadow:none}.btn-blue{background:var(--blue);border-color:var(--blue-dark);color:#000;box-shadow:0 4px 0 var(--blue-dark),var(--shadow-blue)}.btn-blue:hover{background:#6bf}.btn-blue:active{box-shadow:none}.btn-green{background:var(--green);border-color:var(--green-dark);color:#000;box-shadow:0 4px 0 var(--green-dark)}.btn-green:hover{background:#6fa}.btn-green:active{box-shadow:none}.btn-gray{background:#335;border-color:#557;color:var(--gray);box-shadow:0 4px #224}.btn-dark{background:var(--bg-card);border-color:var(--border-bright);color:var(--text);box-shadow:0 4px #113}.btn-dark:hover{background:var(--bg-card2)}.btn-dark:active{box-shadow:none}.btn-sm{font-size:7px;padding:6px 10px}.btn-lg{font-size:10px;padding:14px 24px}.btn-xl{font-size:12px;padding:16px 32px}.btn-full{width:100%;display:block}.panel{background:var(--bg-card);border:2px solid var(--border);padding:12px;position:relative}.panel-title{font-size:9px;color:var(--gold);text-align:center;margin-bottom:10px;text-shadow:0 0 8px rgba(255,215,0,.5);letter-spacing:1px}.hp-bar-wrap{width:100%;height:8px;background:#111;border:1px solid #333;position:relative;overflow:hidden}.hp-bar-fill{height:100%;position:absolute;left:0;top:0;transition:width .12s ease}.hp-bar-fill.high{background:linear-gradient(to right,#2a4,#4f8)}.hp-bar-fill.med{background:linear-gradient(to right,#aa2,#ff4)}.hp-bar-fill.low{background:linear-gradient(to right,#a22,#f44)}.sh-bar-fill{height:100%;position:absolute;top:0;right:0;z-index:2;background:linear-gradient(to right,#26d,#5af);opacity:.92;box-shadow:inset 0 0 3px 1px #64b4ff66;transition:width .25s ease;pointer-events:none}@keyframes invinciblePulse{0%,to{box-shadow:0 0 4px 2px gold,0 0 10px 3px #ffd70066;outline-color:gold}50%{box-shadow:0 0 10px 5px gold,0 0 20px 8px #ffd700a6;outline-color:#fe5}}.bm-grid-unit.invincible-glow{animation:invinciblePulse .8s ease-in-out infinite;outline:2px solid #ffd700;outline-offset:1px}#main-menu{background:var(--bg-dark);justify-content:center}.menu-bg-canvas{position:absolute;inset:0;z-index:0}.menu-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:24px 12px}.game-title{font-size:18px;color:var(--gold);text-align:center;text-shadow:0 0 20px rgba(255,215,0,.8),2px 2px 0 #000;line-height:1.4;letter-spacing:2px;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 20px rgba(255,215,0,.8),2px 2px 0 #000}50%{text-shadow:0 0 40px rgba(255,215,0,1),2px 2px 0 #000}}.title-sub{font-size:7px;color:var(--cyan);text-align:center;text-shadow:0 0 8px rgba(68,255,238,.6);letter-spacing:2px}.menu-emoji-row{font-size:28px;display:flex;gap:8px;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.menu-buttons{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.mute-btn{position:fixed;top:10px;right:10px;z-index:100;font-size:16px;background:#00000080;border:1px solid var(--border-bright);padding:6px 10px;cursor:pointer;border-radius:4px}.mode-card{background:var(--bg-card);border:2px solid var(--border);padding:16px;width:100%;max-width:400px;cursor:pointer;transition:all .1s;position:relative}.mode-card:hover:not(.locked){border-color:var(--gold);transform:translateY(-2px)}.mode-card.locked{opacity:.5;cursor:not-allowed}.mode-card-title{font-size:10px;color:var(--gold);margin-bottom:8px}.mode-card-desc{font-size:7px;color:var(--gray);line-height:1.8}.mode-card-emoji{font-size:24px;float:right}.coming-soon{position:absolute;top:8px;right:8px;font-size:6px;background:var(--red);color:#fff;padding:2px 6px;border:1px solid var(--red-dark)}.ban-header{text-align:center;font-size:12px;color:var(--red);text-shadow:var(--shadow-red);margin-bottom:4px}.ban-sub{text-align:center;font-size:7px;color:var(--gray);margin-bottom:12px}.bans-display{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px}.ban-slot{background:var(--bg-card);border:2px solid var(--border);padding:6px 10px;font-size:7px;min-width:120px;text-align:center}.ban-slot.filled{border-color:var(--red);color:var(--red)}.ban-slot .ban-emoji{font-size:14px;display:block;margin-bottom:4px}.draft-layout{display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px;width:100%;max-width:900px}@media(max-width:700px){.draft-layout{grid-template-columns:1fr}}.draft-order-panel{display:flex;flex-direction:column;gap:4px}.draft-pick-item{font-size:6px;padding:4px 6px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;gap:4px}.draft-pick-item.current{border-color:var(--gold);color:var(--gold);animation:blink .8s step-end infinite}.draft-pick-item.done{opacity:.5}.draft-pick-item.player{color:var(--cyan)}@keyframes blink{0%,to{border-color:var(--gold)}50%{border-color:transparent}}.monster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.monster-card{background:var(--bg-card);border:2px solid var(--border);padding:8px 6px;cursor:pointer;transition:all .1s;text-align:center;position:relative}.monster-card:hover:not(.disabled){border-color:var(--gold);transform:scale(1.03)}.monster-card.disabled{opacity:.3;cursor:not-allowed}.monster-card.banned{border-color:var(--red);opacity:.3}.monster-card.drafted{opacity:.3;cursor:not-allowed}.monster-card.player-drafted{border-color:var(--cyan)}.monster-card-emoji{font-size:20px;display:block;margin-bottom:4px}.monster-card-name{font-size:5px;color:var(--text);line-height:1.4;margin-bottom:3px;word-break:break-word}.monster-card-class{font-size:5px;padding:1px 4px;display:inline-block}.class-Tank{background:#334;color:#8bf;border:1px solid #446}.class-Bruiser{background:#430;color:#fa4;border:1px solid #640}.class-Assassin{background:#300;color:#f66;border:1px solid #500}.class-Mage{background:#303;color:#c8f;border:1px solid #505}.class-Marksman{background:#330;color:#ff4;border:1px solid #550}.class-Support{background:#030;color:#4f8;border:1px solid #050}.team-roster{display:flex;flex-direction:column;gap:4px}.roster-slot{background:var(--bg-card2);border:1px solid var(--border);padding:5px 7px;font-size:6px;display:flex;align-items:center;gap:5px;min-height:28px}.roster-slot.filled{border-color:var(--border-bright)}.roster-slot-emoji{font-size:14px}.roster-slot-info{flex:1;min-width:0}.roster-slot-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-slot-class{color:var(--gray);font-size:5px}.roster-slot.empty{opacity:.3}.draft-timer{text-align:center;font-size:7px;color:var(--gray);margin-bottom:8px}.draft-status{text-align:center;font-size:8px;color:var(--gold);margin-bottom:8px;min-height:24px}.battle-screen{background:#050510;padding:0}.battle-top{background:linear-gradient(to bottom,#0a0a20,#050510);padding:6px 8px;border-bottom:2px solid var(--border)}.battle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.battle-team-name{font-size:7px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-team-name.left{color:var(--blue)}.battle-team-name.right{color:var(--red)}.battle-timer-box{font-size:9px;color:var(--gold);text-align:center}.battle-score-box{display:flex;gap:8px;font-size:8px;align-items:center}.score-kills{color:var(--red)}.battle-arena{display:grid;grid-template-columns:1fr auto 1fr;gap:4px;padding:6px 8px;min-height:200px}.speed-btn.active-speed{border-color:var(--gold);color:var(--gold);background:#2a2a0a}.team-side{display:flex;flex-direction:column;gap:4px}.monster-row{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.bm-grid-unit{background:#0a0a1e;border:1px solid #2a2a5a;border-radius:2px;cursor:default;box-sizing:border-box;overflow:hidden}.bm-grid-unit.player-side{border-color:#1a4a8a;background:#090918}.bm-grid-unit.enemy-side{border-color:#6a1a1a;background:#180808}.bm-grid-unit.dead{opacity:.25;filter:grayscale(1) brightness(.4);pointer-events:none}.bm-grid-unit.reviving{animation:reviveFlash .4s ease-in-out infinite;pointer-events:none}.bm-grid-unit.acting{animation:unitActing .25s ease-out}.bm-grid-unit.damaged{animation:unitDamaged .25s ease-out}.bm-grid-unit.healing{animation:unitHealing .35s ease-out}.bm-grid-unit.phantom-clone-unit{animation:phantomCloneFloat 2.4s ease-in-out infinite}.bm-grid-unit.phantom-clone-unit .msprite{filter:brightness(1.15) saturate(1.4) hue-rotate(140deg) drop-shadow(0 0 6px rgba(64,220,200,.85));opacity:.72;mix-blend-mode:screen}.bm-grid-unit.ghost-phasing{animation:ghostPhaseFloat .7s ease-in-out infinite;z-index:6}.bm-grid-unit.ghost-phasing .msprite{filter:brightness(1.3) saturate(.6) hue-rotate(190deg) drop-shadow(0 0 10px rgba(150,200,255,.9));opacity:.4;mix-blend-mode:screen}@keyframes ghostPhaseFloat{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-6px);opacity:.3}}.bm-grid-unit.ghost-glow-green .msprite{filter:brightness(1.4) saturate(1.3) hue-rotate(80deg) drop-shadow(0 0 14px rgba(50,255,100,1))!important;opacity:.75;mix-blend-mode:screen}.ghost-wisp-green{background:radial-gradient(circle,#64ff78f2,#32dc5066 55%,#1eb43c00 80%)!important}.ghost-wisp{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#b4dcffe6,#78a0ff59 55%,#78a0ff00 80%);pointer-events:none;z-index:5;transform:translate(-50%,-50%);animation:ghostWispFade .6s ease-out forwards}@keyframes ghostWispFade{0%{opacity:.85;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}@keyframes phantomCloneFloat{0%,to{opacity:1}50%{opacity:.82}}.battle-monster{background:var(--bg-card);border:1px solid var(--border);padding:4px 3px;text-align:center;position:relative;transition:all .2s;min-height:60px;display:flex;flex-direction:column;align-items:center;gap:2px;overflow:hidden}.battle-monster.dead{opacity:.2;filter:grayscale(1)}.battle-monster.reviving{animation:reviveFlash .4s ease-in-out infinite}@keyframes reviveFlash{0%,to{opacity:.2;filter:grayscale(1);box-shadow:none}50%{opacity:.75;filter:grayscale(.3) drop-shadow(0 0 10px rgba(255,170,51,.9));box-shadow:0 0 14px 4px #ffaa33b3;border-color:#fa3}}.battle-monster.acting{border-color:var(--gold);box-shadow:0 0 8px #ffd70066}.battle-monster.damaged{animation:shake .2s ease-in-out;border-color:var(--red)}.battle-monster.healing{border-color:var(--green);box-shadow:0 0 8px #4f86}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.battle-monster.melee-attack-right{animation:meleeRight .3s ease-in-out}.battle-monster.melee-attack-left{animation:meleeLeft .3s ease-in-out}@keyframes meleeRight{0%,to{transform:translate(0)}50%{transform:translate(12px)}}@keyframes meleeLeft{0%,to{transform:translate(0)}50%{transform:translate(-12px)}}@keyframes unitActing{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.18);filter:brightness(1.6)}to{transform:scale(1);filter:brightness(1)}}@keyframes unitDamaged{0%{transform:translate(0) scale(1);filter:brightness(1)}20%{transform:translate(-4px) scale(.92);filter:brightness(2) saturate(0)}60%{transform:translate(3px) scale(1);filter:brightness(1.2)}to{transform:translate(0);filter:brightness(1)}}@keyframes unitHealing{0%{filter:brightness(1)}40%{filter:brightness(1.5) hue-rotate(80deg)}to{filter:brightness(1)}}.bm-emoji{font-size:18px;line-height:1}.bm-name{font-size:4px;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bm-hp-wrap{width:100%}.bm-hp-text{font-size:4px;color:var(--text)}.bm-special-bar-wrap{position:relative;width:100%;height:4px;background:#0a0a22;border:1px solid #1a1a44;transition:border-color .2s,box-shadow .2s;margin-top:1px}.bm-special-bar-fill{height:100%;background:linear-gradient(to right,#05c,#2af);transition:none}.bm-grid-unit.nightmare-marked{position:relative;animation:nightmare-trail .9s ease-in-out infinite;outline:3px solid rgba(220,60,255,.95);outline-offset:2px;z-index:5}.bm-grid-unit.nightmare-marked:after{content:"💀";position:absolute;top:-9px;right:-6px;font-size:10px;line-height:1;filter:drop-shadow(0 0 3px rgba(220,60,255,.95)) drop-shadow(0 0 2px #000);animation:nightmare-badge-pulse .9s ease-in-out infinite;pointer-events:none;z-index:6}@keyframes nightmare-trail{0%,to{box-shadow:0 0 6px 3px #c828ffd9,0 0 14px 5px #8c00c899;outline-color:#dc3cffd9}50%{box-shadow:0 0 12px 6px #ff5aff,0 0 24px 9px #b400ffcc;outline-color:#ff78ff}}@keyframes nightmare-badge-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.25);opacity:1}}.bm-grid-unit.obsidian-trapped{animation:obsidian-pulse .85s ease-in-out infinite;outline:3px solid rgba(15,10,10,.95);outline-offset:1px}@keyframes obsidian-pulse{0%,to{box-shadow:0 0 6px 3px #140a05e6,0 0 14px 5px #28140a99;outline-color:#140a05e6}50%{box-shadow:0 0 12px 6px #3c1e0af2,0 0 22px 9px #50280fb3;outline-color:#3c1e0af2}}.bm-grid-unit.crystal-encased{animation:crystal-shimmer 1s ease-in-out infinite;outline:2px solid rgba(120,220,255,.9);outline-offset:1px}@keyframes crystal-shimmer{0%,to{box-shadow:0 0 5px 2px #78dcffa6,0 0 12px 4px #50a0ff66;outline-color:#78dcffb3}50%{box-shadow:0 0 10px 5px #b4f0fff2,0 0 20px 8px #64beff99;outline-color:#c8f5ff}}.crystal-shatter{position:absolute;width:50px;height:50px;border-radius:8px;pointer-events:none;background:radial-gradient(circle,rgba(200,245,255,.95) 0%,rgba(100,190,255,.55) 55%,transparent 80%);box-shadow:0 0 20px 8px #78dcff99;animation:crystal-shatter-burst .55s ease-out forwards}@keyframes crystal-shatter-burst{0%{transform:translate(-50%,-50%) scale(.3) rotate(0);opacity:1}60%{transform:translate(-50%,-50%) scale(1.3) rotate(20deg);opacity:.8}to{transform:translate(-50%,-50%) scale(1.9) rotate(35deg);opacity:0}}.bm-special-bar-wrap.sp-ready{border-color:#4cf;box-shadow:0 0 5px #2af8;animation:spReadyPulse .75s ease-in-out infinite}@keyframes spReadyPulse{0%,to{box-shadow:0 0 3px #22aaff80;border-color:#26b}50%{box-shadow:0 0 10px #22c8ff;border-color:#4df}}.bm-special-bar-wrap.sp-charge-paused .bm-special-bar-fill{background:linear-gradient(to right,#446,#88a)}.bm-special-bar-wrap.sp-charge-paused{border-color:#65a;animation:spChargePausedPulse 1s ease-in-out infinite}@keyframes spChargePausedPulse{0%,to{box-shadow:0 0 2px #6450b466;border-color:#436}50%{box-shadow:0 0 6px #8c64dce6;border-color:#75c}}.bm-special-bar-wrap.sp-charge-lockout .bm-special-bar-fill{background:linear-gradient(to right,#642,#c83)}.bm-special-bar-wrap.sp-charge-lockout{border-color:#c83;animation:spChargeLockoutPulse .6s ease-in-out infinite}.bm-special-bar-wrap.sp-charge-lockout:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,180,60,.25) 0px,rgba(255,180,60,.25) 4px,transparent 4px,transparent 8px);pointer-events:none}@keyframes spChargeLockoutPulse{0%,to{box-shadow:0 0 2px #e6962880;border-color:#952}50%{box-shadow:0 0 8px #ffbe3c;border-color:#fa3}}.battle-monster.player-side{border-color:#1a2a5a}.battle-monster.enemy-side{border-color:#2a1a1a}.projectile{position:fixed;font-size:12px;pointer-events:none;z-index:999;animation:none}.damage-number{position:fixed;font-size:9px;font-family:var(--pixel-font);pointer-events:none;z-index:1000;animation:floatUp .8s ease-out forwards;text-shadow:1px 1px 0 #000;will-change:transform,opacity}.damage-number.dmg{color:var(--red)}.damage-number.heal{color:var(--green)}.damage-number.crit{color:var(--gold);font-size:12px}.damage-number.miss{color:#aac;font-size:10px;font-style:italic;letter-spacing:1px}.damage-number.magic{color:#59f;text-shadow:0 0 5px #2266ff55}.damage-number.poison{color:#c4f;text-shadow:0 0 6px #aa00ff88}.damage-number.burn{color:#ff6a00;text-shadow:0 0 5px #ff870055;font-weight:700}.damage-number.frost{color:#4fd6ff;text-shadow:0 0 8px #4fd6ff,0 0 14px #1fa8ff;font-weight:700}.damage-number.bleed{color:#d23;text-shadow:0 0 5px #aa001155;font-weight:700}.damage-number.true{color:#fff;text-shadow:0 0 6px #ffffff99,0 0 14px #aaaaff44;font-weight:700}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.battle-controls{display:flex;gap:6px;padding:4px 8px;border-top:1px solid var(--border);align-items:center;flex-wrap:wrap;justify-content:space-between}.speed-controls{display:flex;gap:4px}.bptab{padding:5px 10px;font-size:5.5px;color:#456;font-family:var(--font);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s}.bptab:hover{color:#89b}.bptab-active{color:#abd;border-bottom:2px solid #4466aa}@keyframes sqDeltaFade{0%{opacity:1;transform:translateY(0)}60%{opacity:.8;transform:translateY(-3px)}to{opacity:0;transform:translateY(-5px)}}.sq-hp-delta-anim{animation:sqDeltaFade .7s ease-out forwards}.battle-log{flex:1;background:#00000080;border:1px solid var(--border);padding:4px 6px;margin:4px 8px;height:80px;overflow-y:auto;font-size:6px;line-height:1.8}.log-entry{border-bottom:1px solid rgba(255,255,255,.04);padding:1px 3px;color:#668}.log-entry.log-t0{background:#4488ff0a}.log-entry.log-t1{background:#ff58580a}.log-entry.crit{color:#ca4}.log-entry.kill{color:#f88}.log-entry.heal{color:#44aa70}.log-entry.special{color:#96c;font-weight:700}.log-entry.miss{color:#445}.log-entry.status{color:#78a}.log-entry.poison{color:#94b}.log-entry.burn{color:#c72}.log-entry.frost{color:#6ac}.log-entry.bleed{color:#b34}.standings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:600px}@media(max-width:500px){.standings-grid{grid-template-columns:1fr}}.group-panel{background:var(--bg-card);border:2px solid var(--border);padding:10px}.group-title{font-size:8px;color:var(--gold);margin-bottom:8px;text-align:center}.standings-row{display:flex;align-items:center;gap:6px;padding:4px;font-size:6px;border-bottom:1px solid rgba(255,255,255,.05)}.standings-row.advance{background:#44ff881a}.standings-row.player{outline:1px solid var(--cyan)}.standings-pos{width:16px;color:var(--gold);text-align:center}.standings-name{flex:1}.standings-wins{width:20px;text-align:center;color:var(--green)}.standings-kd{width:24px;text-align:center;color:var(--text)}.bracket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:600px}.bracket-match{background:var(--bg-card);border:2px solid var(--border);padding:8px;text-align:center}.bracket-match-title{font-size:7px;color:var(--gold);margin-bottom:6px}.bracket-team{font-size:6px;padding:4px;border:1px solid var(--border);margin-bottom:3px;background:var(--bg-dark)}.bracket-team.winner{border-color:var(--gold);color:var(--gold)}.bracket-team.loser{opacity:.5}.bracket-team.player{border-color:var(--cyan)}.bracket-score{font-size:7px;color:var(--gray);margin-top:2px}.results-header{text-align:center;margin-bottom:16px}.results-title{font-size:14px;color:var(--gold);text-shadow:var(--shadow-glow);margin-bottom:6px}.results-sub{font-size:8px;color:var(--cyan)}.placement-list{width:100%;max-width:480px;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.placement-row{display:flex;align-items:center;gap:7px;padding:5px 8px;background:var(--bg-card);border:1px solid var(--border);font-size:7px}.placement-row.p1{border-color:gold;background:#ffd7001a}.placement-row.p2{border-color:silver;background:#c0c0c014}.placement-row.p3{border-color:#cd7f32;background:#cd7f3214}.placement-row.player{outline:2px solid var(--cyan)}.place-medal{font-size:13px;min-width:20px;text-align:center}.place-num{font-size:8px;color:var(--gold);min-width:20px;text-align:center}.place-name{flex:1}.place-stats{display:flex;gap:10px;align-items:center;flex-shrink:0}.place-col{font-size:7px;font-family:var(--font);min-width:28px;text-align:right}.loading-screen{background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-text{font-size:9px;color:var(--gold);animation:titlePulse 1s ease-in-out infinite}.loading-dots{font-size:9px;color:var(--text)}.match-result-overlay{position:fixed;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;gap:12px}.match-result-text{font-size:20px;text-align:center}.match-result-text.win{color:var(--gold);text-shadow:var(--shadow-glow)}.match-result-text.loss{color:var(--red);text-shadow:var(--shadow-red)}.match-result-text.draw{color:var(--gray)}.match-result-sub{font-size:8px;color:var(--gray)}.match-result-stats{font-size:7px;color:var(--text);text-align:center;line-height:2}.stat-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.stat-label{font-size:5px;color:var(--gray);min-width:50px}.stat-bar{flex:1;height:4px;background:#111}.stat-bar-fill{height:100%;background:var(--blue)}.stat-value{font-size:5px;color:var(--text);min-width:20px;text-align:right}.monster-detail-modal{position:fixed;inset:0;background:#000c;z-index:200;display:flex;align-items:center;justify-content:center;padding:12px}.monster-detail-panel{background:var(--bg-card);border:2px solid var(--gold);padding:16px;max-width:380px;width:100%;max-height:90vh;overflow-y:auto}.monster-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.monster-detail-emoji{font-size:32px}.monster-detail-name{font-size:9px;color:var(--gold)}.monster-detail-class{font-size:6px;color:var(--gray)}.monster-detail-section{margin-bottom:10px}.monster-detail-section-title{font-size:6px;color:var(--cyan);margin-bottom:5px}.monster-detail-text{font-size:6px;color:var(--text);line-height:1.8}.confetti{position:fixed;width:6px;height:6px;top:-10px;pointer-events:none;z-index:9999;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}.phase-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:var(--gold);text-shadow:0 0 30px rgba(255,215,0,.9);background:#000000d9;border:2px solid var(--gold);padding:16px 32px;z-index:400;text-align:center;animation:bannerPop .3s ease-out}@keyframes bannerPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.battle-info-bar{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;background:var(--bg-med);border-bottom:1px solid var(--border);font-size:6px}.battle-phase-label{color:var(--gold)}.battle-match-label{color:var(--gray)}.tooltip{position:fixed;background:var(--bg-card2);border:1px solid var(--border-bright);padding:6px 8px;font-size:5px;z-index:300;max-width:180px;pointer-events:none;line-height:1.8}.cup-card{transition:border-color .15s,transform .15s}.cup-card.locked{opacity:.55}@media(max-width:480px){.game-title{font-size:13px}.battle-arena{gap:2px;padding:4px}.bm-emoji{font-size:14px}.monster-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.ban-slot{min-width:76px;padding:5px 6px;font-size:6px}.ban-slot .ban-emoji{font-size:12px}.bracket-grid,.standings-grid{grid-template-columns:1fr}.tooltip{max-width:260px;font-size:6px}.btn{min-height:40px}.btn-sm{min-height:34px}.battle-log{font-size:7px}.bm-name,.bm-hp-text{font-size:5px}.monster-card-name{font-size:7px}.monster-card-class{font-size:6px}.draft-pick-item{font-size:7px;padding:5px 8px}.roster-slot{min-height:34px}.roster-slot-name{font-size:7px}.standings-row{font-size:7px;padding:5px}.placement-row{font-size:7px}.results-title{font-size:11px}.results-sub{font-size:7px}.recap-name{font-size:8px}.recap-label{font-size:6px;width:28px}.recap-val,.recap-badge{font-size:6px}}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle linear infinite}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.text-center{text-align:center}.text-gold{color:var(--gold)}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-blue{color:var(--blue)}.text-gray{color:var(--gray)}.text-cyan{color:var(--cyan)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.gap-4{gap:4px}.gap-8{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.page-title{font-size:11px;color:var(--gold);text-align:center;text-shadow:var(--shadow-glow);margin-bottom:4px;letter-spacing:1px}.page-sub{font-size:7px;color:var(--gray);text-align:center;margin-bottom:12px}.divider{width:100%;border:none;border-top:1px solid var(--border);margin:8px 0}.badge{display:inline-block;font-size:5px;padding:2px 5px;border:1px solid;border-radius:2px}.badge-tank{color:#8bf;border-color:#446;background:#334}.badge-bruiser{color:#fa4;border-color:#640;background:#430}.badge-assassin{color:#f66;border-color:#500;background:#300}.badge-mage{color:#c8f;border-color:#505;background:#303}.badge-marksman{color:#ff4;border-color:#550;background:#330}.badge-support{color:#4f8;border-color:#050;background:#030}.winner-crown{color:var(--gold);font-size:12px}.screen-fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.battle-countdown-num{font-family:var(--font);font-size:clamp(48px,10vw,80px);text-shadow:0 0 40px currentColor;animation:countdownPop .35s cubic-bezier(.17,.89,.32,1.28);line-height:1}@keyframes countdownPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.bm-grid-unit.special-firing{filter:brightness(2.4) drop-shadow(0 0 12px rgba(255,210,60,1))!important;z-index:15!important;transition:filter .08s ease!important}.special-ring{position:absolute;border-radius:50%;border:4px solid rgba(255,210,60,.9);animation:specialRing .65s ease-out forwards;pointer-events:none}@keyframes specialRing{0%{width:0;height:0;opacity:.9;border-width:4px}to{width:88px;height:88px;opacity:0;border-width:1px}}.special-name-float{position:absolute;font-family:var(--font);font-size:clamp(6px,1.4vw,10px);color:gold;text-shadow:0 0 10px rgba(255,215,0,.9),0 0 3px #000;white-space:nowrap;pointer-events:none;animation:specialFloat 1.1s ease-out forwards}@keyframes specialFloat{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-40px);opacity:0}}.charge-dash{animation:chargeDash .46s cubic-bezier(.18,1,.4,1) forwards!important;z-index:20!important;filter:brightness(2) saturate(1.6)!important}@keyframes chargeDash{0%{transform:translate(0) scale(1)}28%{transform:translate(var(--dash-x),var(--dash-y)) scale(1.22)}65%{transform:translate(calc(var(--dash-x) * .1)) scale(.95)}to{transform:translate(0) scale(1)}}.charge-trail-particle{position:absolute;width:7px;height:7px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 6px currentColor;animation:chargeTrail .42s ease-out forwards}@keyframes chargeTrail{0%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),-50%) scale(.12)}}[class^=sp-],[class*=" sp-"]{will-change:transform,opacity}.sp-particle{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:sp-burst .56s ease-out forwards}.sp-particle.sp-spark{border-radius:2px;transform:translate(-50%,-50%) rotate(var(--sp-angle, 45deg))}@keyframes sp-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(calc(-50% + var(--sp-tx)),calc(-50% + var(--sp-ty))) scale(.05)}}.sp-projectile{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:5;animation:sp-projectile-travel var(--sp-proj-dur, .26s) cubic-bezier(.3,0,.7,1) forwards}.sp-projectile.sp-projectile-bolt{border-radius:3px}@keyframes sp-projectile-travel{0%{opacity:1;left:var(--sp-ox);top:var(--sp-oy)}to{opacity:1;left:var(--sp-tx2);top:var(--sp-ty2)}}.sp-projectile-impact{position:absolute;width:26px;height:26px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:sp-projectile-impact-anim .32s ease-out forwards}@keyframes sp-projectile-impact-anim{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.sp-wave-arc{position:absolute;width:14px;height:7px;border:3px solid;transform:translate(-50%);pointer-events:none;animation:sp-wave-expand .72s cubic-bezier(.2,.8,.4,1) forwards}@keyframes sp-wave-expand{0%{width:10px;height:5px;opacity:1;transform:translate(-50%)}60%{opacity:.85}to{width:120px;height:55px;opacity:0;transform:translate(-50%,calc(var(--sp-wave-dir, -1) * 32px))}}.sp-flame-particle{position:absolute;width:7px;height:18px;border-radius:50% 50% 20% 20%;transform:translate(-50%,-100%);pointer-events:none;animation:sp-flame-rise .68s ease-out forwards}@keyframes sp-flame-rise{0%{opacity:1;transform:translate(-50%,-100%) scaleX(1.1)}40%{opacity:.85}to{opacity:0;transform:translate(calc(-50% + var(--sp-tx, 0px)),calc(-100% + var(--sp-ty, -60px))) scaleX(.25) scaleY(.4)}}.sp-spark-flash{position:absolute;width:14px;height:14px;border-radius:50%;border:2.5px solid;transform:translate(-50%,-50%);pointer-events:none;animation:sp-spark-flash-anim .48s ease-out forwards}@keyframes sp-spark-flash-anim{0%{width:8px;height:8px;opacity:1}to{width:90px;height:90px;opacity:0}}.sp-heal-cross{position:absolute;transform:translate(-50%,-50%);pointer-events:none;animation:sp-heal-rise .78s ease-out forwards}@keyframes sp-heal-rise{0%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-50% - 54px)) scale(.6)}}.sp-shield-ring{position:absolute;width:16px;height:16px;border-radius:50%;border:3px solid;transform:translate(-50%,-50%);pointer-events:none;animation:sp-shield-ring-expand .65s ease-out forwards}@keyframes sp-shield-ring-expand{0%{width:10px;height:10px;opacity:1}to{width:100px;height:100px;opacity:0}}.sp-tentacle-slam-wrap{position:absolute;width:2px;height:2px;pointer-events:none;z-index:6}.sp-tentacle-slam-ground{position:absolute;left:0;top:0;width:46px;height:16px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(10,20,15,.55) 0%,transparent 75%);animation:sp-tentacle-ground-fade .62s ease-out forwards}@keyframes sp-tentacle-ground-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.sp-tentacle-slam{position:absolute;left:0;top:0;width:22px;height:96px;clip-path:polygon(42% 100%,58% 100%,62% 88%,56% 74%,66% 62%,60% 50%,68% 40%,58% 32%,64% 24%,54% 18%,58% 12%,50% 6%,52% 2%,48% 0%,46% 4%,50% 10%,44% 16%,50% 22%,40% 30%,48% 38%,36% 48%,44% 58%,32% 70%,40% 82%,34% 92%);background:repeating-linear-gradient(115deg,rgba(10,30,20,.35) 0px,rgba(10,30,20,.35) 2px,transparent 3px,transparent 9px),linear-gradient(180deg,#123a28,#1f6b48 30%,#3a9a72,#6fd9a8 80%,#b8f5d8);box-shadow:0 0 14px 3px #32dc9680,inset -3px 0 7px #00000080;pointer-events:none;transform-origin:50% 100%;z-index:6;animation:sp-tentacle-rise-slam .62s cubic-bezier(.36,0,.2,1) forwards}@keyframes sp-tentacle-rise-slam{0%{transform:translate(-50%,20%) rotate(calc(var(--tt-rot, 70deg) - 4deg)) skew(4deg) scaleY(.12) scaleX(1.3);opacity:0}16%{transform:translate(-50%,-25%) rotate(calc(var(--tt-rot, 70deg) - 16deg)) skew(-16deg) scaleY(.5) scaleX(1.1);opacity:1}32%{transform:translate(-50%,-55%) rotate(calc(var(--tt-rot, 70deg) - 22deg)) skew(18deg) scaleY(.85) scaleX(.85);opacity:1}46%{transform:translate(-50%,-70%) rotate(calc(var(--tt-rot, 70deg) - 10deg)) skew(-20deg) scaleY(1.05) scaleX(.72);opacity:1}54%{transform:translate(-50%,-60%) rotate(calc(var(--tt-rot, 70deg) + 10deg)) skew(16deg) scaleY(.6) scaleX(1.3);opacity:1}64%{transform:translate(-50%,-40%) rotate(calc(var(--tt-rot, 70deg) - 6deg)) skew(-9deg) scaleY(.65) scaleX(1.1);opacity:1}76%{transform:translate(-50%,-20%) rotate(calc(var(--tt-rot, 70deg) + 3deg)) skew(5deg) scaleY(.6) scaleX(1);opacity:.95}88%{transform:translate(-50%,-6%) rotate(calc(var(--tt-rot, 70deg) - 1deg)) skew(-2deg) scaleY(.55) scaleX(.95);opacity:.75}to{transform:translate(-50%,12%) rotate(var(--tt-rot, 70deg)) scaleY(.5) scaleX(.9);opacity:0}}.sp-tentacle-crack{position:absolute;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%) scale(.2);background:radial-gradient(circle,rgba(220,255,235,.95) 0%,rgba(120,240,180,.6) 40%,transparent 75%);pointer-events:none;z-index:7;animation:sp-tentacle-crack-flash .26s ease-out forwards}@keyframes sp-tentacle-crack-flash{0%{transform:translate(-50%,-50%) scale(.15);opacity:.95}50%{transform:translate(-50%,-50%) scale(1);opacity:.9}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.sp-wave-travel{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:5;animation:sp-projectile-travel var(--sp-proj-dur, .32s) cubic-bezier(.25,.1,.6,1) forwards}.sp-wave-splash-ring{position:absolute;width:14px;height:14px;border-radius:50%;border:3px solid;transform:translate(-50%,-50%);pointer-events:none;animation:sp-wave-splash-expand .5s ease-out forwards}@keyframes sp-wave-splash-expand{0%{width:10px;height:10px;opacity:1}to{width:96px;height:96px;opacity:0}}.sp-wave-cone{position:absolute;pointer-events:none;z-index:4;animation:sp-wave-cone-grow .42s cubic-bezier(.2,.7,.3,1) forwards}@keyframes sp-wave-cone-grow{0%{transform:scale(.05);opacity:.95}60%{opacity:.7}to{transform:scale(1);opacity:0}}.sp-whirlpool-ring{position:absolute;width:12px;height:12px;border-radius:50%;border:3px solid;transform:translate(-50%,-50%);pointer-events:none;animation:sp-whirlpool-ring-expand .6s ease-out forwards}@keyframes sp-whirlpool-ring-expand{0%{width:8px;height:8px;opacity:.95;transform:translate(-50%,-50%) rotate(0)}to{width:84px;height:84px;opacity:0;transform:translate(-50%,-50%) rotate(90deg)}}.sp-ground-ring{position:absolute;width:12px;height:5px;border-radius:50%;border:2.5px solid;transform:translate(-50%,-50%);pointer-events:none;animation:sp-ground-ring-expand .52s ease-out forwards}@keyframes sp-ground-ring-expand{0%{width:12px;height:5px;opacity:.95}to{width:112px;height:24px;opacity:0}}.sp-dark-flash{position:absolute;width:90px;height:90px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:sp-dark-flash-anim .55s ease-in-out forwards}@keyframes sp-dark-flash-anim{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}35%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}.sp-poison-bubble{position:absolute;border-radius:50%;border:2px solid;background:transparent;transform:translate(-50%,-50%);pointer-events:none;animation:sp-burst .72s ease-out forwards}.sp-buff-star{position:absolute;transform:translate(-50%,-50%);pointer-events:none;animation:sp-buff-rise .8s ease-out forwards}@keyframes sp-buff-rise{0%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-50% - 58px)) scale(.5) rotate(30deg)}}.sp-solar-ray{position:absolute;width:2px;border-radius:2px;transform-origin:center bottom;pointer-events:none;animation:sp-solar-ray-shoot .58s ease-out forwards}@keyframes sp-solar-ray-shoot{0%{height:0;opacity:1}50%{opacity:.9}to{height:var(--sp-ray-len,52px);opacity:0}}.sp-solar-core{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:sp-solar-core-anim .6s ease-out forwards}@keyframes sp-solar-core-anim{0%{width:6px;height:6px;opacity:1}40%{opacity:1}to{width:80px;height:80px;opacity:0}}.sp-vortex-ring{position:absolute;border-radius:50%;border:2px solid;transform:translate(-50%,-50%);pointer-events:none;animation:sp-vortex-shrink .72s ease-in forwards}@keyframes sp-vortex-shrink{0%{width:84px;height:84px;opacity:.9;transform:translate(-50%,-50%) rotate(0)}to{width:4px;height:4px;opacity:0;transform:translate(-50%,-50%) rotate(200deg)}}.sp-petal{position:absolute;border-radius:50% 0;transform:translate(-50%,-50%) rotate(var(--sp-petal-rot,0deg));pointer-events:none;animation:sp-petal-bloom .82s ease-out forwards}@keyframes sp-petal-bloom{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--sp-petal-rot,0deg)) scale(.4)}40%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--sp-tx,0px)),calc(-50% + var(--sp-ty,-50px))) rotate(calc(var(--sp-petal-rot,0deg) + 160deg)) scale(.05)}}.bm-grid-unit.stampede-charging{filter:brightness(2.2) saturate(1.8) hue-rotate(15deg)!important;z-index:20!important}.stampede-trail-particle{position:absolute;width:9px;height:9px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,#fc4,#f60);box-shadow:0 0 8px 3px #ff7800b3;animation:stampede-particle-fade .44s ease-out forwards}@keyframes stampede-particle-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(.1)}}.stampede-impact{position:absolute;width:48px;height:48px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,200,60,.95) 0%,rgba(255,80,0,.5) 55%,transparent 80%);box-shadow:0 0 20px 8px #ff780099;animation:stampede-impact-burst .6s ease-out forwards}@keyframes stampede-impact-burst{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}55%{transform:translate(-50%,-50%) scale(1.5);opacity:.85}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}.minigun-muzzle-flash{position:absolute;width:30px;height:30px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff7cc 0%,#ffcc44 45%,transparent 75%);box-shadow:0 0 22px 10px #ffc83cb3;animation:minigun-muzzle-fade .65s ease-out forwards}@keyframes minigun-muzzle-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.minigun-cone{position:absolute;height:2px;transform-origin:0% 50%;pointer-events:none;clip-path:polygon(0% 50%,100% 0%,100% 100%);background:conic-gradient(from calc(-1 * var(--cone-spread) / 2) at 0% 50%,transparent 0deg,rgba(255,210,90,.35) calc(var(--cone-spread) / 2),transparent var(--cone-spread));animation:minigun-cone-fade .6s ease-out forwards}@keyframes minigun-cone-fade{0%{opacity:.9}to{opacity:0}}.minigun-tracer{position:absolute;height:2px;transform-origin:0% 50%;pointer-events:none;background:linear-gradient(90deg,transparent,#fff3aa 40%,#ffffff 80%,#ffffff);box-shadow:0 0 6px 1px #ffdc78d9;animation:minigun-tracer-fade .16s linear forwards}@keyframes minigun-tracer-fade{0%{opacity:1}to{opacity:0}}.minigun-impact-spark{position:absolute;width:14px;height:14px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffffff,#ffcc44,transparent 75%);box-shadow:0 0 10px 4px #ffbe3cbf;animation:minigun-spark-fade .22s ease-out forwards}@keyframes minigun-spark-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.slicing-dash-slash{position:absolute;width:34px;height:4px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#eaf6ff,#ffffff,#eaf6ff,transparent);box-shadow:0 0 8px 2px #c8e6ffcc;animation:slicing-dash-slash-fade .36s ease-out forwards}.slicing-dash-slash-final{width:52px;height:5px;box-shadow:0 0 12px 4px #d2ebffe6}@keyframes slicing-dash-slash-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--r,0deg))}to{opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(var(--r,0deg))}}.blink-vanish{animation:blinkVanish .7s ease-out forwards!important;z-index:20!important}@keyframes blinkVanish{0%{opacity:1;transform:scale(1);filter:brightness(1)}16%{opacity:0;transform:scale(1.45);filter:brightness(5) saturate(0)}52%{opacity:0;transform:scale(.55);filter:brightness(1)}78%{opacity:1;transform:scale(1.18);filter:brightness(3) saturate(2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.blink-burst{position:absolute;width:64px;height:64px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:blinkBurst .52s ease-out forwards}@keyframes blinkBurst{0%{background:radial-gradient(circle,rgba(200,140,255,.95) 0%,rgba(80,0,200,.65) 55%,transparent 100%);transform:translate(-50%,-50%) scale(.08);opacity:1}to{background:radial-gradient(circle,rgba(200,140,255,0) 0%,transparent 100%);transform:translate(-50%,-50%) scale(2.6);opacity:0}}.blink-spark{position:absolute;width:5px;height:5px;border-radius:50%;pointer-events:none;animation:blinkSpark .56s ease-out forwards}@keyframes blinkSpark{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1.3)}to{opacity:0;transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) scale(.08)}}@keyframes phantom-clone-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}35%{transform:translate(-50%,-50%) scale(1.35);opacity:1}65%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.2);opacity:0}}.stun-swirl{position:absolute;inset:0;background:#6400b42e;border:2px solid rgba(180,80,255,.65);border-radius:4px;pointer-events:none;z-index:12;overflow:hidden;animation:stunBg .6s ease-in-out infinite alternate}@keyframes stunBg{0%{background:#6400b424;border-color:#a03cff80}to{background:#9614ff47;border-color:#dc82ffe6}}.stun-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#e080ff 0%,#9020ff 60%,transparent 100%);top:50%;left:50%;box-shadow:0 0 4px #c060ff,0 0 8px #9020ff;animation:stunOrbit .9s linear infinite;animation-delay:calc(var(--i) * -.18s);transform-origin:0 0}@keyframes stunOrbit{0%{transform:rotate(calc(var(--i) * 72deg)) translate(10px) scale(1);opacity:1}50%{transform:rotate(calc(var(--i) * 72deg + 180deg)) translate(10px) scale(.6);opacity:.6}to{transform:rotate(calc(var(--i) * 72deg + 360deg)) translate(10px) scale(1);opacity:1}}.bm-grid-unit.targeted{outline:2px solid rgba(255,70,70,.85);outline-offset:1px;z-index:7!important}.bm-grid-unit.targeted.player-side{outline-color:#ff4646d9}.bm-grid-unit.targeted.enemy-side{outline-color:#50a0ffd9}.rank-card{border:2px solid #333;border-radius:4px;padding:14px;margin-bottom:10px}.rp-bar-track{width:100%;height:6px;background:#113;border-radius:3px;overflow:hidden}.rp-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.history-pill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;background:#07071a;border:1px solid #222244;border-radius:3px;font-size:10px}.champion-cup-invite{background:linear-gradient(135deg,#1a0800,#220d00);border:2px solid #ff9944;border-radius:4px;padding:10px 12px;margin:8px 0;animation:invitePulse 2s ease-in-out infinite}@keyframes invitePulse{0%,to{box-shadow:0 0 8px #ff99444d}50%{box-shadow:0 0 20px #ff9944b3}}.rank-badge{display:inline-flex;align-items:center;justify-content:center;line-height:1}.rank-badge svg{width:100%;height:100%;display:block}.rank-rookie{filter:drop-shadow(0 0 6px #99aa99)}.rank-bronze{filter:drop-shadow(0 0 8px #cd7f32)}.rank-silver{filter:drop-shadow(0 0 8px #c0c0c0)}.rank-gold{filter:drop-shadow(0 0 10px #ffd700)}.rank-platinum{filter:drop-shadow(0 0 10px #44ddff)}.rank-diamond{filter:drop-shadow(0 0 12px #88aaff)}.rank-masters{filter:drop-shadow(0 0 14px #cc44ff);animation:mastersPulse 2s ease-in-out infinite}.rank-champion{filter:drop-shadow(0 0 16px #ff9944);animation:champPulse 1.8s ease-in-out infinite}@keyframes mastersPulse{0%,to{filter:drop-shadow(0 0 8px #cc44ff)}50%{filter:drop-shadow(0 0 20px #ee88ff)}}@keyframes champPulse{0%,to{filter:drop-shadow(0 0 10px #ff9944)}50%{filter:drop-shadow(0 0 24px #ffbb66)}}.recap-monster-row{display:flex;align-items:flex-start;gap:6px;background:#07071a;border:1px solid #1a1a33;border-radius:3px;padding:6px;margin-bottom:5px;transition:border-color .2s}.recap-monster-row:hover{border-color:#336}.recap-monster-row.recap-dead{opacity:.55}.recap-emoji{font-size:20px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.recap-info{flex:1;min-width:0;overflow:hidden}.recap-name{font-size:7px;color:#ccd;font-family:var(--font);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recap-stat-row{display:flex;align-items:center;gap:4px;margin-bottom:3px}.recap-label{font-size:5px;color:#557;width:26px;flex-shrink:0;letter-spacing:.5px}.recap-bar-track{flex:1;height:5px;background:#113;border-radius:3px;overflow:hidden}.recap-bar{height:100%;border-radius:3px;transition:width .4s ease}.recap-val{font-size:5px;color:#889;width:30px;text-align:right;flex-shrink:0}.recap-badges{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.recap-badge{font-size:5px;padding:1px 4px;border-radius:2px;border:1px solid;line-height:1.6}.badge-kill{color:#f64;border-color:#f646;background:#1a0800}.badge-crit{color:gold;border-color:#ffd70066;background:#1a1400}.badge-special{color:#c4f;border-color:#c4f6;background:#0d001a}.badge-clean{color:#4f8;border-color:#4f86;background:#001a0a}.recap-dmg-total{font-size:9px;font-family:var(--font);min-width:28px;text-align:right;flex-shrink:0;align-self:center}.cc-flash{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(100,215,255,.75) 35%,rgba(40,160,255,.3) 65%,transparent 82%);box-shadow:0 0 36px 12px #3cc3ffe6,0 0 72px 22px #1e8cff73;animation:cc-flash-burst .42s ease-out forwards}@keyframes cc-flash-burst{0%{transform:translate(-50%,-50%) scale(.1);opacity:1}45%{transform:translate(-50%,-50%) scale(1.4);opacity:.9}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}.cc-shard{position:absolute;pointer-events:none;animation:cc-shard-fly var(--cc-dur, .54s) cubic-bezier(.05,.88,.25,1) var(--cc-delay, 0ms) forwards}@keyframes cc-shard-fly{0%{transform:translate(-50%,-50%) translate(0) rotate(var(--cc-rot0,0deg)) scale(1.2);opacity:1}60%{opacity:.8}to{transform:translate(-50%,-50%) translate(var(--cc-tx,40px),var(--cc-ty,-40px)) rotate(var(--cc-rot1,210deg)) scale(.1);opacity:0}}.cc-ray{position:absolute;pointer-events:none;width:2px;height:6px;background:linear-gradient(to bottom,rgba(255,255,255,.97),rgba(110,225,255,.65),transparent);box-shadow:0 0 4px 1px #50cdffbf;transform-origin:top center;transform:translate(-50%) rotate(var(--cc-angle, 0rad));animation:cc-ray-burst .38s ease-out forwards}@keyframes cc-ray-burst{0%{height:4px;opacity:1}38%{height:48px;opacity:.88}to{height:66px;opacity:0}}