:root{font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;line-height:1.5;color-scheme:dark;background-color:#12181b;color:#f0f4f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #12181B;--panel: #1E252B;--tile: #2A3137;--tile-border: #3A444D;--tile-hover: #333C44;--text: #F0F4F8;--text-muted: #9AA4AE;--primary: #386641;--primary-hov: #2a4d31;--red: #EF4444;--red-dim: #bc4749;--blue: #3b82f6;--mono: "JetBrains Mono", monospace}html{height:100%;scrollbar-width:none;-webkit-touch-callout:none}body{margin:0;min-height:100vh;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body::-webkit-scrollbar{width:0;height:0;display:none}button,a,[role=button]{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;outline:none}img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}button::-moz-focus-inner{border:0}input{font-family:inherit;color:inherit}#root{min-height:100%}.oneiros-core{position:absolute;inset:0;pointer-events:none;--oneiros-wave-period: 3.2s}.oneiros-art{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%}.oneiros-petal{transform-box:view-box;transform-origin:55% 54.375%}.oneiros-core[data-active=true] .oneiros-petal{animation:oneiros-petal-sway 7s ease-in-out var(--petal-delay) infinite}@keyframes oneiros-petal-sway{0%,to{transform:rotate(calc(-1 * var(--petal-angle)))}50%{transform:rotate(var(--petal-angle))}}.oneiros-refraction{opacity:.85}.oneiros-core[data-active=true] .oneiros-refraction{animation:oneiros-refraction-drift 6.6s ease-in-out -2s infinite}@keyframes oneiros-refraction-drift{0%,to{transform:translate(-1.5px,1px);opacity:.65}50%{transform:translate(1.5px,-1px);opacity:.95}}.oneiros-sparkle{opacity:.35;transform-box:fill-box;transform-origin:center}.oneiros-core[data-active=true] .oneiros-sparkle{animation:oneiros-sparkle var(--sparkle-duration) ease-in-out var(--sparkle-delay) infinite}@keyframes oneiros-sparkle{0%,18%,78%,to{opacity:0;transform:scale(.35)}43%{opacity:.95;transform:scale(1.2)}58%{opacity:.45;transform:scale(.8)}}.oneiros-core-light{opacity:.65}.oneiros-star{transform-box:view-box;transform-origin:55% 54.375%}.oneiros-core[data-active=true] .oneiros-core-light{animation:oneiros-light-breathe 5.8s ease-in-out -1s infinite}.oneiros-core[data-active=true] .oneiros-star{animation:oneiros-star-breathe var(--oneiros-wave-period) ease-in-out infinite}@keyframes oneiros-light-breathe{0%,to{opacity:.45}50%{opacity:.85}}@keyframes oneiros-star-breathe{0%,to{transform:scale(.82);opacity:.75}50%{transform:scale(1.18);opacity:1}}.oneiros-moonwave{opacity:0;transform-box:view-box;transform-origin:55% 54.375%;transform:scale(.4)}.oneiros-petal-wave-edge{opacity:0}.oneiros-core[data-active=true] .oneiros-moonwave{animation:oneiros-moonwave var(--oneiros-wave-period) linear infinite}.oneiros-core[data-active=true] .oneiros-petal-wave-edge{animation:oneiros-petal-wave-light var(--oneiros-wave-period) ease-in-out infinite}.oneiros-core[data-active=true] .oneiros-galaxy-stars{animation:oneiros-starfield-wave-light var(--oneiros-wave-period) ease-in-out infinite}.oneiros-core[data-active=true] .oneiros-nebula{animation:oneiros-nebula-wave-light var(--oneiros-wave-period) ease-in-out infinite}@keyframes oneiros-moonwave{0%,49%{opacity:0;transform:scale(.4)}50%{opacity:.65;transform:scale(.4)}59%{opacity:.7;transform:scale(.62)}72%{opacity:.4;transform:scale(.85)}90%,to{opacity:0;transform:scale(1.08)}}@keyframes oneiros-petal-wave-light{0%,53%,94%,to{opacity:0}72%{opacity:.85}}@keyframes oneiros-starfield-wave-light{0%,48%,to{opacity:.5}68%,76%{opacity:1}}@keyframes oneiros-nebula-wave-light{0%,48%,to{opacity:.6}68%,76%{opacity:1}}.oneiros-core[data-active=true] .oneiros-orbit-glints{animation:oneiros-glint 4.8s ease-in-out -2.4s infinite}@keyframes oneiros-glint{0%,to{opacity:.5}50%{opacity:1}}.oneiros-shard-carrier{transform-box:view-box;transform-origin:0 0;opacity:.85}.oneiros-core[data-active=true] .oneiros-shard-carrier{animation:oneiros-shard-orbit var(--shard-period) linear var(--shard-delay) infinite var(--shard-direction)}@keyframes oneiros-shard-orbit{0%{transform:rotate(0);opacity:.9}25%{opacity:.5}50%{opacity:.9}75%{opacity:1}to{transform:rotate(360deg);opacity:.9}}@media(prefers-reduced-motion:reduce){.oneiros-core .oneiros-petal,.oneiros-core .oneiros-refraction,.oneiros-core .oneiros-core-light,.oneiros-core .oneiros-star,.oneiros-core .oneiros-orbit-glints,.oneiros-core .oneiros-shard-carrier,.oneiros-core .oneiros-sparkle,.oneiros-core .oneiros-moonwave,.oneiros-core .oneiros-petal-wave-edge,.oneiros-core .oneiros-galaxy-stars,.oneiros-core .oneiros-nebula,.oneiros-core .oneiros-rim-reflection{animation:none!important}}.player-piece.piece-skin-oneiros{width:calc(var(--piece-size, 56px) * 1.5);height:calc(var(--piece-size, 56px) * 1.5)}.player-piece.piece-skin-oneiros .piece-inner{width:calc(var(--piece-inner-size, 44px) * 1.5);height:calc(var(--piece-inner-size, 44px) * 1.5);background:transparent;overflow:visible}.player-piece.piece-skin-oneiros .piece-inner:before,.player-piece.piece-skin-oneiros .piece-inner:after{content:none}.skin-preview.skin-preview-oneiros{overflow:visible;background:transparent}.skin-detail-preview-stage:has(.skin-preview-oneiros){aspect-ratio:1;min-height:0;max-height:none}.player-piece .oneiros-fine-detail{display:none}.player-piece .oneiros-seed{opacity:.65}.player-piece .oneiros-orbit-back{opacity:.4}.player-piece .oneiros-moonwave-ring{stroke-width:.8px}.player-piece .oneiros-moonwave-trail{stroke-width:.45px}.player-piece .oneiros-petal-wave-edge{stroke-width:.65px}.player-piece .oneiros-sparkles>g:nth-child(n+5){display:none}.player-piece .oneiros-moon-glow{filter:none;opacity:.5}.oneiros-rim-reflection{opacity:.55}.oneiros-core[data-active=true] .oneiros-rim-reflection-moon{animation:oneiros-rim-shimmer 6.8s ease-in-out -1.4s infinite}.oneiros-core[data-active=true] .oneiros-rim-reflection-cyan{animation:oneiros-rim-shimmer 7.6s ease-in-out -4.2s infinite}@keyframes oneiros-rim-shimmer{0%,to{opacity:.25}50%{opacity:.85}}.skin-preview-plasma{overflow:visible;background:transparent;box-shadow:none}.skin-preview-plasma-orb{position:absolute;inset:0%;width:100%;height:100%;border-radius:999px;pointer-events:none;background:radial-gradient(circle at 44% 42%,#d8b4fe,#7c3aed 42%,#1d4ed8 76%,#081121);box-shadow:0 0 0 2px #60a5fae6,0 0 18px #3b82f66b,0 0 28px #7c3aed52;animation:plasma-core-pulse 1.8s ease-in-out infinite}.skin-preview-plasma-orb:before,.skin-preview-plasma-orb:after{content:"";position:absolute;inset:2px;border-radius:999px;pointer-events:none}.skin-preview-plasma-orb:before{border:1px solid rgba(96,165,250,.7);box-shadow:0 0 8px #3b82f673;animation:plasma-ring-spin 2.8s linear infinite}.skin-preview-plasma-orb:after{inset:5px;border:1px dashed rgba(191,219,254,.55);opacity:.8;animation:plasma-ring-spin-reverse 3.6s linear infinite}@keyframes plasma-core-pulse{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.04);filter:saturate(1.12)}}.skin-preview-gold_core{overflow:visible;background:transparent;box-shadow:none}.skin-preview-gold_core-orb{position:absolute;inset:0%;width:100%;height:100%;border-radius:999px;pointer-events:none;background:radial-gradient(circle at 34% 28%,#fffef5,#fef08a 18%,#eab308 50%,#92400e 80%,#1c0800);box-shadow:0 0 0 2px #fde047f2,0 0 14px #eab308a6,0 0 24px #ca8a046b,0 0 36px #a1620733}.skin-preview-gold_core-orb:before{content:"";position:absolute;inset:3px;border-radius:999px;border:1px dashed rgba(253,224,71,.85);box-shadow:0 0 8px #eab3088c,inset 0 0 6px #fff9b42e;animation:gold-orbit-cw 3.4s linear infinite}.skin-preview-gold_core-orb:after{content:"";position:absolute;inset:0;border-radius:999px;background:repeating-conic-gradient(rgba(255,249,160,.55) 0deg 20deg,transparent 20deg 45deg);opacity:.75;animation:gold-rays-spin 5.8s linear infinite}@keyframes gold-rays-spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.skin-preview-neon_pulse{overflow:visible;background:transparent;box-shadow:none}.skin-preview-neon_pulse-orb{position:absolute;inset:0%;width:100%;height:100%;border-radius:999px;pointer-events:none;background:radial-gradient(circle at 38% 34%,#fff0fd,#ff4fd8 28%,#b832d9 55%,#1a2daa);box-shadow:0 0 0 2px #7fdbfff5,0 0 14px #ff4fd8a6,0 0 24px #4fc3ff80,0 0 36px #b833d947}.skin-preview-neon_pulse-orb:before,.skin-preview-neon_pulse-orb:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.skin-preview-neon_pulse-orb:before{inset:50%;border:3px solid rgba(127,219,255,.88);box-shadow:0 0 8px #4fc3ff8c,0 0 12px #ff4fd83d;opacity:0;animation:neon-wave-expand-preview 1.4s ease-out infinite}.skin-preview-neon_pulse-orb:after{inset:50%;border:2.75px solid rgba(255,79,216,.82);box-shadow:0 0 6px #ff4fd873,0 0 10px #4fc3ff33;opacity:0;animation:neon-wave-expand-preview 1.4s ease-out infinite .6s}@keyframes neon-wave-expand-preview{0%{inset:50%;opacity:0;transform:scale(.2)}18%{opacity:.94}to{inset:6%;opacity:0;transform:scale(1.08)}}.skin-preview-inferno{overflow:visible;background:transparent;box-shadow:none}.skin-preview-inferno-orb{position:absolute;inset:0%;width:100%;height:100%;border-radius:999px;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff8d6fa,#ffdd7af0 14%,#ffa13aeb 30%,#ff6020b8 52%,#78140a3d 72%,#14050500);box-shadow:0 0 0 2px #ff9a3cf2,0 0 16px #ff66208f,0 0 28px #ffaa344d;animation:inferno-core-pulse 1.7s ease-in-out infinite}.skin-preview-inferno-orb:before,.skin-preview-inferno-orb:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.skin-preview-inferno-orb:before{inset:24%;background:radial-gradient(circle,#fffffffa,#fff8d6f5 22%,#ffd65ceb 40%,#ff7c28b8,#ff48181f 88%,#ff481800);box-shadow:0 0 8px #ffeba0a3,0 0 14px #ff84284d;animation:inferno-core-bloom 1.45s ease-in-out infinite}.skin-preview-inferno-orb:after{inset:6%;background:radial-gradient(circle,#ffd95414,#ff7c282e 38%,#ff481814 58%,#ff481800 82%);filter:blur(.5px)}@keyframes inferno-core-pulse{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.06);filter:saturate(1.12)}}@keyframes inferno-core-bloom{0%,to{transform:scale(.96);opacity:.88}50%{transform:scale(1.08);opacity:1}}.skin-preview-quantum{overflow:visible;background:transparent;box-shadow:none}.skin-preview-quantum-orb{position:absolute;inset:0%;width:100%;height:100%;border-radius:999px;pointer-events:none;background:radial-gradient(circle at 34% 28%,#f0fff8,#7cffb2 22%,#1ec47a,#0a3d2e 82%,#020c08),repeating-radial-gradient(circle at 50% 50%,#9ef7c829 0 2%,#9ef7c800 2% 7%,#a78bfa1f 7% 9%,#a78bfa00 9% 14%);box-shadow:0 0 0 2px #9ef7c8f2,0 0 14px #7cffb2a6,0 0 24px #a78bfa6b,0 0 36px #7cffb233}.skin-preview-quantum-orb:before,.skin-preview-quantum-orb:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.skin-preview-quantum-orb:before{inset:2px;border:1.5px solid rgba(124,255,178,.82);box-shadow:0 0 8px #7cffb28c,inset 0 0 6px #9ef7c829;background:radial-gradient(circle at 22% 28%,rgba(255,255,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 76% 22%,rgba(124,255,178,.82) 0 1px,transparent 2px),radial-gradient(circle at 64% 78%,rgba(167,139,250,.78) 0 1px,transparent 2px),radial-gradient(circle at 30% 70%,rgba(240,255,248,.7) 0 1px,transparent 2px);animation:quantum-preview-orbit-cw 1.9s linear infinite}.skin-preview-quantum-orb:after{inset:5px;border:1px dashed rgba(167,139,250,.78);box-shadow:0 0 6px #a78bfa7a,inset 0 0 4px #a78bfa1f;background:repeating-radial-gradient(circle at 50% 50%,#7cffb21f 0 1px,#7cffb200 1px 11%,#a78bfa1f 11% 12%,#a78bfa00 12% 19%);opacity:.92;animation:quantum-preview-orbit-ccw 2.8s linear infinite}@keyframes quantum-preview-orbit-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes quantum-preview-orbit-ccw{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.fracture{position:absolute;inset:0;pointer-events:none}.fracture-orb{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 30% 24%,#515b70,#202b40 35%,#101725 70%,#080d17);border:1px solid #a5d9ef55;box-shadow:inset 2px 2px 6px #cbd5e133,inset -4px -5px 9px #0008,0 0 7px #7dd3fc33}.fracture-cracks{width:100%;height:100%;stroke:#d6f5ff;stroke-width:1.1;filter:drop-shadow(0 0 1px #67e8f9) drop-shadow(0 0 3px #c4b5fd);animation:fracture-pulse 4.8s ease-in-out infinite}.fracture-cracks path+path{stroke:#c4b5fd;stroke-width:.7}.fracture-trail{position:absolute;inset:20% 45% 18% -12%;border-radius:50%;transform:rotate(-25deg);background:linear-gradient(90deg,transparent,#67e8f91c,#c4b5fd33);filter:blur(3px);animation:fracture-pulse 4.8s ease-in-out infinite}.fracture[data-active=false] *{animation-play-state:paused}.player-piece.piece-skin-fracture .piece-inner{background:transparent;box-shadow:none}@keyframes fracture-pulse{0%,to{opacity:.65}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.fracture *{animation:none!important}}.shadow-core{--shadow-rim: #a78bfa;position:absolute;inset:0;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 7px #090514) drop-shadow(0 0 9px #6d28d94d)}.shadow-core-orb{position:absolute;inset:8%;border-radius:50%;overflow:hidden;border:1px solid #a78bfa80;background:radial-gradient(circle at 32% 24%,#49405f,#20162f 24%,#08050f 57%,#020104 78%);box-shadow:inset 2px 2px 7px #c4b5fd33,inset -5px -8px 12px #000,0 0 6px #8b5cf677}.shadow-core-aura{position:absolute;inset:-9%;border-radius:44% 56% 48% 52%;background:conic-gradient(from 40deg,transparent 0 18%,#7c3aed55 25%,#090313cc 35%,transparent 47% 68%,#a78bfa44 76%,#090313cc 90%,transparent);filter:blur(3px);animation:shadow-core-writhe 7s linear infinite}.shadow-core-aura-b{inset:-15%;opacity:.45;animation-duration:11s;animation-direction:reverse}.shadow-core-orbit{position:absolute;inset:1% -9%;border:2px solid transparent;border-top-color:#c4b5faaa;border-bottom-color:#7c3aed77;border-radius:50%;transform:rotate(-35deg) scaleY(.68);box-shadow:0 -2px 6px #8b5cf633}.shadow-core-smoke{position:absolute;width:42%;height:28%;border-radius:50%;background:#10091ecc;filter:blur(5px);animation:shadow-core-drift 4s ease-in-out infinite}.shadow-core-smoke-a{left:-8%;top:20%}.shadow-core-smoke-b{right:-8%;bottom:16%;animation-delay:-2s}.shadow-core-rift{position:absolute;width:31%;height:75%;top:12%;left:36%;clip-path:polygon(68% 0,38% 39%,74% 44%,22% 100%,42% 53%,12% 46%);background:linear-gradient(#ddd6fe00,#ddd6fe 40%,#8b5cf6 65%,#6d28d900);filter:drop-shadow(0 0 3px #a78bfa)}.shadow-core-rift-b{transform:rotate(105deg) scale(.55);opacity:.55}.shadow-core-sheen{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 30% 22%,#ede9fe33,transparent 32%)}.shadow-core-eye{position:absolute;left:43%;top:43%;width:14%;height:14%;border-radius:50%;background:#f5f3ff;box-shadow:0 0 5px #c4b5fd,0 0 10px #7c3aed}.shadow-core[data-active=false] *{animation-play-state:paused}.player-piece.piece-skin-shadow_core .piece-inner{background:transparent;box-shadow:none}@keyframes shadow-core-writhe{to{transform:rotate(360deg)}}@keyframes shadow-core-drift{0%,to{transform:translate(0) scale(.9);opacity:.5}50%{transform:translate(3px,-3px) scale(1.15);opacity:.8}}@media(prefers-reduced-motion:reduce){.shadow-core *{animation:none!important}}.skin-preview-cosmic{background:#080b18;box-shadow:0 0 12px #6496e680,0 0 28px #785ad247,inset 0 0 8px #b4c8ff0f;border-color:#6e9be18c;overflow:hidden;position:relative}.skin-preview-cosmic:before,.skin-preview-cosmic:after{content:none}.skin-preview-cosmic-canvas{position:absolute;top:50%;left:50%;width:150%;height:150%;display:block;pointer-events:none;transform:translate(-50%,-50%);transform-origin:center}.skin-preview-arc_reactor{overflow:visible;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center}.skin-preview-arc-reactor-orb{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.skin-preview-arc-reactor-scale{position:relative;width:250px;height:250px;flex:0 0 auto;transform:scale(.165);transform-origin:center}.skin-preview-arc-hex-wrap{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center}.skin-preview-arc-hex-layer{position:absolute;display:flex;align-items:center;justify-content:center}.skin-preview-arc-hex-layer-1{width:330px;height:330px;animation:arcPreviewHexCW 10s linear infinite}.skin-preview-arc-hex-layer-2{width:262px;height:262px;animation:arcPreviewHexCCW 6s linear infinite}.skin-preview-arc-hex-layer-3{width:204px;height:204px;animation:arcPreviewHexCW 4s linear infinite}.skin-preview-arc-hex-svg{width:100%;height:100%;overflow:visible}.skin-preview-arc-hex-core{position:relative;z-index:2;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fef3c7,#fbbf24 38%,#d97706 72%,#431407);border:1.5px solid rgba(251,191,36,.65);box-shadow:0 0 20px #fbbf24d9,0 0 42px #d9770673,inset 0 0 12px #fff3;animation:arcPreviewCorePulse 1.8s ease-in-out infinite}.skin-preview-arc-hex-core:before{content:"";position:absolute;left:50%;top:50%;width:46%;height:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96) 0%,rgba(255,236,153,.65) 55%,transparent 100%);animation:arcPreviewCoreInner 1.8s ease-in-out infinite}@keyframes arcPreviewHexCW{to{transform:rotate(360deg)}}@keyframes arcPreviewHexCCW{to{transform:rotate(-360deg)}}@keyframes arcPreviewCorePulse{0%,to{box-shadow:0 0 20px #fbbf24d9,0 0 42px #d9770673,inset 0 0 12px #fff3}50%{box-shadow:0 0 32px #fbd224,0 0 62px #d98c06b3,inset 0 0 18px #ffffff52}}@keyframes arcPreviewCoreInner{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.78}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}.skin-preview-electric_core{overflow:visible;background:transparent;box-shadow:none}.skin-preview-electric_core-orb{position:absolute;inset:0%;width:100%;height:100%;border-radius:999px;pointer-events:none;background:#0b1220;border:2px solid rgba(255,0,204,.85);box-shadow:none;transform:scale(1)}.skin-preview-electric_core-canvas{position:absolute;inset:0%;width:100%;height:100%;border-radius:50%;pointer-events:none;transform:scale(2.1);transform-origin:center}.skin-preview-berserker{overflow:visible;border-color:#8c0000cc;background:transparent;box-shadow:none}.skin-preview-berserker-orb{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 36% 32%,#ffaaaa59,#dd1818 3%,#8a0000 16%,#3e0808 32%,#1e1e1e 52%,#111 70%,#060606);box-shadow:0 0 0 1px #820000e6,0 0 10px #c80000a6,0 0 22px #64000059,inset 0 0 12px #000000f7;animation:bsk-heartbeat 2.2s ease-in-out infinite}.skin-preview-berserker-orb:before{content:"";position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(90,0,0,.45) 36%,rgba(185,8,8,.92) 51%,rgba(230,20,20,.82) 58%,rgba(120,0,0,.35) 68%,transparent 80%);clip-path:polygon(37.8% 18.2%,39.1% 9.4%,43.7% 17.6%,41.9% -15.5%,48.6% 17%,51.4% 9%,54.7% 16.3%,62.1% 1.5%,64.4% 19.2%,78.2% 11.2%,73.6% 25.6%,83.9% 23.5%,79.4% 33%,108.4% 26.4%,83% 42.1%,101.8% 45.5%,83.9% 52.7%,90.7% 60.2%,81.5% 62.8%,94.2% 75.5%,75.8% 73.7%,87.3% 103.2%,64.4% 80.8%,61.1% 91.5%,54.1% 83.8%,49.2% 99%,44.4% 83.5%,37% 89.9%,34% 80%,10.6% 100.4%,24.3% 72.3%,5.8% 75.5%,18.2% 62.2%,8.9% 58.7%,16.1% 52.1%,2.2% 45.8%,17.2% 41.2%,12.9% 32.7%,21.6% 31.2%,3.2% 7.9%,29.3% 23%,27.3% 5.4%);animation:bsk-spikes-anim 2.2s ease-in-out infinite}.skin-preview-berserker-orb:after{content:"";position:absolute;inset:22%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 40% 38%,rgba(255,110,110,1) 0%,rgba(230,25,25,.85) 30%,rgba(140,0,0,.45) 65%,transparent 100%);animation:bsk-inner-glow-anim 2.2s ease-in-out infinite}.skin-preview-moonlight_seed{background:#040c05;box-shadow:0 0 12px #2daf5080,0 0 28px #19783247,inset 0 0 8px #3cc85a0f;border-color:#2daf508c;overflow:hidden;position:relative}.skin-preview-moonlight_seed:before,.skin-preview-moonlight_seed:after{content:none}.skin-preview-moonlight_seed-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:50%;pointer-events:none}.astral-oracle{--astral-tint: #fb82bb;position:absolute;inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 36% 30%,#5a508f,#24224f 42%,#090e28 80%);box-shadow:inset 0 0 0 1px var(--astral-tint),inset 0 0 12px #ac9aef66,0 0 9px #a8f5;pointer-events:none}.astral-oracle.is-blue{--astral-tint: #86eaff}.astral-oracle-nebula{position:absolute;inset:-12%;background:radial-gradient(ellipse at 33% 42%,#ae79d978,transparent 44%),radial-gradient(ellipse at 65% 65%,#4caed766,transparent 40%);animation:astral-oracle-orbit 28s linear infinite}.astral-oracle-stars,.astral-oracle-core{position:absolute;inset:0;width:100%;height:100%}.astral-oracle-stars{animation:astral-oracle-orbit 40s linear infinite}.astral-oracle-constellation{fill:none;stroke:var(--astral-tint);stroke-width:.6;opacity:.48}.astral-oracle-stars circle{fill:#fff1ff;animation:astral-oracle-twinkle 4s ease-in-out infinite}.astral-oracle-core path{fill:var(--astral-tint)}.astral-oracle-core circle{fill:#fff}.astral-oracle-glass{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(ellipse at 32% 20%,#ffffff66 0%,#ffffff14 14%,transparent 37%);border-top:1px solid #ffffff99;box-shadow:inset 0 -3px 6px #0a0c3c99}.astral-oracle[data-active=false] *,.astral-oracle[data-active=false]{animation-play-state:paused}.player-piece.piece-skin-astral_oracle .piece-inner{background:transparent}@keyframes astral-oracle-orbit{to{transform:rotate(360deg)}}@keyframes astral-oracle-twinkle{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.astral-oracle *{animation:none}}.verdant-core{--verdant-tint: #4ade80;--verdant-glow: #22c55e;position:absolute;inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 35% 30%,#166534,#052e16 60%,#021a0c);box-shadow:inset 0 0 0 1px var(--verdant-tint),inset 0 0 14px #4ade8066,0 0 10px #22c55e80;pointer-events:none}.verdant-core.is-blue{--verdant-tint: #38bdf8;--verdant-glow: #0284c7}.verdant-core-aura{position:absolute;inset:-15%;background:radial-gradient(ellipse at 40% 40%,rgba(74,222,128,.45),transparent 60%);animation:verdant-orbit 24s linear infinite}.verdant-core-vines,.verdant-core-gem{position:absolute;inset:0;width:100%;height:100%}.verdant-core-vines{animation:verdant-orbit 32s linear infinite}.verdant-ring-outer{fill:none;stroke:var(--verdant-tint);stroke-width:.8;opacity:.5;stroke-dasharray:4 2}.verdant-ring-inner{fill:none;stroke:var(--verdant-tint);stroke-width:.5;opacity:.35}.verdant-leaf{fill:var(--verdant-tint);opacity:.85}.verdant-gem-facet{fill:#22c55e4d;stroke:var(--verdant-tint);stroke-width:1}.verdant-gem-center{fill:#fff;filter:drop-shadow(0 0 4px var(--verdant-glow))}.verdant-core-glass{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.45) 0%,rgba(255,255,255,.08) 16%,transparent 40%);border-top:1px solid rgba(255,255,255,.8);box-shadow:inset 0 -3px 6px #021a0c99}.verdant-core[data-active=false] *,.verdant-core[data-active=false]{animation-play-state:paused}.player-piece.piece-skin-verdant_core .piece-inner{background:transparent}@keyframes verdant-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.verdant-core *{animation:none}}.mirror-core{--mirror-violet:#a78bfa;--mirror-teal:#5eead4;--mirror-silver:#e2e8f0;position:absolute;inset:0;overflow:hidden;border-radius:50%;pointer-events:none;background:linear-gradient(135deg,rgba(167,139,250,.3),transparent 46%,rgba(94,234,212,.28)),radial-gradient(circle at 50% 48%,#263047,#14152d 56%,#070913);border:1px solid rgba(226,232,240,.78);box-shadow:0 0 10px #a78bfa61,0 0 18px #5eead42e,inset 0 0 12px #e2e8f02e}.mirror-core-aura{position:absolute;inset:-12%;background:conic-gradient(from 45deg,transparent,rgba(167,139,250,.18),transparent 28%,rgba(94,234,212,.16),transparent 58%);animation:mirror-core-spin 10s linear infinite}.mirror-core-runes{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 2px rgba(226,232,240,.5))}.mirror-core-ring{fill:none;stroke-width:1;transform-origin:50% 50%}.mirror-core-ring-outer{stroke:var(--mirror-silver);opacity:.62;stroke-dasharray:6 4;animation:mirror-core-spin 12s linear infinite}.mirror-core-ring-inner{stroke:var(--mirror-teal);opacity:.52;stroke-dasharray:2 5;animation:mirror-core-spin-reverse 9s linear infinite}.mirror-core-prism{stroke:#e2e8f0b8;stroke-width:.8}.mirror-core-prism.is-top,.mirror-core-prism.is-left{fill:#a78bfa3d}.mirror-core-prism.is-bottom,.mirror-core-prism.is-right{fill:#5eead438}.mirror-core-axis{position:absolute;left:50%;top:50%;opacity:.45}.mirror-core-axis-v{width:1px;height:58%;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,rgba(226,232,240,.65),transparent)}.mirror-core-axis-h{width:58%;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(226,232,240,.6),transparent)}.mirror-core-gem{position:absolute;left:50%;top:50%;width:26%;height:26%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(241,245,249,.92);background:linear-gradient(135deg,#ffffffb8,#a78bfa7a 42%,#5eead480);box-shadow:0 0 7px #a78bfa8c,0 0 11px #5eead452}.mirror-core-glass{position:absolute;inset:5%;border-radius:50%;background:linear-gradient(115deg,rgba(255,255,255,.34),transparent 28%,rgba(94,234,212,.08) 55%,transparent 73%,rgba(255,255,255,.16))}.mirror-core[data-active=false] *{animation-play-state:paused}.player-piece.piece-skin-mirror_core .piece-inner{background:transparent}@keyframes mirror-core-spin{to{transform:rotate(360deg)}}@keyframes mirror-core-spin-reverse{to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.mirror-core *{animation:none!important}}.skin-preview-wizard{background:radial-gradient(circle at 50% 50%,#120426f7,#0a0218fa 65%,#04010c);box-shadow:0 0 0 2px #a046ffb3,0 0 14px #a032ff33,0 0 28px #6e14d21f;overflow:visible}.wizard-preview-scale{position:absolute;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%) scale(.168);transform-origin:center;pointer-events:none;display:block}.wizard-preview-wrap{position:relative;display:block;width:250px;height:250px}.wizard-preview-wrap>*{position:absolute;left:50%;top:50%}.wizard-preview-outer-ring{width:244px;height:244px;margin-left:-122px;margin-top:-122px;border-radius:50%;border:1.5px solid rgba(200,75,255,.35);animation:wizardPreviewCW 20s linear infinite}.wizard-preview-outer-ring:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px dashed rgba(200,75,255,.18)}.wizard-preview-tick{width:4px;height:14px;margin-left:-2px;margin-top:-136px;background:#d255ffb3;border-radius:2px;transform-origin:center 136px;transform:rotate(var(--wizard-tick-angle))}.wizard-preview-mid-ring{width:184px;height:184px;margin-left:-92px;margin-top:-92px;border-radius:50%;border:1px solid rgba(175,55,255,.45);animation:wizardPreviewCCW 8s linear infinite}.wizard-preview-diamond{width:20px;height:20px;margin-left:-5px;margin-top:-5px;background:#d75fffe6;box-shadow:0 0 6px 2px #be37ffcc;transform:rotate(45deg)}.wizard-preview-d1{animation:wizardPreviewDiamondOrbit 8s linear infinite 0s}.wizard-preview-d2{animation:wizardPreviewDiamondOrbit 8s linear infinite -2s}.wizard-preview-d3{animation:wizardPreviewDiamondOrbit 8s linear infinite -4s}.wizard-preview-d4{animation:wizardPreviewDiamondOrbit 8s linear infinite -6s}@keyframes wizardPreviewDiamondOrbit{0%{transform:rotate(0) translate(92px) rotate(45deg)}to{transform:rotate(-360deg) translate(92px) rotate(45deg)}}.wizard-preview-triangle{width:206px;height:206px;margin-left:-103px;margin-top:-103px;display:inline-flex;align-items:center;justify-content:center}.wizard-preview-tri-1{animation:wizardPreviewCW 7s linear infinite}.wizard-preview-tri-2{animation:wizardPreviewCCW 11s linear infinite}.wizard-preview-tri-svg{width:100%;height:100%;overflow:visible}.wizard-preview-arm{width:111px;height:111px;margin-left:-61px;margin-top:-111px;transform-origin:center bottom;transform:rotate(var(--wizard-arm-angle))}.wizard-preview-arm-inner{display:block;width:100%;height:100%;background:linear-gradient(to top,rgba(200,75,255,.9),transparent);border-radius:1px;animation:wizardPreviewArmFlare 2.4s ease-in-out infinite}.wizard-preview-dot{width:22px;height:22px;margin-left:-11px;margin-top:-11px;border-radius:50%;background:#e06aff;box-shadow:0 0 8px 3px #c837fff2}.wizard-preview-dot-1{animation:wizardPreviewDotOrbit 2.2s linear infinite 0s}.wizard-preview-dot-2{animation:wizardPreviewDotOrbit 2.2s linear infinite -.73s}.wizard-preview-dot-3{animation:wizardPreviewDotOrbit 2.2s linear infinite -1.47s}@keyframes wizardPreviewDotOrbit{0%{transform:rotate(0) translate(76px)}to{transform:rotate(360deg) translate(76px)}}.wizard-preview-core{width:92px;height:92px;margin-left:-46px;margin-top:-46px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#f0d8ff,#c460ff 38%,#7010c8 72%,#1c0038);border:1.5px solid rgba(180,65,255,.7);box-shadow:0 0 16px #a032ffe6,0 0 34px #6e14d28c;animation:wizardPreviewCorePulse 1.5s ease-in-out infinite;z-index:3}.wizard-preview-core:before{content:"";position:absolute;left:50%;top:50%;width:48%;height:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.97) 0%,rgba(230,170,255,.62) 52%,transparent 100%);animation:wizardPreviewCoreInner 1.5s ease-in-out infinite}@keyframes wizardPreviewCW{to{transform:rotate(360deg)}}@keyframes wizardPreviewCCW{to{transform:rotate(-360deg)}}@keyframes wizardPreviewArmFlare{0%,to{opacity:.22}50%{opacity:1}}@keyframes wizardPreviewCorePulse{0%,to{box-shadow:0 0 16px #a032ffe6,0 0 34px #6e14d28c;transform:scale(1)}50%{box-shadow:0 0 26px #be50ff,0 0 54px #8c28e6bf;transform:scale(1.06)}}@keyframes wizardPreviewCoreInner{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.78}50%{transform:translate(-50%,-50%) scale(1.14);opacity:1}}.skin-preview-atomic{background:radial-gradient(circle at 50% 50%,#070a10fa,#04070cfa 68%,#010307);box-shadow:0 0 0 2px #ccccccb8,0 0 14px #cbd5e11f,0 0 26px #3b82f61f}.skin-preview-atomic:before,.skin-preview-atomic:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.skin-preview-atomic:before{inset:2px;border:1.5px solid rgba(204,204,204,.34);box-shadow:0 0 8px #cbd5e114,inset 0 0 6px #ffffff08}.skin-preview-atomic:after{inset:0;background:none;opacity:1;border-radius:999px}.skin-preview-atomic-atom{position:absolute;left:50%;top:50%;width:140%;height:140%;transform:translate(-50%,-50%);border-radius:50%;transform-style:preserve-3d;perspective:600px}.skin-preview-atomic{overflow:visible}.skin-preview-atomic-nucleus{position:absolute;left:50%;top:50%;width:58%;height:58%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(96,165,250,.78);background:radial-gradient(circle at 30% 28%,#dbeafe,#60a5fa 42%,#2563eb 76%,#0b1736);box-shadow:0 0 8px #3b82f661,inset 0 0 8px #ffffff1a}.skin-preview-atomic-nucleus:before,.skin-preview-atomic-nucleus:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.skin-preview-atomic-nucleus:before{width:58%;height:58%;background:radial-gradient(circle,#fffffffa,#ffffffeb,#bfdbfed1,#60a5fa2e 78%,#60a5fa00);box-shadow:0 0 8px #ffffffad,0 0 12px #bfdbfe61}.skin-preview-atomic-nucleus:after{width:88%;height:88%;background:radial-gradient(circle,#fff3,#bfdbfe24 34%,#60a5fa14 58%,#60a5fa00);filter:blur(1px)}.skin-preview-atomic-electron{position:absolute;left:120%;top:120%;width:140%;height:140%;transform:translate(-50%,-50%);transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.skin-preview-atomic-electron-ring{position:absolute;inset:0;border:1px solid rgba(204,204,204,.68);border-radius:50%;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.skin-preview-atomic-electron-particle{position:absolute;top:0;left:50%;width:16%;height:16%;transform:translate(-50%,-50%) scale(.8);transform-origin:50% 50%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fecaca,#ef4444 42%,#b91c1c 72%,#3b0b0b);box-shadow:0 0 6px #ef444480}.skin-preview-atomic-electron-1{transform:translate(-50%,-50%)}.skin-preview-atomic-electron-1 .skin-preview-atomic-electron-ring{animation:atomic-preview-orbit-1 6s linear infinite;animation-play-state:paused}.skin-preview-atomic-electron-1 .skin-preview-atomic-electron-particle{animation:atomic-preview-orbit-particle-1 6s linear infinite;animation-play-state:paused}.skin-preview-atomic-electron-2{transform:translate(-50%,-50%)}.skin-preview-atomic-electron-2 .skin-preview-atomic-electron-ring{animation:atomic-preview-orbit-2 6s linear infinite;animation-play-state:paused}.skin-preview-atomic-electron-2 .skin-preview-atomic-electron-particle{animation:atomic-preview-orbit-particle-2 6s linear infinite;animation-play-state:paused}.skin-preview-atomic-electron-3{transform:translate(-50%,-50%)}.skin-preview-atomic-electron-3 .skin-preview-atomic-electron-ring{animation:atomic-preview-orbit-3 6s linear infinite;animation-play-state:paused}.skin-preview-atomic-electron-3 .skin-preview-atomic-electron-particle{animation:atomic-preview-orbit-particle-3 6s linear infinite;animation-play-state:paused}.skin-preview-atomic-atom.atomic-preview-ready .skin-preview-atomic-electron-ring,.skin-preview-atomic-atom.atomic-preview-ready .skin-preview-atomic-electron-particle{animation-play-state:running}.skin-preview-atomic-electron-2 .skin-preview-atomic-electron-particle{background:radial-gradient(circle at 30% 30%,#fef3c7,#facc15 42%,#ca8a04 72%,#422006);box-shadow:0 0 6px #facc1580}.skin-preview-atomic-electron-3 .skin-preview-atomic-electron-particle{background:radial-gradient(circle at 30% 30%,#e9d5ff,#a855f7 42%,#7e22ce 72%,#2e1065);box-shadow:0 0 6px #a855f780}@keyframes atomic-preview-orbit-1{0%{transform:translate(-50%,-50%) rotateY(60deg) rotateX(-30deg) rotate(0)}to{transform:translate(-50%,-50%) rotateY(60deg) rotateX(-30deg) rotate(360deg)}}@keyframes atomic-preview-orbit-particle-1{0%{transform:translate(-50%,-50%) rotate(0) rotateX(30deg) rotateY(-40deg) scale(.8)}25%{transform:translate(-50%,-50%) rotate(-90deg) rotateX(30deg) rotateY(-40deg) scale(.6)}50%{transform:translate(-50%,-50%) rotate(-180deg) rotateX(30deg) rotateY(-40deg) scale(.8)}75%{transform:translate(-50%,-50%) rotate(-270deg) rotateX(30deg) rotateY(-40deg) scale(1)}to{transform:translate(-50%,-50%) rotate(-360deg) rotateX(30deg) rotateY(-40deg) scale(.8)}}@keyframes atomic-preview-orbit-2{0%{transform:translate(-50%,-50%) rotateY(60deg) rotateX(30deg) rotate(180deg)}to{transform:translate(-50%,-50%) rotateY(60deg) rotateX(30deg) rotate(540deg)}}@keyframes atomic-preview-orbit-particle-2{0%{transform:translate(-50%,-50%) rotate(-180deg) rotateX(-30deg) rotateY(-40deg) scale(.8)}25%{transform:translate(-50%,-50%) rotate(-270deg) rotateX(-30deg) rotateY(-40deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(-360deg) rotateX(-30deg) rotateY(-40deg) scale(.8)}75%{transform:translate(-50%,-50%) rotate(-450deg) rotateX(-30deg) rotateY(-40deg) scale(.6)}to{transform:translate(-50%,-50%) rotate(-540deg) rotateX(-30deg) rotateY(-40deg) scale(.8)}}@keyframes atomic-preview-orbit-3{0%{transform:translate(-50%,-50%) rotateY(0) rotateX(75deg) rotate(180deg)}to{transform:translate(-50%,-50%) rotateY(0) rotateX(75deg) rotate(540deg)}}@keyframes atomic-preview-orbit-particle-3{0%{transform:translate(-50%,-50%) rotate(-180deg) rotateX(-80deg) rotateY(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(-270deg) rotateX(-80deg) rotateY(0) scale(.8)}50%{transform:translate(-50%,-50%) rotate(-360deg) rotateX(-80deg) rotateY(0) scale(.6)}75%{transform:translate(-50%,-50%) rotate(-450deg) rotateX(-80deg) rotateY(0) scale(.8)}to{transform:translate(-50%,-50%) rotate(-540deg) rotateX(-80deg) rotateY(0) scale(1)}}.skin-preview-chronos{background:radial-gradient(circle at 50% 50%,#1a212cfa,#0a0f18fa 70%,#04070e),linear-gradient(135deg,#fbbf240d,#94a3b814);box-shadow:0 0 0 2px #cbd5e157,0 0 18px #94a3b82e,0 0 32px #fbbf2414;overflow:visible}.chronos-preview-scale{position:absolute;left:50%;top:50%;width:260px;height:260px;transform:translate(-50%,-50%) scale(.125);transform-origin:center;pointer-events:none;display:block}.chronos-preview-wrap{position:relative;display:block;width:260px;height:260px}.chronos-preview-body{display:block;position:relative;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1a1a1a,#0d0d0d 65%,#050505);border:2.5px solid #c9a84c;box-shadow:0 0 20px #c9a84c40,inset 0 0 15px #000c}.chronos-preview-numeral{position:absolute;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:18px;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.9),0 0 18px rgba(255,215,0,.5);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.chronos-preview-ring{position:absolute;inset:0;border-radius:50%}.chronos-preview-ring-inner{inset:-20px;border:2.5px solid rgba(251,191,36,.56);animation:chronosPreviewSpinCW 12s linear infinite}.chronos-preview-ring-mid{inset:-40px;border:2px solid rgba(203,213,225,.52);animation:chronosPreviewSpinCCW 20s linear infinite}.chronos-preview-ring-outer{inset:-60px;border:1.5px solid rgba(251,191,36,.34);animation:chronosPreviewSpinCW 35s linear infinite}.chronos-preview-tick{position:absolute;left:50%;top:0;border-radius:999px}.chronos-preview-tick-inner{width:2px;height:6px;margin-left:-1px;background:#fbbf24d6;transform-origin:1px 114px;transform:rotate(var(--chronos-tick-angle))}.chronos-preview-tick-mid{width:2px;height:7px;margin-left:-1px;background:#cbd5e1ad;transform-origin:1px 132px;transform:rotate(var(--chronos-tick-angle))}.chronos-preview-tick-outer{width:1.5px;height:8px;margin-left:-.75px;background:#fbbf2485;transform-origin:.75px 150px;transform:rotate(var(--chronos-tick-angle))}.chronos-preview-hand{position:absolute;left:50%;top:50%;border-radius:999px;transform-origin:center bottom}.chronos-preview-hand-hour{width:7px;height:64px;margin-left:-3.5px;margin-top:-64px;background:linear-gradient(to top,#a07820,gold);box-shadow:0 0 10px #ffd70099}.chronos-preview-hand-minute{width:6px;height:88px;margin-left:-3px;margin-top:-88px;background:linear-gradient(to top,#a07820,gold);box-shadow:0 0 9px #ffd70080}.chronos-preview-hand-second{width:4px;height:104px;margin-left:-2px;margin-top:-104px;background:#fbbf24;box-shadow:0 0 9px #fbbf24e6}.chronos-preview-pivot{position:absolute;left:50%;top:50%;width:7px;height:7px;margin-left:-3.5px;margin-top:-3.5px;border-radius:50%;background:radial-gradient(circle,#fde68a,#d97706);box-shadow:0 0 8px #fbbf24e6}.chronos-preview-orb,.chronos-preview-star{position:absolute;left:50%;top:50%;border-radius:50%}.chronos-preview-orb{width:16px;height:16px;margin-left:-8px;margin-top:-8px;background:radial-gradient(circle at 30% 30%,#fde68a,#d97706);box-shadow:0 0 10px #fbbf24d9;animation:chronosPreviewOrbOrbit 7s linear infinite;animation-delay:var(--chronos-orbit-delay)}.chronos-preview-star{width:6px;height:6px;margin-left:-3px;margin-top:-3px;background:#e2e8f0;box-shadow:0 0 5px #e2e8f0e6;animation:chronosPreviewStarOrbit 14s linear infinite;animation-delay:var(--chronos-star-delay)}@keyframes chronosPreviewSpinCW{to{transform:rotate(360deg)}}@keyframes chronosPreviewSpinCCW{to{transform:rotate(-360deg)}}@keyframes chronosPreviewOrbOrbit{0%{transform:rotate(0) translate(114px)}to{transform:rotate(360deg) translate(114px)}}@keyframes chronosPreviewStarOrbit{0%{transform:rotate(0) translate(158px)}to{transform:rotate(-360deg) translate(158px)}}.skin-preview-sun-core{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.skin-preview-sun-surface{position:absolute;display:block;inset:-35%;width:200%;height:200%;border-radius:50%;background:url(/assets/sun_cdn-DVVGBFjF.jpg) center center / cover no-repeat;background-position:center center;box-shadow:1px 1px 30px 5px #fc9328;transform-origin:47% 53%;animation:sun-preview-pole-rotate 90s linear infinite}@keyframes sun-preview-pole-rotate{0%{transform:rotate(0);background-position:center center}50%{transform:rotate(180deg);background-position:50% 40%}to{transform:rotate(360deg);background-position:center center}}.skin-preview-frost_heart{background:#000a14;box-shadow:0 0 12px #67e8f980,0 0 28px #22d3ee47,inset 0 0 8px #a5f3fc0f;border-color:#a5f3fc8c;overflow:visible;position:relative}.skin-preview-frost_heart:before,.skin-preview-frost_heart:after{content:none}.skin-preview-frost_heart-canvas{position:absolute;left:50%;top:50%;width:160%;height:160%;transform:translate(-50%,-50%);display:block;pointer-events:none}.orbis-core{position:absolute;inset:-42%;pointer-events:none;transform:translateZ(0)}.orbis-art{display:block;width:100%;height:100%;overflow:visible}.orbis-core[data-active=false] *{animation-play-state:paused!important}.orbis-back-rings{opacity:.48}.orbis-back-obelisks{filter:brightness(.8) saturate(.85)}.orbis-front-obelisks{filter:drop-shadow(1px 2px 1.4px #02081baa)}.orbis-front-rings{filter:drop-shadow(0 0 1px #ffca69)}.orbis-orbit{animation:orbis-orbit-breathe 8s ease-in-out infinite}.orbis-orbit-1{animation-delay:-2.6s}.orbis-orbit-2{animation-delay:-5.3s}.orbis-cosmos{transform-origin:120px 120px;animation:orbis-revolve 140s linear infinite}.orbis-obelisk-revolution{transform-origin:0 0;animation:orbis-revolve 36s linear infinite}.orbis-obelisk-upright{transform-origin:0 0;animation:orbis-counter-revolve 36s linear infinite}.orbis-obelisk-near{animation:orbis-near-half 36s steps(1,end) infinite}.orbis-obelisk-far{animation:orbis-far-half 36s steps(1,end) infinite}.orbis-obelisk-gem{filter:drop-shadow(0 0 1.2px #50b8ff)}.orbis-atmosphere{filter:drop-shadow(0 0 2px #78acff)}.orbis-nucleus-rings{filter:drop-shadow(0 0 1px #ffd16d)}.orbis-nucleus-star,.orbis-nucleus-jewels{filter:drop-shadow(0 0 1.3px #ffca62)}.orbis-heart{transform-origin:0 0;filter:drop-shadow(0 0 2px #ffce71);animation:orbis-heartbeat 5s ease-in-out infinite}.orbis-spark{filter:drop-shadow(0 0 1px #ffd881);animation:orbis-twinkle 4.5s ease-in-out infinite}.orbis-spark-1{animation-delay:-1.5s}.orbis-spark-2{animation-delay:-3s}.player-piece .orbis-fine-detail{display:none}.player-piece .orbis-front-obelisks{filter:none}@keyframes orbis-revolve{to{transform:rotate(360deg)}}@keyframes orbis-counter-revolve{to{transform:rotate(-360deg)}}@keyframes orbis-near-half{0%,to{visibility:visible}50%{visibility:hidden}}@keyframes orbis-far-half{0%,to{visibility:hidden}50%{visibility:visible}}@keyframes orbis-orbit-breathe{0%,to{opacity:.75}50%{opacity:1}}@keyframes orbis-heartbeat{0%,to{opacity:.85;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}@keyframes orbis-twinkle{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.orbis-core *{animation-play-state:paused!important}}.skin-preview.skin-preview-orbis{overflow:visible;background:transparent}.skin-preview .orbis-core{inset:-42%}.skin-detail-preview-stage:has(.skin-preview-orbis){aspect-ratio:1;min-height:0;max-height:none}.prism-core{position:absolute;inset:-39.2857%;pointer-events:none;transform:translateZ(0)}.prism-art{display:block;width:100%;height:100%;overflow:visible}.prism-core[data-active=false] *{animation-play-state:paused!important}.prism-shell{transform-origin:100px 100px}.prism-facets{animation:prism-refraction 7s ease-in-out infinite}.prism-light-core{transform-origin:100px 102px;filter:drop-shadow(0 0 3px #c5faff);animation:prism-core-pulse 4.6s ease-in-out infinite}.prism-light-aura{animation:prism-refraction 4.6s ease-in-out infinite reverse}.prism-inner-cut{transform-origin:100px 100px;animation:prism-orbit 32s linear infinite reverse}.prism-orbit{transform-origin:100px 100px;animation:prism-orbit 48s linear infinite}.prism-shard{filter:drop-shadow(0 0 1.5px #aeacff)}.prism-orbit-front{filter:drop-shadow(0 0 1px #c4aaff);animation:prism-refraction 6s ease-in-out infinite}.prism-spark{filter:drop-shadow(0 0 1px #c4dfff);animation:prism-spark 3.8s ease-in-out infinite}.prism-spark-1{animation-delay:-1.3s}.prism-spark-2{animation-delay:-2.6s}.prism-trail{position:absolute;left:-24%;top:37%;width:62%;height:26%;border-radius:50%;opacity:0;transform:skew(-18deg);background:linear-gradient(90deg,transparent,#b5f6ff55 56%,#bc93ff66 76%,#ffddad44 88%,transparent);filter:blur(2px)}.player-piece.piece-skin-prism .piece-inner{background:transparent;border-color:#e0f7ff66;box-shadow:none;overflow:visible}.player-piece.piece-skin-prism .piece-inner:before,.player-piece.piece-skin-prism .piece-inner:after{content:none}.player-piece.piece-skin-prism.piece-moving .prism-trail{animation:prism-trail-fade var(--piece-movement-duration,.2s) ease-out both}.player-piece.piece-skin-prism.hit .prism-shell{animation:prism-hit-refraction .26s ease-out}.player-piece.piece-skin-prism.hit .prism-shard{filter:brightness(1.8) saturate(1.25)}@keyframes prism-core-pulse{0%,to{transform:scale(.94);opacity:.88}50%{transform:scale(1.06);opacity:1}}@keyframes prism-refraction{0%,to{opacity:.72}50%{opacity:1}}@keyframes prism-orbit{to{transform:rotate(360deg)}}@keyframes prism-spark{0%,to{opacity:.45;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes prism-trail-fade{0%{opacity:.76;transform:translate(0) skew(-18deg)}to{opacity:0;transform:translate(34%) skew(-18deg)}}@keyframes prism-hit-refraction{0%,to{filter:none;transform:scale(1)}32%{filter:brightness(1.75) saturate(1.2);transform:scale(1.07)}58%{transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.prism-core *{animation:none!important}}.skin-preview.skin-preview-prism{overflow:visible}.skin-preview .prism-core{inset:-39.2857%}.skin-detail-preview-stage:has(.skin-preview-prism){aspect-ratio:1;min-height:0;max-height:none}.storm-vortex{--storm-cloud: #264661;--storm-accent: #68cced;--storm-hot: #e0f8ff;position:absolute;display:block;pointer-events:none;isolation:isolate}.piece-red .storm-vortex,.storm-vortex-red{--storm-cloud: #542a35;--storm-accent: #ec7548;--storm-hot: #ffe1a1}.piece-blue .storm-vortex,.storm-vortex-blue{--storm-cloud: #264661;--storm-accent: #68cced;--storm-hot: #e0f8ff}.storm-vortex-haze{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse,#03060d 12%,var(--storm-cloud) 38%,transparent 69%);opacity:.65}.storm-vortex-breath,.storm-vortex-flow,.storm-vortex-cloud{position:absolute;inset:0;width:100%;height:100%;display:block;transform-origin:50% 50%}.storm-vortex-breath{animation:stormVortexBreath 6.4s ease-in-out infinite}.storm-vortex-flow{animation:stormVortexInflow 5.8s linear infinite}.storm-vortex-flow-1{animation-delay:-1.93s}.storm-vortex-flow-2{animation-delay:-3.86s}.storm-vortex-cloud{overflow:visible}.storm-vortex-cloud-shadow{fill:#070a12;stroke:#070a12;stroke-width:3;opacity:.7}.storm-vortex-cloud-light{fill:none;stroke:var(--storm-accent);stroke-width:.7;stroke-dasharray:36 19 8 47;stroke-linecap:round;opacity:.58}.storm-vortex-sheet-lightning{fill:none;stroke:var(--storm-hot);stroke-width:1.3;stroke-linejoin:round;opacity:0;animation:stormVortexLightning 6.4s linear infinite}.storm-vortex-flow-1 .storm-vortex-sheet-lightning{animation-delay:-.16s}.storm-vortex-flow-2 .storm-vortex-sheet-lightning{animation-delay:-.32s}.storm-vortex-eye{position:absolute;inset:41%;border-radius:48% 52% 43% 57%;background:radial-gradient(ellipse at 40% 35%,#010208 38%,#090e19 80%);box-shadow:0 0 2px var(--storm-accent),inset 1px 1px 3px #000;animation:stormVortexEye 6.4s ease-in-out infinite}@keyframes stormVortexInflow{0%{transform:rotate(-30deg) scale(1.12);opacity:0}15%{opacity:.95}75%{opacity:.85}to{transform:rotate(210deg) scale(.52);opacity:0}}@keyframes stormVortexBreath{0%,64%,to{transform:scale(1)}78%{transform:scale(1.13)}88%{transform:scale(.97)}}@keyframes stormVortexEye{0%,64%,to{transform:scale(1) rotate(-12deg)}78%{transform:scale(1.55) rotate(8deg)}88%{transform:scale(.92) rotate(-12deg)}}@keyframes stormVortexLightning{0%,68%,72%,76%,to{opacity:0}69%,74%{opacity:.95}70%,75%{opacity:.22}}.storm-vortex.is-paused *,.storm-vortex.is-paused{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.storm-vortex *{animation:none!important}.storm-vortex-flow-1{transform:rotate(120deg) scale(.85);opacity:.8}.storm-vortex-flow-2{transform:rotate(240deg) scale(.7);opacity:.7}}.skin-preview-storm_eye{background:radial-gradient(circle,#111a2a,#070b14 70%);overflow:visible}.storm-vortex-preview{inset:-9%}.skin-modal.arena-gallery-modal{width:min(100%,34rem);max-width:34rem;height:min(96dvh,54rem);max-height:calc(100dvh - 1rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));box-sizing:border-box;padding:1.1rem;gap:.9rem;overflow:hidden;border:1.5px solid rgba(96,165,250,.72);background:radial-gradient(circle at 96% 0%,rgba(192,132,252,.18),transparent 28%),radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 30%),linear-gradient(180deg,#0f172afa,#111827fa);box-shadow:0 24px 60px #00000094,0 0 0 1px #dbeafe14,0 0 26px #38bdf838,0 0 28px #c084fc29,inset 0 0 30px #60a5fa0f;transform:translateZ(0) scale(1);opacity:1;animation:none;will-change:transform,opacity;transition:transform var(--lobby-motion-modal-enter) var(--lobby-ease-out),opacity var(--lobby-motion-backdrop) var(--lobby-ease-standard)}.arena-gallery-backdrop{padding:calc(.5rem + env(safe-area-inset-top,0px)) .5rem calc(.5rem + env(safe-area-inset-bottom,0px));opacity:1;animation:none;transition:opacity var(--lobby-motion-backdrop) var(--lobby-ease-standard),background-color var(--lobby-motion-backdrop) var(--lobby-ease-standard)}.arena-gallery-backdrop.is-prewarmed-hidden{opacity:0;pointer-events:none;background:#03071200;overflow:hidden}.arena-gallery-backdrop.is-prewarmed-hidden .arena-gallery-modal{transform:translate3d(0,calc(100dvh + 4rem),0) scale(.98)}.arena-gallery-environment{flex:0 0 auto;padding:.65rem .8rem;border:1px solid rgba(125,211,252,.3);border-radius:.75rem;background:#051027e0;color:#e2e8f0;text-align:left}.arena-gallery-environment strong{color:#bae6fd;font-size:.8rem}.arena-gallery-environment p{margin:.3rem 0 0;font-size:.8rem;line-height:1.55;overflow-wrap:anywhere}.arena-gallery-viewport{width:100%;min-height:0;flex:1 1 0;overflow:hidden;position:relative;cursor:grab;user-select:none;-webkit-user-select:none;border-radius:1.2rem;box-shadow:0 0 0 1px #93c5fd1f,0 0 26px #3b82f624,0 0 24px #a855f71a}.arena-gallery-viewport:active{cursor:grabbing}.arena-gallery-viewport.is-bouncing{animation:arenaGalleryBounce var(--lobby-motion-emphasis) var(--lobby-ease-standard)}@keyframes arenaGalleryBounce{0%,to{transform:translate(0)}25%{transform:translate(14px)}55%{transform:translate(-8px)}78%{transform:translate(4px)}}.arena-gallery-track{display:flex;height:100%;will-change:transform}.arena-gallery-track.is-snapping{transition:transform var(--lobby-motion-panel) var(--lobby-ease-standard)}.arena-gallery-slide{flex-shrink:0;height:100%;position:relative;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--arena-frame-color, #60a5fa) 72%,#bfdbfe);border-radius:1.15rem;box-shadow:0 0 0 1px #ffffff14 inset,0 0 20px color-mix(in srgb,var(--arena-frame-color, #60a5fa) 28%,transparent);box-sizing:border-box}.arena-gallery-slide>img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.arena-gallery-zoom{position:absolute;top:10px;right:10px;z-index:3;width:44px;height:44px;padding:6px;display:grid;place-items:center;border:1px solid #7dd3fc;border-radius:12px;background:#061526e6;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.arena-gallery-zoom:is(:active,.is-touch-pressed){transform:scale(.94);background:#184561;border-color:#fff;box-shadow:inset 0 0 8px #7dd3fc66}@media(hover:hover)and (pointer:fine){.arena-gallery-zoom:hover{background:#10364f;border-color:#e0f2fe;box-shadow:0 0 8px #38bdf855}}@media(prefers-reduced-motion:reduce){.arena-gallery-zoom{transition:none}.arena-gallery-zoom:is(:active,.is-touch-pressed){transform:none}}.arena-gallery-zoom img{width:100%;height:100%;object-fit:contain;pointer-events:none}.arena-gallery-zoom:focus-visible{outline:2px solid white;outline-offset:2px}.arena-image-lightbox{position:fixed;inset:0;z-index:2147483647;background:#000;overflow:hidden}.arena-image-lightbox-close{width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;background:#000;cursor:zoom-out;touch-action:manipulation}.arena-image-lightbox-close img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;pointer-events:none}.arena-image-lightbox-close:focus-visible{outline:2px solid #7dd3fc;outline-offset:-2px}.arena-gallery-slide:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#0f172a0a,#0f172a33),radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 36%);opacity:.72;pointer-events:none}.arena-gallery-slide--empty{background:var(--tile, #2a3137)}.arena-gallery-name-bar{display:flex;align-items:baseline;gap:.55rem;margin-bottom:.45rem;min-width:0;white-space:nowrap}.arena-gallery-label{font-size:.78rem;font-weight:700;color:#fbbf24a6;letter-spacing:.07em;flex-shrink:0}.arena-gallery-name-bar span:last-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.arena-gallery-rewards{padding:0;min-height:0;flex:0 0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem}.arena-gallery-rewards-label{position:relative;width:fit-content;padding-bottom:.28rem;font-size:.86rem;font-weight:900;color:#f8fbff;letter-spacing:0;text-shadow:0 1px 0 rgba(0,0,0,.34),0 0 14px rgba(96,165,250,.24)}.arena-gallery-rewards-label:after{content:"";position:absolute;left:0;bottom:0;width:5.5rem;height:1px;background:linear-gradient(90deg,rgba(125,211,252,.88),rgba(192,132,252,.58),transparent);box-shadow:0 0 12px #38bdf838}.arena-gallery-reward-viewport{width:100%;overflow:hidden;min-height:0;flex:0 0 auto}.arena-gallery-reward-track{display:flex;align-items:stretch;height:auto;will-change:transform}.arena-gallery-reward-track.is-snapping{transition:transform var(--lobby-motion-panel) var(--lobby-ease-standard)}.arena-gallery-reward-slide{flex-shrink:0;height:auto;box-sizing:border-box}.arena-gallery-skin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:.68rem;height:auto;overflow:visible}.arena-gallery-skin-card.skin-option-card{cursor:default;aspect-ratio:auto;height:auto;min-height:0;align-self:start;overflow:hidden;border-color:#7dd3fc94;background:radial-gradient(circle at 50% 0%,rgba(125,211,252,.1),transparent 58%),linear-gradient(180deg,#1e293bcc,#0f172aeb);box-shadow:inset 0 0 0 1px #ffffff08,0 0 16px #38bdf81a}.arena-gallery-skin-card.skin-option-card:has(.skin-name-tier-rare){border-color:#c084fcb3;background:radial-gradient(circle at 50% 0%,rgba(192,132,252,.12),transparent 58%),linear-gradient(180deg,#231a36d1,#120c22eb);box-shadow:inset 0 0 0 1px #ffffff08,0 0 18px #c084fc21}.arena-gallery-skin-card.skin-option-card:has(.skin-name-tier-legendary){border-color:#fbbf24bd;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.13),transparent 58%),linear-gradient(180deg,#30230fd1,#181008eb);box-shadow:inset 0 0 0 1px #ffffff08,0 0 18px #fbbf2424}.arena-gallery-skin-card.skin-option-card:hover{transform:none;filter:brightness(1.04)}.arena-gallery-skin-card .skin-picker-copy strong{display:block;max-width:100%;max-height:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset}.arena-gallery-feature-card.skin-option-card{position:relative;isolation:isolate;--arena-feature-bright: #f8fbff;cursor:default;aspect-ratio:auto;height:auto;min-height:0;align-self:start;overflow:hidden;justify-content:flex-start;border-width:1.5px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--arena-feature-color) 24%,transparent),inset 0 -1.2rem 1.8rem #02061747,0 0 20px color-mix(in srgb,var(--arena-feature-color) 28%,transparent)}.arena-gallery-feature-card.skin-option-card:before{content:"";position:absolute;z-index:0;inset:.25rem;border:1px solid color-mix(in srgb,var(--arena-feature-color) 22%,transparent);border-radius:.7rem;pointer-events:none}.arena-gallery-feature-card.skin-option-card:after{content:"";position:absolute;left:18%;right:18%;bottom:.22rem;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--arena-feature-color),var(--arena-feature-bright),var(--arena-feature-color),transparent);box-shadow:0 0 8px var(--arena-feature-color);opacity:.78;z-index:1;pointer-events:none}.arena-gallery-feature-card--hp{--arena-feature-color: #ff4d6d;--arena-feature-bright: #ffe4e9;border-color:#ff6b85eb;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%),radial-gradient(circle at 50% 22%,rgba(255,77,109,.36),transparent 54%),linear-gradient(180deg,#4f182feb,#1e0a1bfa)}.arena-gallery-feature-card--mana{--arena-feature-color: #22e6ff;--arena-feature-bright: #e0fbff;border-color:#4de1fff0;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 34%),radial-gradient(circle at 50% 22%,rgba(34,230,255,.34),transparent 54%),linear-gradient(180deg,#0a4358eb,#04182bfa)}.arena-gallery-feature-icon{position:relative;z-index:1;display:grid;place-items:center;width:3.75rem;height:3.75rem;margin-top:-.05rem;flex:0 0 auto}.arena-gallery-feature-icon:before,.arena-gallery-feature-icon:after{content:"";position:absolute;inset:.22rem;z-index:0;border-radius:50%;pointer-events:none}.arena-gallery-feature-icon:before{border:1px solid color-mix(in srgb,var(--arena-feature-color) 76%,white);box-shadow:inset 0 0 12px color-mix(in srgb,var(--arena-feature-color) 46%,transparent),0 0 13px color-mix(in srgb,var(--arena-feature-color) 54%,transparent)}.arena-gallery-feature-icon:after{inset:.65rem;background:color-mix(in srgb,var(--arena-feature-color) 18%,transparent);filter:blur(5px)}.arena-gallery-hp-badge{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;width:3.4rem}.arena-gallery-hp-heart{width:2rem;height:2rem;color:#ff6b85;filter:drop-shadow(0 0 4px #f43f5e)}.arena-gallery-hp-segments{display:flex;gap:3px;width:100%;padding:4px;border:1px solid #82d9ff;border-radius:6px;background:#061426;box-shadow:0 0 5px #38bdf866}.arena-gallery-hp-segments>span{flex:1;height:6px;border-radius:2px;background:linear-gradient(#ffc0c9,#fb5573)}.arena-gallery-skin-card .skin-preview *,.arena-gallery-skin-card .skin-preview *:before,.arena-gallery-skin-card .skin-preview *:after,.arena-gallery-skin-card .skin-preview:before,.arena-gallery-skin-card .skin-preview:after,.arena-gallery-skin-card .skin-preview{animation-play-state:paused!important}.arena-gallery-feature-icon img{position:relative;z-index:1;display:block;width:3.65rem;height:3.65rem;object-fit:contain;filter:brightness(1.13) saturate(1.18) drop-shadow(0 0 8px rgba(34,230,255,.92)) drop-shadow(0 0 18px rgba(59,130,246,.52))}.arena-gallery-feature-copy strong{display:block;max-width:100%;color:var(--arena-feature-bright);white-space:normal;overflow-wrap:anywhere;text-shadow:0 0 8px color-mix(in srgb,var(--arena-feature-color) 74%,transparent),0 1px 0 rgba(0,0,0,.5)}.arena-gallery-skin-card .skin-preview,.arena-gallery-skin-card .skin-preview:before,.arena-gallery-skin-card .skin-preview:after,.arena-gallery-skin-card .skin-preview>*,.arena-gallery-skin-card .skin-preview canvas{overflow:visible}.arena-gallery-skin-card .skin-preview.skin-preview-cosmic,.arena-gallery-skin-card .skin-preview.skin-preview-sun,.arena-gallery-skin-card .skin-preview.skin-preview-verdant_core,.arena-gallery-skin-card .skin-preview.skin-preview-mirror_core,.arena-gallery-skin-card .skin-preview.skin-preview-shadow_core{overflow:hidden;border-radius:50%;clip-path:circle(50% at 50% 50%);isolation:isolate}.arena-gallery-skin-card .skin-preview.is-preview-suspended:before{content:"";width:42%;aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.58),transparent 18%),radial-gradient(circle,#7dd3fc3d,#0f172a33 64%);box-shadow:inset 0 0 0 1px #ffffff24,0 0 14px #7dd3fc2e}.arena-gallery-actions{padding:0;flex:0 0 auto;box-sizing:border-box}.arena-gallery-actions .lobby-btn.primary{position:relative;overflow:hidden;width:100%;border:1px solid rgba(168,85,247,.72)!important;background:linear-gradient(90deg,#2563eb57,#581c87a3),#081423eb!important;color:#f8fbff!important;box-shadow:inset 0 0 0 1px #93c5fd2e,0 0 22px #3b82f638,0 0 24px #a855f729}.arena-gallery-actions .lobby-btn.primary:before,.arena-gallery-actions .lobby-btn.primary:after{content:"";position:absolute;top:50%;width:.62rem;height:.62rem;border:1px solid rgba(147,197,253,.56);transform:translateY(-50%) rotate(45deg);pointer-events:none;box-shadow:0 0 8px #3b82f68a,0 0 8px #a855f747}.arena-gallery-actions .lobby-btn.primary:before{left:1.2rem}.arena-gallery-actions .lobby-btn.primary:after{right:1.2rem}.arena-gallery-actions .lobby-btn.primary:active{transform:translateY(1px) scale(.99);border-color:#bfdbfefa!important;color:#f8fbff!important;filter:brightness(1.13) saturate(1.14);box-shadow:0 7px 16px #00000057,0 0 0 1px #bae6fd6b,0 0 34px #38bdf87a,0 0 36px #d8b4fe57,inset 0 0 24px #7dd3fc29,inset 0 1px #ffffff24!important;transition-duration:var(--lobby-motion-press);transition-timing-function:var(--lobby-ease-out)}@media(hover:none)and (pointer:coarse){.arena-gallery-feature-icon:after{filter:none;inset:.82rem;opacity:.72}}:root{--lobby-motion-press: 60ms;--lobby-motion-feedback: .15s;--lobby-motion-backdrop: .12s;--lobby-motion-panel: .2s;--lobby-motion-modal-enter: .2s;--lobby-motion-modal-exit: .22s;--lobby-motion-spring: .18s;--lobby-motion-emphasis: .4s;--lobby-ease-standard: cubic-bezier(.2, 0, 0, 1);--lobby-ease-out: cubic-bezier(.22, 1, .36, 1);--lobby-ease-in: cubic-bezier(.4, 0, 1, 1);--lobby-ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){:root{--lobby-motion-press: 1ms;--lobby-motion-feedback: 1ms;--lobby-motion-backdrop: 1ms;--lobby-motion-panel: 1ms;--lobby-motion-modal-enter: 1ms;--lobby-motion-modal-exit: 1ms;--lobby-motion-spring: 1ms;--lobby-motion-emphasis: 1ms}}.lobby-value-feedback{display:inline-block;min-width:1ch;color:inherit;font:inherit;font-variant-numeric:tabular-nums;transform-origin:center}.lobby-value-feedback.is-increase{animation:lobby-value-increase .42s var(--lobby-ease-out) both}.lobby-value-feedback.is-decrease{animation:lobby-value-decrease .42s var(--lobby-ease-out) both}@keyframes lobby-value-increase{40%{color:#fef08a;text-shadow:0 0 10px rgba(250,204,21,.82),0 0 18px rgba(34,211,238,.42);transform:scale(1.12)}}@keyframes lobby-value-decrease{40%{color:#fca5a5;text-shadow:0 0 12px rgba(239,68,68,.76);transform:scale(1.1)}}.is-newly-acquired{position:relative;isolation:isolate}.lobby-item-new-badge{position:absolute;z-index:5;top:.38rem;right:.38rem;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.12rem .34rem;border:1px solid rgba(254,240,138,.88);border-radius:999px;background:#92400e;box-shadow:none;color:#fff;font-size:.6rem;font-weight:900;line-height:1.2;pointer-events:none}@media(prefers-reduced-motion:reduce){.lobby-value-feedback,.lobby-vault-change-flash{animation:none!important}}body:has(.lobby-screen){isolation:isolate}body:has(.lobby-screen):before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#03081614,#03081629),url(/ui/lobby/lobby-nebula-background.webp?v=2) center center / cover no-repeat;background-color:#080e22}.lobby-screen{--lobby-stage-width: min( calc(100vw - 1rem) , 56.03dvh , 640px);--lobby-action-inset: clamp(.75rem, 3.5vw, 1.5rem);--lobby-action-width: calc( var(--lobby-stage-width) - (var(--lobby-action-inset) * 2) );--lobby-bottom-nav-height: calc(7.45rem + env(safe-area-inset-bottom)) ;--lobby-mode-panel-gap: clamp(.85rem, 2.4dvh, 1.55rem);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:0;padding:.75rem 1rem calc(17rem + env(safe-area-inset-bottom));min-height:100dvh;height:100dvh;width:var(--lobby-stage-width);max-width:100%;margin:0 auto;overflow-x:hidden;overflow-y:auto;position:relative;background:transparent}.logo{font-size:2.75rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#ef4444 0% 45%,#3b82f6 55% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.lobby-card{background:var(--panel, #1e252b);border:1px solid var(--tile-border, #3a444d);border-radius:1.5rem;padding:1.75rem;display:flex;flex-direction:column;gap:.875rem;width:100%;box-shadow:0 4px 32px #0006;transition:box-shadow .2s}.lobby-card:hover{box-shadow:0 8px 40px #00000080}.lobby-card h2{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:var(--text, #f0f4f8);margin-bottom:.25rem}.lobby-mini-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(125,211,252,.28);background:#081423bd;color:#dbeafe;border-radius:999px;padding:.36rem .72rem;font-size:.76rem;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.lobby-mini-btn:hover{transform:translateY(-1px);background:#0a192ae6;border-color:#7dd3fc75}.lobby-mini-btn:active{transform:scale(.98)}.lobby-mini-btn:disabled,.lobby-bottom-action:disabled,.lobby-vault-button:disabled,.lobby-user-score:disabled,.lobby-mini-btn.is-matchmaking-disabled,.lobby-bottom-action.is-matchmaking-disabled,.lobby-vault-button.is-matchmaking-disabled,.mode-loadout-row.is-matchmaking-disabled{cursor:default;opacity:.38;filter:grayscale(.35) brightness(.58)}.lobby-mini-btn:disabled:hover,.lobby-bottom-action:disabled:hover,.lobby-vault-button:disabled:hover,.lobby-mini-btn.is-matchmaking-disabled:hover,.lobby-bottom-action.is-matchmaking-disabled:hover,.lobby-vault-button.is-matchmaking-disabled:hover{transform:none}.mode-loadout-stack.is-matchmaking-disabled .ability-loadout-chip,.mode-loadout-stack.is-matchmaking-disabled .rune-equip-button{border-color:#3a444d73;background:#080d127a;box-shadow:none}.is-lobby-interaction-locked{pointer-events:none;opacity:.38;filter:grayscale(.35) brightness(.58)}.lobby-mini-btn.tutorial{box-shadow:0 0 0 1px #3b82f624 inset}.daily-reward-badge{display:inline-flex;align-items:center;gap:.28rem;padding:.38rem .62rem;border-radius:999px;border:1px solid rgba(125,211,252,.22);background:#081423bd;color:#dbeafe;font-size:.78rem;font-weight:700;letter-spacing:.01em;flex-shrink:0}.daily-reward-icon{font-size:.9rem;line-height:1}.daily-reward-separator{color:#dbeafea3}.lobby-card h2:before{content:attr(data-step);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:#38664133;border:1px solid rgba(56,102,65,.4);color:var(--primary, #386641);font-size:.78rem;font-weight:800;flex-shrink:0}.lobby-card p{font-size:.875rem;color:var(--text-muted, #9aa4ae)}.lobby-user-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;width:100%;padding:0 .25rem}.lobby-user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.32rem;flex:1;min-width:0}.lobby-user-name{font-size:1.15rem;font-weight:900;color:#f8fbff;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.32),0 0 16px rgba(147,197,253,.18)}.lobby-user-score-row{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.lobby-user-score{display:inline-flex;align-items:center;width:fit-content;gap:.28rem;padding:.38rem .62rem;border-radius:999px;border:1px solid rgba(96,165,250,.48);background:linear-gradient(90deg,#2563eb2e,#581c873d),#081423bd;color:#dbeafe;font-size:.78rem;font-weight:700;letter-spacing:.01em;flex-shrink:0;box-shadow:0 0 16px #3b82f624,inset 0 0 0 1px #93c5fd14;cursor:pointer;appearance:none;-webkit-appearance:none;text-align:left;transition:opacity .15s ease,transform .12s ease}.lobby-user-score-value{font-size:inherit;font-weight:700;color:inherit;font-family:var(--mono, "JetBrains Mono", monospace);letter-spacing:.02em}.lobby-user-score-icon{font-size:.9rem;line-height:1}.lobby-user-score:not(:disabled):hover{opacity:.82}.lobby-user-score:not(:disabled):active{transform:scale(.98)}.lobby-vault-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex-shrink:0}.lobby-vault-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;padding:0;border:1px solid rgba(125,211,252,.56);border-radius:999px;background:linear-gradient(180deg,#2a3540f2,#121b24f2),#081423bd;box-shadow:inset 0 1px #ffffff14,0 8px 22px #0000003d,0 0 16px #60a5fa2e,0 0 16px #a855f71a;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.lobby-vault-button.is-opened-today .lobby-vault-icon{opacity:.34;filter:brightness(.48) saturate(.65) drop-shadow(0 0 4px rgba(251,191,36,.12))}.lobby-vault-opened-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fef3c7f5;font-size:2.35rem;font-weight:1000;line-height:1;text-shadow:0 0 10px rgba(251,191,36,.82),0 2px 8px rgba(0,0,0,.72);pointer-events:none}.lobby-vault-button:hover{transform:translateY(-1px);border-color:#d8b4feb8;box-shadow:inset 0 1px #ffffff1a,0 8px 22px #0000003d,0 0 22px #60a5fa3d,0 0 20px #a855f72e}.lobby-vault-button.is-ready{border-color:#fbbf24bf;box-shadow:inset 0 1px #ffffff1a,0 0 18px #fbbf243d}.lobby-vault-icon{display:block;width:2.05rem;height:2.05rem;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 0 8px rgba(251,191,36,.28))}.lobby-vault-progress{display:grid;grid-template-columns:repeat(3,.44rem);gap:.13rem;width:max-content}.lobby-vault-progress span{height:.2rem;border-radius:999px;background:#94a3b852}.lobby-vault-progress span.is-filled{background:linear-gradient(90deg,#facc15,#f97316);box-shadow:0 0 6px #fbbf2473}.lobby-arena-center{display:flex;flex-direction:column;align-items:center;gap:.65rem;width:100%;margin:auto 0;flex-shrink:1;min-height:0}.lobby-arena-showcase{display:block;padding:0;appearance:none;color:inherit;font:inherit;text-align:inherit;position:relative;width:min(100%,34rem);height:clamp(12rem,36dvh,23rem);margin:0;flex-shrink:1;overflow:hidden;border:1.5px solid rgba(125,211,252,.72);border-radius:1.05rem;background:linear-gradient(180deg,#0f172a5c,#0a1018d1),#0f172ac2;box-shadow:0 18px 42px #0006,0 0 0 1px #c084fc29,inset 0 1px #ffffff14;cursor:pointer;transform-origin:center;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease,filter .15s ease}.lobby-arena-showcase:hover,.lobby-arena-showcase:focus-visible{border-color:#d8b4fed1;box-shadow:0 20px 46px #0000006b,0 0 0 1px #60a5fa33,inset 0 1px #ffffff1a;filter:brightness(1.04)}.lobby-arena-showcase:active{transform:scale(.98)}.lobby-arena-showcase img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.lobby-vault-button:active{transform:scale(.98)}.arena-name-in-bar{font-size:2.05rem;font-weight:800;color:#fbbf24;letter-spacing:.04em;text-align:center;margin-bottom:.45rem;text-shadow:0 1px 6px rgba(0,0,0,.7),0 0 14px rgba(251,191,36,.35)}.arena-progress-bar-wrap{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:2.2rem .85rem .65rem;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 100%);pointer-events:none}.mode-title-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;cursor:pointer;font-size:1.1rem;font-weight:700;color:var(--text, #f0f4f8);transition:color .15s}.mode-title-btn:hover{color:#60a5fae6}.mode-title-chevron{font-size:.8rem;opacity:.6;margin-top:1px}.mode-picker-overlay{position:fixed;inset:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.mode-picker-popup{background:var(--panel, #1e252b);border:1px solid var(--tile-border, #3a444d);border-radius:1.5rem;padding:1.5rem;width:100%;max-width:480px;box-shadow:0 8px 48px #0009;display:flex;flex-direction:column;gap:1rem}.mode-picker-head{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:700;color:var(--text, #f0f4f8)}.mode-picker-close{background:none;border:none;color:var(--text-muted, #8899aa);font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;transition:color .15s}.mode-picker-close:hover{color:var(--text, #f0f4f8)}.mode-selector-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.1rem}.mode-selector-head h2{min-width:0}.mode-selector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.mode-selector-btn,.mode-selector-placeholder{min-height:5.8rem;border-radius:1rem}.mode-selector-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.42rem;padding:.75rem .45rem .6rem;border:1px solid var(--tile-border, #3a444d);background:linear-gradient(180deg,#374151e0,#1e252bf5);color:var(--text, #f0f4f8);cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease;box-shadow:0 10px 20px #00000047,inset 0 1px #ffffff0a}.mode-selector-btn:hover{border-color:#60a5fa70;background:linear-gradient(180deg,#444e5eeb,#252d36fa)}.mode-selector-btn:active{transform:scale(.98)}.mode-selector-btn.is-disabled,.mode-selector-btn:disabled{cursor:not-allowed;color:#f0f4f894;border-color:#3a444d6b;background:linear-gradient(180deg,#28303cb8,#141a20e6);box-shadow:0 8px 16px #0003,inset 0 1px #ffffff05;filter:saturate(.58) brightness(.82)}.mode-selector-btn.is-disabled:hover,.mode-selector-btn:disabled:hover{border-color:#3a444d6b;background:linear-gradient(180deg,#28303cb8,#141a20e6)}.mode-selector-btn.is-disabled:active,.mode-selector-btn:disabled:active{transform:none}.mode-selector-btn.is-active{border-color:#60a5fa8c;background:linear-gradient(180deg,#3b527aeb,#1f2d46fa);box-shadow:0 12px 24px #0000004d,0 0 0 1px #60a5fa29}.mode-selector-icon{font-size:1.5rem;line-height:1}.mode-selector-label{text-align:center;font-size:.76rem;font-weight:800;letter-spacing:.02em;line-height:1.15;word-break:keep-all}.mode-selector-placeholder{border:1px dashed rgba(58,68,77,.55);background:#13191e38}.mode-content-card{box-sizing:border-box;position:fixed;left:50%;bottom:calc(var(--lobby-bottom-nav-height) + var(--lobby-mode-panel-gap));z-index:70;width:var(--lobby-action-width);max-width:calc(100vw - (var(--lobby-action-inset) * 2));flex-shrink:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:.65rem;transform:translate(-50%)}.lobby-card.mode-content-card:hover,.lobby-card.mode-content-card:active{box-shadow:none}.mode-content-card.is-db-loading h2:after{content:"";display:inline-block;width:.875rem;height:.875rem;border:2px solid var(--tile-border, #3a444d);border-top-color:var(--primary, #386641);border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}.ability-skill-icon-phase-back,.ability-skill-icon-phase-front{position:absolute;width:.74em;height:.84em;clip-path:polygon(25% 4%,75% 4%,96% 50%,75% 96%,25% 96%,4% 50%)}.ability-skill-icon-phase-back{left:.1em;top:.18em;border:2px dashed rgba(103,232,249,.72);opacity:.48;filter:blur(.1px)}.ability-skill-icon-phase-front{left:.26em;top:.06em;border:2px solid rgba(34,211,238,.92);background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.16),transparent 54%),#0891b214;box-shadow:0 0 8px #22d3ee3d,inset 0 0 6px #ffffff14}.lobby-input{background:var(--tile, #2a3137);border:1px solid var(--tile-border, #3a444d);border-radius:.75rem;padding:.75rem 1rem;color:var(--text, #f0f4f8);font-size:.95rem;font-family:Plus Jakarta Sans,sans-serif;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}.lobby-input::placeholder{color:var(--text-muted, #9aa4ae)}.lobby-input:focus{border-color:var(--primary, #386641);box-shadow:0 0 0 3px #38664126}.code-input{font-family:var(--mono);letter-spacing:.35em;text-align:center;font-size:1.15rem;text-transform:uppercase}.lobby-btn{padding:.75rem 1rem;border-radius:.75rem;border:none;font-size:.95rem;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;transition:all .15s;letter-spacing:.01em;width:100%;min-height:52px;white-space:nowrap}.lobby-btn:active{transform:scale(.98)}.keyboard-nav-selected{outline:3px solid rgba(74,222,128,.95)!important;outline-offset:4px;box-shadow:0 0 0 2px #0c121ab8,0 0 16px #4ade8094!important}.victory-vault-safe-button.keyboard-nav-selected{outline:none!important;box-shadow:none!important}.victory-vault-safe-button.keyboard-nav-selected:after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px #4ade80fa,inset 0 0 18px #4ade8038,0 0 18px #4ade807a}.lobby-btn.primary{background:var(--primary, #386641);color:#fff;box-shadow:0 4px 16px #38664159}.lobby-btn.primary:hover{background:var(--primary-hov, #2a4d31);box-shadow:0 6px 20px #38664180}.lobby-btn.secondary{background:#3b82f61f;color:var(--blue, #3b82f6);border:1px solid rgba(59,130,246,.3)}.lobby-btn.secondary:hover{background:#3b82f633;border-color:#3b82f680}.lobby-btn.ai{background:#ef44441f;color:var(--red, #ef4444);border:1px solid rgba(239,68,68,.3)}.lobby-btn.ai:hover{background:#ef444433;border-color:#ef444480}.lobby-btn.accent{position:relative;background:var(--primary, #386641);color:#fff;font-size:1rem;padding:.9rem 1rem;box-shadow:0 4px 20px #38664166;overflow:hidden}.lobby-btn.accent:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#386641,#22c55e,#386641);border-radius:inherit;opacity:0;transition:opacity .3s;z-index:-1}.lobby-btn.accent:hover{background:var(--primary-hov, #2a4d31);box-shadow:0 6px 28px #38664199}.lobby-btn.accent:hover:before{opacity:.4}.lobby-btn:disabled{cursor:not-allowed;opacity:.54;filter:saturate(.55)}.lobby-btn.cancel{background:#ef44441f;color:var(--red, #ef4444);border:1px solid rgba(239,68,68,.32)}.lobby-btn.cancel:hover{background:#ef444433;border-color:#ef444480}.mode-control-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:.75rem;width:100%}.lobby-mode-action{grid-column:1;min-width:0;min-height:5.95rem;padding:.42rem .32rem;border-radius:.8rem;border-color:#60a5fa94;background:radial-gradient(circle at 50% 16%,rgba(168,85,247,.14),transparent 48%),linear-gradient(180deg,#1e293bf5,#0f172afa);box-shadow:0 0 0 1px #60a5fa1f,0 0 20px #60a5fa29,inset 0 0 0 1px #93c5fd0d}.lobby-mode-action-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:clamp(1.85rem,6.5vw,2.55rem);line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}.lobby-btn.mode-start-btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;grid-column:2 / span 2;min-width:0;min-height:5.95rem;border-radius:.9rem;border:1px solid rgba(134,239,172,.58);font-size:clamp(1.22rem,4vw,1.75rem);font-weight:900;letter-spacing:0;box-shadow:0 6px #1c4a2beb,0 16px 30px #00000057,0 0 22px #22c55e33,inset 0 2px #ffffff2e;transition:transform var(--lobby-motion-press) var(--lobby-ease-standard),background var(--lobby-motion-panel) var(--lobby-ease-standard),border-color var(--lobby-motion-panel) var(--lobby-ease-standard),color var(--lobby-motion-panel) var(--lobby-ease-standard),box-shadow var(--lobby-motion-panel) var(--lobby-ease-standard)}.lobby-btn.mode-start-btn>*{position:relative;z-index:2}.mode-start-label-stack{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.42rem;line-height:1.05}.mode-start-reward{font-size:.72rem;padding:.25rem .52rem;background:linear-gradient(90deg,#2563eb2e,#0f172a94),#08142370;border-color:#7dd3fc52;box-shadow:inset 0 1px #ffffff14}.lobby-btn.mode-start-btn:active{transform:translateY(3px);box-shadow:0 3px #1c4a2beb,0 10px 18px #00000047,inset 0 2px #ffffff24}.mode-start-btn.ai{background:var(--primary, #386641);color:#fff;border:none}.mode-start-btn.ai:hover{background:var(--primary-hov, #2a4d31);border:none}.lobby-btn.mode-cancel-start-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;background:#b91c1c;color:#fff;border:none;box-shadow:0 6px #591010eb,0 16px 30px #00000057,inset 0 2px #ffffff29}.lobby-btn.mode-cancel-start-btn:hover{background:#991b1b;border:none}.lobby-btn.mode-cancel-start-btn:active{box-shadow:0 3px #591010eb,0 10px 18px #00000047,inset 0 2px #ffffff1f}.lobby-btn.mode-start-btn.is-matchmaking{border:1px solid rgba(103,232,249,.72);background:linear-gradient(135deg,#123765,#24356f 54%,#35245f);box-shadow:0 6px #0f284ef0,0 16px 30px #00000057,0 0 24px #22d3ee3d,inset 0 2px #ffffff24;animation:mode-matchmaking-charge .62s var(--lobby-ease-out) both}.lobby-btn.mode-start-btn.is-matchmaking:hover{border-color:#a5f3fce0;background:linear-gradient(135deg,#173f72,#2d3d7d 54%,#422b72)}.lobby-btn.mode-start-btn.is-matchmaking:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(165,243,252,.08) 42%,rgba(255,255,255,.56) 50%,rgba(196,181,253,.12) 58%,transparent 70%);transform:translate(-115%);pointer-events:none;animation:mode-matchmaking-energy-sweep .68s var(--lobby-ease-out) both}@keyframes mode-matchmaking-charge{0%{border-color:#86efac94}48%{border-color:#fffffff5;box-shadow:0 5px #0f284ef0,0 14px 28px #00000052,0 0 34px #22d3eeb8,inset 0 0 18px #a5f3fc3d}}@keyframes mode-matchmaking-energy-sweep{to{transform:translate(115%)}}.lobby-btn.mode-start-btn.match-found,.lobby-btn.mode-start-btn.match-found:disabled{opacity:1;border:1px solid rgba(254,240,138,.94);background:linear-gradient(135deg,#166534,#0f766e 56%,#1d4ed8);color:#fff;box-shadow:0 5px #14532df0,0 14px 28px #0000004d,0 0 32px #facc1585,inset 0 0 22px #ffffff2e;animation:mode-match-found-button .32s var(--lobby-ease-out) both}.mode-match-found-label{display:inline-flex;align-items:center;justify-content:center;gap:.62rem}.mode-match-found-label--en{font-size:.75em;white-space:nowrap}.mode-match-found-indicator{width:.78rem;height:.78rem;border:2px solid #fef08a;transform:rotate(45deg);box-shadow:0 0 10px #facc15eb,inset 0 0 6px #ffffff85}@keyframes mode-match-found-button{0%{filter:brightness(1.85);transform:scale(.98)}55%{transform:scale(1.025)}}.mode-cancel-spinner{display:inline-block;width:1.15rem;height:1.15rem;border:2px solid rgba(255,255,255,.36);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite;flex:0 0 auto}.mode-action-side{display:flex;grid-column:4;min-width:0;align-items:stretch;justify-content:center;min-height:5.95rem}.mode-action-side--double{flex-direction:column;gap:.45rem}.mode-action-side .lobby-mini-btn{width:100%;min-height:2.45rem;border-radius:.75rem;border-color:#60a5fa80;background:linear-gradient(180deg,#0f172ae6,#081423eb),#081423bd;box-shadow:inset 0 0 0 1px #93c5fd0f,0 0 16px #60a5fa1f;padding:.35rem .42rem;white-space:normal;line-height:1.12;word-break:keep-all}.mode-action-side:not(.mode-action-side--double) .lobby-mini-btn{min-height:100%}.mode-loadout-stack{display:grid;justify-items:center;gap:.12rem;min-height:4.9rem;margin-bottom:.18rem}.mode-loadout-stack.is-empty{visibility:hidden}.mode-rune-row{display:flex;align-items:center;justify-content:center;height:2.15rem}.mode-loadout-row{align-items:center;justify-content:center;height:2.35rem;overflow:hidden}.mode-loadout-row .mode-loadout-skill-chip{--mode-loadout-type-color: rgba(96, 165, 250, .68);border-color:var(--mode-loadout-type-color);background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.08),transparent 48%),#0a182bdb;box-shadow:inset 0 0 0 1px #ffffff06,0 0 11px color-mix(in srgb,var(--mode-loadout-type-color) 24%,transparent)}.mode-loadout-row .mode-loadout-skill-chip.is-attack{--mode-loadout-type-color: rgba(248, 113, 113, .78)}.mode-loadout-row .mode-loadout-skill-chip.is-defense{--mode-loadout-type-color: rgba(56, 189, 248, .78)}.mode-loadout-row .mode-loadout-skill-chip:is(.is-utility,.is-passive){--mode-loadout-type-color: rgba(74, 222, 128, .76)}.mode-loadout-skill-name.is-basic{color:#e2e8f0}.mode-loadout-row .mode-loadout-empty-message{border-color:transparent;background:linear-gradient(180deg,#0f1e33f5,#081423f5) padding-box,linear-gradient(110deg,#38bdf8d1,#a78bfad1,#4ade80c2) border-box;color:#dbeafedb;font-size:.78rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;padding-inline:1rem;text-align:center;text-shadow:0 0 9px rgba(125,211,252,.24);box-shadow:inset 0 0 0 1px #ffffff06,0 0 13px #60a5fa26}.mode-loadout-row.is-empty{visibility:hidden}.room-code{font-family:var(--mono);font-size:2.25rem;font-weight:500;letter-spacing:.45em;text-align:center;color:#fbbf24;background:var(--tile, #2a3137);border:1px solid var(--tile-border, #3a444d);border-radius:.75rem;padding:1.1rem;text-shadow:0 0 20px rgba(251,191,36,.4)}.waiting-text{text-align:center;color:var(--text-muted, #9aa4ae);font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.waiting-text:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse-dot 1.5s ease-in-out infinite;flex-shrink:0}.friend-room-leave-btn{margin-top:.35rem}.spinner{width:40px;height:40px;border:3px solid var(--tile-border, #3a444d);border-top-color:var(--primary, #386641);border-radius:50%;animation:spin .75s linear infinite;margin:.75rem auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.is-matchmaking{gap:1rem}.lobby-match-found-transition{position:fixed;z-index:8500;inset:0;display:flex;align-items:center;justify-content:center;width:var(--lobby-stage-width);max-width:100%;margin:0 auto;overflow:hidden;background:#030a1875;pointer-events:auto;animation:lobby-match-found-overlay .32s var(--lobby-ease-out) both}.lobby-match-found-transition:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(34,211,238,.34) 47%,rgba(254,240,138,.42) 51%,transparent 76%);transform:translate(-110%);animation:lobby-match-found-flash .32s var(--lobby-ease-out) both}.lobby-match-found-transition strong{position:relative;z-index:2;color:#fff7d6;font-size:2rem;font-family:Noto Sans KR,Noto Sans CJK KR,Apple SD Gothic Neo,Malgun Gothic,Roboto,system-ui,sans-serif;font-weight:700;line-height:1.2;letter-spacing:0;-webkit-text-stroke:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 10px rgba(34,211,238,.64),0 0 20px rgba(250,204,21,.42);animation:lobby-match-found-label .32s var(--lobby-ease-out) both}.lobby-match-found-energy{position:absolute;z-index:1;width:9rem;height:9rem;border:2px solid rgba(165,243,252,.74);transform:rotate(45deg);box-shadow:0 0 28px #22d3ee7a,inset 0 0 24px #facc1533;animation:lobby-match-found-energy .32s var(--lobby-ease-out) both}@keyframes lobby-match-found-overlay{0%{opacity:0}28%,to{opacity:1}}@keyframes lobby-match-found-flash{to{transform:translate(110%)}}@keyframes lobby-match-found-label{0%{opacity:0;transform:scale(.9)}58%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes lobby-match-found-energy{0%{opacity:0;transform:rotate(45deg) scale(.55)}55%{opacity:1}to{opacity:0;transform:rotate(135deg) scale(1.45)}}@media(prefers-reduced-motion:reduce){.lobby-btn.mode-start-btn.is-matchmaking,.lobby-btn.mode-start-btn.is-matchmaking:after,.lobby-btn.mode-start-btn.match-found,.lobby-match-found-transition,.lobby-match-found-transition:before,.lobby-match-found-transition strong,.lobby-match-found-energy{animation:none!important}}.error-msg{color:#f87171;font-size:.825rem;text-align:center;padding:.5rem .75rem;background:#ef444414;border-radius:.5rem;border:1px solid rgba(239,68,68,.2)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:translate3d(0,12px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes skin-floating-message-rise{0%{opacity:0;transform:translate(-50%,-50%) translateY(16px) scale(.96)}15%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) translateY(-26px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-44px) scale(.98)}}.skin-floating-message{position:fixed;left:50%;top:50%;z-index:420;max-width:min(calc(100vw - 2rem),28rem);padding:.75rem 1.15rem;border-radius:999px;border:1px solid rgba(251,191,36,.48);background:#0f172aeb;box-shadow:0 18px 42px #00000061,0 0 22px #fbbf2438;color:#fde68a;font-size:clamp(1rem,3.6vw,1.45rem);font-weight:900;line-height:1.15;text-align:center;pointer-events:none;white-space:normal;overflow-wrap:anywhere;animation:skin-floating-message-rise var(--skin-floating-message-duration, 1s) ease-out both}.upgrade-modal-backdrop{position:fixed;inset:0;background:#030712a3;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:300;animation:modal-backdrop-in var(--lobby-motion-backdrop) var(--lobby-ease-standard) both}.lobby-modal-stage{position:fixed;inset:0;z-index:300;pointer-events:none;isolation:isolate;contain:layout paint style}.lobby-vault-change-flash{position:absolute;z-index:2;inset:-.35rem;border-radius:999px;pointer-events:none;animation:lobby-vault-progress-increase .52s var(--lobby-ease-out) both}.lobby-vault-wrap.is-decrease .lobby-vault-change-flash{animation-name:lobby-vault-progress-decrease}@keyframes lobby-vault-progress-increase{45%{box-shadow:0 0 20px #facc15c7}}@keyframes lobby-vault-progress-decrease{45%{box-shadow:0 0 18px #ef4444b3}}.lobby-modal-stage:is(.is-active,.is-closing){pointer-events:auto}.lobby-modal-stage-backdrop,.lobby-modal-stage-motion,.lobby-modal-stage-independent{position:absolute;inset:0}.lobby-modal-stage-backdrop{background:#030712a3;opacity:0;transition:opacity var(--lobby-motion-backdrop) var(--lobby-ease-standard);pointer-events:none}.lobby-modal-stage:is(.is-active,.is-closing) .lobby-modal-stage-backdrop{pointer-events:auto}.lobby-modal-stage:is(.is-opening,.is-closing) .lobby-modal-stage-backdrop{will-change:opacity}.lobby-modal-stage.is-mode-picker .lobby-modal-stage-backdrop{background:#0000008c}.lobby-modal-stage.is-active .lobby-modal-stage-backdrop{opacity:1}.lobby-modal-stage-motion{pointer-events:none;transform:translate3d(0,12px,0) scale(.96);transform-origin:center;opacity:0;transition:transform var(--lobby-motion-modal-enter) var(--lobby-ease-out),opacity var(--lobby-motion-backdrop) var(--lobby-ease-standard);backface-visibility:hidden}.lobby-modal-stage:is(.is-opening,.is-closing) .lobby-modal-stage-motion{will-change:transform}.lobby-modal-stage.is-active .lobby-modal-stage-motion{transform:translateZ(0) scale(1);opacity:1}.lobby-modal-stage-content,.lobby-modal-stage-independent{position:absolute;inset:0;pointer-events:none}:is(.lobby-modal-stage-content,.lobby-modal-stage-independent) :is(.upgrade-modal-backdrop,.mode-picker-overlay,.ranked-info-overlay,.arena-gallery-backdrop,.friend-modal-overlay){background:transparent!important;overscroll-behavior:contain;pointer-events:auto}:is(.lobby-modal-stage-content,.lobby-modal-stage-independent) :is(.upgrade-modal-backdrop,.mode-picker-overlay,.ranked-info-overlay,.arena-gallery-backdrop,.friend-modal-overlay).is-prewarmed-hidden{pointer-events:none}.lobby-modal-stage:is(.is-opening,.is-closing) .lobby-modal-stage-motion :is(.lobby-prewarm-modal,.skin-picker-backdrop,.lobby-ability-loadout-backdrop)>:is(.upgrade-modal,.mode-picker-popup,.ranked-info-modal){animation:none!important;transition:none!important;opacity:1!important;transform:translateZ(0) scale(1)!important}.upgrade-modal{width:min(100%,28rem);background:var(--panel, #1e252b);border:1px solid var(--tile-border, #3a444d);border-radius:1.25rem;padding:1.4rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 18px 48px #00000073;animation:modal-panel-in var(--lobby-motion-panel) var(--lobby-ease-out) both}.lobby-prewarm-modal{opacity:1;transition:opacity var(--lobby-motion-backdrop) var(--lobby-ease-standard),background-color var(--lobby-motion-backdrop) var(--lobby-ease-standard)}.lobby-prewarm-modal.is-prewarmed-hidden{opacity:0;visibility:hidden;pointer-events:none;background:#03071200;overflow:hidden}.lobby-prewarm-modal:not(.is-prewarmed-hidden),.lobby-prewarm-modal.is-entering,.lobby-prewarm-modal.is-exiting{visibility:visible}.lobby-prewarm-modal.is-preparing-open{opacity:.001;visibility:visible;pointer-events:none;background:#03071200}.lobby-prewarm-modal.is-preparing-open>.upgrade-modal,.lobby-prewarm-modal.is-preparing-open>.mode-picker-popup,.lobby-prewarm-modal.is-preparing-open>.ranked-info-modal{transform:translateZ(0) scale(1);will-change:transform,opacity}.lobby-prewarm-modal>.upgrade-modal,.lobby-prewarm-modal>.mode-picker-popup,.lobby-prewarm-modal>.ranked-info-modal{animation:none;opacity:1;transform:translateZ(0) scale(1);transition:transform var(--lobby-motion-modal-enter) var(--lobby-ease-out),opacity var(--lobby-motion-backdrop) var(--lobby-ease-standard)}.lobby-prewarm-modal:is(.is-entering,.is-exiting)>.upgrade-modal,.lobby-prewarm-modal:is(.is-entering,.is-exiting)>.mode-picker-popup,.lobby-prewarm-modal:is(.is-entering,.is-exiting)>.ranked-info-modal{will-change:transform,opacity}.lobby-prewarm-modal.is-prewarmed-hidden>.upgrade-modal,.lobby-prewarm-modal.is-prewarmed-hidden>.mode-picker-popup,.lobby-prewarm-modal.is-prewarmed-hidden>.ranked-info-modal{transform:translate3d(0,12px,0) scale(.96);will-change:auto}.lobby-mode-picker-backdrop{background:#0000008c;transition:opacity var(--lobby-motion-backdrop) var(--lobby-ease-standard)}.lobby-mode-picker-backdrop.is-prewarmed-hidden{background:#0000008c}.lobby-modal-loading-backdrop{animation:none;opacity:1}.lobby-modal-loading-shell{width:min(100%,32rem);min-height:12rem;border:1.5px solid rgba(96,165,250,.72);background:radial-gradient(circle at 96% 0%,rgba(192,132,252,.18),transparent 28%),radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 30%),linear-gradient(180deg,#0f172afa,#111827fa);box-shadow:0 24px 60px #00000094,0 0 0 1px #dbeafe14,0 0 26px #38bdf82e}@media(hover:none)and (pointer:coarse){.lobby-mode-picker-backdrop{transition:opacity .12s linear}.lobby-mode-picker-backdrop>.mode-picker-popup{backface-visibility:hidden;transform:translateZ(0) scale(1)}}.lobby-prewarm-modal.is-prewarmed-hidden,.lobby-prewarm-modal.is-prewarmed-hidden:before,.lobby-prewarm-modal.is-prewarmed-hidden:after,.lobby-prewarm-modal.is-prewarmed-hidden *,.lobby-prewarm-modal.is-prewarmed-hidden *:before,.lobby-prewarm-modal.is-prewarmed-hidden *:after,.skin-picker-backdrop.is-prewarmed-hidden,.skin-picker-backdrop.is-prewarmed-hidden:before,.skin-picker-backdrop.is-prewarmed-hidden:after,.skin-picker-backdrop.is-prewarmed-hidden *,.skin-picker-backdrop.is-prewarmed-hidden *:before,.skin-picker-backdrop.is-prewarmed-hidden *:after{animation-play-state:paused!important}.lobby-modal-slot{display:contents}@keyframes lobby-modal-pop-in{0%{opacity:0;transform:translate3d(0,12px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}.lobby-modal-slot.is-entering .lobby-prewarm-modal>.upgrade-modal,.lobby-modal-slot.is-entering .lobby-prewarm-modal>.mode-picker-popup,.lobby-modal-slot.is-entering .lobby-prewarm-modal>.ranked-info-modal{animation:lobby-modal-pop-in var(--lobby-motion-modal-enter) var(--lobby-ease-out) both}@keyframes lobby-modal-pop-out{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,6px,0) scale(.98)}}.lobby-modal-slot.is-exiting .lobby-prewarm-modal>.upgrade-modal,.lobby-modal-slot.is-exiting .lobby-prewarm-modal>.mode-picker-popup,.lobby-modal-slot.is-exiting .lobby-prewarm-modal>.ranked-info-modal{animation:lobby-modal-pop-out var(--lobby-motion-modal-exit) var(--lobby-ease-in) both}.lobby-modal-slot.is-entering :is(.upgrade-modal,.mode-picker-popup,.ranked-info-modal)>*,.lobby-modal-slot.is-entering :is(.upgrade-modal,.mode-picker-popup,.ranked-info-modal)>* *,.skin-picker-backdrop.is-entering .skin-picker-modal>*,.skin-picker-backdrop.is-entering .skin-picker-modal>* *,.lobby-ability-loadout-backdrop.is-entering>.upgrade-modal>*,.lobby-ability-loadout-backdrop.is-entering>.upgrade-modal>* *{animation-play-state:paused!important}body.lobby-modal-active .lobby-screen .lobby-arena-showcase:after,body.lobby-modal-active .lobby-screen .mode-content-card.is-db-loading h2:after,body.lobby-modal-active .lobby-screen .mode-cancel-spinner,body.lobby-modal-active .lobby-screen .waiting-text:before,body.lobby-modal-active .lobby-screen .spinner,body.lobby-modal-active .lobby-screen .ability-skill-icon-mine-ring-outer,body.lobby-modal-active .lobby-screen .ability-skill-icon-mine-ring-inner,body.lobby-modal-active .lobby-screen .ability-skill-info-pill:after{animation-play-state:paused!important}.upgrade-modal h3{font-size:1.1rem;color:var(--text, #f0f4f8)}.upgrade-modal p{color:var(--text-muted, #9aa4ae)}.upgrade-modal-actions{display:flex;flex-direction:column;gap:.75rem}.upgrade-modal-actions-row{flex-direction:row}.upgrade-flow-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#03071294;animation:modal-backdrop-in var(--lobby-motion-backdrop) var(--lobby-ease-standard) both}.upgrade-flow-panel{width:min(100%,24rem);background:var(--panel, #1e252b);border:1px solid var(--tile-border, #3a444d);border-radius:1.25rem;padding:1.4rem 1.25rem;animation:modal-panel-in var(--lobby-motion-panel) var(--lobby-ease-out) both;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;box-shadow:0 18px 48px #00000073;text-align:center}.upgrade-flow-panel p{color:var(--text-muted, #9aa4ae);font-size:.9rem}.upgrade-flow-spinner{width:2.1rem;height:2.1rem;margin:0}.upgrade-switch-message{white-space:pre-line}.skin-modal{max-width:28rem;max-height:min(46rem,85dvh);overflow-y:auto}.skin-picker-modal{border:1.5px solid rgba(96,165,250,.72);background:radial-gradient(circle at 96% 0%,rgba(192,132,252,.18),transparent 28%),radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 30%),linear-gradient(180deg,#0f172afa,#111827fa);box-shadow:0 24px 60px #00000094,0 0 0 1px #dbeafe14,0 0 26px #38bdf83d,0 0 28px #c084fc2e,inset 0 0 30px #60a5fa0f;contain:layout paint style;transform:translateZ(0) scale(1);opacity:1;animation:none;transition:opacity var(--lobby-motion-backdrop) var(--lobby-ease-standard)}.skin-picker-backdrop{opacity:1;animation:none;transition:opacity var(--lobby-motion-backdrop) var(--lobby-ease-standard),background-color var(--lobby-motion-backdrop) var(--lobby-ease-standard)}.skin-picker-backdrop.is-prewarmed-hidden{opacity:0;visibility:hidden;pointer-events:none;background:#03071200;overflow:hidden}.skin-picker-backdrop[data-preview-playback=paused] *,.skin-picker-backdrop[data-preview-playback=paused] *:before,.skin-picker-backdrop[data-preview-playback=paused] *:after{animation-play-state:paused!important}.skin-picker-backdrop:not(.is-prewarmed-hidden),.skin-picker-backdrop.is-entering,.skin-picker-backdrop.is-exiting{visibility:visible}.skin-picker-backdrop.is-preparing-open{opacity:1;visibility:visible;pointer-events:none;background:#030712a3}.skin-picker-backdrop.is-preparing-open .skin-picker-modal{opacity:.001;transform:translateZ(0) scale(1);will-change:transform,opacity}.skin-picker-backdrop.is-prewarmed-hidden .skin-picker-modal{opacity:1;transform:translateZ(0) scale(1);transition:none;will-change:auto}.skin-picker-backdrop.is-entering .skin-picker-modal{animation:lobby-modal-pop-in var(--lobby-motion-modal-enter) var(--lobby-ease-out) both}.skin-picker-backdrop.is-exiting{opacity:.001}.skin-picker-backdrop.is-exiting .skin-picker-modal{will-change:transform,opacity;animation:lobby-modal-pop-out var(--lobby-motion-modal-exit) var(--lobby-ease-in) both}.skin-picker-modal .skin-modal-head{position:relative;padding-bottom:.48rem}.skin-picker-modal .skin-modal-head:after{content:"";position:absolute;left:0;bottom:0;width:min(14rem,50%);height:1px;background:linear-gradient(90deg,rgba(125,211,252,.88),rgba(192,132,252,.6),transparent);box-shadow:0 0 12px #38bdf847,0 0 14px #c084fc2e}.skin-picker-modal .skin-modal-head h3{color:#f8fbff;font-size:clamp(1.55rem,5vw,2.18rem);font-weight:1000;text-shadow:0 2px 0 rgba(0,0,0,.34),0 0 18px rgba(96,165,250,.3),0 0 20px rgba(192,132,252,.18)}.victory-vault-modal{--vault-rarity-color: #f8fafc;--vault-rarity-glow: rgba(248, 250, 252, .28);width:min(92vw,36rem);max-width:36rem;gap:1rem;border:1.5px solid rgba(251,191,36,.66);background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.14),transparent 34%),linear-gradient(180deg,#21282efa,#161d22fa);box-shadow:0 24px 60px #00000094,0 0 0 1px #fef3c714,0 0 34px #fbbf2429,inset 0 0 34px #fbbf240f}.victory-vault-modal.is-rarity-common{--vault-rarity-color: #60a5fa;--vault-rarity-glow: rgba(96, 165, 250, .38)}.victory-vault-modal.is-rarity-rare{--vault-rarity-color: #d946ef;--vault-rarity-glow: rgba(217, 70, 239, .38)}.victory-vault-modal.is-rarity-legendary{--vault-rarity-color: #ffc400;--vault-rarity-glow: rgba(255, 196, 0, .46)}.victory-vault-modal.is-rarity-mythic{--vault-rarity-color: #ff3b5c;--vault-rarity-glow: rgba(255, 59, 92, .5)}.victory-vault-modal.is-rarity-transcendent{--vault-rarity-color: #00f0ff;--vault-rarity-glow: rgba(0, 240, 255, .5);--vault-rarity-secondary-glow: rgba(185, 103, 255, .52)}.victory-vault-modal.is-phase-gradeRevealed,.victory-vault-modal.is-phase-rewardRevealed{border-color:color-mix(in srgb,var(--vault-rarity-color) 78%,#ffffff 10%);box-shadow:0 24px 60px #00000094,0 0 0 1px #fef3c714,0 0 38px var(--vault-rarity-glow),0 0 54px var(--vault-rarity-secondary-glow, transparent),inset 0 0 34px color-mix(in srgb,var(--vault-rarity-color) 12%,transparent)}.victory-vault-modal .skin-modal-head{position:relative;padding-bottom:.42rem}.victory-vault-modal .skin-modal-head:after{content:"";position:absolute;left:0;bottom:0;width:min(12rem,42%);height:1px;background:linear-gradient(90deg,rgba(254,243,199,.82),rgba(251,191,36,.34),transparent);box-shadow:0 0 12px #fbbf2433}.victory-vault-modal .skin-modal-head h3{color:#fef3c7;font-size:clamp(1.45rem,4.8vw,2.05rem);font-weight:1000;text-shadow:0 2px 0 rgba(0,0,0,.36),0 0 18px rgba(251,191,36,.28)}.victory-vault-head-actions{position:relative;display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0}.victory-vault-help-btn,.victory-vault-reset-timer{display:inline-flex;align-items:center;justify-content:center;height:2.1rem;border:1px solid rgba(96,165,250,.34);border-radius:999px;background:#081423b8;color:#dbeafe;font-weight:900}.victory-vault-help-btn{width:2.1rem;font-size:1rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.victory-vault-reset-timer{min-width:7.7rem;padding:0 .82rem;font-size:clamp(.72rem,2.4vw,.84rem);line-height:1;white-space:nowrap;letter-spacing:0}.victory-vault-help-btn:hover,.victory-vault-help-btn.is-active{border-color:#fbbf24a3;background:#fbbf2424;color:#fef3c7}.victory-vault-help-btn:active{transform:scale(.96)}.victory-vault-status{display:inline-flex;align-items:center;justify-content:center;min-width:4rem;padding:.5rem .95rem;border:1px solid rgba(96,165,250,.3);border-radius:999px;background:#081423b8;color:#dbeafe;font-weight:900}.victory-vault-status.is-ready{border-color:#fbbf24db;background:linear-gradient(180deg,#fbbf242e,#78350f3d),#081423c7;color:#fde68a;box-shadow:0 0 22px #fbbf2442,inset 0 0 18px #fbbf241f}.victory-vault-help-popover{display:grid;width:100%;gap:.68rem;padding:1rem 1.1rem;border:1px solid rgba(125,211,252,.24);border-radius:.95rem;background:linear-gradient(180deg,#0f172aeb,#080d12eb),#081423db;color:#dbeafe;box-shadow:0 10px 28px #00000047}.victory-vault-help-popover p{display:grid;gap:.16rem;margin:0;color:#cbd5e1;font-size:.82rem;line-height:1.42}.victory-vault-help-popover p span{display:block}.victory-vault-help-section{display:grid;gap:.5rem}.victory-vault-help-section strong{color:#fef3c7;font-size:.84rem;font-weight:900}.victory-vault-help-section ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem .7rem;margin:0;padding:0;list-style:none}.victory-vault-help-section li{--vault-help-rarity-color: #e5eef8;--vault-help-rarity-glow: rgba(226, 232, 240, .12);display:flex;align-items:center;gap:.32rem;min-width:0;padding:.34rem .48rem;border:1px solid color-mix(in srgb,var(--vault-help-rarity-color) 46%,transparent);border-radius:.55rem;background:linear-gradient(90deg,color-mix(in srgb,var(--vault-help-rarity-color) 8%,transparent),transparent 48%),#0f172a99;color:#e5eef8;font-size:.76rem;font-weight:800;line-height:1.2;box-shadow:inset 0 0 12px var(--vault-help-rarity-glow)}.victory-vault-help-section li.is-rarity-basic{--vault-help-rarity-color: #e2e8f0;--vault-help-rarity-glow: rgba(226, 232, 240, .1)}.victory-vault-help-section li.is-rarity-common{--vault-help-rarity-color: #60a5fa;--vault-help-rarity-glow: rgba(96, 165, 250, .13)}.victory-vault-help-section li.is-rarity-rare{--vault-help-rarity-color: #d946ef;--vault-help-rarity-glow: rgba(217, 70, 239, .16)}.victory-vault-help-section li.is-rarity-legendary{--vault-help-rarity-color: #ffc400;--vault-help-rarity-glow: rgba(255, 196, 0, .2)}.victory-vault-help-section li.is-rarity-mythic{--vault-help-rarity-color: #ff3b5c;--vault-help-rarity-glow: rgba(255, 59, 92, .22)}.victory-vault-help-section li.is-rarity-transcendent{--vault-help-rarity-color: #00f0ff;--vault-help-rarity-glow: rgba(185, 103, 255, .34)}.victory-vault-help-rarity,.victory-vault-help-chance{color:var(--vault-help-rarity-color);text-shadow:0 0 8px var(--vault-help-rarity-glow)}.victory-vault-help-rarity{min-width:2.2rem;font-weight:950}.victory-vault-help-chance{min-width:2.25rem;text-align:right;font-variant-numeric:tabular-nums}.victory-vault-help-arrow{color:#cbd5e1a3}.victory-vault-help-reward{display:inline-flex;align-items:center;gap:.18rem;margin-left:auto}.victory-vault-help-reward .skin-token-icon{font-size:.78rem}@media(max-width:420px){.victory-vault-help-section ul{grid-template-columns:1fr}}.victory-vault-visual{display:flex;align-items:center;justify-content:center;height:clamp(18rem,48dvh,24rem);padding:0;border-radius:1.2rem;background:radial-gradient(circle at 50% 25%,rgba(251,191,36,.16),transparent 36%),linear-gradient(180deg,#0f172a85,#080d1266);border:1.5px solid rgba(251,191,36,.72);box-shadow:inset 0 0 0 1px #fef3c71f,0 0 20px #fbbf2414;overflow:hidden}.victory-vault-visual.is-phase-claiming{border-color:transparent;background:linear-gradient(#0f172ac2,#080d12a3) padding-box,conic-gradient(from 0deg,#f8fafc,#60a5fa,#d946ef,#ffc400,#ff3b5c,#00f0ff,#b967ff,#f8fafc) border-box;animation:vault-border-cycle .72s linear infinite;box-shadow:0 0 34px #60a5fa29,0 0 42px #d946ef1f,0 0 44px #fbbf2424}.victory-vault-visual.is-phase-gradeRevealed,.victory-vault-visual.is-phase-rewardRevealed{border-color:color-mix(in srgb,var(--vault-rarity-color) 84%,#fff 8%);box-shadow:inset 0 0 0 1px #fef3c71f,0 0 28px var(--vault-rarity-glow),0 0 54px color-mix(in srgb,var(--vault-rarity-color) 22%,transparent),0 0 68px var(--vault-rarity-secondary-glow, transparent)}.victory-vault-visual.is-help{padding:1.2rem}.victory-vault-safe-button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:inherit;cursor:pointer;overflow:hidden;transition:transform .12s ease,filter .18s ease}.victory-vault-safe-button:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 2px #fef3c799,inset 0 0 46px #fbbf2424,0 0 42px #fbbf2438;transition:opacity .18s ease}.victory-vault-safe-button.is-ready:before,.victory-vault-safe-button.is-phase-claiming:before,.victory-vault-safe-button.is-phase-gradeRevealed:before,.victory-vault-safe-button.is-phase-rewardRevealed:before{opacity:1}.victory-vault-safe-button.is-phase-claiming:before{box-shadow:inset 0 0 0 2px #fef3c7b8,inset 0 0 38px #fbbf2429,0 0 24px #60a5fa47,0 0 34px #d946ef33,0 0 46px #fbbf243d;animation:vault-edge-glow-cycle .72s linear infinite}.victory-vault-safe-button.is-phase-claiming{animation:vault-shake-breathe .72s ease-in-out infinite}.victory-vault-safe-button.is-phase-gradeRevealed{animation:vault-grade-pop .7s ease both}.victory-vault-safe-button:active{transform:scale(.965)}.victory-vault-safe-button:disabled{cursor:wait}.victory-vault-safe-button.is-opened-today:disabled{cursor:default}.victory-vault-safe{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03);-webkit-user-select:none;user-select:none;pointer-events:none}.victory-vault-safe-button.is-ready .victory-vault-safe{animation:vault-ready-pulse 1.55s ease-in-out infinite}.victory-vault-safe-button.is-phase-gradeRevealed .victory-vault-safe,.victory-vault-safe-button.is-phase-rewardRevealed .victory-vault-safe{filter:saturate(1.2) contrast(1.08) drop-shadow(0 0 26px var(--vault-rarity-glow))}.victory-vault-safe-button.is-opened-today .victory-vault-safe{filter:brightness(.34) saturate(.7) contrast(.95)}.victory-vault-particles{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:inherit;pointer-events:none}.victory-vault-particles span{position:absolute;left:50%;top:50%;width:.32rem;height:.32rem;border-radius:999px;background:#fef3c7;box-shadow:0 0 12px #fbbf24e6;animation:vault-particle-burst 1.1s ease-out infinite}.victory-vault-particles span:nth-child(1){--x: -15rem;--y: -7rem;animation-delay:0s}.victory-vault-particles span:nth-child(2){--x: -10rem;--y: 7rem;animation-delay:.08s}.victory-vault-particles span:nth-child(3){--x: -4rem;--y: -9rem;animation-delay:.14s}.victory-vault-particles span:nth-child(4){--x: 5rem;--y: 8rem;animation-delay:.2s}.victory-vault-particles span:nth-child(5){--x: 12rem;--y: -7rem;animation-delay:.26s}.victory-vault-particles span:nth-child(6){--x: 16rem;--y: 3rem;animation-delay:.32s}.victory-vault-particles span:nth-child(7){--x: -17rem;--y: 2rem;animation-delay:.38s}.victory-vault-particles span:nth-child(8){--x: 2rem;--y: -11rem;animation-delay:.44s}.victory-vault-particles span:nth-child(9){--x: 9rem;--y: -10rem;animation-delay:.5s}.victory-vault-particles span:nth-child(10){--x: -8rem;--y: -10rem;animation-delay:.56s}.victory-vault-particles span:nth-child(11){--x: 14rem;--y: 8rem;animation-delay:.62s}.victory-vault-particles span:nth-child(12){--x: -14rem;--y: 9rem;animation-delay:.68s}.victory-vault-particles span:nth-child(13){--x: 0rem;--y: 10rem;animation-delay:.74s}.victory-vault-particles span:nth-child(14){--x: 17rem;--y: -1rem;animation-delay:.8s}.victory-vault-particles span:nth-child(15){--x: -2rem;--y: 12rem;animation-delay:.86s}.victory-vault-particles span:nth-child(16){--x: -18rem;--y: -3rem;animation-delay:.92s}.victory-vault-safe-caption{position:absolute;left:50%;bottom:1.35rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 2rem);padding:.42rem .9rem;border:1px solid rgba(254,243,199,.38);border-radius:999px;background:#080d129e;color:#fef3c7;font-size:.86rem;font-weight:900;line-height:1.1;text-shadow:0 0 12px rgba(251,191,36,.36);transform:translate(-50%);pointer-events:none;white-space:nowrap}.victory-vault-opened-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fef3c7f2;font-size:clamp(7rem,24vw,13rem);font-weight:1000;line-height:1;text-shadow:0 0 22px rgba(251,191,36,.62),0 8px 24px rgba(0,0,0,.62);pointer-events:none}.victory-vault-gauge{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,7vw,4.4rem);padding:.45rem 0 .15rem}.victory-vault-gauge:before{content:"";position:absolute;left:18%;right:18%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.34),transparent);transform:translateY(-50%)}.victory-vault-gauge>span{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border-radius:999px;background:linear-gradient(#0f172afa,#0f172afa) padding-box,radial-gradient(circle,#0f172af5,#050a12f5);border:2px solid rgba(148,163,184,.24);color:transparent;font-size:1.55rem;font-weight:1000;box-shadow:inset 0 0 12px #0f172ab3,0 0 #fbbf2400;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.victory-vault-gauge>span.is-filled{background:linear-gradient(#251b0cfa,#251b0cfa) padding-box,radial-gradient(circle at 50% 48%,rgba(255,248,208,.34),transparent 42%),radial-gradient(circle,rgba(251,191,36,.26),rgba(251,191,36,.08) 64%,transparent 72%);border-color:#fef3c7f2;box-shadow:0 0 26px #fbbf24b8,0 0 54px #fbbf2452,inset 0 0 12px #fef3c72e}.victory-vault-gauge span span{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:transparent;font-size:0;line-height:0;transform:none}.victory-vault-gauge span span:before{content:"";position:absolute;left:50%;top:45%;width:.68rem;height:1.1rem;border-right:.24rem solid #fff8d0;border-bottom:.24rem solid #fff8d0;border-radius:.06rem;transform:translate(-50%,-50%) rotate(42deg);filter:drop-shadow(0 0 3px rgba(251,191,36,.72))}.victory-vault-result{display:grid;gap:.35rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--vault-rarity-color, #fbbf24) 44%,rgba(125,211,252,.2));border-radius:.9rem;background:radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--vault-rarity-color, #fbbf24) 18%,transparent),transparent 28%),#08142394;color:#e5eef8;font-size:.95rem;font-weight:800;animation:vault-reward-reveal .42s ease both;box-shadow:inset 0 0 18px #0f172a5c,0 0 18px color-mix(in srgb,var(--vault-rarity-color, #fbbf24) 18%,transparent)}.victory-vault-result>div{display:inline-flex;align-items:center;gap:.35rem;font-size:1.16rem}.victory-vault-result p{margin:0;color:#cbd5e1;font-size:.85rem;line-height:1.35}.victory-vault-actions{display:grid;gap:.7rem}.victory-vault-close-btn{position:relative;overflow:hidden;border-color:#60a5fa94!important;background:linear-gradient(180deg,#2563eb57,#0f2a53d1),#081423e6!important;color:#bfdbfe!important;box-shadow:inset 0 0 0 1px #93c5fd2e,0 0 20px #2563eb33}.victory-vault-close-btn:before,.victory-vault-close-btn:after{content:"✦";position:absolute;top:50%;color:#fef3c7c2;font-size:.82rem;transform:translateY(-50%);pointer-events:none;text-shadow:0 0 8px rgba(251,191,36,.5)}.victory-vault-close-btn:before{left:1.2rem}.victory-vault-close-btn:after{right:1.2rem}.victory-vault-close-btn:hover{border-color:#93c5fdd6!important;color:#dbeafe!important;box-shadow:inset 0 0 0 1px #93c5fd42,0 0 26px #3b82f64d}.victory-vault-close-btn:active,.skin-picker-modal .upgrade-modal-actions .lobby-btn.primary:active,.skin-detail-modal .upgrade-modal-actions .lobby-btn.primary:active,.patch-notes-modal .upgrade-modal-actions .lobby-btn.primary:active,.tutorial-list-modal .upgrade-modal-actions .lobby-btn.primary:active,.achievements-modal .upgrade-modal-actions .lobby-btn.primary:active,.match-history-modal .upgrade-modal-actions .lobby-btn.primary:active,.rune-modal .upgrade-modal-actions .lobby-btn.primary:active,.settings-modal .upgrade-modal-actions .lobby-btn.primary:active,.audio-settings-modal .upgrade-modal-actions .lobby-btn.primary:active,.controls-settings-modal .upgrade-modal-actions .lobby-btn.primary:active,.ability-loadout-modal .upgrade-modal-actions .lobby-btn.primary:active,.ability-loadout-modal .upgrade-modal-actions .lobby-btn:not(.primary):active,.friend-modal>.lobby-btn.secondary:active,.ranked-info-close-btn:active{transform:translateY(1px) scale(.99);border-color:#bfdbfefa!important;color:#f8fbff!important;filter:brightness(1.13) saturate(1.14);box-shadow:0 7px 16px #00000057,0 0 0 1px #bae6fd6b,0 0 34px #38bdf87a,0 0 36px #d8b4fe57,inset 0 0 24px #7dd3fc29,inset 0 1px #ffffff24!important;transition-duration:var(--lobby-motion-press);transition-timing-function:var(--lobby-ease-out)}.skin-picker-modal .upgrade-modal-actions .lobby-btn.primary{position:relative;overflow:hidden;border:1px solid rgba(168,85,247,.72)!important;background:linear-gradient(90deg,#2563eb57,#581c87a3),#081423eb!important;color:#f8fbff!important;box-shadow:inset 0 0 0 1px #93c5fd2e,0 0 22px #3b82f642,0 0 24px #a855f72e}.skin-picker-modal .upgrade-modal-actions .lobby-btn.primary:before,.skin-picker-modal .upgrade-modal-actions .lobby-btn.primary:after{content:"◂";position:absolute;top:50%;color:#93c5fd9e;font-size:1rem;letter-spacing:-.18rem;transform:translateY(-50%);pointer-events:none;text-shadow:0 0 8px rgba(59,130,246,.7),0 0 8px rgba(168,85,247,.36)}.skin-picker-modal .upgrade-modal-actions .lobby-btn.primary:before{left:1.15rem;content:"▸▸"}.skin-picker-modal .upgrade-modal-actions .lobby-btn.primary:after{right:1.15rem;content:"◂◂"}.skin-picker-modal .upgrade-modal-actions .lobby-btn.primary:hover{border-color:#d8b4fee6!important;box-shadow:inset 0 0 0 1px #93c5fd42,0 0 26px #3b82f652,0 0 30px #a855f747}.victory-vault-open-btn:disabled{cursor:default;opacity:.46;filter:grayscale(.2)}@keyframes vault-ready-pulse{0%,to{filter:saturate(1.05) contrast(1.03) drop-shadow(0 0 18px rgba(251,191,36,.16))}50%{filter:saturate(1.12) contrast(1.05) drop-shadow(0 0 34px rgba(251,191,36,.34))}}@keyframes vault-border-cycle{0%{box-shadow:0 0 22px #f8fafc38,0 0 34px #60a5fa29,0 0 42px #fbbf241f}50%{box-shadow:0 0 24px #d946ef2e,0 0 38px #60a5fa33,0 0 52px #fbbf242e}to{box-shadow:0 0 22px #f8fafc38,0 0 34px #60a5fa29,0 0 42px #fbbf241f}}@keyframes vault-edge-glow-cycle{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes vault-shake-breathe{0%,to{transform:scale(1) translateZ(0)}25%{transform:scale(1.012) translate3d(-1px,0,0)}50%{transform:scale(1.022) translate3d(1px,-1px,0)}75%{transform:scale(1.012) translate3d(0,1px,0)}}@keyframes vault-grade-pop{0%{transform:scale(.985)}46%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes vault-particle-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.1)}}@keyframes vault-reward-reveal{0%{opacity:0;transform:translateY(.35rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.skin-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.skin-modal-head h3{margin:0}.skin-modal .skin-collection-summary{margin:.85rem 0 0;color:#a855f7!important;font-weight:800;font-size:1rem}.skin-token-badge{display:inline-flex;align-items:center;justify-content:space-between;gap:.7rem;flex-shrink:0;min-width:7.4rem;padding:.45rem .55rem .45rem .7rem;border-radius:999px;border:1px solid rgba(59,130,246,.22);background:#3b82f614;color:#dbeafe;font-size:.82rem;font-weight:800}.skin-token-badge-main{display:inline-flex;align-items:center;justify-content:flex-start;gap:.45rem;min-width:0;flex:1}.skin-token-icon{font-size:.9rem}.skin-token-plus{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;margin-left:.1rem;border:1px solid rgba(147,197,253,.36);border-radius:999px;background:#2563eb2e;color:#eff6ff;font-size:.95rem;font-weight:900;line-height:1;cursor:pointer;padding:0 0 .28rem;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.skin-token-plus:hover{background:#3b82f647;border-color:#bfdbfe8c;box-shadow:0 0 16px #3b82f63d;transform:translateY(-1px)}.token-shop-modal{width:min(100%,42rem);max-height:min(48rem,85dvh);overflow-y:auto;border:1.5px solid rgba(96,165,250,.72);background:radial-gradient(circle at 94% 0%,rgba(34,211,238,.18),transparent 30%),radial-gradient(circle at 0% 0%,rgba(96,165,250,.18),transparent 32%),linear-gradient(180deg,#0f172afa,#09121ffa);box-shadow:0 24px 60px #00000094,0 0 0 1px #dbeafe14,0 0 28px #38bdf83d,0 0 26px #60a5fa2e,inset 0 0 30px #60a5fa0f}.token-shop-head{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;column-gap:.75rem;position:relative;padding-bottom:.52rem}.token-shop-head:after{content:"";position:absolute;left:0;bottom:0;width:min(13rem,52%);height:1px;background:linear-gradient(90deg,rgba(125,211,252,.9),rgba(96,165,250,.62),transparent);box-shadow:0 0 12px #38bdf852,0 0 14px #60a5fa33}.token-shop-head>div:first-child{min-width:0}.token-shop-head h3{color:#f8fbff;font-size:clamp(1.5rem,4.9vw,2.1rem);font-weight:1000;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.34),0 0 18px rgba(56,189,248,.34),0 0 20px rgba(96,165,250,.18)}.token-shop-desc{margin-top:.35rem;color:#aebbd0;font-size:clamp(.82rem,2.5vw,.94rem);font-weight:650;line-height:1.48}.token-shop-modal .skin-token-badge{justify-self:end;align-self:start;max-width:100%;border-color:#38bdf875;background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.2),transparent 52%),linear-gradient(180deg,#142744e6,#081423e6);color:#e0f2fe;box-shadow:inset 0 0 0 1px #93c5fd1f,0 0 18px #38bdf829}.token-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.2rem}.token-pack-card{position:relative;display:flex;flex-direction:column;gap:.75rem;min-height:15.25rem;padding:1rem;border-radius:1.1rem;border:2px solid rgba(125,211,252,.34);background:radial-gradient(circle at 92% 0%,rgba(56,189,248,.14),transparent 42%),linear-gradient(180deg,#0f172af0,#080d18f5);box-shadow:inset 0 1px #ffffff08,inset 0 0 0 1px #93c5fd0d,0 14px 32px #00000047,0 0 18px #38bdf80f;contain:layout paint style;overflow:hidden}.token-pack-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 45%,transparent 58%);opacity:0;transform:translate(-65%);transition:opacity .18s ease,transform .36s ease;pointer-events:none}.token-pack-card:hover:before{opacity:1;transform:translate(65%)}.token-pack-card:hover{border-color:#7dd3fcad;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #93c5fd14,0 18px 36px #00000057,0 0 22px #38bdf824}.token-pack-starter{border-color:#7dd3fc66}.token-pack-small{border-color:#60a5fa6b}.token-pack-medium{border-color:#818cf870}.token-pack-large{border-color:#c084fc7a}.token-pack-whale{border-color:#fbbf249e;background:radial-gradient(circle at 92% 0%,rgba(251,191,36,.17),transparent 46%),linear-gradient(180deg,#141826f5,#0a101afa),radial-gradient(circle at 0% 0%,rgba(251,191,36,.14),transparent 46%);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #fef3c712,0 14px 32px #00000047,0 0 20px #fbbf2414}.token-pack-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.token-pack-name{color:#f8fbff;font-size:clamp(.98rem,3vw,1.12rem);font-weight:950;letter-spacing:0;text-shadow:0 0 12px rgba(96,165,250,.18)}.token-pack-price{flex-shrink:0;color:#7dd3fc;font-size:clamp(.82rem,2.5vw,.94rem);font-weight:950;text-shadow:0 0 10px rgba(56,189,248,.22)}.token-pack-amount{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.45rem .7rem;border-radius:999px;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.2),transparent 56%),#081423bd;border:1px solid rgba(56,189,248,.3);color:#e0f2fe;box-shadow:inset 0 0 0 1px #93c5fd14,0 0 16px #38bdf81a}.token-pack-amount strong{font-size:clamp(1.18rem,3.4vw,1.36rem);font-weight:1000;line-height:1}.token-pack-gem{font-size:1.04rem;filter:drop-shadow(0 0 6px rgba(56,189,248,.32))}.token-pack-blurb,.token-pack-benefit{margin:0;font-size:clamp(.8rem,2.4vw,.9rem);line-height:1.45}.token-pack-blurb{color:#cbd5e1;font-weight:620}.token-pack-benefit{color:#93c5fd;font-weight:700}.token-shop-modal .token-pack-btn.lobby-btn.primary{margin-top:auto;min-height:3.25rem;border:2px solid rgba(103,232,249,.86);background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.28),transparent 38%),radial-gradient(circle at 82% 100%,rgba(216,180,254,.28),transparent 46%),linear-gradient(100deg,#0f766e,#0891b2 46%,#7c3aed);color:#ecfeff;font-size:.98rem;font-weight:1000;letter-spacing:0;text-shadow:0 1px 0 rgba(0,0,0,.34),0 0 10px rgba(236,254,255,.18);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ecfeff24,0 0 20px #2dd4bf38,0 0 24px #7c3aed29,0 10px 24px #02061742}.token-shop-modal .token-pack-btn.lobby-btn.primary:hover,.token-shop-modal .token-pack-btn.lobby-btn.primary:focus-visible{border-color:#f0fdfafa;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.34),transparent 38%),radial-gradient(circle at 82% 100%,rgba(233,213,255,.32),transparent 46%),linear-gradient(100deg,#0d9488,#06b6d4 46%,#8b5cf6);box-shadow:inset 0 1px #ffffff42,inset 0 0 0 1px #ecfeff2e,0 0 28px #2dd4bf52,0 0 30px #8b5cf638,0 12px 28px #0206174d}.token-shop-modal .upgrade-modal-actions .lobby-btn.secondary{border-color:#60a5fa8f;background:linear-gradient(90deg,#1d4ed85c,#581c876b),#081423db;color:#dbeafe;font-size:.98rem;font-weight:950;box-shadow:inset 0 0 0 1px #93c5fd1a,0 0 20px #3b82f629}.token-shop-modal .upgrade-modal-actions .lobby-btn.secondary:hover,.token-shop-modal .upgrade-modal-actions .lobby-btn.secondary:focus-visible{border-color:#d8b4fec2;background:linear-gradient(90deg,#2563eb70,#7e22ce80),#081423eb;box-shadow:inset 0 0 0 1px #93c5fd24,0 0 26px #a855f738}.skin-option-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.2rem}.skin-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;gap:.68rem;margin-top:.5rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;align-content:start;padding-right:.1rem;scrollbar-width:none;-ms-overflow-style:none;contain:layout paint style}.skin-option-grid::-webkit-scrollbar{display:none}.skin-picker-tabs{display:flex;gap:.38rem;margin-top:.65rem;padding:.3rem;border-radius:1rem;background:#060e1ca3}.skin-picker-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.8rem;border:1px solid transparent;border-radius:.76rem;background:#1e293bb3;color:#94a3b8;font-weight:900;transition:all .15s ease}.skin-picker-tab:hover{border-color:#7dd3fc61;color:#e0f2fe;transform:translateY(-1px)}.skin-picker-tab:active{transform:translateY(1px) scale(.99)}.skin-picker-tab.is-active{background:linear-gradient(105deg,#0e7490,#6d28d9);color:#ecfeff;box-shadow:inset 0 1px #fff3,0 0 18px #38bdf833}.skin-option-card{display:flex;align-items:center;gap:.85rem;width:100%;padding:.85rem .95rem;border:1px solid rgba(154,164,174,.18);border-radius:.95rem;background:#2a3137c7;color:var(--text, #f0f4f8);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.skin-option-card:hover{border-color:#60a5fa7a;background:#3b82f614;transform:translateY(-1px)}.skin-option-card.is-selected{border-color:#4ade80db;background:#22c55e1f;box-shadow:0 0 0 1px #4ade803d}.ability-loadout-modal .skin-option-card.is-selected{border:2.5px solid #4ade80;background:#22c55e1f;box-shadow:0 0 0 1px #4ade804d}.ability-loadout-modal .skin-option-card{align-items:center;min-height:6.5rem;contain:layout paint style}.ability-loadout-modal .skin-option-list{overflow-x:hidden}.ability-loadout-modal .skin-option-list .skin-option-card{display:grid;grid-template-columns:3.25rem minmax(0,1fr) minmax(5.75rem,auto);align-items:center;gap:.85rem;height:auto;min-height:6.5rem}.ability-loadout-modal .skin-option-list .skin-preview,.ability-loadout-modal .skin-option-list .skin-option-copy,.ability-loadout-modal .skin-option-list .ability-skill-meta{min-width:0}.lobby-ability-loadout-backdrop{animation:none}.lobby-ability-loadout-backdrop.is-prewarmed-hidden{opacity:0;visibility:hidden}.lobby-ability-loadout-backdrop:not(.is-prewarmed-hidden),.lobby-ability-loadout-backdrop.is-entering,.lobby-ability-loadout-backdrop.is-exiting{visibility:visible}.lobby-ability-loadout-backdrop.is-preparing-open{opacity:1;visibility:visible;pointer-events:none;background:#030712a3}.lobby-ability-loadout-backdrop.is-preparing-open>.upgrade-modal{opacity:.001;transform:translateZ(0) scale(1);will-change:transform,opacity}.lobby-ability-loadout-backdrop.is-prewarmed-hidden>.upgrade-modal{transform:translateZ(0) scale(1);transition:none;will-change:auto}.lobby-prewarm-modal.is-prewarmed-hidden.is-preparing-open>.upgrade-modal,.lobby-prewarm-modal.is-prewarmed-hidden.is-preparing-open>.mode-picker-popup,.lobby-prewarm-modal.is-prewarmed-hidden.is-preparing-open>.ranked-info-modal,.skin-picker-backdrop.is-prewarmed-hidden.is-preparing-open .skin-picker-modal,.lobby-ability-loadout-backdrop.is-prewarmed-hidden.is-preparing-open>.upgrade-modal{transform:translateZ(0) scale(1);will-change:transform,opacity}.lobby-ability-loadout-backdrop:is(.is-entering,.is-exiting)>.upgrade-modal{will-change:transform,opacity}.lobby-ability-loadout-backdrop.is-entering>.upgrade-modal{animation:lobby-modal-pop-in var(--lobby-motion-modal-enter) var(--lobby-ease-out) both}.lobby-ability-loadout-backdrop.is-exiting{opacity:.001}.lobby-ability-loadout-backdrop.is-exiting>.upgrade-modal{animation:lobby-modal-pop-out var(--lobby-motion-modal-exit) var(--lobby-ease-in) both}.lobby-prewarm-modal.is-content-ready .ability-skill-grid-card{animation:ability-skill-card-in .16s ease-out backwards;animation-delay:calc(var(--ability-card-index, 0) * 10ms)}.skin-option-card.is-locked{cursor:not-allowed;opacity:.72}.ability-skill-grid-card.is-locked{--ability-card-opacity: .72}.skin-option-card.is-locked:hover{border-color:#9aa4ae2e;background:#2a3137c7;transform:none}.skin-picker-card{--skin-picker-press-color: #7dd3fc;position:relative;flex-direction:column;align-items:center;justify-content:flex-start;gap:.52rem;min-height:0;height:auto;padding:.78rem .5rem .62rem;contain:layout paint style;content-visibility:auto;contain-intrinsic-size:7.25rem 7.25rem;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transform-origin:center}.skin-picker-backdrop.is-entering .skin-picker-card,.skin-picker-backdrop.is-exiting .skin-picker-card{content-visibility:visible}.skin-picker-card.skin-tier-common{border-color:#7dd3fcb8;box-shadow:inset 0 0 0 1px #7dd3fc14,0 0 15px #7dd3fc1c}.skin-picker-card.skin-tier-rare{--skin-picker-press-color: #c084fc;border-color:#c084fcc2;box-shadow:inset 0 0 0 1px #c084fc14,0 0 15px #c084fc1f}.skin-picker-card.skin-tier-legendary{--skin-picker-press-color: #fbbf24;border-color:#fbbf24c7;box-shadow:inset 0 0 0 1px #fef3c71a,0 0 17px #fbbf2424}.skin-picker-card.skin-tier-common:hover,.skin-picker-card.skin-tier-common.is-selected{border-color:#7dd3fcfa;background:radial-gradient(circle at 50% 0%,rgba(125,211,252,.16),transparent 52%),#3b82f614;box-shadow:0 0 0 1px #7dd3fc38,0 0 22px #7dd3fc38}.skin-picker-card.is-selected{border-width:2.5px}.skin-picker-card.is-selected:after{content:"";position:absolute;inset:3px;z-index:0;border-radius:calc(.95rem - 3px);border:1px solid rgba(187,247,208,.5);pointer-events:none}.skin-picker-card.skin-tier-rare:hover,.skin-picker-card.skin-tier-rare.is-selected{border-color:#d8b4fefa;background:radial-gradient(circle at 50% 0%,rgba(192,132,252,.18),transparent 52%),#581c871f;box-shadow:0 0 0 1px #c084fc3d,0 0 22px #c084fc3d}.skin-picker-card.skin-tier-legendary:hover,.skin-picker-card.skin-tier-legendary.is-selected{border-color:#fef3c7fa;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.18),transparent 52%),#78350f1a;box-shadow:0 0 0 1px #fbbf2440,0 0 24px #fbbf2442}.skin-picker-card.skin-id-classic,.skin-picker-card.skin-id-ember,.skin-picker-card.skin-id-nova,.skin-picker-card.skin-id-aurora,.skin-picker-card.skin-id-void{--skin-picker-press-color: #ffffff;border-color:#ffffffbd;box-shadow:inset 0 0 0 1px #ffffff14,0 0 15px #ffffff1a}.skin-picker-card.skin-id-classic:hover,.skin-picker-card.skin-id-classic.is-selected,.skin-picker-card.skin-id-ember:hover,.skin-picker-card.skin-id-ember.is-selected,.skin-picker-card.skin-id-nova:hover,.skin-picker-card.skin-id-nova.is-selected,.skin-picker-card.skin-id-aurora:hover,.skin-picker-card.skin-id-aurora.is-selected,.skin-picker-card.skin-id-void:hover,.skin-picker-card.skin-id-void.is-selected{border-color:#fffffffa;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.13),transparent 52%),#3b82f60f;box-shadow:0 0 0 1px #ffffff38,0 0 22px #ffffff2e}.skin-picker-card.skin-tier-common.is-selected,.skin-picker-card.skin-tier-rare.is-selected,.skin-picker-card.skin-tier-legendary.is-selected,.skin-picker-card.skin-id-classic.is-selected,.skin-picker-card.skin-id-ember.is-selected,.skin-picker-card.skin-id-nova.is-selected,.skin-picker-card.skin-id-aurora.is-selected,.skin-picker-card.skin-id-void.is-selected{--skin-picker-press-color: #4ade80;border-color:#4ade80fa;background:radial-gradient(circle at 50% 0%,rgba(74,222,128,.18),transparent 52%),#16653424;box-shadow:0 0 0 1px #4ade8047,0 0 24px #22c55e42}.skin-picker-modal .skin-picker-card:not(:disabled):active{transform:translateY(1px) scale(.96);border-color:color-mix(in srgb,var(--skin-picker-press-color),white 16%);filter:brightness(1.12) saturate(1.14);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--skin-picker-press-color),transparent 38%),inset 0 0 22px color-mix(in srgb,var(--skin-picker-press-color),transparent 78%),0 0 18px color-mix(in srgb,var(--skin-picker-press-color),transparent 30%),0 0 30px color-mix(in srgb,var(--skin-picker-press-color),transparent 66%);transition-duration:60ms;transition-timing-function:ease-out}.skin-preview{z-index:1;flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:999px;border:2px solid rgba(255,255,255,.22);box-shadow:0 0 18px #0000003d;position:relative;overflow:hidden;transform:scale(1.38);transform-origin:center}.skin-picker-preview{width:2.25rem;height:2.25rem;transform:scale(1.62);margin-top:.2rem}.skin-preview-loading-art{position:absolute;inset:0;z-index:3;display:block;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 42% 36%,rgba(255,255,255,.42) 0 7%,transparent 18%),radial-gradient(circle,#94a3b85c 0 24%,#1e293be6 52%,#020617f5);box-shadow:inset 0 0 10px #ffffff14,0 0 10px #64748b3d}.skin-preview-loading-art.is-cosmic{background:radial-gradient(circle at 50% 50%,#eef4ff 0 6%,transparent 18%),radial-gradient(circle at 32% 30%,#93c5fd 0 3%,transparent 7%),radial-gradient(circle at 70% 66%,#c4b5fd 0 3%,transparent 8%),radial-gradient(circle,#1a1d3e,#0c1124 54%,#060914);box-shadow:inset 0 0 10px #93c5fd33,0 0 12px #818cf873}.skin-preview-loading-art.is-electric_core{inset:8%;border:2px solid rgba(255,0,204,.88);background:radial-gradient(circle,#ff8be8 0 10%,#ff00cc 11% 20%,transparent 22%),radial-gradient(circle,#252535 0 43%,#0b1220 45% 100%);box-shadow:0 0 10px #ff00cc85,inset 0 0 8px #ff00cc4d}.skin-preview-loading-art.is-moonlight_seed{background:radial-gradient(ellipse at 46% 42%,#ecfff2 0 7%,#80ffaa 9% 15%,#2daa55 18% 25%,transparent 28%),radial-gradient(circle,rgba(95,255,125,.42) 0 25%,transparent 55%),radial-gradient(circle,#071508,#040d05 58%,#020704);box-shadow:inset 0 0 10px #3cdc5a38,0 0 12px #2dc3507a}.skin-preview-loading-art.is-frost_heart{inset:-10%;background:linear-gradient(0deg,transparent 46%,rgba(224,249,255,.9) 48% 52%,transparent 54%),linear-gradient(60deg,transparent 46%,rgba(165,243,252,.82) 48% 52%,transparent 54%),linear-gradient(-60deg,transparent 46%,rgba(165,243,252,.82) 48% 52%,transparent 54%),radial-gradient(circle,#f0fdff 0 8%,#22d3ee 12% 20%,#062136 34%,#000a14 70%);box-shadow:0 0 12px #67e8f994,inset 0 0 10px #a5f3fc38}.skin-picker-preview.is-preview-suspended,.skin-picker-preview.is-preview-suspended:before,.skin-picker-preview.is-preview-suspended:after,.skin-picker-preview.is-preview-suspended *,.skin-picker-preview.is-preview-suspended canvas{animation-play-state:paused!important}.skin-picker-backdrop.is-prewarmed-hidden .skin-picker-preview,.skin-picker-backdrop.is-prewarmed-hidden .skin-picker-preview:before,.skin-picker-backdrop.is-prewarmed-hidden .skin-picker-preview:after,.skin-picker-backdrop.is-prewarmed-hidden .skin-picker-preview *,.skin-picker-backdrop.is-prewarmed-hidden .skin-picker-preview canvas{animation-play-state:paused!important}.skin-preview.skin-preview-atomic,.skin-preview.skin-preview-frost_heart{overflow:visible}.skin-preview.skin-preview-berserker{overflow:visible;border-color:#8c0000cc}.skin-preview.skin-preview-arc_reactor,.skin-preview.skin-preview-wizard,.skin-preview.skin-preview-chronos,.skin-preview.skin-preview-plasma,.skin-preview.skin-preview-gold_core,.skin-preview.skin-preview-neon_pulse,.skin-preview.skin-preview-inferno,.skin-preview.skin-preview-quantum{overflow:visible}.board-skin-preview{width:3.25rem;height:3.25rem;border-radius:.85rem;border:1px solid rgba(120,136,153,.6);box-shadow:inset 0 1px #ffffff0a,0 10px 20px #00000038;transform:none}.skin-picker-card .board-skin-preview{width:3.8rem;height:3.8rem}.board-skin-preview-classic{background:linear-gradient(rgba(86,103,120,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(86,103,120,.38) 1px,transparent 1px),linear-gradient(180deg,#3b434b,#31383f);background-size:20% 20%,20% 20%,100% 100%;background-position:0 0,0 0,0 0}.board-skin-preview-blue_gray{background:linear-gradient(rgba(112,137,161,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(112,137,161,.38) 1px,transparent 1px),linear-gradient(180deg,#40505f,#34424f);background-size:20% 20%,20% 20%,100% 100%;background-position:0 0,0 0,0 0}.board-skin-preview-magic{border-color:#ff9c6fb8;background:linear-gradient(#a36dff1f,#a36dff1f),url(/board/magic_board_skin.svg) center / cover no-repeat,linear-gradient(180deg,#2d2144,#181629);box-shadow:inset 0 1px #ecd1ff1f,0 10px 20px #00000038,0 0 0 1px #ff9c6f1f}.board-skin-preview-magic-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:0;padding:0;overflow:hidden;background:#171526;border-color:#ff9c6fb8}.board-skin-preview-magic-cell{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.skin-preview-classic{background:radial-gradient(circle at 35% 35%,#ff8b8b,#ef4444 70%);box-shadow:0 0 0 2px #22c55ed9,0 0 18px #ef444473}.skin-preview-ember{background:radial-gradient(circle at 35% 35%,#ffd59d,#f97316 72%);box-shadow:0 0 0 2px #fbbf24e6,0 0 18px #f973167a}.skin-preview-nova{background:radial-gradient(circle at 35% 35%,#d2f7ff,#22d3ee 72%);box-shadow:0 0 0 2px #60a5fae6,0 0 18px #22d3ee73}.skin-preview-aurora{background:radial-gradient(circle at 35% 35%,#f6ffb0,#84cc16 72%);box-shadow:0 0 0 2px #facc15e0,0 0 18px #84cc1673}.skin-preview-void{background:radial-gradient(circle at 35% 35%,#d8b4fe,#7c3aed 72%);box-shadow:0 0 0 2px #a855f7e6,0 0 18px #7c3aed73}.skin-option-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;text-align:left;flex:1}.skin-option-copy strong{font-size:.9rem}.skin-picker-copy{position:relative;z-index:3;align-items:center;justify-content:flex-start;gap:.16rem;text-align:center;width:100%;min-width:0;flex:0 0 auto}.skin-picker-copy strong{font-size:.82rem;line-height:1.2;word-break:keep-all}.lobby-mini-btn[data-loadout-guide],.lobby-bottom-action[data-lobby-guide],.lobby-arena-showcase[data-lobby-guide]{position:relative;overflow:visible;border-color:#4ade80;animation:loadout-guide-glow 1.8s ease-in-out infinite}.loadout-onboarding-hint{position:absolute;right:0;bottom:calc(100% + 14px);width:min(260px,65vw);padding:12px 14px;border:1px solid #4ade80;border-radius:14px;background:#101e2e;color:#f0fdf4;text-align:left;font-size:.85rem;line-height:1.5;z-index:20;pointer-events:none;white-space:normal}.loadout-onboarding-hint strong,.loadout-onboarding-hint>span{display:block}.loadout-onboarding-hint>span{color:#b7cbd8;font-weight:400;margin-top:4px}.lobby-modal-active .loadout-onboarding-hint{visibility:hidden}.lobby-arena-showcase[data-lobby-guide]{overflow:hidden}.lobby-skin-guide-hint{left:0;right:auto}.lobby-skin-guide-hint:after{left:24px;right:auto}.lobby-roadmap-hint{inset:12px auto auto 50%;transform:translate(-50%)}.loadout-onboarding-hint:after{content:"";position:absolute;right:24px;bottom:-7px;width:12px;height:12px;background:#101e2e;border-right:1px solid #4ade80;border-bottom:1px solid #4ade80;transform:rotate(45deg)}@keyframes loadout-guide-glow{0%,to{box-shadow:0 0 6px #4ade8055}50%{box-shadow:0 0 18px #4ade8099}}@media(prefers-reduced-motion:reduce){.lobby-mini-btn[data-loadout-guide],.lobby-bottom-action[data-lobby-guide],.lobby-arena-showcase[data-lobby-guide]{animation:none;box-shadow:0 0 8px #4ade8066}}.skin-name-tier-common,.lobby-screen .lobby-equipped-panel strong.skin-name-tier-common,.audio-ability-gain-row .audio-slider-name .skin-name-tier-common{color:#7dd3fc}.skin-name-tier-rare,.lobby-screen .lobby-equipped-panel strong.skin-name-tier-rare,.audio-ability-gain-row .audio-slider-name .skin-name-tier-rare{color:#c084fc}.skin-name-tier-legendary,.lobby-screen .lobby-equipped-panel strong.skin-name-tier-legendary,.audio-ability-gain-row .audio-slider-name .skin-name-tier-legendary{background:linear-gradient(90deg,gold,#fff3b0,gold);-webkit-background-clip:text;background-clip:text;color:transparent}.ability-rotation-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:.65em;font-weight:600;background:linear-gradient(90deg,#b8860b,gold,#b8860b);color:#1a1a1a!important;vertical-align:middle;letter-spacing:.02em}.skin-option-copy span{font-size:.8rem;color:var(--text-muted, #9aa4ae)}.skin-unlock-meta{color:var(--text-muted, #9aa4ae)}.skin-picker-unlock-meta{display:block;color:#93c5fd!important;font-size:.72rem!important;font-weight:700;line-height:1.15;word-break:keep-all;white-space:nowrap}.skin-arena-req{color:#fbbf24!important}.skin-option-card.is-arena-locked{opacity:.78}.skin-arena-requirement{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:#fbbf24;background:#fbbf2414;border:1px solid rgba(251,191,36,.22);border-radius:.5rem;padding:.4rem .75rem}.skin-arena-req-icon{font-size:.9rem}.skin-requirement-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:.18rem;font-size:.78em;line-height:1;vertical-align:baseline}@media(max-width:640px){.upgrade-modal-backdrop{align-items:center;padding:.85rem}.audio-modal-backdrop{align-items:center}.skin-modal{width:min(100%,24rem);max-height:92dvh;padding:1rem;gap:.75rem;border-radius:1rem}.skin-option-list,.skin-option-grid{gap:.6rem}.audio-settings-row,.audio-ability-gain-list{grid-template-columns:1fr}.skin-token-badge{min-width:6.8rem;padding:.4rem .48rem .4rem .62rem;font-size:.76rem}.skin-token-plus{width:1.35rem;height:1.35rem;font-size:.88rem}.skin-option-card{gap:.7rem;padding:.72rem .8rem}.skin-picker-card{min-height:0;height:auto;gap:.46rem;padding:.72rem .34rem .56rem}.token-shop-modal{width:min(100%,25rem);max-height:92dvh;padding:1rem}.token-shop-head{grid-template-columns:minmax(0,1fr) max-content;align-items:start;column-gap:.62rem}.token-shop-modal .skin-token-badge{width:auto;min-width:6.35rem}.token-pack-grid{grid-template-columns:1fr}.achievements-modal{width:min(100%,25rem);max-height:92dvh;padding:1rem}.achievements-head{flex-direction:column}.achievements-claim-all-btn{width:100%;min-width:0}.achievement-card{flex-direction:column;align-items:stretch}.achievement-claim-btn{width:100%;min-width:0}.token-pack-card{min-height:14rem;padding:.9rem}.token-pack-name{font-size:.94rem}.token-pack-price{font-size:.86rem}.token-pack-amount strong{font-size:1.08rem}.skin-preview{width:1.35rem;height:1.35rem}.skin-picker-preview{width:1.95rem;height:1.95rem;transform:scale(1.5)}.skin-picker-card .board-skin-preview{width:3.35rem;height:3.35rem}.skin-option-copy strong,.skin-picker-copy strong{font-size:.76rem}.skin-option-copy span,.skin-picker-unlock-meta{font-size:.68rem}.ability-loadout-modal .skin-option-card{align-items:center;gap:.7rem;min-height:0}.ability-loadout-modal .skin-option-list .skin-option-card{grid-template-columns:2.8rem minmax(0,1fr) minmax(4.9rem,auto);gap:.62rem;min-height:5.95rem;padding:.72rem .68rem}.ability-loadout-modal .skin-option-list .skin-preview{width:1.45rem;height:1.45rem;justify-self:center}.ability-loadout-modal .skin-option-list .skin-option-copy{min-width:0}.ability-loadout-modal .skin-option-list .skin-option-copy strong{font-size:clamp(.78rem,2.5vw,.94rem);line-height:1.15}.ability-loadout-modal .skin-option-list .skin-option-copy>span{font-size:clamp(.68rem,2.1vw,.82rem);line-height:1.35}.ability-skill-meta{flex:0 0 auto;width:min(5.7rem,100%);gap:.4rem}.ability-skill-info-pill{min-height:1.65rem;padding:.24rem .42rem;border-radius:.65rem;font-size:.72rem;gap:.22rem}.ability-skill-info-icon{font-size:.82rem}.settings-row{align-items:flex-start;flex-direction:column;gap:.45rem}.settings-id-group{width:100%;justify-content:space-between}}.lobby-bottom-panel{box-sizing:border-box;position:fixed;left:50%;bottom:0;z-index:80;width:var(--lobby-action-width);max-width:calc(100vw - (var(--lobby-action-inset) * 2));display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:.9rem;margin:0;padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom));background:transparent;transform:translate(-50%)}.lobby-bottom-actions{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.lobby-bottom-action{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:.24rem;min-height:5.95rem;padding:.52rem .42rem .48rem;border:1px solid rgba(96,165,250,.48);border-radius:.95rem;background:radial-gradient(circle at 50% 8%,rgba(168,85,247,.12),transparent 46%),linear-gradient(180deg,#2a374ce6,#0f172afa);color:var(--text, #f0f4f8);box-shadow:0 10px 20px #00000047,0 0 18px #60a5fa1f,inset 0 1px #ffffff0a;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease}.lobby-bottom-action:hover{border-color:#d8b4fead;background:radial-gradient(circle at 50% 8%,rgba(168,85,247,.18),transparent 46%),linear-gradient(180deg,#354560f0,#141e30fa);box-shadow:0 10px 20px #00000047,0 0 24px #60a5fa2e,0 0 22px #a855f71f,inset 0 1px #ffffff0f}.lobby-bottom-action:active{transform:scale(.98)}.lobby-bottom-action.is-active{border-color:#7dd3fcbd;box-shadow:0 12px 24px #0000004d,0 0 0 1px #60a5fa2e,0 0 26px #60a5fa38}@media(hover:none),(pointer:coarse){.lobby-bottom-action:hover{border-color:#60a5fa7a;background:radial-gradient(circle at 50% 8%,rgba(168,85,247,.12),transparent 46%),linear-gradient(180deg,#2a374ce6,#0f172afa);box-shadow:0 10px 20px #00000047,0 0 18px #60a5fa1f,inset 0 1px #ffffff0a}.lobby-bottom-action.is-active,.lobby-bottom-action.is-active:hover{border-color:#7dd3fcbd;box-shadow:0 12px 24px #0000004d,0 0 0 1px #60a5fa2e,0 0 26px #60a5fa38}}.lobby-bottom-action-label{display:block;text-align:center;font-size:.69rem;font-weight:800;letter-spacing:.04em;line-height:1.05}.lobby-bottom-action-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:clamp(2.7rem,8vw,3.35rem);height:clamp(2.7rem,8vw,3.35rem)}.lobby-bottom-action-icon{display:block;width:100%;height:100%;object-fit:contain;opacity:.96;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}.lobby-bottom-action .lobby-new-badge{position:absolute;top:-.35rem;right:-.2rem}.lobby-patch-notes-link{gap:.5rem}.lobby-new-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.14rem .44rem;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f59e0b);color:#fff7ed;font-size:.68rem;font-weight:800;letter-spacing:.05em}@media(max-width:480px){.mode-control-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.lobby-mode-action,.mode-start-btn,.mode-action-side{min-height:5.45rem}.lobby-btn.mode-start-btn{font-size:1.18rem}.mode-action-side .lobby-mini-btn{min-height:2.25rem;padding-inline:.32rem;font-size:.68rem}.lobby-mode-action .lobby-bottom-action-label{font-size:.6rem}.lobby-bottom-actions{gap:.6rem}.lobby-bottom-action{min-height:5.45rem;padding:.48rem .28rem .42rem}.lobby-bottom-action-label{font-size:.63rem}}.achievements-modal{width:min(100%,40rem);max-height:min(48rem,85dvh);overflow:hidden;contain:layout paint style;isolation:isolate}.achievements-head{align-items:flex-start;flex-shrink:0}.achievements-modal>.upgrade-modal-actions,.settings-modal>.upgrade-modal-actions{flex-shrink:0}.achievements-head>div:first-child{min-width:0}.achievements-desc{margin-top:.35rem;font-size:.84rem;line-height:1.45}.achievement-collection-summary{margin-top:.7rem;color:#a855f7!important;font-size:.96rem;font-weight:900}.achievements-claim-all-btn{width:auto;min-width:10rem;flex-shrink:0}.achievements-claim-all-btn:disabled{opacity:.45;cursor:not-allowed;color:#e2e8f08c;border-color:#64748b33;background:#33415559;box-shadow:none;filter:saturate(.45)}.achievements-scroll-body{flex:1;min-height:0;overflow-y:auto;padding-right:.2rem}.achievements-section+.achievements-section{margin-top:1rem;padding-top:.95rem;border-top:1px solid rgba(96,165,250,.14)}.achievements-section-title{margin:0 0 .65rem;color:#dbeafe;font-size:.94rem;font-weight:800}.achievements-list{display:flex;flex-direction:column;gap:.7rem}.achievement-card{display:flex;align-items:center;gap:.85rem;padding:.9rem;border-radius:.95rem;border:1px solid rgba(148,163,184,.16);background:#0f172a6b;content-visibility:auto;contain:layout paint style;contain-intrinsic-size:auto 8.5rem}.achievement-card.is-completed{border-color:#4ade8061;background:#15803d14}.achievement-card.is-claimed{border-color:#60a5fa47;background:#1e293b8f}.achievement-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:.22rem}.achievement-copy strong{color:var(--text, #f0f4f8);font-size:.92rem}.achievement-copy span{color:var(--text-muted, #9aa4ae);font-size:.8rem;line-height:1.45}.achievement-progress{color:#93c5fd!important;font-weight:700}.achievement-claim-btn{display:inline-flex;min-width:7.2rem;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;border:1px solid rgba(59,130,246,.28);border-radius:.9rem;background:#3b82f61f;color:#dbeafe;padding:.6rem .7rem;font-size:.76rem;font-weight:800;transition:transform .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease}.achievement-claim-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#93c5fd75;background:#3b82f62e}.achievement-claim-btn:disabled{opacity:.7;cursor:not-allowed}.achievement-claim-btn.is-claimed{border-color:#4ade8052;background:#15803d29;color:#bbf7d0}.achievement-reward-value{display:inline-flex;align-items:center;gap:.35rem;font-size:.92rem;font-weight:900}.achievement-reward-icon{display:inline-flex;width:auto;height:auto;transform:none;border-radius:0;background:transparent;box-shadow:none;font-size:.92rem;line-height:1}.settings-modal{width:min(100%,24rem);max-height:min(46rem,85dvh);overflow:hidden}.settings-modal>.skin-modal-head{flex-shrink:0}.settings-scroll-body{display:flex;flex-direction:column;flex:1;min-height:0;gap:.9rem;overflow-y:auto;padding-right:.2rem}.settings-scroll-body p{margin:0}.settings-section{display:flex;flex-direction:column;gap:.9rem;padding:.2rem 0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .95rem;border-radius:.9rem;border:1px solid rgba(154,164,174,.14);background:#2a313780}.settings-account-summary{padding:.35rem .85rem;border:1px solid rgba(125,211,252,.22);border-radius:.9rem;background:linear-gradient(180deg,#0f172abd,#080d129e)}.settings-modal .settings-account-summary .settings-row{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:.65rem;padding:.5rem 0;border:0;border-radius:0;background:none;box-shadow:none}.settings-modal .settings-account-summary .settings-row+.settings-row{border-top:1px solid rgba(125,211,252,.1)}.settings-account-summary .settings-label{text-align:left;white-space:nowrap}.settings-account-summary :is(.settings-inline-action,.settings-id-group){width:auto;justify-content:flex-end;gap:.4rem}.settings-account-summary .settings-value{min-width:0;overflow-wrap:anywhere}.settings-account-summary .settings-id-value{text-align:right;letter-spacing:0}@media(max-width:400px){.settings-account-summary{padding-inline:.65rem}.settings-account-summary .settings-label{font-size:.72rem}.settings-account-summary .settings-value{font-size:.78rem}}.settings-label{color:var(--text-muted, #9aa4ae);font-size:.8rem;font-weight:700;letter-spacing:.02em}.settings-value{color:var(--text, #f0f4f8);font-size:.88rem;font-weight:700;text-align:right}.settings-id-group{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex:1;min-width:0}.settings-inline-action{display:flex;align-items:center;gap:.65rem;min-width:0}.settings-id-value{font-family:var(--mono);letter-spacing:.04em;flex:1;text-align:center}.settings-copy-btn{flex-shrink:0;border:1px solid rgba(59,130,246,.28);background:#3b82f61f;color:#93c5fd;border-radius:999px;padding:.38rem .75rem;font-size:.74rem;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;transition:all .15s ease}.settings-copy-btn:hover{background:#3b82f62e;border-color:#3b82f670;color:#dbeafe}.settings-actions{margin-top:0}.settings-name-change{display:flex;flex-direction:column;gap:.75rem}.settings-name-input{width:100%}.settings-name-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.settings-name-btn-cost{display:inline-flex;align-items:center;gap:.28rem;font-weight:800}.settings-policy-btn{position:relative;display:inline-flex;align-items:center;gap:0;text-decoration:none;justify-content:center;text-align:center;min-height:52px;padding-left:calc(52px + .75rem)}.settings-policy-btn>span:last-child{min-width:0}.settings-action-icon{position:absolute;left:0;top:0;bottom:0;aspect-ratio:1;height:100%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem 0 0 .75rem;border-right:1px solid rgba(147,197,253,.28);background:#0f172a42;color:#bfdbfe}.settings-action-icon svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settings-action-lang-icon{font-size:.88rem;font-weight:900;letter-spacing:0;color:#e0f2fe}.audio-settings-modal{width:min(100%,24rem)}.controls-settings-modal{width:min(100%,27rem)}.controls-settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.25rem;border-radius:.95rem;border:1px solid rgba(148,163,184,.16);background:#0f172a94}.controls-settings-tab{min-height:2.55rem;border:1px solid transparent;border-radius:.75rem;background:transparent;color:#a8b4c5;font-weight:800;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.controls-settings-tab.is-active{border-color:#4ade8075;background:#22c55e29;color:#dcfce7}.controls-settings-tab:active{transform:translateY(1px)}.controls-settings-body{display:flex;flex-direction:column;gap:.9rem}.controls-checkbox-row{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-radius:.95rem;border:1px solid rgba(154,164,174,.14);background:#2a313780;color:var(--text, #f0f4f8);font-size:.92rem;font-weight:800}.controls-checkbox-row input{width:1.25rem;height:1.25rem;accent-color:#22c55e;flex:0 0 auto}.controls-restart-notice{font-size:.78rem;color:var(--text-muted, #8899a8);margin:0;padding:0 .25rem}.controls-keymap-panel{display:flex;flex-direction:column;gap:.65rem;padding:.95rem 1rem;border-radius:.95rem;border:1px solid rgba(154,164,174,.14);background:#2a313780}.controls-keymap-head{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.15rem}.controls-keymap-head strong{color:var(--text, #f0f4f8);font-size:.95rem}.controls-keymap-head span{color:var(--text-muted, #9aa4ae);font-size:.78rem;line-height:1.45}.controls-keymap-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;min-height:2.65rem;color:#dbeafe;font-size:.86rem;font-weight:800}.controls-keymap-button{min-width:6.5rem;min-height:2.35rem;border:1px solid rgba(59,130,246,.28);border-radius:.75rem;background:#3b82f61f;color:#bfdbfe;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:900;cursor:pointer}.controls-keymap-button.is-capturing{border-color:#4ade8094;background:#22c55e29;color:#dcfce7}.patch-notes-modal,.tutorial-list-modal{width:min(100%,34rem)}.tutorial-list-entry{display:flex;flex-direction:column;gap:.9rem}.tutorial-list-intro{margin:0;color:#dbeafe;font-size:.98rem;font-weight:750;line-height:1.65}.tutorial-list-actions{display:flex;flex-direction:column;gap:.65rem}.tutorial-list-btn{width:100%;justify-content:flex-start;text-align:left}.skin-detail-modal{width:min(100%,30rem);max-height:min(52rem,85dvh);overflow-y:auto;gap:.9rem;border:1.5px solid rgba(96,165,250,.72);background:radial-gradient(circle at 100% 0%,rgba(192,132,252,.2),transparent 30%),radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 32%),linear-gradient(180deg,#0f172afa,#111827fa);box-shadow:0 24px 60px #00000094,0 0 0 1px #dbeafe14,0 0 26px #38bdf838,0 0 28px #c084fc2e,inset 0 0 30px #60a5fa0f}.skin-detail-modal.skin-tier-rare{border-color:#c084fcc7;box-shadow:0 24px 60px #00000094,0 0 0 1px #d8b4fe14,0 0 32px #c084fc47,inset 0 0 30px #c084fc14}.skin-detail-modal.skin-tier-legendary{border-color:#fbbf24c7;box-shadow:0 24px 60px #00000094,0 0 0 1px #fef3c714,0 0 34px #fbbf2438,inset 0 0 30px #fbbf2414}.skin-detail-modal.skin-id-classic,.skin-detail-modal.skin-id-ember,.skin-detail-modal.skin-id-nova,.skin-detail-modal.skin-id-aurora,.skin-detail-modal.skin-id-void{border-color:#ffffffb8;box-shadow:0 24px 60px #00000094,0 0 0 1px #ffffff14,0 0 28px #ffffff29,inset 0 0 30px #ffffff0d}.skin-detail-preview-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:18rem;max-height:22rem;border-radius:1.15rem;background:radial-gradient(circle at 50% 30%,rgba(59,130,246,.14),transparent 58%),linear-gradient(180deg,#0f172ab8,#0a1018eb);border:1px solid rgba(125,211,252,.42);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 22px #3b82f624;overflow:hidden}.skin-detail-preview-stage:before,.skin-detail-preview-stage:after{content:"✦";position:absolute;color:#c084fcc7;font-size:1.25rem;text-shadow:0 0 10px rgba(192,132,252,.54);pointer-events:none}.skin-detail-preview-stage:before{left:1rem;top:.85rem}.skin-detail-preview-stage:after{right:1rem;bottom:.85rem}.skin-detail-preview{width:7rem;height:7rem;transform:scale(2.35);transform-origin:center;z-index:1}.skin-detail-preview-stage .skin-preview-arc-reactor-scale{transform:scale(.405)}.skin-detail-preview-stage .skin-preview-atomic-atom{transform:translate(-50%,-50%) scale(.808)}.skin-detail-preview-stage .skin-preview-electric_core-orb{transform:scale(1);transform-origin:center}.skin-detail-preview-stage .skin-preview-electric_core-canvas{transform:scale(2.1);transform-origin:center}.skin-detail-preview-stage .skin-preview-electric_core{border-color:transparent;box-shadow:none;overflow:visible}.skin-detail-preview-stage .skin-preview-cosmic-canvas{width:225%;height:225%;border-radius:0;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center}.skin-detail-preview-stage .wizard-preview-scale,.skin-detail-preview-stage .chronos-preview-scale{transform:translate(-50%,-50%) scale(.408)}.skin-detail-preview-stage .board-skin-preview{width:min(78vw,18rem);height:min(78vw,18rem);max-width:18rem;max-height:18rem;border-radius:1.2rem}.skin-detail-body{display:flex;flex-direction:column;gap:.75rem}.skin-detail-title{position:relative;margin:0;text-align:center;color:var(--text, #f0f4f8);font-size:clamp(1.65rem,5.2vw,2.35rem);font-weight:1000;line-height:1.1;text-shadow:0 2px 0 rgba(0,0,0,.36),0 0 20px rgba(96,165,250,.22)}.skin-detail-title:after{content:"";display:block;width:min(8rem,45%);height:1px;margin:.58rem auto 0;background:linear-gradient(90deg,transparent,rgba(192,132,252,.78),rgba(125,211,252,.56),transparent);box-shadow:0 0 12px #c084fc38}.skin-detail-title-white{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.42),0 0 20px rgba(255,255,255,.2)}.skin-detail-skill{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:.9rem 1rem;border-radius:.95rem;border:1px solid rgba(192,132,252,.46);background:linear-gradient(180deg,#0b1220e6,#0f172ac2),radial-gradient(circle at top,rgba(192,132,252,.1),transparent 60%);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0206172e,0 0 18px #c084fc14}.skin-detail-skill-head{display:flex;align-items:center;gap:.8rem}.skin-detail-skill-icon{width:2.2rem;height:2.2rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transform:none;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:radial-gradient(circle at 50% 50%,#1e293bf5,#0f172afa);box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #0f172a2e}.skin-detail-skill-icon .ability-skill-icon-glyph,.skin-detail-skill-icon .ability-skill-icon-custom{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}.skin-detail-skill-icon .ability-skill-icon-glyph{font-size:1.63rem}.skin-detail-skill-icon .ability-skill-icon-custom{width:1.63rem;height:1.63rem;font-size:1.63rem}.skin-detail-skill-icon:has(.ability-skill-icon-glyph.is-atomic-fission){border:2px solid #f472ff;background:radial-gradient(circle at 50% 50%,#ffb4fff2,#d946efcc 28%,#7e22cebf 58%,#2d0f46f2);box-shadow:0 0 2px #ffb4fff2,0 0 5px #f472ffd9,0 0 8px #c026d3a6,inset 0 0 2px #ffffff40,inset 0 0 5px #7e22cecc}.skin-detail-skill-icon:has(.ability-skill-icon-glyph.is-sun-chariot){border:2px solid #facc15;background:radial-gradient(circle at 50% 50%,#fff6a3f5,#facc15d6,#f59e0bc7 60%,#3f2600f2);box-shadow:0 0 2px #fff6a3f2,0 0 5px #facc15d9,0 0 8px #f59e0ba6,inset 0 0 2px #ffffff40,inset 0 0 5px #92400ec7}.skin-detail-skill-icon.ability-skill-preview-ice-field{border:2px solid #67e8f9;background:radial-gradient(circle at 50% 50%,#e0fafff5,#67e8f9d6,#0ea5e9c7 60%,#082f49f2);box-shadow:0 0 2px #e0fafff2,0 0 5px #67e8f9d9,0 0 8px #0ea5e9a6,inset 0 0 2px #ffffff40,inset 0 0 5px #0891b2c7}.skin-detail-skill-title-wrap{min-width:0;display:flex;flex-direction:column;gap:.38rem}.skin-detail-skill-name{color:#dbeafe;font-size:1rem;line-height:1.15;letter-spacing:-.01em;font-weight:800}.skin-detail-title.skin-name-tier-common,.skin-detail-skill-name.skin-name-tier-common{color:#7dd3fc}.skin-detail-title.skin-name-tier-rare,.skin-detail-skill-name.skin-name-tier-rare{color:#c084fc}.skin-detail-title.skin-name-tier-legendary,.skin-detail-skill-name.skin-name-tier-legendary{background:linear-gradient(90deg,gold,#fff3b0,gold);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.skin-detail-skill-name.skin-name-tier-basic{color:#fff}.skin-detail-skill-meta{display:flex;flex-wrap:wrap;gap:.42rem}.skin-detail-skill-pill{display:inline-flex;align-items:center;gap:.26rem;padding:.24rem .56rem;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#0f172aad;color:#cbd5e1;font-size:.73rem;font-weight:800;letter-spacing:.01em;box-shadow:inset 0 1px #ffffff08}.skin-detail-skill-pill.is-attack{color:#fda4af;border-color:#fb718547;background:#450a0a75}.skin-detail-skill-pill.is-defense{color:#bfdbfe;border-color:#60a5fa4d;background:#0f172ab8}.skin-detail-skill-pill.is-utility{color:#c4b5fd;border-color:#8b5cf647;background:#1e1b4b7a}.skin-detail-skill-pill.is-passive{color:#fcd34d;border-color:#fbbf244d;background:#42200675}.skin-detail-skill-pill.is-mana{color:#93c5fd;border-color:#3b82f642;background:#0f172ad6}.skin-detail-skill-desc{margin:0;color:#a8b4c5;font-size:.87rem;line-height:1.6}.skin-detail-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.skin-detail-action-btn{position:relative;width:min(100%,15rem);min-width:8.25rem;overflow:hidden;border:1px solid rgba(168,85,247,.72)!important;background:linear-gradient(90deg,#2563eb57,#581c87a3),#081423eb!important;color:#7dd3fc!important;box-shadow:inset 0 0 0 1px #93c5fd2e,0 0 22px #3b82f638,0 0 24px #a855f72e}.skin-detail-action-btn:hover:not(:disabled){border-color:#d8b4fee6!important;color:#bae6fd!important;box-shadow:inset 0 0 0 1px #93c5fd42,0 0 26px #3b82f64d,0 0 30px #a855f742}.skin-detail-action-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25)}.skin-detail-modal .upgrade-modal-actions .lobby-btn.primary{position:relative;overflow:hidden;border:1px solid rgba(74,222,128,.74)!important;background:linear-gradient(180deg,#22c55e52,#14532dc7),#081423eb!important;color:#f8fbff!important;box-shadow:inset 0 0 0 1px #bbf7d029,0 0 24px #22c55e3d}.skin-detail-modal .upgrade-modal-actions .lobby-btn.primary:before,.skin-detail-modal .upgrade-modal-actions .lobby-btn.primary:after{content:"✧";position:absolute;top:50%;color:#bbf7d0cc;font-size:.95rem;transform:translateY(-50%);pointer-events:none;text-shadow:0 0 8px rgba(34,197,94,.62)}.skin-detail-modal .upgrade-modal-actions .lobby-btn.primary:before{left:1.15rem}.skin-detail-modal .upgrade-modal-actions .lobby-btn.primary:after{right:1.15rem}.skin-detail-modal .upgrade-modal-actions .lobby-btn.primary:hover{border-color:#86efaceb!important;box-shadow:inset 0 0 0 1px #bbf7d038,0 0 30px #22c55e52}.patch-notes-scroll-body{max-height:min(60vh,28rem);overflow-y:auto;padding-right:.2rem}.patch-notes-entry{margin:0;padding:1rem 1.05rem;border-radius:1rem;border:1px solid rgba(96,165,250,.18);background:#0f172a85;color:var(--text, #f0f4f8);line-height:1.7}.patch-notes-section+.patch-notes-section{margin-top:1rem;padding-top:.95rem;border-top:1px solid rgba(96,165,250,.14)}.patch-notes-section-title{margin:0 0 .55rem;color:#dbeafe;font-size:.96rem;font-weight:800}.patch-notes-section-lines{display:flex;flex-direction:column;gap:.5rem}.patch-notes-line{margin:0;color:var(--text, #f0f4f8)}.patch-notes-change{font-weight:700}.patch-notes-change-buff{color:#4ade80}.patch-notes-change-nerf{color:#f87171}.ai-tutorial-prompt-modal{width:min(100%,25rem);border:1px solid rgba(74,222,128,.88);box-shadow:0 0 0 1px #86efac2e,0 0 18px #4ade8052,0 12px 32px #0f172a7a}.ai-tutorial-prompt-modal p{margin:0;color:var(--text-muted, #c7d0d9);line-height:1.65}.audio-settings-body{display:flex;flex-direction:column;gap:1rem}.audio-settings-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.audio-settings-card{display:flex;flex-direction:column;gap:.7rem;align-items:stretch;padding:.9rem .95rem;border-radius:.95rem;border:1px solid rgba(154,164,174,.14);background:#2a313780}.audio-settings-label{color:var(--text-muted, #9aa4ae);font-size:.82rem;font-weight:700;text-align:center}.audio-settings-toggle{min-height:2.8rem;border:1px solid rgba(90,142,104,.3);border-radius:.9rem;background:linear-gradient(180deg,#5c8f68fa,#4a7956fa);color:#f4fff6;font-size:.94rem;font-weight:800;letter-spacing:.03em;cursor:pointer;box-shadow:inset 0 -3px #0000002e,0 8px 20px #274f3329;transition:transform .12s ease,filter .15s ease,background .15s ease}.audio-settings-toggle:hover{filter:brightness(1.04)}.audio-settings-toggle:active{transform:translateY(1px)}.audio-settings-toggle.is-off{border-color:#637eea42;background:linear-gradient(180deg,#314259fa,#233044fa);color:#d2dbe7;box-shadow:inset 0 -3px #0000002e,0 8px 20px #09122433}.audio-slider-block{display:flex;flex-direction:column;gap:.6rem;padding:.95rem 1rem;border-radius:.95rem;border:1px solid rgba(154,164,174,.14);background:#2a313780}.audio-advanced-section{display:flex;flex-direction:column;gap:.75rem}.audio-advanced-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem;padding:0 1rem;border-radius:.95rem;border:1px solid rgba(154,164,174,.14);background:#2a313780;color:var(--text, #f0f4f8);font-size:.88rem;font-weight:800;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.audio-advanced-toggle:hover,.audio-advanced-toggle.is-open{border-color:#5f976d6b;background:#3043389e}.audio-advanced-toggle:active{transform:translateY(1px)}.audio-advanced-toggle strong{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#141d2680;color:#d9f6de;font-size:1rem}.audio-advanced-panel{display:flex;flex-direction:column;gap:.75rem;padding:.95rem 1rem;border-radius:.95rem;border:1px solid rgba(154,164,174,.14);background:#1c232a9e}.audio-advanced-title{color:var(--text, #f0f4f8);font-size:.86rem;font-weight:800}.audio-ability-gain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem .9rem}.audio-ability-gain-row{display:flex;flex-direction:column;gap:.5rem;min-width:0}.audio-ability-gain-row .audio-slider-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;font-size:.78rem}.audio-ability-gain-row .audio-slider-head span{min-width:0;overflow-wrap:anywhere}.audio-slider-name{min-width:0}.audio-preview-btn{width:1.55rem;height:1.55rem;display:inline-flex;align-items:center;justify-content:center;padding:0;order:2;border-radius:999px;border:1px solid rgba(76,95,116,.42);background:#111921e0;color:var(--text, #f0f4f8);font-size:.72rem;line-height:1;flex:0 0 auto}.audio-ability-gain-row .audio-slider-head strong{order:3}.audio-preview-btn:hover{background:#2088eb2e;border-color:#52b5ff80}.audio-preview-btn:active{transform:translateY(1px)}.audio-slider-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text, #f0f4f8);font-size:.84rem;font-weight:700}.audio-slider-head span{color:var(--text-muted, #9aa4ae)}.audio-slider{width:100%;appearance:none;-webkit-appearance:none;height:.8rem;border-radius:999px;background:linear-gradient(180deg,#141d26eb,#111921f5);border:1px solid rgba(76,95,116,.28);outline:none}.audio-slider::-webkit-slider-runnable-track{height:.8rem;border-radius:999px;background:linear-gradient(90deg,#5f976d,#4f7f5c)}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.1rem;height:1.8rem;margin-top:-.5rem;border-radius:.55rem;border:1px solid rgba(47,122,234,.62);background:linear-gradient(180deg,#52b5ff,#2088eb);box-shadow:inset 0 -2px #00000024,0 4px 12px #2088eb47}.audio-slider::-moz-range-track{height:.8rem;border-radius:999px;background:linear-gradient(90deg,#5f976d,#4f7f5c)}.audio-slider::-moz-range-thumb{width:1.1rem;height:1.8rem;border-radius:.55rem;border:1px solid rgba(47,122,234,.62);background:linear-gradient(180deg,#52b5ff,#2088eb);box-shadow:inset 0 -2px #00000024,0 4px 12px #2088eb47}.ability-loadout-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ability-loadout-preview{display:flex;flex-wrap:wrap;gap:.45rem}.ability-loadout-chip-row{display:flex;flex-wrap:wrap;gap:.45rem;min-height:1.75rem}.ability-loadout-modal-selected{margin-top:-.15rem}@keyframes ability-skill-card-in{0%{opacity:calc(var(--ability-card-opacity, 1) * .78);transform:translate3d(0,.22rem,0)}to{opacity:var(--ability-card-opacity, 1);transform:translateZ(0)}}.ability-loadout-selected-toolbar{display:flex;align-items:flex-start;gap:.55rem;margin-top:-.15rem;min-height:3.95rem}.ability-loadout-selected-toolbar .ability-loadout-modal-selected{flex:1;min-width:0;margin-top:0;min-height:3.95rem;align-content:flex-start}.ability-loadout-view-toggle{flex:0 0 auto;width:2.2rem;height:2.2rem;display:inline-grid;place-items:center;border:1px solid rgba(96,165,250,.42);border-radius:.65rem;background:linear-gradient(180deg,#22364feb,#0e1c2deb),#081423bf;color:#bfdbfe;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #00000038;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.ability-loadout-view-toggle:hover,.ability-loadout-view-toggle:focus-visible{border-color:#7dd3fcbf;background:linear-gradient(180deg,#2d4e74f2,#132b46f2),#0e243cd1;box-shadow:inset 0 1px #ffffff14,0 0 0 2px #38bdf829;outline:none}.ability-loadout-view-toggle:active{transform:translateY(1px) scale(.98)}.ability-loadout-view-toggle span{display:block;font-size:1.05rem;font-weight:900;line-height:1}.lobby-ability-loadout-backdrop:is(.is-preparing-open,.is-entering) .ability-loadout-modal-selected .ability-loadout-chip:not(.is-leaving){animation:none!important;opacity:0;transform:perspective(900px) translateZ(-1400px)}.lobby-ability-loadout-backdrop.is-content-ready .ability-loadout-modal-selected .ability-loadout-chip:not(.is-leaving){animation:ability-loadout-chip-slide-in-fwd-center var(--lobby-motion-emphasis) var(--lobby-ease-out) both}.ability-loadout-modal-selected .ability-loadout-chip:nth-child(1){animation-delay:0s}.ability-loadout-modal-selected .ability-loadout-chip:nth-child(2){animation-delay:.08s}.ability-loadout-modal-selected .ability-loadout-chip:nth-child(3){animation-delay:.16s}@keyframes ability-loadout-chip-slide-in-fwd-center{0%{transform:perspective(900px) translateZ(-1400px);opacity:0}to{transform:perspective(900px) translateZ(0);opacity:1}}.ability-loadout-modal-selected .ability-loadout-chip.is-leaving{animation:ability-loadout-chip-slide-out-back-center .16s cubic-bezier(.55,.085,.68,.53) both;animation-delay:0s;pointer-events:none}@keyframes ability-loadout-chip-slide-out-back-center{0%{transform:perspective(900px) translateZ(0);opacity:1}to{transform:perspective(900px) translateZ(-1400px);opacity:0}}@media(prefers-reduced-motion:reduce){.lobby-ability-loadout-backdrop.is-content-ready .ability-loadout-modal-selected .ability-loadout-chip:not(.is-leaving){animation:none}.ability-loadout-modal-selected .ability-loadout-chip.is-leaving{animation:ability-loadout-chip-slide-out-back-center .01s linear both}}.ability-loadout-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .7rem;border-radius:999px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#dbeafe;font-size:.78rem;font-weight:700;min-height:1.75rem;white-space:nowrap}.ability-loadout-modal-selected .ability-loadout-chip{max-width:min(100%,9.5rem)}.ability-loadout-modal-selected .ability-loadout-chip>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.ability-loadout-chip-btn{appearance:none;cursor:pointer;font-family:inherit}.ability-loadout-chip-btn:hover,.ability-loadout-chip-btn:focus-visible{border-color:#7dd3fcb3;background:#3b82f62e;box-shadow:0 0 0 2px #38bdf82e;outline:none}.ability-loadout-chip-btn:active{transform:translateY(1px)}.ability-loadout-chip .ability-skill-icon-glyph,.ability-loadout-chip .ability-skill-icon-custom{flex:0 0 auto}.ability-preset-bar{display:flex;align-items:center;gap:.5rem;padding:0 0 .75rem}.ability-preset-btn{width:2.2rem;height:2.2rem;border-radius:.45rem;border:1.5px solid var(--tile-border, #3a444d);background:var(--tile, #2a3137);color:var(--text-muted, #8a9bb0);font-size:.9rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s;flex:0 0 auto}.ability-preset-btn:hover{border-color:var(--blue, #3b82f6);color:var(--text, #e2e8f0)}.ability-preset-btn.is-active{border-color:var(--blue, #3b82f6);background:#3b82f626;color:#93c5fd}.ability-preset-count{margin-left:auto}.ability-skill-preview{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}.rune-equip-button{width:3.25rem;height:3rem;flex:0 0 auto;border:1px solid rgba(148,163,184,.36);border-radius:.7rem;background:linear-gradient(180deg,#1e293bdb,#0f172ae0),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rune-accent, #94a3b8),transparent 48%),transparent 64%),#0f172ab8;color:#f8fafc;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #0f172a5c,0 0 12px color-mix(in srgb,var(--rune-accent, #94a3b8),transparent 72%);transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.rune-equip-button:hover,.rune-equip-button:focus-visible{border-color:color-mix(in srgb,var(--rune-accent, #94a3b8),white 22%);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px color-mix(in srgb,var(--rune-accent, #94a3b8),transparent 58%),0 0 16px color-mix(in srgb,var(--rune-accent, #94a3b8),transparent 52%),0 0 28px color-mix(in srgb,var(--rune-accent, #94a3b8),transparent 78%)}.rune-equip-button:active{transform:scale(.96)}.rune-equip-button:disabled{cursor:default;opacity:.55}.rune-equip-button:disabled:active{transform:none}.rune-equip-button .rune-card-icon{width:2.35rem;height:2.35rem;font-size:1.22rem}.rune-modal{box-sizing:border-box;width:min(100%,36rem);max-width:calc(100vw - 1.5rem);max-height:min(43rem,88dvh);overflow:hidden}.rune-modal .skin-modal-head{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:flex-start;column-gap:.75rem;flex-shrink:0}.rune-modal .skin-modal-head>div:first-child{min-width:0}.rune-modal .skin-token-badge{justify-self:end;align-self:start;width:auto;max-width:100%}.rune-modal .token-shop-desc{max-width:34rem;word-break:keep-all;overflow-wrap:normal}.rune-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:.8rem;max-height:196px;overflow-y:auto;padding-right:.2rem;align-content:start}.rune-card:not(.is-unowned){min-height:74px}.rune-card{min-height:86px;padding:.7rem .55rem;border:1px solid rgba(148,163,184,.16);background:#0f172a6b;color:#e5e7eb;display:grid;justify-items:center;align-content:center;gap:4px;cursor:pointer;border-radius:.95rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,filter .15s ease}.rune-card:hover{transform:translateY(-1px);border-color:#93c5fd57;background:#1e293b94}.rune-card:active{transform:scale(.96);border-color:color-mix(in srgb,var(--rune-accent),white 16%);filter:brightness(1.1) saturate(1.12);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--rune-accent),transparent 28%),0 0 16px color-mix(in srgb,var(--rune-accent),transparent 38%),0 0 30px color-mix(in srgb,var(--rune-accent),transparent 68%);transition-duration:60ms;transition-timing-function:ease-out}.rune-card.is-selected,.rune-card.is-equipped{border-color:var(--rune-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--rune-accent),rgba(15,23,42,.76) 88%),#0f172a8f);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rune-accent),transparent 50%),0 0 16px color-mix(in srgb,var(--rune-accent),transparent 78%)}.rune-card.is-unowned{opacity:.72}.rune-card-icon{width:2.18rem;height:2.18rem;color:var(--rune-accent);font-size:1.18rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.rune-card strong{font-size:.82rem;line-height:1.15;text-align:center;word-break:keep-all}.rune-card-price{color:#fde68a;font-size:.74rem}.rune-detail-panel{min-height:190px;margin-top:.8rem;padding:1rem;border:1px solid rgba(148,163,184,.16);border-radius:.95rem;background:#0f172a6b;display:flex;gap:14px;align-items:flex-end;justify-content:space-between}.rune-detail-panel h4{margin:0 0 8px;color:#f8fafc;word-break:keep-all}.rune-detail-panel p{margin:0;color:#cbd5e1;line-height:1.55;white-space:pre-line;word-break:keep-all;overflow-wrap:normal}.rune-buy-btn{width:auto;min-width:6.25rem;max-width:7.25rem;padding-inline:1rem;flex:0 0 auto;align-self:flex-end;white-space:nowrap}@media(max-width:560px){.rune-modal{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem)}.rune-modal .skin-modal-head{grid-template-columns:minmax(0,1fr) max-content;column-gap:.62rem}.rune-modal .skin-token-badge{width:auto;min-width:6.35rem}.rune-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:250px}.rune-detail-panel{display:grid;min-height:180px}}.ability-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.68rem;margin-top:.5rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;align-content:start;padding-right:.1rem;scrollbar-width:none;-ms-overflow-style:none}.ability-skill-grid::-webkit-scrollbar{display:none}.ability-loadout-modal .ability-skill-grid-card{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;min-height:6.25rem;flex-direction:column;justify-content:center;gap:.48rem;padding:.66rem .38rem .58rem}.ability-loadout-modal .ability-skill-grid-card:not(:disabled).is-touch-pressed{transform:scale(.94);border-color:#f4fbff;box-shadow:0 0 0 1px #f4fbffb3,0 0 10px #7dd3fc80}.ability-loadout-modal .ability-skill-grid-card:not(:disabled):active:not(.is-touch-pressed){transform:none}@media(prefers-reduced-motion:reduce){.ability-loadout-modal .ability-skill-grid-card:not(:disabled).is-touch-pressed{transform:none}}.ability-skill-grid-preview{width:2.6rem;height:2.6rem}.ability-skill-grid-name{width:100%;min-width:0;color:#e5eef8;font-size:.72rem;font-weight:900;line-height:1.15;text-align:center;word-break:keep-all;overflow-wrap:anywhere}.ability-skill-preview:has(.ability-skill-icon-glyph.is-atomic-fission){border:2px solid #f472ff;background:radial-gradient(circle at 50% 50%,#ffb4fff2,#d946efcc 28%,#7e22cebf 58%,#2d0f46f2);box-shadow:0 0 2px #ffb4fff2,0 0 5px #f472ffd9,0 0 8px #c026d3a6,inset 0 0 2px #ffffff40,inset 0 0 5px #7e22cecc}.ability-skill-preview:has(.ability-skill-icon-glyph.is-sun-chariot){border:2px solid #facc15;background:radial-gradient(circle at 50% 50%,#fff6a3f5,#facc15d6,#f59e0bc7 60%,#3f2600f2);box-shadow:0 0 2px #fff6a3f2,0 0 5px #facc15d9,0 0 8px #f59e0ba6,inset 0 0 2px #ffffff40,inset 0 0 5px #92400ec7}.ability-skill-preview-ice-field{border:2px solid #67e8f9;background:radial-gradient(circle at 50% 50%,#e0fafff5,#67e8f9d6,#0ea5e9c7 60%,#082f49f2);box-shadow:0 0 2px #e0fafff2,0 0 5px #67e8f9d9,0 0 8px #0ea5e9a6,inset 0 0 2px #ffffff40,inset 0 0 5px #0891b2c7}.ability-skill-meta{flex:0 0 7.65rem;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.55rem;color:#93c5fd}.ability-skill-info-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;gap:.32rem;min-height:2rem;padding:.32rem .65rem;border-radius:.8rem;border:1px solid rgba(96,165,250,.36);background:linear-gradient(180deg,#2563eb2e,#0f172a3d),#0f172a52;color:#bfdbfe;font-size:.92rem;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;text-shadow:0 0 10px rgba(59,130,246,.35);box-shadow:inset 0 1px #ffffff0f,0 0 14px #3b82f61f}.ability-skill-info-pill>*{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.ability-skill-info-pill:after{animation:none}}.ability-skill-info-icon{font-size:1rem;line-height:1;filter:drop-shadow(0 0 6px currentColor)}.ability-skill-mana-pill{border-color:#60a5fa8f;color:#60a5fa;background:radial-gradient(circle at 22% 30%,rgba(147,197,253,.22),transparent 48%),#1e293b8a}.ability-skill-category-pill.is-attack{border-color:#f871717a;color:#fca5a5;background:radial-gradient(circle at 22% 30%,rgba(248,113,113,.2),transparent 48%),#450a0a61;text-shadow:0 0 10px rgba(239,68,68,.36)}.ability-skill-category-pill.is-defense{border-color:#4ade8075;color:#fde68a;background:radial-gradient(circle at 22% 30%,rgba(74,222,128,.18),transparent 48%),#14532d52;text-shadow:0 0 10px rgba(74,222,128,.3)}.ability-skill-category-pill.is-utility{border-color:#4ade8075;color:#fef08a;background:radial-gradient(circle at 22% 30%,rgba(74,222,128,.2),transparent 48%),#14532d5c;text-shadow:0 0 10px rgba(74,222,128,.32)}.ability-skill-category-pill.is-passive{border-color:#7dd3fc80;color:#bae6fd;background:radial-gradient(circle at 22% 30%,rgba(125,211,252,.2),transparent 48%),#0c4a6e57}.ability-skill-locked-pill{border-color:#94a3b84d;color:#cbd5e1;background:#1e293b73}.ability-required-skin-name{font-weight:700}.skin-option-copy .ability-required-skin-name.skin-name-tier-common{color:#7dd3fc}.skin-option-copy .ability-required-skin-name.skin-name-tier-rare{color:#c084fc}.skin-option-copy .ability-required-skin-name.skin-name-tier-legendary{background:linear-gradient(90deg,gold,#fff3b0,gold);-webkit-background-clip:text;background-clip:text;color:transparent}.ability-skill-icon-glyph.is-classic-guard{color:#e0f7ff;font-weight:900;text-shadow:0 0 4px rgba(56,189,248,1),0 0 8px rgba(186,230,253,1),0 0 16px rgba(14,165,233,.9),0 0 28px rgba(2,132,199,.65)}.ability-skill-icon-glyph.is-ember-blast,.ability-skill-icon-glyph.is-inferno-field{color:#fff0c2;font-weight:900;text-shadow:0 0 4px rgba(239,68,68,1),0 0 8px rgba(253,186,116,1),0 0 16px rgba(249,115,22,.95),0 0 28px rgba(185,28,28,.72)}.ability-skill-icon-glyph.is-nova-blast{color:#f0fbff;font-weight:900;text-shadow:0 0 4px rgba(125,211,252,1),0 0 8px rgba(219,234,254,1),0 0 16px rgba(96,165,250,.92),0 0 28px rgba(37,99,235,.62)}.ability-skill-icon-glyph.is-quantum-shift{color:#eef2ff;font-weight:900;text-shadow:0 0 4px rgba(99,102,241,1),0 0 8px rgba(196,181,253,1),0 0 16px rgba(129,140,248,.95),0 0 28px rgba(79,70,229,.72)}.ability-skill-icon-glyph.is-plasma-charge{color:#e0ffff;font-weight:900;text-shadow:0 0 4px rgba(34,211,238,1),0 0 8px rgba(165,243,252,1),0 0 16px rgba(45,212,191,.95),0 0 28px rgba(8,145,178,.72)}.ability-skill-icon-glyph.is-berserker-rage{color:#fee2e2;font-weight:900;text-shadow:0 0 4px rgba(220,38,38,1),0 0 8px rgba(248,113,113,1),0 0 16px rgba(185,28,28,.95),0 0 28px rgba(127,29,29,.76)}.ability-skill-icon-glyph.is-chronos-time-rewind{color:#e0f2fe;font-weight:900;text-shadow:0 0 4px rgba(14,165,233,1),0 0 8px rgba(186,230,253,1),0 0 16px rgba(59,130,246,.92),0 0 28px rgba(30,64,175,.68)}.ability-skill-icon-glyph.is-root-wall{color:#dcffe9;font-weight:900;text-shadow:0 0 4px rgba(74,222,128,1),0 0 8px rgba(187,247,208,1),0 0 16px rgba(34,197,94,.95),0 0 28px rgba(21,128,61,.7)}.ability-skill-icon-glyph.is-ice-field{color:#fff;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Apple Symbols,sans-serif;font-weight:900;text-shadow:0 0 2px rgba(255,255,255,1),0 0 5px rgba(255,255,255,.95),0 0 10px rgba(186,230,253,.9),0 0 16px rgba(34,211,238,.82),0 0 28px rgba(14,116,144,.72)}.ability-skill-preview-classic-guard{border:2px solid #7dd3fc;background:radial-gradient(circle at 50% 50%,#e0f7fff2,#38bdf8c7,#0284c7b8 60%,#082f49f2);box-shadow:0 0 2px #bae6fde6,0 0 5px #38bdf8d1,0 0 8px #0284c799,inset 0 0 2px #ffffff40,inset 0 0 5px #0c4a6ec7}.ability-skill-preview-phase-shift,.ability-skill-preview-plasma-charge{border:2px solid #67e8f9;background:radial-gradient(circle at 50% 50%,#e0fffff2,#22d3eed1,#14b8a6bd 60%,#082f49f2);box-shadow:0 0 2px #a5f3fcf2,0 0 5px #22d3eedb,0 0 8px #14b8a69e,inset 0 0 2px #ffffff40,inset 0 0 5px #0891b2c7}.ability-skill-preview-arc-reactor-field,.ability-skill-preview-nova-blast,.ability-skill-preview-chronos-time-rewind{border:2px solid #93c5fd;background:radial-gradient(circle at 50% 50%,#f0fbfff2,#7dd3fcd1,#3b82f6c2 60%,#172554f2);box-shadow:0 0 2px #dbeafef2,0 0 5px #60a5fad9,0 0 8px #2563eb9e,inset 0 0 2px #ffffff40,inset 0 0 5px #1e40afc7}.ability-skill-preview-ember-blast,.ability-skill-preview-inferno-field{border:2px solid #fb923c;background:radial-gradient(circle at 50% 50%,#fff0c2f5,#fb923cd6,#ef4444c7 60%,#450a0af2);box-shadow:0 0 2px #fdba74f2,0 0 5px #f97316d9,0 0 8px #b91c1ca6,inset 0 0 2px #ffffff40,inset 0 0 5px #7f1d1dc7}.ability-skill-preview-aurora-heal{border:2px solid #86efac;background:radial-gradient(circle at 50% 50%,#dcffe9f5,#4ade80d6,#22c55ec2 60%,#14532df2);box-shadow:0 0 2px #bbf7d0f2,0 0 5px #4ade80d9,0 0 8px #15803da6,inset 0 0 2px #ffffff40,inset 0 0 5px #14532dc7}.ability-skill-preview-gold-overdrive{border:2px solid #fde047;background:radial-gradient(circle at 50% 50%,#fff8c7f5,#facc15d6,#ca8a04c7 60%,#3f2600f2);box-shadow:0 0 2px #fef08af2,0 0 5px #facc15d9,0 0 8px #b45309a6,inset 0 0 2px #ffffff40,inset 0 0 5px #92400ec7}.ability-skill-preview-quantum-shift,.ability-skill-preview-dream-clones{border:2px solid #c4b5fd;background:radial-gradient(circle at 50% 50%,#eef2fff5,#c4b5fdd6,#818cf8c7 60%,#312e81f2);box-shadow:0 0 2px #ddd6fef2,0 0 5px #818cf8d9,0 0 8px #4f46e5a6,inset 0 0 2px #ffffff40,inset 0 0 5px #4338cac7}.ability-skill-preview-void-cloak,.ability-skill-preview-wizard-magic-mine,.ability-skill-preview-electric-blitz{border:2px solid #f472ff;background:radial-gradient(circle at 50% 50%,#ffe6fff2,#d946efcc,#7e22cebf 60%,#2d0f46f2);box-shadow:0 0 2px #ffb4fff2,0 0 5px #f472ffd9,0 0 8px #c026d3a6,inset 0 0 2px #ffffff40,inset 0 0 5px #7e22cecc}.ability-skill-preview-cosmic-bigbang{border:2px solid #f0abfc;background:radial-gradient(circle at 50% 50%,#fff5d2f5,#f472b6d6,#a855f7c7 60%,#310f50f2);box-shadow:0 0 2px #fbcfe8f2,0 0 5px #f472b6d9,0 0 8px #a855f7a6,inset 0 0 2px #ffffff40,inset 0 0 5px #581c87c7}.ability-skill-preview-berserker-rage{border:2px solid #ef4444;background:radial-gradient(circle at 50% 50%,#fee2e2f2,#ef4444d6,#b91c1cc7 60%,#450a0af2);box-shadow:0 0 2px #f87171f2,0 0 5px #ef4444d9,0 0 8px #b91c1ca6,inset 0 0 2px #ffffff40,inset 0 0 5px #7f1d1dc7}.ability-skill-preview-root-wall{border:2px solid #86efac;background:radial-gradient(circle at 50% 50%,#dcffe9f5,#4ade80d6,#22c55ec2 60%,#14532df2);box-shadow:0 0 2px #bbf7d0f2,0 0 5px #4ade80d9,0 0 8px #15803da6,inset 0 0 2px #ffffff40,inset 0 0 5px #14532dc7}.ai-tutorial-prompt-backdrop{align-items:center}@media(max-width:640px){.skin-detail-modal{width:min(100%,24rem);max-height:92dvh;padding:1rem}.skin-detail-preview-stage{min-height:14.5rem;max-height:16.5rem}.skin-detail-preview{width:5.4rem;height:5.4rem;transform:scale(2.15)}.skin-detail-preview-stage .skin-preview-arc-reactor-scale{transform:scale(.34)}.skin-detail-preview-stage .skin-preview-atomic-atom{transform:translate(-50%,-50%) scale(1.1)}.skin-detail-preview-stage .skin-preview-electric_core-orb{transform:scale(1.26);border-width:3px}.skin-detail-preview-stage .skin-preview-electric_core-canvas{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);transform:scale(2.4)}.skin-detail-preview-stage .skin-preview-cosmic-canvas{width:225%;height:225%;border-radius:0;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transform-origin:center}.skin-detail-preview-stage .wizard-preview-scale,.skin-detail-preview-stage .chronos-preview-scale{transform:translate(-50%,-50%) scale(.34)}.skin-detail-preview-stage .board-skin-preview{width:min(74vw,14rem);height:min(74vw,14rem)}.ai-tutorial-prompt-backdrop{align-items:center}}.ability-loadout-modal .ability-skill-grid-card{align-items:center;min-height:6.25rem}.ability-loadout-modal .ability-skill-grid-card:not(:disabled):not(.is-locked):not(.is-selected):not(.is-readonly){border-width:1px}.ability-loadout-modal .ability-skill-grid-card:not(:disabled):not(.is-locked):not(.is-selected):not(.is-readonly):not(:active):not(.is-touch-pressed){border-color:#64829b6b;box-shadow:none}.ability-loadout-modal .ability-skill-grid-card.is-locked:not(.is-selected) .ability-skill-grid-preview{filter:saturate(.25) brightness(.65);opacity:.65}.ability-loadout-modal .ability-skill-grid-card .ability-skill-grid-preview{width:2.6rem;height:2.6rem}.ability-loadout-modal .ability-skill-grid-card .ability-skill-grid-preview .ability-skill-icon-glyph,.ability-loadout-modal .ability-skill-grid-card .ability-skill-grid-preview .ability-skill-icon-custom{font-size:1.45em}.mode-picker-popup,.patch-notes-modal,.achievements-modal,.match-history-modal,.rune-modal,.settings-modal,.audio-settings-modal,.controls-settings-modal{border:1.5px solid rgba(96,165,250,.72);background:radial-gradient(circle at 96% 0%,rgba(192,132,252,.18),transparent 28%),radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 30%),linear-gradient(180deg,#0f172afa,#111827fa);box-shadow:0 24px 60px #00000094,0 0 0 1px #dbeafe14,0 0 26px #38bdf838,0 0 28px #c084fc29,inset 0 0 30px #60a5fa0f}.mode-picker-head,.patch-notes-modal .skin-modal-head,.achievements-modal .skin-modal-head,.match-history-modal .skin-modal-head,.rune-modal .skin-modal-head,.settings-modal .skin-modal-head,.audio-settings-modal .skin-modal-head,.controls-settings-modal .skin-modal-head{position:relative;padding-bottom:.52rem}.mode-picker-head:after,.patch-notes-modal .skin-modal-head:after,.achievements-modal .skin-modal-head:after,.match-history-modal .skin-modal-head:after,.rune-modal .skin-modal-head:after,.settings-modal .skin-modal-head:after,.audio-settings-modal .skin-modal-head:after,.controls-settings-modal .skin-modal-head:after{content:"";position:absolute;left:0;bottom:0;width:min(13rem,52%);height:1px;background:linear-gradient(90deg,rgba(125,211,252,.88),rgba(192,132,252,.58),transparent);box-shadow:0 0 12px #38bdf847,0 0 14px #c084fc2e}.mode-picker-head>span,.patch-notes-modal .skin-modal-head h3,.achievements-modal .skin-modal-head h3,.match-history-modal .skin-modal-head h3,.rune-modal .skin-modal-head h3,.settings-modal .skin-modal-head h3,.audio-settings-modal .skin-modal-head h3,.controls-settings-modal .skin-modal-head h3{color:#f8fbff;font-size:clamp(1.28rem,4.2vw,1.72rem);font-weight:1000;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.34),0 0 18px rgba(96,165,250,.28),0 0 20px rgba(192,132,252,.16)}.mode-picker-close{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(96,165,250,.48);border-radius:.8rem;background:linear-gradient(180deg,#2563eb33,#0f2a5385),#081423d1;color:#bfdbfe;box-shadow:inset 0 0 0 1px #93c5fd1f,0 0 14px #3b82f624}.mode-picker-close:hover{border-color:#d8b4feb3;color:#fff;box-shadow:inset 0 0 0 1px #93c5fd2e,0 0 20px #a855f738}.mode-selector-btn{position:relative;overflow:hidden;border-color:#60a5fa61;background:radial-gradient(circle at 50% 0%,rgba(96,165,250,.12),transparent 58%),linear-gradient(180deg,#1e293be6,#0c1522f5);box-shadow:0 14px 28px #02061752,inset 0 0 0 1px #ffffff0a,0 0 18px #3b82f614}.mode-selector-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 46%,transparent 58%);opacity:0;transform:translate(-60%);transition:opacity .18s ease,transform .32s ease}.mode-selector-btn:hover:before{opacity:1;transform:translate(60%)}.mode-selector-btn:hover{border-color:#93c5fdb3;background:radial-gradient(circle at 50% 0%,rgba(192,132,252,.14),transparent 58%),linear-gradient(180deg,#25344ef0,#0d192bfa);box-shadow:0 16px 30px #0206175c,0 0 22px #3b82f629,0 0 18px #a855f71a}.mode-selector-btn.is-active{border-color:#a855f7c7;background:linear-gradient(90deg,#2563eb42,#581c877a),#081423eb;box-shadow:inset 0 0 0 1px #93c5fd29,0 0 24px #3b82f63d,0 0 24px #a855f72e}.mode-selector-btn.is-disabled,.mode-selector-btn:disabled{border-color:#64748b47;background:linear-gradient(180deg,#1e293b94,#0f172ac7);box-shadow:inset 0 0 0 1px #ffffff05,0 8px 18px #00000038}.patch-notes-entry,.achievement-card,.settings-row,.settings-policy-btn,.settings-modal .settings-name-change,.audio-settings-card,.audio-slider-block,.display-settings-option,.controls-checkbox-row,.controls-keymap-panel,.controls-settings-tabs{border-color:#7dd3fc38;background:linear-gradient(180deg,#0f172abd,#080d129e),#08142394;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #02061729}.patch-notes-entry{padding:1rem 1.05rem;border:1px solid rgba(125,211,252,.22);border-radius:1rem}.patch-notes-section-title,.achievements-section-title,.controls-keymap-head strong{color:#dbeafe;text-shadow:0 0 12px rgba(96,165,250,.12)}.patch-notes-line,.achievements-desc,.controls-keymap-head span,.controls-restart-notice,.audio-settings-label,.settings-label{color:#aebbd0}.patch-notes-change{border-radius:999px;padding:.12rem .45rem;border:1px solid rgba(147,197,253,.22);background:#0f172ab8}.achievement-card.is-completed{border-color:#4ade807a;background:radial-gradient(circle at 0% 0%,rgba(74,222,128,.12),transparent 42%),#0814239e;box-shadow:inset 0 0 0 1px #bbf7d00d,0 0 18px #22c55e14}.achievement-card.is-claimed{border-color:#60a5fa57;background:#0f172ab3}.achievement-collection-summary{color:#c084fc!important;text-shadow:0 0 14px rgba(192,132,252,.24)}.achievements-claim-all-btn,.achievement-claim-btn,.settings-copy-btn,.settings-name-btn,.settings-policy-btn,.controls-keymap-button,.audio-settings-toggle{box-shadow:inset 0 0 0 1px #93c5fd1a,0 0 16px #3b82f61f}.achievements-claim-all-btn,.settings-name-btn{border-color:#a855f7a3!important;background:linear-gradient(90deg,#2563eb57,#581c879e),#081423eb!important}.achievement-claim-btn,.settings-copy-btn,.controls-keymap-button{border-color:#60a5fa66;background:#2563eb24;color:#bfdbfe}.achievement-claim-btn:hover:not(:disabled),.settings-copy-btn:hover,.controls-keymap-button:hover{border-color:#d8b4feb3;background:#581c8738;color:#f8fbff}.achievement-claim-btn.is-claimed,.controls-keymap-button.is-capturing{border-color:#4ade8085;background:#22c55e29;color:#dcfce7}.settings-policy-btn{border-color:#60a5fa52!important;color:#dbeafe!important}.settings-action-icon{border-right-color:#93c5fd38;background:radial-gradient(circle at 50% 30%,rgba(96,165,250,.2),transparent 62%),#0f172a57;color:#93c5fd}.settings-value,.achievement-copy strong,.controls-keymap-row{color:#f8fbff}.settings-modal .lobby-input,.controls-settings-modal .lobby-input{border-color:#60a5fa52;background:#081423b8;box-shadow:inset 0 0 0 1px #ffffff08}.settings-modal .lobby-input:focus,.controls-settings-modal .lobby-input:focus{border-color:#c084fcad;box-shadow:0 0 0 3px #a855f724,0 0 18px #3b82f624}.controls-settings-tabs{padding:.3rem}.controls-settings-tab{border-radius:.7rem}.controls-settings-tab.is-active{border-color:#a855f7a8;background:linear-gradient(90deg,#2563eb38,#581c8761),#0f172ac2;color:#f8fbff;box-shadow:inset 0 0 0 1px #93c5fd1f,0 0 16px #a855f729}.audio-settings-toggle{border-color:#4ade8075;background:linear-gradient(180deg,#22c55ec7,#15803dc2),#081423b8}.audio-settings-toggle.is-off{border-color:#60a5fa57;background:linear-gradient(180deg,#1e293be6,#0f172aeb),#081423c2}.patch-notes-modal .upgrade-modal-actions .lobby-btn.primary,.tutorial-list-modal .upgrade-modal-actions .lobby-btn.primary,.achievements-modal .upgrade-modal-actions .lobby-btn.primary,.match-history-modal .upgrade-modal-actions .lobby-btn.primary,.rune-modal .upgrade-modal-actions .lobby-btn.primary,.settings-modal .upgrade-modal-actions .lobby-btn.primary,.audio-settings-modal .upgrade-modal-actions .lobby-btn.primary,.controls-settings-modal .upgrade-modal-actions .lobby-btn.primary{position:relative;overflow:hidden;border:1px solid rgba(168,85,247,.72)!important;background:linear-gradient(90deg,#2563eb57,#581c87a3),#081423eb!important;color:#f8fbff!important;box-shadow:inset 0 0 0 1px #93c5fd2e,0 0 22px #3b82f638,0 0 24px #a855f729}.patch-notes-modal .upgrade-modal-actions .lobby-btn.primary:before,.tutorial-list-modal .upgrade-modal-actions .lobby-btn.primary:before,.achievements-modal .upgrade-modal-actions .lobby-btn.primary:before,.match-history-modal .upgrade-modal-actions .lobby-btn.primary:before,.rune-modal .upgrade-modal-actions .lobby-btn.primary:before,.settings-modal .upgrade-modal-actions .lobby-btn.primary:before,.audio-settings-modal .upgrade-modal-actions .lobby-btn.primary:before,.controls-settings-modal .upgrade-modal-actions .lobby-btn.primary:before,.patch-notes-modal .upgrade-modal-actions .lobby-btn.primary:after,.tutorial-list-modal .upgrade-modal-actions .lobby-btn.primary:after,.achievements-modal .upgrade-modal-actions .lobby-btn.primary:after,.match-history-modal .upgrade-modal-actions .lobby-btn.primary:after,.rune-modal .upgrade-modal-actions .lobby-btn.primary:after,.settings-modal .upgrade-modal-actions .lobby-btn.primary:after,.audio-settings-modal .upgrade-modal-actions .lobby-btn.primary:after,.controls-settings-modal .upgrade-modal-actions .lobby-btn.primary:after{content:"";position:absolute;top:50%;width:.62rem;height:.62rem;border:1px solid rgba(147,197,253,.56);transform:translateY(-50%) rotate(45deg);pointer-events:none;box-shadow:0 0 8px #3b82f68a,0 0 8px #a855f747}.patch-notes-modal .upgrade-modal-actions .lobby-btn.primary:before,.tutorial-list-modal .upgrade-modal-actions .lobby-btn.primary:before,.achievements-modal .upgrade-modal-actions .lobby-btn.primary:before,.match-history-modal .upgrade-modal-actions .lobby-btn.primary:before,.rune-modal .upgrade-modal-actions .lobby-btn.primary:before,.settings-modal .upgrade-modal-actions .lobby-btn.primary:before,.audio-settings-modal .upgrade-modal-actions .lobby-btn.primary:before,.controls-settings-modal .upgrade-modal-actions .lobby-btn.primary:before{left:1.2rem}.patch-notes-modal .upgrade-modal-actions .lobby-btn.primary:after,.tutorial-list-modal .upgrade-modal-actions .lobby-btn.primary:after,.achievements-modal .upgrade-modal-actions .lobby-btn.primary:after,.match-history-modal .upgrade-modal-actions .lobby-btn.primary:after,.rune-modal .upgrade-modal-actions .lobby-btn.primary:after,.settings-modal .upgrade-modal-actions .lobby-btn.primary:after,.audio-settings-modal .upgrade-modal-actions .lobby-btn.primary:after,.controls-settings-modal .upgrade-modal-actions .lobby-btn.primary:after{right:1.2rem}.ability-loadout-modal{border:1.5px solid rgba(96,165,250,.72);background:radial-gradient(circle at 96% 0%,rgba(192,132,252,.18),transparent 28%),radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 30%),linear-gradient(180deg,#0f172afa,#111827fa);box-shadow:0 24px 60px #00000094,0 0 0 1px #dbeafe14,0 0 26px #38bdf838,0 0 28px #c084fc29,inset 0 0 30px #60a5fa0f}.skin-picker-modal,.ability-loadout-modal{contain:layout paint style;isolation:isolate}.ability-loadout-modal .skin-modal-head,.ability-loadout-modal .ability-preset-bar{position:relative;padding-bottom:.62rem}.ability-loadout-modal .skin-modal-head:after,.ability-loadout-modal .ability-preset-bar:after{content:"";position:absolute;left:0;bottom:0;width:min(13rem,52%);height:1px;background:linear-gradient(90deg,rgba(125,211,252,.88),rgba(192,132,252,.58),transparent);box-shadow:0 0 12px #38bdf847,0 0 14px #c084fc2e}.ability-loadout-modal .skin-modal-head h3{color:#f8fbff;font-size:clamp(1.42rem,4.6vw,1.95rem);font-weight:1000;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.34),0 0 18px rgba(96,165,250,.28),0 0 20px rgba(192,132,252,.16)}.ability-loadout-modal>p{color:#aebbd0;line-height:1.5}.ability-loadout-modal .skin-token-badge{border-color:#60a5fa80;background:radial-gradient(circle at 0% 0%,rgba(96,165,250,.2),transparent 52%),linear-gradient(180deg,#142744e6,#081423e6);box-shadow:inset 0 0 0 1px #93c5fd1f,0 0 18px #3b82f629}.ability-loadout-modal .ability-preset-btn{border-color:#7dd3fc3d;background:linear-gradient(180deg,#1e293bdb,#0c1522f0);color:#9fb1c7;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 18px #0206172e}.ability-loadout-modal .ability-preset-btn:hover{border-color:#93c5fdb8;color:#e5eef8;box-shadow:inset 0 0 0 1px #93c5fd1a,0 0 18px #3b82f629}.ability-loadout-modal .ability-preset-btn.is-active{border-color:#60a5faeb;background:linear-gradient(90deg,#2563eb47,#581c876b),#081423eb;color:#bfdbfe;box-shadow:inset 0 0 0 1px #93c5fd29,0 0 22px #3b82f642,0 0 20px #a855f71f}.path-skin-store-status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.62rem .78rem;border:1px solid rgba(125,211,252,.42);border-radius:.75rem;background:#081423b8;color:#bae6fd}.path-skin-store-status.skin-tier-rare{border-color:#c084fc8c;color:#e9d5ff}.path-skin-store-status.skin-tier-legendary{border-color:#fbbf2494;color:#fde68a}.path-skin-card.skin-id-classic:not(.is-selected){border-color:#7dd3fcb8;box-shadow:inset 0 0 0 1px #7dd3fc14,0 0 15px #7dd3fc1c}.path-skin-lock-badge{position:absolute;top:.45rem;right:.5rem;z-index:3;display:grid;width:1.55rem;height:1.55rem;place-items:center;border:1px solid rgba(148,163,184,.45);border-radius:999px;background:#060e1ce6;font-size:.72rem;box-shadow:0 0 12px #0f172acc}.ability-loadout-modal .ability-preset-btn.is-rotation{border-color:#a855f7;color:#e9d5ff}.ability-loadout-modal .ability-preset-btn.is-rotation.is-active{border-color:#facc15;color:#fef3c7}.ability-rotation-preset-notice{display:grid;margin:0 0 .7rem;padding:.55rem .7rem;border:1px solid #6b3fa0;border-radius:.7rem;background:#581c8733;color:#cbd5e1;font-size:.7rem}.ability-rotation-preset-notice strong{color:#f5d0fe}.ability-loadout-chip-btn.is-readonly,.ability-loadout-modal .skin-option-card.is-readonly{cursor:default;opacity:1}.ability-loadout-modal .ability-loadout-view-toggle{border-color:#60a5fa85;background:linear-gradient(180deg,#2563eb3d,#0f2a538f),#081423d6;color:#dbeafe;box-shadow:inset 0 0 0 1px #93c5fd24,0 0 16px #3b82f624}.ability-loadout-modal .ability-loadout-view-toggle:hover,.ability-loadout-modal .ability-loadout-view-toggle:focus-visible{border-color:#d8b4fec2;background:linear-gradient(180deg,#581c8752,#0f2a539e),#081423e6;box-shadow:inset 0 0 0 1px #93c5fd2e,0 0 22px #a855f733}.ability-loadout-modal .ability-loadout-chip{border-color:#60a5fa5c;background:radial-gradient(circle at 0% 0%,rgba(96,165,250,.2),transparent 48%),#0f172abd;color:#e5eef8;box-shadow:inset 0 0 0 1px #ffffff08,0 0 14px #3b82f61a}.ability-loadout-modal .ability-loadout-chip-btn:hover,.ability-loadout-modal .ability-loadout-chip-btn:focus-visible{border-color:#d8b4feb8;background:linear-gradient(90deg,#2563eb33,#581c8747),#0f172ad1;box-shadow:inset 0 0 0 1px #93c5fd1f,0 0 18px #a855f72e}.ability-loadout-modal .skin-option-card{--ability-loadout-press-color: #60a5fa;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-color:#7dd3fc38;background:linear-gradient(180deg,#0f172ac2,#080d12a3),#0814239e;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #02061729}.ability-loadout-modal .skin-option-card.is-attack{--ability-loadout-press-color: #f97316}.ability-loadout-modal .skin-option-card.is-defense{--ability-loadout-press-color: #38bdf8}.ability-loadout-modal .skin-option-card:is(.is-utility,.is-passive){--ability-loadout-press-color: #a3e635}.ability-loadout-modal .skin-option-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 46%,transparent 58%);opacity:0;transform:translate(-60%);transition:opacity .18s ease,transform .34s ease;pointer-events:none}.ability-loadout-modal .skin-option-card:hover:before{opacity:1;transform:translate(60%)}.ability-loadout-modal .skin-option-card:hover{border-color:#93c5fd9e;background:radial-gradient(circle at 0% 0%,rgba(96,165,250,.12),transparent 50%),linear-gradient(180deg,#122036db,#080d12b8);box-shadow:inset 0 0 0 1px #93c5fd14,0 14px 28px #02061738,0 0 18px #3b82f624}.ability-loadout-modal .skin-option-card.is-selected{border:2px solid rgba(74,222,128,.98);background:radial-gradient(circle at 16% 24%,rgba(74,222,128,.16),transparent 52%),linear-gradient(90deg,#15803d33,#0f172a52),#081423d6;box-shadow:inset 0 0 0 1px #bbf7d02e,0 0 22px #22c55e47}.ability-loadout-modal .skin-option-card.is-locked{border-color:#64748b42;background:linear-gradient(180deg,#1e293b80,#0f172ab8);box-shadow:inset 0 0 0 1px #ffffff05,0 8px 18px #0000002e}.ability-loadout-modal .skin-option-card:not(:disabled):active{transform:scale(.96);border-color:color-mix(in srgb,var(--ability-loadout-press-color),white 15%);filter:brightness(1.1) saturate(1.12);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ability-loadout-press-color),transparent 28%) inset,0 0 16px color-mix(in srgb,var(--ability-loadout-press-color),transparent 38%),0 0 30px color-mix(in srgb,var(--ability-loadout-press-color),transparent 68%);transition-duration:60ms;transition-timing-function:ease-out}.ability-loadout-modal .skin-option-copy strong,.ability-loadout-modal .ability-skill-grid-name{color:#f8fbff;text-shadow:0 1px 0 rgba(0,0,0,.32),0 0 12px rgba(96,165,250,.18)}.ability-loadout-modal .skin-option-copy strong.skin-name-tier-common,.ability-loadout-modal .ability-skill-grid-name.skin-name-tier-common{color:#7dd3fc;text-shadow:0 1px 0 rgba(0,0,0,.32),0 0 14px rgba(125,211,252,.28)}.ability-loadout-modal .skin-option-copy strong.skin-name-tier-rare,.ability-loadout-modal .ability-skill-grid-name.skin-name-tier-rare{color:#c084fc;text-shadow:0 1px 0 rgba(0,0,0,.32),0 0 14px rgba(192,132,252,.3)}.ability-loadout-modal .skin-option-copy strong.skin-name-tier-legendary,.ability-loadout-modal .ability-skill-grid-name.skin-name-tier-legendary{background:linear-gradient(90deg,gold,#fff3b0,gold);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.ability-loadout-modal .skin-option-copy>span{color:#aebbd0}.ability-loadout-modal .ability-skill-info-pill{box-shadow:inset 0 0 0 1px #ffffff0a,0 0 16px #3b82f61f}.ability-loadout-modal .upgrade-modal-actions .lobby-btn.primary,.ability-loadout-modal .upgrade-modal-actions .lobby-btn:not(.primary){position:relative;overflow:hidden;border:1px solid rgba(168,85,247,.72)!important;background:linear-gradient(90deg,#2563eb57,#581c87a3),#081423eb!important;color:#f8fbff!important;box-shadow:inset 0 0 0 1px #93c5fd2e,0 0 22px #3b82f638,0 0 24px #a855f729}.ability-loadout-modal .upgrade-modal-actions .lobby-btn:not(.primary){border-color:#60a5fa8f!important;background:linear-gradient(180deg,#2563eb3d,#0f2a53ad),#081423eb!important}.ability-loadout-modal .upgrade-modal-actions .lobby-btn.primary:before,.ability-loadout-modal .upgrade-modal-actions .lobby-btn.primary:after,.ability-loadout-modal .upgrade-modal-actions .lobby-btn:not(.primary):before,.ability-loadout-modal .upgrade-modal-actions .lobby-btn:not(.primary):after{content:"";position:absolute;top:50%;width:.62rem;height:.62rem;border:1px solid rgba(147,197,253,.56);transform:translateY(-50%) rotate(45deg);pointer-events:none;box-shadow:0 0 8px #3b82f68a,0 0 8px #a855f747}.ability-loadout-modal .upgrade-modal-actions .lobby-btn.primary:before,.ability-loadout-modal .upgrade-modal-actions .lobby-btn:not(.primary):before{left:1.2rem}.ability-loadout-modal .upgrade-modal-actions .lobby-btn.primary:after,.ability-loadout-modal .upgrade-modal-actions .lobby-btn:not(.primary):after{right:1.2rem}.match-history-modal{width:min(100%,40rem);max-height:min(52rem,88dvh);overflow:hidden}.match-history-scroll-body{flex:1;min-height:0;overflow-y:auto;padding-right:.2rem}.match-history-empty{padding:2rem 0;text-align:center;color:var(--text-muted, rgba(148, 163, 184, .75));font-size:.9rem}.match-history-list{display:flex;flex-direction:column;gap:.6rem}.match-history-card{display:grid;grid-template-rows:auto auto;align-items:stretch;gap:.7rem;min-height:10.4rem;padding:1rem 1rem .85rem;border-radius:.95rem;border:1px solid rgba(148,163,184,.16);background:#0f172a6b}.match-history-card.is-win{border-color:#4ade8052;background:#15803d12}.match-history-card.is-lose{border-color:#ef444447;background:#7f1d1d12}.match-history-card.is-draw{border-color:#94a3b838;background:#1e293b6b}.match-history-main-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(4.6rem,auto) minmax(0,1fr);align-items:start;gap:clamp(.7rem,3vw,1.4rem);min-width:0}.match-history-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.42rem;min-width:4.4rem;padding-top:.25rem}.match-history-result-badge{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;border-radius:50%;font-size:1rem;font-weight:900;letter-spacing:0}.is-win .match-history-result-badge{background:#15803d61;color:#4ade80;border:1px solid rgba(74,222,128,.42)}.is-lose .match-history-result-badge{background:#7f1d1d61;color:#f87171;border:1px solid rgba(239,68,68,.38)}.is-draw .match-history-result-badge{background:#33415585;color:#94a3b8;border:1px solid rgba(148,163,184,.28)}.match-history-rating{font-size:1rem;font-weight:900;font-family:var(--mono, "JetBrains Mono", monospace);letter-spacing:.02em}.match-history-rating.is-positive{color:#4ade80}.match-history-rating.is-negative{color:#f87171}.match-history-side{display:flex;flex-direction:column;align-items:flex-start;gap:.42rem;min-width:0}.match-history-side-right{text-align:right;align-items:flex-end}.match-history-nickname{width:100%;max-width:clamp(7rem,26vw,12rem);min-height:calc(1.15em * 3);font-size:.98rem;line-height:1.15;font-weight:900;color:#f8fbff;overflow-wrap:anywhere;word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.match-history-player-rating{display:inline-flex;align-items:center;width:fit-content;min-height:1.8rem;gap:.26rem;padding:.3rem .56rem;border-radius:999px;border:1px solid rgba(96,165,250,.48);background:linear-gradient(90deg,#2563eb2e,#581c873d),#081423bd;font-family:var(--mono, "JetBrains Mono", monospace);font-size:.78rem;font-weight:700;color:#dbeafe;line-height:1;box-shadow:0 0 16px #3b82f624,inset 0 0 0 1px #93c5fd14}.match-history-player-rating-icon{font-family:initial;font-size:.86rem;line-height:1}.match-history-player-rating-value{color:inherit;font:inherit;letter-spacing:.02em}.match-history-skills{display:flex;gap:.28rem;flex-wrap:wrap}.match-history-skill-wrap{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.35rem;background:#1e293ba6;border:1px solid rgba(96,165,250,.18);font-size:.9rem;overflow:hidden}.match-history-hp{font-size:.86rem;color:#f87171e6;font-weight:800;font-family:var(--mono, "JetBrains Mono", monospace)}.match-history-vs{font-size:1.05rem;line-height:1;font-weight:900;color:#94a3b8c7;letter-spacing:.02em}.match-history-time{justify-self:center;align-self:end;width:100%;padding-top:.55rem;border-top:1px solid rgba(148,163,184,.14);text-align:center;font-size:.82rem;color:var(--text-muted, rgba(148, 163, 184, .65));font-family:var(--mono, "JetBrains Mono", monospace);white-space:nowrap}@media(max-width:520px){.match-history-card{min-height:9.6rem;padding:.9rem .8rem .75rem}.match-history-main-row{grid-template-columns:minmax(0,1fr) minmax(3.9rem,auto) minmax(0,1fr);gap:.45rem}.match-history-center{min-width:3.8rem}.match-history-nickname{max-width:100%;font-size:.86rem;min-height:calc(1.15em * 3)}.match-history-skill-wrap{width:1.72rem;height:1.72rem}.match-history-result-badge{width:2.45rem;height:2.45rem;font-size:.9rem}}.lobby-ranked-center{display:flex;flex-direction:column;gap:.85rem;width:100%;height:100%}.ranked-lobby-summary{position:relative;display:flex;flex-direction:column;gap:.85rem;width:100%;height:100%;border:1.5px solid rgba(96,165,250,.62);border-radius:1.05rem;padding:1.05rem;overflow:hidden;background:radial-gradient(circle at 94% 0%,rgba(192,132,252,.16),transparent 30%),radial-gradient(circle at 3% 2%,rgba(56,189,248,.16),transparent 34%),linear-gradient(180deg,#0f172af5,#111827f0);box-shadow:0 18px 42px #00000057,0 0 0 1px #dbeafe0f,0 0 22px #38bdf829,inset 0 0 26px #60a5fa0d}.ranked-lobby-summary:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.06) 18%,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 42%);opacity:.62;pointer-events:none}.ranked-lobby-summary-head,.ranked-lobby-summary-grid,.ranked-lobby-summary-actions{position:relative}.ranked-lobby-summary-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding-bottom:.72rem}.ranked-lobby-summary-head:after{content:"";position:absolute;left:0;bottom:0;width:min(14rem,58%);height:1px;background:linear-gradient(90deg,rgba(125,211,252,.9),rgba(192,132,252,.55),transparent);box-shadow:0 0 12px #38bdf847,0 0 14px #c084fc24}.ranked-lobby-summary-title{color:#f8fbff;font-size:clamp(1.16rem,3.6vw,1.45rem);font-weight:1000;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.32),0 0 18px rgba(96,165,250,.28)}.ranked-lobby-summary-season{flex:0 0 auto;padding:.24rem .52rem;border:1px solid rgba(147,197,253,.26);border-radius:999px;background:#0f172a8f;color:#bfdbfe;font-family:var(--mono);font-size:.78rem;box-shadow:inset 0 0 0 1px #ffffff08}.ranked-lobby-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;flex:1;align-content:center}.ranked-lobby-summary-stat{display:flex;flex-direction:column;justify-content:center;gap:.35rem;min-height:4.2rem;padding:.72rem .8rem;border:1px solid rgba(125,211,252,.2);border-radius:.82rem;background:linear-gradient(180deg,#0f172ab8,#080d1294),#08142385;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #02061724}.ranked-lobby-summary-stat-wide{grid-column:1 / -1}.ranked-lobby-summary-stat span{color:#aebbd0;font-size:.78rem;font-weight:700}.ranked-lobby-summary-stat strong{color:#f8fbff;font-family:var(--mono);font-size:clamp(1.02rem,4vw,1.28rem);font-weight:1000;line-height:1.1;text-shadow:0 0 12px rgba(96,165,250,.16)}.ranked-lobby-summary-score{display:inline-flex;align-items:center;gap:.38rem}.ranked-score-crown{display:inline-flex;align-items:center;justify-content:center;line-height:1;filter:drop-shadow(0 0 8px rgba(251,191,36,.42)) drop-shadow(0 2px 0 rgba(0,0,0,.26))}.ranked-lobby-summary-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem}.ranked-info-open-btn-secondary{border-color:#7dd3fc57;background:linear-gradient(180deg,#1e293bc7,#0f172ad1),#081423c2;color:#dbeafe}.ranked-leaderboard{position:relative;display:flex;flex-direction:column;gap:.72rem;border:1.5px solid rgba(96,165,250,.62);border-radius:1.05rem;padding:1.05rem;overflow:hidden;flex:1;background:radial-gradient(circle at 94% 0%,rgba(192,132,252,.16),transparent 30%),radial-gradient(circle at 3% 2%,rgba(56,189,248,.16),transparent 34%),linear-gradient(180deg,#0f172af5,#111827f0);box-shadow:0 18px 42px #00000057,0 0 0 1px #dbeafe0f,0 0 22px #38bdf829,inset 0 0 26px #60a5fa0d}.ranked-leaderboard:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.06) 18%,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 42%);opacity:.62;pointer-events:none}.ranked-leaderboard-season{flex:0 0 auto;padding:.24rem .52rem;border:1px solid rgba(147,197,253,.26);border-radius:999px;background:#0f172a8f;color:#bfdbfe;font-family:var(--mono);font-size:.78rem;box-shadow:inset 0 0 0 1px #ffffff08}.ranked-leaderboard-myrank{position:relative;width:fit-content;max-width:100%;padding:.44rem .72rem;border:1px solid rgba(125,211,252,.2);border-radius:.72rem;background:linear-gradient(180deg,#1e293b9e,#0f172a8f),#08142366;color:#dbeafe;font-size:.86rem;font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-leaderboard-list{position:relative;list-style:none;margin:0;padding:.08rem .12rem 0 0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.5) rgba(15,23,42,.34)}.ranked-leaderboard-list::-webkit-scrollbar{width:.42rem}.ranked-leaderboard-list::-webkit-scrollbar-thumb{border-radius:999px;background:#60a5fa7a}.ranked-leaderboard-row{display:grid;grid-template-columns:3rem minmax(0,1fr) 5rem;align-items:center;gap:.65rem;min-height:2.55rem;padding:.36rem .72rem;border:1px solid transparent;border-radius:.72rem;color:#dbeafe}.ranked-leaderboard-row:not(.ranked-leaderboard-head){margin-top:.3rem;background:linear-gradient(180deg,#0f172a9e,#080d1280),#08142361;border-color:#7dd3fc24;box-shadow:inset 0 0 0 1px #ffffff06,0 8px 18px #0206171f}.ranked-leaderboard-row:nth-child(2){border-color:#fbbf247a;background:radial-gradient(circle at 0% 50%,rgba(251,191,36,.12),transparent 45%),linear-gradient(180deg,#1e293bbd,#0f172a9e)}.ranked-leaderboard-row:nth-child(3){border-color:#cbd5e152}.ranked-leaderboard-row:nth-child(4){border-color:#f472b642}.ranked-leaderboard-row .rl-rank{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(147,197,253,.2);border-radius:999px;background:#0f172aad;color:#93c5fd;font-family:var(--mono);font-weight:900}.ranked-leaderboard-row:nth-child(2) .rl-rank{border-color:#fbbf248a;color:#fde68a;box-shadow:0 0 16px #fbbf2429}.ranked-leaderboard-row .rl-score{color:#f8fbff;font-family:var(--mono);font-weight:900;text-align:right;text-shadow:0 0 12px rgba(96,165,250,.18)}.ranked-leaderboard-row .rl-name{min-width:0;color:#eef6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.ranked-leaderboard-head{min-height:2rem;padding-top:.2rem;padding-bottom:.34rem;color:#9fb0c7;font-size:.78rem;border-bottom:1px solid rgba(125,211,252,.18);border-radius:0}.ranked-leaderboard-head .rl-rank{display:block;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:inherit;font-weight:700}.ranked-leaderboard-head .rl-name,.ranked-leaderboard-head .rl-score{color:inherit;font-weight:700;text-shadow:none}.ranked-leaderboard-row.is-me{border-color:#4ade807a;background:radial-gradient(circle at 100% 50%,rgba(74,222,128,.14),transparent 48%),linear-gradient(180deg,#14532d57,#0f172a9e),#08142385;box-shadow:inset 0 0 0 1px #bbf7d00f,0 0 18px #22c55e1f}.ranked-leaderboard-empty{position:relative;display:grid;place-items:center;min-height:8rem;border:1px dashed rgba(125,211,252,.24);border-radius:.9rem;background:#0f172a61;color:#aebbd0;text-align:center;padding:1.5rem 1rem}.ranked-info-open-btn{position:relative;overflow:hidden;min-height:3.1rem;border:1px solid rgba(168,85,247,.56);border-radius:.82rem;background:linear-gradient(90deg,#2563eb3d,#581c8775),#081423db;color:#f8fbff;font-weight:900;box-shadow:inset 0 0 0 1px #93c5fd1f,0 0 20px #3b82f624,0 0 22px #a855f71f;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.ranked-info-open-btn:hover,.ranked-info-open-btn:focus-visible{border-color:#c084fcd1;box-shadow:inset 0 0 0 1px #93c5fd29,0 0 24px #3b82f638,0 0 26px #a855f72e;outline:none}.ranked-info-open-btn:active{transform:translateY(1px) scale(.99)}.ranked-leaderboard-modal{width:min(34rem,calc(100vw - 2rem))}.ranked-leaderboard-modal-head{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.ranked-leaderboard-modal .ranked-leaderboard-list{max-height:min(22rem,48dvh)}.ranked-leaderboard-cache-note{position:relative;color:#8fa4bd;font-size:.78rem;text-align:center}.ranked-leaderboard-modal-actions{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem}.ranked-info-history-btn,.ranked-info-close-btn{position:relative;min-height:2.8rem;border:1px solid rgba(125,211,252,.28);border-radius:.82rem;padding:.64rem .95rem;background:linear-gradient(180deg,#1e293bc7,#0f172ad1),#081423c2;color:#dbeafe;cursor:pointer;font:inherit;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 18px #02061733;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.ranked-info-history-btn{border-color:#a855f78f;background:linear-gradient(90deg,#2563eb3d,#581c8775),#081423db;color:#f8fbff;box-shadow:inset 0 0 0 1px #93c5fd1f,0 0 20px #3b82f624,0 0 22px #a855f71f}.ranked-info-history-btn:hover,.ranked-info-history-btn:focus-visible,.ranked-info-close-btn:hover,.ranked-info-close-btn:focus-visible{border-color:#7dd3fcb8;background:linear-gradient(180deg,#2d4e74d1,#132b46d6),#0e243cc7;box-shadow:inset 0 0 0 1px #93c5fd14,0 0 20px #3b82f629;outline:none}.ranked-info-history-btn:hover,.ranked-info-history-btn:focus-visible{border-color:#c084fcd1;background:linear-gradient(90deg,#2563eb57,#581c8794),#081423e6}.ranked-info-history-btn:active,.ranked-info-close-btn:active{transform:translateY(1px) scale(.99)}.ranked-info-history-btn:disabled,.ranked-info-close-btn:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.ranked-info-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 10%,rgba(59,130,246,.16),transparent 36%),#020617b8;-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem)}.ranked-info-modal{position:relative;width:min(27rem,calc(100vw - 2rem));max-height:min(34rem,calc(100dvh - 2rem));display:flex;flex-direction:column;gap:.9rem;overflow:hidden;border:1.5px solid rgba(96,165,250,.72);border-radius:1.05rem;padding:1.2rem;background:radial-gradient(circle at 96% 0%,rgba(192,132,252,.18),transparent 30%),radial-gradient(circle at 0% 0%,rgba(56,189,248,.16),transparent 32%),linear-gradient(180deg,#0f172afa,#111827fa);box-shadow:0 24px 60px #00000094,0 0 0 1px #dbeafe14,0 0 26px #38bdf838,0 0 28px #c084fc29,inset 0 0 30px #60a5fa0f}.ranked-info-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.06) 18%,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 42%);opacity:.52;pointer-events:none}.ranked-info-title{position:relative;margin:0 0 .08rem;padding-bottom:.62rem;color:#f8fbff;font-size:clamp(1.28rem,4.2vw,1.66rem);font-weight:1000;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.34),0 0 18px rgba(96,165,250,.28),0 0 20px rgba(192,132,252,.16)}.ranked-info-title:after{content:"";position:absolute;left:0;bottom:0;width:min(13rem,58%);height:1px;background:linear-gradient(90deg,rgba(125,211,252,.88),rgba(192,132,252,.58),transparent);box-shadow:0 0 12px #38bdf847,0 0 14px #c084fc2e}.ranked-info-rows{position:relative;display:flex;flex-direction:column;gap:.55rem}.ranked-info-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;min-height:3.05rem;padding:.68rem .8rem;border:1px solid rgba(125,211,252,.2);border-radius:.82rem;background:linear-gradient(180deg,#0f172ab8,#080d1294),#08142385;color:#dbeafe;font-family:var(--mono);box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #02061724}.ranked-info-row span:first-child{min-width:0;color:#aebbd0;font-size:.82rem}.ranked-info-row span:last-child{color:#f8fbff;font-weight:900;text-align:right;text-shadow:0 0 12px rgba(96,165,250,.16)}.ranked-info-empty{position:relative;display:grid;place-items:center;min-height:8rem;border:1px dashed rgba(125,211,252,.24);border-radius:.9rem;background:#0f172a61;color:#aebbd0;text-align:center;padding:1.5rem 1rem}.ranked-history-list{position:relative;list-style:none;margin:0;padding:0 .12rem 0 0;display:flex;flex-direction:column;gap:.55rem;overflow-y:auto;max-height:min(20rem,48dvh);scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.5) rgba(15,23,42,.34)}.ranked-history-list::-webkit-scrollbar{width:.42rem}.ranked-history-list::-webkit-scrollbar-thumb{border-radius:999px;background:#60a5fa7a}.ranked-history-row{display:grid;grid-template-columns:minmax(5.5rem,.9fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.58rem;min-height:3.25rem;padding:.68rem .8rem;border:1px solid rgba(125,211,252,.18);border-radius:.82rem;background:linear-gradient(180deg,#0f172ab8,#080d1294),#08142385;color:#dbeafe;font-family:var(--mono);font-size:.84rem;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #02061724}.ranked-history-row .rh-season{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:.28rem .5rem;border:1px solid rgba(147,197,253,.24);border-radius:999px;background:#0f172aad;color:#bfdbfe;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-history-row .rh-rank,.ranked-history-row .rh-score{min-width:0;color:#eef6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-weight:800}@media(max-width:420px){.ranked-info-modal{padding:1rem}.ranked-history-row{grid-template-columns:1fr;align-items:start}.ranked-history-row .rh-rank,.ranked-history-row .rh-score{text-align:left}}.lobby-btn,.lobby-mini-btn,.lobby-user-score,.lobby-arena-showcase,.lobby-vault-button,.mode-selector-btn,.victory-vault-help-btn,.skin-picker-tab,.lobby-bottom-action,.controls-settings-tab,.audio-settings-toggle,.audio-advanced-toggle,.audio-preview-btn,.ability-loadout-view-toggle,.ability-loadout-chip-btn,.rune-equip-button,.friend-row,.friend-ctx-btn,.ranked-info-open-btn,.ranked-info-history-btn,.ranked-info-close-btn,.achievement-claim-btn,.achievements-claim-all-btn{transition-property:transform,background,border-color,box-shadow,color,filter,opacity;transition-duration:var(--lobby-motion-spring),var(--lobby-motion-feedback),var(--lobby-motion-feedback),var(--lobby-motion-feedback),var(--lobby-motion-feedback),var(--lobby-motion-feedback),var(--lobby-motion-feedback);transition-timing-function:var(--lobby-ease-spring),var(--lobby-ease-standard),var(--lobby-ease-standard),var(--lobby-ease-standard),var(--lobby-ease-standard),var(--lobby-ease-standard),var(--lobby-ease-standard)}@media(hover:hover)and (pointer:fine){:where(.lobby-btn,.lobby-mini-btn,.lobby-user-score,.lobby-arena-showcase,.lobby-vault-button,.mode-selector-btn,.victory-vault-help-btn,.skin-picker-tab,.lobby-bottom-action,.controls-settings-tab,.audio-settings-toggle,.audio-advanced-toggle,.audio-preview-btn,.ability-loadout-view-toggle,.ability-loadout-chip-btn,.rune-equip-button,.friend-row,.friend-ctx-btn,.ranked-info-open-btn,.ranked-info-history-btn,.ranked-info-close-btn,.achievement-claim-btn,.achievements-claim-all-btn):not(:disabled):not(.is-matchmaking-disabled):not([aria-disabled=true]):hover,:where(.lobby-btn,.lobby-mini-btn,.lobby-user-score,.lobby-arena-showcase,.lobby-vault-button,.mode-selector-btn,.victory-vault-help-btn,.skin-picker-tab,.lobby-bottom-action,.controls-settings-tab,.audio-settings-toggle,.audio-advanced-toggle,.audio-preview-btn,.ability-loadout-view-toggle,.ability-loadout-chip-btn,.rune-equip-button,.friend-row,.friend-ctx-btn,.ranked-info-open-btn,.ranked-info-history-btn,.ranked-info-close-btn,.achievement-claim-btn,.achievements-claim-all-btn):not(:disabled):not(.is-matchmaking-disabled):not([aria-disabled=true]):focus-visible{border-color:#93c5fde0;filter:brightness(1.08) saturate(1.08);box-shadow:0 12px 24px #0000004d,0 0 0 1px #7dd3fc47,0 0 26px #38bdf847,0 0 30px #a855f72e,inset 0 1px #ffffff14}}.lobby-btn:active,.lobby-mini-btn:active,.lobby-user-score:active,.lobby-arena-showcase:active,.lobby-vault-button:active,.mode-selector-btn:active,.victory-vault-help-btn:active,.skin-picker-tab:active,.lobby-bottom-action:active,.controls-settings-tab:active,.audio-settings-toggle:active,.audio-advanced-toggle:active,.audio-preview-btn:active,.ability-loadout-view-toggle:active,.ability-loadout-chip-btn:active,.rune-equip-button:active,.friend-row:active,.friend-ctx-btn:active,.ranked-info-open-btn:active,.ranked-info-history-btn:active,.ranked-info-close-btn:active,.achievement-claim-btn:active,.achievements-claim-all-btn:active{transform:translateY(2px) scale(.965);transform-origin:center;border-color:#bfdbfefa;filter:brightness(1.18) saturate(1.12);box-shadow:0 4px 10px #00000057,0 0 0 1px #bae6fd7a,0 0 24px #38bdf86b,0 0 26px #d8b4fe47,inset 0 0 28px #7dd3fc33,inset 0 2px #ffffff2e;transition-duration:var(--lobby-motion-press);transition-timing-function:var(--lobby-ease-out)}@media(prefers-reduced-motion:reduce){.lobby-btn:active,.lobby-mini-btn:active,.lobby-user-score:active,.lobby-arena-showcase:active,.lobby-vault-button:active,.mode-selector-btn:active,.victory-vault-help-btn:active,.skin-picker-tab:active,.lobby-bottom-action:active,.controls-settings-tab:active,.audio-settings-toggle:active,.audio-advanced-toggle:active,.audio-preview-btn:active,.ability-loadout-view-toggle:active,.ability-loadout-chip-btn:active,.rune-equip-button:active,.friend-row:active,.friend-ctx-btn:active,.ranked-info-open-btn:active,.ranked-info-history-btn:active,.ranked-info-close-btn:active,.achievement-claim-btn:active,.achievements-claim-all-btn:active{transform:translateY(1px) scale(.985)}}@media(hover:none)and (pointer:coarse){.victory-vault-visual.is-phase-claiming,.victory-vault-safe-button.is-phase-claiming,.victory-vault-safe-button.is-phase-claiming:before,.victory-vault-safe-button.is-ready .victory-vault-safe{animation:none}.victory-vault-visual.is-phase-claiming{box-shadow:0 0 24px #fbbf241a}.victory-vault-safe-button:is(.is-phase-gradeRevealed,.is-phase-rewardRevealed):before{box-shadow:inset 0 0 0 1px #fef3c785,inset 0 0 20px #fbbf241a}.victory-vault-modal:is(.is-phase-gradeRevealed,.is-phase-rewardRevealed){box-shadow:0 18px 38px #00000080,0 0 20px var(--vault-rarity-glow),inset 0 0 16px color-mix(in srgb,var(--vault-rarity-color) 8%,transparent)}.victory-vault-visual:is(.is-phase-gradeRevealed,.is-phase-rewardRevealed){box-shadow:inset 0 0 0 1px #fef3c71a,0 0 18px var(--vault-rarity-glow),0 0 30px color-mix(in srgb,var(--vault-rarity-color) 16%,transparent)}.victory-vault-safe-button:is(.is-phase-gradeRevealed,.is-phase-rewardRevealed) .victory-vault-safe{filter:saturate(1.15) contrast(1.06) drop-shadow(0 0 14px var(--vault-rarity-glow))}.victory-vault-particles{display:none}}@media(hover:none)and (pointer:coarse){.ranked-info-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(circle at 50% 10%,rgba(59,130,246,.12),transparent 34%),#020617db}.lobby-arena-showcase:after{animation:none;filter:none;opacity:0}.ability-skill-icon-mine-ring-outer,.ability-skill-icon-mine-ring-inner{animation:none}:is(.lobby-btn,.lobby-mini-btn,.lobby-user-score,.lobby-arena-showcase,.lobby-vault-button,.mode-selector-btn,.victory-vault-help-btn,.skin-picker-tab,.lobby-bottom-action,.controls-settings-tab,.audio-settings-toggle,.audio-advanced-toggle,.audio-preview-btn,.ability-loadout-view-toggle,.ability-loadout-chip-btn,.rune-equip-button,.friend-row,.friend-ctx-btn,.ranked-info-open-btn,.ranked-info-history-btn,.ranked-info-close-btn,.achievement-claim-btn,.achievements-claim-all-btn):active{filter:brightness(1.08);box-shadow:0 4px 10px #0000004d,inset 0 0 18px #7dd3fc1a}}:is(.lobby-screen [data-lobby-open-feedback],[data-lobby-close-feedback],[data-lobby-touch-feedback]).is-touch-pressed{transform:translateY(1px) scale(.965);transform-origin:center;border-color:#edf7ff;outline:2px solid rgba(231,245,255,.9);outline-offset:-2px;filter:none;box-shadow:inset 0 0 0 2px #c3e2ff4d;transition:transform 60ms ease-out,border-color 60ms ease-out}@media(prefers-reduced-motion:reduce){:is(.lobby-screen [data-lobby-open-feedback],[data-lobby-close-feedback],[data-lobby-touch-feedback]).is-touch-pressed{transform:none;transition:none}}@media(any-pointer:coarse){button[data-lobby-close-feedback],.mode-picker-close,.victory-vault-help-btn,.ability-preset-btn,.ability-loadout-view-toggle,.ranked-info-open-btn,.ranked-info-history-btn{min-width:44px;min-height:44px;flex-shrink:0;touch-action:manipulation}.ability-preset-bar{flex-wrap:wrap;gap:max(.5rem,8px)}}.ability-loadout-modal{gap:.55rem}.ability-loadout-modal .ability-preset-bar{gap:8px;padding-bottom:.35rem}.ability-loadout-modal .ability-preset-count{width:48px;min-width:48px;padding:.4rem .25rem;justify-content:center;font-variant-numeric:tabular-nums}.ability-loadout-modal .ability-preset-count .skin-token-badge-main{justify-content:center;white-space:nowrap}.ability-loadout-modal .ability-rotation-preset-notice{margin:0;padding:0;border:0;border-radius:0;background:none;color:#aebbd0;font-size:.75rem;line-height:1.4}.ability-loadout-modal .ability-loadout-selected-toolbar{align-items:flex-start;flex-shrink:0;min-height:44px;margin-top:0}.ability-loadout-modal .ability-loadout-modal-selected{position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:6px;height:var(--equipped-chip-height, 94px);min-height:var(--equipped-chip-height, 94px)}.ability-loadout-modal .ability-loadout-modal-selected .ability-loadout-chip{flex:0 0 auto;width:auto;max-width:100%;min-width:0;min-height:44px;padding:.4rem .6rem;gap:.35rem;font-size:.88rem;line-height:1.3;text-align:left}.ability-loadout-modal .ability-loadout-modal-selected .ability-loadout-chip>span:last-child{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.ability-loadout-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;font-size:22px}.ability-loadout-chip-icon>:is(svg,span){width:1em;height:1em;font-size:inherit}.ability-loadout-chip-measure{position:absolute;inset:0 0 auto;visibility:hidden;pointer-events:none}.ability-loadout-chip-measure-row{display:flex;flex-wrap:wrap;gap:6px}.ability-loadout-modal .skin-option-list,.ability-loadout-modal .ability-skill-grid{margin-top:0}.ability-loadout-modal.lobby-skill-swap{max-height:85dvh;display:flex;flex-direction:column}.lobby-skill-swap .skill-swap-grid{min-height:0}.lobby-skill-swap .upgrade-modal-actions{flex-shrink:0}.lobby-skill-swap .skill-swap-error{color:#fda4af;font-size:.8rem}@media(hover:hover){.lobby-skill-swap .ability-skill-grid-card:not(:disabled):hover{border-color:#b4e6ff;box-shadow:0 0 10px #7dd3fc59}}.ability-loadout-modal.lobby-skill-swap .ability-skill-grid-card{transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease}.lobby-skill-swap .ability-skill-grid-card:not(:disabled):is(:active,.is-touch-pressed){transform:scale(.94);border-color:#f4fbff;box-shadow:0 0 0 1px #f4fbffb3,0 0 10px #7dd3fc80}.lobby-skill-swap .ability-skill-grid-card:not(:disabled):focus-visible{outline:2px solid #f4fbff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.lobby-skill-swap .ability-skill-grid-card{transition:none}.lobby-skill-swap .ability-skill-grid-card:not(:disabled):is(:active,.is-touch-pressed){transform:none}}.skin-detail-team-picker{display:flex;gap:10px;margin:0 0 14px}.skin-detail-team-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:13px;border:1px solid #355473;background:linear-gradient(145deg,#1c2b42,#0b1423);color:#dce7f8;font:inherit;font-weight:700;cursor:pointer}.skin-detail-team-option.is-selected{border-color:#4ade80;background:linear-gradient(145deg,#19413c,#0b2327);box-shadow:inset 0 0 10px #4ade8017,0 0 9px #4ade8024}.skin-detail-team-option:focus-visible{outline:2px solid #bbf7d0;outline-offset:3px}.skin-detail-team-dot{width:10px;height:10px;border-radius:50%;background:#ff735c;box-shadow:0 0 6px #ff735c88}.skin-detail-team-option.is-blue .skin-detail-team-dot{background:#67d8ff;box-shadow:0 0 6px #67d8ff88}.game-grid-shell{width:100%;height:100%;max-width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-grid-shell.is-round-preparing .player-piece{transition-duration:0ms!important}.board-shake{animation:boardShake .12s ease-out}.board-shake-heavy{animation:boardShakeHeavy .16s ease-out}@keyframes boardShakeHeavy{0%{transform:translate(0) scale(1)}18%{transform:translate(5px,-3px) scale(1.008)}42%{transform:translate(-4px,3px) scale(1.004)}68%{transform:translate(3px,1px) scale(1.002)}to{transform:translate(0) scale(1)}}@keyframes boardShake{0%{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translate(-2px,2px)}75%{transform:translate(2px,1px)}to{transform:translate(0)}}.game-grid{position:relative;box-sizing:border-box;max-width:100%;background:var(--panel, #1e252b);border:1px solid var(--tile-border, #3a444d);border-radius:1rem;overflow:hidden;cursor:crosshair;touch-action:none;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff08}.round-ready-frame{position:absolute;inset:0;z-index:45;pointer-events:none}.round-ready-frame{border:2px solid rgba(125,211,252,0);border-radius:inherit;animation:round-ready-frame-flash .18s ease-out .41s both}@keyframes round-ready-frame-flash{0%{border-color:#7dd3fc00;box-shadow:0 0 #38bdf800}45%{border-color:#bae6fdf2;box-shadow:0 0 15px #38bdf89e,inset 0 0 12px #7dd3fc33}to{border-color:#7dd3fc00;box-shadow:0 0 #38bdf800}}.game-grid.board-skin-arena1{background:#222a30}.game-grid.board-skin-arena1 .grid-cell{border-color:#9ba8ae66;border-radius:2px}.game-grid.board-skin-arena1 .grid-cell.obstacle{border-color:#ed91a9a6}.game-grid.board-skin-blue-gray{background:#202933;border-color:#465769;box-shadow:0 8px 32px #0000006b,inset 0 1px #b0cdeb0d}.game-grid.board-skin-blue-gray .grid-cell{background:#33404d;border-color:#4b5d6f}.game-grid.board-skin-blue-gray .grid-cell:hover,.game-grid.board-skin-blue-gray .grid-cell.is-hovered{background:#3c4c5c}.game-grid.board-skin-blue-gray .grid-cell.obstacle,.game-grid.board-skin-blue-gray .grid-cell.obstacle:hover,.game-grid.board-skin-blue-gray .grid-cell.obstacle.is-hovered{background:linear-gradient(135deg,#ef44442e,#f8717114),#33404d;border-color:#f8717173}.game-grid.board-skin-pharaoh,.game-grid.board-skin-arena6{background:#33261a;border-color:#c6a152e6;box-shadow:0 8px 32px #0000006b,inset 0 1px #ffe6a514,0 0 0 1px #c6a1521f}.game-grid.board-skin-pharaoh .grid-cell,.game-grid.board-skin-arena6 .grid-cell{background:transparent;border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-pharaoh .grid-cell:hover,.game-grid.board-skin-pharaoh .grid-cell.is-hovered,.game-grid.board-skin-arena6 .grid-cell:hover,.game-grid.board-skin-arena6 .grid-cell.is-hovered{background:transparent;box-shadow:inset 0 0 0 1px #ffdd942e,0 0 18px #c495451f}.game-grid.board-skin-pharaoh .grid-cell.obstacle,.game-grid.board-skin-pharaoh .grid-cell.obstacle:hover,.game-grid.board-skin-pharaoh .grid-cell.obstacle.is-hovered,.game-grid.board-skin-arena6 .grid-cell.obstacle,.game-grid.board-skin-arena6 .grid-cell.obstacle:hover,.game-grid.board-skin-arena6 .grid-cell.obstacle.is-hovered{background-color:transparent;box-shadow:inset 0 0 0 1px #ffdd942e,0 0 18px #c495451f}.game-grid.board-skin-arena6{background:transparent;border-color:transparent}.game-grid.board-skin-magic{background:#171526;border-color:#ff9c6fc7;box-shadow:0 8px 32px #0000006b,inset 0 1px #ffd6ba14,0 0 0 1px #ff9c6f1f}.game-grid.board-skin-magic .grid-cell{border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-magic .grid-cell:hover,.game-grid.board-skin-magic .grid-cell.is-hovered{box-shadow:inset 0 0 0 1px #ffcea73d,0 0 18px #b161ff1f}.game-grid.board-skin-magic .grid-cell.obstacle,.game-grid.board-skin-magic .grid-cell.obstacle:hover,.game-grid.board-skin-magic .grid-cell.obstacle.is-hovered{border:none}.game-grid.board-skin-magic .obstacle-mark{z-index:3}.game-grid.board-skin-arena2{background:#060916;border-color:#00f5ffb8;box-shadow:0 8px 32px #00000080,inset 0 1px #b4fcff14,0 0 0 1px #ff2bd629,0 0 24px #00f5ff1f}.game-grid.board-skin-arena2 .grid-cell{border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-arena2 .grid-cell:hover,.game-grid.board-skin-arena2 .grid-cell.is-hovered{box-shadow:inset 0 0 0 1px #b3fbff38,0 0 18px #ff2bd624}.game-grid.board-skin-arena2 .grid-cell.obstacle,.game-grid.board-skin-arena2 .grid-cell.obstacle:hover,.game-grid.board-skin-arena2 .grid-cell.obstacle.is-hovered{border:none}.game-grid.board-skin-arena2 .obstacle-mark{z-index:3}.game-grid.board-skin-arena3{background:transparent;border-color:#6f2914eb;box-shadow:0 8px 32px #00000080,inset 0 1px #ff9b540f,0 0 0 1px #ff6a1a1a,0 0 22px #ff481817}.game-grid.board-skin-arena3 .grid-cell{background:transparent;border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-arena3 .grid-cell:hover,.game-grid.board-skin-arena3 .grid-cell.is-hovered{background:transparent;box-shadow:inset 0 0 0 1px #ff9b542e,0 0 14px #ff48181a}.game-grid.board-skin-arena3 .grid-cell.obstacle,.game-grid.board-skin-arena3 .grid-cell.obstacle:hover,.game-grid.board-skin-arena3 .grid-cell.obstacle.is-hovered{background-color:transparent;border:none}.game-grid.board-skin-arena3 .obstacle-mark{z-index:3}.game-grid.board-skin-arena4,.game-grid.board-skin-arena11{background:transparent;border-color:#a855f7c2;box-shadow:0 8px 32px #00000080,0 0 0 1px #7dd3fc1f,0 0 24px #a855f71f}.game-grid.board-skin-arena4 .grid-cell,.game-grid.board-skin-arena11 .grid-cell{background:transparent;border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-arena4 .grid-cell:hover,.game-grid.board-skin-arena4 .grid-cell.is-hovered,.game-grid.board-skin-arena11 .grid-cell:hover,.game-grid.board-skin-arena11 .grid-cell.is-hovered{background:transparent;box-shadow:inset 0 0 0 1px #e9d5ff33,0 0 14px #7dd3fc1f}.game-grid.board-skin-arena4 .grid-cell.obstacle,.game-grid.board-skin-arena4 .grid-cell.obstacle:hover,.game-grid.board-skin-arena4 .grid-cell.obstacle.is-hovered,.game-grid.board-skin-arena11 .grid-cell.obstacle,.game-grid.board-skin-arena11 .grid-cell.obstacle:hover,.game-grid.board-skin-arena11 .grid-cell.obstacle.is-hovered{background-color:transparent;border:none}.game-grid.board-skin-arena4 .obstacle-mark,.game-grid.board-skin-arena11 .obstacle-mark{z-index:3}.game-grid.board-skin-arena5{background:transparent;border-color:#f6d06fd1;box-shadow:0 8px 32px #00000080,0 0 0 1px #fff2b824,0 0 24px #f6d06f1f}.game-grid.board-skin-arena5 .grid-cell{background:transparent;border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-arena5 .grid-cell:hover,.game-grid.board-skin-arena5 .grid-cell.is-hovered{background:transparent;box-shadow:inset 0 0 0 1px #fff2b838,0 0 14px #f6d06f21}.game-grid.board-skin-arena5 .grid-cell.obstacle,.game-grid.board-skin-arena5 .grid-cell.obstacle:hover,.game-grid.board-skin-arena5 .grid-cell.obstacle.is-hovered{background-color:transparent;border:none}.game-grid.board-skin-arena5 .obstacle-mark{z-index:3}.game-grid.board-skin-arena7{background:transparent;border-color:#8b5cf6b8;box-shadow:0 8px 32px #00000080,0 0 0 1px #34d3991c,0 0 24px #8b5cf61f}.game-grid.board-skin-arena7 .grid-cell{background:transparent;border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-arena7 .grid-cell:hover,.game-grid.board-skin-arena7 .grid-cell.is-hovered{background:transparent;box-shadow:inset 0 0 0 1px #c4b5fd2e,0 0 14px #34d3991c}.game-grid.board-skin-arena7 .grid-cell.obstacle,.game-grid.board-skin-arena7 .grid-cell.obstacle:hover,.game-grid.board-skin-arena7 .grid-cell.obstacle.is-hovered{background-color:transparent;border:none}.game-grid.board-skin-arena7 .obstacle-mark{z-index:3}.game-grid.board-skin-arena8{background:transparent;border-color:#7dd3fcbd;box-shadow:0 8px 32px #00000080,0 0 0 1px #dbeafe1f,0 0 24px #38bdf81f}.game-grid.board-skin-arena8 .grid-cell{background:transparent;border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-arena8 .grid-cell:hover,.game-grid.board-skin-arena8 .grid-cell.is-hovered{background:transparent;box-shadow:inset 0 0 0 1px #dbeafe33,0 0 14px #38bdf81f}.game-grid.board-skin-arena8 .grid-cell.obstacle,.game-grid.board-skin-arena8 .grid-cell.obstacle:hover,.game-grid.board-skin-arena8 .grid-cell.obstacle.is-hovered{background-color:transparent;border:none}.game-grid.board-skin-arena8 .obstacle-mark{z-index:3}.game-grid.board-skin-arena9{background:transparent;border-color:#f8fafcb3;box-shadow:0 8px 32px #0000006b,0 0 0 1px #93c5fd1f,0 0 24px #dbeafe1f}.game-grid.board-skin-arena9 .grid-cell{background:transparent;border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-arena9 .grid-cell:hover,.game-grid.board-skin-arena9 .grid-cell.is-hovered{background:transparent;box-shadow:inset 0 0 0 1px #f8fafc3d,0 0 14px #93c5fd24}.game-grid.board-skin-arena9 .grid-cell.obstacle,.game-grid.board-skin-arena9 .grid-cell.obstacle:hover,.game-grid.board-skin-arena9 .grid-cell.obstacle.is-hovered{background-color:transparent;border:none}.game-grid.board-skin-arena9 .obstacle-mark{z-index:3}.game-grid.board-skin-arena10{background:transparent;border-color:#d6b45fbd;box-shadow:0 8px 32px #00000061,0 0 0 1px #fff1b824,0 0 24px #60a5fa1f}.game-grid.board-skin-arena10 .grid-cell{background:transparent;border:none;border-radius:0;box-shadow:none}.game-grid.board-skin-arena10 .grid-cell:hover,.game-grid.board-skin-arena10 .grid-cell.is-hovered{background:transparent;box-shadow:inset 0 0 0 1px #fff1b83d,0 0 14px #60a5fa21}.game-grid.board-skin-arena10 .grid-cell.obstacle,.game-grid.board-skin-arena10 .grid-cell.obstacle:hover,.game-grid.board-skin-arena10 .grid-cell.obstacle.is-hovered{background-color:transparent;border:none}.game-grid.board-skin-arena10 .obstacle-mark{z-index:3}.grid-cell{position:absolute;border:1px solid var(--tile-border, #3a444d);background:var(--tile, #2a3137);border-radius:4px;transition:background .12s}.grid-cell:hover,.grid-cell.is-hovered{background:var(--tile-hover, #333c44)}.grid-cell.obstacle{background:linear-gradient(135deg,#ef44442e,#f8717114),var(--tile, #2a3137);border-color:#f8717173}.grid-cell.obstacle:hover,.grid-cell.obstacle.is-hovered{background:linear-gradient(135deg,#ef44442e,#f8717114),var(--tile, #2a3137)}.obstacle-mark{position:absolute;inset:18%;border-radius:calc(var(--cell-size, 96px) * .125);background:linear-gradient(135deg,#f87171bf,#b91c1ce6);box-shadow:0 0 0 1px #ffffff14 inset,0 8px 18px #7f1d1d47}.obstacle-mark.slide-in-fwd-center{-webkit-animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) both;animation-delay:var(--obstacle-enter-delay, 0ms);-webkit-animation-delay:var(--obstacle-enter-delay, 0ms)}.obstacle-mark.round-ready-obstacle{animation:round-ready-obstacle-pulse .26s ease-out both;animation-delay:calc(90ms + var(--obstacle-enter-delay, 0ms))}@keyframes round-ready-obstacle-pulse{0%,to{filter:brightness(1)}45%{filter:brightness(1.42) saturate(1.16);box-shadow:0 0 0 1px #ffffff52 inset,0 0 14px #f87171a6}}@media(prefers-reduced-motion:reduce){.round-ready-frame,.obstacle-mark.round-ready-obstacle{animation-duration:1ms!important;animation-delay:0ms!important}}.obstacle-mark:before,.obstacle-mark:after{content:"";position:absolute;top:50%;left:50%;width:70%;height:calc(var(--cell-size, 96px) * .065);border-radius:999px;background:#fff5f5eb;transform-origin:center}.obstacle-mark:before{transform:translate(-50%,-50%) rotate(45deg)}.obstacle-mark:after{transform:translate(-50%,-50%) rotate(-45deg)}@-webkit-keyframes slide-in-fwd-center{0%{-webkit-transform:translateZ(-1400px);transform:translateZ(-1400px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:var(--obstacle-opacity, 1)}}@keyframes slide-in-fwd-center{0%{-webkit-transform:translateZ(-1400px);transform:translateZ(-1400px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:var(--obstacle-opacity, 1)}}.path-line.path-line-reveal{animation:opponent-path-reveal .32s ease-out both}.path-line.path-skin-neon_pulse .path-neon-pulse-electric{animation:path-neon-pulse-flow .62s linear infinite;will-change:stroke-dashoffset}.path-line.path-skin-neon_pulse .path-neon-pulse-ring{transform-box:fill-box;transform-origin:center;animation:path-neon-pulse-ring 1.05s ease-out infinite}.path-line.path-skin-starfall_comet .path-starfall-comet-nebula-wake{animation:path-starfall-comet-nebula-breathe 2.8s ease-in-out infinite;filter:drop-shadow(0 0 4px currentColor)}.path-line.path-skin-starfall_comet .path-starfall-comet-constellation-thread{filter:drop-shadow(0 0 2px currentColor)}.path-line.path-skin-starfall_comet .path-starfall-comet-waypoint{animation:path-starfall-comet-waypoint-awaken var(--path-comet-flight-duration) linear infinite;animation-delay:var(--path-comet-waypoint-delay);animation-fill-mode:backwards;transform-box:fill-box;transform-origin:center}.path-line.path-skin-starfall_comet .path-starfall-comet-flight-tail{animation:path-starfall-comet-tail-breathe .72s ease-in-out infinite;transform-box:fill-box;transform-origin:right center}.path-line.path-skin-starfall_comet .path-starfall-comet-flight-fragment{animation:path-starfall-comet-fragment-twinkle .66s ease-in-out infinite alternate}.path-line.path-skin-starfall_comet .path-starfall-comet-flight-head{animation:path-starfall-comet-head-spin 1.45s linear infinite;transform-box:fill-box;transform-origin:center}.path-line.path-skin-starfall_comet .path-starfall-comet-flight.is-lunar .path-starfall-comet-flight-head{animation-direction:reverse}.path-line.path-skin-starfall_comet .path-starfall-comet-turn-spark{transform-box:fill-box;transform-origin:center;animation:path-starfall-comet-turn-spark 2.2s ease-in-out infinite;animation-delay:var(--path-comet-spark-delay)}.path-line.path-skin-starfall_comet .path-starfall-comet-end-glint{transform-box:fill-box;transform-origin:center;animation:path-starfall-comet-end-glint 2.4s ease-in-out infinite}.path-line.path-skin-starfall_comet .path-starfall-comet-end-orbit{transform-box:view-box;animation:path-starfall-comet-end-orbit 3.2s linear infinite}.path-line.path-skin-starfall_comet .path-starfall-comet-end-core{transform-box:fill-box;transform-origin:center;animation:path-starfall-comet-core-pulse 1.8s ease-in-out infinite}.path-line.path-skin-arcane_circuit .path-arcane-circuit-aura{filter:drop-shadow(0 0 5px currentColor)}.path-line.path-skin-arcane_circuit.path-line-confirmed .path-arcane-circuit-inscription{animation:path-arcane-segment-inscribe .48s ease-out both;animation-delay:var(--path-arcane-segment-delay);stroke-dasharray:1;stroke-dashoffset:1}.path-line.path-skin-arcane_circuit.path-line-planning .path-arcane-circuit-inscription{animation:path-arcane-planning-inscribe .42s ease-out both;stroke-dasharray:1;stroke-dashoffset:1}.path-line.path-skin-arcane_circuit .path-arcane-rune-node{transform-box:fill-box;transform-origin:center}.path-line.path-skin-arcane_circuit.path-line-planning .path-arcane-rune-node{opacity:.72}.path-line.path-skin-arcane_circuit.path-line-planning .path-arcane-rune-glyph{animation:path-arcane-rune-planning-draw .56s ease-out both,path-arcane-rune-planning-glow 2.6s ease-in-out infinite;animation-delay:0ms,calc(.56s + var(--path-arcane-planning-delay));stroke-dasharray:1;stroke-dashoffset:1;transform-box:fill-box;transform-origin:center}.path-line.path-skin-arcane_circuit .path-arcane-rune-satellites{opacity:0;transform-box:view-box}.path-line.path-skin-arcane_circuit.path-line-planning .path-arcane-rune-satellites{opacity:.86}.path-line.path-skin-arcane_circuit.path-line-planning .path-arcane-rune-satellites.is-angular{animation:path-arcane-satellite-orbit 2.5s steps(8,end) infinite;animation-delay:var(--path-arcane-planning-delay)}.path-line.path-skin-arcane_circuit.path-line-planning .path-arcane-rune-satellites.is-rounded{animation:path-arcane-satellite-orbit-reverse 3.4s linear infinite;animation-delay:var(--path-arcane-planning-delay)}.path-line.path-skin-arcane_circuit .path-arcane-imprint-particle{opacity:0;transform-box:fill-box;transform-origin:center}.path-line.path-skin-arcane_circuit.path-line-planning .path-arcane-imprint-particle{animation:path-arcane-imprint-particle-burst .72s ease-out both;animation-delay:calc(var(--path-arcane-planning-delay) + var(--path-arcane-particle-delay))}.path-line.path-skin-arcane_circuit .path-arcane-scribe-cursor{filter:drop-shadow(0 0 6px currentColor);transform-box:view-box}.path-line.path-skin-arcane_circuit .path-arcane-scribe-cursor.is-angular{animation:path-arcane-scribe-orbit 2.2s steps(8,end) infinite}.path-line.path-skin-arcane_circuit .path-arcane-scribe-cursor.is-rounded{animation:path-arcane-scribe-orbit-reverse 3.1s linear infinite}.path-line.path-skin-arcane_circuit .path-arcane-scribe-cursor-frame,.path-line.path-skin-arcane_circuit .path-arcane-scribe-crescent,.path-line.path-skin-arcane_circuit .path-arcane-scribe-shard,.path-line.path-skin-arcane_circuit .path-arcane-scribe-orb{animation:path-arcane-scribe-glow 1.35s ease-in-out infinite}.path-line.path-skin-arcane_circuit.path-line-confirmed .path-arcane-rune-node{animation:path-arcane-rune-ignite .72s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--path-arcane-rune-delay)}.path-line.path-skin-arcane_circuit .path-arcane-rune-wave{opacity:0;transform-box:fill-box;transform-origin:center}.path-line.path-skin-arcane_circuit.path-line-confirmed .path-arcane-rune-wave{animation:path-arcane-rune-wave-expand .68s ease-out both;animation-delay:var(--path-arcane-rune-delay)}.path-line.path-skin-arcane_circuit.path-line-confirmed .path-arcane-rune-glyph{animation:path-arcane-rune-resonance 4.2s ease-in-out infinite;animation-delay:calc(var(--path-arcane-rune-delay) + .82s)}.path-line.path-skin-arcane_circuit .path-arcane-rune-node.is-angular .path-arcane-rune-frame,.path-line.path-skin-arcane_circuit .path-arcane-magic-core.is-angular{filter:drop-shadow(0 0 4px #e11d48)}.path-line.path-skin-arcane_circuit .path-arcane-rune-node.is-rounded .path-arcane-rune-frame,.path-line.path-skin-arcane_circuit .path-arcane-magic-core.is-rounded{filter:drop-shadow(0 0 4px #238cff)}.path-line.path-skin-arcane_circuit .path-arcane-magic-circle-assembly{transform-box:view-box}.path-line.path-skin-arcane_circuit.path-line-confirmed .path-arcane-magic-circle-assembly{animation:path-arcane-circle-assemble .62s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--path-arcane-completion-delay)}.path-line.path-skin-arcane_circuit.path-line-planning .path-arcane-magic-circle-assembly{opacity:.1;transform:scale(.72)}.path-line.path-skin-arcane_circuit .path-arcane-magic-circle-outer{transform-box:view-box;animation:path-arcane-circle-spin 7s linear infinite}.path-line.path-skin-arcane_circuit .path-arcane-magic-circle-inner{transform-box:view-box;animation:path-arcane-circle-spin-reverse 4.8s linear infinite}.path-line.path-skin-arcane_circuit.path-line-confirmed .path-arcane-magic-core{animation:path-arcane-core-pulse 1.65s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.path-line.path-skin-pixel_drive .path-pixel-drive-channel{animation:path-pixel-drive-channel-online .36s steps(5,end) both}.path-line.path-skin-pixel_drive .path-pixel-drive-lane{animation:path-pixel-drive-lane-pulse 2.1s steps(6,end) infinite}.path-line.path-skin-pixel_drive .path-pixel-drive-segment{animation:path-pixel-drive-segment-boot .52s steps(6,end) both;animation-delay:var(--path-pixel-segment-delay)}.path-line.path-skin-pixel_drive .path-pixel-drive-core-segment{animation:path-pixel-drive-core-boot .46s steps(5,end) both;animation-delay:var(--path-pixel-core-delay)}.path-line.path-skin-pixel_drive .path-pixel-drive-core-flow{animation:path-pixel-drive-core-tick 1.15s steps(8,end) infinite}.path-line.path-skin-pixel_drive .path-pixel-drive-turn-connector{animation:path-pixel-drive-junction-lock 1.8s steps(6,end) infinite;animation-delay:var(--path-pixel-junction-delay);transform-box:view-box}.path-line.path-skin-pixel_drive .path-pixel-drive-red-scan-grid{animation:path-pixel-drive-grid-flicker 1.8s steps(3,end) infinite}.path-line.path-skin-pixel_drive .path-pixel-drive-particle{animation:path-pixel-drive-particle-pop 1.35s steps(5,end) infinite;animation-delay:var(--path-pixel-pop-delay);transform-box:fill-box}.path-line.path-skin-pixel_drive .path-pixel-drive-particle.is-data-pixel{animation-duration:1.08s}.path-line.path-skin-pixel_drive .path-pixel-drive-node{animation:path-pixel-drive-node-flicker 1.9s steps(6,end) infinite;animation-delay:var(--path-pixel-pop-delay);transform-box:view-box}.path-line.path-skin-pixel_drive .path-pixel-drive-waypoint-rotor{animation:path-pixel-drive-waypoint-rotate 2.1s steps(12,end) infinite;animation-delay:var(--path-pixel-rotor-delay);transform-box:view-box}.path-line.path-skin-pixel_drive .path-pixel-drive-packet-frame{animation:path-pixel-drive-packet-frame .76s steps(4,end) infinite;transform-box:fill-box;transform-origin:center}.path-line.path-skin-pixel_drive .path-pixel-drive-scanline{animation:path-pixel-drive-scanline-pulse .56s steps(4,end) infinite}.path-line.path-skin-pixel_drive .path-pixel-drive-packet-core,.path-line.path-skin-pixel_drive .path-pixel-drive-data-packet{animation:path-pixel-drive-packet-blink .72s steps(4,end) infinite}.path-line.path-skin-pixel_drive .path-pixel-drive-cursor{transform-box:view-box}.path-line.path-skin-pixel_drive .path-pixel-drive-cursor.is-target{animation:path-pixel-drive-target-lock 1.45s steps(6,end) infinite}.path-line.path-skin-pixel_drive .path-pixel-drive-cursor.is-digital-cursor{animation:path-pixel-drive-cursor-glitch 1.8s steps(8,end) infinite}.path-line.path-skin-pixel_drive .path-pixel-drive-cursor-core{animation:path-pixel-drive-cursor-core .82s steps(3,end) infinite}.path-line.path-skin-dragon_vein .path-dragon-vein-aura{animation:path-dragon-vein-aura 2.6s ease-in-out infinite}.path-line.path-skin-dragon_vein .path-dragon-vein-body{animation:path-dragon-vein-body-pulse 2.25s ease-in-out infinite}.path-line.path-skin-dragon_vein .path-dragon-vein-spine{animation:path-dragon-vein-spine-flow 1.8s linear infinite}.path-line.path-skin-dragon_vein .path-dragon-breath-wave{animation:path-dragon-breath-surge 2.9s cubic-bezier(.22,1,.36,1) infinite both;animation-delay:var(--path-dragon-wave-delay)}.path-line.path-skin-dragon_vein .path-dragon-body-edge{animation:path-dragon-outline-shimmer 2.8s ease-in-out infinite}.path-line.path-skin-dragon_vein .path-dragon-body-edge.is-right{animation-delay:-1.4s}.path-line.path-skin-dragon_vein .path-dragon-energy-current{animation:path-dragon-energy-flow 2.8s linear infinite}.path-line.path-skin-dragon_vein .path-dragon-scale{animation:path-dragon-scale-flow 2.1s ease-in-out infinite;animation-delay:var(--path-dragon-scale-delay);transform-box:fill-box;transform-origin:center}.path-line.path-skin-dragon_vein .path-dragon-scale.is-fire-scale{animation-duration:1.85s}.path-line.path-skin-dragon_vein .path-dragon-scale.is-ice-scale{animation-duration:2.45s}.path-line.path-skin-dragon_vein .path-dragon-flow-particle{animation:path-dragon-flow-particle 1.65s ease-in-out infinite;animation-delay:var(--path-dragon-flow-delay)}.path-line.path-skin-dragon_vein .path-dragon-end-mark{animation:path-dragon-end-awaken 2.4s ease-in-out infinite;filter:drop-shadow(0 0 7px currentColor);transform-box:view-box}.path-line.path-skin-dragon_vein .path-dragon-end-aura{animation:path-dragon-end-aura 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}.path-line.path-skin-dragon_vein .path-dragon-eye-core{animation:path-dragon-eye-blink 2.8s steps(8,end) infinite;filter:drop-shadow(0 0 5px currentColor);transform-box:fill-box;transform-origin:center}.path-line.path-skin-dragon_vein .path-dragon-eye-slit{animation:path-dragon-eye-slit 1.4s ease-in-out infinite}.path-line.path-skin-dragon_vein .path-dragon-claw-strokes{animation:path-dragon-claw-slash 2.6s ease-in-out infinite;filter:drop-shadow(0 0 5px currentColor)}.path-line.path-skin-dragon_vein .path-dragon-claw-core{animation:path-dragon-claw-core 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.path-line.path-skin-pixel_drive .path-pixel-drive-layers{shape-rendering:crispEdges}.path-line.path-line-effects-reduced *{filter:none!important}.path-line.path-skin-neon_pulse.path-line-effects-reduced :is(.path-neon-pulse-aura,.path-neon-pulse-core,.path-neon-pulse-ring){animation:none}.path-line.path-skin-starfall_comet.path-line-effects-reduced :is(.path-starfall-comet-nebula-wake,.path-starfall-comet-waypoint,.path-starfall-comet-flight-tail,.path-starfall-comet-flight-fragment,.path-starfall-comet-flight-head,.path-starfall-comet-turn-spark,.path-starfall-comet-end-glint,.path-starfall-comet-end-orbit,.path-starfall-comet-end-core){animation:none}.path-line.path-skin-arcane_circuit.path-line-effects-reduced :is(.path-arcane-rune-node,.path-arcane-rune-wave,.path-arcane-rune-glyph,.path-arcane-rune-satellites,.path-arcane-imprint-particle,.path-arcane-scribe-cursor,.path-arcane-scribe-cursor-frame,.path-arcane-scribe-crescent,.path-arcane-scribe-shard,.path-arcane-scribe-orb,.path-arcane-magic-circle-assembly,.path-arcane-magic-circle-outer,.path-arcane-magic-circle-inner,.path-arcane-magic-core){animation:none}.path-line.path-skin-arcane_circuit.path-line-effects-reduced .path-arcane-rune-glyph{stroke-dashoffset:0}.path-line.path-skin-pixel_drive.path-line-effects-reduced :is(.path-pixel-drive-lane,.path-pixel-drive-turn-connector,.path-pixel-drive-red-scan-grid,.path-pixel-drive-node,.path-pixel-drive-waypoint-rotor){animation:none}.path-line.path-skin-dimensional_rift .path-rift-field{animation:path-rift-field-breathe 2.8s ease-in-out infinite}.path-line.path-skin-dimensional_rift .path-rift-event-horizon{animation:path-rift-horizon-flow 1.55s linear infinite}.path-line.path-skin-dimensional_rift .path-rift-depth-sparks{animation:path-rift-depth-flow 2.2s linear infinite}.path-line.path-skin-dimensional_rift .path-rift-gate.is-front .path-rift-gate-glow{animation:path-rift-gate-glow 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.path-line.path-skin-dimensional_rift .path-rift-gate-aura{animation:path-rift-gate-aura 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.path-line.path-skin-dimensional_rift .path-rift-gate-mouth{transform-box:fill-box;transform-origin:center}.path-line.path-skin-dimensional_rift .path-rift-gate.is-start .path-rift-gate-mouth{animation:path-rift-gate-emerge 2.4s ease-in-out infinite}.path-line.path-skin-dimensional_rift .path-rift-gate.is-end .path-rift-gate-mouth{animation:path-rift-gate-ingest 1.65s ease-in-out infinite}.path-line.path-skin-dimensional_rift .path-rift-particle{animation:path-rift-particle-ingest 1.8s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--path-rift-particle-delay);transform-box:fill-box;transform-origin:center}.path-line.path-skin-dimensional_rift .path-rift-seal{opacity:0}.path-line.path-skin-dimensional_rift.path-line-effects-reduced :is(.path-rift-field,.path-rift-event-horizon,.path-rift-depth-sparks,.path-rift-gate-aura,.path-rift-gate-glow,.path-rift-gate-mouth){animation:none}.path-line.path-skin-dragon_vein.path-line-effects-reduced .path-dragon-scale{animation:none;opacity:.72}.path-line.path-skin-dragon_vein.path-line-effects-reduced :is(.path-dragon-end-mark,.path-dragon-eye-core,.path-dragon-eye-slit,.path-dragon-claw-strokes,.path-dragon-claw-core){filter:none}@keyframes path-neon-pulse-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--path-neon-offset)}}@keyframes path-neon-pulse-ring{0%{opacity:.95;transform:scale(.72)}75%,to{opacity:0;transform:scale(1.36)}}@keyframes path-starfall-comet-nebula-breathe{0%,to{opacity:.62}50%{opacity:1}}@keyframes path-starfall-comet-waypoint-awaken{0%,14%,to{filter:brightness(.78);opacity:.52;transform:scale(.76) rotate(0)}3%{filter:brightness(2) drop-shadow(0 0 8px currentColor);opacity:1;transform:scale(1.42) rotate(18deg)}8%{filter:brightness(1.15);opacity:.82;transform:scale(.98) rotate(8deg)}}@keyframes path-starfall-comet-tail-breathe{0%,to{opacity:.5;transform:scaleX(.86)}50%{opacity:.86;transform:scaleX(1.08)}}@keyframes path-starfall-comet-fragment-twinkle{0%{filter:brightness(.8);opacity:.42}to{filter:brightness(1.7) drop-shadow(0 0 3px currentColor);opacity:1}}@keyframes path-starfall-comet-head-spin{to{transform:rotate(360deg)}}@keyframes path-starfall-comet-turn-spark{0%,52%,to{opacity:.16;transform:scale(.42) rotate(-18deg)}8%{opacity:1;transform:scale(1.24) rotate(9deg)}18%{opacity:.72;transform:scale(.82) rotate(0)}30%{opacity:.18;transform:scale(.48) rotate(-10deg)}}@keyframes path-starfall-comet-end-glint{0%,to{opacity:.25;transform:scale(.82) rotate(0)}45%{opacity:.72;transform:scale(1.08) rotate(32deg)}}@keyframes path-starfall-comet-end-orbit{to{transform:rotate(360deg)}}@keyframes path-starfall-comet-core-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 2px currentColor);transform:scale(.94)}50%{filter:brightness(1.2) drop-shadow(0 0 5px currentColor);transform:scale(1.06)}}@keyframes path-arcane-segment-inscribe{0%{filter:brightness(.6);opacity:.16;stroke-dashoffset:1}72%{filter:brightness(2) drop-shadow(0 0 6px currentColor);opacity:1;stroke-dashoffset:0}to{filter:brightness(1);opacity:.94;stroke-dashoffset:0}}@keyframes path-arcane-planning-inscribe{0%{filter:brightness(.7);opacity:.16;stroke-dashoffset:1}76%{filter:brightness(1.8) drop-shadow(0 0 5px currentColor);opacity:1;stroke-dashoffset:0}to{filter:brightness(1);opacity:.74;stroke-dashoffset:0}}@keyframes path-arcane-rune-ignite{0%{filter:brightness(.62);opacity:.28;transform:scale(.54)}52%{filter:brightness(1.85) drop-shadow(0 0 6px currentColor);opacity:1;transform:scale(1.24)}to{filter:brightness(1);opacity:1;transform:scale(1)}}@keyframes path-arcane-rune-planning-glow{0%,to{filter:brightness(.78) drop-shadow(0 0 1px currentColor);opacity:.58;transform:scale(.96)}50%{filter:brightness(1.9) drop-shadow(0 0 7px currentColor);opacity:1;transform:scale(1.06)}}@keyframes path-arcane-rune-planning-draw{0%{filter:brightness(.65);opacity:.18;stroke-dashoffset:1}72%{filter:brightness(2.1) drop-shadow(0 0 8px currentColor);opacity:1;stroke-dashoffset:0}to{filter:brightness(1);opacity:.82;stroke-dashoffset:0}}@keyframes path-arcane-satellite-orbit{to{transform:rotate(360deg)}}@keyframes path-arcane-satellite-orbit-reverse{to{transform:rotate(-360deg)}}@keyframes path-arcane-imprint-particle-burst{0%{opacity:0;transform:translate(0) scale(.3)}28%{filter:brightness(1.8) drop-shadow(0 0 4px currentColor);opacity:1}to{opacity:0;transform:translate(var(--path-arcane-particle-x),var(--path-arcane-particle-y)) scale(.2)}}@keyframes path-arcane-scribe-orbit{to{transform:rotate(360deg)}}@keyframes path-arcane-scribe-orbit-reverse{to{transform:rotate(-360deg)}}@keyframes path-arcane-scribe-glow{0%,to{filter:brightness(.86) drop-shadow(0 0 2px currentColor);opacity:.62}50%{filter:brightness(1.75) drop-shadow(0 0 6px currentColor);opacity:1}}@keyframes path-arcane-rune-wave-expand{0%{opacity:0;transform:scale(.36)}34%{opacity:.95}to{opacity:0;transform:scale(1.72)}}@keyframes path-arcane-rune-resonance{0%,12%,to{filter:brightness(1) drop-shadow(0 0 2px currentColor);opacity:.82}4%{filter:brightness(1.65) drop-shadow(0 0 5px currentColor);opacity:1}}@keyframes path-arcane-circle-assemble{0%{filter:brightness(.55);opacity:0;transform:scale(.38) rotate(-24deg)}68%{filter:brightness(1.8) drop-shadow(0 0 8px currentColor);opacity:1;transform:scale(1.16) rotate(7deg)}to{filter:brightness(1);opacity:1;transform:scale(1) rotate(0)}}@keyframes path-arcane-circle-spin{to{transform:rotate(360deg)}}@keyframes path-arcane-circle-spin-reverse{to{transform:rotate(-360deg)}}@keyframes path-arcane-core-pulse{0%,to{filter:brightness(.96) drop-shadow(0 0 3px currentColor);transform:scale(.9)}50%{filter:brightness(1.4) drop-shadow(0 0 7px currentColor);transform:scale(1.08)}}@keyframes path-dragon-vein-aura{0%,to{opacity:.68}50%{opacity:1}}@keyframes path-dragon-vein-body-pulse{0%,to{opacity:.88}48%{opacity:1}}@keyframes path-dragon-vein-spine-flow{0%{stroke-dashoffset:0}50%{opacity:1}to{stroke-dashoffset:-.063}}@keyframes path-dragon-breath-surge{0%{opacity:0;stroke-dashoffset:1.08}12%{opacity:.72}54%{opacity:.46}78%,to{opacity:0;stroke-dashoffset:-.12}}@keyframes path-dragon-outline-shimmer{0%,to{opacity:.48}50%{opacity:.92}}@keyframes path-dragon-energy-flow{0%{stroke-dashoffset:0;opacity:.58}45%{opacity:1}to{stroke-dashoffset:-.26;opacity:.58}}@keyframes path-dragon-scale-flow{0%,to{opacity:.48;transform:scale(.84)}38%{opacity:1;transform:scale(1.14)}58%{opacity:.78;transform:scale(1)}}@keyframes path-dragon-flow-particle{0%,to{opacity:0}22%{opacity:1}72%{opacity:.7}}@keyframes path-dragon-end-awaken{0%,to{filter:brightness(.92) drop-shadow(0 0 5px currentColor);transform:scale(.94)}50%{filter:brightness(1.4) drop-shadow(0 0 10px currentColor);transform:scale(1.06)}}@keyframes path-dragon-end-aura{0%{opacity:.5;transform:scale(.72)}68%{opacity:0;transform:scale(1.42)}to{opacity:0;transform:scale(1.42)}}@keyframes path-dragon-eye-blink{0%,42%,55%,to{filter:brightness(1.7) drop-shadow(0 0 5px currentColor);opacity:1;transform:scaleY(1)}48%{filter:brightness(2.1) drop-shadow(0 0 7px currentColor);opacity:.86;transform:scaleY(.16)}}@keyframes path-dragon-eye-slit{0%,to{filter:brightness(.9);opacity:.82}50%{filter:brightness(1.8) drop-shadow(0 0 4px currentColor);opacity:1}}@keyframes path-dragon-claw-slash{0%,to{opacity:.42;stroke-dasharray:.18 .82;stroke-dashoffset:.34}42%{filter:brightness(2) drop-shadow(0 0 7px currentColor);opacity:1;stroke-dasharray:1 0;stroke-dashoffset:0}70%{filter:brightness(1.2) drop-shadow(0 0 4px currentColor);opacity:.76}}@keyframes path-dragon-claw-core{0%,to{filter:brightness(.9) drop-shadow(0 0 3px currentColor);transform:scale(.84) rotate(0)}50%{filter:brightness(1.75) drop-shadow(0 0 6px currentColor);transform:scale(1.12) rotate(45deg)}}@keyframes path-pixel-drive-channel-online{0%{opacity:0;stroke-dasharray:.08 .04;stroke-dashoffset:.36}52%{opacity:1}to{opacity:.94;stroke-dasharray:none;stroke-dashoffset:0}}@keyframes path-pixel-drive-lane-pulse{0%,to{opacity:.7}46%{opacity:1}58%{opacity:.82}}@keyframes path-pixel-drive-segment-boot{0%{opacity:0;stroke-dashoffset:.32}34%{opacity:1}54%{opacity:.34}to{opacity:.84;stroke-dashoffset:0}}@keyframes path-pixel-drive-core-boot{0%{opacity:0;stroke-dashoffset:.28}55%{opacity:1}to{opacity:.9;stroke-dashoffset:0}}@keyframes path-pixel-drive-core-tick{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--path-pixel-core-cycle)}}@keyframes path-pixel-drive-junction-lock{0%,to{opacity:.7;transform:scale(.94)}42%{opacity:1;transform:scale(1.08)}58%{opacity:.84;transform:scale(1)}}@keyframes path-pixel-drive-grid-flicker{0%,72%,to{opacity:.34}76%{opacity:.9}82%{opacity:.46}}@keyframes path-pixel-drive-particle-pop{0%,18%,to{opacity:0;transform:scale(.25)}24%,58%{opacity:1;transform:scale(1.12)}74%{opacity:.42;transform:scale(.7)}}@keyframes path-pixel-drive-node-flicker{0%,66%,to{opacity:.78;transform:scale(.94)}70%{opacity:1;transform:scale(1.08)}78%{opacity:.9;transform:scale(1)}}@keyframes path-pixel-drive-scanline-pulse{0%,to{opacity:.48}50%{opacity:1}}@keyframes path-pixel-drive-packet-blink{0%,to{opacity:.58}38%{opacity:1}}@keyframes path-pixel-drive-packet-frame{0%,to{opacity:.64;transform:scale(.82)}38%{opacity:1;transform:scale(1.12)}64%{opacity:.82;transform:scale(1)}}@keyframes path-pixel-drive-target-lock{0%,to{opacity:.72;transform:scale(.88) rotate(0)}44%{opacity:1;transform:scale(1.08) rotate(90deg)}58%{transform:scale(1) rotate(90deg)}}@keyframes path-pixel-drive-waypoint-rotate{0%{opacity:.62;transform:rotate(0) scale(.92)}45%{opacity:1;transform:rotate(180deg) scale(1.04)}to{opacity:.62;transform:rotate(360deg) scale(.92)}}@keyframes path-pixel-drive-cursor-glitch{0%,to{opacity:.7;transform:translate(0) rotate(0)}42%{opacity:1;transform:translate(1px,-1px) rotate(90deg)}48%{transform:translate(-1px,1px) rotate(90deg)}56%{transform:translate(0) rotate(90deg)}}@keyframes path-pixel-drive-cursor-core{0%,to{opacity:.58}50%{opacity:1}}@keyframes path-rift-field-breathe{0%,to{opacity:.58}50%{opacity:1}}@keyframes path-rift-horizon-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-.13}}@keyframes path-rift-depth-flow{0%{stroke-dashoffset:0;opacity:.46}50%{opacity:.84}to{stroke-dashoffset:.096;opacity:.46}}@keyframes path-rift-gate-glow{0%,to{opacity:.62;transform:scale(.98)}50%{opacity:1;transform:scale(1.055)}}@keyframes path-rift-gate-aura{0%,to{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes path-rift-gate-emerge{0%,to{transform:scale(.94)}50%{transform:scale(1.03)}}@keyframes path-rift-gate-ingest{0%,to{transform:scale(1.04)}62%{transform:scale(.86)}}@keyframes path-rift-particle-ingest{0%{opacity:0;transform:translate(0) rotate(0) scale(.3)}18%{opacity:1;transform:translate(0) rotate(24deg) scale(1)}72%{opacity:.82}to{opacity:0;transform:translate(var(--path-rift-pull-x),var(--path-rift-pull-y)) rotate(190deg) scale(.06)}}.path-line.path-line-cleanup{pointer-events:none}.path-line.path-line-cleanup polyline{stroke-dasharray:1;stroke-dashoffset:0;animation:path-line-retract .32s cubic-bezier(.4,0,.6,1) forwards}.path-line.path-line-cleanup circle{transform-box:fill-box;transform-origin:center;animation:path-line-end-cleanup .18s ease-in forwards}.path-line.path-skin-neon_pulse.path-line-cleanup polyline{stroke-dasharray:var(--path-neon-pattern);animation:path-neon-pulse-cleanup .26s ease-in forwards}.path-line.path-skin-starfall_comet.path-line-cleanup polyline{stroke-dasharray:none;animation:path-starfall-comet-cleanup .26s ease-in forwards}.path-line.path-skin-starfall_comet.path-line-cleanup polygon{animation:path-starfall-comet-cleanup .22s ease-in forwards}.path-line.path-skin-starfall_comet.path-line-cleanup :is(.path-starfall-comet-turn-spark,.path-starfall-comet-end-orbit,.path-starfall-comet-waypoint,.path-starfall-comet-flight){animation:path-starfall-comet-cleanup .22s ease-in forwards}.path-line.path-skin-arcane_circuit.path-line-cleanup .path-arcane-circuit-inscription{stroke-dasharray:1;animation:path-arcane-circuit-cleanup .24s ease-in forwards}.path-line.path-skin-arcane_circuit.path-line-cleanup :is(.path-arcane-rune-node,.path-arcane-rune-wave,.path-arcane-rune-satellites,.path-arcane-imprint-particle,.path-arcane-scribe-cursor,.path-arcane-magic-circle-assembly,.path-arcane-magic-circle-outer,.path-arcane-magic-circle-inner,.path-arcane-magic-core){animation:path-arcane-circuit-cleanup .22s ease-in forwards}.path-line.path-skin-arcane_circuit.path-line-muted :is(.path-arcane-circuit-inscription,.path-arcane-rune-node,.path-arcane-rune-wave,.path-arcane-rune-glyph,.path-arcane-rune-satellites,.path-arcane-imprint-particle,.path-arcane-scribe-cursor,.path-arcane-magic-circle-assembly,.path-arcane-magic-circle-outer,.path-arcane-magic-circle-inner,.path-arcane-magic-core){animation:none}.path-line.path-skin-pixel_drive.path-line-cleanup :is(.path-pixel-drive-aura,.path-pixel-drive-channel,.path-pixel-drive-lane,.path-pixel-drive-red-scan-grid,.path-pixel-drive-core-flow){animation:path-pixel-drive-cleanup-fade .22s steps(4,end) forwards;stroke-dasharray:none}.path-line.path-skin-pixel_drive.path-line-cleanup :is(.path-pixel-drive-segment,.path-pixel-drive-core-segment){animation:path-pixel-drive-reverse-delete .26s steps(6,end) both;animation-delay:var(--path-pixel-reverse-delay)}.path-line.path-skin-pixel_drive.path-line-cleanup :is(.path-pixel-drive-particle,.path-pixel-drive-node,.path-pixel-drive-waypoint-rotor,.path-pixel-drive-turn-connector){animation:path-pixel-drive-pixel-collapse .22s steps(5,end) both;animation-delay:var(--path-pixel-reverse-delay)}.path-line.path-skin-pixel_drive.path-line-cleanup :is(.path-pixel-drive-packet,.path-pixel-drive-cursor){animation:path-pixel-drive-pixel-collapse .16s steps(4,end) forwards}.path-line.path-skin-pixel_drive.path-line-muted :is(.path-pixel-drive-channel,.path-pixel-drive-lane,.path-pixel-drive-segment,.path-pixel-drive-core-segment,.path-pixel-drive-core-flow,.path-pixel-drive-turn-connector,.path-pixel-drive-red-scan-grid,.path-pixel-drive-particle,.path-pixel-drive-node,.path-pixel-drive-waypoint-rotor,.path-pixel-drive-packet,.path-pixel-drive-packet-frame,.path-pixel-drive-cursor,.path-pixel-drive-cursor-core){animation:none}.path-line.path-skin-dimensional_rift.path-line-cleanup :is(.path-rift-field,.path-rift-rim,.path-rift-inner-rim,.path-rift-abyss,.path-rift-event-horizon,.path-rift-depth-sparks){stroke-dasharray:1;stroke-dashoffset:0;animation:path-rift-close .42s cubic-bezier(.4,0,.6,1) 90ms forwards}.path-line.path-skin-dimensional_rift.path-line-cleanup .path-rift-seal{animation:path-rift-seal .26s ease-out both;animation-delay:var(--path-rift-seal-delay)}.path-line.path-skin-dimensional_rift.path-line-cleanup :is(.path-rift-particle,.path-rift-transfer-pulse,.path-rift-gates){animation:path-rift-collapse .22s ease-in forwards}.path-line.path-skin-dimensional_rift.path-line-muted :is(.path-rift-field,.path-rift-event-horizon,.path-rift-depth-sparks,.path-rift-particle,.path-rift-gate-aura,.path-rift-gate-glow,.path-rift-gate-mouth){animation:none}.path-line.path-skin-dragon_vein.path-line-cleanup :is(.path-dragon-vein-aura,.path-dragon-vein-shadow,.path-dragon-vein-body,.path-dragon-body-edge,.path-dragon-vein-spine,.path-dragon-energy-current,.path-dragon-breath-wave){animation:path-dragon-vein-cleanup .26s ease-in forwards;stroke-dasharray:none}.path-line.path-skin-dragon_vein.path-line-cleanup :is(.path-dragon-scale,.path-dragon-flow-particle,.path-dragon-end-mark){animation:path-dragon-vein-cleanup .22s ease-in forwards}.path-line.path-skin-dragon_vein.path-line-cleanup .path-wave-layers use{animation:path-dragon-vein-cleanup .26s ease-in forwards}.path-line.path-skin-dragon_vein.path-line-muted :is(.path-dragon-vein-aura,.path-dragon-vein-body,.path-dragon-body-edge,.path-dragon-vein-spine,.path-dragon-energy-current,.path-dragon-breath-wave,.path-dragon-scale,.path-dragon-flow-particle,.path-dragon-end-mark,.path-dragon-end-aura,.path-dragon-eye-core,.path-dragon-eye-slit,.path-dragon-claw-strokes,.path-dragon-claw-core){animation:none}@keyframes path-line-retract{to{stroke-dashoffset:1;opacity:0}}@keyframes path-line-end-cleanup{to{transform:scale(.35);opacity:0}}@keyframes path-neon-pulse-cleanup{to{opacity:0}}@keyframes path-starfall-comet-cleanup{to{opacity:0;filter:blur(1px)}}@keyframes path-arcane-circuit-cleanup{to{opacity:0;transform:scale(.62)}}@keyframes path-pixel-drive-reverse-delete{0%{filter:brightness(1.6) drop-shadow(0 0 5px currentColor);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-1}}@keyframes path-pixel-drive-pixel-collapse{0%{filter:brightness(1.7) drop-shadow(0 0 4px currentColor);opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.08)}}@keyframes path-pixel-drive-cleanup-fade{to{filter:brightness(1.8);opacity:0}}@keyframes path-rift-close{60%{opacity:.72}to{opacity:0;stroke-dashoffset:-1}}@keyframes path-rift-seal{0%{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}42%{opacity:1}to{opacity:0;stroke-dasharray:1;stroke-dashoffset:0}}@keyframes path-rift-collapse{to{opacity:0;transform:scale(.08)}}@keyframes path-dragon-vein-cleanup{to{opacity:0}}@media(prefers-reduced-motion:reduce){.path-line.path-skin-dragon_vein :is(.path-dragon-wave-morph,.path-dragon-outline-wave-morph){display:none}.path-line.path-skin-dimensional_rift :is(.path-rift-field,.path-rift-event-horizon,.path-rift-depth-sparks,.path-rift-gate-aura,.path-rift-gate-glow,.path-rift-gate-mouth){animation-duration:1ms;animation-iteration-count:1}.path-line.path-skin-dimensional_rift .path-rift-particle{display:none}.path-line.path-line-cleanup polyline,.path-line.path-line-cleanup circle,.path-line.path-skin-neon_pulse .path-neon-pulse-electric,.path-line.path-skin-neon_pulse .path-neon-pulse-ring,.path-line.path-skin-starfall_comet .path-starfall-comet-nebula-wake,.path-line.path-skin-starfall_comet .path-starfall-comet-waypoint,.path-line.path-skin-starfall_comet .path-starfall-comet-flight-tail,.path-line.path-skin-starfall_comet .path-starfall-comet-flight-fragment,.path-line.path-skin-starfall_comet .path-starfall-comet-flight-head,.path-line.path-skin-starfall_comet .path-starfall-comet-turn-spark,.path-line.path-skin-starfall_comet .path-starfall-comet-end-core,.path-line.path-skin-starfall_comet .path-starfall-comet-end-glint,.path-line.path-skin-starfall_comet .path-starfall-comet-end-orbit,.path-line.path-skin-arcane_circuit .path-arcane-circuit-inscription,.path-line.path-skin-arcane_circuit .path-arcane-rune-node,.path-line.path-skin-arcane_circuit .path-arcane-rune-wave,.path-line.path-skin-arcane_circuit .path-arcane-rune-glyph,.path-line.path-skin-arcane_circuit .path-arcane-rune-satellites,.path-line.path-skin-arcane_circuit .path-arcane-imprint-particle,.path-line.path-skin-arcane_circuit .path-arcane-scribe-cursor,.path-line.path-skin-arcane_circuit .path-arcane-scribe-cursor-frame,.path-line.path-skin-arcane_circuit .path-arcane-scribe-crescent,.path-line.path-skin-arcane_circuit .path-arcane-scribe-shard,.path-line.path-skin-arcane_circuit .path-arcane-scribe-orb,.path-line.path-skin-arcane_circuit .path-arcane-magic-circle-assembly,.path-line.path-skin-arcane_circuit .path-arcane-magic-circle-outer,.path-line.path-skin-arcane_circuit .path-arcane-magic-circle-inner,.path-line.path-skin-arcane_circuit .path-arcane-magic-core,.path-line.path-skin-pixel_drive .path-pixel-drive-channel,.path-line.path-skin-pixel_drive .path-pixel-drive-lane,.path-line.path-skin-pixel_drive .path-pixel-drive-segment,.path-line.path-skin-pixel_drive .path-pixel-drive-core-segment,.path-line.path-skin-pixel_drive .path-pixel-drive-core-flow,.path-line.path-skin-pixel_drive .path-pixel-drive-turn-connector,.path-line.path-skin-pixel_drive .path-pixel-drive-red-scan-grid,.path-line.path-skin-pixel_drive .path-pixel-drive-particle,.path-line.path-skin-pixel_drive .path-pixel-drive-node,.path-line.path-skin-pixel_drive .path-pixel-drive-waypoint-rotor,.path-line.path-skin-pixel_drive .path-pixel-drive-scanline,.path-line.path-skin-pixel_drive .path-pixel-drive-packet-frame,.path-line.path-skin-pixel_drive .path-pixel-drive-packet-core,.path-line.path-skin-pixel_drive .path-pixel-drive-data-packet,.path-line.path-skin-pixel_drive .path-pixel-drive-cursor,.path-line.path-skin-pixel_drive .path-pixel-drive-cursor-core,.path-line.path-skin-dragon_vein .path-dragon-vein-aura,.path-line.path-skin-dragon_vein .path-dragon-vein-body,.path-line.path-skin-dragon_vein .path-dragon-body-edge,.path-line.path-skin-dragon_vein .path-dragon-vein-spine,.path-line.path-skin-dragon_vein .path-dragon-energy-current,.path-line.path-skin-dragon_vein .path-dragon-breath-wave,.path-line.path-skin-dragon_vein .path-dragon-scale,.path-line.path-skin-dragon_vein .path-dragon-flow-particle,.path-line.path-skin-dragon_vein .path-dragon-end-mark,.path-line.path-skin-dragon_vein .path-dragon-end-aura,.path-line.path-skin-dragon_vein .path-dragon-eye-core,.path-line.path-skin-dragon_vein .path-dragon-eye-slit,.path-line.path-skin-dragon_vein .path-dragon-claw-strokes,.path-line.path-skin-dragon_vein .path-dragon-claw-core{animation-duration:1ms;animation-iteration-count:1}.path-line.path-skin-starfall_comet .path-starfall-comet-flight,.path-line.path-skin-pixel_drive .path-pixel-drive-packet,.path-line.path-skin-dragon_vein .path-dragon-flow-particle{display:none}}.path-confirmation{position:absolute;inset:0;z-index:8;overflow:visible;pointer-events:none;--path-confirm-color: #67e8f9;--path-confirm-soft: rgba(103, 232, 249, .72)}.path-confirmation-red{--path-confirm-color: #fde68a;--path-confirm-soft: rgba(251, 191, 36, .78)}.path-confirmation-blue{--path-confirm-color: #bfdbfe;--path-confirm-soft: rgba(96, 165, 250, .82)}.path-confirmation-route{stroke:var(--path-confirm-color);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:drop-shadow(0 0 7px var(--path-confirm-soft));animation:path-confirm-route .4s ease-out both}.path-confirmation-step{fill:#fff;stroke:var(--path-confirm-color);stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 6px var(--path-confirm-soft));animation:path-confirm-step .19s ease-out var(--path-confirm-delay) both}.path-confirmation-finish{fill:none;stroke:var(--path-confirm-color);stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 8px var(--path-confirm-soft));animation:path-confirm-finish .15s ease-out var(--path-confirm-delay) both}@keyframes path-confirm-route{0%{opacity:0}20%{opacity:.95}70%{opacity:.72}to{opacity:0}}@keyframes path-confirm-step{0%{opacity:0;transform:scale(.35)}45%{opacity:1;transform:scale(1.45)}to{opacity:0;transform:scale(.85)}}@keyframes path-confirm-finish{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.1)}}@keyframes opponent-path-reveal{0%{opacity:0}55%{opacity:.45}to{opacity:1}}.ai-tutorial-hint{position:absolute;transform:translate(-5%);z-index:30;pointer-events:none;max-width:min(86%,280px);padding:.6rem .9rem;border-radius:.45rem;border:1px solid rgba(74,222,128,.88);background:#080d16f5;color:#f0fdf4;text-align:center;font-family:JetBrains Mono,Fira Mono,monospace;font-size:clamp(.65rem,1.6vw,.78rem);font-weight:400;line-height:1.6;letter-spacing:.03em;white-space:pre-line;box-shadow:0 0 0 1px #4ade8057,0 12px 32px #000000b3,0 0 20px #4ade8047,0 0 38px #86efac2e;animation:tutorial-hint-in .22s ease-out}.ai-tutorial-hint.in-grid{width:min(74vw,320px);max-width:320px}.ai-tutorial-hint:before{content:"";position:absolute;top:-7px;left:5%;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(74,222,128,.88)}.ai-tutorial-hint:after{content:"";position:absolute;top:-6px;left:5%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(8,13,22,.96)}.ai-tutorial-hint.is-mirrored{transform:translate(-95%)}.ai-tutorial-hint.is-mirrored:before,.ai-tutorial-hint.is-mirrored:after{left:95%}.ai-tutorial-hint.no-arrow:before,.ai-tutorial-hint.no-arrow:after{display:none}.ai-tutorial-hint.arrow-down{transform:translate(-50%,-100%);animation:tutorial-hint-in-down .22s ease-out}.ai-tutorial-hint.ai-tutorial-hint-center{animation:tutorial-hint-in-center .22s ease-out}.tutorial-highlight-green{color:#4ade80;font-weight:800;text-shadow:0 0 10px rgba(74,222,128,.35)}.tutorial-finger-path{position:absolute;inset:0;z-index:24;pointer-events:none;overflow:visible}.tutorial-finger-path path{fill:none;stroke:#ffffff61;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 12;filter:drop-shadow(0 0 8px rgba(255,255,255,.24)) drop-shadow(0 0 16px rgba(59,130,246,.18));animation:tutorial-guide-pulse 1.2s ease-in-out infinite}.tutorial-finger-guide{position:absolute;left:0;top:0;z-index:25;pointer-events:none;font-size:clamp(1.5rem,2.8vw,2rem);line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(255,255,255,.24));transform:translate(-50%,-50%);animation:tutorial-finger-travel 1.8s ease-in-out infinite;offset-distance:0%;-webkit-offset-distance:0%}.ai-tutorial-hint.arrow-down:before{top:auto;bottom:-7px;left:var(--tutorial-arrow-left, 50%);border-bottom:none;border-top:7px solid rgba(74,222,128,.88)}.ai-tutorial-hint.arrow-down:after{top:auto;bottom:-6px;left:var(--tutorial-arrow-left, 50%);border-bottom:none;border-top:6px solid rgba(8,13,22,.96)}@keyframes tutorial-hint-in-down{0%{opacity:0;transform:translate(-50%,calc(-100% + 5px))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes tutorial-hint-in{0%{opacity:0;transform:translate(-5%) translateY(5px)}to{opacity:1;transform:translate(-5%) translateY(0)}}@keyframes tutorial-hint-in-center{0%{opacity:0;transform:translate(-50%,calc(-50% + 5px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes tutorial-hint-in-for-two{0%{opacity:0;transform:translateY(calc(-100% + 5px))}to{opacity:1;transform:translateY(-100%)}}@keyframes tutorial-hint-in-for-nine{0%{opacity:0;transform:translate(-5%) translateY(calc(-100% + 5px))}to{opacity:1;transform:translate(-5%) translateY(-100%)}}@keyframes tutorial-hint-in-for-ten{0%{opacity:0;transform:translate(-50%,calc(-50% + 5px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes tutorial-finger-travel{0%{offset-distance:0%;-webkit-offset-distance:0%;opacity:0}12%{opacity:1}78%{opacity:1}to{offset-distance:100%;-webkit-offset-distance:100%;opacity:0}}.game-grid:is(.board-skin-arena3,.board-skin-arena7,.board-skin-arena9) .grid-cell{outline:1px solid rgba(164,190,206,.42);outline-offset:-1px}@keyframes tutorial-guide-pulse{0%,to{stroke-opacity:.48}50%{stroke-opacity:.88}}.path-skin-preview{position:relative;display:block;flex:0 0 auto;overflow:hidden;border:1px solid rgba(125,211,252,.38);border-radius:1rem;background:radial-gradient(circle at 50% 50%,rgba(30,64,175,.15),transparent 62%),linear-gradient(145deg,#07111f,#111827);box-shadow:inset 0 0 0 1px #ffffff09,0 16px 36px #00000057}.path-skin-preview-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(125,211,252,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.1) 1px,transparent 1px);background-size:20% 20%}.path-skin-preview.is-compact{border-radius:.68rem;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 18px #0000004d}.path-skin-card-preview{display:flex;min-height:7.3rem;align-items:center;justify-content:center;padding:.45rem}.path-skin-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-skin-detail-preview-stage{min-height:17rem}.path-skin-detail-preview-stage:before{background:radial-gradient(circle,rgba(56,189,248,.16),transparent 68%)}.path-skin-description{padding:.9rem 1rem;border:1px solid rgba(125,211,252,.2);border-radius:.8rem;background:#0f172a9e;color:#cbd5e1;font-size:.83rem;line-height:1.6}.path-skin-description strong{display:block;margin-bottom:.3rem;color:#e0f2fe;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}@media(max-width:520px){.path-skin-detail-preview-stage .path-skin-preview{transform:scale(.84)}}.ability-skill-icon-custom.ability-skill-icon-simple{width:1em;height:1em;overflow:visible;flex-shrink:0;color:var(--skill-symbol-core);filter:drop-shadow(0 0 2px var(--skill-symbol-core)) drop-shadow(0 0 5px var(--skill-symbol-glow)) drop-shadow(0 0 10px var(--skill-symbol-glow)) drop-shadow(0 0 18px var(--skill-symbol-halo))}.ability-skill-icon-path-break{--skill-symbol-core: #fff1e6;--skill-symbol-glow: rgba(251, 146, 60, 1);--skill-symbol-halo: rgba(194, 65, 12, .82)}.ability-skill-icon-celestial-alignment{--skill-symbol-core: #fff7d6;--skill-symbol-glow: rgba(255, 209, 102, 1);--skill-symbol-halo: rgba(190, 132, 40, .82)}.ability-skill-icon-trajectory-slash{--skill-symbol-core: #ecfeff;--skill-symbol-glow: rgba(103, 232, 249, 1);--skill-symbol-halo: rgba(139, 92, 246, .82)}.ability-skill-icon-verdant-reversion{--skill-symbol-core: #dcffe9;--skill-symbol-glow: rgba(74, 222, 128, 1);--skill-symbol-halo: rgba(21, 128, 61, .82)}.ability-skill-icon-prediction{--skill-symbol-core: #ede9fe;--skill-symbol-glow: rgba(167, 139, 250, 1);--skill-symbol-halo: rgba(109, 40, 217, .82)}.ability-skill-icon-thunder-mark{--skill-symbol-core: #fff6a3;--skill-symbol-glow: rgba(250, 204, 21, 1);--skill-symbol-halo: rgba(245, 158, 11, .88)}.ability-skill-icon-mirror-dimension{--skill-symbol-core: #e2e8f0;--skill-symbol-glow: rgba(167, 139, 250, .95);--skill-symbol-halo: rgba(94, 234, 212, .72)}.ability-skill-icon-mirror-dimension .mirror-dimension-diamond,.ability-skill-icon-mirror-dimension .mirror-dimension-center{stroke:#e2e8f0;stroke-width:1.15;vector-effect:non-scaling-stroke}.ability-skill-icon-mirror-dimension .mirror-dimension-diamond.is-top,.ability-skill-icon-mirror-dimension .mirror-dimension-diamond.is-left{fill:#a78bfac7}.ability-skill-icon-mirror-dimension .mirror-dimension-diamond.is-right,.ability-skill-icon-mirror-dimension .mirror-dimension-diamond.is-bottom{fill:#5eead4b8}.ability-skill-icon-mirror-dimension .mirror-dimension-center{fill:#e2e8f0eb;filter:drop-shadow(0 0 2px rgba(226,232,240,.95)) drop-shadow(0 0 5px rgba(167,139,250,.7)) drop-shadow(0 0 8px rgba(94,234,212,.5))}.ability-skill-icon-shadow-rush{--skill-symbol-core: #ede9fe;--skill-symbol-glow: rgba(167, 139, 250, 1);--skill-symbol-halo: rgba(109, 40, 217, .85)}.ability-skill-icon-dream-clones{--skill-symbol-core: #f3e8ff;--skill-symbol-glow: rgba(192, 132, 252, 1);--skill-symbol-halo: rgba(109, 40, 217, .85)}.ability-skill-icon-custom.ability-skill-icon-crisp{width:1em;height:1em;overflow:visible;flex-shrink:0;color:#fffdf5;filter:drop-shadow(0 0 2px var(--crisp-symbol-glow))}.ability-skill-icon-healing{--crisp-symbol-glow: rgba(187, 247, 208, .55)}.ability-skill-icon-electric-blitz{--crisp-symbol-glow: rgba(251, 207, 232, .55)}.ability-skill-icon-overdrive{--crisp-symbol-glow: rgba(254, 240, 138, .55)}.ability-skill-preview.ability-skill-preview-aurora-heal,.skin-detail-skill-icon.ability-skill-preview-aurora-heal{background:radial-gradient(circle,#25834c,#166534 62%,#103c26)}.ability-skill-preview.ability-skill-preview-electric-blitz,.skin-detail-skill-icon.ability-skill-preview-electric-blitz{background:radial-gradient(circle,#a332b3,#70238b 62%,#351446)}.ability-skill-preview.ability-skill-preview-gold-overdrive,.skin-detail-skill-icon.ability-skill-preview-gold-overdrive{background:radial-gradient(circle,#a9750c,#855309 62%,#422a08)}.arena-board-picker{display:flex;min-height:0;flex:1;flex-direction:column;gap:.75rem;margin-top:.45rem;overflow-y:auto;padding:.9rem 1rem 1rem;border:1px solid rgba(125,211,252,.22);border-radius:.9rem;background:linear-gradient(180deg,#0f172acc,#080d12ad);box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #02061729}.arena-board-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.arena-board-picker-heading>div{display:flex;min-width:0;flex-direction:column;gap:.22rem}.arena-board-picker-heading strong{color:#eff6ff;font-size:1rem;font-weight:950}.arena-board-picker-heading span{color:#94a3b8;font-size:.76rem;font-weight:700;line-height:1.4}.arena-board-picker .arena-board-picker-unlocked{flex:0 0 auto;padding:.3rem .55rem;border:1px solid rgba(125,211,252,.3);border-radius:999px;background:#0e749029;color:#bae6fd;font-size:.7rem;font-weight:900;white-space:nowrap}.arena-board-dropdown{position:relative;z-index:4}.arena-board-dropdown-trigger{display:grid;width:100%;min-height:3.5rem;grid-template-columns:2rem minmax(0,1fr) .8rem;align-items:center;gap:.65rem;padding:.58rem .85rem;border:1px solid rgba(125,211,252,.48);border-radius:.78rem;background:radial-gradient(circle at 8% 0%,rgba(56,189,248,.16),transparent 34%),linear-gradient(180deg,#1e3a68f0,#0b1b34fa);color:#f8fbff;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.arena-board-dropdown-trigger:hover,.arena-board-dropdown.is-open .arena-board-dropdown-trigger{border-color:#7dd3fcdb;box-shadow:0 0 0 1px #38bdf824,0 0 18px #38bdf82e}.arena-board-dropdown-trigger:active{transform:scale(.99)}.arena-board-dropdown-trigger:focus-visible,.arena-board-dropdown-option:focus-visible{outline:3px solid rgba(74,222,128,.72);outline-offset:2px}.arena-board-dropdown-trigger-icon{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(196,181,253,.42);border-radius:.55rem;background:linear-gradient(135deg,#22d3ee3d,#6d28d961);color:#e0f2fe;font-size:1.12rem;box-shadow:inset 0 1px #ffffff24}.arena-board-dropdown-trigger-copy,.arena-board-dropdown-option-copy{display:flex;min-width:0;flex-direction:column;gap:.14rem}.arena-board-dropdown-trigger-copy strong,.arena-board-dropdown-option-copy strong{overflow:hidden;color:#f8fbff;font-size:.86rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.arena-board-dropdown-trigger-copy small,.arena-board-dropdown-option-copy small{overflow:hidden;color:#93c5fd;font-size:.7rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.arena-board-dropdown-chevron{width:.62rem;height:.62rem;border-right:2px solid #bae6fd;border-bottom:2px solid #bae6fd;transform:translateY(-.16rem) rotate(45deg);transition:transform .16s ease}.arena-board-dropdown.is-open .arena-board-dropdown-chevron{transform:translateY(.16rem) rotate(225deg)}.arena-board-dropdown-list{position:absolute;top:calc(100% + .42rem);left:0;display:flex;width:100%;max-height:min(18rem,43dvh);flex-direction:column;gap:.28rem;overflow-y:auto;padding:.42rem;border:1px solid rgba(125,211,252,.5);border-radius:.82rem;background:#050d1bfb;box-shadow:0 18px 38px #0000009e,0 0 22px #38bdf82e;overscroll-behavior:contain;scrollbar-color:rgba(125,211,252,.56) rgba(15,23,42,.8)}.arena-board-dropdown-option{display:grid;width:100%;min-height:3rem;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.5rem .65rem;border:1px solid transparent;border-radius:.62rem;background:#1e293b94;color:#e2e8f0;cursor:pointer;text-align:left}.arena-board-dropdown-option:hover{border-color:#7dd3fc73;background:#0e749033}.arena-board-dropdown-option.is-selected{border-color:#7dd3fcbd;background:linear-gradient(105deg,#0e749080,#6d28d975);box-shadow:inset 0 1px #ffffff1a}.arena-board-dropdown-option.is-applied:not(.is-selected){border-color:#4ade8061}.arena-board-dropdown-option.is-locked:not(.is-selected){opacity:.68}.arena-board-dropdown-option-mark{display:grid;width:1.5rem;height:1.5rem;place-items:center;color:#a5f3fc;font-size:.82rem;font-weight:1000}.arena-board-dropdown-badges{display:flex;align-items:center;justify-content:flex-end;gap:.3rem}.arena-board-dropdown-lock,.arena-board-dropdown-applied{padding:.2rem .42rem;border-radius:999px;font-size:.64rem;font-weight:900;white-space:nowrap}.arena-board-dropdown-lock{border:1px solid rgba(251,191,36,.32);color:#fcd34d}.arena-board-dropdown-applied{border:1px solid rgba(74,222,128,.35);background:#16653438;color:#86efac}.arena-board-applied-status{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.7rem;padding:.48rem .65rem;border:1px solid rgba(74,222,128,.24);border-radius:.62rem;background:#14532d24}.arena-board-applied-status span{flex:0 0 auto;color:#86efac;font-size:.68rem;font-weight:900}.arena-board-applied-status strong{min-width:0;overflow:hidden;color:#dcfce7;font-size:.74rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.arena-board-preview{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;gap:.65rem;margin:0;padding:.72rem;border:1px solid rgba(125,211,252,.3);border-radius:.72rem;background:#040c18ad;box-shadow:inset 0 0 0 1px #ffffff0a,0 10px 22px #00000047}.arena-board-preview.is-locked-preview{border-color:#fbbf246b;box-shadow:inset 0 0 0 1px #fbbf240d,0 10px 22px #00000047}.arena-board-preview-label{align-self:flex-start;color:#bae6fd;font-size:.68rem;font-weight:900}.arena-board-preview.is-locked-preview .arena-board-preview-label{color:#fcd34d}.arena-board-preview-stage{display:grid;place-items:center;width:min(100%,19.5rem);aspect-ratio:1}.arena-board-preview-surface{position:relative;width:74%;aspect-ratio:1;animation:arena-board-preview-in .18s ease-out both}.arena-board-preview-platform{position:absolute;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.arena-board-preview-grid{position:relative;display:grid;width:100%;aspect-ratio:1;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border-radius:2px;background:#111a22}.arena-board-preview-cell{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:fill;-webkit-user-select:none;user-select:none}.arena-board-preview-classic-cell{box-sizing:border-box;border:1px solid #3a444d;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 48%),#2a3137;box-shadow:inset 0 0 0 1px #03070c2e}.arena-board-preview figcaption{display:flex;width:min(100%,15.5rem);align-items:baseline;justify-content:space-between;gap:.65rem;color:#f8fbff}.arena-board-preview figcaption strong{font-size:.95rem;font-weight:1000}.arena-board-preview figcaption span{min-width:0;overflow:hidden;color:#bfdbfe;font-size:.78rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.arena-board-lock-area{display:flex;flex-direction:column;gap:.5rem}.arena-board-lock-notice{color:#fcd34d;font-size:.74rem;font-weight:800;line-height:1.4;text-align:center}@keyframes arena-board-preview-in{0%{opacity:.55;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){.arena-board-picker{padding-inline:.72rem}.arena-board-picker-heading>div>span{display:none}.arena-board-dropdown-list{max-height:min(16rem,40dvh)}.arena-board-preview-grid{width:min(100%,13.5rem)}}@media(prefers-reduced-motion:reduce){.arena-board-dropdown-trigger,.arena-board-dropdown-chevron,.arena-board-preview-grid{animation:none;transition:none}}.loadout-section-tabs{display:flex;flex:0 0 auto;gap:.5rem;margin-bottom:.7rem}.loadout-section-tabs button{flex:1;min-height:44px;border:1px solid #385677;border-radius:.6rem;background:#102034;color:#dbeafe;font:inherit;cursor:pointer}.loadout-section-tabs button[aria-selected=true]{border-color:#67e8f9;background:#17364b}.loadout-section-tabs button:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}.mode-loadout-rune-chip{color:#dbeafe;cursor:pointer}.rune-modal .rune-buy-btn{max-width:100%}.lobby-ability-loadout-backdrop :is(.ability-loadout-modal,.rune-modal){box-sizing:border-box;width:min(100%,28rem);max-width:28rem;height:min(46rem,85dvh);max-height:min(46rem,85dvh);gap:.55rem;overflow:hidden}.lobby-ability-loadout-backdrop .upgrade-modal-actions{flex:0 0 auto;margin-top:auto}.rune-modal .rune-scroll-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.rune-scroll-body .rune-grid{max-height:none;overflow:visible}.lobby-equipped-panel{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:.55rem .3rem;gap:.25rem;border:1px solid #7db9ec;border-radius:.8rem;background:linear-gradient(110deg,#111b30,#0b1525);box-shadow:inset 0 0 0 2px #172d45}.lobby-equipped-panel button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.3rem;min-width:0;padding:.2rem;border:0;background:none;color:#e4f2ff;font:inherit;cursor:pointer;transition:transform var(--lobby-motion-press, .12s) var(--lobby-ease-standard, ease)}.lobby-equipped-panel .lobby-equipped-rune{border-right:1px solid #456985}.lobby-equipped-panel small{color:#93afcb;font-size:.6rem}.lobby-equipped-panel strong{width:100%;font-size:clamp(.6rem,2.7vw,.8rem);line-height:1.2;text-align:center;overflow-wrap:anywhere}.lobby-equipped-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;font-size:2rem;color:var(--equipment-color, #8edfff)}.lobby-equipped-icon>svg{width:100%;height:100%}.lobby-equipped-panel button:focus-visible{outline:2px solid #67e8f9;border-radius:.4rem}.lobby-equipped-panel button:not(:disabled):is(:active,.is-touch-pressed){outline:2px solid #f8fbff;outline-offset:-2px;border-radius:.4rem;box-shadow:0 0 5px #e0f2fe55;transform:scale(.98)}@media(prefers-reduced-motion:reduce){.lobby-equipped-panel button{transition:none}.lobby-equipped-panel button:not(:disabled):is(:active,.is-touch-pressed){transform:none}}.lobby-equipped-panel button:disabled{opacity:.6;cursor:default}.illustration-gallery{position:fixed;inset:0;z-index:400;pointer-events:auto;background:#090e14;color:#edf7ff;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);outline:none;overflow:hidden}.illustration-gallery button{font-family:inherit;font-size:18px;font-weight:700;line-height:1.35;color:#f3f8ff;background:linear-gradient(180deg,#2c3b4a,#202c38);border:1px solid #71869b;border-radius:12px;padding:12px 18px;min-height:48px;cursor:pointer;box-shadow:inset 0 1px #ffffff14}.illustration-gallery button:hover{border-color:#a3c6e6}.illustration-gallery button:focus-visible{outline:2px solid #edf7ff}.illustration-gallery-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;flex-shrink:0}.illustration-gallery-header h2{margin:0;font-size:24px;font-weight:800}.illustration-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:14px;padding:12px 20px 24px;overflow:auto}.illustration-gallery-grid button{padding:0;overflow:hidden}.illustration-gallery-grid img{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:contain;display:block;background:#090e14}.illustration-gallery-grid span{display:block;padding:14px 10px;font-size:18px}.illustration-gallery-art{flex:1;min-height:0;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.illustration-gallery-art img{width:100%;height:100%;object-fit:contain;display:block;transform-origin:center}.illustration-gallery-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px;background:#090e14}.illustration-gallery-view-tools{position:relative;flex-shrink:0;margin:8px auto max(12px,env(safe-area-inset-bottom));width:min(380px,calc(100% - 24px));display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:12px;background:#0c141df5;border:1px solid #435c73;border-radius:18px}.illustration-gallery-view-tools>button{font-size:32px;line-height:1;padding:4px}.illustration-gallery-view-tools[hidden]{display:none}.illustration-gallery-caption{display:grid;gap:3px;text-align:center}.illustration-gallery-caption strong{font-size:18px;line-height:1.3}.illustration-gallery-caption small{font-size:16px;font-weight:600;color:#b9cee2;font-variant-numeric:tabular-nums}.illustration-gallery-zoom-tools{grid-column:1 / -1;display:flex;gap:10px}.illustration-gallery-zoom-tools button{flex:1}@media(orientation:landscape)and (max-height:500px){.illustration-gallery-header{padding:6px 12px}}.illustration-gallery-header[hidden]{display:none}@media(orientation:landscape)and (max-height:500px){.illustration-gallery-view-tools{width:min(600px,calc(100% - 24px));grid-template-columns:48px minmax(100px,1fr) 48px auto;padding:8px 12px}.illustration-gallery-zoom-tools{grid-column:auto}.illustration-gallery-zoom-tools button{white-space:nowrap;padding:10px 14px}}.achievements-modal .achievements-head{display:block}.upgrade-modal.achievements-modal{gap:.55rem}.achievements-modal .achievement-category-tabs{margin:0}.achievement-summary-copy{min-width:0}.achievements-head-copy{width:100%;min-width:0}.achievement-summary-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.35rem}.achievement-summary-row .achievement-collection-summary{min-width:0;margin-top:0}.achievements-modal .achievement-summary-row .achievements-claim-all-btn{width:auto;min-width:8.5rem;min-height:2.7rem;padding:.45rem .72rem;font-size:.78rem;white-space:nowrap}.achievement-stage-summary{margin:.18rem 0 0;color:#8fa2ba;font-size:.74rem;font-weight:700}.achievement-category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.38rem;margin:.78rem 0 .9rem;flex-shrink:0}.achievement-category-tabs button{display:inline-flex;min-width:0;min-height:2.6rem;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .36rem;border:1px solid rgba(96,165,250,.22);border-radius:.55rem;background:#0a182bad;color:#aebbd0;font-size:.72rem;font-weight:800;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}.achievement-category-tabs button:hover{border-color:#7dd3fc75;color:#e0f2fe}.achievement-category-tabs button:active{transform:scale(.97)}.achievement-category-tabs button:focus-visible{outline:2px solid #b4ecff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.achievement-category-tabs button:active{transform:none}}.achievement-category-tabs button.is-active{border-color:#4ade80b3;background:linear-gradient(180deg,#15803d42,#082f496b),#0a182bd6;color:#dcfce7;box-shadow:inset 0 0 0 1px #bbf7d00f,0 0 12px #22c55e1f}.achievement-category-label{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:.28rem}.achievement-category-reward-dot{width:.42rem;height:.42rem;flex:0 0 .42rem;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#ff4d5f;box-shadow:0 0 .38rem #ff4d5fe0}.achievement-category-count{color:#7dd3fc;font-size:.66rem;font-variant-numeric:tabular-nums}.achievement-series-heading,.achievement-series-progress-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.55rem}.achievement-series-stage{flex-shrink:0;padding:.18rem .42rem;border:1px solid rgba(192,132,252,.3);border-radius:999px;background:#581c8733;color:#d8b4fe!important;font-size:.67rem!important;font-weight:800;font-variant-numeric:tabular-nums}.achievement-next-goal{color:#94a3b8!important;font-size:.7rem!important;font-weight:700}.achievement-series-progress-track{width:100%;height:.32rem;overflow:hidden;border-radius:999px;background:#334155b8;box-shadow:inset 0 1px 2px #0006}.achievement-series-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#4ade80);box-shadow:0 0 8px #4ade8057;transition:width .22s ease}.achievement-milestones{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.18rem}.achievement-milestone{display:inline-flex;min-width:2rem;min-height:1.35rem;align-items:center;justify-content:center;padding:.12rem .34rem;border:1px solid rgba(100,116,139,.3);border-radius:999px;background:#0f172aa8;color:#64748b!important;font-size:.63rem!important;font-weight:800;font-variant-numeric:tabular-nums}.achievement-milestone.is-current{border-color:#60a5fa8f;color:#bfdbfe!important;box-shadow:0 0 7px #3b82f629}.achievement-milestone.is-completed{border-color:#facc1580;background:#713f123d;color:#fde68a!important}.achievement-milestone.is-claimed{border-color:#4ade8075;background:#14532d47;color:#bbf7d0!important}@media(max-width:720px){.achievement-summary-row{gap:.5rem}.achievement-summary-row .achievement-collection-summary{font-size:.84rem}.achievements-modal .achievement-summary-row .achievements-claim-all-btn{min-width:7.7rem;min-height:2.55rem;padding-inline:.55rem;font-size:.7rem}.achievement-category-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.achievement-category-tabs button{min-height:2.75rem;font-size:.7rem}}.upgrade-modal.settings-modal{width:min(100%,30rem);border:1.5px solid #67d5fa;border-radius:1.25rem;background:linear-gradient(180deg,#05182ba6,#060e1df7 170px),url(/ui/lobby/lobby-nebula-background.webp) center top / cover;box-shadow:0 0 4px #67d5fa88,0 0 16px #38bdf833,0 18px 50px #02061799}.settings-modal>.skin-modal-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:.8rem}.settings-modal .skin-modal-head h3{font-size:1.8rem;letter-spacing:.05em}.settings-modal .settings-scroll-body{gap:.85rem}.settings-section-heading{display:flex;align-items:center;gap:.5rem;margin:0;padding:.25rem 0 .6rem;border-bottom:1px solid #38bdf83d;color:#83e8ff;font-size:1rem}.settings-section-heading>span{font-size:1.85rem;text-shadow:0 0 6px #38bdf866}.settings-modal .settings-section{gap:.65rem}.settings-modal .settings-account-summary{border-color:#3398c366;background:#061321b3}.settings-modal .settings-account-summary .settings-label{color:#a1c9e8}.settings-modal .settings-copy-btn{border-color:#31baff;border-radius:.7rem;box-shadow:0 0 5px #38bdf82e}.settings-modal .settings-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.settings-modal .settings-policy-btn{flex-direction:column;justify-content:center;gap:.4rem;text-align:center;min-width:0;min-height:94px;padding:.65rem .25rem;border-radius:.9rem;border-color:#56b9e080!important;background:linear-gradient(180deg,#112b45b3,#071827e6);box-shadow:0 0 5px #38bdf821;font-size:.78rem;line-height:1.3;overflow-wrap:anywhere}.settings-modal .settings-action-icon{width:48px;height:38px;top:50%;bottom:auto;transform:translateY(-50%);border-radius:0;background:none;color:#6ee4ff;filter:drop-shadow(0 0 4px #38bdf84d)}.settings-modal .settings-policy-btn .settings-action-icon svg{width:80%;height:80%}.settings-modal .settings-policy-btn .settings-action-icon{position:static;width:40px;height:36px;transform:none;border:0}.settings-modal .settings-policy-btn .settings-action-lang-icon{font-size:1.1rem}.settings-modal .settings-action-copy{display:grid;width:100%;min-width:0;gap:.15rem;white-space:normal;overflow-wrap:anywhere}.settings-modal .settings-policy-btn{white-space:normal}.settings-action-copy strong{font-size:.78rem}.settings-modal .settings-section-heading .settings-action-icon{position:static;width:32px;height:32px;transform:none;border:0}.settings-modal .settings-section-heading .settings-action-icon svg{width:100%;height:100%}.display-settings-modal{width:min(100%,27rem)}.display-settings-body{display:flex;flex:1;min-height:0;flex-direction:column;gap:.9rem;overflow-y:auto;padding-right:.15rem}.display-frame-rate-card{display:flex;flex-direction:column;gap:.72rem;padding:.9rem 1rem;border:1px solid rgba(125,211,252,.28);border-radius:.9rem;background:radial-gradient(circle at 8% 0%,rgba(56,189,248,.12),transparent 42%),linear-gradient(180deg,#0f172ad1,#080d12b3);box-shadow:inset 0 1px #ffffff0a}.display-frame-rate-heading{display:flex;flex-direction:column;gap:.2rem}.display-frame-rate-heading strong{color:#f0f9ff;font-size:.98rem;font-weight:950}.display-frame-rate-heading span{color:#94a3b8;font-size:.73rem;font-weight:700;line-height:1.4}.display-frame-rate-dropdown{position:relative;z-index:5}.display-frame-rate-trigger{display:grid;width:100%;min-height:3.4rem;grid-template-columns:2.15rem minmax(0,1fr) .72rem;align-items:center;gap:.68rem;padding:.56rem .78rem;border:1px solid rgba(96,165,250,.5);border-radius:.78rem;background:linear-gradient(145deg,#1e3a68f5,#0d1f3bfa);color:#f8fbff;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.display-frame-rate-trigger:hover,.display-frame-rate-dropdown.is-open .display-frame-rate-trigger{border-color:#7dd3fce6;box-shadow:0 0 0 1px #38bdf824,0 0 18px #38bdf82e}.display-frame-rate-trigger:active{transform:scale(.99)}.display-frame-rate-trigger:focus-visible,.display-frame-rate-option:focus-visible{outline:3px solid rgba(74,222,128,.72);outline-offset:2px}.display-frame-rate-icon{display:grid;width:2.15rem;height:2.15rem;place-items:center;border:1px solid rgba(103,232,249,.45);border-radius:.58rem;background:linear-gradient(135deg,#06b6d457,#2563eb6b);color:#cffafe;font-size:.64rem;font-weight:1000;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff26,0 0 12px #22d3ee24}.display-frame-rate-trigger-copy,.display-frame-rate-option>span:last-child{display:flex;min-width:0;flex-direction:column;gap:.1rem}.display-frame-rate-trigger-copy strong,.display-frame-rate-option strong{color:#f8fbff;font-size:.9rem;font-weight:950}.display-frame-rate-trigger-copy small,.display-frame-rate-option small{color:#93c5fd;font-size:.7rem;font-weight:750}.display-frame-rate-chevron{width:.58rem;height:.58rem;border-right:2px solid #bae6fd;border-bottom:2px solid #bae6fd;transform:translateY(-.14rem) rotate(45deg);transition:transform .16s ease}.display-frame-rate-dropdown.is-open .display-frame-rate-chevron{transform:translateY(.14rem) rotate(225deg)}.display-frame-rate-list{display:flex;flex-direction:column;gap:.3rem;margin-top:.42rem;padding:.42rem;border:1px solid rgba(125,211,252,.5);border-radius:.78rem;background:#050d1bfb;box-shadow:0 14px 30px #00000070,0 0 18px #38bdf824}.display-frame-rate-option{display:grid;width:100%;min-height:2.9rem;grid-template-columns:1.4rem minmax(0,1fr);align-items:center;gap:.52rem;padding:.46rem .62rem;border:1px solid transparent;border-radius:.62rem;background:#1e293b9e;color:#e2e8f0;cursor:pointer;text-align:left}.display-frame-rate-option:hover{border-color:#7dd3fc75;background:#0e749033}.display-frame-rate-option.is-selected{border-color:#4ade80c2;background:linear-gradient(105deg,#16653494,#0e749066);box-shadow:inset 0 1px #ffffff1a,0 0 12px #4ade801f}.display-frame-rate-option-mark{display:grid;width:1.4rem;height:1.4rem;place-items:center;color:#86efac;font-size:.86rem;font-weight:1000}.display-settings-option{position:relative;display:grid;grid-template-columns:2.1rem minmax(0,1fr);align-items:center;gap:.9rem;min-height:4.5rem;padding:.9rem 1rem;border:1px solid rgba(125,211,252,.22);border-radius:.9rem;background:linear-gradient(180deg,#0f172abd,#080d129e);color:#e8f3ff;cursor:pointer;-webkit-tap-highlight-color:transparent}.display-settings-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.display-settings-checkbox{display:inline-flex;width:2.1rem;height:2.1rem;align-items:center;justify-content:center;border:2px solid rgba(147,197,253,.66);border-radius:.45rem;background:#0f2037e0}.display-settings-checkbox:after{width:.85rem;height:.45rem;border-bottom:.2rem solid #f8fbff;border-left:.2rem solid #f8fbff;content:"";opacity:0;transform:translateY(-.1rem) rotate(-45deg) scale(.65)}.display-settings-option input:checked+.display-settings-checkbox{border-color:#60a5fa;background:linear-gradient(145deg,#2563a8,#3b82d0);box-shadow:inset 0 0 0 1px #bfdbfe59,0 0 14px #3b82f659}.display-settings-option input:checked+.display-settings-checkbox:after{opacity:1;transform:translateY(-.1rem) rotate(-45deg) scale(1)}.display-settings-option input:focus-visible+.display-settings-checkbox{outline:3px solid rgba(74,222,128,.72);outline-offset:3px}.display-settings-label{color:#e8f3ff;font-size:.95rem;font-weight:900;line-height:1.4}.display-board-layout-button{width:100%;min-height:42px;padding:10px 14px;border:1px solid #5ba8d2;border-radius:8px;background:#10243d;color:#d4efff;cursor:pointer}.display-board-layout-button:active{filter:brightness(1.25);transform:translateY(1px)}.display-board-layout-button:focus-visible{outline:2px solid #b5efff;outline-offset:3px}@media(hover:hover){.display-board-layout-button:hover{background:#193653;border-color:#8ddcff}}.friend-list-panel{display:flex;flex-direction:column;gap:.72rem;width:min(100%,34rem);margin:auto auto 0;padding:1rem;background:radial-gradient(circle at 94% 0%,rgba(192,132,252,.14),transparent 31%),radial-gradient(circle at 0% 0%,rgba(56,189,248,.13),transparent 34%),linear-gradient(180deg,#0f172af5,#111827f0);border:1.5px solid rgba(96,165,250,.58);border-radius:1.05rem;box-shadow:0 18px 42px #0000004d,0 0 0 1px #dbeafe0f,0 0 22px #38bdf824,inset 0 0 26px #60a5fa0d;flex-shrink:1;min-height:0}.friend-list-scroll{display:flex;flex-direction:column;gap:.45rem;overflow-y:auto;max-height:clamp(10rem,28dvh,18rem);min-height:4rem;padding-right:.12rem;scrollbar-width:thin;scrollbar-color:rgba(96,165,250,.5) rgba(15,23,42,.34)}.friend-list-scroll::-webkit-scrollbar,.friend-req-list::-webkit-scrollbar{width:.42rem}.friend-list-scroll::-webkit-scrollbar-thumb,.friend-req-list::-webkit-scrollbar-thumb{border-radius:999px;background:#60a5fa7a}.friend-list-empty{display:grid;place-items:center;min-height:5.5rem;border:1px dashed rgba(125,211,252,.24);border-radius:.9rem;background:#0f172a61;color:#aebbd0;font-size:.85rem;text-align:center;padding:1rem;margin:0}.friend-list-loading{display:flex;min-height:4rem;align-items:center;justify-content:center}.spinner.friend-list-spinner{width:2rem;height:2rem;margin:0}.friend-row{display:flex;align-items:center;gap:.55rem;min-height:2.85rem;padding:.55rem .68rem;border-radius:.78rem;background:linear-gradient(180deg,#0f172a9e,#080d1280),#08142361;border:1px solid rgba(125,211,252,.14);cursor:pointer;text-align:left;width:100%;color:#dbeafe;font-size:.85rem;box-shadow:inset 0 0 0 1px #ffffff06,0 8px 18px #0206171f;transition:background var(--lobby-motion-feedback) var(--lobby-ease-standard),border-color var(--lobby-motion-feedback) var(--lobby-ease-standard),transform var(--lobby-motion-feedback) var(--lobby-ease-out),box-shadow var(--lobby-motion-feedback) var(--lobby-ease-standard)}.friend-row:hover,.friend-row:focus-visible{background:linear-gradient(180deg,#1e293bc7,#0f172ab8),#08142394;border-color:#7dd3fc6b;box-shadow:inset 0 0 0 1px #93c5fd0f,0 0 18px #3b82f629;outline:none}.friend-row:active{transform:translateY(1px) scale(.995)}.friend-status-badge{width:.62rem;height:.62rem;border-radius:50%;flex-shrink:0;box-shadow:0 0 10px currentColor}.friend-status-badge--online{background:#4ade80;color:#4ade80}.friend-status-badge--in_game{background:#60a5fa;color:#60a5fa}.friend-status-badge--offline{background:#64748b;color:#64748b;box-shadow:none}.friend-row-name{flex:1;color:#eef6ff;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row-rating{font-size:.78rem;color:#fde68a;flex-shrink:0;font-weight:800}.friend-row-status{font-size:.75rem;color:#aebbd0;flex-shrink:0;min-width:44px;text-align:right}.friend-list-actions{display:flex;gap:.55rem}.friend-list-actions .lobby-mini-btn{flex:1;min-height:2.8rem;border-color:#a78bfaa3;background:linear-gradient(120deg,#2563eb6b,#6d28d99e),#0d0c23e0;color:#f5f3ff;font-weight:850;box-shadow:inset 0 0 0 1px #ddd6fe1f,0 8px 18px #02061738,0 0 18px #8b5cf629}.friend-list-actions .lobby-mini-btn:nth-child(2){background:linear-gradient(120deg,#4f46e56b,#7e22ceb3),#120a28e6}.lobby-mini-btn.has-badge{border-color:#d8b4fedb;background:linear-gradient(90deg,#4f46e58a,#9333eacc),#180a30eb;color:#f8fbff;box-shadow:inset 0 0 0 1px #ede9fe2e,0 0 18px #6366f133,0 0 24px #c084fc42}.friend-modal-overlay{position:fixed;inset:0;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 10%,rgba(147,51,234,.22),transparent 36%),#030212c2;-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);display:flex;align-items:center;justify-content:center;z-index:200}.friend-modal{position:relative;overflow:hidden;background:radial-gradient(circle at 96% 0%,rgba(216,180,254,.28),transparent 34%),radial-gradient(circle at 0% 0%,rgba(79,70,229,.24),transparent 36%),linear-gradient(180deg,#161434fc,#0d0f23fc);border:1.5px solid rgba(167,139,250,.82);border-radius:1.05rem;padding:1.2rem;width:min(90vw,27rem);max-height:min(34rem,calc(100dvh - 2rem));display:flex;flex-direction:column;gap:.95rem;box-shadow:0 24px 60px #00000094,0 0 0 1px #ede9fe1a,0 0 28px #6366f13d,0 0 34px #c084fc3d,inset 0 0 34px #8b5cf614}.friend-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(129,140,248,.9),rgba(216,180,254,.92),transparent) top / 100% 2px no-repeat,linear-gradient(110deg,transparent 0%,rgba(255,255,255,.06) 18%,transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 42%);opacity:.52;pointer-events:none}.friend-modal-title{position:relative;font-size:clamp(1.28rem,4.2vw,1.66rem);font-weight:1000;color:#f8fbff;margin:0 0 .08rem;padding-bottom:.62rem;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.34),0 0 18px rgba(129,140,248,.34),0 0 22px rgba(216,180,254,.26)}.friend-modal-title:after{content:"";position:absolute;left:0;bottom:0;width:min(13rem,58%);height:1px;background:linear-gradient(90deg,rgba(129,140,248,.94),rgba(216,180,254,.76),transparent);box-shadow:0 0 12px #6366f152,0 0 16px #c084fc47}.friend-modal-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.42),transparent)}.friend-add-code-section,.friend-add-input-section{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border:1px solid rgba(167,139,250,.34);border-radius:.9rem;background:linear-gradient(145deg,#312e813d,#1e0f376b),#090c1fb3;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #0206172e,0 0 18px #8b5cf614}.friend-add-label{font-size:.82rem;color:#aebbd0;margin:0}.friend-add-code{font-family:var(--mono, "JetBrains Mono", monospace);font-size:clamp(1.45rem,7vw,2rem);font-weight:1000;letter-spacing:.3em;color:#e9d5ff;text-align:center;padding:.62rem .5rem;background:linear-gradient(180deg,#312e815c,#1e123780),#0b0d23b3;border:1px solid rgba(196,181,253,.42);border-radius:.75rem;text-shadow:0 0 18px rgba(192,132,252,.36);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 18px #8b5cf61a}.friend-add-code.is-expired{color:#aebbd0;font-size:1.2rem;letter-spacing:0}.friend-add-timer{font-family:var(--mono, "JetBrains Mono", monospace);font-size:1.1rem;color:#fbbf24;text-align:center}.friend-add-input-row{display:flex;gap:.5rem}.friend-add-input-row .code-input{flex:1;font-family:var(--mono, "JetBrains Mono", monospace);letter-spacing:.2em}.friend-modal .lobby-input{border-color:#a78bfa61;background:linear-gradient(180deg,#312e8142,#18122e7a),#090c1fb3;color:#f8fbff;box-shadow:inset 0 0 0 1px #ffffff08}.friend-modal .lobby-input:focus{border-color:#c4b5fddb;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 2px #8b5cf633,0 0 18px #a855f724}.friend-modal .lobby-mini-btn{min-height:2.5rem;border-color:#a78bfa8f;background:linear-gradient(120deg,#4338ca80,#7e22cead),#120c2adb;color:#f5f3ff;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 18px #02061733,0 0 16px #8b5cf61f}.friend-modal .lobby-mini-btn:hover,.friend-modal .lobby-mini-btn:focus-visible{border-color:#d8b4fee6;background:linear-gradient(120deg,#4f46e5ad,#9333ead1),#190d34e6;outline:none}.friend-modal>.lobby-btn.secondary{position:relative;min-height:2.85rem;border:1px solid rgba(139,92,246,.46);border-radius:.82rem;background:linear-gradient(180deg,#312e8157,#1e14389e),#0a0d22d1;color:#ede9fe;font-weight:850;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 18px #0206172e}.friend-modal>.lobby-btn.secondary:hover,.friend-modal>.lobby-btn.secondary:focus-visible{border-color:#c4b5fdcc;background:linear-gradient(180deg,#4338ca80,#311854b8),#100e28db;outline:none}.friend-add-result{font-size:.82rem;color:#4ade80;margin:0;min-height:1.1rem}.friend-add-result.error{color:#f87171}.friend-req-list{position:relative;display:flex;flex-direction:column;gap:.55rem;max-height:16rem;overflow-y:auto;padding-right:.12rem;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.58) rgba(15,23,42,.34)}.friend-req-row{display:flex;align-items:center;gap:.65rem;min-height:3.15rem;padding:.62rem .7rem;background:linear-gradient(145deg,#312e8142,#1e0f376b),#090c1fb3;border:1px solid rgba(167,139,250,.3);border-radius:.82rem;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #0206172e,0 0 16px #8b5cf614}.friend-req-name{flex:1;font-size:.9rem;color:#eef6ff;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-req-actions{display:flex;gap:6px;flex-shrink:0}.friend-req-actions .lobby-mini-btn{min-height:2.15rem;padding-inline:.72rem;border-color:#a78bfa75;background:linear-gradient(120deg,#4338ca6b,#6d28d994),#100c27d6;color:#ede9fe}.friend-req-actions .lobby-mini-btn:first-child{border-color:#4ade807a;color:#bbf7d0}.friend-req-actions .lobby-mini-btn:last-child{border-color:#f8717157;color:#fecaca}@media(max-width:420px){.friend-list-panel,.friend-modal{padding:1rem}.friend-row{flex-wrap:wrap}.friend-row-name{flex-basis:calc(100% - 1.4rem)}.friend-add-input-row,.friend-req-row{flex-direction:column;align-items:stretch}.friend-req-actions{width:100%}.friend-req-actions .lobby-mini-btn{flex:1}}.friend-ctx-popup{z-index:300;background:var(--panel, #1e252b);border:1px solid var(--tile-border, #3a444d);border-radius:.75rem;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:130px;box-shadow:0 8px 24px #00000080}.friend-ctx-btn{background:transparent;border:none;color:var(--text, #e2e8f0);font-size:.88rem;padding:7px 12px;border-radius:6px;cursor:pointer;text-align:left;width:100%;transition:background var(--lobby-motion-feedback) var(--lobby-ease-standard)}.friend-ctx-btn:hover{background:var(--tile, #2a3137)}.friend-ctx-btn.danger{color:#f87171}.friend-ctx-btn.danger:hover{background:#f871711a}.friend-ctx-confirm{display:flex;flex-direction:column;gap:8px;padding:4px}.friend-ctx-confirm-text{font-size:.82rem;color:var(--text, #e2e8f0);margin:0;line-height:1.4}.friend-ctx-confirm-btns{display:flex;gap:6px}.lobby-mini-btn.danger{border-color:#f8717166;color:#f87171}.lobby-mini-btn.danger:hover{background:#f871711f}.friend-profile-body{display:flex;flex-direction:column;align-items:center;gap:.5rem}.friend-profile-name{font-size:1.1rem;font-weight:700;color:var(--text, #e2e8f0);margin:0}.friend-profile-rating{font-size:.9rem;color:#fbbf24;margin:0}.friend-profile-record{font-size:.85rem;color:var(--text-muted, #8899aa);margin:0}.friend-profile-collection-summary{display:flex;flex-direction:column;align-items:center;gap:.22rem;margin-top:.25rem;color:#a855f7!important;font-size:.92rem;font-weight:900}.friend-challenge-toast{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:#1e252bf2;border:1px solid rgba(96,165,250,.4);border-radius:.75rem;box-shadow:0 4px 20px #0006;margin:0 0 8px}.friend-challenge-toast-wrap.is-outgoing{position:fixed;inset:0;z-index:1200;padding:8px 16px 0;background:#0000009e;pointer-events:auto}.friend-challenge-toast-wrap.is-outgoing .friend-challenge-toast{position:relative;z-index:1;width:min(calc(100vw - 32px),var(--lobby-stage-width));max-width:calc(100vw - 32px);box-sizing:border-box;margin-left:auto;margin-right:auto;pointer-events:auto}.friend-challenge-toast-msg{flex:1;font-size:.88rem;color:var(--text, #e2e8f0);min-width:180px}.friend-challenge-toast-btns{display:flex;gap:6px;flex-shrink:0}.friend-challenge-toast-wrap{position:absolute;top:0;left:0;right:0;z-index:150;padding:8px 16px 0}@media(hover:none)and (pointer:coarse){.friend-modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(circle at 50% 10%,rgba(147,51,234,.16),transparent 34%),#030212e0}}.skin-giveaway-button{flex-shrink:0;font-size:1.5rem}.lobby-event-vault-row{display:flex;align-items:flex-start;gap:.55rem}.skin-giveaway-modal{max-height:90dvh;overflow-y:auto}.skin-giveaway-modal>h2{font-size:1.3rem;margin:0 0 1rem}.skin-giveaway-modal>p{color:#cbd5e1;line-height:1.6}.skin-giveaway-grid{max-height:48dvh;overflow-y:auto;overscroll-behavior:contain}.skin-giveaway-grid .skin-option-card{min-width:0}.skin-giveaway-static-preview{display:inline-block;position:relative}.skin-giveaway-static-preview img{position:absolute;width:130%;height:130%;max-width:none;left:-15%;top:-15%;object-fit:contain;pointer-events:none}.skin-giveaway-owned-status{color:#4ade80;font-weight:700;text-shadow:0 0 8px rgba(74,222,128,.22)}[data-game-touch-feedback].is-touch-pressed{transform:translateY(1px) scale(.965);transform-origin:center;border-color:#edf7ff;outline:2px solid rgba(231,245,255,.9);outline-offset:-2px;filter:none;box-shadow:inset 0 0 0 2px #c3e2ff4d;transition:transform 60ms ease-out,border-color 60ms ease-out}@media(prefers-reduced-motion:reduce){[data-game-touch-feedback].is-touch-pressed{transform:none;transition:none}}[data-combat-touch-feedback].is-combat-pressed{border-color:#edf7ff;outline:2px solid rgba(231,245,255,.9);outline-offset:-2px}.ability-reservation-chip[data-combat-touch-feedback]:active{transform:scale(.965)}@media(prefers-reduced-motion:reduce){.ability-reservation-chip[data-combat-touch-feedback]:active{transform:none}}.player-piece.piece-skin-cosmic .piece-inner{background:#080b18;box-shadow:0 0 calc(var(--piece-glow, 12px) * 1) #6496e680,0 0 calc(var(--piece-glow, 12px) * 2.4) #785ad247,inset 0 0 8px #b4c8ff0f;border-color:#6e9be18c}.player-piece.piece-skin-cosmic .piece-inner:before,.player-piece.piece-skin-cosmic .piece-inner:after{content:none}.cosmic-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:50%;pointer-events:none}.player-piece.piece-skin-arc_reactor .piece-inner{background:transparent;overflow:visible;box-shadow:none;border-color:transparent}.arc-reactor-scale{position:absolute;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%) scale(var(--arc-reactor-scale, .176));transform-origin:center;pointer-events:none}.arc-hex-wrap{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center}.arc-hex-layer{position:absolute;display:flex;align-items:center;justify-content:center}.arc-hex-layer-1{width:330px;height:330px;animation:arcHexCW 10s linear infinite}.arc-hex-layer-2{width:262px;height:262px;animation:arcHexCCW 6s linear infinite}.arc-hex-layer-3{width:204px;height:204px;animation:arcHexCW 4s linear infinite}.arc-hex-svg{width:100%;height:100%;overflow:visible}.arc-hex-core{position:relative;z-index:2;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fef3c7,#fbbf24 38%,#d97706 72%,#431407);border:1.5px solid rgba(251,191,36,.65);box-shadow:0 0 20px #fbbf24d9,0 0 42px #d9770673,inset 0 0 12px #fff3;animation:arcHexCorePulse 1.8s ease-in-out infinite}.arc-hex-core:before{content:"";position:absolute;left:50%;top:50%;width:46%;height:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96) 0%,rgba(255,236,153,.65) 55%,transparent 100%);animation:arcHexCoreInner 1.8s ease-in-out infinite}@keyframes arcHexCW{to{transform:rotate(360deg)}}@keyframes arcHexCCW{to{transform:rotate(-360deg)}}@keyframes arcHexCorePulse{0%,to{box-shadow:0 0 20px #fbbf24d9,0 0 42px #d9770673,inset 0 0 12px #fff3}50%{box-shadow:0 0 32px #fbd224,0 0 62px #d98c06b3,inset 0 0 18px #ffffff52}}@keyframes arcHexCoreInner{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.78}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}.player-piece.piece-skin-atomic .piece-inner{background:radial-gradient(circle at 50% 50%,#070a10fa,#04070cfa 68%,#010307);overflow:visible;box-shadow:0 0 calc(var(--piece-glow, 12px) * .95) #bfdbfe2e,0 0 calc(var(--piece-glow, 12px) * 2.1) #3b82f61f,inset 0 0 14px #ffffff0a;border-color:#ccccccd1}.player-piece.piece-skin-atomic .piece-inner:before,.player-piece.piece-skin-atomic .piece-inner:after{content:"";position:absolute;inset:1px;border-radius:50%;pointer-events:none}.player-piece.piece-skin-atomic .piece-inner:before{border:1.5px solid rgba(204,204,204,.34);box-shadow:0 0 8px #cbd5e114,inset 0 0 8px #ffffff08}.player-piece.piece-skin-atomic .piece-inner:after{border:1px solid rgba(204,204,204,.12)}.atomic-atom{position:absolute;left:50%;top:50%;width:148%;height:148%;transform:translate3d(-50%,-50%,0);border-radius:50%;transform-style:preserve-3d;perspective:1000px;will-change:transform;backface-visibility:hidden}.atomic-nucleus{position:absolute;left:50%;top:50%;width:58%;height:58%;transform:translate3d(-50%,-50%,0);border-radius:50%;border:1px solid rgba(96,165,250,.78);background:radial-gradient(circle at 30% 28%,#dbeafe,#60a5fa 42%,#2563eb 76%,#0b1736);box-shadow:0 0 12px #3b82f675,inset 0 0 10px #ffffff1f;will-change:transform;backface-visibility:hidden}.atomic-nucleus:before,.atomic-nucleus:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate3d(-50%,-50%,0);pointer-events:none;backface-visibility:hidden}.atomic-nucleus:before{width:58%;height:58%;background:radial-gradient(circle,#fffffffa,#ffffffeb,#bfdbfed1,#60a5fa2e 78%,#60a5fa00);box-shadow:0 0 10px #ffffffb8,0 0 18px #bfdbfe73;animation:atomic-core-white-pulse 1.45s ease-in-out infinite}.atomic-nucleus:after{width:88%;height:88%;background:radial-gradient(circle,#fff3,#bfdbfe24 34%,#60a5fa14 58%,#60a5fa00);filter:blur(1.4px);animation:atomic-core-white-glow 2s ease-in-out infinite}.atomic-electron{position:absolute;left:120%;top:120%;width:140%;height:140%;transform:translate3d(-50%,-50%,0);transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}.atomic-electron-ring{position:absolute;inset:0;border:1px solid rgba(204,204,204,.76);border-radius:50%;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;animation-fill-mode:both}.atomic-electron-particle{position:absolute;top:0;left:50%;width:16%;height:16%;transform:translate3d(-50%,-50%,0) scale(.8);transform-origin:50% 50%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fecaca,#ef4444 42%,#b91c1c 72%,#3b0b0b);box-shadow:0 0 8px #ef444494,0 0 14px #fca5a54d;will-change:transform;backface-visibility:hidden;animation-fill-mode:both}.atomic-electron-1{transform:translate3d(-50%,-50%,0)}.atomic-electron-1 .atomic-electron-ring{animation:atomic-orbit-1 6s linear infinite;animation-play-state:paused}.atomic-electron-1 .atomic-electron-particle{animation:atomic-orbit-particle-1 6s linear infinite;animation-play-state:paused}.atomic-electron-2{transform:translate3d(-50%,-50%,0)}.atomic-electron-2 .atomic-electron-ring{animation:atomic-orbit-2 6s linear infinite;animation-play-state:paused}.atomic-electron-2 .atomic-electron-particle{background:radial-gradient(circle at 30% 30%,#fef3c7,#facc15 42%,#ca8a04 72%,#422006);box-shadow:0 0 8px #facc1594,0 0 14px #fde0474d;animation:atomic-orbit-particle-2 6s linear infinite;animation-play-state:paused}.atomic-electron-3{transform:translate3d(-50%,-50%,0)}.atomic-electron-3 .atomic-electron-ring{animation:atomic-orbit-3 6s linear infinite;animation-play-state:paused}.atomic-electron-3 .atomic-electron-particle{background:radial-gradient(circle at 30% 30%,#e9d5ff,#a855f7 42%,#7e22ce 72%,#2e1065);box-shadow:0 0 8px #a855f794,0 0 14px #d8b4fe4d;animation:atomic-orbit-particle-3 6s linear infinite;animation-play-state:paused}.atomic-atom.atomic-ready .atomic-electron-ring,.atomic-atom.atomic-ready .atomic-electron-particle{animation-play-state:running}@keyframes atomic-orbit-1{0%{transform:translate(-50%,-50%) rotateY(60deg) rotateX(-30deg) rotate(0)}to{transform:translate(-50%,-50%) rotateY(60deg) rotateX(-30deg) rotate(360deg)}}@keyframes atomic-orbit-particle-1{0%{transform:rotate(0) rotateX(30deg) rotateY(-40deg) scale(.8)}25%{transform:rotate(-90deg) rotateX(30deg) rotateY(-40deg) scale(.6)}50%{transform:rotate(-180deg) rotateX(30deg) rotateY(-40deg) scale(.8)}75%{transform:rotate(-270deg) rotateX(30deg) rotateY(-40deg) scale(1)}to{transform:rotate(-360deg) rotateX(30deg) rotateY(-40deg) scale(.8)}}@keyframes atomic-orbit-2{0%{transform:translate(-50%,-50%) rotateY(60deg) rotateX(30deg) rotate(180deg)}to{transform:translate(-50%,-50%) rotateY(60deg) rotateX(30deg) rotate(540deg)}}@keyframes atomic-orbit-particle-2{0%{transform:rotate(-180deg) rotateX(-30deg) rotateY(-40deg) scale(.8)}25%{transform:rotate(-270deg) rotateX(-30deg) rotateY(-40deg) scale(1)}50%{transform:rotate(-360deg) rotateX(-30deg) rotateY(-40deg) scale(.8)}75%{transform:rotate(-450deg) rotateX(-30deg) rotateY(-40deg) scale(.6)}to{transform:rotate(-540deg) rotateX(-30deg) rotateY(-40deg) scale(.8)}}@keyframes atomic-orbit-3{0%{transform:translate(-50%,-50%) rotateY(0) rotateX(75deg) rotate(180deg)}to{transform:translate(-50%,-50%) rotateY(0) rotateX(75deg) rotate(540deg)}}@keyframes atomic-orbit-particle-3{0%{transform:rotate(-180deg) rotateX(-80deg) rotateY(0) scale(1)}25%{transform:rotate(-270deg) rotateX(-80deg) rotateY(0) scale(.8)}50%{transform:rotate(-360deg) rotateX(-80deg) rotateY(0) scale(.6)}75%{transform:rotate(-450deg) rotateX(-80deg) rotateY(0) scale(.8)}to{transform:rotate(-540deg) rotateX(-80deg) rotateY(0) scale(1)}}@keyframes atomic-core-white-pulse{0%,to{transform:translate(-50%,-50%) scale(.94);opacity:.82;filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1;filter:brightness(1.12)}}@keyframes atomic-core-white-glow{0%,to{transform:translate(-50%,-50%) scale(.96);opacity:.45}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.82}}.player-piece.piece-skin-chronos .piece-inner{background:radial-gradient(circle at 50% 50%,#0a0f18f5,#060a12fa 68%,#03050a);overflow:visible;box-shadow:0 0 calc(var(--piece-glow, 12px) * .95) #cbd5e13d,0 0 calc(var(--piece-glow, 12px) * 2) #fbbf241f,inset 0 0 12px #ffffff14;border-color:#cbd5e1b8}.chronos-scale{position:absolute;left:50%;top:50%;width:260px;height:260px;transform:translate(-50%,-50%) scale(var(--chronos-scale, .1));transform-origin:center;pointer-events:none}.chronos-wrap{position:relative;width:260px;height:260px}.chronos-body{position:relative;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1a1a1a,#0d0d0d 65%,#050505);border:2.5px solid #c9a84c;box-shadow:0 0 20px #c9a84c40,inset 0 0 15px #000c}.chronos-numeral{position:absolute;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:18px;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.9),0 0 18px rgba(255,215,0,.5);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.chronos-ring{position:absolute;inset:0;border-radius:50%}.chronos-ring-inner{inset:-20px;border:2.5px solid rgba(251,191,36,.56);animation:chronosSpinCW 12s linear infinite}.chronos-ring-mid{inset:-40px;border:2px solid rgba(203,213,225,.52);animation:chronosSpinCCW 20s linear infinite}.chronos-ring-outer{inset:-60px;border:1.5px solid rgba(251,191,36,.34);animation:chronosSpinCW 35s linear infinite}.chronos-tick{position:absolute;left:50%;top:0;border-radius:999px}.chronos-tick-inner{width:2px;height:6px;margin-left:-1px;background:#fbbf24d6;transform-origin:1px 114px;transform:rotate(var(--chronos-tick-angle))}.chronos-tick-mid{width:2px;height:7px;margin-left:-1px;background:#cbd5e1ad;transform-origin:1px 132px;transform:rotate(var(--chronos-tick-angle))}.chronos-tick-outer{width:1.5px;height:8px;margin-left:-.75px;background:#fbbf2485;transform-origin:.75px 150px;transform:rotate(var(--chronos-tick-angle))}.chronos-hand{position:absolute;left:50%;top:50%;border-radius:999px;transform-origin:center bottom}.chronos-hand-hour{width:7px;height:64px;margin-left:-3.5px;margin-top:-64px;background:linear-gradient(to top,#a07820,gold);box-shadow:0 0 10px #ffd70099}.chronos-hand-minute{width:6px;height:88px;margin-left:-3px;margin-top:-88px;background:linear-gradient(to top,#a07820,gold);box-shadow:0 0 9px #ffd70080}.chronos-hand-second{width:4px;height:104px;margin-left:-2px;margin-top:-104px;background:#fbbf24;box-shadow:0 0 9px #fbbf24e6}.chronos-pivot{position:absolute;left:50%;top:50%;width:7px;height:7px;margin-left:-3.5px;margin-top:-3.5px;border-radius:50%;background:radial-gradient(circle,#fde68a,#d97706);box-shadow:0 0 8px #fbbf24e6}.chronos-orb,.chronos-star{position:absolute;left:50%;top:50%;border-radius:50%}.chronos-orb{width:16px;height:16px;margin-left:-8px;margin-top:-8px;background:radial-gradient(circle at 30% 30%,#fde68a,#d97706);box-shadow:0 0 10px #fbbf24d9;animation:chronosOrbOrbit 7s linear infinite;animation-delay:var(--chronos-orbit-delay)}.chronos-star{width:6px;height:6px;margin-left:-3px;margin-top:-3px;background:#e2e8f0;box-shadow:0 0 5px #e2e8f0e6;animation:chronosStarOrbit 14s linear infinite;animation-delay:var(--chronos-star-delay)}@keyframes chronosSpinCW{to{transform:rotate(360deg)}}@keyframes chronosSpinCCW{to{transform:rotate(-360deg)}}@keyframes chronosOrbOrbit{0%{transform:rotate(0) translate(114px)}to{transform:rotate(360deg) translate(114px)}}@keyframes chronosStarOrbit{0%{transform:rotate(0) translate(158px)}to{transform:rotate(-360deg) translate(158px)}}.player-piece.piece-skin-sun{width:calc(var(--piece-size, 56px) * 1.5);height:calc(var(--piece-size, 56px) * 1.5)}.player-piece.piece-skin-sun .piece-inner{width:calc(var(--piece-inner-size, 44px) * 1.5);height:calc(var(--piece-inner-size, 44px) * 1.5)}.player-piece.piece-skin-sun.piece-sun-chariot-active{width:calc(var(--piece-size, 56px) * 6);height:calc(var(--piece-size, 56px) * 6)}.player-piece.piece-skin-sun.piece-sun-chariot-active .piece-inner{width:calc(var(--piece-inner-size, 44px) * 6);height:calc(var(--piece-inner-size, 44px) * 6)}.player-piece.piece-skin-sun.piece-sun-chariot-active .sun{inset:-30%;height:200%;width:200%}.sun{align-items:center;justify-content:center;position:absolute;display:flex;height:200%;width:200%;inset:-35%;border-radius:50%;background:url(/assets/sun_cdn-DVVGBFjF.jpg) center center / cover no-repeat;background-position:center center;box-shadow:1px 1px 30px 5px #fc9328;animation:pole-rotate 90s linear infinite}@keyframes pole-rotate{0%{background-position:center center}50%{background-position:50% 40%}to{transform:rotate(360deg);background-position:center center}}.player-piece.piece-skin-wizard .piece-inner{background:radial-gradient(circle at 50% 50%,#120426f7,#0a0218fa 65%,#04010c);overflow:visible;box-shadow:0 0 calc(var(--piece-glow, 12px) * .9) #a03cff47,0 0 calc(var(--piece-glow, 12px) * 2.2) #6e14d224,inset 0 0 10px #b450ff14;border-color:#a046ffbf}.wizard-scale{position:absolute;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%) scale(var(--wizard-scale, .16));transform-origin:center;pointer-events:none}.wizard-wrap{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center}.wizard-outer-ring{position:absolute;width:244px;height:244px;border-radius:50%;border:1.5px solid rgba(200,75,255,.35);animation:wizardCW 20s linear infinite}.wizard-outer-ring:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px dashed rgba(200,75,255,.18)}.wizard-tick{position:absolute;left:50%;top:50%;width:4px;height:14px;margin-left:-2px;margin-top:-136px;background:#d255ffb3;border-radius:2px;transform-origin:center 136px;transform:rotate(var(--wizard-tick-angle))}.wizard-mid-ring{position:absolute;width:184px;height:184px;border-radius:50%;border:1px solid rgba(175,55,255,.45);animation:wizardCCW 8s linear infinite}.wizard-diamond{position:absolute;left:50%;top:50%;width:20px;height:20px;margin-left:-5px;margin-top:-5px;background:#d75fffe6;box-shadow:0 0 6px 2px #be37ffcc;transform:rotate(45deg)}.wizard-d1{animation:wizardDiamondOrbit 8s linear infinite 0s}.wizard-d2{animation:wizardDiamondOrbit 8s linear infinite -2s}.wizard-d3{animation:wizardDiamondOrbit 8s linear infinite -4s}.wizard-d4{animation:wizardDiamondOrbit 8s linear infinite -6s}@keyframes wizardDiamondOrbit{0%{transform:rotate(0) translate(92px) rotate(45deg)}to{transform:rotate(-360deg) translate(92px) rotate(45deg)}}.wizard-triangle{position:absolute;width:206px;height:206px;display:flex;align-items:center;justify-content:center}.wizard-tri-1{animation:wizardCW 7s linear infinite}.wizard-tri-2{animation:wizardCCW 11s linear infinite}.wizard-tri-svg{width:100%;height:100%;overflow:visible}.wizard-arm{position:absolute;left:50%;top:50%;width:111px;height:111px;margin-left:-61px;margin-top:-111px;transform-origin:center bottom;transform:rotate(var(--wizard-arm-angle))}.wizard-arm-inner{width:100%;height:100%;background:linear-gradient(to top,rgba(200,75,255,.9),transparent);border-radius:1px;animation:wizardArmFlare 2.4s ease-in-out infinite}.wizard-arm:nth-child(n+9) .wizard-arm-inner{animation-delay:0s}.wizard-arm:nth-child(n+10) .wizard-arm-inner{animation-delay:.4s}.wizard-arm:nth-child(n+11) .wizard-arm-inner{animation-delay:.8s}.wizard-arm:nth-child(n+12) .wizard-arm-inner{animation-delay:1.2s}.wizard-arm:nth-child(n+13) .wizard-arm-inner{animation-delay:1.6s}.wizard-arm:nth-child(n+14) .wizard-arm-inner{animation-delay:2s}.wizard-dot{position:absolute;left:50%;top:50%;width:22px;height:22px;margin-left:-4px;margin-top:-4px;border-radius:50%;background:#e06aff;box-shadow:0 0 8px 3px #c837fff2}.wizard-dot-1{animation:wizardDotOrbit 2.2s linear infinite 0s}.wizard-dot-2{animation:wizardDotOrbit 2.2s linear infinite -.73s}.wizard-dot-3{animation:wizardDotOrbit 2.2s linear infinite -1.47s}@keyframes wizardDotOrbit{0%{transform:rotate(0) translate(76px)}to{transform:rotate(360deg) translate(76px)}}.wizard-core{position:relative;z-index:3;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#f0d8ff,#c460ff 38%,#7010c8 72%,#1c0038);border:1.5px solid rgba(180,65,255,.7);box-shadow:0 0 16px #a032ffe6,0 0 34px #6e14d28c,inset 0 0 10px #ffffff24;animation:wizardCorePulse 1.5s ease-in-out infinite}.wizard-core:before{content:"";position:absolute;left:50%;top:50%;width:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.97) 0%,rgba(230,170,255,.62) 52%,transparent 100%);animation:wizardCoreInner 1.5s ease-in-out infinite}@keyframes wizardCW{to{transform:rotate(360deg)}}@keyframes wizardCCW{to{transform:rotate(-360deg)}}@keyframes wizardArmFlare{0%,to{opacity:.22}50%{opacity:1}}@keyframes wizardCorePulse{0%,to{box-shadow:0 0 16px #a032ffe6,0 0 34px #6e14d28c,inset 0 0 10px #ffffff24;transform:scale(1)}50%{box-shadow:0 0 26px #be50ff,0 0 54px #8c28e6bf,inset 0 0 16px #ffffff38;transform:scale(1.06)}}@keyframes wizardCoreInner{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.78}50%{transform:translate(-50%,-50%) scale(1.14);opacity:1}}.player-piece.piece-skin-plasma .piece-inner{background:radial-gradient(circle at 45% 38%,#f3e8ff,#c084fc 18%,#7c3aed 42%,#1d4ed8 74%,#050816);box-shadow:0 0 calc(var(--piece-glow, 12px) * .8) #7c3aedb3,0 0 calc(var(--piece-glow, 12px) * 1.3) #3b82f68c,inset 0 0 10px #ffffff38;animation:plasma-core-pulse 1.8s ease-in-out infinite}.player-piece.piece-skin-plasma .piece-inner:before,.player-piece.piece-skin-plasma .piece-inner:after{content:"";position:absolute;inset:3px;border-radius:50%;pointer-events:none}.player-piece.piece-skin-plasma .piece-inner:before{border:1px solid rgba(96,165,250,.8);box-shadow:0 0 8px #3b82f6a6,inset 0 0 10px #60a5fa38;animation:plasma-ring-spin 2.8s linear infinite}.player-piece.piece-skin-plasma .piece-inner:after{inset:6px;border:1px dashed rgba(191,219,254,.8);opacity:.75;animation:plasma-ring-spin-reverse 3.6s linear infinite}.player-piece.piece-skin-gold_core .piece-inner{background:radial-gradient(circle at 34% 28%,#fffef5,#fef08a 16%,#eab308 46%,#92400e 78%,#1c0800);box-shadow:0 0 calc(var(--piece-glow, 12px) * 1.1) #eab308bf,0 0 calc(var(--piece-glow, 12px) * 2.2) #ca8a0480,0 0 calc(var(--piece-glow, 12px) * 3.4) #a1620738,inset 0 0 14px #fff9b447;border-color:#fde047f5}.player-piece.piece-skin-gold_core .piece-inner:before,.player-piece.piece-skin-gold_core .piece-inner:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.player-piece.piece-skin-gold_core .piece-inner:before{inset:5px;border:1px dashed rgba(253,224,71,.88);box-shadow:0 0 10px #facc158f,inset 0 0 8px #fff9b42e;opacity:.85;animation:gold-orbit-cw 3.4s linear infinite}.player-piece.piece-skin-gold_core .piece-inner:after{inset:6px;background:repeating-conic-gradient(rgba(255,249,160,.55) 0deg 20deg,transparent 20deg 45deg);opacity:.75;animation:gold-rays-spin 5.8s linear infinite}.player-piece.piece-skin-neon_pulse .piece-inner{background:radial-gradient(circle at 38% 32%,#fff0fd,#ff4fd8 22%,#b833d9 52%,#1a2daa);box-shadow:0 0 calc(var(--piece-glow, 12px) * 1.2) #ff4fd8c7,0 0 calc(var(--piece-glow, 12px) * 2.2) #4fc3ff94,0 0 calc(var(--piece-glow, 12px) * 3.6) #b833d93d,inset 0 0 14px #ffffff42;border-color:#7fdbfff5;animation:neon-pulse-breathe 1.7s ease-in-out infinite}.player-piece.piece-skin-neon_pulse .piece-inner:before,.player-piece.piece-skin-neon_pulse .piece-inner:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.player-piece.piece-skin-neon_pulse .piece-inner:before{inset:50%;border:3.5px solid rgba(127,219,255,.92);box-shadow:0 0 10px #4fc3ffb8,0 0 14px #ff4fd847;opacity:0;animation:neon-wave-expand 1.4s ease-out infinite}.player-piece.piece-skin-neon_pulse .piece-inner:after{inset:50%;border:3px solid rgba(255,79,216,.86);box-shadow:0 0 8px #ff4fd894,0 0 12px #4fc3ff38;opacity:0;animation:neon-wave-expand 1.4s ease-out infinite .6s}.player-piece.piece-skin-inferno .piece-inner{background:radial-gradient(circle at 50% 50%,#fff8d6fa,#ffdd7af0 14%,#ffa13aeb 30%,#ff6020b8 52%,#78140a3d 72%,#14050500);box-shadow:0 0 calc(var(--piece-glow, 12px) * 1.3) #ff662085,0 0 calc(var(--piece-glow, 12px) * 2.4) #ffaa3452,0 0 calc(var(--piece-glow, 12px) * 3.8) #ffdd7a24,inset 0 0 16px #fff6c42e;border-color:#ff9a3cf2;animation:inferno-core-pulse 1.7s ease-in-out infinite}.player-piece.piece-skin-inferno .piece-inner:before,.player-piece.piece-skin-inferno .piece-inner:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.player-piece.piece-skin-inferno .piece-inner:before{inset:18%;background:radial-gradient(circle,#fffffffa,#fff8d6f5 22%,#ffd65ceb 40%,#ff7c28b8,#ff48181f 88%,#ff481800);box-shadow:0 0 12px #ffeba0b3,0 0 20px #ff84285c;animation:inferno-core-bloom 1.45s ease-in-out infinite}.player-piece.piece-skin-inferno .piece-inner:after{inset:6%;background:radial-gradient(circle,#ffd95414,#ff7c282e 38%,#ff481814 58%,#ff481800 82%);filter:blur(.8px);opacity:.9}.player-piece.piece-skin-quantum .piece-inner{background:radial-gradient(circle at 34% 30%,#f0fff8,#7cffb2 18%,#1ec47a 46%,#0a3d2e 78%,#020c08),repeating-radial-gradient(circle at 50% 50%,#9ef7c824 0 3%,#9ef7c800 3% 8%,#a78bfa1f 8% 10%,#a78bfa00 10% 16%);box-shadow:0 0 calc(var(--piece-glow, 12px) * 1) #7cffb2c7,0 0 calc(var(--piece-glow, 12px) * 2) #a78bfa85,0 0 calc(var(--piece-glow, 12px) * 3.2) #7cffb233,inset 0 0 12px #9ef7c842;border-color:#9ef7c8f5}.player-piece.piece-skin-quantum .piece-inner:before,.player-piece.piece-skin-quantum .piece-inner:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.player-piece.piece-skin-quantum .piece-inner:before{inset:2px;border:1.5px solid rgba(124,255,178,.88);box-shadow:0 0 10px #7cffb2a6,inset 0 0 8px #9ef7c82e;background:repeating-radial-gradient(circle at 50% 50%,#7cffb22e 0 1px,#7cffb200 1px 9%,#a78bfa24 9% 10%,#a78bfa00 10% 18%);animation:quantum-ring-cw 1.4s linear infinite}.player-piece.piece-skin-quantum .piece-inner:after{inset:6px;border:1.5px dashed rgba(167,139,250,.88);box-shadow:0 0 8px #a78bfa99,inset 0 0 6px #a78bfa1f;background:radial-gradient(circle at 20% 24%,rgba(255,255,255,.85) 0 1px,transparent 2px),radial-gradient(circle at 78% 20%,rgba(124,255,178,.82) 0 1px,transparent 2px),radial-gradient(circle at 68% 78%,rgba(167,139,250,.82) 0 1px,transparent 2px),radial-gradient(circle at 28% 72%,rgba(240,255,248,.78) 0 1px,transparent 2px);opacity:.92;animation:quantum-ring-ccw 2.2s linear infinite}.quantum-orbit-field{position:absolute;inset:-1px;border-radius:50%;pointer-events:none;overflow:hidden}.quantum-orbit{--orbit-size: 5.5%;position:absolute;left:50%;top:50%;width:var(--orbit-size);aspect-ratio:1;margin-left:calc(var(--orbit-size) * -.5);margin-top:calc(var(--orbit-size) * -.5);border-radius:50%;transform:rotate(var(--orbit-angle)) translate(calc(var(--orbit-radius) * 46%)) rotate(calc(var(--orbit-angle) * -1));animation:quantum-orbit-spin var(--orbit-duration) linear infinite;animation-delay:var(--orbit-delay)}.quantum-orbit:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#f0fff8,#7cffb2f5 42%,#1ec47a14);box-shadow:0 0 4px #7cffb2e0,0 0 8px #7cffb26b}.quantum-orbit:after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--orbit-radius) * 56%);height:1px;transform:translate(-100%,-50%);transform-origin:100% 50%;background:linear-gradient(90deg,#7cffb200,#7cffb273);opacity:.72;filter:blur(.45px)}.quantum-orbit-1:before{background:radial-gradient(circle,#f5fffd,#a78bfaeb 45%,#a78bfa14);box-shadow:0 0 4px #a78bfad6,0 0 8px #a78bfa57}.quantum-orbit-1:after{background:linear-gradient(90deg,#a78bfa00,#a78bfa6b)}.quantum-orbit-2:before{background:radial-gradient(circle,#fff,#7cffb2d1 36%,#ffffff1a);box-shadow:0 0 5px #9ef7c8e6,0 0 9px #7cffb247}.quantum-orbit-2:after{background:linear-gradient(90deg,#f0fff800,#f0fff85c)}.player-piece.piece-skin-electric_core .piece-inner{background:#0b1220;border:var(--me-border-width, 3px) solid #ff00cc;box-shadow:none;overflow:hidden;width:100%;height:100%}.player-piece.piece-skin-electric_core.piece-me .piece-inner{border-color:#22c55e;box-shadow:none}.electric-core-canvas{position:absolute;inset:-56%;width:212%;height:212%;pointer-events:none;z-index:1}.player-piece.piece-skin-berserker .piece-inner{overflow:visible;background:radial-gradient(circle at 36% 32%,#ffaaaa59,#dd1818 3%,#8a0000 16%,#3e0808 32%,#1e1e1e 52%,#111 70%,#060606);box-shadow:0 0 0 1.5px #820000e6,0 0 calc(var(--piece-glow, 12px) * 1.1) #c80000a6,0 0 calc(var(--piece-glow, 12px) * 2.5) #64000059,inset 0 0 20px #000000f7,inset 2px 2px 10px #0f0f0fcc;animation:bsk-heartbeat 2.2s ease-in-out infinite}.bsk-spike-layer{position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(90,0,0,.45) 36%,rgba(185,8,8,.92) 51%,rgba(230,20,20,.82) 58%,rgba(120,0,0,.35) 68%,transparent 80%);clip-path:polygon(37.8% 18.2%,39.1% 9.4%,43.7% 17.6%,41.9% -15.5%,48.6% 17%,51.4% 9%,54.7% 16.3%,62.1% 1.5%,64.4% 19.2%,78.2% 11.2%,73.6% 25.6%,83.9% 23.5%,79.4% 33%,108.4% 26.4%,83% 42.1%,101.8% 45.5%,83.9% 52.7%,90.7% 60.2%,81.5% 62.8%,94.2% 75.5%,75.8% 73.7%,87.3% 103.2%,64.4% 80.8%,61.1% 91.5%,54.1% 83.8%,49.2% 99%,44.4% 83.5%,37% 89.9%,34% 80%,10.6% 100.4%,24.3% 72.3%,5.8% 75.5%,18.2% 62.2%,8.9% 58.7%,16.1% 52.1%,2.2% 45.8%,17.2% 41.2%,12.9% 32.7%,21.6% 31.2%,3.2% 7.9%,29.3% 23%,27.3% 5.4%);animation:bsk-spikes-anim 2.2s ease-in-out infinite}.bsk-inner-glow{position:absolute;inset:22%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 40% 38%,rgba(255,110,110,1) 0%,rgba(230,25,25,.85) 30%,rgba(140,0,0,.45) 65%,transparent 100%);animation:bsk-inner-glow-anim 2.2s ease-in-out infinite}@keyframes bsk-heartbeat{0%{transform:scale(1);filter:saturate(1)}7%{transform:scale(1.1);filter:saturate(1.15) brightness(1.1)}14%{transform:scale(1.03);filter:saturate(1.05)}24%{transform:scale(1.18);filter:saturate(1.22) brightness(1.15)}40%{transform:scale(.97);filter:saturate(.95)}to{transform:scale(1);filter:saturate(1)}}@keyframes bsk-spikes-anim{0%{opacity:.4;transform:scale(1) rotate(0)}7%{opacity:.8;transform:scale(1.1) rotate(1.2deg)}14%{opacity:.55;transform:scale(1.03) rotate(.5deg)}24%{opacity:1;transform:scale(1.19) rotate(-1.8deg)}40%{opacity:.35;transform:scale(.97) rotate(0)}to{opacity:.4;transform:scale(1) rotate(0)}}@keyframes bsk-inner-glow-anim{0%{opacity:.6;transform:scale(.85)}7%{opacity:.85;transform:scale(1.05)}14%{opacity:.65;transform:scale(.9)}24%{opacity:1;transform:scale(1.2)}40%{opacity:.4;transform:scale(.8)}to{opacity:.6;transform:scale(.85)}}.player-piece.piece-skin-moonlight_seed .piece-inner{background:#040c05;box-shadow:0 0 calc(var(--piece-glow, 12px) * 1) #2daf5080,0 0 calc(var(--piece-glow, 12px) * 2.2) #19783247,inset 0 0 8px #3cc85a0f;border-color:#2daf508c}.player-piece.piece-skin-moonlight_seed .piece-inner:before,.player-piece.piece-skin-moonlight_seed .piece-inner:after{content:none}.moonlight-seed-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:50%;pointer-events:none}.player-piece.piece-skin-frost_heart .piece-inner{background:#000a14;box-shadow:0 0 calc(var(--piece-glow, 12px) * 1) #67e8f980,0 0 calc(var(--piece-glow, 12px) * 2.2) #22d3ee47,inset 0 0 8px #a5f3fc0f;border-color:#a5f3fc8c;overflow:visible}.player-piece.piece-skin-frost_heart .piece-inner:before,.player-piece.piece-skin-frost_heart .piece-inner:after{content:none}.frost-heart-canvas{position:absolute;left:50%;top:50%;width:160%;height:160%;transform:translate(-50%,-50%);display:block;pointer-events:none;overflow:visible}.player-piece.piece-skin-storm_eye .piece-inner{background:#090d16;border-color:transparent;box-shadow:none;overflow:visible}.storm-vortex-game{inset:-24%}.player-piece.piece-skin-orbis .orbis-core{inset:-42%}.player-piece.piece-skin-orbis .piece-inner{background:transparent;overflow:visible}.player-piece.piece-skin-orbis .piece-inner:before,.player-piece.piece-skin-orbis .piece-inner:after{content:none}.player-piece.piece-skin-prism .prism-core{inset:-39.2857%}.player-piece{position:absolute;width:var(--piece-size, 56px);height:var(--piece-size, 56px);border-radius:50%;transition:transform var(--piece-movement-duration, .2s) linear;will-change:transform;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.player-piece.piece-time-driven{transition:none}.piece-blitz-ring{position:absolute;width:calc(var(--piece-size, 56px) * var(--blitz-ring-scale, 1));height:calc(var(--piece-size, 56px) * var(--blitz-ring-scale, 1));top:50%;left:50%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none;animation:blitz-ring-breathe 1.6s ease-in-out infinite}@keyframes blitz-ring-breathe{0%,to{opacity:.82}50%{opacity:1}}.piece-blitz-ring .blitz-ring-arc-a{stroke-dasharray:22 8;animation:blitz-arc-a 1.8s linear infinite}.piece-blitz-ring .blitz-ring-arc-b{stroke-dasharray:18 10;animation:blitz-arc-b 1.4s linear infinite}.piece-blitz-ring .blitz-ring-arc-c{stroke-dasharray:15 12;animation:blitz-arc-c 2.2s linear infinite}@keyframes blitz-arc-a{0%{stroke-dashoffset:0}to{stroke-dashoffset:-30}}@keyframes blitz-arc-b{0%{stroke-dashoffset:0}to{stroke-dashoffset:28}}@keyframes blitz-arc-c{0%{stroke-dashoffset:0}to{stroke-dashoffset:-27}}.player-piece.hit{z-index:60}.player-piece.piece-blitzing{transition:none}.player-piece.piece-rewinding{transition:transform .11s linear}.player-piece.piece-sun-chariot-active{width:calc(var(--piece-size, 56px) * 6);height:calc(var(--piece-size, 56px) * 6)}.player-piece.piece-sun-chariot-active .piece-inner{width:calc(var(--piece-inner-size, 44px) * 6);height:calc(var(--piece-inner-size, 44px) * 6)}.player-piece.piece-hidden{z-index:90;-webkit-animation:slide-out-blurred-top .45s cubic-bezier(.755,.05,.855,.06) both;animation:slide-out-blurred-top .45s cubic-bezier(.755,.05,.855,.06) both;pointer-events:none}.player-piece.piece-cloaked{opacity:.42;filter:saturate(.82)}.player-piece.piece-phased{opacity:.42}@-webkit-keyframes slide-out-blurred-top{0%{opacity:1;-webkit-transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) translateY(0) scaleY(1) scaleX(1);transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) translateY(0) scaleY(1) scaleX(1);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-filter:blur(0);filter:blur(0)}to{opacity:0;-webkit-transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) translateY(calc(var(--piece-size, 56px) * -7)) scaleY(2) scaleX(.2);transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) translateY(calc(var(--piece-size, 56px) * -7)) scaleY(2) scaleX(.2);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-filter:blur(40px);filter:blur(40px)}}@keyframes slide-out-blurred-top{0%{opacity:1;transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0)}to{opacity:0;transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) translateY(calc(var(--piece-size, 56px) * -7)) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(40px)}}.player-piece.piece-clone{opacity:.6;filter:saturate(.86)}.player-piece.piece-me:not(.piece-hidden):not(.piece-clone){pointer-events:auto;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none}.player-piece.piece-overloaded .piece-inner,.player-piece.piece-overloaded .piece-inner:before,.player-piece.piece-overloaded .piece-inner:after,.player-piece.piece-overloaded .piece-inner>*,.player-piece.piece-overloaded .piece-inner canvas{filter:grayscale(1) saturate(.14) brightness(.9) contrast(1.05)!important}.player-piece.piece-overloaded.piece-skin-berserker .piece-inner,.player-piece.piece-overloaded.piece-skin-berserker .bsk-spike-layer,.player-piece.piece-overloaded.piece-skin-berserker .bsk-inner-glow{filter:grayscale(1) saturate(.08) brightness(.86) contrast(1.08)!important}.player-piece.piece-overloaded .piece-inner{box-shadow:0 0 calc(var(--piece-glow, 12px) * .7) #e2e8f033,inset 0 0 calc(var(--piece-glow, 12px) * .2) #0f172a2e}.player-piece.piece-overloaded .attacker-glow{opacity:.55;filter:grayscale(1) saturate(.18)}.player-piece.piece-clone .piece-inner{box-shadow:0 0 var(--piece-glow, 12px) #ffffff38,0 0 calc(var(--piece-glow, 12px) * 1.1) #78e3ff2e}.piece-guard-barrier,.piece-guard-block{position:absolute;left:50%;top:50%;width:calc(var(--piece-inner-size, 44px) * 1.9);height:calc(var(--piece-inner-size, 44px) * 1.9);transform:translate(-50%,-50%);pointer-events:none;z-index:1;background:url(/ui/battle/guard/shield.webp) center / contain no-repeat}.piece-guard-barrier{animation:guard-webp-breathe 1.8s ease-in-out infinite alternate}.piece-guard-block{animation:guard-webp-frames .6s steps(1,end) both,guard-webp-fade .6s ease-out both}@keyframes guard-webp-breathe{0%{opacity:.65}to{opacity:.9}}@keyframes guard-webp-frames{0%{background-image:url(/ui/battle/guard/block-01.webp)}16%{background-image:url(/ui/battle/guard/block-02.webp)}40%{background-image:url(/ui/battle/guard/block-03.webp)}70%{background-image:url(/ui/battle/guard/block-04.webp)}}@keyframes guard-webp-fade{0%,55%{opacity:1}to{opacity:0}}.visual-budget-reduced .piece-guard-block{background-image:url(/ui/battle/guard/block-01.webp);animation:guard-webp-fade .6s ease-out both}@media(prefers-reduced-motion:reduce){.piece-guard-barrier{animation:none;opacity:.8}.piece-guard-block{background-image:url(/ui/battle/guard/block-01.webp);animation:guard-webp-fade .6s ease-out both}}.piece-at-field,.piece-at-field-block{position:absolute;left:50%;top:50%;width:calc(var(--piece-inner-size, 44px) * 1.85);height:calc(var(--piece-inner-size, 44px) * 1.85);transform:translate(-50%,-50%);pointer-events:none;z-index:1;background:url(/ui/battle/at-field/shield.webp) center / contain no-repeat}.piece-at-field{opacity:1;animation:at-webp-appear .25s ease-out both}.piece-at-field-block{animation:at-webp-frames .7s steps(1,end) both,at-webp-fade .7s ease-out both}@keyframes at-webp-appear{0%{opacity:0}to{opacity:1}}@keyframes at-webp-frames{0%{background-image:url(/ui/battle/at-field/block-01.webp)}18%{background-image:url(/ui/battle/at-field/block-02.webp)}42%{background-image:url(/ui/battle/at-field/block-03.webp)}72%{background-image:url(/ui/battle/at-field/block-04.webp)}}@keyframes at-webp-fade{0%,55%{opacity:1}to{opacity:0}}.visual-budget-reduced .piece-at-field{animation:at-webp-appear .25s ease-out both}.visual-budget-reduced .piece-at-field-block{background-image:url(/ui/battle/at-field/block-01.webp);animation:at-webp-fade .7s ease-out both}@media(prefers-reduced-motion:reduce){.piece-at-field{animation:at-webp-appear .25s ease-out both}.piece-at-field-block{background-image:url(/ui/battle/at-field/block-01.webp);animation:at-webp-fade .7s ease-out both}}.piece-motion-trail{position:absolute;left:50%;top:50%;pointer-events:none;z-index:1;opacity:.42;border-radius:999px;filter:blur(3px);animation:piece-motion-trail-fade .14s ease-out infinite alternate}.piece-red .piece-motion-trail{background:linear-gradient(90deg,transparent,rgba(248,113,113,.56));box-shadow:0 0 10px #ef444438}.piece-blue .piece-motion-trail{background:linear-gradient(90deg,transparent,rgba(96,165,250,.56));box-shadow:0 0 10px #2563eb38}.piece-motion-trail-right,.piece-motion-trail-left{width:calc(var(--piece-size, 56px) * .82);height:calc(var(--piece-size, 56px) * .28)}.piece-motion-trail-right{transform:translate(-112%,-50%) scaleX(1.22)}.piece-motion-trail-left{transform:translate(12%,-50%) scaleX(-1.22)}.piece-motion-trail-up,.piece-motion-trail-down{width:calc(var(--piece-size, 56px) * .28);height:calc(var(--piece-size, 56px) * .82)}.piece-motion-trail-down{transform:translate(-50%,-112%) scaleY(1.22)}.piece-motion-trail-up{transform:translate(-50%,12%) scaleY(-1.22)}@keyframes piece-motion-trail-fade{0%{opacity:.28}to{opacity:.48}}@media(prefers-reduced-motion:reduce){.piece-motion-trail{display:none}}.piece-landing-pulse{position:absolute;left:50%;top:50%;width:calc(var(--piece-size, 56px) * .9);height:calc(var(--piece-size, 56px) * .42);border-radius:50%;pointer-events:none;z-index:2;transform:translate(-50%,-18%) scale(.55);opacity:0;animation:piece-landing-pulse .38s cubic-bezier(.16,.78,.26,1) both}.piece-landing-pulse-red{border:3px solid rgba(251,113,133,.96);box-shadow:0 0 8px #ff526ad1,0 0 20px #ef444494}.piece-landing-pulse-blue{border:3px solid rgba(96,165,250,.96);box-shadow:0 0 8px #60a5fad1,0 0 20px #2563eb94}@keyframes piece-landing-pulse{0%{opacity:0;transform:translate(-50%,-18%) scale(.52)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-18%) scale(1.9)}}@media(prefers-reduced-motion:reduce){.piece-landing-pulse{animation-duration:1ms!important}}.piece-board-facing{position:relative;width:100%;height:100%;flex:0 0 100%}.piece-visual{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible;z-index:2;transition:transform .14s cubic-bezier(.2,.9,.25,1),filter .14s ease;will-change:transform,filter;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.player-piece.piece-cast-reacting:not(.piece-clone):not(.exploding) .piece-visual{animation:piece-cast-reaction .28s cubic-bezier(.2,.82,.28,1) both}@keyframes piece-cast-reaction{0%{scale:.9;filter:brightness(.96)}38%{scale:1.11;filter:brightness(1.28)}70%{scale:1.025;filter:brightness(1.08)}to{scale:1;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.player-piece.piece-cast-reacting:not(.piece-clone):not(.exploding) .piece-visual{animation-duration:1ms!important}}.player-piece:focus,.player-piece:focus-visible,.piece-visual:focus,.piece-visual:focus-visible,.piece-inner:focus,.piece-inner:focus-visible{outline:none}.player-piece.piece-me:not(.piece-hidden):not(.piece-clone) .piece-visual:not(.roll-in-left):not(.roll-in-right):after{content:none}.player-piece.piece-me:not(.piece-hidden):not(.piece-clone):hover .piece-visual:not(.roll-in-left):not(.roll-in-right){transform:scale(1.07);filter:none}.player-piece.piece-me:not(.piece-hidden):not(.piece-clone):active .piece-visual:not(.roll-in-left):not(.roll-in-right),.player-piece.piece-me.piece-pressing:not(.piece-hidden):not(.piece-clone) .piece-visual:not(.roll-in-left):not(.roll-in-right){transform:scale(1.1);filter:none}.piece-visual.roll-in-left{-webkit-animation:roll-in-left .6s ease-out both;animation:roll-in-left .6s ease-out both}.piece-visual.roll-in-right{-webkit-animation:roll-in-right .6s ease-out both;animation:roll-in-right .6s ease-out both}@-webkit-keyframes roll-in-left{0%{-webkit-transform:translateX(-800px) rotate(-540deg);transform:translate(-800px) rotate(-540deg);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);opacity:1}}@keyframes roll-in-left{0%{-webkit-transform:translateX(-800px) rotate(-540deg);transform:translate(-800px) rotate(-540deg);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);opacity:1}}@-webkit-keyframes roll-in-right{0%{-webkit-transform:translateX(800px) rotate(540deg);transform:translate(800px) rotate(540deg);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);opacity:1}}@keyframes roll-in-right{0%{-webkit-transform:translateX(800px) rotate(540deg);transform:translate(800px) rotate(540deg);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translate(0) rotate(0);opacity:1}}.piece-hit-flash{position:absolute;inset:12%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.94),rgba(255,255,255,.42) 46%,transparent 72%);z-index:12;box-shadow:0 0 calc(var(--piece-size, 56px) * .28) #ffffffe6,0 0 calc(var(--piece-size, 56px) * .44) #ffffff73}.player-piece.hit .piece-hit-flash{animation:hit-flash-white .14s ease-out both}.piece-hp{position:absolute;left:50%;top:calc(100% + 4px + var(--piece-hp-offset-y, 0px));transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center;gap:3px;padding:3px 4px;border-radius:999px;background:#0f172ad1;border:1px solid rgba(148,163,184,.2);box-shadow:0 6px 16px #00000047;pointer-events:none}.piece-hp-me{border-color:#4ade80e0;box-shadow:0 0 0 1px #22c55e66,0 0 14px #4ade8047,0 6px 16px #00000047}.piece-hp-role-attacker{border-width:2px;border-color:#fbbf24;box-shadow:0 0 0 1px #fde68a9e,0 0 8px #f59e0b61,0 6px 16px #00000047}.piece-hp-role-escaper{border-width:2px;border-color:#22d3ee;box-shadow:0 0 0 1px #a5f3fc94,0 0 8px #06b6d45c,0 6px 16px #00000047}.piece-hp-seg{width:10px;height:4px;border-radius:999px;background:#475569b8;border:1px solid rgba(148,163,184,.16)}.piece-hp-red .piece-hp-seg.is-filled{background:linear-gradient(180deg,#fb7185,#ef4444);border-color:#f8717173;box-shadow:0 0 8px #ef44442e}.piece-hp-blue .piece-hp-seg.is-filled{background:linear-gradient(180deg,#60a5fa,#2563eb);border-color:#60a5fa73;box-shadow:0 0 8px #2563eb2e}.piece-hp.is-damaged{animation:piece-hp-impact .18s ease-out both}.piece-hp-seg.is-trailing{animation:seg-damage-trail .24s ease-out forwards}.piece-hp-seg.is-healing{animation:seg-heal-pop .32s cubic-bezier(.2,.82,.28,1) both}@keyframes seg-heal-pop{0%{transform:scaleX(.55);filter:brightness(1.7);box-shadow:0 0 4px #ffffffe6,0 0 10px #4ade80e6}42%{transform:scaleX(1.32);filter:brightness(1.32);box-shadow:0 0 6px #ffffffc7,0 0 12px #4ade80b3}to{transform:scaleX(1);filter:brightness(1)}}@keyframes piece-hp-impact{0%{transform:translate(-50%) scale(1)}32%{transform:translate(-50%) scale(1.08)}to{transform:translate(-50%) scale(1)}}@keyframes seg-damage-trail{0%{background:#fff;box-shadow:0 0 6px #ffffffe6,0 0 10px #ef4444ad;transform:scaleX(1.25);opacity:1}32%{background:#ef4444;box-shadow:0 0 5px #ef444485;transform:scaleX(1);opacity:.95}to{background:#475569b8;box-shadow:none;transform:scaleX(1);opacity:.72}}.piece-inner{width:var(--piece-inner-size, 44px);height:var(--piece-inner-size, 44px);border-radius:50%;border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.player-piece.piece-fire-injured:not(.piece-clone) .piece-inner{filter:var(--piece-fire-tint)!important}.piece-element-filter-defs{position:absolute;pointer-events:none}.piece-element-original-outline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.piece-fire-embers{position:absolute;inset:0;pointer-events:none;--fire-ember-size: calc(var(--piece-inner-size, 44px) * .22)}.piece-fire-ember{position:absolute;width:var(--fire-ember-size);height:calc(var(--fire-ember-size) * 1.85);--fire-flame-shape: polygon(65% 0%, 59% 20%, 77% 36%, 88% 53%, 93% 71%, 82% 90%, 61% 100%, 31% 97%, 9% 83%, 3% 63%, 20% 38%, 23% 58%, 39% 44%, 43% 25%);clip-path:var(--fire-flame-shape);background:linear-gradient(0deg,#d83a1c,#fa571b 25%,#ff9c28 65%,#ffdd75);transform-origin:50% 95%;opacity:.85;animation:piece-fire-ember-rise-top .98s ease-in-out infinite}.piece-fire-ember:after{content:"";position:absolute;left:28%;bottom:3%;width:47%;height:62%;clip-path:var(--fire-flame-shape);background:linear-gradient(0deg,#ffb432,#ffe397 60%,#fff4cd)}.piece-fire-ember--left{left:8%;top:62%;--fire-flame-lean: -9deg;animation-name:piece-fire-ember-rise-left;animation-delay:-.18s}.piece-fire-ember--top{left:52%;top:15%;--fire-flame-lean: 5deg;animation-duration:1.13s;animation-delay:-.56s}.piece-fire-ember--right{left:92%;top:54%;--fire-flame-lean: 10deg;animation-name:piece-fire-ember-rise-right;animation-duration:.87s;animation-delay:-.38s}@keyframes piece-fire-ember-rise-left{0%{transform:translate(-50%,-85%) rotate(-9deg) scale(.85,.7);opacity:.45}25%{transform:translate(-50%,-92%) rotate(-9deg) scaleY(1.08);opacity:.95}52%{transform:translate(-50%,-108%) rotate(4.5deg) scale(.87,1.2);opacity:.9}to{transform:translate(calc(-50% - 3px),-150%) rotate(-9deg) scale(.45,.8);opacity:0}}@keyframes piece-fire-ember-rise-top{0%{transform:translate(-50%,-85%) rotate(5deg) scale(.85,.7);opacity:.45}25%{transform:translate(-50%,-92%) rotate(5deg) scaleY(1.08);opacity:.95}52%{transform:translate(-50%,-108%) rotate(-2.5deg) scale(.87,1.2);opacity:.9}to{transform:translate(calc(-50% + 2px),-150%) rotate(5deg) scale(.45,.8);opacity:0}}@keyframes piece-fire-ember-rise-right{0%{transform:translate(-50%,-85%) rotate(10deg) scale(.85,.7);opacity:.45}25%{transform:translate(-50%,-92%) rotate(10deg) scaleY(1.08);opacity:.95}52%{transform:translate(-50%,-108%) rotate(-5deg) scale(.87,1.2);opacity:.9}to{transform:translate(calc(-50% + 3px),-150%) rotate(10deg) scale(.45,.8);opacity:0}}.piece-fire-spark{position:absolute;width:calc(var(--piece-inner-size, 44px) * .035);height:calc(var(--piece-inner-size, 44px) * .065);border-radius:40%;background:#ffd77b;opacity:0;animation:piece-fire-spark-rise-left 1.25s ease-out infinite}.piece-fire-spark--left{left:20%;top:25%;animation-delay:-.23s}.piece-fire-spark--right{left:84%;top:30%;animation-name:piece-fire-spark-rise-right;animation-delay:-.85s}@keyframes piece-fire-spark-rise-left{0%{transform:translate(0) scale(.7);opacity:0}20%{opacity:.9}to{transform:translate(-4px,-769.230769%) scale(.3);opacity:0}}@keyframes piece-fire-spark-rise-right{0%{transform:translate(0) scale(.7);opacity:0}20%{opacity:.9}to{transform:translate(4px,-769.230769%) scale(.3);opacity:0}}.player-piece.piece-rewinding .piece-fire-ember,.player-piece.piece-rewinding .piece-fire-spark{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.piece-fire-ember{animation:none;transform:translate(-50%,-90%) rotate(var(--fire-flame-lean));opacity:.85}.piece-fire-spark{animation:none;opacity:0}}.player-piece.piece-me:not(.piece-self-outline-hidden) .piece-inner{border:var(--me-border-width, 3px) solid #22c55e;box-shadow:0 0 0 var(--me-glow-width, 3px) #22c55e3d,0 0 var(--piece-glow, 18px) #22c55e73}.player-piece.piece-berserker-rage .piece-inner{box-shadow:0 0 0 3px #dc1e1ed9,0 0 16px 8px #b400008c;animation:berserker-rage-pulse .75s ease-in-out infinite alternate}@keyframes berserker-rage-pulse{0%{box-shadow:0 0 0 2px #c81414bf,0 0 10px 5px #96000073}to{box-shadow:0 0 0 4px #f02828f2,0 0 22px 12px #d20000b3}}.player-piece.piece-outline-green .piece-inner{border:var(--me-border-width, 3px) solid #22c55e;box-shadow:0 0 0 var(--me-glow-width, 3px) #22c55e3d,0 0 var(--piece-glow, 18px) #22c55e73}.player-piece.piece-me.piece-pressing:not(.piece-hidden):not(.piece-clone) .piece-inner,.player-piece.piece-me:not(.piece-hidden):not(.piece-clone):active .piece-inner{border-color:#fde047;box-shadow:0 0 0 var(--me-glow-width, 3px) #fde0475c,0 0 var(--piece-glow, 18px) #facc1594}.player-piece.piece-outline-red .piece-inner{border:var(--me-border-width, 3px) solid #ef4444;box-shadow:0 0 0 var(--me-glow-width, 3px) #ef444433,0 0 var(--piece-glow, 18px) #ef444461}.player-piece.piece-outline-blue .piece-inner{border:var(--me-border-width, 3px) solid #3b82f6;box-shadow:0 0 0 var(--me-glow-width, 3px) #3b82f633,0 0 var(--piece-glow, 18px) #3b82f661}.piece-red .piece-inner{background:radial-gradient(circle at 35% 30%,#ff8080,#dc2626);box-shadow:0 0 var(--piece-glow, 12px) #ef444480}.piece-blue .piece-inner{background:radial-gradient(circle at 35% 30%,#93c5fd,#1d4ed8);box-shadow:0 0 var(--piece-glow, 12px) #3b82f680}.piece-skin-classic.piece-red .piece-inner{background:radial-gradient(circle at 35% 30%,#ff8080,#dc2626);box-shadow:0 0 var(--piece-glow, 12px) #ef444480}.piece-skin-classic.piece-blue .piece-inner{background:radial-gradient(circle at 35% 30%,#93c5fd,#1d4ed8);box-shadow:0 0 var(--piece-glow, 12px) #3b82f680}.piece-skin-ember .piece-inner{background:radial-gradient(circle at 35% 30%,#ffd59d,#f97316 72%);box-shadow:0 0 var(--piece-glow, 12px) #f973168f}.piece-skin-nova .piece-inner{background:radial-gradient(circle at 35% 30%,#d2f7ff,#22d3ee 72%);box-shadow:0 0 var(--piece-glow, 12px) #22d3ee8f}.piece-skin-aurora .piece-inner{background:radial-gradient(circle at 35% 30%,#f6ffb0,#84cc16 72%);box-shadow:0 0 var(--piece-glow, 12px) #84cc168f}.piece-skin-void .piece-inner{background:radial-gradient(circle at 35% 30%,#d8b4fe,#7c3aed 72%);box-shadow:0 0 var(--piece-glow, 12px) #7c3aed8f}@keyframes inferno-core-pulse{0%,to{transform:scale(1);filter:saturate(1) brightness(1)}40%{transform:scale(1.045);filter:saturate(1.16) brightness(1.1)}72%{transform:scale(1.015);filter:saturate(1.08) brightness(1.04)}}@keyframes inferno-core-bloom{0%,to{transform:scale(.92);opacity:.78;filter:brightness(1)}50%{transform:scale(1.12);opacity:1;filter:brightness(1.16)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate_anti{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes flicker2{0%,to{box-shadow:0 0 60px 25px #96ffff80,inset 0 1px 4px 2px #15d3e94d}50%{box-shadow:0 0 50px 17px #96ffff80,inset 0 1px 100px 2px #15d3e94d}}@keyframes plasma-core-pulse{0%,to{transform:scale(1);filter:saturate(1) brightness(1)}50%{transform:scale(1.045);filter:saturate(1.14) brightness(1.1)}}@keyframes plasma-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes plasma-ring-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes neon-pulse-breathe{0%,to{transform:scale(1);filter:saturate(1) brightness(1)}50%{transform:scale(1.04);filter:saturate(1.1) brightness(1.08)}}@keyframes neon-wave-expand{0%{inset:50%;opacity:0;transform:scale(.2)}18%{opacity:.94}to{inset:6%;opacity:0;transform:scale(1.08)}}@keyframes colour_ease2{0%{background:#02feff}50%{background:#02feff4d}to{background:#02feff}}@keyframes gold-core-pulse{0%,to{filter:brightness(1) saturate(1);transform:scale(1)}45%{filter:brightness(1.2) saturate(1.28);transform:scale(1.045)}80%{filter:brightness(1.08) saturate(1.1);transform:scale(1.02)}}@keyframes gold-orbit-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gold-rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes quantum-flux-pulse{0%,to{filter:saturate(1) brightness(1);transform:scale(1)}20%{filter:saturate(1.55) brightness(1.28);transform:scale(1.055)}45%{filter:saturate(1.12) brightness(1.08);transform:scale(1.015)}65%{filter:saturate(1.48) brightness(1.22);transform:scale(1.05)}85%{filter:saturate(1.1) brightness(1.06);transform:scale(1.02)}}@keyframes quantum-ring-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes quantum-ring-ccw{0%{transform:rotate(0) scale(1);opacity:.82}25%{transform:rotate(-90deg) scale(1.08);opacity:1}50%{transform:rotate(-180deg) scale(1);opacity:.75}75%{transform:rotate(-270deg) scale(1.08);opacity:1}to{transform:rotate(-360deg) scale(1);opacity:.82}}@keyframes quantum-orbit-spin{0%{transform:rotate(var(--orbit-angle)) translate(calc(var(--orbit-radius) * 46%)) rotate(calc(var(--orbit-angle) * -1))}to{transform:rotate(calc(var(--orbit-angle) + 360deg)) translate(calc(var(--orbit-radius) * 46%)) rotate(calc((var(--orbit-angle) + 360deg) * -1))}}@keyframes quantum-orbit-flicker{0%,to{opacity:.5;filter:saturate(.95) brightness(.96)}45%{opacity:1;filter:saturate(1.25) brightness(1.16)}75%{opacity:.74;filter:saturate(1.08) brightness(1.05)}}@keyframes hit-flash{0%,to{opacity:1}25%,75%{opacity:.08}}@keyframes hit-shake{0%,to{transform:translate(0)}15%{transform:translate(calc(var(--piece-size, 56px) * -.08))}30%{transform:translate(calc(var(--piece-size, 56px) * .08))}45%{transform:translate(calc(var(--piece-size, 56px) * -.06))}60%{transform:translate(calc(var(--piece-size, 56px) * .06))}75%{transform:translate(calc(var(--piece-size, 56px) * -.03))}}.player-piece.hit .piece-visual{animation:hit-impact .18s cubic-bezier(.2,.9,.25,1) both}.player-piece.hit .piece-inner{animation:hit-shake .6s ease 3,hit-translucent .9s ease-out both}@keyframes hit-impact{0%{transform:scale(1)}18%{transform:scale(1)}42%{transform:scale(1.15)}68%{transform:scale(.95)}to{transform:scale(1)}}@keyframes hit-flash-white{0%{opacity:0}10%{opacity:.95}28%{opacity:.55}to{opacity:0}}@keyframes hit-translucent{0%{opacity:1;filter:brightness(1)}12%{opacity:.38;filter:brightness(1.08)}28%{opacity:.52;filter:brightness(1.04)}52%{opacity:.42;filter:brightness(1.06)}76%{opacity:.7;filter:brightness(1.02)}to{opacity:1;filter:brightness(1)}}@keyframes explode{0%{transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) scale(1);opacity:1}40%{transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) scale(2.4);opacity:.9}to{transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) scale(.1);opacity:0}}.player-piece.exploding{animation:explode .32s cubic-bezier(.18,.82,.28,1) forwards!important;transition:none!important}.piece-magic-mine-cast{position:absolute;inset:50%;width:calc(var(--piece-size, 56px) * 2.2);height:calc(var(--piece-size, 56px) * 2.2);transform:translate(-50%,-50%);pointer-events:none;z-index:2;animation:mine-cast-appear .18s ease-out forwards}.piece-magic-mine-cast-svg{width:100%;height:100%;overflow:visible}.piece-mine-cast-outer{animation:mine-cast-spin 2.4s linear infinite;transform-origin:50px 50px}.piece-mine-cast-hex{animation:mine-cast-spin-rev 3.2s linear infinite;transform-origin:50px 50px}@keyframes mine-cast-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes mine-cast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mine-cast-spin-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.player-piece.piece-ice-chilled .piece-inner{filter:var(--piece-fire-tint)!important}.player-piece.piece-ice-sliding .piece-inner{-webkit-animation:rotate-center 1.6s linear infinite!important;animation:rotate-center 1.6s linear infinite!important}.piece-ice-slide-effect{position:absolute;inset:0;pointer-events:none}.piece-ice-frost{position:absolute;width:23%;height:32%;clip-path:polygon(50% 0,100% 42%,78% 100%,15% 82%,0 35%);background:linear-gradient(115deg,#e6fefff2,#75e0f9a6 48%,#4e98dd40);animation:piece-ice-form .18s ease-out both}.piece-ice-frost:after{content:"";position:absolute;left:44%;top:12%;width:8%;height:72%;background:#f3ffffd9;transform:rotate(-18deg)}.piece-ice-frost--left{left:-7%;top:36%;transform:rotate(-24deg)}.piece-ice-frost--top{left:40%;top:-12%;transform:rotate(13deg)}.piece-ice-frost--right{right:-7%;top:30%;transform:rotate(26deg)}.piece-ice-trail{position:absolute;inset:0;transform-origin:50% 50%}.piece-ice-shard{position:absolute;left:33%;width:16%;height:13%;clip-path:polygon(0 52%,70% 0,100% 46%,60% 100%);background:linear-gradient(135deg,#eff,#8be4f6 45%,#4aa1d933);animation:piece-ice-scatter .47s linear infinite}.piece-ice-shard--one{top:33%;animation-delay:-50ms}.piece-ice-shard--two{top:60%;width:13%;height:10%;animation-delay:-.23s}.piece-ice-shard--three{top:47%;width:11%;height:16%;animation-delay:-.35s}@keyframes piece-ice-form{0%{opacity:0;scale:.65}to{opacity:.9;scale:1}}@keyframes piece-ice-scatter{0%{transform:translate(0) rotate(-20deg) scale(.8);opacity:0}20%{opacity:.9}to{transform:translate(-380%,-65%) rotate(60deg) scale(.35);opacity:0}}.piece-ice-slide-effect.is-settled .piece-ice-shard{animation:none;opacity:0}@media(prefers-reduced-motion:reduce){.player-piece.piece-ice-sliding .piece-inner{animation:none!important}.piece-ice-frost{animation:none;opacity:.9}.piece-ice-shard{animation:none;opacity:0}}.player-piece.piece-clone-shadow{opacity:.64;filter:grayscale(1) saturate(0) brightness(.48) contrast(1.35) drop-shadow(0 0 7px rgba(0,0,0,.92));z-index:7}.player-piece.piece-clone-shadow .attacker-glow{display:none}.player-piece.piece-clone-shadow .piece-inner{filter:grayscale(1) saturate(0) brightness(.56) contrast(1.45)!important;box-shadow:0 0 9px #000000eb,0 0 15px #45325833!important}.player-piece.piece-clone-shadow .piece-visual:before,.player-piece.piece-clone-shadow .piece-visual:after{content:"";position:absolute;left:50%;top:50%;pointer-events:none;z-index:-2;border-radius:50%}.player-piece.piece-clone-shadow .piece-visual:before{width:115%;height:82%;transform:translate(-72%,-50%);background:radial-gradient(ellipse at 70% 50%,rgba(16,16,20,.64),rgba(0,0,0,.42) 42%,transparent 74%);filter:blur(6px);animation:shadow-clone-smoke .34s ease-in-out infinite alternate}.player-piece.piece-clone-shadow .piece-visual:after{width:165%;height:48%;transform:translate(-91%,-50%);background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 28%,rgba(12,12,16,.58) 74%,rgba(35,27,43,.32) 100%);filter:blur(5px);animation:shadow-clone-tail .24s ease-in-out infinite alternate}.shadow-clone-origin{position:absolute;border-radius:50%;pointer-events:none;z-index:5;background:radial-gradient(circle,rgba(22,18,27,.72) 0%,rgba(0,0,0,.58) 42%,transparent 72%);box-shadow:0 0 14px #000000b3;filter:blur(1px);animation:shadow-clone-origin-bloom .62s ease-out forwards}.shadow-clone-dissolve{animation:shadow-clone-dissolve .32s ease-out forwards}@keyframes shadow-clone-smoke{0%{opacity:.44;transform:translate(-68%,-52%) scale(.9)}to{opacity:.76;transform:translate(-78%,-48%) scale(1.12)}}@keyframes shadow-clone-tail{0%{opacity:.36;transform:translate(-86%,-50%) scaleX(.88)}to{opacity:.68;transform:translate(-98%,-50%) scaleX(1.12)}}@keyframes shadow-clone-origin-bloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}35%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}@keyframes shadow-clone-dissolve{to{opacity:0;filter:grayscale(1) brightness(.25) blur(7px);transform:translate(var(--piece-x),var(--piece-y)) translate(-50%,-50%) scale(.74)}}.shadow-clone-layer.is-ending .player-piece.piece-clone-shadow .piece-visual{animation:shadow-clone-arrival-fade .34s ease-out var(--shadow-arrival-delay, .2s) forwards}.shadow-clone-dissolve-burst{position:absolute;border-radius:50%;pointer-events:none;z-index:8;background:radial-gradient(ellipse,rgba(22,20,26,.68) 0%,rgba(4,4,6,.52) 35%,transparent 72%);filter:blur(4px);animation:shadow-clone-burst .38s ease-out var(--shadow-arrival-delay, .2s) both}@keyframes shadow-clone-burst{0%{opacity:.78;scale:.55}to{opacity:0;scale:1.55;filter:blur(9px)}}@keyframes shadow-clone-arrival-fade{to{opacity:0;filter:blur(7px);scale:.74}}.collision-effect{position:absolute;width:70px;height:70px;pointer-events:none;z-index:80;isolation:isolate;overflow:visible;animation:collision-impact .38s ease-out forwards}.collision-effect:before,.collision-effect:after{content:"";position:absolute;inset:0;border-radius:50%}.collision-effect:before{background:radial-gradient(circle,#fbbf24 0%,#ef4444 50%,transparent 70%);animation:burst-inner .4s ease-out forwards;z-index:1}.collision-effect:after{background:radial-gradient(circle,transparent 40%,#fbbf24 60%,transparent 80%);animation:burst-outer .4s ease-out forwards;z-index:2}.collision-effect--directional:before{background:conic-gradient(from calc(var(--primary-angle) - 40deg),transparent 0deg,rgba(251,191,36,.65) 20deg,rgba(255,255,255,.35) 40deg,rgba(251,191,36,.65) 60deg,transparent 80deg,transparent 360deg)}.collision-effect--directional:after{background:conic-gradient(from calc(var(--primary-angle) - 35deg),transparent 0deg,rgba(251,191,36,.4) 15deg,rgba(255,220,80,.2) 35deg,rgba(251,191,36,.4) 55deg,transparent 70deg,transparent 360deg)}.collision-effect-core{position:absolute;inset:32%;border-radius:50%;z-index:6;background:radial-gradient(circle,rgba(255,255,255,.98),#fbbf24 38%,#ef4444 72%,transparent 100%);filter:drop-shadow(0 0 10px rgba(251,191,36,.34)) drop-shadow(0 0 16px rgba(255,255,255,.32));animation:collision-core-pop .18s ease-out forwards}.collision-effect-spark{position:absolute;left:50%;top:50%;width:5px;height:22px;margin-left:-2.5px;margin-top:-11px;border-radius:999px;opacity:0;z-index:7;background:linear-gradient(180deg,#fff,#fbbf24 45%,#ef444400);filter:drop-shadow(0 0 3px rgba(251,191,36,.9));transform-origin:50% 100%;animation:collision-spark .42s ease-out forwards}.collision-effect-spark-a{--spark-rotate: 0deg}.collision-effect-spark-b{--spark-rotate: 72deg;animation-delay:14ms}.collision-effect-spark-c{--spark-rotate: 144deg;animation-delay:22ms}.collision-effect-spark-d{--spark-rotate: 216deg;animation-delay:10ms}.collision-effect-spark-e{--spark-rotate: 288deg;animation-delay:18ms}.collision-effect-lifetime-signal{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;animation:collision-effect-lifetime .42s linear}.collision-effect--finisher{animation-duration:.46s}.collision-effect--finisher:before{background:radial-gradient(circle,#ffffff 0%,#fde68a 28%,#f97316 58%,transparent 76%);animation-duration:.45s}.collision-effect--finisher:after{background:radial-gradient(circle,transparent 28%,#ffffff 42%,#facc15 58%,transparent 82%);animation-duration:.46s}.collision-effect--finisher .collision-effect-core{inset:26%;background:radial-gradient(circle,#ffffff 0%,#fff7c2 28%,#f59e0b 62%,transparent 100%);filter:drop-shadow(0 0 14px rgba(255,255,255,.82)) drop-shadow(0 0 24px rgba(245,158,11,.72));animation-duration:.22s}.collision-effect--finisher .collision-effect-spark{width:6px;height:28px;filter:drop-shadow(0 0 5px rgba(255,255,255,.95))}.collision-effect--finisher .collision-effect-lifetime-signal{animation-duration:.46s}.collision-effect--berserk:before{background:radial-gradient(circle,#ef4444 0%,#7f1d1d 50%,transparent 70%)}.collision-effect--berserk:after{background:radial-gradient(circle,transparent 40%,#b91c1c 60%,transparent 80%)}.collision-effect--berserk.collision-effect--directional:before{background:conic-gradient(from calc(var(--primary-angle) - 40deg),transparent 0deg,rgba(185,28,28,.78) 20deg,rgba(248,113,113,.42) 40deg,rgba(127,29,29,.78) 60deg,transparent 80deg,transparent 360deg)}.collision-effect--berserk.collision-effect--directional:after{background:conic-gradient(from calc(var(--primary-angle) - 35deg),transparent 0deg,rgba(185,28,28,.52) 15deg,rgba(239,68,68,.28) 35deg,rgba(127,29,29,.52) 55deg,transparent 70deg,transparent 360deg)}.collision-effect--berserk .collision-effect-core{background:radial-gradient(circle,rgba(255,255,255,.96),#ef4444 38%,#7f1d1d 72%,transparent 100%);filter:drop-shadow(0 0 10px rgba(185,28,28,.56)) drop-shadow(0 0 16px rgba(239,68,68,.34))}.collision-effect--berserk .collision-effect-spark{background:linear-gradient(180deg,#fee2e2,#b91c1c 45%,#7f1d1d00);filter:drop-shadow(0 0 3px rgba(185,28,28,.95))}.collision-effect.collision-effect--combo-2:before{background:radial-gradient(circle,#fff7c2 0%,#f59e0b 48%,transparent 72%)}.collision-effect.collision-effect--combo-2:after{background:radial-gradient(circle,transparent 36%,#facc15 60%,transparent 82%)}.collision-effect--combo-2 .collision-effect-core{background:radial-gradient(circle,#ffffff 0%,#fde68a 34%,#f59e0b 72%,transparent 100%);filter:drop-shadow(0 0 12px rgba(250,204,21,.72)) drop-shadow(0 0 18px rgba(245,158,11,.46))}.collision-effect.collision-effect--combo-3:before{background:radial-gradient(circle,#e0fbff 0%,#22d3ee 42%,#8b5cf6 68%,transparent 76%)}.collision-effect.collision-effect--combo-3:after{background:radial-gradient(circle,transparent 32%,#67e8f9 54%,#a78bfa 68%,transparent 84%)}.collision-effect--combo-3 .collision-effect-core{background:radial-gradient(circle,#ffffff 0%,#67e8f9 34%,#8b5cf6 72%,transparent 100%);filter:drop-shadow(0 0 12px rgba(34,211,238,.78)) drop-shadow(0 0 20px rgba(139,92,246,.58))}.collision-effect--combo-3 .collision-effect-spark{background:linear-gradient(180deg,#fff,#67e8f9 40%,#8b5cf600);filter:drop-shadow(0 0 4px rgba(103,232,249,.95))}.collision-effect-combo-label{position:absolute;left:50%;top:-16px;z-index:9;color:#fff7d6;font-size:12px;font-weight:900;letter-spacing:0;line-height:1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(250,204,21,.9);animation:collision-combo-label .42s ease-out forwards}.collision-effect--combo-3 .collision-effect-combo-label{color:#e6fcff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(34,211,238,.95),0 0 14px rgba(139,92,246,.76)}@keyframes collision-combo-label{0%{opacity:0;transform:translate(-50%) translateY(5px) scale(.82)}24%{opacity:1;transform:translate(-50%) translateY(0) scale(1.08)}72%{opacity:1;transform:translate(-50%) translateY(-3px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}}@keyframes collision-impact{0%{transform:translate(-50%,-50%) scale(.88);opacity:1}to{transform:translate(-50%,-50%) scale(1.18);opacity:0}}@keyframes collision-core-pop{0%{transform:scale(.35);opacity:0}20%{transform:scale(1.18);opacity:1}to{transform:scale(.82);opacity:0}}@keyframes collision-spark{0%{opacity:0;transform:rotate(var(--spark-rotate, 0deg)) translateY(0) scaleY(.4)}10%{opacity:1}60%{opacity:.85}to{opacity:0;transform:rotate(var(--spark-rotate, 0deg)) translateY(-52px) scaleY(1.5)}}@keyframes burst-inner{0%{transform:scale(0);opacity:.8}40%{transform:scale(1.1);opacity:.5}to{transform:scale(1.6);opacity:0}}@keyframes burst-outer{0%{transform:scale(.4);opacity:0}25%{transform:scale(.9);opacity:.5}to{transform:scale(1.8);opacity:0}}@keyframes collision-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes collision-effect-lifetime{0%{opacity:0}to{opacity:.001}}.gameover-overlay{width:100%;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.gameover-box{position:relative;isolation:isolate;width:100%;background:var(--panel, #1E252B);border:1px solid var(--tile-border, #3A444D);border-radius:1rem;padding:.9rem 1rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;box-shadow:0 10px 28px #00000047,0 0 0 1px #ffffff08}.gameover-box:before,.gameover-box:after{content:"";position:absolute;pointer-events:none}.gameover-box:before{z-index:0;inset:0;border-radius:inherit}.gameover-box:after{z-index:2;top:-1px;left:18%;right:18%;height:2px;border-radius:999px}.gameover-box>*{position:relative;z-index:1}.gameover-box.is-win{border-width:2px;border-color:#60a5fae0;box-shadow:0 10px 28px #00000052,0 0 0 1px #93c5fd2e,0 0 26px #3b82f657}.gameover-box.is-win:before{box-shadow:inset 0 0 28px #2563eb24,inset 0 1px #dbeafe29}.gameover-box.is-win:after{top:-2px;height:3px;background:#93c5fd;box-shadow:0 0 14px #60a5faeb}.gameover-box.is-lose{border-width:2px;border-color:#f87171d1;box-shadow:0 10px 28px #00000052,0 0 0 1px #fca5a524,0 0 24px #dc262647}.gameover-box.is-lose:before{box-shadow:inset 0 0 28px #b91c1c1f,inset 0 1px #fee2e21f}.gameover-box.is-lose:after{top:-2px;height:3px;background:#fca5a5;box-shadow:0 0 14px #f87171d1}.gameover-box.is-draw{border-width:2px;border-color:#94a3b8ad;box-shadow:0 10px 28px #00000052,0 0 20px #94a3b833}.gameover-box.is-draw:before{box-shadow:inset 0 0 24px #94a3b814}.gameover-box.is-draw:after{top:-2px;height:3px;background:#cbd5e1;box-shadow:0 0 12px #94a3b89e}.gameover-result{font-size:1.15rem;font-weight:900;line-height:1.2;letter-spacing:.02em}.gameover-result.win{color:#bfdbfe;text-shadow:0 0 10px rgba(147,197,253,.62),0 0 22px rgba(59,130,246,.36)}.gameover-result.lose{color:#fecaca;text-shadow:0 0 10px rgba(252,165,165,.46),0 0 20px rgba(220,38,38,.3)}.gameover-result.draw{color:#e2e8f0;text-shadow:0 0 14px rgba(148,163,184,.42)}.gameover-message{font-size:.82rem;color:#cbd5e1;padding:.5rem .75rem;background:var(--tile, #2A3137);border:1px solid var(--tile-border, #3A444D);border-radius:.625rem}.gameover-reward{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;font-size:.82rem;font-weight:800;color:#fbbf24;padding:.5rem .9rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.24);border-radius:.625rem;white-space:nowrap}.gameover-value{font-weight:inherit;line-height:1}.gameover-token-icon,.gameover-score-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.94em;line-height:1}.rematch-notice{font-size:.82rem;color:var(--blue, #3b82f6);padding:.5rem 1rem;background:#3b82f614;border-radius:.5rem;border:1px solid rgba(59,130,246,.2)}.rematch-btn{background:var(--primary, #386641);border:none;border-radius:.7rem;color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.65rem 1rem;transition:all .15s;box-shadow:0 4px 16px #38664166}.rematch-btn:hover{background:var(--primary-hov, #2a4d31);transform:translateY(-2px);box-shadow:0 8px 24px #3866418c}.rematch-btn:active{transform:translateY(0)}.rematch-btn-blue{background:#2d5ea8;box-shadow:0 4px 16px #2d5ea866}.rematch-btn-blue:hover{background:#234b86;box-shadow:0 8px 24px #2d5ea88c}.gameover-action-right{margin-left:auto}.gameover-rating{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;font-size:.88rem;font-weight:800;padding:.45rem .9rem;border-radius:.625rem;white-space:nowrap}.gameover-rating.rating-up{color:#4ade80;background:#4ade8014;border:1px solid rgba(74,222,128,.24)}.gameover-rating.rating-down{color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.24)}.gameover-rating-total{font-weight:600;opacity:.8}.gameover-arena-promotion{font-size:.82rem;font-weight:800;color:#fbbf24;padding:.45rem .9rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:.625rem;white-space:nowrap;text-align:center}.player-info{position:relative;display:inline-flex;flex:0 0 auto;width:fit-content;max-width:100%}.nickname-btn{background:transparent;border:1px solid transparent;border-radius:.45rem;display:inline-flex;align-items:center;padding:.2rem .45rem;font-size:.85rem;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:background .15s,border-color .15s;letter-spacing:.01em;line-height:1.3;max-width:100%;width:auto;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 0 auto}.nickname-btn.color-red{color:#f87171}.nickname-btn.color-blue{color:#60a5fa}.nickname-btn.color-red:hover{background:#ef444414;border-color:#ef44444d}.nickname-btn.color-blue:hover{background:#3b82f614;border-color:#3b82f64d}.profile-box{position:absolute;top:calc(100% + 6px);bottom:auto;left:0;right:auto;z-index:200;background:var(--panel, #1E252B);border:1px solid var(--tile-border, #3A444D);border-radius:.75rem;padding:.625rem;min-width:180px;box-shadow:0 16px 40px #000000a6;user-select:text;-webkit-user-select:text;cursor:text}.profile-box.profile-box-self{top:auto;bottom:calc(100% + 6px);left:0;right:auto}.profile-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.22rem 0;font-size:.8rem;border-bottom:1px solid var(--tile, #2A3137)}.profile-row:last-child{border-bottom:none}.profile-row span:first-child{color:var(--text-muted, #9AA4AE);font-size:.75rem;letter-spacing:.04em;user-select:text;-webkit-user-select:text}.profile-row span:last-child{color:var(--text, #F0F4F8);font-weight:600;font-family:Plus Jakarta Sans,sans-serif;user-select:text;-webkit-user-select:text}.profile-id-btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(59,130,246,.28);background:#3b82f61a;color:var(--text, #f0f4f8);border-radius:999px;padding:.28rem .55rem;font-size:.75rem;font-weight:700;font-family:var(--mono, "JetBrains Mono", monospace);cursor:pointer;transition:all .15s ease}.profile-id-btn:hover{background:#3b82f629;border-color:#3b82f66b}.profile-id-btn.is-copied{border-color:#48bb7861;background:#48bb781f}.profile-id-copy{color:#93c5fd;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;letter-spacing:.03em;text-transform:uppercase}.profile-id-btn.is-copied .profile-id-copy{color:#86efac}.timer-container{position:relative;width:100%;height:2.2rem;box-sizing:border-box;overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:.48rem;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%),#080f16eb;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000004d,0 2px 8px #0000002e}.timer-container:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent)}.timer-track{position:absolute;left:.22rem;right:.22rem;bottom:.16rem;height:.22rem;overflow:visible;border-radius:999px;background:#02060cb8;box-shadow:inset 0 0 0 1px #94a3b81a}.timer-bar{position:relative;height:100%;min-width:0;border-radius:999px;transition:width .05s linear,background .28s ease,box-shadow .28s ease;will-change:width}.timer-bar.green{background:linear-gradient(90deg,#0e7490,#22d3ee);box-shadow:0 0 7px #22d3ee4d}.timer-bar.yellow{background:linear-gradient(90deg,#b45309,#fbbf24);box-shadow:0 0 7px #fbbf2452}.timer-bar.red{background:linear-gradient(90deg,#b91c1c,#fb4545);box-shadow:0 0 8px #f8414161}.timer-bar-tip{position:absolute;right:-.16rem;top:50%;width:.34rem;height:.34rem;transform:translateY(-50%);border-radius:50%;background:currentColor;opacity:.9;pointer-events:none}.timer-bar.green .timer-bar-tip{color:#67e8f9;box-shadow:0 0 5px currentColor}.timer-bar.yellow .timer-bar-tip{color:#fde68a;box-shadow:0 0 5px currentColor}.timer-bar.red .timer-bar-tip{color:#fecaca;box-shadow:0 0 7px currentColor,0 0 12px #f841419e}.timer-tip-beat{animation:timer-tip-beat .18s cubic-bezier(.2,.9,.25,1) both}@keyframes timer-tip-beat{0%,to{transform:translateY(-50%) scale(1)}48%{transform:translateY(-50%) scale(1.16)}}.timer-text{position:absolute;left:50%;top:.95rem;transform:translate(-50%,-50%);z-index:2;min-width:3.15rem;font-family:var(--mono, monospace);font-size:1.2rem;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;color:#f8fafc;text-align:center;letter-spacing:.015em;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.timer-unit{margin-left:.08rem;font-size:.62em;font-weight:800;color:#e2e8f0b8;letter-spacing:0}.timer-text-beat{animation:timer-second-critical .18s cubic-bezier(.2,.9,.25,1) both;text-shadow:0 1px 3px rgba(0,0,0,.92),0 0 6px currentColor}@keyframes timer-second-critical{0%{transform:translate(-50%,-50%) scale(1)}48%{transform:translate(-50%,-50%) scale(1.08)}to{transform:translate(-50%,-50%) scale(1)}}.timer-container.yellow .timer-text{color:#fde68a}.timer-container.red .timer-text{color:#fecaca}.timer-releasing{pointer-events:none;animation:timer-release .18s ease-out both}@keyframes timer-release{to{opacity:0;transform:translateY(2px)}}.timer-round-text{position:absolute;left:.58rem;top:.95rem;transform:translateY(-50%);z-index:2;font-family:var(--mono, monospace);font-size:.82rem;line-height:1;font-weight:800;color:#cbd5e1d1;letter-spacing:.055em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.75);white-space:nowrap;pointer-events:none}.timer-round-counter{position:relative;display:inline-grid;min-width:4.8rem;line-height:1}.timer-round-counter>span{grid-area:1 / 1;white-space:nowrap}.timer-round-outgoing{animation:timer-round-out .22s ease-in both}.timer-round-incoming{animation:timer-round-in .22s cubic-bezier(.2,.8,.2,1) both}@keyframes timer-round-out{to{transform:translateY(-55%);opacity:0}}@keyframes timer-round-in{0%{transform:translateY(55%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.timer-round-outgoing,.timer-round-incoming,.timer-text-beat,.timer-tip-beat,.timer-releasing{animation-duration:1ms;animation-iteration-count:1}}.game-screen{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px));padding-right:.75rem;padding-left:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));height:100%;overflow:visible;width:100%;max-width:600px;margin:0 auto;box-sizing:border-box}.game-screen.board-bg-pharaoh-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(#0c08054d,#0c08054d),url(/board/pharaoh_board_bg.webp) center / cover no-repeat;opacity:.98;z-index:0;pointer-events:none}.game-screen.board-bg-magic-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(#0b081357,#0b081357),url(/board/magic_board_bg.webp) center / cover no-repeat;opacity:.99;z-index:0;pointer-events:none}.game-screen.arena-bg-11-screen:before,.game-screen.arena-bg-2-screen:before,.game-screen.arena-bg-3-screen:before,.game-screen.arena-bg-4-screen:before,.game-screen.arena-bg-5-screen:before,.game-screen.arena-bg-6-screen:before,.game-screen.arena-bg-7-screen:before,.game-screen.arena-bg-8-screen:before,.game-screen.arena-bg-9-screen:before,.game-screen.arena-bg-10-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(#040a183d,#040a1861),var(--arena-bg-image) center / cover no-repeat;opacity:.99;z-index:0;pointer-events:none}.game-screen.arena-bg-2-screen{--arena-bg-image: url(/arena_bg/arena2_bg.webp)}.game-screen.arena-bg-11-screen{--arena-bg-image: url(/ui/battle/battle-orbit-background.webp)}.game-screen:not(.ability-screen):not([class*=arena-bg-]):not([class*=board-bg-]){background:linear-gradient(#0309161f,#0309164d),url(/ui/battle/arenas/arena1-background.webp) center / cover}.game-screen.arena-bg-3-screen{--arena-bg-image: url(/arena_bg/arena3_bg.webp)}.game-screen.arena-bg-4-screen{--arena-bg-image: url(/arena_bg/arena4_bg.webp)}.game-screen.arena-bg-5-screen{--arena-bg-image: url(/arena_bg/arena5_bg.webp)}.game-screen.arena-bg-6-screen{--arena-bg-image: url(/arena_bg/arena6_bg.webp)}.game-screen.arena-bg-7-screen{--arena-bg-image: url(/arena_bg/arena7_bg.webp)}.game-screen.arena-bg-8-screen{--arena-bg-image: url(/arena_bg/arena8_bg.webp)}.game-screen.arena-bg-9-screen{--arena-bg-image: url(/arena_bg/arena9_bg.webp)}.game-screen.arena-bg-10-screen{--arena-bg-image: url(/arena_bg/arena10_bg.webp)}.game-screen.arena-bg-11-screen>*,.game-screen.arena-bg-2-screen>*,.game-screen.arena-bg-3-screen>*,.game-screen.arena-bg-4-screen>*,.game-screen.arena-bg-5-screen>*,.game-screen.arena-bg-6-screen>*,.game-screen.arena-bg-7-screen>*,.game-screen.arena-bg-8-screen>*,.game-screen.arena-bg-9-screen>*,.game-screen.arena-bg-10-screen>*{position:relative;z-index:1}.game-screen.board-bg-pharaoh-screen>*{position:relative;z-index:1}.game-screen.board-bg-magic-screen>*{position:relative;z-index:1}.gs-loading{display:flex;align-items:center;justify-content:center;min-height:100%;color:var(--text-muted);font-size:.875rem;letter-spacing:.12em;font-family:var(--mono)}.gs-utility-bar{display:flex;align-items:center;gap:.625rem;width:100%;flex-shrink:0}.gs-timer-slot{flex:1;min-width:0}.gs-utility-buttons{display:flex;align-items:center;flex-shrink:0}.gs-lobby-btn{background:var(--tile);border:1px solid var(--tile-border);border-radius:.5rem;color:var(--text-muted);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;line-height:1;transition:background .15s,border-color .15s,color .15s}.gs-lobby-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .8rem;font-size:1.08rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;min-width:5.8rem;height:2.2rem}.gs-lobby-btn:hover{border-color:var(--primary);color:var(--text);background:var(--tile-hover)}.gs-phase-moving{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.gs-moving-pip{width:.375rem;height:.375rem;border-radius:50%;background:var(--blue);flex-shrink:0;animation:gs-pip-pulse .7s ease-in-out infinite alternate}@keyframes gs-pip-pulse{0%{opacity:.35;transform:scale(.75)}to{opacity:1;transform:scale(1.25)}}.gs-player-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.55rem .875rem;background:var(--panel);border:1px solid var(--tile-border);border-radius:.875rem;position:relative;overflow:visible;flex-shrink:0;transition:border-color .2s;--corner-color: var(--tile-border)}.gs-player-card:after{content:"";position:absolute;top:0;right:0;width:1rem;height:1rem;border-top:2px solid var(--corner-color);border-right:2px solid var(--corner-color);border-radius:0 .875rem 0 0;opacity:.45;pointer-events:none}.gs-color-red{border-left:3px solid rgba(239,68,68,.65)}.gs-color-blue{border-left:3px solid rgba(59,130,246,.65)}.gs-self{box-shadow:0 0 0 1px #38664124 inset,0 4px 20px #00000047}.gs-self.gs-color-red{--corner-color: rgba(239, 68, 68, .35)}.gs-self.gs-color-blue{--corner-color: rgba(59, 130, 246, .35)}.gs-role-badge{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .55rem;background:var(--tile);border:1px solid var(--tile-border);border-radius:.625rem;min-width:3.125rem;flex-shrink:0}.gs-role-badge-self{border-color:#38664161;background:#38664114}.gs-role-icon{font-size:1.4rem;line-height:1}.gs-role-label{font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);line-height:1}.gs-role-badge-transition{isolation:isolate;overflow:hidden;transition:background .28s ease,border-color .28s ease,border-radius .28s ease,filter .28s ease}.gs-role-badge-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;transform-origin:center}.gs-role-badge-transition:after{content:"";position:absolute;z-index:2;top:10%;bottom:10%;left:-45%;width:34%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);filter:blur(1px);opacity:0;transform:skew(-18deg);pointer-events:none}.gs-role-badge-transition.is-role-exiting,.gs-role-badge-transition.is-role-entering{animation:none}.gs-role-badge-transition.is-role-exiting:after,.gs-role-badge-transition.is-role-entering:after{animation:gs-role-energy-sweep .6s ease-out both}.gs-role-badge-transition.is-role-exiting .gs-role-badge-content{animation:gs-role-content-out .16s ease-in both}.gs-role-badge-transition.is-role-entering{animation:gs-role-arrival-glow .44s ease-out both}.gs-role-badge-transition.is-role-entering .gs-role-badge-content{animation:gs-role-content-in .44s cubic-bezier(.2,.8,.2,1) both}@keyframes gs-role-content-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-10px) scale(.88)}}@keyframes gs-role-content-in{0%{opacity:0;transform:translate(10px) scale(.9)}72%{opacity:1;transform:translate(-1px) scale(1.04)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes gs-role-energy-sweep{0%{left:-45%;opacity:0}24%{opacity:.85}72%{opacity:.72}to{left:112%;opacity:0}}@keyframes gs-role-arrival-glow{0%{filter:brightness(.92)}45%{filter:brightness(1.38)}to{filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.gs-role-badge-transition,.gs-role-badge-transition:after,.gs-role-badge-transition .gs-role-badge-content{animation:none!important;transition:none!important}}.gs-self.gs-role-atk{background:linear-gradient(135deg,rgba(239,68,68,.09) 0%,var(--panel) 55%);box-shadow:0 0 0 1px #dc262626 inset,0 0 28px #ef44441a,0 4px 20px #00000047}.gs-self.gs-role-atk:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.55),transparent);pointer-events:none}.gs-role-badge-self.gs-role-badge-atk{position:relative;background:linear-gradient(145deg,#ef444438,#b91c1c1a);border-color:#ef444499;border-radius:.35rem;box-shadow:0 0 14px #ef444438,0 0 0 1px #ef44441f inset;animation:gs-atk-badge-pulse 2.5s ease-in-out infinite}.gs-role-badge-self.gs-role-badge-atk:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.85),transparent);border-radius:0 0 2px 2px}.gs-role-badge-atk .gs-role-icon{color:#f87171;text-shadow:0 0 8px rgba(239,68,68,.8),0 0 18px rgba(220,38,38,.45);font-weight:900}.gs-role-badge-atk .gs-role-label{color:#f87171d9}@keyframes gs-atk-badge-pulse{0%,to{box-shadow:0 0 14px #ef444438,0 0 0 1px #ef44441f inset}50%{box-shadow:0 0 22px #ef444461,0 0 0 1px #ef444438 inset}}.gs-self.gs-role-run{background:linear-gradient(135deg,rgba(6,182,212,.06) 0%,var(--panel) 55%);box-shadow:0 0 0 1px #06b6d41a inset,0 0 28px #06b6d414,0 4px 20px #00000047}.gs-self.gs-role-run:before{content:"";position:absolute;bottom:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.45),transparent);pointer-events:none}.gs-role-badge-self.gs-role-badge-run{position:relative;overflow:hidden;background:linear-gradient(145deg,#06b6d42e,#14b8a612);border-color:#06b6d48c;border-radius:1rem;box-shadow:0 0 14px #06b6d42e,0 0 0 1px #06b6d41a inset}.gs-role-badge-self.gs-role-badge-run:before{content:"";position:absolute;top:calc(50% - 1px);left:-80%;width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.65),transparent);animation:gs-run-streak 2.2s ease-in-out infinite}@keyframes gs-run-streak{0%{left:-70%;opacity:0}15%{opacity:1}85%{opacity:1}to{left:110%;opacity:0}}.gs-role-badge-run .gs-role-icon{color:#22d3ee;text-shadow:0 0 8px rgba(6,182,212,.8),0 0 18px rgba(20,184,166,.45);font-style:italic;font-weight:700}.gs-role-badge-run .gs-role-label{color:#22d3eed9}.gs-player-mid{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gs-color-tag{font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted);opacity:.5}.gs-hp-slot{display:flex;justify-content:flex-end;flex-shrink:0}.gs-grid-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:visible;contain:layout style}.game-screen .gs-utility-bar,.game-screen .ability-path-bar,.game-screen .ability-opponent-panel,.game-screen .ability-skill-panel,.game-screen .ability-mana-panel{transition:opacity .14s ease-out}.game-screen .gs-grid-area .game-grid-shell{transition:filter .14s ease-out}.game-screen.is-action-focused .gs-utility-bar,.game-screen.is-action-focused .ability-path-bar,.game-screen.is-action-focused .ability-opponent-panel,.game-screen.is-action-focused .ability-skill-panel,.game-screen.is-action-focused .ability-mana-panel{opacity:.9}.game-screen.is-action-focused .gs-grid-area .game-grid-shell{filter:brightness(1.06)}.gs-path-bar{width:100%;padding:.55rem .875rem;background:var(--panel);border:1px solid var(--tile-border);border-radius:.875rem;display:flex;flex-direction:column;gap:.45rem;transition:border-color .25s,box-shadow .25s;position:relative;flex-shrink:0;contain:layout style}.gs-role-tutorial-spotlight{position:absolute;inset:0;z-index:40;pointer-events:none}.gs-role-tutorial-shade{position:absolute;background:#02060e94;pointer-events:auto}.gs-role-tutorial-shade-top,.gs-role-tutorial-shade-bottom{right:0;left:0}.gs-role-tutorial-shade-top{top:0}.gs-role-tutorial-shade-bottom{bottom:0}.gs-role-tutorial-shade-left{left:0}.gs-role-tutorial-shade-right{right:0}.ability-path-role.is-tutorial-role-target{transform-origin:center;animation:gs-tutorial-role-focus .72s ease-in-out 2!important}.ability-path-points.is-tutorial-path-target{border-radius:.5rem;transform-origin:center;animation:gs-tutorial-path-focus .72s ease-in-out 2!important}.ai-tutorial-hint.gs-role-tutorial-callout{right:.75rem;z-index:42;display:grid;width:auto;max-width:23rem;gap:.15rem;transform:none;padding:.72rem .9rem;text-align:left;font-family:inherit;font-size:.85rem;font-weight:600;line-height:1.45;letter-spacing:0;animation:tutorial-hint-in .22s ease-out}.gs-role-tutorial-title{margin-bottom:.12rem;color:#fff7ed;font-size:1.04em;font-weight:900}.gs-path-tutorial-title{color:#bbf7d0}.gs-role-tutorial-callout-arrow{position:absolute;top:-9px;width:16px;height:16px;transform:translate(-50%) rotate(45deg);border-top:1px solid rgba(74,222,128,.88);border-left:1px solid rgba(74,222,128,.88);background:#080d16f5}@keyframes gs-tutorial-role-focus{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.24);box-shadow:0 0 0 2px #fb923ceb,0 0 22px #f87171b8}}@keyframes gs-tutorial-path-focus{0%,to{filter:brightness(1);box-shadow:0 0 #4ade8000}50%{filter:brightness(1.24);box-shadow:0 0 0 2px #4ade80e6,0 0 18px #22c55e85}}@media(prefers-reduced-motion:reduce){.ability-path-role.is-tutorial-role-target{animation:none!important;filter:brightness(1.16);box-shadow:0 0 0 2px #fb923cd1}.ability-path-points.is-tutorial-path-target{animation:none!important;filter:brightness(1.16);box-shadow:0 0 0 2px #4ade80d1}}@media(max-width:420px){.ai-tutorial-hint.gs-role-tutorial-callout{font-size:.76rem}}.game-screen .ability-opponent-panel,.game-screen .ability-skill-panel,.game-screen .ability-mana-panel{contain:layout style}.game-screen .ability-opponent-panel{position:relative;z-index:20;overflow:visible}.game-screen .ability-skill-panel,.game-screen .ability-mana-panel{position:relative;z-index:10}.gs-path-bar:after{content:"";position:absolute;top:0;right:0;width:.875rem;height:.875rem;border-top:2px solid var(--tile-border);border-right:2px solid var(--tile-border);border-radius:0 .875rem 0 0;opacity:.35;pointer-events:none}.gs-path-full{border-color:#22c55e73;box-shadow:0 0 14px #22c55e1a,0 0 0 1px #22c55e14 inset}.gs-path-full:after{border-color:#22c55e66;opacity:.6}.gs-path-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.gs-path-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.path-points-label-highlight{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.24)}.tutorial-role-attack{color:#f87171;font-weight:800;text-shadow:0 0 10px rgba(248,113,113,.35)}.tutorial-role-escape{color:#38bdf8;font-weight:800;text-shadow:0 0 10px rgba(56,189,248,.35)}.gs-path-count{font-family:var(--mono);font-size:.8rem;color:var(--text-muted);line-height:1}.gs-path-current{font-size:1rem;font-weight:700;color:#22c55e;transition:color .2s}.gs-path-full .gs-path-current{color:#4ade80}.gs-path-sep{opacity:.4}.gs-path-max{color:var(--text-muted)}.gs-path-gauge{display:flex;gap:.25rem}.gs-path-seg{position:relative;flex:1;height:.625rem;background:var(--tile);border:1px solid var(--tile-border);border-radius:.1875rem;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.gs-path-seg.filled{background:linear-gradient(180deg,#22c55e,#16a34a);border-color:#22c55e99;box-shadow:0 0 6px #22c55e59}.gs-path-full .gs-path-seg.filled{box-shadow:0 0 8px #22c55e80}.gs-path-seg.latest{animation:gs-seg-pop .28s cubic-bezier(.34,1.56,.64,1)}.ability-path-bar.is-path-locked .ability-path-points{opacity:.58;filter:saturate(.58) brightness(.86);transition:opacity .16s ease,filter .16s ease}.ability-path-bar.is-path-confirming .ability-path-points{animation:path-points-lock .4s ease-out both}.ability-path-bar.is-round-preparing .ability-path-points .gs-path-seg:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(180deg,#86efac,#22c55e);box-shadow:0 0 8px #4ade8094;opacity:0;animation:round-ready-path-segment .26s ease-out both}.ability-path-bar.is-round-preparing .ability-path-points .gs-path-seg:nth-child(2):after{animation-delay:35ms}.ability-path-bar.is-round-preparing .ability-path-points .gs-path-seg:nth-child(3):after{animation-delay:70ms}.ability-path-bar.is-round-preparing .ability-path-points .gs-path-seg:nth-child(4):after{animation-delay:105ms}.ability-path-bar.is-round-preparing .ability-path-points .gs-path-seg:nth-child(5):after{animation-delay:.14s}.ability-path-bar.is-round-preparing .ability-path-points .gs-path-seg:nth-child(n+6):after{animation-delay:175ms}@keyframes round-ready-path-segment{0%{opacity:0;transform:scaleX(.2);transform-origin:left center}38%,68%{opacity:.88;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes path-points-lock{0%{transform:scale(1)}28%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes gs-seg-pop{0%{transform:scaleY(.5);opacity:.5}60%{transform:scaleY(1.25)}to{transform:scaleY(1);opacity:1}}.gs-result-slot{width:100%;flex-shrink:0}.game-screen{overflow-y:visible;overflow-x:hidden}.gs-grid-area{position:relative;z-index:1}.gs-result-slot{position:relative;z-index:5;margin-bottom:.5rem}.gs-board-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch}.gs-board-stage .gs-grid-area{flex:1;min-height:0}.gs-board-stage .gs-result-slot{position:absolute;top:auto;bottom:.5rem;left:50%;transform:translate(-50%);width:min(100%,26rem);margin-bottom:0;pointer-events:none}.gs-board-stage .gameover-overlay{pointer-events:none}.gs-board-stage .gameover-box,.gs-board-stage .rematch-btn{pointer-events:auto}.gs-board-stage .gs-result-slot.tutorial-next-result-slot{width:min(100%,36rem);pointer-events:none}.tutorial-next-prompt{display:flex;flex-direction:column;gap:.85rem;width:100%;padding:1rem 1.1rem;border:1px solid rgba(96,165,250,.48);border-radius:1rem;background:radial-gradient(circle at 100% 0%,rgba(96,165,250,.15),transparent 42%),linear-gradient(180deg,#1e293bfa,#0f172afa);box-shadow:0 18px 40px #0000006b,0 0 0 1px #dbeafe0f,0 0 22px #60a5fa29;color:#f8fbff;pointer-events:auto}.tutorial-next-prompt p{margin:0;color:#e5efff;font-size:clamp(.92rem,2.8vw,1rem);font-weight:800;line-height:1.55;text-align:center}.tutorial-next-title{font-weight:1000}.tutorial-next-title-1{color:#4ade80;text-shadow:0 0 12px rgba(74,222,128,.28)}.tutorial-next-title-2{color:#60a5fa;text-shadow:0 0 12px rgba(96,165,250,.32)}.tutorial-next-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.tutorial-next-btn{min-height:2.7rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.36);color:#f8fbff;font-size:.98rem;font-weight:900;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.tutorial-next-btn:hover{transform:translateY(-1px)}.tutorial-next-btn.is-controller-selected{border-color:#ffffffe6;box-shadow:0 0 0 2px #ffffff2e,0 0 24px #60a5fa57;transform:translateY(-1px)}.tutorial-next-btn-primary{border-color:#4ade809e;background:linear-gradient(180deg,#22c55e57,#15803dc2),#081423f0;box-shadow:0 0 20px #22c55e2e}.tutorial-next-btn-primary.is-controller-selected{border-color:#bbf7d0f2;box-shadow:0 0 0 2px #bbf7d033,0 0 26px #22c55e5c}.tutorial-next-btn-secondary{border-color:#60a5fa7a;background:linear-gradient(180deg,#2563eb47,#1e40afb3),#081423f0;box-shadow:0 0 18px #3b82f629}.tutorial-next-btn-secondary.is-controller-selected{border-color:#bfdbfef2;box-shadow:0 0 0 2px #bfdbfe2e,0 0 24px #3b82f657}@media(max-height:820px){.gs-player-card{padding:.3rem .7rem;gap:.5rem}.gs-path-bar{padding:.3rem .7rem;gap:.25rem}}@media(max-height:420px){.chat-panel{display:none}}@media(max-width:360px){.game-screen{padding-top:calc(.375rem + env(safe-area-inset-top,0px));padding-right:.375rem;padding-left:.375rem;padding-bottom:calc(.375rem + env(safe-area-inset-bottom,0px));gap:.25rem}}.gs-reconnecting-overlay{position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#12181bd9;color:#e2e8f0;font-size:1rem;font-weight:600;border-radius:inherit}.gs-reconnecting-spinner{display:block;width:2rem;height:2rem;border:3px solid rgba(255,255,255,.2);border-top-color:#60a5fa;border-radius:50%;animation:gs-spin .8s linear infinite}.gs-opponent-reconnecting{position:absolute;top:max(.6rem,env(safe-area-inset-top));left:50%;z-index:190;display:flex;align-items:center;gap:.55rem;max-width:calc(100% - 2rem);padding:.55rem .85rem;color:#f4f7ff;font-size:.9rem;font-weight:700;white-space:nowrap;background:#08111feb;border:1px solid rgba(99,179,255,.72);border-radius:8px;box-shadow:0 0 14px #449cff4d;pointer-events:none;transform:translate(-50%)}.gs-opponent-reconnecting .gs-reconnecting-spinner{width:1rem;height:1rem;border-width:2px;flex:0 0 auto}@keyframes gs-spin{to{transform:rotate(360deg)}}.match-intro-overlay{position:absolute;inset:0;z-index:25;background:transparent;overflow:visible}.match-intro-overlay-pre{background:transparent;animation:none}.match-intro-overlay.exiting{pointer-events:none}.match-intro-dim-layer{position:absolute;inset:0;z-index:0;pointer-events:none}.match-intro-dim-piece{position:absolute;background:#0000009e;animation:match-intro-dim-in .35s ease-out both}.match-intro-overlay.exiting .match-intro-dim-piece{animation:match-intro-dim-out .5s ease-in forwards}@keyframes match-intro-dim-in{0%{opacity:0}to{opacity:1}}@keyframes match-intro-dim-out{0%{opacity:1}to{opacity:0}}.match-intro-banner{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem 1.1rem;background:var(--panel);border:1px solid var(--tile-border);border-radius:.625rem;text-align:center;white-space:nowrap;pointer-events:none;min-width:110px;box-shadow:0 4px 20px #00000073}.match-intro-banner-opponent{transform:translate(-50%) translateY(-100%);margin-top:-10px;animation:banner-enter-top .38s cubic-bezier(.22,1,.36,1) both}.match-intro-banner-me{transform:translate(-50%);margin-top:10px;animation:banner-enter-bottom .38s cubic-bezier(.22,1,.36,1) both}.match-intro-banner-red{border-color:#ef444480;border-left-width:3px}.match-intro-banner-blue{border-color:#3b82f680;border-left-width:3px}.match-intro-overlay.exiting .match-intro-banner-opponent{animation:banner-exit-top .4s ease-in forwards}.match-intro-overlay.exiting .match-intro-banner-me{animation:banner-exit-bottom .4s ease-in forwards}@keyframes banner-enter-top{0%{transform:translate(-50%) translateY(-100%) translateY(-24px);opacity:0}to{transform:translate(-50%) translateY(-100%);opacity:1}}@keyframes banner-enter-bottom{0%{transform:translate(-50%) translateY(24px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes banner-exit-top{0%{transform:translate(-50%) translateY(-100%);opacity:1}to{transform:translate(-50%) translateY(-100%) translateY(-24px);opacity:0}}@keyframes banner-exit-bottom{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(24px);opacity:0}}.match-intro-banner-name{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:.02em;max-width:180px;overflow:hidden;text-overflow:ellipsis}.match-intro-banner-score{display:inline-flex;align-items:center;gap:.3rem;min-width:3.2rem;justify-content:center;padding:.16rem .5rem;border-radius:999px;background:#08142385;border:1px solid rgba(125,211,252,.18);font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--text);letter-spacing:0}.skin-preview.ability-skill-preview-celestial-alignment{border:2px solid #ffe4a3;background:radial-gradient(circle,#fff1c7f5,#dba53dd6,#5c437bc7 60%,#0b1530f5);box-shadow:0 0 2px #fff3c5f2,0 0 5px #ffd166d9,0 0 8px #b87b29a6,inset 0 0 2px #ffffff40,inset 0 0 5px #74551fc7}.skin-preview.ability-skill-preview-path-break{border:2px solid #fdba74;background:radial-gradient(circle at 50% 50%,#fff1e6f5,#fb923cd6,#ea580cc7 60%,#431407f5);box-shadow:0 0 2px #ffedd5f2,0 0 5px #fb923cd9,0 0 8px #c2410ca6,inset 0 0 2px #ffffff40,inset 0 0 5px #9a3412c7}.skin-preview.ability-skill-preview-trajectory-slash{border:2px solid #a5f3fc;background:radial-gradient(circle at 50% 50%,#ecfefff5,#67e8f9d6,#a78bfac7 60%,#1e1b4bf5);box-shadow:0 0 2px #cffafef2,0 0 5px #67e8f9d9,0 0 8px #8b5cf6a6,inset 0 0 2px #ffffff40,inset 0 0 5px #5b21b6c7}.skin-preview.ability-skill-preview-prediction{border:2px solid #c4b5fd;background:radial-gradient(circle at 50% 50%,#eef2fff5,#c4b5fdd6,#818cf8c7 60%,#312e81f2);box-shadow:0 0 2px #ddd6fef2,0 0 5px #818cf8d9,0 0 8px #4f46e5a6,inset 0 0 2px #ffffff40,inset 0 0 5px #4338cac7}.skin-preview.ability-skill-preview-thunder-mark{border:2px solid #facc15;background:radial-gradient(circle at 50% 50%,#fff6a3f5,#facc15d6,#f59e0bc7 60%,#3f2600f2);box-shadow:0 0 2px #fff6a3f2,0 0 5px #facc15d9,0 0 8px #f59e0ba6,inset 0 0 2px #ffffff40,inset 0 0 5px #92400ec7}.skin-preview.ability-skill-preview-verdant-reversion{border:2px solid #86efac;background:radial-gradient(circle at 50% 50%,#dcffe9f5,#4ade80d6,#22c55ec2 60%,#14532df2);box-shadow:0 0 2px #bbf7d0f2,0 0 5px #4ade80d9,0 0 8px #15803da6,inset 0 0 2px #ffffff40,inset 0 0 5px #14532dc7}.skin-preview.ability-skill-preview-mirror-dimension{border:2px solid #c4b5fd;background:radial-gradient(circle at 50% 50%,#f1f5f9f5,#a78bfad1 32%,#5eead4b3 62%,#1e1b4bf5);box-shadow:0 0 2px #e2e8f0f2,0 0 5px #a78bfad9,0 0 8px #5eead48c,inset 0 0 2px #ffffff40,inset 0 0 5px #4c1d95b8}.skin-preview.ability-skill-preview-shadow-rush{border:2px solid #a78bfa;background:radial-gradient(circle at 50% 50%,#ddd6fef5,#8b5cf6d6,#4c1d95c7 60%,#160b29f5);box-shadow:0 0 2px #ede9fef2,0 0 5px #a78bfad9,0 0 8px #7c3aeda6,inset 0 0 2px #ffffff40,inset 0 0 5px #4c1d95c7}.upgrade-modal.skin-modal.ability-training-loadout-modal{border-color:transparent;border-image:url(/ui/lobby/nebula-glass-arena.webp) 64 / 18px / 0 stretch}.ability-screen .gs-role-badge{min-width:72px}.ability-screen .gs-role-badge-self.gs-role-badge-run:before{left:-70%;animation-name:ability-run-streak}@keyframes ability-run-streak{0%{transform:translate(0);opacity:0}15%,85%{opacity:1}to{transform:translate(257.1428571429%);opacity:0}}.ability-role-badge{gap:.3rem}.ability-opponent-skills{display:flex;align-items:center;gap:.28rem;margin-right:.45rem;flex-shrink:0}.ability-opponent-skill{width:1.25rem;height:1.25rem;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:#0f172ab8;color:#f8fafc;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ability-skill-icon-glyph{display:inline-flex;align-items:center;justify-content:center;line-height:1;transform:translateY(-.06em)}.ability-skill-icon-custom{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;flex-shrink:0}.ability-skill-icon-arc-core,.ability-skill-icon-arc-ring{position:absolute;border-radius:999px}.ability-skill-icon-arc-core{width:.34em;height:.34em;background:radial-gradient(circle,#dbeafe,#60a5fa 58%,#2563eb);box-shadow:0 0 8px #60a5fa70,0 0 14px #3b82f638}.ability-skill-icon-arc-ring{border:2px solid rgba(96,165,250,.9)}.ability-skill-icon-arc-ring-a{width:.72em;height:.72em;opacity:.94}.ability-skill-icon-arc-ring-b{width:1em;height:1em;opacity:.52}.ability-skill-icon-void-eye,.ability-skill-icon-void-pupil,.ability-skill-icon-void-slash{position:absolute}.ability-skill-icon-void-eye{width:.98em;height:.64em;left:.06em;top:.23em;border:2px solid rgba(226,232,240,.92);border-radius:100%/78%;background:radial-gradient(circle at 50% 50%,rgba(148,163,184,.18),transparent 56%),#0f172a1a;box-shadow:0 0 8px #7dd3fc2e,inset 0 0 6px #ffffff0f}.ability-skill-icon-void-pupil{width:.22em;height:.22em;left:.44em;top:.42em;border-radius:999px;background:radial-gradient(circle,#e2e8f0,#7dd3fc 68%,#22d3ee);box-shadow:0 0 8px #7dd3fc6b}.ability-skill-icon-void-slash{width:1.02em;height:2px;left:.04em;top:.52em;background:linear-gradient(90deg,#2dd4bf1a,#7dd3fcf2,#2dd4bf1a);box-shadow:0 0 8px #7dd3fc52;transform:rotate(-32deg);transform-origin:center}.ability-skill-icon-bigbang{color:#f8fafc}.ability-skill-icon-bigbang-core,.ability-skill-icon-bigbang-ring,.ability-skill-icon-bigbang-rays{position:absolute}.ability-skill-icon-bigbang-core{width:.2em;height:.2em;border-radius:999px;background:radial-gradient(circle,#fde68a,#fbbf24 65%,#f97316);box-shadow:0 0 8px #fbbf24b3,0 0 14px #f9731673}.ability-skill-icon-bigbang-ring{border-radius:999px;border:2px solid rgba(251,191,36,.88)}.ability-skill-icon-bigbang-ring-a{width:.58em;height:.58em;opacity:.92}.ability-skill-icon-bigbang-ring-b{width:.9em;height:.9em;opacity:.72}.ability-skill-icon-bigbang-rays{inset:.02em;border-radius:999px;background:repeating-conic-gradient(from 0deg,rgba(251,191,36,.92) 0deg 10deg,transparent 10deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 55%,#000 57% 73%,transparent 75%);mask:radial-gradient(circle,transparent 0 55%,#000 57% 73%,transparent 75%);opacity:.9;filter:drop-shadow(0 0 6px rgba(251,191,36,.28))}.ability-skill-icon-magic-mine{color:#a855f7}.ability-skill-icon-mine-ring,.ability-skill-icon-mine-rune,.ability-skill-icon-mine-orb{position:absolute}.ability-skill-icon-mine-ring{border-radius:999px;border:1.5px solid rgba(168,85,247,.85);box-shadow:0 0 6px #a855f773}.ability-skill-icon-mine-ring-outer{width:1em;height:1em;background:radial-gradient(circle,rgba(88,28,135,.18) 0%,rgba(168,85,247,.06) 60%,transparent 100%);border-style:dashed;border-color:#c084fcb3;animation:mine-spin 4s linear infinite}.ability-skill-icon-mine-ring-inner{width:.62em;height:.62em;border-color:#d8b4fee0;animation:mine-spin 2.5s linear infinite reverse}.ability-skill-icon-mine-rune{width:.54em;height:.54em;background:conic-gradient(from 0deg,transparent 0deg 24deg,rgba(216,180,254,.72) 24deg 36deg,transparent 36deg 84deg,rgba(216,180,254,.72) 84deg 96deg,transparent 96deg 144deg,rgba(216,180,254,.72) 144deg 156deg,transparent 156deg 204deg,rgba(216,180,254,.72) 204deg 216deg,transparent 216deg 264deg,rgba(216,180,254,.72) 264deg 276deg,transparent 276deg 324deg,rgba(216,180,254,.72) 324deg 336deg,transparent 336deg 360deg);-webkit-mask:radial-gradient(circle,#000 0 46%,transparent 48%);mask:radial-gradient(circle,#000 0 46%,transparent 48%);filter:drop-shadow(0 0 3px rgba(168,85,247,.6))}.ability-skill-icon-mine-orb{width:.2em;height:.2em;border-radius:999px;background:radial-gradient(circle,#e9d5ff,#a855f7 60%,#7e22ce);box-shadow:0 0 6px #a855f7e6,0 0 12px #a855f780}@keyframes mine-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ability-skill-icon-glyph.is-atomic-fission{color:#ffe6ff;font-weight:900;text-shadow:0 0 4px rgba(192,38,211,1),0 0 8px rgba(255,180,255,1),0 0 16px rgba(244,114,255,.95),0 0 28px rgba(192,38,211,.75)}.ability-skill-icon-glyph.is-sun-chariot{color:#fff6a3;font-weight:900;text-shadow:0 0 4px rgba(245,158,11,1),0 0 8px rgba(255,238,140,1),0 0 16px rgba(250,204,21,.95),0 0 28px rgba(245,158,11,.75)}.ability-skill-tooltip{width:min(100%,24rem);align-self:center;background:#0f172af5;border:1px solid rgba(148,163,184,.2);border-radius:.85rem;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.28rem;color:#cbd5e1;font-size:clamp(.72rem,.82rem,.92rem)}.ability-grid.is-time-rewinding .grid-cell,.ability-grid.is-time-rewinding .obstacle-mark,.ability-grid.is-time-rewinding .path-line,.ability-grid.is-time-rewinding .ability-lava-tile,.ability-grid.is-time-rewinding .ability-root-wall-tile,.ability-grid.is-time-rewinding .ability-wizard-mine,.ability-grid.is-time-rewinding .ability-wizard-mine-trigger,.ability-grid.is-time-rewinding .ability-inferno-marker,.ability-grid.is-time-rewinding .ability-teleport-marker,.ability-grid.is-time-rewinding .ability-teleport-burst,.ability-grid.is-time-rewinding .ability-charge-effect,.ability-grid.is-time-rewinding .ability-heal-effect,.ability-grid.is-time-rewinding .ability-mana-pickup-effect,.ability-grid.is-time-rewinding .ability-overdrive-effect,.ability-grid.is-time-rewinding .ability-skill-cast-telegraph,.ability-grid.is-time-rewinding .piece-guard-barrier,.ability-grid.is-time-rewinding .piece-at-field,.ability-grid.is-time-rewinding .ability-blitz-line,.ability-grid.is-time-rewinding .piece-blitz-ring,.ability-grid.is-time-rewinding .ability-mana-core--collected .ability-mana-core__img,.ability-grid.is-time-rewinding .collision-effect{filter:grayscale(1) saturate(.06) brightness(.88)}.ability-grid-shell.is-round-cleaning:after{content:"";position:absolute;inset:0;z-index:12;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.1),rgba(96,165,250,.035) 46%,transparent 72%);animation:ability-round-residue-cleanup .32s ease-out both}.ability-skill-btn.is-round-used-cleanup{animation:ability-used-skill-cleanup .32s ease-out both}@keyframes ability-used-skill-cleanup{0%{filter:brightness(1.24);box-shadow:0 0 14px #60a5fa85}to{filter:brightness(.9);box-shadow:none}}@keyframes ability-round-residue-cleanup{0%{opacity:.72}to{opacity:0}}.ability-grid-shell.is-round-cleaning .player-piece:not(.piece-clone):not(.exploding) .piece-visual{animation:ability-round-piece-ready .3s cubic-bezier(.2,.82,.28,1) both}@keyframes ability-round-piece-ready{0%{scale:.92}40%{scale:1.12}72%{scale:1.035}to{scale:1}}@media(prefers-reduced-motion:reduce){.ability-grid-shell.is-round-cleaning .player-piece:not(.piece-clone):not(.exploding) .piece-visual{animation-duration:1ms!important}}.ability-grid.is-time-rewinding .player-piece{filter:grayscale(1) saturate(.08) brightness(.9)}.ability-grid.is-time-rewinding.rewind-focus-red .player-piece.piece-red,.ability-grid.is-time-rewinding.rewind-focus-blue .player-piece.piece-blue{filter:none!important}.ability-skill-tooltip strong{color:#f8fafc}.ability-skill-tooltip-header{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.42rem .5rem;min-width:0}.ability-skill-tooltip-header>strong{min-width:0;font-size:.92rem;line-height:1.2}.ability-skill-tooltip-badges{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.32rem;margin-left:0}.ability-skill-tooltip-badge{display:inline-flex;align-items:center;justify-content:center;gap:.22rem;min-height:1.45rem;padding:.2rem .46rem;border:1px solid rgba(148,163,184,.32);border-radius:.7rem;background:#0f172ab8;font-size:.68rem;font-weight:800;line-height:1;white-space:nowrap;box-shadow:inset 0 1px #ffffff0f}.ability-skill-tooltip-badge-icon{font-size:.76rem;line-height:1;filter:drop-shadow(0 0 4px currentColor)}.ability-skill-tooltip-mana{border-color:#60a5fa8f;color:#93c5fd;background:#1e3a8a47}.ability-skill-tooltip-category.is-attack{border-color:#f8717180;color:#fca5a5;background:#7f1d1d4d}.ability-skill-tooltip-category.is-defense{border-color:#4ade807a;color:#fde68a;background:#14532d57}.ability-skill-tooltip-category.is-utility{border-color:#4ade807a;color:#fef08a;background:#14532d5c}.ability-skill-tooltip-category.is-passive{border-color:#7dd3fc80;color:#bae6fd;background:#0c4a6e57}.ability-skill-tooltip-top{position:absolute;top:8.4rem;left:50%;transform:translate(-50%);z-index:7;pointer-events:none}.ability-skill-tooltip-self,.ability-mana-tooltip-self{position:absolute;left:0;right:0;bottom:calc(100% + .35rem);z-index:8;pointer-events:none}.ability-mana-tooltip-row,.ability-mana-tooltip-line{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ability-mana-tooltip-row{color:#dbeafe}.ability-mana-tooltip-row b{color:#f8fafc}.ability-mana-tooltip-lines{display:flex;flex-direction:column;gap:.18rem;margin-top:.25rem;padding-top:.35rem;border-top:1px solid rgba(148,163,184,.18)}.ability-mana-tooltip-line b{font-family:var(--mono, monospace);color:#dbeafe}.ability-mana-tooltip-line b.gain{color:#4ade80}.ability-mana-tooltip-line b.spend{color:#fb7185}.ability-skill-panel{width:auto;position:relative;overflow:visible;padding:.45rem .875rem;background:var(--panel);border:1px solid var(--tile-border);border-radius:.875rem;display:flex;flex-direction:column;gap:.2rem;flex-shrink:0;height:auto;min-height:0}.ability-opponent-panel{width:100%;margin-top:.45rem;margin-bottom:.5rem;padding:.55rem .8rem;border-radius:.85rem;border:1px solid var(--tile-border);background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:.7rem;box-shadow:0 18px 40px #00000038}.ability-opponent-panel-name{display:flex;flex-direction:column;justify-content:center;gap:.08rem;min-width:0;flex:0 0 auto}.ability-opponent-panel-label{color:#94a3b8;font-size:clamp(.58rem,.66rem,.78rem);letter-spacing:.05em;text-transform:uppercase}.ability-opponent-rating{padding:.24rem .5rem;font-size:clamp(.62rem,.72rem,.82rem);pointer-events:none;cursor:default;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ability-opponent-rating *{pointer-events:none;-webkit-user-select:none;user-select:none}.ability-opponent-panel-name strong{color:#f8fafc;font-size:clamp(.82rem,.98rem,1.08rem);font-weight:800;white-space:nowrap}.ability-opponent-panel-name .player-info{max-width:100%}.ability-opponent-panel-name .nickname-btn{padding:0;border:none;border-radius:0;background:transparent;font-size:clamp(.82rem,.98rem,1.08rem);font-weight:800}.ability-opponent-panel-name .nickname-btn.color-red:hover,.ability-opponent-panel-name .nickname-btn.color-blue:hover{background:transparent;border-color:transparent}.ability-opponent-panel-name .profile-box{top:calc(100% + .35rem)}.ability-opponent-panel-skills{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:.42rem;flex-wrap:wrap}.ability-opponent-panel-skills-row{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:.55rem}.ability-opponent-dev-mana{margin-right:.5rem;flex:0 0 auto;padding:.28rem .5rem;border:1px solid rgba(96,165,250,.42);border-radius:999px;background:#0f172ab8;color:#bfdbfe;font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap}.ability-opponent-panel-skill-stack{min-width:0;flex:1 1 auto;display:grid;gap:.32rem;justify-items:end}.ability-opponent-panel-skill.is-hidden{border-color:#94a3b838;background:#0f172a75;color:#94a3b8}.ability-opponent-panel-skill.is-casting-flash{animation:ability-opponent-skill-button-flash 1.05s ease-out;border-color:color-mix(in srgb,var(--skill-flash-color),white 22%);box-shadow:0 0 0 1px color-mix(in srgb,var(--skill-flash-color),transparent 14%) inset,0 0 18px color-mix(in srgb,var(--skill-flash-color),transparent 16%),0 0 34px color-mix(in srgb,var(--skill-flash-color),transparent 48%)}.ability-opponent-panel-skill.is-casting-flash .ability-opponent-panel-skill-name.used{opacity:.4;text-decoration:line-through;filter:grayscale(1)}@keyframes ability-opponent-skill-button-flash{0%{transform:scale(1);background:#1118274d}16%{transform:scale(1.075);background:linear-gradient(180deg,color-mix(in srgb,var(--skill-flash-color),rgba(17,24,39,.92) 72%),#0f172ae0)}68%{transform:scale(1.035)}to{transform:scale(1);background:#1118274d}}.ability-rune-badge{--rune-accent: #94a3b8;display:inline-flex;align-items:center;gap:.35rem;min-width:0;max-width:min(12rem,44vw);padding:.2rem .62rem .2rem .32rem;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#0f172a70;color:#aeb8c6;font-size:clamp(.6rem,.72rem,.86rem);font-weight:800;line-height:1;white-space:nowrap;box-shadow:none;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.ability-rune-badge.is-active{border-color:color-mix(in srgb,var(--rune-accent),white 20%);background:linear-gradient(90deg,color-mix(in srgb,var(--rune-accent),rgba(15,23,42,.88) 78%),#0f172ab8);color:#f8fafc;box-shadow:0 0 8px color-mix(in srgb,var(--rune-accent),transparent 60%);animation:ability-rune-badge-flash 1.15s ease-out}.ability-rune-badge>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.ability-rune-badge>.ability-rune-notice{position:absolute;top:calc(100% + 5px);left:0;z-index:40;padding:4px 6px;border-radius:6px;background:#0b1423;color:#f1f5f9;font-size:10px;line-height:1.3;white-space:pre;pointer-events:none;box-shadow:0 0 5px color-mix(in srgb,var(--rune-accent),transparent 70%);animation:rune-notice 1.1s ease-out both}@keyframes rune-notice{0%{opacity:0;transform:translateY(3px)}12%,80%{opacity:1;transform:translateY(0)}to{opacity:0}}.ability-skill-panel .ability-rune-notice{top:auto;bottom:calc(100% + 5px)}@media(prefers-reduced-motion:reduce){.ability-rune-badge.is-active,.ability-rune-notice{animation:none}}.ability-rune-badge-icon{width:1.25rem;height:1.25rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--rune-accent)}@keyframes ability-rune-badge-flash{0%,to{transform:scale(1)}22%{transform:scale(1.06)}58%{transform:scale(1.025)}}.ability-skill-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.ability-skill-btn{--skill-flash-color: #f59e0b;--skill-category-color: #94a3b8;position:relative;min-width:0;padding:.55rem;border-radius:.7rem;border:1px solid rgba(148,163,184,.18);background:#1e293bd6;color:#e2e8f0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;text-align:left;transform-origin:center;transition:transform 90ms ease-out,border-color .12s ease-out,background-color .12s ease-out,box-shadow .12s ease-out}.ability-skill-btn:before{content:"";position:absolute;inset-block:22%;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:var(--skill-category-color);box-shadow:0 0 9px var(--skill-category-color);pointer-events:none}.ability-skill-btn.is-attack{--skill-flash-color: #f97316;--skill-category-color: #ff6678}.ability-skill-btn.is-defense{--skill-flash-color: #38bdf8;--skill-category-color: #45d7ff}.ability-skill-btn.is-utility{--skill-flash-color: #a3e635;--skill-category-color: #b7ed4f}.ability-skill-btn.is-passive{--skill-flash-color: #a78bfa;--skill-category-color: #b99cff}.ability-skill-btn:disabled,.ability-skill-btn[aria-disabled=true]{opacity:.45}.ability-skill-btn.is-casting-flash,.ability-skill-btn.is-casting-flash:disabled,.ability-skill-btn.is-casting-flash[aria-disabled=true]{opacity:1;animation:ability-skill-button-flash 1.05s ease-out;border-color:color-mix(in srgb,var(--skill-flash-color),white 22%);box-shadow:0 0 0 1px color-mix(in srgb,var(--skill-flash-color),transparent 14%) inset,0 0 18px color-mix(in srgb,var(--skill-flash-color),transparent 16%),0 0 34px color-mix(in srgb,var(--skill-flash-color),transparent 48%)}.ability-skill-btn.is-casting-flash .ability-skill-icon{animation:ability-skill-icon-flash 1.05s ease-out}.ability-skill-btn.is-casting-flash .ability-skill-name{animation:ability-skill-name-flash 1.05s ease-out}.ability-skill-btn.is-active:not(.is-selected){border-color:color-mix(in srgb,var(--skill-flash-color),white 18%);background:color-mix(in srgb,var(--skill-flash-color),rgba(30,41,59,.92) 84%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--skill-flash-color),transparent 58%),0 0 12px color-mix(in srgb,var(--skill-flash-color),transparent 58%)}.ability-skill-btn.is-active:not(.is-selected):before{inset-block:12%;width:4px;box-shadow:0 0 12px var(--skill-category-color)}.ability-skill-btn.is-selected{border-color:color-mix(in srgb,var(--skill-flash-color),white 20%);background:color-mix(in srgb,var(--skill-flash-color),rgba(30,41,59,.94) 88%);box-shadow:inset 0 2px 0 0 var(--skill-flash-color),inset 0 0 0 1px color-mix(in srgb,var(--skill-flash-color),transparent 68%),0 0 11px color-mix(in srgb,var(--skill-flash-color),transparent 54%);animation:ability-skill-reserved-confirm .22s cubic-bezier(.2,.9,.25,1) both}.ability-skill-btn.is-selected .ability-skill-icon{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--skill-category-color),transparent 24%))}@keyframes ability-skill-reserved-confirm{0%{transform:scale(.96)}48%{transform:scale(1.045)}to{transform:scale(1)}}.ability-skill-icon{color:var(--skill-category-color);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--skill-category-color),transparent 42%))}.ability-skill-name{min-width:0;font-weight:700;display:inline-flex;align-items:center;gap:.22rem}.ability-skill-name.used{opacity:.4;text-decoration:line-through;filter:grayscale(1)}.ability-skill-tier-name[data-skill-tier=basic]{color:#f8fbff}.ability-skill-tier-name[data-skill-tier=common]{color:#7dd3fc}.ability-skill-tier-name[data-skill-tier=rare]{color:#c084fc}.ability-skill-tier-name[data-skill-tier=legendary]{background:linear-gradient(90deg,gold,#fff3b0,gold);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.ability-skill-cost{min-width:2.45rem;min-height:1.65rem;padding:.2rem .46rem;border:1px solid rgba(96,165,250,.62);border-radius:999px;background:linear-gradient(180deg,#183e71e6,#0a1c39f0);box-shadow:inset 0 1px #bfdbfe29,0 0 8px #3b82f62e;color:#f8fbff;font-family:var(--mono);font-size:clamp(.72rem,.8rem,.9rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;justify-self:end;text-shadow:0 1px 1px rgba(0,0,0,.78)}.ability-skill-cost-drop{width:.75rem;height:.85rem;flex:0 0 auto;fill:none;stroke:#82e5ff;stroke-width:2;pointer-events:none}.ability-skill-btn.is-passive .ability-skill-cost{min-width:0;border-color:#b99cff9e;background:linear-gradient(180deg,#432c77e0,#1d143cf0);box-shadow:inset 0 1px #e9d5ff24,0 0 8px #a78bfa33;color:#e9ddff;font-family:var(--font-display, inherit);font-size:clamp(.5rem,.56rem,.64rem);letter-spacing:0}@keyframes ability-skill-button-flash{0%{transform:scale(1);background:#1e293bd6}16%{transform:scale(1.045);background:linear-gradient(180deg,color-mix(in srgb,var(--skill-flash-color),rgba(30,41,59,.9) 72%),#0f172aeb)}68%{transform:scale(1.025)}to{transform:scale(1);background:#1e293bd6}}@keyframes ability-skill-icon-flash{0%,to{transform:scale(1)}18%,58%{transform:scale(1.18)}}@keyframes ability-skill-name-flash{0%,to{transform:scale(1)}18%,58%{transform:scale(1.08)}}.ability-skill-btn.is-pressing{transform:scale(.94);transition:transform 60ms ease-out,box-shadow 60ms ease-out,border-color 60ms ease-out;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--skill-flash-color),transparent 30%) inset,0 0 12px color-mix(in srgb,var(--skill-flash-color),transparent 40%),0 0 24px color-mix(in srgb,var(--skill-flash-color),transparent 65%);border-color:color-mix(in srgb,var(--skill-flash-color),white 15%)}.ability-skill-btn.is-bouncing{animation:skill-btn-bounce .24s cubic-bezier(.2,.8,.3,1) forwards}.ability-skill-btn[aria-disabled=true].is-pressing,.ability-skill-btn[aria-disabled=true].is-bouncing{opacity:.85}@media(prefers-reduced-motion:reduce){.ability-skill-btn.is-selected,.ability-skill-btn.is-bouncing{animation-duration:1ms!important}}@keyframes skill-btn-bounce{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.ability-mana-panel{width:100%;margin-top:.15rem;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transform-origin:center;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.ability-mana-panel.mana-core-charging{animation:mana-bar-charge-glow .65s ease-out forwards}@keyframes mana-bar-charge-glow{0%{box-shadow:none}25%{box-shadow:0 0 14px 4px #2dd4bf8c}to{box-shadow:none}}.ability-mana-seg.filled{background:linear-gradient(180deg,#38bdf8,#2563eb);border-color:#60a5faa6;box-shadow:0 0 10px #3b82f62e}.ability-mana-seg{position:relative;overflow:hidden}.ability-mana-seg.preview-spend{background:#19385c;border-color:#6ca9df;box-shadow:none}.ability-mana-seg.preview-natural{background:var(--tile);border-color:#86efac5c;box-shadow:0 0 10px #22c55e29}.ability-mana-seg.preview-skill{background:var(--tile);border-color:#fde0475c;box-shadow:0 0 10px #facc1529}.ability-mana-seg.preview-rune{background:var(--tile);border-color:#d8b4fe5c;box-shadow:0 0 10px #a855f729}.ability-mana-seg.preview-spend:after,.ability-mana-seg.preview-restore:after,.ability-mana-seg.preview-commit-natural:after,.ability-mana-seg.preview-commit-skill:after,.ability-mana-seg.preview-commit-rune:after,.ability-mana-seg.preview-natural:after,.ability-mana-seg.preview-skill:after,.ability-mana-seg.preview-rune:after{content:"";position:absolute;inset:0;border-radius:inherit;transform:scaleX(0);animation-duration:.42s;animation-timing-function:cubic-bezier(.22,.9,.28,1);animation-fill-mode:forwards}.ability-mana-seg.preview-spend:after{transform-origin:right center;background:#5ea5e166;animation-name:ability-mana-preview-spend}.ability-mana-seg.preview-restore:after{transform:scaleX(1);transform-origin:right center;background:#5ea5e166;animation-name:ability-mana-preview-restore}.ability-mana-seg.preview-commit-natural:after{transform:scaleX(1);transform-origin:left center;background:#22c55e80;animation-name:ability-mana-preview-commit}.ability-mana-seg.preview-commit-skill:after{transform:scaleX(1);transform-origin:left center;background:#facc1580;animation-name:ability-mana-preview-commit}.ability-mana-seg.preview-commit-rune:after{transform:scaleX(1);transform-origin:left center;background:#a855f780;animation-name:ability-mana-preview-commit}.ability-mana-seg.preview-natural:after{transform-origin:left center;background:#22c55e80;animation-name:ability-mana-preview-gain}.ability-mana-seg.preview-skill:after{transform-origin:left center;background:#facc1580;animation-name:ability-mana-preview-gain}.ability-mana-seg.preview-rune:after{transform-origin:left center;background:#a855f780;animation-name:ability-mana-preview-gain}.ability-mana-seg.preview-natural:nth-child(1):after,.ability-mana-seg.preview-restore:nth-child(1):after,.ability-mana-seg.preview-commit-natural:nth-child(1):after,.ability-mana-seg.preview-commit-skill:nth-child(1):after,.ability-mana-seg.preview-commit-rune:nth-child(1):after,.ability-mana-seg.preview-skill:nth-child(1):after,.ability-mana-seg.preview-rune:nth-child(1):after{animation-delay:0s}.ability-mana-seg.preview-natural:nth-child(2):after,.ability-mana-seg.preview-restore:nth-child(2):after,.ability-mana-seg.preview-commit-natural:nth-child(2):after,.ability-mana-seg.preview-commit-skill:nth-child(2):after,.ability-mana-seg.preview-commit-rune:nth-child(2):after,.ability-mana-seg.preview-skill:nth-child(2):after,.ability-mana-seg.preview-rune:nth-child(2):after{animation-delay:25ms}.ability-mana-seg.preview-natural:nth-child(3):after,.ability-mana-seg.preview-restore:nth-child(3):after,.ability-mana-seg.preview-commit-natural:nth-child(3):after,.ability-mana-seg.preview-commit-skill:nth-child(3):after,.ability-mana-seg.preview-commit-rune:nth-child(3):after,.ability-mana-seg.preview-skill:nth-child(3):after,.ability-mana-seg.preview-rune:nth-child(3):after{animation-delay:.05s}.ability-mana-seg.preview-natural:nth-child(4):after,.ability-mana-seg.preview-restore:nth-child(4):after,.ability-mana-seg.preview-commit-natural:nth-child(4):after,.ability-mana-seg.preview-commit-skill:nth-child(4):after,.ability-mana-seg.preview-commit-rune:nth-child(4):after,.ability-mana-seg.preview-skill:nth-child(4):after,.ability-mana-seg.preview-rune:nth-child(4):after{animation-delay:75ms}.ability-mana-seg.preview-natural:nth-child(5):after,.ability-mana-seg.preview-restore:nth-child(5):after,.ability-mana-seg.preview-commit-natural:nth-child(5):after,.ability-mana-seg.preview-commit-skill:nth-child(5):after,.ability-mana-seg.preview-commit-rune:nth-child(5):after,.ability-mana-seg.preview-skill:nth-child(5):after,.ability-mana-seg.preview-rune:nth-child(5):after{animation-delay:.1s}.ability-mana-seg.preview-natural:nth-child(6):after,.ability-mana-seg.preview-restore:nth-child(6):after,.ability-mana-seg.preview-commit-natural:nth-child(6):after,.ability-mana-seg.preview-commit-skill:nth-child(6):after,.ability-mana-seg.preview-commit-rune:nth-child(6):after,.ability-mana-seg.preview-skill:nth-child(6):after,.ability-mana-seg.preview-rune:nth-child(6):after{animation-delay:.125s}.ability-mana-seg.preview-natural:nth-child(7):after,.ability-mana-seg.preview-restore:nth-child(7):after,.ability-mana-seg.preview-commit-natural:nth-child(7):after,.ability-mana-seg.preview-commit-skill:nth-child(7):after,.ability-mana-seg.preview-commit-rune:nth-child(7):after,.ability-mana-seg.preview-skill:nth-child(7):after,.ability-mana-seg.preview-rune:nth-child(7):after{animation-delay:.15s}.ability-mana-seg.preview-natural:nth-child(8):after,.ability-mana-seg.preview-restore:nth-child(8):after,.ability-mana-seg.preview-commit-natural:nth-child(8):after,.ability-mana-seg.preview-commit-skill:nth-child(8):after,.ability-mana-seg.preview-commit-rune:nth-child(8):after,.ability-mana-seg.preview-skill:nth-child(8):after,.ability-mana-seg.preview-rune:nth-child(8):after{animation-delay:.175s}.ability-mana-seg.preview-natural:nth-child(9):after,.ability-mana-seg.preview-restore:nth-child(9):after,.ability-mana-seg.preview-commit-natural:nth-child(9):after,.ability-mana-seg.preview-commit-skill:nth-child(9):after,.ability-mana-seg.preview-commit-rune:nth-child(9):after,.ability-mana-seg.preview-skill:nth-child(9):after,.ability-mana-seg.preview-rune:nth-child(9):after{animation-delay:.2s}.ability-mana-seg.preview-natural:nth-child(10):after,.ability-mana-seg.preview-restore:nth-child(10):after,.ability-mana-seg.preview-commit-natural:nth-child(10):after,.ability-mana-seg.preview-commit-skill:nth-child(10):after,.ability-mana-seg.preview-commit-rune:nth-child(10):after,.ability-mana-seg.preview-skill:nth-child(10):after,.ability-mana-seg.preview-rune:nth-child(10):after{animation-delay:.225s}.ability-mana-seg.preview-spend:nth-child(10):after{animation-delay:0s}.ability-mana-seg.preview-spend:nth-child(9):after{animation-delay:25ms}.ability-mana-seg.preview-spend:nth-child(8):after{animation-delay:.05s}.ability-mana-seg.preview-spend:nth-child(7):after{animation-delay:75ms}.ability-mana-seg.preview-spend:nth-child(6):after{animation-delay:.1s}.ability-mana-seg.preview-spend:nth-child(5):after{animation-delay:.125s}.ability-mana-seg.preview-spend:nth-child(4):after{animation-delay:.15s}.ability-mana-seg.preview-spend:nth-child(3):after{animation-delay:.175s}.ability-mana-seg.preview-spend:nth-child(2):after{animation-delay:.2s}.ability-mana-seg.preview-spend:nth-child(1):after{animation-delay:.225s}@keyframes ability-mana-preview-spend{0%{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}@keyframes ability-mana-preview-gain{0%{transform:scaleX(0);opacity:.28}to{transform:scaleX(1);opacity:1}}@keyframes ability-mana-preview-restore{0%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:.25}}@keyframes ability-mana-preview-commit{0%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}.ability-grid .player-piece{z-index:4}.ability-screen .gs-timer-slot{min-height:2.2rem;display:flex;align-items:center}.ability-screen .gs-player-card{min-height:0}.ability-screen .gs-player-mid{min-height:0;justify-content:flex-start}.ability-screen .ability-path-bar .gs-result-slot{top:auto;bottom:calc(100% + 8px);z-index:30}.ability-result-board{transition:filter .19s ease,opacity .19s ease}.ability-result-board.is-dimmed{filter:brightness(.56) saturate(.78);opacity:.9}.ability-result-slot{animation:ability-result-slot-in .22s cubic-bezier(.18,.86,.3,1) both}.ability-result-box{transform-origin:50% 100%;animation:ability-result-box-in .24s cubic-bezier(.18,.86,.3,1) both}.ability-result-detail{visibility:hidden;opacity:0;transform:translateY(5px)}.ability-result-detail.is-visible{visibility:visible;animation:ability-result-detail-in .18s ease-out both}.ability-grid.is-result-impact.result-loser-red .player-piece.piece-red .piece-visual,.ability-grid.is-result-impact.result-loser-blue .player-piece.piece-blue .piece-visual{filter:grayscale(1) saturate(.08) brightness(.66);opacity:.72;transition:filter 90ms ease-out,opacity 90ms ease-out}.ability-result-winner-wave{position:absolute;z-index:3;box-sizing:border-box;border:max(2px,calc(var(--cell-size) * .025)) solid rgba(191,219,254,.9);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.55);animation:ability-result-winner-wave .33s ease-out both}.ability-result-winner-wave.is-red{border-color:#fdba74eb;box-shadow:0 0 14px #fb923c8f}.ability-result-winner-wave.is-blue{border-color:#93c5fdf0;box-shadow:0 0 14px #3b82f68f}@keyframes ability-result-winner-wave{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.85)}}.ability-grid.is-result-impact.result-winner-red .player-piece.piece-red .piece-visual,.ability-grid.is-result-impact.result-winner-blue .player-piece.piece-blue .piece-visual{animation:ability-result-winner-settle .3s cubic-bezier(.2,.82,.28,1) both}@keyframes ability-result-winner-settle{0%{transform:scale(1);filter:brightness(1)}36%{transform:scale(1.08);filter:brightness(1.24)}70%{transform:scale(1.025);filter:brightness(1.08)}to{transform:scale(1);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.ability-grid.is-result-impact.result-winner-red .player-piece.piece-red .piece-visual,.ability-grid.is-result-impact.result-winner-blue .player-piece.piece-blue .piece-visual{animation-duration:1ms!important}}@keyframes ability-result-slot-in{0%{opacity:0}to{opacity:1}}@keyframes ability-result-box-in{0%{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ability-result-detail-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ability-gameover-opponent{display:flex;align-items:center;justify-content:flex-start;min-width:0;margin-right:auto}.ability-gameover-opponent .player-info,.ability-gameover-opponent .nickname-btn{max-width:min(180px,38vw)}.ability-gameover-lobby-btn{margin-left:auto;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.7rem;background:none;border:0;color:#eef8ff;box-shadow:none}.ability-gameover-lobby-btn .ability-hud-frame{color:#63dfff;filter:drop-shadow(0 0 3px rgba(56,189,248,.4))}.ability-gameover-home-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:#79eaff;filter:drop-shadow(0 0 3px rgba(56,189,248,.45))}.ability-gameover-lobby-label{padding-left:.55rem;border-left:1px solid rgba(99,223,255,.3)}.ability-gameover-lobby-btn:hover{background:none;box-shadow:none}.ability-gameover-lobby-btn:is(:active,.is-touch-pressed){transform:scale(.98)}.ability-gameover-lobby-btn:is(:hover,:focus-visible,.is-touch-pressed) .ability-hud-frame{color:#c2f6ff}.ability-path-bar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem}.ability-path-role{align-self:stretch;justify-content:center}.ability-path-points{min-width:0;display:flex;flex-direction:column;gap:.22rem}.ability-teleport-target{position:absolute;z-index:2;border-radius:8px;border:3px solid rgba(96,165,250,.82);background:#3b82f63d;box-shadow:0 0 16px #3b82f66b,0 0 28px #7dd3fc29}.ability-blitz-target{position:absolute;z-index:8;border-radius:8px;border:3px solid rgba(96,165,250,.82);background:#3b82f63d;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(.8rem,.95rem,1.1rem);box-shadow:0 0 16px #3b82f66b,0 0 28px #7dd3fc29;padding:0;overflow:hidden}.ability-blitz-target-arrow{width:70%;height:70%;object-fit:contain;display:block;pointer-events:none}.ability-tutorial-target-arrow{position:absolute;z-index:25;color:#ffe16b;line-height:1;pointer-events:none;text-shadow:0 2px 3px #000,0 0 10px #ff9c32;transform:translate(-50%,-100%);animation:ability-tutorial-target-point 1s ease-in-out infinite}@keyframes ability-tutorial-target-point{0%,to{transform:translate(-50%,-120%)}50%{transform:translate(-50%,-100%)}}.ability-inferno-target{position:absolute;z-index:2;border-radius:8px;border:3px solid rgba(96,165,250,.82);background:#3b82f63d;color:#fff7ed;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(.9rem,1rem,1.1rem);box-shadow:0 0 16px #3b82f66b,0 0 28px #7dd3fc29}.ability-keyboard-target-outline{position:absolute;z-index:12;pointer-events:none;border:3px solid rgba(74,222,128,.95);border-radius:8px;background:#22c55e14;box-shadow:0 0 0 2px #0c121ab8,0 0 16px #4ade8094,inset 0 0 14px #4ade802e}@keyframes lava-light-pulse{0%,to{opacity:0}50%{opacity:1}}@keyframes lava-overlay-pulse{0%,to{opacity:.45}50%{opacity:.85}}.ability-lava-tile{position:absolute;z-index:1;pointer-events:none;box-shadow:0 0 23px 2px #f9731673,0 0 20px 4px #ef444438}.ability-lava-tile:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 65%,rgba(255,175,50,.18) 0%,rgba(249,115,22,.1) 40%,transparent 70%);box-shadow:0 0 16px 5px #f97316bf,0 0 32px 10px #ef44446b,0 0 44px 12px #991b1b33;animation:lava-overlay-pulse 1.9s ease-in-out infinite}.ability-lava-tile__img{width:100%;height:100%;top:50%;left:50%;transform:translate(0) scale(1.3);display:block;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:brightness(.92) drop-shadow(0 0 3px rgba(249,115,22,.55))}.ability-lava-tile:after{content:"";position:absolute;inset:0;z-index:1;background:url(/ui/ability/lava_domain.svg) center / 100% 100% no-repeat;transform:scale(1.3);filter:brightness(1.2) drop-shadow(0 0 7px rgba(249,115,22,.88)) drop-shadow(0 0 13px rgba(239,68,68,.48));pointer-events:none;animation:lava-light-pulse 1.9s ease-in-out -.45s infinite}.ability-grid.is-time-rewinding .ability-lava-tile,.ability-grid.is-time-rewinding .ability-lava-tile:before,.ability-grid.is-time-rewinding .ability-lava-tile:after,.ability-grid.is-time-rewinding .ability-lava-tile__img{animation-play-state:paused}@keyframes root-wall-brightness{0%,to{filter:brightness(.9) drop-shadow(0 0 3px rgba(74,222,128,.5))}50%{filter:brightness(1.08) drop-shadow(0 0 6px rgba(74,222,128,.75))}}.ability-root-wall-tile{position:absolute;z-index:4;pointer-events:none;transform:scale(1);transform-origin:center}.ability-root-wall-tile__img{width:100%;height:100%;display:block;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:root-wall-brightness 2.2s ease-in-out infinite;animation-delay:-.6s}.ability-grid.is-time-rewinding .ability-root-wall-tile,.ability-grid.is-time-rewinding .ability-root-wall-tile__img{animation-play-state:paused}.ability-root-wall-marker{position:absolute;z-index:7;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid rgba(74,222,128,.82);background:#22c55e3d;color:#f0fdf4;font-size:clamp(.9rem,1rem,1.1rem);box-shadow:0 0 16px #4ade806b,0 0 28px #22c55e29}.ability-root-wall-target{position:absolute;z-index:2;border-radius:8px;border:3px solid rgba(74,222,128,.82);background:#22c55e2e;cursor:pointer;transition:background .12s}.ability-root-wall-target:hover{background:#4ade8052;box-shadow:0 0 0 2px #0c121ab8,0 0 16px #4ade8094,inset 0 0 14px #4ade802e}.ability-ice-field-tile{position:absolute;pointer-events:none;z-index:3}.ability-ice-field-tile__img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ability-ice-field-marker{position:absolute;z-index:7;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid rgba(125,211,252,.88);background:#0ea5e938;box-shadow:0 0 16px #7dd3fc75,0 0 28px #0ea5e92e}.ability-ice-field-marker__icon{display:inline-flex;align-items:center;justify-content:center;width:62%;height:62%;font-size:clamp(.9rem,2.4vw,1.35rem);line-height:1}.ability-ice-field-marker__icon .ability-skill-icon-glyph,.ability-ice-field-marker__icon .ability-skill-icon-custom{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}@keyframes mana-core-glow-pulse{0%,to{opacity:.82;filter:drop-shadow(0 0 5px rgba(2,6,23,.95)) drop-shadow(0 0 12px rgba(34,211,238,.72))}50%{opacity:1;filter:drop-shadow(0 0 7px rgba(2,6,23,1)) drop-shadow(0 0 20px rgba(34,211,238,.95))}}.ability-mana-core-glow{position:absolute;pointer-events:none;z-index:2;border-radius:6px;background:radial-gradient(circle at 50% 50%,rgba(240,249,255,.34) 0 12%,rgba(125,211,252,.3) 13% 34%,rgba(34,211,238,.22) 35% 58%,transparent 76%),radial-gradient(circle at 50% 50%,rgba(8,13,28,.16) 0 62%,transparent 74%);animation:mana-core-glow-pulse 1.4s ease-in-out infinite}.ability-mana-core{position:absolute;pointer-events:none;z-index:3}.ability-mana-core-preview{position:absolute;pointer-events:none;z-index:2;animation:mana-preview-breathe 2.2s ease-in-out infinite}.mana-preview-glyph{display:block;width:100%;height:100%;fill:none}.mana-preview-corners{stroke:#75ccd9;stroke-width:1.6;stroke-linecap:round}.mana-preview-drop{stroke:#9adce6;stroke-width:1.8;stroke-dasharray:3 2}@keyframes mana-preview-breathe{0%,to{opacity:.5}50%{opacity:.85}}.ability-mana-core__img{position:absolute;top:50%;left:50%;width:62%;height:62%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.mana-core-glyph{width:100%;height:100%;display:block;filter:drop-shadow(0 0 4px rgba(56,189,248,.42))}.mana-core-symbol{fill:#f0fdff}.mana-core-facet{animation:mana-facet-shimmer 2.2s ease-in-out infinite}@keyframes mana-facet-shimmer{0%,to{opacity:.18}50%{opacity:.48}}.ability-grid.is-time-rewinding .ability-mana-core-preview,.ability-grid.is-time-rewinding .mana-core-facet,.ability-grid.is-time-rewinding .ability-mana-core__img{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.ability-mana-core-preview,.mana-core-facet{animation:none;opacity:.65}}.ability-mana-core--collected .ability-mana-core__img{animation:mana-core-collect .32s ease-out both}.ability-mana-core--collected.is-instant .ability-mana-core__img{animation-duration:.18s}.ability-mana-core--collected .mana-core-facet{animation:none;opacity:.4}@keyframes mana-core-collect{0%{transform:translate(-50%,-50%) scale(1);opacity:1}22%{transform:translate(-50%,-50%) scale(1.08);opacity:1}to{transform:translate(-50%,-50%) scale(.12);opacity:0}}.ability-inferno-marker{position:absolute;z-index:7;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid rgba(96,165,250,.82);background:#3b82f63d;color:#fff7ed;font-size:clamp(.9rem,1rem,1.1rem);box-shadow:0 0 16px #3b82f66b,0 0 28px #7dd3fc29}.ability-grid .ability-blitz-line{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:visible}.ability-teleport-marker{position:absolute;z-index:3;border-radius:50%;border:1px solid rgba(147,197,253,.65);background:#2563eb38;color:#dbeafe;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(.72rem,.9rem,1rem);font-weight:900;box-shadow:0 0 12px #3b82f647;pointer-events:none}.ability-teleport-burst{position:absolute;z-index:5;border-radius:50%;pointer-events:none}.ability-skill-cast-telegraph{position:absolute;z-index:7;border-radius:50%;border:2px solid var(--skill-cast-ring);background:radial-gradient(circle,rgba(255,255,255,0) 58%,var(--skill-cast-core) 100%);box-shadow:0 0 10px var(--skill-cast-glow),0 0 22px var(--skill-cast-glow-soft),inset 0 0 10px var(--skill-cast-inner);pointer-events:none;opacity:0;animation:ability-skill-cast-collapse .32s cubic-bezier(.24,.92,.36,1) forwards}.ability-skill-cast-telegraph-red{--skill-cast-ring: rgba(248, 113, 113, .98);--skill-cast-core: rgba(248, 113, 113, .14);--skill-cast-glow: rgba(248, 113, 113, .7);--skill-cast-glow-soft: rgba(239, 68, 68, .42);--skill-cast-inner: rgba(254, 202, 202, .42)}.ability-skill-cast-telegraph-blue{--skill-cast-ring: rgba(96, 165, 250, .98);--skill-cast-core: rgba(96, 165, 250, .14);--skill-cast-glow: rgba(96, 165, 250, .72);--skill-cast-glow-soft: rgba(37, 99, 235, .44);--skill-cast-inner: rgba(191, 219, 254, .44)}.ability-charge-effect{position:absolute;z-index:6;pointer-events:none;display:block;color:#fde68a;font-weight:800;text-shadow:0 0 8px rgba(251,191,36,.45),0 0 16px rgba(59,130,246,.2)}.ability-charge-float{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:.18rem;animation:ability-charge-rise 1.65s ease-out forwards}.ability-effect-lifetime-signal{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ability-effect-lifetime-signal-heal{animation:ability-effect-lifetime-heal 1.32s linear}.ability-charge-icon{display:inline-flex;align-items:center;justify-content:center;width:1.12rem;height:1.12rem;border-radius:999px;background:radial-gradient(circle,#fbbf2447,#3b82f61a 65%,#0000);color:#f59e0b;font-size:.96rem;box-shadow:0 0 0 1px #60a5fa38,0 0 14px #3b82f647}.ability-charge-text{font-size:clamp(.72rem,.82rem,.95rem);letter-spacing:.02em}.ability-heal-effect{position:absolute;z-index:6;pointer-events:none;display:block;color:#dcfce7;font-weight:800;text-shadow:0 0 10px rgba(34,197,94,.45),0 0 18px rgba(134,239,172,.28)}.ability-heal-wave{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid rgba(74,222,128,.72);box-shadow:0 0 16px #22c55e47,0 0 28px #bbf7d029;transform:translate(-50%,-50%) scale(.22);opacity:0}.ability-heal-wave-a{width:2.2rem;height:2.2rem;animation:ability-heal-wave-a .98s ease-out forwards}.ability-heal-wave-b{width:3.05rem;height:3.05rem;animation:ability-heal-wave-b 1.12s ease-out forwards}.ability-heal-wave-c{width:3.9rem;height:3.9rem;animation:ability-heal-wave-c 1.26s ease-out forwards}.ability-heal-float{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:.18rem;animation:ability-heal-rise 1.32s ease-out forwards}.ability-heal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.08rem;height:1.08rem;border-radius:999px;background:radial-gradient(circle,#bbf7d052,#22c55e1a 68%,#0000);color:#4ade80;font-size:.88rem;box-shadow:0 0 0 1px #86efac38,0 0 12px #4ade8047}.ability-heal-text{font-size:clamp(.72rem,.82rem,.95rem);letter-spacing:.02em;color:#dcfce7}.ability-mana-pickup-effect{position:absolute;z-index:9;pointer-events:none;color:#d9f7ff;font-weight:800}.ability-mana-wave{position:absolute;inset:0;border-radius:50%;border:1.5px solid #8be0f1;box-shadow:0 0 4px #38bdf84d;animation:mana-pickup-ring .36s ease-out both}@keyframes mana-pickup-ring{0%{transform:scale(.65);opacity:.9}20%{opacity:.9}to{transform:scale(1.2);opacity:0}}.ability-mana-float{position:absolute;left:50%;top:0;display:inline-flex;align-items:center;gap:.16rem;padding:.12rem .3rem;border-radius:.35rem;background:#081929e6;border:1px solid rgba(125,211,252,.45);white-space:nowrap;animation:mana-pickup-rise .68s ease-out both}.ability-mana-icon{width:.65rem;height:.8rem;fill:#a6e7ff}.ability-mana-text{font-size:clamp(.72rem,.82rem,.95rem);color:#e3f8ff}.ability-mana-pickup-effect.is-split.is-red .ability-mana-float{left:-.35rem;border-color:#d994a8}.ability-mana-pickup-effect.is-split.is-blue .ability-mana-float{left:calc(100% + .35rem);border-color:#85bfff}@keyframes mana-pickup-rise{0%{transform:translate(-50%,-100%);opacity:1}15%,60%{opacity:1}to{transform:translate(-50%,-200%);opacity:0}}.ability-grid.is-time-rewinding .ability-mana-wave,.ability-grid.is-time-rewinding .ability-mana-float{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.ability-mana-wave{display:none}.ability-mana-float,.ability-mana-core--collected .ability-mana-core__img{animation-name:mana-pickup-fade}}@keyframes mana-pickup-fade{0%{opacity:1}to{opacity:0}}.ability-overdrive-effect{position:absolute;z-index:3;pointer-events:none}.ability-overdrive-wave{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid rgba(250,204,21,.8);box-shadow:0 0 16px #fbbf2447,0 0 28px #eab3082e;transform:translate(-50%,-50%) scale(.28);opacity:0}.ability-overdrive-wave-a{width:2.45rem;height:2.45rem;animation:ability-overdrive-pulse 1.4s ease-out infinite}.ability-overdrive-wave-b{width:3.2rem;height:3.2rem;animation:ability-overdrive-pulse 1.4s ease-out infinite .22s}.ability-overdrive-wave-c{width:3.95rem;height:3.95rem;animation:ability-overdrive-pulse 1.4s ease-out infinite .44s}.ability-teleport-burst:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,#fffffff2,#dbeafecc 28%,#6366f14d 62%,#0000);filter:blur(2px)}.ability-teleport-burst-red:before{background:radial-gradient(circle,#fffffffa,#fdba74c7 26%,#d946ef52 58%,#0000)}.ability-teleport-burst-blue:before{background:radial-gradient(circle,#fffffffa,#7dd3fcd1 26%,#6366f157 58%,#0000)}.ability-teleport-burst-depart{animation:ability-teleport-depart .42s ease-out forwards}.ability-teleport-burst-arrive{animation:ability-teleport-arrive .48s ease-out forwards}.ability-teleport-ring{position:absolute;inset:8%;border-radius:50%;border:2px solid rgba(191,219,254,.8);opacity:0}.ability-teleport-ring-outer{animation:ability-teleport-ring-outer .46s ease-out forwards}.ability-teleport-ring-inner{inset:22%;border-width:1px;animation:ability-teleport-ring-inner .38s ease-out forwards}.ability-teleport-particle{position:absolute;left:50%;top:50%;width:18%;height:18%;margin-left:-9%;margin-top:-9%;border-radius:50%;background:radial-gradient(circle,#fffffff2,#7dd3fceb 42%,#60a5fa1a);box-shadow:0 0 10px #7dd3fc8c;opacity:0}.ability-teleport-particle-a{animation:ability-teleport-particle-a .42s ease-out forwards}.ability-teleport-particle-b{animation:ability-teleport-particle-b .42s ease-out forwards}.ability-teleport-particle-c{animation:ability-teleport-particle-c .42s ease-out forwards}.ability-teleport-particle-d{animation:ability-teleport-particle-d .42s ease-out forwards}@keyframes ability-teleport-depart{0%{opacity:0;transform:translate(-50%,-50%) scale(.72);filter:blur(0)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.36);filter:blur(5px)}}@keyframes ability-teleport-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.62);filter:blur(6px)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}to{opacity:0;transform:translate(-50%,-50%) scale(1.22);filter:blur(1px)}}@keyframes ability-teleport-ring-outer{0%{opacity:0;transform:scale(.45)}20%{opacity:.95}to{opacity:0;transform:scale(1.35)}}@keyframes ability-teleport-ring-inner{0%{opacity:0;transform:scale(.55)}24%{opacity:.85}to{opacity:0;transform:scale(1.18)}}@keyframes ability-teleport-particle-a{0%{opacity:0;transform:translate(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-140%,-105%) scale(.92)}}@keyframes ability-teleport-particle-b{0%{opacity:0;transform:translate(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(145%,-110%) scale(.88)}}@keyframes ability-teleport-particle-c{0%{opacity:0;transform:translate(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-125%,120%) scale(.84)}}@keyframes ability-teleport-particle-d{0%{opacity:0;transform:translate(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(135%,130%) scale(.9)}}@keyframes ability-skill-cast-collapse{0%{opacity:0;transform:translate(-50%,-50%) scale(2.65);filter:blur(.5px)}12%{opacity:.95}78%{opacity:.95;filter:blur(0)}to{opacity:.9;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}@keyframes ability-charge-rise{0%{opacity:0;transform:translate(-50%,-50%) translateY(4px) scale(.82);filter:blur(1px)}16%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1);filter:blur(0)}72%{opacity:1;transform:translate(-50%,-50%) translateY(-.75rem) scale(1.02);filter:blur(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-1.45rem) scale(1.05);filter:blur(.5px)}}@keyframes ability-heal-rise{0%{opacity:0;transform:translate(-50%,-50%) translateY(5px) scale(.84);filter:blur(1px)}16%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1);filter:blur(0)}74%{opacity:1;transform:translate(-50%,-50%) translateY(-.9rem) scale(1.03);filter:blur(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-1.65rem) scale(1.06);filter:blur(.45px)}}@keyframes ability-heal-wave-a{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:.92}to{opacity:0;transform:translate(-50%,-50%) scale(1.38)}}@keyframes ability-heal-wave-b{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}26%{opacity:.82}to{opacity:0;transform:translate(-50%,-50%) scale(1.32)}}@keyframes ability-heal-wave-c{0%{opacity:0;transform:translate(-50%,-50%) scale(.14)}32%{opacity:.72}to{opacity:0;transform:translate(-50%,-50%) scale(1.24)}}@keyframes ability-overdrive-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.22)}18%{opacity:.88}to{opacity:0;transform:translate(-50%,-50%) scale(1.42)}}@keyframes ability-effect-lifetime-heal{0%{opacity:0}to{opacity:.001}}.ability-grid.visual-budget-reduced .collision-effect-spark-d,.ability-grid.visual-budget-reduced .collision-effect-spark-e,.ability-grid.visual-budget-reduced .ability-teleport-particle-c,.ability-grid.visual-budget-reduced .ability-teleport-particle-d{display:none}.ability-grid .effect-budget-overflow:before,.ability-grid .effect-budget-overflow .collision-effect-core,.ability-grid .effect-budget-overflow .collision-effect-spark{filter:none}.ability-grid .collision-effect,.ability-grid .ability-teleport-burst,.ability-grid .ability-charge-effect,.ability-grid .ability-heal-effect,.ability-grid .ability-mana-pickup-effect,.ability-grid .ability-skill-cast-telegraph{will-change:transform,opacity}.ability-training-loadout-modal .training-team-picker{position:relative;display:grid;flex:0 0 auto;gap:.62rem;margin:.15rem 0 .85rem;padding:.72rem;overflow:hidden;border:1px solid rgba(96,165,250,.24);border-radius:16px;background:linear-gradient(135deg,#0f172aeb,#0f2036d6),#020617d1;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #02061738}.ability-training-loadout-modal .training-team-picker:after{position:absolute;width:8rem;height:8rem;border-radius:50%;background:var(--training-team-accent, rgba(248, 113, 113, .18));content:"";filter:blur(34px);opacity:.55;pointer-events:none;right:-3rem;top:-4.5rem;transition:background-color .18s ease}.ability-training-loadout-modal .training-team-picker.is-red{--training-team-accent: rgba(248, 113, 113, .22)}.ability-training-loadout-modal .training-team-picker.is-blue{--training-team-accent: rgba(96, 165, 250, .24)}.ability-training-loadout-modal .training-team-picker-heading{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.ability-training-loadout-modal .training-team-picker-heading>span{color:#e2e8f0;font-size:.84rem;font-weight:900;letter-spacing:-.01em}.ability-training-loadout-modal .training-team-picker-heading>small{color:#94a3b8;font-size:.67rem;font-weight:650;text-align:right}.ability-training-loadout-modal .training-team-picker-options{position:relative;z-index:1;display:grid;min-height:3rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.ability-training-loadout-modal .training-team-option{--team-rgb: 248, 113, 113;position:relative;display:flex;min-width:0;align-items:center;gap:.58rem;padding:.62rem .7rem;border:1px solid rgba(var(--team-rgb),.24);border-radius:13px;background:linear-gradient(145deg,rgba(var(--team-rgb),.12),#0f172ac7);color:#dbeafe;cursor:pointer;box-shadow:inset 0 1px #ffffff0a;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .12s ease}.ability-training-loadout-modal .training-team-option.is-blue{--team-rgb: 96, 165, 250}.ability-training-loadout-modal .training-team-option:hover,.ability-training-loadout-modal .training-team-option:focus-visible{border-color:rgba(var(--team-rgb),.58);outline:none;box-shadow:inset 0 1px #ffffff14,0 0 16px rgba(var(--team-rgb),.15)}.ability-training-loadout-modal .training-team-option:active{transform:scale(.98)}.ability-training-loadout-modal .training-team-option.is-selected{border:2px solid rgba(74,222,128,.98);background:radial-gradient(circle at 18% 24%,rgba(74,222,128,.18),transparent 54%),linear-gradient(90deg,#15803d3d,#0f172a6b),#081423e0;box-shadow:inset 0 0 0 1px #bbf7d02e,0 0 22px #22c55e47}.ability-training-loadout-modal .training-team-orb{flex:0 0 auto;width:1.65rem;height:1.65rem;border:2px solid rgba(var(--team-rgb),.92);border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 5%,rgba(var(--team-rgb),1) 25%,rgba(var(--team-rgb),.55) 62%,#0f172aeb);box-shadow:0 0 10px rgba(var(--team-rgb),.48),inset 0 0 6px #ffffff47}.ability-training-loadout-modal .training-team-option-copy{display:grid;min-width:0;gap:.05rem;text-align:left}.ability-training-loadout-modal .training-team-option-copy strong{overflow:hidden;color:#f8fafc;font-size:.8rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.ability-training-loadout-modal .training-team-option-copy small{color:rgba(var(--team-rgb),.88);font-size:.63rem;font-weight:800}.ability-training-loadout-modal .training-team-check{display:grid;flex:0 0 auto;width:1.15rem;height:1.15rem;margin-left:auto;place-items:center;border-radius:50%;background:rgba(var(--team-rgb),.92);color:#07111f;font-size:.72rem;font-weight:1000;opacity:0;transform:scale(.65);transition:opacity .15s ease,transform .15s ease}.ability-training-loadout-modal .training-team-option.is-selected .training-team-check{background:#4ade80;box-shadow:0 0 12px #4ade807a;opacity:1;transform:scale(1)}.ability-training-loadout-modal .training-team-option.is-selected .training-team-option-copy small{color:#86efac}.ability-training-loadout-modal.ability-loadout-modal .skin-option-list{flex:1 1 auto;min-height:0}.ability-training-loadout-modal .ability-loadout-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ability-training-loadout-modal .ability-loadout-preview,.ability-training-loadout-modal .ability-loadout-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.ability-training-loadout-modal .ability-loadout-modal-selected{margin-top:-.15rem}.ability-training-loadout-modal.ability-loadout-modal .skin-option-card.is-selected{border:2.5px solid #4ade80;background:#22c55e1f;box-shadow:0 0 0 1px #4ade804d}.ability-training-loadout-modal .ability-loadout-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .7rem;border-radius:999px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#dbeafe;font-size:.78rem;font-weight:700}.ability-training-loadout-modal .ability-loadout-chip .ability-skill-icon-glyph,.ability-training-loadout-modal .ability-loadout-chip .ability-skill-icon-custom{flex:0 0 auto}.ability-training-loadout-modal .ability-skill-preview{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}.ability-training-loadout-modal .ability-skill-preview:has(.ability-skill-icon-glyph.is-atomic-fission){border:2px solid #f472ff;background:radial-gradient(circle at 50% 50%,#ffb4fff2,#d946efcc 28%,#7e22cebf 58%,#2d0f46f2);box-shadow:0 0 2px #ffb4fff2,0 0 5px #f472ffd9,0 0 8px #c026d3a6,inset 0 0 2px #ffffff40,inset 0 0 5px #7e22cecc}.ability-training-loadout-modal .ability-skill-preview:has(.ability-skill-icon-glyph.is-sun-chariot){border:2px solid #facc15;background:radial-gradient(circle at 50% 50%,#fff6a3f5,#facc15d6,#f59e0bc7 60%,#3f2600f2);box-shadow:0 0 2px #fff6a3f2,0 0 5px #facc15d9,0 0 8px #f59e0ba6,inset 0 0 2px #ffffff40,inset 0 0 5px #92400ec7}.ability-training-loadout-modal .ability-skill-preview-ice-field{border:2px solid #67e8f9;background:radial-gradient(circle at 50% 50%,#e0fafff5,#67e8f9d6,#0ea5e9c7 60%,#082f49f2);box-shadow:0 0 2px #e0fafff2,0 0 5px #67e8f9d9,0 0 8px #0ea5e9a6,inset 0 0 2px #ffffff40,inset 0 0 5px #0891b2c7}.ability-training-loadout-modal .ability-skill-icon-glyph.is-classic-guard{color:#e0f7ff;font-weight:900;text-shadow:0 0 4px rgba(56,189,248,1),0 0 8px rgba(186,230,253,1),0 0 16px rgba(14,165,233,.9),0 0 28px rgba(2,132,199,.65)}.ability-training-loadout-modal .ability-skill-icon-glyph.is-ember-blast,.ability-training-loadout-modal .ability-skill-icon-glyph.is-inferno-field{color:#fff0c2;font-weight:900;text-shadow:0 0 4px rgba(239,68,68,1),0 0 8px rgba(253,186,116,1),0 0 16px rgba(249,115,22,.95),0 0 28px rgba(185,28,28,.72)}.ability-training-loadout-modal .ability-skill-icon-glyph.is-nova-blast{color:#f0fbff;font-weight:900;text-shadow:0 0 4px rgba(125,211,252,1),0 0 8px rgba(219,234,254,1),0 0 16px rgba(96,165,250,.92),0 0 28px rgba(37,99,235,.62)}.ability-training-loadout-modal .ability-skill-icon-glyph.is-quantum-shift{color:#eef2ff;font-weight:900;text-shadow:0 0 4px rgba(99,102,241,1),0 0 8px rgba(196,181,253,1),0 0 16px rgba(129,140,248,.95),0 0 28px rgba(79,70,229,.72)}.ability-training-loadout-modal .ability-skill-icon-glyph.is-plasma-charge{color:#e0ffff;font-weight:900;text-shadow:0 0 4px rgba(34,211,238,1),0 0 8px rgba(165,243,252,1),0 0 16px rgba(45,212,191,.95),0 0 28px rgba(8,145,178,.72)}.ability-training-loadout-modal .ability-skill-icon-glyph.is-berserker-rage{color:#fee2e2;font-weight:900;text-shadow:0 0 4px rgba(220,38,38,1),0 0 8px rgba(248,113,113,1),0 0 16px rgba(185,28,28,.95),0 0 28px rgba(127,29,29,.76)}.ability-training-loadout-modal .ability-skill-icon-glyph.is-chronos-time-rewind{color:#e0f2fe;font-weight:900;text-shadow:0 0 4px rgba(14,165,233,1),0 0 8px rgba(186,230,253,1),0 0 16px rgba(59,130,246,.92),0 0 28px rgba(30,64,175,.68)}.ability-training-loadout-modal .ability-skill-icon-glyph.is-mirror-dimension{color:#f1f5f9;font-weight:900;text-shadow:0 0 3px rgba(226,232,240,1),0 0 7px rgba(167,139,250,.95),0 0 14px rgba(94,234,212,.82),0 0 24px rgba(109,40,217,.62)}.ability-training-loadout-modal .ability-skill-icon-glyph.is-root-wall{color:#dcffe9;font-weight:900;text-shadow:0 0 4px rgba(74,222,128,1),0 0 8px rgba(187,247,208,1),0 0 16px rgba(34,197,94,.95),0 0 28px rgba(21,128,61,.7)}.ability-training-loadout-modal .ability-skill-icon-glyph.is-ice-field{color:#fff;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Apple Symbols,sans-serif;font-weight:900;text-shadow:0 0 2px rgba(255,255,255,1),0 0 5px rgba(255,255,255,.95),0 0 10px rgba(186,230,253,.9),0 0 16px rgba(34,211,238,.82),0 0 28px rgba(14,116,144,.72)}.ability-training-loadout-modal .ability-skill-preview-classic-guard{border:2px solid #7dd3fc;background:radial-gradient(circle at 50% 50%,#e0f7fff2,#38bdf8c7,#0284c7b8 60%,#082f49f2);box-shadow:0 0 2px #bae6fde6,0 0 5px #38bdf8d1,0 0 8px #0284c799,inset 0 0 2px #ffffff40,inset 0 0 5px #0c4a6ec7}.ability-training-loadout-modal .ability-skill-preview-phase-shift,.ability-training-loadout-modal .ability-skill-preview-plasma-charge{border:2px solid #67e8f9;background:radial-gradient(circle at 50% 50%,#e0fffff2,#22d3eed1,#14b8a6bd 60%,#082f49f2);box-shadow:0 0 2px #a5f3fcf2,0 0 5px #22d3eedb,0 0 8px #14b8a69e,inset 0 0 2px #ffffff40,inset 0 0 5px #0891b2c7}.ability-training-loadout-modal .ability-skill-preview-arc-reactor-field,.ability-training-loadout-modal .ability-skill-preview-nova-blast,.ability-training-loadout-modal .ability-skill-preview-chronos-time-rewind{border:2px solid #93c5fd;background:radial-gradient(circle at 50% 50%,#f0fbfff2,#7dd3fcd1,#3b82f6c2 60%,#172554f2);box-shadow:0 0 2px #dbeafef2,0 0 5px #60a5fad9,0 0 8px #2563eb9e,inset 0 0 2px #ffffff40,inset 0 0 5px #1e40afc7}.ability-training-loadout-modal .ability-skill-preview-ember-blast,.ability-training-loadout-modal .ability-skill-preview-inferno-field{border:2px solid #fb923c;background:radial-gradient(circle at 50% 50%,#fff0c2f5,#fb923cd6,#ef4444c7 60%,#450a0af2);box-shadow:0 0 2px #fdba74f2,0 0 5px #f97316d9,0 0 8px #b91c1ca6,inset 0 0 2px #ffffff40,inset 0 0 5px #7f1d1dc7}.ability-training-loadout-modal .ability-skill-preview-aurora-heal{border:2px solid #86efac;background:radial-gradient(circle at 50% 50%,#dcffe9f5,#4ade80d6,#22c55ec2 60%,#14532df2);box-shadow:0 0 2px #bbf7d0f2,0 0 5px #4ade80d9,0 0 8px #15803da6,inset 0 0 2px #ffffff40,inset 0 0 5px #14532dc7}.ability-training-loadout-modal .ability-skill-preview-gold-overdrive{border:2px solid #fde047;background:radial-gradient(circle at 50% 50%,#fff8c7f5,#facc15d6,#ca8a04c7 60%,#3f2600f2);box-shadow:0 0 2px #fef08af2,0 0 5px #facc15d9,0 0 8px #b45309a6,inset 0 0 2px #ffffff40,inset 0 0 5px #92400ec7}.ability-training-loadout-modal .ability-skill-preview-quantum-shift{border:2px solid #c4b5fd;background:radial-gradient(circle at 50% 50%,#eef2fff5,#c4b5fdd6,#818cf8c7 60%,#312e81f2);box-shadow:0 0 2px #ddd6fef2,0 0 5px #818cf8d9,0 0 8px #4f46e5a6,inset 0 0 2px #ffffff40,inset 0 0 5px #4338cac7}.ability-training-loadout-modal .ability-skill-preview-void-cloak,.ability-training-loadout-modal .ability-skill-preview-wizard-magic-mine,.ability-training-loadout-modal .ability-skill-preview-electric-blitz{border:2px solid #f472ff;background:radial-gradient(circle at 50% 50%,#ffe6fff2,#d946efcc,#7e22cebf 60%,#2d0f46f2);box-shadow:0 0 2px #ffb4fff2,0 0 5px #f472ffd9,0 0 8px #c026d3a6,inset 0 0 2px #ffffff40,inset 0 0 5px #7e22cecc}.ability-training-loadout-modal .ability-skill-preview-cosmic-bigbang{border:2px solid #f0abfc;background:radial-gradient(circle at 50% 50%,#fff5d2f5,#f472b6d6,#a855f7c7 60%,#310f50f2);box-shadow:0 0 2px #fbcfe8f2,0 0 5px #f472b6d9,0 0 8px #a855f7a6,inset 0 0 2px #ffffff40,inset 0 0 5px #581c87c7}.ability-training-loadout-modal .ability-skill-preview-berserker-rage{border:2px solid #ef4444;background:radial-gradient(circle at 50% 50%,#fee2e2f2,#ef4444d6,#b91c1cc7 60%,#450a0af2);box-shadow:0 0 2px #f87171f2,0 0 5px #ef4444d9,0 0 8px #b91c1ca6,inset 0 0 2px #ffffff40,inset 0 0 5px #7f1d1dc7}.ability-training-loadout-modal .ability-skill-preview-root-wall{border:2px solid #86efac;background:radial-gradient(circle at 50% 50%,#dcffe9f5,#4ade80d6,#22c55ec2 60%,#14532df2);box-shadow:0 0 2px #bbf7d0f2,0 0 5px #4ade80d9,0 0 8px #15803da6,inset 0 0 2px #ffffff40,inset 0 0 5px #14532dc7}.ability-training-loadout-modal .ability-skill-meta{color:#93c5fd}.ability-mana-core.round-ready-mana-core .ability-mana-core__img{animation:round-ready-mana-core-pulse .28s ease-out .29s both}@keyframes round-ready-mana-core-pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}48%{opacity:.82;transform:translate(-50%,-50%) scale(1.06)}}@media(prefers-reduced-motion:reduce){.ability-mana-core.round-ready-mana-core .ability-mana-core__img{animation-duration:1ms!important;animation-delay:0ms!important}}@media(max-width:480px){.ability-screen{gap:.35rem}.ability-screen .gs-player-card{gap:.45rem;padding:.42rem .62rem}.ability-screen .gs-role-badge{min-width:44px;padding:.34rem .42rem}.ability-screen .gs-path-bar{padding:.42rem .62rem}.ability-path-bar{gap:.42rem}.ability-path-role{min-width:44px}.ability-skill-panel{padding:.42rem .62rem;gap:.16rem}.ability-skill-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.ability-skill-cost{width:auto;min-height:1.5rem;padding:.18rem .42rem;font-size:clamp(.66rem,.74rem,.82rem);justify-self:end}}.ability-wizard-mine{position:absolute;z-index:2;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}.ability-wizard-mine__sprite{display:block;width:100%;height:100%;object-fit:contain;animation:wizard-mine-appear .25s ease-out,wizard-mine-glow 2.4s ease-in-out infinite}.ability-wizard-mine__core{position:absolute;left:43%;top:43%;width:14%;height:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,210,255,.6),transparent 70%);animation:wizard-mine-core 2.4s ease-in-out infinite alternate}.ability-wizard-mine__owner{position:absolute;left:46%;bottom:10%;width:8%;height:5%;border-radius:2px;background:var(--mine-owner-color);box-shadow:0 0 2px var(--mine-owner-color)}.ability-wizard-mine[data-board-view="2.5d"] .ability-wizard-mine__core{top:36%}.ability-wizard-mine[data-board-view="2.5d"] .ability-wizard-mine__owner{bottom:20%}.ability-wizard-mine.is-red{--mine-owner-color: #ff666b}.ability-wizard-mine.is-blue{--mine-owner-color: #59b7ff}@keyframes wizard-mine-appear{0%{opacity:0}to{opacity:1}}@keyframes wizard-mine-glow{0%,to{filter:brightness(1) drop-shadow(0 0 1px rgba(189,75,255,.15))}50%{filter:brightness(1.25) drop-shadow(0 0 5px rgba(189,75,255,.65))}}@keyframes wizard-mine-core{0%{opacity:.25}to{opacity:.8}}.visual-budget-reduced .ability-wizard-mine__sprite{animation:wizard-mine-appear .25s ease-out}.visual-budget-reduced .ability-wizard-mine__core{animation:none;opacity:.5}@media(prefers-reduced-motion:reduce){.ability-wizard-mine__sprite,.ability-wizard-mine__core{animation:none}.ability-wizard-mine__core{opacity:.5}}.ability-wizard-mine-trigger{position:absolute;z-index:4;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,230,255,.98) 0%,rgba(220,80,255,.88) 30%,transparent 70%);box-shadow:0 0 24px #c83cff,0 0 52px #a01eff99;border:1.5px solid rgba(255,210,255,.8);animation:wizardMineBurst .7s ease-out forwards}.ability-wizard-mine-trigger:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1.5px solid rgba(255,220,255,.65);animation:wizardMineBurstRing .7s ease-out forwards}.ability-wizard-mine-trigger:after{content:"";position:absolute;inset:25%;border-radius:50%;border:1px solid rgba(255,200,255,.4);animation:wizardMineBurstRing .7s .06s ease-out forwards}@keyframes wizardMineBurst{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}35%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.game-grid-shell.ability-grid-shell{overflow:visible;contain:layout style}.game-grid.ability-grid{overflow:visible;contain:style;--ability-anticipation-ms: .42s;--ability-anticipation-settle-ms: .18s}@keyframes wizardMineBurstRing{0%{transform:scale(1) rotate(0);opacity:.9}to{transform:scale(2.6) rotate(120deg);opacity:0}}.ability-tutorial2-card{position:fixed;left:50%;top:35%;transform:translate(-50%);z-index:80;width:min(86%,280px);max-width:min(86%,280px);pointer-events:none;animation:tutorial-hint-in-center .22s ease-out}.ability-tutorial2-card.is-center{top:35%;transform:translate(-50%,-50%)}.ability-tutorial2-card.is-guide{top:75%;pointer-events:none;left:30%}.ability-tutorial2-card p{margin:0;color:#f0fdf4;font:inherit;line-height:inherit}.ability-tutorial2-mana-keyword{color:#38bdf8;font-weight:800;text-shadow:0 0 10px rgba(56,189,248,.35)}.ability-skill-btn.is-tutorial-target{border-color:#22c55ee6;box-shadow:0 0 0 2px #22c55e47,0 0 24px #22c55e3d}@keyframes ability-tutorial2-hint-in{0%{opacity:0}to{opacity:1}}.ability-grid.is-verdant-preview .obstacle-mark{--obstacle-opacity: .08}.ability-grid .obstacle-mark,.ability-grid .ability-root-wall-tile,.ability-grid .ability-lava-tile,.ability-grid .ability-ice-field-tile,.ability-grid .ability-wizard-mine{transition:opacity .22s ease,filter .22s ease}.ability-grid.is-verdant-preview .obstacle-mark,.ability-grid.is-verdant-preview .ability-root-wall-tile,.ability-grid.is-verdant-preview .ability-lava-tile,.ability-grid.is-verdant-preview .ability-ice-field-tile,.ability-grid.is-verdant-preview .ability-wizard-mine{opacity:.08;filter:saturate(.72)}.ability-mirror-link{position:absolute;height:1px;transform-origin:0 50%;z-index:46;pointer-events:none;background:linear-gradient(90deg,#a78bfa00,#e2e8f0e6,#5eead400);box-shadow:0 0 5px #a78bfaa6,0 0 8px #5eead466;animation:ability-mirror-link-flash .36s ease-out forwards}.ability-teleport-burst.is-mirror .ability-teleport-ring{border-color:#c4b5fdf2;box-shadow:0 0 6px #a78bfabf,inset 0 0 6px #5eead447}.ability-teleport-burst.is-mirror .ability-teleport-ring-inner{border-color:#5eead4eb}.ability-teleport-burst.is-mirror .ability-teleport-particle{background:#e2e8f0;box-shadow:0 0 5px #a78bfae6,0 0 8px #5eead499}@keyframes ability-mirror-link-flash{0%{opacity:0;filter:blur(2px)}20%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(1px)}}.training-developer-panel{margin:10px 0 8px;padding:12px 14px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:#0f172ab8;flex:0 0 auto}.training-developer-panel.is-active{border-color:#f472b680;box-shadow:0 0 0 1px #f472b61f inset}.training-developer-panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.training-developer-panel-head>div{display:grid;min-width:0;gap:4px}.training-developer-panel-head strong{display:block;font-size:.92rem;line-height:1.2;word-break:keep-all}.training-developer-panel-head small{display:block;min-width:0;color:#e2e8f0b8;font-size:.72rem;line-height:1.35;white-space:normal;word-break:keep-all;overflow-wrap:break-word}.training-developer-toggle,.training-developer-panel .training-developer-toggle.lobby-btn{width:auto;min-width:132px;max-width:180px;min-height:40px;margin:0;padding:9px 14px;white-space:nowrap}.training-developer-controls{flex:0 0 auto;margin:0 0 10px;padding:0}.training-developer-arena{display:grid;gap:6px;margin-bottom:10px;color:#dbeafe}.training-developer-arena select{min-height:44px;padding:8px 12px;border:1px solid #60a5fa80;border-radius:10px;background:#0f1f3d;color:#f8fafc;font:inherit}.training-developer-arena select:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}.training-developer-arena select:active{background:#183653}@media(hover:hover){.training-developer-arena select:hover{border-color:#bae6fd}}.training-developer-target-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0}.training-developer-target-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:42px;border:1px solid rgba(96,165,250,.34);border-radius:11px;padding:8px 12px;background:#0f1f3de0;color:#dbeafe;font-weight:800;cursor:pointer}.training-developer-target-tabs button strong{flex:0 0 auto;padding:2px 7px;border-radius:999px;background:#94a3b824;color:#e2e8f0e0;font-size:.68rem}.training-developer-target-tabs button.is-active{border-color:#f472b6c2;background:linear-gradient(180deg,#6d287f6b,#451a5785);box-shadow:0 0 14px #f472b61f inset;color:#fff}.training-developer-target-tabs button.is-active strong{background:#f472b62e;color:#fbcfe8}.training-current-loadout{flex:0 0 auto;min-height:28px;margin:0 0 8px}.training-current-loadout .ability-loadout-chip{flex:0 1 auto;min-width:0}.training-developer-empty{min-width:0;color:#cbd5e1b8;font-size:.74rem;line-height:1.35;word-break:keep-all}.training-developer-error{margin:8px 0;padding:8px 10px;border-radius:9px;background:#7f1d1d61;font-size:.78rem}@media(max-width:640px){.training-developer-panel{padding:11px 12px}.training-developer-panel-head{grid-template-columns:1fr;gap:9px}.training-developer-toggle,.training-developer-panel .training-developer-toggle.lobby-btn{width:100%;max-width:none}.training-developer-target-tabs button{min-height:40px;padding:7px 9px;font-size:.82rem}}.ability-path-break-cancel{--path-break-cancel-main: rgba(226, 232, 240, .98);--path-break-cancel-glow: rgba(148, 163, 184, .86);position:absolute;z-index:31;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.42) 0 9%,rgba(255,255,255,.08) 28%,transparent 58%);filter:drop-shadow(0 0 7px var(--path-break-cancel-glow));animation:ability-path-break-cancel-core .36s ease-out both}.ability-path-break-cancel-red{--path-break-cancel-main: rgba(254, 226, 226, 1);--path-break-cancel-glow: rgba(248, 113, 113, .92)}.ability-path-break-cancel-blue{--path-break-cancel-main: rgba(219, 234, 254, 1);--path-break-cancel-glow: rgba(96, 165, 250, .92)}.ability-path-break-cancel-slash{position:absolute;left:50%;top:50%;width:118%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent 0 5%,var(--path-break-cancel-main) 22% 78%,transparent 95% 100%);box-shadow:0 0 5px #fff,0 0 11px var(--path-break-cancel-glow);opacity:0;transform-origin:center;animation:ability-path-break-cancel-slash .25s cubic-bezier(.2,.86,.24,1) forwards}.ability-path-break-cancel-slash-a{--path-break-cut-angle: 45deg}.ability-path-break-cancel-slash-b{--path-break-cut-angle: -45deg;animation-delay:28ms}@keyframes ability-path-break-cancel-slash{0%{opacity:0;filter:blur(1.5px);transform:translate(-50%,-50%) rotate(var(--path-break-cut-angle)) scaleX(.15)}28%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) rotate(var(--path-break-cut-angle)) scaleX(1.06)}70%{opacity:.94;transform:translate(-50%,-50%) rotate(var(--path-break-cut-angle)) scaleX(1)}to{opacity:0;filter:blur(.4px);transform:translate(-50%,-50%) rotate(var(--path-break-cut-angle)) scaleX(.86)}}@keyframes ability-path-break-cancel-core{0%{opacity:0;scale:.62}20%{opacity:1;scale:1.08}to{opacity:0;scale:1.22}}.ability-path-input-feedback{position:absolute;z-index:18;pointer-events:none;border-radius:10%;transform-origin:center;will-change:transform,opacity}.ability-path-input-feedback:before{content:"";position:absolute;inset:12%;border-radius:16%;border:max(1px,calc(var(--cell-size, 96px) * .018)) solid rgba(255,255,255,.72);box-shadow:0 0 calc(var(--cell-size, 96px) * .09) #ffffff2e}.ability-path-input-feedback.is-start{animation:ability-path-input-start .11s ease-out both}.ability-path-input-feedback.is-step{animation:ability-path-input-step 95ms ease-out both}.ability-path-input-feedback.is-settle{animation:ability-path-input-settle .12s cubic-bezier(.2,.85,.35,1) both}.ability-path-input-feedback.is-reject:before{border-color:#f87171e6;box-shadow:0 0 calc(var(--cell-size, 96px) * .11) #ef444457}.ability-path-input-feedback.is-reject{animation:ability-path-input-reject .12s ease-out both}@keyframes ability-path-input-start{0%{opacity:0;transform:scale(.92)}35%{opacity:1;transform:scale(.98)}to{opacity:0;transform:scale(1.03)}}@keyframes ability-path-input-step{0%{opacity:.9;transform:scale(.88)}to{opacity:0;transform:scale(1.02)}}@keyframes ability-path-input-settle{0%{opacity:.95;transform:scale(1.05)}55%{opacity:.75;transform:scale(.97)}to{opacity:0;transform:scale(1)}}@keyframes ability-path-input-reject{0%{opacity:0;transform:translate(0) scale(.96)}20%{opacity:1;transform:translate(-2px) scale(.98)}45%{transform:translate(2px) scale(.98)}70%{transform:translate(-1px) scale(.99)}to{opacity:0;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.ability-path-input-feedback{animation-duration:1ms!important}}.ability-defense-feedback{position:absolute;z-index:62;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);opacity:0;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 10px #ffffff59;animation:ability-defense-feedback-pop .24s cubic-bezier(.16,.84,.32,1) both}.ability-defense-feedback:after{content:"";position:absolute;inset:18%;border-radius:inherit;border:1px solid currentColor;opacity:.85}.ability-defense-feedback.is-red{color:#f87171f2;border-color:#fecacaf2}.ability-defense-feedback.is-blue{color:#60a5faf2;border-color:#bfdbfef2}.ability-defense-feedback.is-guard{box-shadow:0 0 12px #ffffff6b,inset 0 0 8px #ffffff1f}.ability-defense-feedback.is-at_field{border-style:double}.ability-defense-feedback.is-path_break{border-radius:24%;animation-duration:.26s}@keyframes ability-defense-feedback-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}28%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) scale(1.22)}}@media(prefers-reduced-motion:reduce){.ability-defense-feedback{animation-duration:1ms!important}}.ability-skill-floating-message{--skin-floating-message-duration: 1.5s}.ability-loading-recovery{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;text-align:center}.ability-loading-recovery button{min-width:88px;min-height:44px;padding:.6rem 1rem;color:#e5f5ff;background:#12324c;border:1px solid #72badf;border-radius:.45rem;cursor:pointer}@media(hover:hover){.ability-loading-recovery button:hover{background:#205474;border-color:#c3f1ff}}.ability-loading-recovery button:active{background:#30708f}.ability-loading-recovery button:focus-visible{outline:2px solid #b4edff;outline-offset:2px}.match-achievement-progress{flex:1 0 100%;min-width:0;display:grid;gap:.25rem;border-top:1px solid #7da5cc55;padding-top:.35rem;color:#cce5ff;font-size:.7rem;text-align:left}.match-achievement-heading,.match-achievement-summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.match-achievement-heading{font-size:.65rem;color:#bcd5e8}.match-achievement-heading strong{font-size:inherit}.match-achievement-row{min-width:0;padding:.3rem .35rem;border-radius:.35rem;background:#06182cb3}.match-achievement-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.match-achievement-metrics{display:flex;align-items:center;gap:.4rem;flex-shrink:0;white-space:nowrap;font-variant-numeric:tabular-nums;color:#bcd5e8}.match-achievement-metrics b{color:#83f1b2}.match-achievement-metrics .match-achievement-complete{color:#f6d77a}.match-achievement-condition{margin:.15rem 0 0;color:#b4c5d5;font-size:.65rem;line-height:1.3;overflow-wrap:anywhere}.match-achievement-gauge{height:4px;margin-top:.25rem;background:#253b50;border-radius:4px;overflow:hidden}.match-achievement-gauge i{display:block;height:100%;background:linear-gradient(90deg,#32a9ec,#8cebc7);border-radius:inherit}.match-achievement-row.is-complete{border-left:2px solid #f6d77a;box-shadow:inset 0 0 9px #f6d77a18}.match-achievement-row.is-complete .match-achievement-gauge i{background:linear-gradient(90deg,#b68e36,#ffe6a3)}.match-achievement-progress button,.match-achievement-dialog button{min-height:44px;padding:.4rem .7rem;border:1px solid #72badf;border-radius:.45rem;color:#e5f5ff;background:#12324c;cursor:pointer}.match-achievement-heading .match-achievement-view-all{flex-shrink:0;min-width:44px;padding:.25rem .4rem;border-color:transparent;background:transparent;font:inherit}@media(hover:hover){.match-achievement-progress button:hover,.match-achievement-dialog button:hover{background:#205474;border-color:#c3f1ff}}.match-achievement-progress button:active,.match-achievement-dialog button:active{background:#30708f;transform:scale(.97)}.match-achievement-progress button:focus-visible,.match-achievement-dialog button:focus-visible{outline:2px solid #b4edff;outline-offset:2px}.match-achievement-backdrop{position:fixed;inset:0;z-index:15000;background:#020812cc;display:grid;place-items:center;padding:1rem}.match-achievement-dialog{width:min(26rem,100%);max-height:85dvh;min-height:0;display:flex;flex-direction:column;padding:1rem;background:#081a30;border:1px solid #70b6e2;border-radius:.8rem;color:#d7edff}.match-achievement-dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.match-achievement-dialog>div{overflow:auto;display:grid;gap:.5rem}@media(prefers-reduced-motion:reduce){.match-achievement-progress button:active,.match-achievement-dialog button:active{transform:none}}.ability-grid.is-celestial-targeting{touch-action:none}.celestial-alignment-drag-start{position:absolute;z-index:31;pointer-events:none;background:#ffd76b22;border:2px solid #ffe7a388;box-shadow:inset 0 0 12px #ffd15a44,0 0 8px #ffcf6655}.celestial-alignment-visual{position:absolute;inset:0;z-index:28;pointer-events:none}.celestial-alignment-cell{position:absolute;display:grid;place-items:center;overflow:visible;background:#ffcd5822}.celestial-alignment-seal{position:absolute;inset:12%;border:1px solid #ffe5a2;border-radius:50%;box-shadow:0 0 7px #ffd15a66,inset 0 0 8px #ffcf6655}.celestial-alignment-seal:after{content:"";position:absolute;inset:17%;border:1px dashed #fff2c2;transform:rotate(45deg)}.celestial-alignment-visual.is-armed .celestial-alignment-cell{animation:celestial-align-arm-in var(--ability-anticipation-ms, .42s) cubic-bezier(.2,.82,.28,1) both}.celestial-alignment-visual.is-armed .celestial-alignment-seal{animation:celestial-align-charge var(--ability-anticipation-ms, .42s) ease-in-out infinite alternate}@keyframes celestial-align-arm-in{0%{opacity:.28;filter:brightness(.72)}70%{opacity:.9;filter:brightness(1.16)}to{opacity:1;filter:brightness(1)}}@keyframes celestial-align-charge{0%{transform:rotate(0) scale(.94);opacity:.52}to{transform:rotate(45deg) scale(.84);opacity:1}}@media(prefers-reduced-motion:reduce){.celestial-alignment-visual *{animation:none!important}}.celestial-alignment-visual.is-strike .celestial-alignment-cell{background:none}.celestial-alignment-pillar{position:absolute;left:5%;top:-94%;width:90%;height:180%;transform-origin:50% 80%;scale:1 var(--board-facing-y,1)}.verdant-reversion-container{position:absolute;inset:0;pointer-events:none}.verdant-wave-viewport{position:fixed;inset:0;pointer-events:none;z-index:150;overflow:hidden}.verdant-wave{position:absolute;box-sizing:border-box;width:4px;height:4px;border:1.5px solid rgba(74,222,128,.9);border-radius:50%;transform:translate(-50%,-50%);animation:verdant-wave-expand var(--verdant-duration) linear forwards}@keyframes verdant-wave-expand{0%{width:4px;height:4px;opacity:.95}85%{opacity:.85}to{width:var(--verdant-diameter);height:var(--verdant-diameter);opacity:0}}.verdant-tile-ripple{position:absolute;pointer-events:none;transform:translate(-50%,-50%)}.verdant-tile-webp[data-fx]{position:absolute;inset:-10%;width:120%;height:120%;animation-delay:inherit}@media(prefers-reduced-motion:reduce){.verdant-wave{animation:none;display:none}}.webp-sprite[data-fx]{display:block;background-repeat:no-repeat;background-position:0 0;pointer-events:none;background-image:var(--fx-image);background-size:var(--fx-size);animation:var(--fx-frames) var(--fx-duration) steps(1,end) both,var(--fx-fade) var(--fx-duration) linear both}.webp-sprite[data-fx=charge]{--fx-image:url(/ui/battle/charge/cast-32.webp);--fx-size:800% 400%;--fx-frames:charge-webp-frames;--fx-fade:charge-webp-fade;--fx-duration:.8s;--fx-static-position:28.57142857142857% 66.66666666666666%}.webp-sprite[data-fx=berserker]{--fx-image:url(/ui/battle/power-activation/berserker-36.webp);--fx-size:600% 600%;--fx-frames:berserker-webp-frames;--fx-fade:power-activation-fade;--fx-duration:.9s;--fx-static-position:0% 60%}.webp-sprite[data-fx=overdrive]{--fx-image:url(/ui/battle/power-activation/overdrive-40.webp);--fx-size:800% 500%;--fx-frames:overdrive-webp-frames;--fx-fade:power-activation-fade;--fx-duration:1.1s;--fx-static-position:57.14285714285714% 50%}.webp-sprite[data-fx=celestial]{--fx-image:url(/ui/battle/celestial-alignment/pillar-30.webp);--fx-size:500% 600%;--fx-frames:celestial-pillar-frames;--fx-fade:celestial-pillar-fade;--fx-duration:.7s;--fx-static-position:25% 40%}.webp-sprite[data-fx=spectrum]{--fx-image:url(/ui/battle/spectrum-slash/slash-30.webp);--fx-size:500% 600%;--fx-frames:spectrum-slash-frames;--fx-fade:spectrum-slash-fade;--fx-duration:.65s;--fx-static-position:50% 40%;--fx-static-image:url(/ui/battle/spectrum-slash/slash-02.webp);--fx-static-size:100% 100%;--fx-static-position:center}.webp-sprite[data-fx=manaSpawn]{--fx-image:url(/ui/battle/mana-core/spawn-16.webp);--fx-size:400% 400%;--fx-frames:mana-webp-spawn;--fx-fade:mana-webp-spawn-fade;--fx-duration:.42s;--fx-static-position:0% 66.66666666666666%}.webp-sprite[data-fx=manaPickup]{--fx-image:url(/ui/battle/mana-core/pickup-20.webp);--fx-size:500% 400%;--fx-frames:mana-webp-pickup;--fx-fade:mana-webp-pickup-fade;--fx-duration:.48s;--fx-static-position:50% 33.33333333333333%}.webp-sprite[data-fx=ember]{--fx-image:url(/ui/battle/ember-blast/flame-24.webp);--fx-size:600% 400%;--fx-frames:ember-webp-frames;--fx-fade:ember-webp-fade;--fx-duration:.7s;--fx-static-position:40% 33.33333333333333%}.webp-sprite[data-fx=nova]{--fx-image:url(/ui/battle/nova-blast/burst-32.webp);--fx-size:800% 400%;--fx-frames:nova-webp-frames;--fx-fade:nova-webp-fade;--fx-duration:.8s;--fx-static-position:28.57142857142857% 33.33333333333333%}.webp-sprite[data-fx=thunder]{--fx-image:url(/ui/battle/thunder-mark/strike-24.webp);--fx-size:600% 400%;--fx-frames:thunder-webp-frames;--fx-fade:thunder-webp-fade;--fx-duration:.8s;--fx-static-position:40% 33.33333333333333%}.webp-sprite[data-fx=verdant]{--fx-image:url(/ui/battle/verdant-reversion/dissolve-24.webp);--fx-size:600% 400%;--fx-frames:verdant-webp-frames;--fx-fade:verdant-webp-fade;--fx-duration:.6s;--fx-static-position:40% 33.33333333333333%}.webp-sprite[data-fx=rootSpawn]{--fx-image:url(/ui/battle/root-wall/spawn-24.webp);--fx-size:600% 400%;--fx-frames:root-wall-webp-frames;--fx-fade:root-wall-webp-fade;--fx-duration:.6s;--fx-static-position:80% 33.33333333333333%}.webp-sprite[data-fx=iceSpawn]{--fx-image:url(/ui/battle/ice-field/spawn-24.webp);--fx-size:600% 400%;--fx-frames:ice-field-webp-frames;--fx-fade:ice-field-webp-fade;--fx-duration:.56s;--fx-static-position:80% 33.33333333333333%}.webp-sprite[data-fx=mineBurst]{--fx-image:url(/ui/battle/magic-mine/burst-24.webp);--fx-size:600% 400%;--fx-frames:mine-burst-webp-frames;--fx-fade:mine-burst-webp-fade;--fx-duration:.76s;--fx-static-position:20% 33.33333333333333%}.webp-sprite[data-fx=mirrorDepart]{--fx-image:url(/ui/battle/mirror-dimension/depart-24.webp);--fx-size:600% 400%;--fx-frames:mirror-depart-webp-frames;--fx-fade:mirror-depart-webp-fade;--fx-duration:.4s;--fx-static-position:40% 33.33333333333333%}.webp-sprite[data-fx=mirrorArrive]{--fx-image:url(/ui/battle/mirror-dimension/arrive-24.webp);--fx-size:600% 400%;--fx-frames:mirror-arrive-webp-frames;--fx-fade:mirror-arrive-webp-fade;--fx-duration:.6s;--fx-static-position:40% 33.33333333333333%}.webp-sprite[data-fx=lavaDespawn]{--fx-image:url(/ui/battle/field-despawn/lava-24.webp);--fx-size:600% 400%;--fx-frames:lava-despawn-webp-frames;--fx-fade:lava-despawn-webp-fade;--fx-duration:.65s;--fx-static-position:40% 66.66666666666666%}.webp-sprite[data-fx=iceDespawn]{--fx-image:url(/ui/battle/field-despawn/ice-24.webp);--fx-size:600% 400%;--fx-frames:ice-despawn-webp-frames;--fx-fade:ice-despawn-webp-fade;--fx-duration:.65s;--fx-static-position:40% 66.66666666666666%}.webp-sprite[data-fx=rootDespawn]{--fx-image:url(/ui/battle/field-despawn/root-24.webp);--fx-size:600% 400%;--fx-frames:root-despawn-webp-frames;--fx-fade:root-despawn-webp-fade;--fx-duration:.65s;--fx-static-position:40% 66.66666666666666%}.webp-sprite[data-fx=lavaSpawn]{--fx-image:url(/ui/battle/inferno-field/spawn-24.webp);--fx-size:600% 400%;--fx-frames:lava-spawn-webp-frames;--fx-fade:lava-spawn-webp-fade;--fx-duration:.6s;--fx-static-position:0% 100%}@keyframes charge-webp-frames{0.000000%{background-position:0% 0%}3.125000%{background-position:14.285714285714285% 0%}6.250000%{background-position:28.57142857142857% 0%}9.375000%{background-position:42.857142857142854% 0%}12.500000%{background-position:57.14285714285714% 0%}15.625000%{background-position:71.42857142857143% 0%}18.750000%{background-position:85.71428571428571% 0%}21.875000%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}28.125000%{background-position:14.285714285714285% 33.33333333333333%}31.250000%{background-position:28.57142857142857% 33.33333333333333%}34.375000%{background-position:42.857142857142854% 33.33333333333333%}37.500000%{background-position:57.14285714285714% 33.33333333333333%}40.625000%{background-position:71.42857142857143% 33.33333333333333%}43.750000%{background-position:85.71428571428571% 33.33333333333333%}46.875000%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}53.125000%{background-position:14.285714285714285% 66.66666666666666%}56.250000%{background-position:28.57142857142857% 66.66666666666666%}59.375000%{background-position:42.857142857142854% 66.66666666666666%}62.500000%{background-position:57.14285714285714% 66.66666666666666%}65.625000%{background-position:71.42857142857143% 66.66666666666666%}68.750000%{background-position:85.71428571428571% 66.66666666666666%}71.875000%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}78.125000%{background-position:14.285714285714285% 100%}81.250000%{background-position:28.57142857142857% 100%}84.375000%{background-position:42.857142857142854% 100%}87.500000%{background-position:57.14285714285714% 100%}90.625000%{background-position:71.42857142857143% 100%}93.750000%{background-position:85.71428571428571% 100%}96.875000%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes charge-webp-fade{0%{opacity:1}0%,70%{opacity:1}to{opacity:0}}@keyframes berserker-webp-frames{0.000000%{background-position:0% 0%}2.777778%{background-position:20% 0%}5.555556%{background-position:40% 0%}8.333333%{background-position:60% 0%}11.111111%{background-position:80% 0%}13.888889%{background-position:100% 0%}16.666667%{background-position:0% 20%}19.444444%{background-position:20% 20%}22.222222%{background-position:40% 20%}25.000000%{background-position:60% 20%}27.777778%{background-position:80% 20%}30.555556%{background-position:100% 20%}33.333333%{background-position:0% 40%}36.111111%{background-position:20% 40%}38.888889%{background-position:40% 40%}41.666667%{background-position:60% 40%}44.444444%{background-position:80% 40%}47.222222%{background-position:100% 40%}50.000000%{background-position:0% 60%}52.777778%{background-position:20% 60%}55.555556%{background-position:40% 60%}58.333333%{background-position:60% 60%}61.111111%{background-position:80% 60%}63.888889%{background-position:100% 60%}66.666667%{background-position:0% 80%}69.444444%{background-position:20% 80%}72.222222%{background-position:40% 80%}75.000000%{background-position:60% 80%}77.777778%{background-position:80% 80%}80.555556%{background-position:100% 80%}83.333333%{background-position:0% 100%}86.111111%{background-position:20% 100%}88.888889%{background-position:40% 100%}91.666667%{background-position:60% 100%}94.444444%{background-position:80% 100%}97.222222%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes power-activation-fade{0%{opacity:1}0%,75%{opacity:1}to{opacity:0}}@keyframes overdrive-webp-frames{0.000000%{background-position:0% 0%}2.500000%{background-position:14.285714285714285% 0%}5.000000%{background-position:28.57142857142857% 0%}7.500000%{background-position:42.857142857142854% 0%}10.000000%{background-position:57.14285714285714% 0%}12.500000%{background-position:71.42857142857143% 0%}15.000000%{background-position:85.71428571428571% 0%}17.500000%{background-position:100% 0%}20.000000%{background-position:0% 25%}22.500000%{background-position:14.285714285714285% 25%}25.000000%{background-position:28.57142857142857% 25%}27.500000%{background-position:42.857142857142854% 25%}30.000000%{background-position:57.14285714285714% 25%}32.500000%{background-position:71.42857142857143% 25%}35.000000%{background-position:85.71428571428571% 25%}37.500000%{background-position:100% 25%}40.000000%{background-position:0% 50%}42.500000%{background-position:14.285714285714285% 50%}45.000000%{background-position:28.57142857142857% 50%}47.500000%{background-position:42.857142857142854% 50%}50.000000%{background-position:57.14285714285714% 50%}52.500000%{background-position:71.42857142857143% 50%}55.000000%{background-position:85.71428571428571% 50%}57.500000%{background-position:100% 50%}60.000000%{background-position:0% 75%}62.500000%{background-position:14.285714285714285% 75%}65.000000%{background-position:28.57142857142857% 75%}67.500000%{background-position:42.857142857142854% 75%}70.000000%{background-position:57.14285714285714% 75%}72.500000%{background-position:71.42857142857143% 75%}75.000000%{background-position:85.71428571428571% 75%}77.500000%{background-position:100% 75%}80.000000%{background-position:0% 100%}82.500000%{background-position:14.285714285714285% 100%}85.000000%{background-position:28.57142857142857% 100%}87.500000%{background-position:42.857142857142854% 100%}90.000000%{background-position:57.14285714285714% 100%}92.500000%{background-position:71.42857142857143% 100%}95.000000%{background-position:85.71428571428571% 100%}97.500000%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes celestial-pillar-frames{0.000000%{background-position:0% 0%}3.333333%{background-position:25% 0%}6.666667%{background-position:50% 0%}10.000000%{background-position:75% 0%}13.333333%{background-position:100% 0%}16.666667%{background-position:0% 20%}20.000000%{background-position:25% 20%}23.333333%{background-position:50% 20%}26.666667%{background-position:75% 20%}30.000000%{background-position:100% 20%}33.333333%{background-position:0% 40%}36.666667%{background-position:25% 40%}40.000000%{background-position:50% 40%}43.333333%{background-position:75% 40%}46.666667%{background-position:100% 40%}50.000000%{background-position:0% 60%}53.333333%{background-position:25% 60%}56.666667%{background-position:50% 60%}60.000000%{background-position:75% 60%}63.333333%{background-position:100% 60%}66.666667%{background-position:0% 80%}70.000000%{background-position:25% 80%}73.333333%{background-position:50% 80%}76.666667%{background-position:75% 80%}80.000000%{background-position:100% 80%}83.333333%{background-position:0% 100%}86.666667%{background-position:25% 100%}90.000000%{background-position:50% 100%}93.333333%{background-position:75% 100%}96.666667%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes celestial-pillar-fade{0%{opacity:1}0%,75%{opacity:1}to{opacity:0}}@keyframes spectrum-slash-frames{0.000000%{background-position:0% 0%}3.333333%{background-position:25% 0%}6.666667%{background-position:50% 0%}10.000000%{background-position:75% 0%}13.333333%{background-position:100% 0%}16.666667%{background-position:0% 20%}20.000000%{background-position:25% 20%}23.333333%{background-position:50% 20%}26.666667%{background-position:75% 20%}30.000000%{background-position:100% 20%}33.333333%{background-position:0% 40%}36.666667%{background-position:25% 40%}40.000000%{background-position:50% 40%}43.333333%{background-position:75% 40%}46.666667%{background-position:100% 40%}50.000000%{background-position:0% 60%}53.333333%{background-position:25% 60%}56.666667%{background-position:50% 60%}60.000000%{background-position:75% 60%}63.333333%{background-position:100% 60%}66.666667%{background-position:0% 80%}70.000000%{background-position:25% 80%}73.333333%{background-position:50% 80%}76.666667%{background-position:75% 80%}80.000000%{background-position:100% 80%}83.333333%{background-position:0% 100%}86.666667%{background-position:25% 100%}90.000000%{background-position:50% 100%}93.333333%{background-position:75% 100%}96.666667%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes spectrum-slash-fade{0%{opacity:.8}14%,46%{opacity:1}to{opacity:0}}@keyframes mana-webp-spawn{0.000000%{background-position:0% 0%}6.250000%{background-position:33.33333333333333% 0%}12.500000%{background-position:66.66666666666666% 0%}18.750000%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}31.250000%{background-position:33.33333333333333% 33.33333333333333%}37.500000%{background-position:66.66666666666666% 33.33333333333333%}43.750000%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}56.250000%{background-position:33.33333333333333% 66.66666666666666%}62.500000%{background-position:66.66666666666666% 66.66666666666666%}68.750000%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}81.250000%{background-position:33.33333333333333% 100%}87.500000%{background-position:66.66666666666666% 100%}93.750000%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes mana-webp-spawn-fade{0%{opacity:1}0%,75%{opacity:1}to{opacity:0}}@keyframes mana-webp-pickup{0.000000%{background-position:0% 0%}5.000000%{background-position:25% 0%}10.000000%{background-position:50% 0%}15.000000%{background-position:75% 0%}20.000000%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}30.000000%{background-position:25% 33.33333333333333%}35.000000%{background-position:50% 33.33333333333333%}40.000000%{background-position:75% 33.33333333333333%}45.000000%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}55.000000%{background-position:25% 66.66666666666666%}60.000000%{background-position:50% 66.66666666666666%}65.000000%{background-position:75% 66.66666666666666%}70.000000%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}80.000000%{background-position:25% 100%}85.000000%{background-position:50% 100%}90.000000%{background-position:75% 100%}95.000000%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes mana-webp-pickup-fade{0%{opacity:1}0%,70%{opacity:1}to{opacity:0}}@keyframes ember-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes ember-webp-fade{0%{opacity:1}0%,75%{opacity:1}to{opacity:0}}@keyframes nova-webp-frames{0.000000%{background-position:0% 0%}3.125000%{background-position:14.285714285714285% 0%}6.250000%{background-position:28.57142857142857% 0%}9.375000%{background-position:42.857142857142854% 0%}12.500000%{background-position:57.14285714285714% 0%}15.625000%{background-position:71.42857142857143% 0%}18.750000%{background-position:85.71428571428571% 0%}21.875000%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}28.125000%{background-position:14.285714285714285% 33.33333333333333%}31.250000%{background-position:28.57142857142857% 33.33333333333333%}34.375000%{background-position:42.857142857142854% 33.33333333333333%}37.500000%{background-position:57.14285714285714% 33.33333333333333%}40.625000%{background-position:71.42857142857143% 33.33333333333333%}43.750000%{background-position:85.71428571428571% 33.33333333333333%}46.875000%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}53.125000%{background-position:14.285714285714285% 66.66666666666666%}56.250000%{background-position:28.57142857142857% 66.66666666666666%}59.375000%{background-position:42.857142857142854% 66.66666666666666%}62.500000%{background-position:57.14285714285714% 66.66666666666666%}65.625000%{background-position:71.42857142857143% 66.66666666666666%}68.750000%{background-position:85.71428571428571% 66.66666666666666%}71.875000%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}78.125000%{background-position:14.285714285714285% 100%}81.250000%{background-position:28.57142857142857% 100%}84.375000%{background-position:42.857142857142854% 100%}87.500000%{background-position:57.14285714285714% 100%}90.625000%{background-position:71.42857142857143% 100%}93.750000%{background-position:85.71428571428571% 100%}96.875000%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes nova-webp-fade{0%{opacity:1}0%,75%{opacity:1}to{opacity:0}}@keyframes thunder-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes thunder-webp-fade{0%{opacity:1}0%,85%{opacity:1}to{opacity:0}}@keyframes verdant-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes verdant-webp-fade{0%{opacity:1}0%,75%{opacity:1}to{opacity:0}}@keyframes root-wall-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes root-wall-webp-fade{0%{opacity:1}0%,65%{opacity:1}to{opacity:0}}@keyframes ice-field-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes ice-field-webp-fade{0%{opacity:1}0%,65%{opacity:1}to{opacity:0}}@keyframes mine-burst-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes mine-burst-webp-fade{0%{opacity:1}0%,75%{opacity:1}to{opacity:0}}@keyframes mirror-depart-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes mirror-depart-webp-fade{0%{opacity:1}0%,75%{opacity:1}to{opacity:0}}@keyframes mirror-arrive-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes mirror-arrive-webp-fade{0%{opacity:0}8%,75%{opacity:1}to{opacity:0}}@keyframes lava-despawn-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes lava-despawn-webp-fade{0%{opacity:0}24%,82%{opacity:1}to{opacity:0}}@keyframes ice-despawn-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes ice-despawn-webp-fade{0%{opacity:0}24%,82%{opacity:1}to{opacity:0}}@keyframes root-despawn-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes root-despawn-webp-fade{0%{opacity:0}24%,82%{opacity:1}to{opacity:0}}@keyframes lava-spawn-webp-frames{0.000000%{background-position:0% 0%}4.166667%{background-position:20% 0%}8.333333%{background-position:40% 0%}12.500000%{background-position:60% 0%}16.666667%{background-position:80% 0%}20.833333%{background-position:100% 0%}25.000000%{background-position:0% 33.33333333333333%}29.166667%{background-position:20% 33.33333333333333%}33.333333%{background-position:40% 33.33333333333333%}37.500000%{background-position:60% 33.33333333333333%}41.666667%{background-position:80% 33.33333333333333%}45.833333%{background-position:100% 33.33333333333333%}50.000000%{background-position:0% 66.66666666666666%}54.166667%{background-position:20% 66.66666666666666%}58.333333%{background-position:40% 66.66666666666666%}62.500000%{background-position:60% 66.66666666666666%}66.666667%{background-position:80% 66.66666666666666%}70.833333%{background-position:100% 66.66666666666666%}75.000000%{background-position:0% 100%}79.166667%{background-position:20% 100%}83.333333%{background-position:40% 100%}87.500000%{background-position:60% 100%}91.666667%{background-position:80% 100%}95.833333%{background-position:100% 100%}to{background-position:100% 100%}}@keyframes lava-spawn-webp-fade{0%{opacity:1}0%,to{opacity:1}to{opacity:0}}.ability-grid.is-time-rewinding .webp-sprite{animation-play-state:paused}.is-reduced .webp-sprite[data-fx]{background-image:var(--fx-static-image,var(--fx-image));background-size:var(--fx-static-size,var(--fx-size));background-position:var(--fx-static-position);animation:var(--fx-fade) var(--fx-duration) linear both}@media(prefers-reduced-motion:reduce){.webp-sprite[data-fx]{background-image:var(--fx-static-image,var(--fx-image));background-size:var(--fx-static-size,var(--fx-size));background-position:var(--fx-static-position);animation:var(--fx-fade) var(--fx-duration) linear both}}.mirror-dimension-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.mirror-dimension-tile{position:absolute}.mirror-dimension-tile .board-fx-air{transform-origin:center}.mirror-dimension-webp{position:absolute;left:-10%;top:-10%;width:120%;height:120%}.mirror-dimension-tile.is-arrive .mirror-dimension-webp[data-fx]{animation-fill-mode:both}.power-activation-webp{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,-50%) scaleY(var(--board-facing-y,1))}.ability-charge-webp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);scale:1 var(--board-facing-y,1)}.ability-heal-item{position:absolute;z-index:5;pointer-events:none;animation:healing-core-enter .3s ease-out both}.ability-heal-item__core{position:relative;display:block;width:100%;height:100%;object-fit:contain;scale:1 var(--board-facing-y, 1)}.ability-heal-item__glow{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,#8dffc75e,#22c55e20 48%,transparent 72%);animation:healing-core-pulse 1.5s ease-in-out infinite}.ability-heal-item__shadow{display:none}.ability-heal-item.is-raised .ability-heal-item__shadow{display:block;position:absolute;left:8%;top:72%;width:84%;height:25%;border-radius:50%;background:radial-gradient(ellipse,#000a,transparent 72%)}.ability-heal-item--opponent .ability-heal-item__core{filter:saturate(.5) brightness(.75)}.ability-heal-item--opponent .ability-heal-item__glow{opacity:.45;animation:none}.ability-heal-item--exiting{animation:healing-core-fade .45s ease-out both}.ability-heal-item--collected{z-index:81;animation:healing-core-exit .45s ease-out both}.ability-heal-item--exiting .ability-heal-item__shadow{display:none}.ability-heal-item--exiting .ability-heal-item__glow{animation:none}.ability-heal-pickup-webp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);scale:1 var(--board-facing-y, 1);background:url(/ui/battle/healing/pickup.webp) center / contain no-repeat;animation:healing-pickup-fade .7s ease-out both}@keyframes healing-core-enter{0%{opacity:0}to{opacity:1}}@keyframes healing-core-fade{0%{opacity:1}to{opacity:0}}@keyframes healing-core-exit{0%{opacity:1;filter:brightness(1);scale:1}22%{opacity:1;filter:brightness(2);scale:1.18}to{opacity:0;filter:brightness(1.4);scale:.12}}@keyframes healing-core-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes healing-pickup-fade{0%{opacity:1}35%{opacity:.8}to{opacity:0}}@media(prefers-reduced-motion:reduce){.ability-heal-item__glow{animation:none;opacity:.6}.ability-heal-item--exiting{animation:healing-core-fade .45s ease-out both}}.ability-grid.is-time-rewinding .ability-heal-item--exiting{animation-play-state:paused}.spectrum-slash-anchor{position:absolute;transform-origin:0 50%;z-index:29;pointer-events:none}.spectrum-slash-sprite{width:100%;height:100%}.ability-thunder-mark-effect,.ability-thunder-mark-target{--thunder-accent: #74deff;--thunder-hot: #e4faff}.ability-thunder-mark-effect.is-red,.ability-thunder-mark-target.is-red{--thunder-accent: #ff935c;--thunder-hot: #fff1bc}.ability-thunder-mark-effect{position:absolute;z-index:38;pointer-events:none}.ability-thunder-mark-target{position:absolute;z-index:34;appearance:none;padding:0;display:grid;place-items:center;border:1px solid rgba(192,132,252,.35);background:radial-gradient(circle,#7e22ce2e,#0208170f 70%);cursor:crosshair}.ability-thunder-mark-target:hover,.ability-thunder-mark-target:focus-visible{border-color:#e9b5ff;background-color:#a855f72e;outline:none}.ability-thunder-mark-target-icon{display:grid;place-items:center;font-size:clamp(22px,calc(var(--cell-size, 64px) * .42),38px);opacity:.85;pointer-events:none;transition:transform .12s ease,opacity .12s ease}.ability-thunder-mark-target:hover .ability-thunder-mark-target-icon,.ability-thunder-mark-target:focus-visible .ability-thunder-mark-target-icon{transform:scale(1.12);opacity:1}.thunder-scene{position:absolute;inset:0;display:block;pointer-events:none}.thunder-ground{position:absolute;inset:10%}.thunder-ground i{position:absolute;width:18%;height:18%;border:solid var(--thunder-accent);border-width:2px 0 0 2px;border-radius:3px 0 0}.thunder-ground i:nth-child(1){top:0;left:0}.thunder-ground i:nth-child(2){top:0;right:0;transform:rotate(90deg)}.thunder-ground i:nth-child(3){bottom:0;right:0;transform:rotate(180deg)}.thunder-ground i:nth-child(4){bottom:0;left:0;transform:rotate(270deg)}.thunder-direction{position:absolute;inset:31% 30% 12%;width:40%;height:57%;fill:var(--thunder-hot)}.thunder-direction path{fill:none;stroke:var(--thunder-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.thunder-scene.is-candidate .thunder-ground{inset:24%;opacity:.5}.thunder-scene.is-planning .thunder-ground,.thunder-scene.is-armed .thunder-ground{filter:drop-shadow(0 0 3px var(--thunder-accent))}.thunder-scene.is-armed .thunder-ground{animation:thunderTargetLock var(--ability-anticipation-ms, .42s) cubic-bezier(.22,.7,.3,1) both}.thunder-scene.is-strike .thunder-ground{animation:thunderTargetFade .5s ease-out both}@keyframes thunderTargetLock{0%{transform:scale(1.14);opacity:0}to{transform:scale(.96);opacity:1}}@keyframes thunderTargetFade{0%{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.thunder-scene.is-planning *,.thunder-scene.is-armed *{animation:none!important}}.ability-thunder-mark-effect.is-strike{z-index:80}.ability-screen.ability-battle-redesign .board-fx-air.thunder-art,.board-fx-air.thunder-art{inset:-28% auto auto 0;width:100%;height:100%;transform-origin:50% 78%}.thunder-art>.thunder-cloud,.thunder-art>.thunder-strike-webp{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mana-core-visual{display:block;position:relative;width:100%;height:100%}.mana-core-visual .mana-core-glyph{position:relative;object-fit:contain;filter:none;scale:1 var(--board-facing-y,1)}.mana-core-visual .mana-core-facet{position:absolute;inset:-15%;border-radius:50%;background:radial-gradient(circle,#72eaff66,transparent 70%);animation:mana-webp-idle 1.5s ease-in-out infinite}.mana-core-shadow{display:none}.ability-battle-redesign[data-board-view="2.5d"] .mana-core-shadow{display:block;position:absolute;left:5%;top:76%;width:90%;height:24%;border-radius:50%;background:radial-gradient(ellipse,#000a,transparent 72%)}.mana-core-visual.is-spawning .mana-core-glyph{animation:mana-webp-materialize var(--mana-spawn-ms) linear both}.mana-core-spawn{position:absolute;inset:0;scale:1 var(--board-facing-y,1)}.ability-mana-pickup-effect .ability-mana-wave{border:0;border-radius:0;box-shadow:none;inset:-30%;scale:1 var(--board-facing-y,1)}@keyframes mana-webp-idle{0%,to{opacity:.35}50%{opacity:.85}}@keyframes mana-webp-materialize{0%,70%{opacity:0}to{opacity:1}}.ability-grid.is-time-rewinding .mana-core-spawn,.ability-grid.is-time-rewinding .mana-core-visual .mana-core-glyph,.ability-grid.is-time-rewinding .mana-core-visual .mana-core-facet{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.mana-core-spawn.webp-sprite[data-fx]{display:none}.mana-core-visual.is-spawning .mana-core-glyph{animation:none}.mana-core-visual .mana-core-facet{animation:none;opacity:.5}.ability-mana-pickup-effect .ability-mana-wave{display:block}}.magic-mine-burst-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.magic-mine-burst-tile{position:absolute}.magic-mine-burst-tile .board-fx-air{transform-origin:center}.magic-mine-burst-webp{position:absolute;left:-10%;top:-10%;width:120%;height:120%}.field-despawn-effect{position:absolute;pointer-events:none}.field-despawn-webp,.field-despawn-reference{position:absolute;left:-3%;top:-8%;width:106%;height:116%;object-fit:fill}.field-despawn-reference{animation:field-reference-out .18s linear both}@keyframes field-reference-out{0%,35%{opacity:1}to{opacity:0}}.ability-grid.is-time-rewinding .field-despawn-reference{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.field-despawn-reference{animation-duration:.26s}}.atomic-fission-impact-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.atomic-fission-flash{fill:#efffd6;transform-origin:0 0;animation:fission-flash .4s ease-out both}.atomic-fission-fragment-left,.atomic-fission-fragment-right{fill:#d7ff89;stroke:#a8ed66;stroke-width:2;animation:fission-left .4s ease-out both}.atomic-fission-fragment-right{animation-name:fission-right}.atomic-fission-particles{fill:none;stroke:#f4ffb2;stroke-width:2;transform-origin:0 0;animation:fission-particles .4s ease-out both}@keyframes fission-flash{0%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:scale(1)}45%,to{opacity:0;transform:scale(.6)}}@keyframes fission-left{0%{opacity:0;transform:translate(4px)}18%{opacity:1}to{opacity:0;transform:translate(-12px)}}@keyframes fission-right{0%{opacity:0;transform:translate(-4px)}18%{opacity:1}to{opacity:0;transform:translate(12px)}}@keyframes fission-particles{0%{opacity:0;transform:scale(.6)}20%{opacity:1}to{opacity:0;transform:scale(1.25)}}@media(prefers-reduced-motion:reduce){.atomic-fission-flash,.atomic-fission-fragment-left,.atomic-fission-fragment-right,.atomic-fission-particles{animation-name:fission-still}}@keyframes fission-still{0%{opacity:.8}to{opacity:0}}.shadow-rush-impact-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.shadow-rush-splash{fill:#1c102e;stroke:#9b65dd;stroke-width:2;transform-origin:0 0;animation:shadow-impact-splash .46s ease-out both}.shadow-rush-afterimage{fill:#a56ee0;transform-origin:0 0;animation:shadow-impact-trail .46s ease-out both}.shadow-rush-shreds{fill:#7445a7;transform-origin:0 0;animation:shadow-impact-shreds .46s ease-out both}@keyframes shadow-impact-splash{0%{opacity:0;transform:scale(.4,.7)}18%{opacity:.95}to{opacity:0;transform:scale(1.1,.9)}}@keyframes shadow-impact-trail{0%{opacity:0;transform:translate(-9px) scale(.7)}16%{opacity:.65}to{opacity:0;transform:translate(-23px) scale(.85)}}@keyframes shadow-impact-shreds{0%{opacity:0;transform:scale(.5)}22%{opacity:.8}to{opacity:0;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.shadow-rush-splash,.shadow-rush-afterimage,.shadow-rush-shreds{animation-name:shadow-impact-still}}@keyframes shadow-impact-still{0%{opacity:.8}to{opacity:0}}.electric-blitz-impact-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.electric-blitz-discharge-glow,.electric-blitz-discharge{fill:none;stroke-linecap:round;stroke-linejoin:bevel;transform-origin:0 0;animation:blitz-discharge .52s ease-out both}.electric-blitz-discharge-glow{stroke:#20dfff;stroke-width:8;opacity:.9;filter:drop-shadow(0 0 5px #29e6ff) drop-shadow(0 0 10px #0aa9ff)}.electric-blitz-discharge{stroke:#f4ffff;stroke-width:3.8;filter:drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 5px #59ecff)}.electric-blitz-sparks{fill:none;stroke:#c8ffff;stroke-width:3.2;stroke-linecap:round;animation:blitz-sparks .52s ease-out both;transform-origin:0 0;filter:drop-shadow(0 0 4px #35dfff)}@keyframes blitz-discharge{0%{opacity:.9;transform:scale(.85,.9)}10%{opacity:1;transform:scale(.86,.95)}34%{opacity:1;transform:scale(1.06)}52%{opacity:.9}64%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1.22)}}@keyframes blitz-sparks{0%{opacity:.8;transform:scale(.8)}14%{opacity:1}44%{opacity:.9;transform:scale(1.08)}to{opacity:0;transform:scale(1.32)}}@media(prefers-reduced-motion:reduce){.electric-blitz-discharge-glow,.electric-blitz-discharge,.electric-blitz-sparks{animation-name:blitz-impact-still}}@keyframes blitz-impact-still{0%{opacity:1}to{opacity:0}}.electric-blitz-contact-flash{fill:#f4ffff;transform-origin:0 0;animation:blitz-contact-flash .52s ease-out both}.electric-blitz-contact-corona{fill:none;stroke:#7bedff;stroke-width:2.5;stroke-linejoin:bevel;transform-origin:0 0;animation:blitz-contact-corona .52s ease-out both}@keyframes blitz-contact-flash{0%{opacity:1;transform:scale(.75)}12%{opacity:.95;transform:scale(1.1)}34%,to{opacity:0;transform:scale(.3)}}@keyframes blitz-contact-corona{0%{opacity:.95;transform:scale(.65)}18%{opacity:1;transform:scale(1)}55%{opacity:.85;transform:scale(1.12)}to{opacity:0;transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.electric-blitz-contact-flash,.electric-blitz-contact-corona{animation-name:blitz-impact-still}}.sun-chariot-impact-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.sun-chariot-impact-ring{fill:none;stroke:#ffd35b;stroke-width:3;transform-origin:0 0;animation:solar-impact-ring .48s ease-out both}.sun-chariot-impact-flare{fill:#fff2b0;transform-origin:0 0;animation:solar-impact-flare .48s ease-out both}.sun-chariot-impact-rays{fill:none;stroke:#ffb83d;stroke-width:2;transform-origin:0 0;animation:solar-impact-ring .48s ease-out both}@keyframes solar-impact-ring{0%{opacity:0;transform:scale(.35)}18%{opacity:1}to{opacity:0;transform:scale(1.35)}}@keyframes solar-impact-flare{0%{opacity:0;transform:scale(.3)}12%{opacity:.95;transform:scale(1)}65%,to{opacity:0;transform:scale(.65)}}@media(prefers-reduced-motion:reduce){.sun-chariot-impact-ring,.sun-chariot-impact-flare,.sun-chariot-impact-rays{animation-name:solar-impact-still}}@keyframes solar-impact-still{0%{opacity:.85}to{opacity:0}}.ember-blast-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.ember-blast-tile{position:absolute}.ember-blast-tile .board-fx-air{position:absolute;inset:0;transform-origin:center}.ember-blast-webp{position:absolute;left:-8%;top:-8%;width:116%;height:116%}.ability-screen.ability-battle-redesign .ember-blast-tile .board-fx-air{transform-origin:center}.nova-blast-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.nova-blast-tile{position:absolute}.nova-blast-tile .board-fx-air{position:absolute;inset:0;transform-origin:center}.nova-blast-webp{position:absolute;left:-8%;top:-8%;width:116%;height:116%}.ability-screen.ability-battle-redesign .nova-blast-tile .board-fx-air{transform-origin:center}.trajectory-impact-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.trajectory-impact-webp{position:absolute;background:url(/ui/battle/spectrum-slash/hit.webp) center / contain no-repeat;transform:translate(-50%,-50%);scale:1 var(--board-facing-y, 1);animation:spectrum-hit-fade .32s ease-out both}@keyframes spectrum-hit-fade{0%{opacity:1}25%{opacity:1}to{opacity:0}}.thunder-strike-impact-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.thunder-strike-impact-arc{fill:none;stroke:#a8e5ff;stroke-width:2.5;stroke-linejoin:bevel;animation:thunder-residual-arc .42s ease-out 70ms both}.thunder-strike-impact-residue{fill:none;stroke:#dcecff;stroke-width:1.5;animation:thunder-residual-sparks .4s ease-out 90ms both}@keyframes thunder-residual-arc{0%{opacity:0;transform:scaleX(.4)}15%{opacity:.85;transform:scaleX(1)}45%{opacity:.3}58%{opacity:.55}to{opacity:0;transform:scaleX(1.05)}}@keyframes thunder-residual-sparks{0%{opacity:0;transform:scale(.7)}20%{opacity:.75}to{opacity:0;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.thunder-strike-impact-arc{animation:thunder-impact-still .25s ease-out both}.thunder-strike-impact-residue{display:none}}@keyframes thunder-impact-still{0%{opacity:.65}to{opacity:0}}.celestial-impact-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.celestial-impact-scorch{fill:#eacb6233;stroke:#eddb98;stroke-width:1;animation:celestial-scorch-fade .52s ease-out both}.celestial-impact-star{fill:#fff7cf;animation:celestial-star-glint .45s ease-out 50ms both}.celestial-impact-fragments{fill:#e7d5ff;animation:celestial-fragment-drift .47s ease-out 70ms both}@keyframes celestial-scorch-fade{0%{opacity:0;transform:scale(.4)}25%{opacity:.6;transform:scale(1)}to{opacity:0}}@keyframes celestial-star-glint{0%{opacity:0;transform:scale(.2) rotate(-20deg)}25%{opacity:.85;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.4) rotate(15deg)}}@keyframes celestial-fragment-drift{0%{opacity:0;transform:scale(.6)}25%{opacity:.75}to{opacity:0;transform:translateY(-8px) scale(1.1)}}@media(prefers-reduced-motion:reduce){.celestial-impact-scorch,.celestial-impact-star{animation:celestial-impact-still .25s ease-out both}.celestial-impact-fragments{display:none}}@keyframes celestial-impact-still{0%{opacity:.65}to{opacity:0}}.inferno-spawn-effect{position:absolute;inset:0;z-index:80;pointer-events:none}.inferno-spawn-tile{position:absolute;overflow:visible}.inferno-spawn-effect.is-pulse .inferno-spawn-tile{overflow:hidden}.inferno-spawn-webp{position:absolute;left:-3%;top:-8%;width:106%;height:116%}.inferno-spawn-vent{position:absolute;inset:10% 18% 18%;background:linear-gradient(0deg,#ffce61,#f85c1f 55%,#d8231600);clip-path:polygon(0 100%,12% 54%,24% 68%,32% 17%,45% 43%,52% 0,64% 53%,79% 24%,88% 66%,100% 100%);transform-origin:50% 100%;animation:inferno-vent-rise .54s ease-out both}.inferno-spawn-embers{position:absolute;inset:15% 25%;background:radial-gradient(circle at 20% 60%,#ffde73 0 3%,transparent 5%),radial-gradient(circle at 80% 35%,#ffa93c 0 4%,transparent 6%);animation:inferno-embers-rise .48s ease-out 60ms both}.inferno-spawn-effect.is-pulse .inferno-spawn-vent{animation:inferno-tile-pulse .3s ease-out both}@keyframes inferno-vent-rise{0%,14%{opacity:0;transform:scaleY(.08)}40%{opacity:.9;transform:scaleY(1)}to{opacity:0;transform:scaleY(.2)}}@keyframes inferno-embers-rise{0%{opacity:0;transform:translateY(15%)}25%{opacity:1}to{opacity:0;transform:translateY(-30%)}}@keyframes inferno-tile-pulse{0%{opacity:.8;transform:scaleY(.4)}to{opacity:0;transform:scaleY(.8)}}@media(prefers-reduced-motion:reduce){.inferno-spawn-vent,.inferno-spawn-effect.is-pulse .inferno-spawn-vent{animation:inferno-still-flash .25s ease-out both}.inferno-spawn-embers{display:none}}@keyframes inferno-still-flash{0%{opacity:.65}to{opacity:0}}.root-growth-effect{position:absolute;inset:0;z-index:80;pointer-events:none}.root-growth-tile{position:absolute;overflow:hidden}.root-growth-webp{position:absolute;left:-7%;top:-7%;width:114%;height:114%}.ice-spawn-effect{position:absolute;inset:0;z-index:80;pointer-events:none}.ice-spawn-tile{position:absolute;overflow:hidden}.ice-spawn-webp{position:absolute;left:-7%;top:-7%;width:114%;height:114%}.cosmic-bigbang-effect{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden}.cosmic-bigbang-effect.is-wave{z-index:75}.cosmic-bigbang-wave-viewport{display:block;overflow:hidden}.cosmic-bigbang-front{display:block;width:100%;height:100%}.cosmic-bigbang-front-motion{animation:cosmic-front-travel .4s linear both}.cosmic-bigbang-front{background:url(/ui/battle/bigbang/wave-01.webp) center / 100% 100% no-repeat;animation:cosmic-webp-wave .4s steps(1,end) both}.cosmic-bigbang-impact-anchor{position:absolute;transform:translate(-50%,-50%);scale:1 var(--board-facing-y, 1)}.cosmic-bigbang-impact-sprite{display:block;width:100%;height:100%;background:center / contain no-repeat}.cosmic-bigbang-impact-sprite.is-hit{background-image:url(/ui/battle/bigbang/hit.webp);animation:cosmic-webp-hit .9s ease-out both}.cosmic-bigbang-impact-sprite.is-destroy{background-image:url(/ui/battle/bigbang/dust.webp);animation:cosmic-webp-dust .7s ease-out both}@keyframes cosmic-front-travel{0%{opacity:1;transform:translate(0)}85%{opacity:1}to{opacity:0;transform:translate(var(--cosmic-travel))}}@keyframes cosmic-webp-wave{0%{background-image:url(/ui/battle/bigbang/wave-01.webp)}12%{background-image:url(/ui/battle/bigbang/wave-02.webp)}45%{background-image:url(/ui/battle/bigbang/wave-03.webp)}}@keyframes cosmic-webp-hit{0%{opacity:1;transform:scale(.7)}12%{opacity:1;transform:scale(1)}45%{opacity:.65}to{opacity:0;transform:scale(1.15)}}@keyframes cosmic-webp-dust{0%{opacity:.8;transform:scale(.65)}to{opacity:0;transform:scale(1.15)}}.is-reduced .cosmic-bigbang-front{animation:none;background-image:url(/ui/battle/bigbang/wave-02.webp)}.is-reduced .cosmic-bigbang-impact-sprite{animation:cosmic-still-pulse .7s ease-out both}@media(prefers-reduced-motion:reduce){.cosmic-bigbang-front{animation:none;background-image:url(/ui/battle/bigbang/wave-02.webp)}.cosmic-bigbang-impact-sprite{animation:cosmic-still-pulse .7s ease-out both}}@keyframes cosmic-still-pulse{0%{opacity:.85}to{opacity:0}}.dream-clone-preview{position:absolute;inset:0;z-index:8;pointer-events:none}.dream-clone-layer{position:absolute;inset:0;pointer-events:none}.dream-clone-standby{position:absolute;inset:0;visibility:hidden;pointer-events:none}.dream-clone-standby *{animation-play-state:paused!important}.dream-clone-layer.is-ending{animation:dream-clone-dissolve .3s ease-out forwards}.dream-clone-owner-label{position:absolute;z-index:31;transform:translate(-50%,-50%);padding:1px 4px;border-radius:5px;color:#e7dcff;background:#24153d;border:1px solid #ac8ada;font-size:10px;line-height:1.2;font-weight:700}@keyframes dream-clone-dissolve{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.dream-clone-layer.is-ending{animation:none;opacity:0}}.dream-clone-dissolve-sparks{position:absolute;z-index:30;pointer-events:none}.dream-clone-dissolve-sparks:before,.dream-clone-dissolve-sparks:after{content:"";position:absolute;width:4px;height:4px;background:#d8c6ff;animation:dream-sparks-out .3s ease-out forwards}.dream-clone-dissolve-sparks:after{--dream-spark-x: -12px;--dream-spark-y: 9px;background:#b5e9f0}@keyframes dream-sparks-out{0%{opacity:1;transform:translate(-2px,-2px) rotate(45deg)}to{opacity:0;transform:translate(var(--dream-spark-x, 12px),var(--dream-spark-y, -14px)) rotate(45deg) scale(.3)}}@media(prefers-reduced-motion:reduce){.dream-clone-dissolve-sparks{display:none}}.ability-prediction-marker{position:absolute;z-index:18;pointer-events:none;transform:translate(-50%,-50%);color:#dcc2ff;text-align:center}.ability-prediction-marker>span{display:inline-block;font-size:40px;text-shadow:0 0 9px #a682eb}.ability-prediction-marker:not(.is-hit):not(.is-miss)>span{animation:prediction-marker-breathe 2.2s ease-in-out infinite}@keyframes prediction-marker-breathe{0%,to{transform:scale(.94);opacity:.72}50%{transform:scale(1.06);opacity:1}}@media(prefers-reduced-motion:reduce){.ability-prediction-marker:not(.is-hit):not(.is-miss)>span{animation:none}}.ability-prediction-marker small{display:block;white-space:nowrap;padding:3px 7px;border-radius:8px;background:#10152deb;font-weight:700}.ability-prediction-marker.is-hit{color:#86efac;animation:prediction-reveal 1.4s ease-out both}.ability-prediction-marker.is-miss{color:#b7b3cc;animation:prediction-reveal 1.4s ease-out both}@keyframes prediction-reveal{0%{opacity:0}15%,75%{opacity:1}to{opacity:0}}.ability-prediction-cast{animation:prediction-reveal 1.1s ease-out both}.ability-prediction-cast.is-red{color:#ffadb9}.ability-prediction-cast.is-blue{color:#9eeaff}.ability-prediction-target.is-red{color:#ff9aaa}.ability-prediction-target.is-blue{color:#82deff}.ability-prediction-target>span{font-size:28px;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.ability-prediction-target small{font-size:11px;border:1px solid currentColor}.ability-prediction-target.is-shared>span{font-size:18px}.ability-prediction-target.is-shared small{font-size:9px;padding:1px 3px}.ability-prediction-target.is-success small{background:#123d29f2}.ability-prediction-target.is-failure small{background:#40202af2}.ability-prediction-target.is-success>span,.ability-prediction-target.is-failure>span{animation:none}.ability-prediction-cast>span{padding:8px;border:2px solid currentColor;border-radius:50%;background:#16152bd9;box-shadow:0 0 12px currentColor}.ability-screen{--hud-player-height: clamp(80px, 10dvh, 96px);--hud-accent: 169, 183, 220;--hud-surface: #141a24;--hud-inset: #0e141e;--hud-edge: rgba(var(--hud-accent), .8)}.ability-screen[data-hud-arena="2"]{--hud-accent: 108, 197, 216}.ability-screen[data-hud-arena="3"]{--hud-accent: 215, 147, 119}.ability-screen[data-hud-arena="4"]{--hud-accent: 147, 177, 232}.ability-screen[data-hud-arena="5"]{--hud-accent: 178, 153, 223}.ability-screen[data-hud-arena="6"]{--hud-accent: 202, 180, 129}.ability-screen[data-hud-arena="7"]{--hud-accent: 181, 163, 223}.ability-screen[data-hud-arena="8"]{--hud-accent: 135, 207, 181}.ability-screen[data-hud-arena="9"]{--hud-accent: 168, 208, 229}.ability-screen[data-hud-arena="10"]{--hud-accent: 223, 204, 152}.ability-screen [data-hud-team=red]{--hud-accent: 255, 105, 125}.ability-screen [data-hud-team=blue]{--hud-accent: 100, 185, 255}.ability-screen [data-hud-team]{--hud-edge: rgba(var(--hud-accent), .9)}.ability-screen .ability-opponent-identity{display:flex;align-items:center;gap:.6rem;min-width:0;width:100%}.ability-screen .ability-opponent-portrait{position:relative;display:grid;place-items:center;width:4.5rem;height:4.5rem;flex:0 0 auto;border-radius:50%;border:1px solid rgba(var(--hud-accent),.85);background:#0c121b;box-shadow:0 0 8px rgba(var(--hud-accent),.4);pointer-events:none}.ability-screen .ability-opponent-portrait .ability-opponent-portrait-skin{width:90%;height:90%;transform:none;box-shadow:none}.ability-screen .ability-opponent-portrait-skin,.ability-screen .ability-opponent-portrait-skin:before,.ability-screen .ability-opponent-portrait-skin:after,.ability-screen .ability-opponent-portrait-skin *,.ability-screen .ability-opponent-portrait-skin *:before,.ability-screen .ability-opponent-portrait-skin *:after{animation-play-state:paused!important}.ability-screen [data-hud-team=blue] .ability-opponent-portrait-skin.skin-preview-classic{background:radial-gradient(circle at 35% 35%,#b2d6ff,#3b82f6 70%)}.ability-screen :is(.ability-path-bar,.ability-opponent-panel,.ability-skill-panel){background:linear-gradient(135deg,rgba(var(--hud-accent),.08),transparent 45%),var(--hud-surface);border-width:3px;border-color:var(--hud-edge);border-radius:.8rem}.ability-screen .timer-container,.ability-screen .gs-lobby-btn{background:var(--hud-inset);border-width:3px;border-color:var(--hud-edge);border-radius:.55rem}.ability-screen .timer-container{overflow:visible}.ability-screen .timer-container.yellow{--hud-accent: 251, 191, 36}.ability-screen .timer-container.red{--hud-accent: 248, 113, 113}.ability-screen .gs-lobby-btn{position:relative;color:#d2deeb;letter-spacing:.055em;transition:transform 90ms ease-out,border-color .12s ease-out,color .12s ease-out}.ability-screen .gs-lobby-btn:focus-visible{outline:2px solid #d6eaff;outline-offset:3px}.ability-screen .gs-lobby-btn.is-touch-pressed{--hud-accent: 237, 247, 255}@media(hover:hover)and (pointer:fine){.ability-screen .gs-lobby-btn:hover{border-color:rgba(var(--hud-accent),.8);color:#f4f8ff}}.ability-screen .timer-round-text{color:#bac9d8;font-variant-numeric:tabular-nums}.ability-screen .timer-text,.ability-screen .gs-path-count{font-variant-numeric:tabular-nums}.ability-screen .ability-path-points .gs-path-label{color:#aabccb;text-shadow:none;letter-spacing:.035em}.ability-screen .gs-path-current{color:#68e997;font-weight:800}.ability-screen .gs-path-max{color:#afc0d2}.ability-screen .gs-path-sep{color:#647d91}.ability-screen .ability-path-points .gs-path-seg:not(.filled){background:#0d1924;border-color:#a4bbcf2b;box-shadow:inset 0 1px 2px #00000026}.ability-screen .ability-self-panel{height:var(--hud-player-height);box-sizing:border-box;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:.65rem;flex-shrink:0;z-index:3}.ability-self-identity{grid-column:1;grid-row:1 / 3;display:flex;align-items:center;gap:.6rem;min-width:0}.ability-self-panel .ability-path-points{grid-column:2;grid-row:1}.ability-self-panel .ability-mana-panel{grid-column:2;grid-row:2}.ability-self-panel .ability-path-points,.ability-self-panel .ability-mana-panel{align-self:end;display:flex;flex-direction:column;gap:.45rem;min-width:0;position:relative;padding-left:2rem}.ability-self-panel .ability-mana-panel,.ability-self-panel .ability-mana-panel:hover,.ability-self-panel .ability-mana-panel.is-pressing{margin:0;padding:0 0 0 2rem;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.ability-gauge-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;fill:none;stroke:#82e5ff;stroke-width:2;pointer-events:none}.ability-self-panel .ability-mana-panel.is-pressing .gs-path-label{color:#b5e8ff}.ability-self-panel .ability-mana-panel.mana-core-charging{animation:none}.ability-self-panel .ability-mana-panel.mana-core-charging .gs-path-gauge{animation:mana-bar-charge-glow .65s ease-out forwards}.ability-self-panel .gs-path-header{gap:.3rem}.ability-self-panel .gs-path-label{font-size:.68rem}.ability-self-panel .gs-path-count{font-size:.82rem}.ability-self-panel .gs-path-gauge{gap:.2rem}.ability-screen .ability-skill-panel{z-index:3}.ability-combat-area{flex:1;min-height:0;display:flex;flex-direction:column;gap:.35rem;padding-bottom:.35rem}.ability-combat-area .gs-grid-area{flex:0 1 auto;aspect-ratio:100 / 92;margin-top:auto}.ability-screen .ability-grid-shell{align-items:flex-end}.ability-skill-btn .ability-skill-name{line-height:1.25;overflow-wrap:anywhere}.ability-screen .ability-opponent-panel{height:var(--hud-player-height);box-sizing:border-box;flex-shrink:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:.3rem .65rem;padding-block:.48rem;padding-right:.85rem}.ability-screen .ability-framed{isolation:isolate;background:none;border-color:transparent;box-shadow:none}.ability-screen .ability-framed:before,.ability-screen .ability-framed:after{display:none}.ability-hud-frame{z-index:-1;position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);color:rgb(var(--hud-accent));pointer-events:none;overflow:visible}.ability-round-status{--hud-accent: 47, 204, 255;position:relative;flex-shrink:0;display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;min-height:3.8rem;padding:.3rem .6rem;color:#55dfff}.ability-round-status svg:not(.ability-hud-frame){width:1.7rem;height:1.7rem;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}.ability-round-cycle-icon{animation:ability-round-cycle-in .38s ease-out both;transform-origin:center}@keyframes ability-round-cycle-in{0%{transform:rotate(-75deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.ability-round-cycle-icon{animation:none}}.ability-round-stage,.ability-round-role,.ability-round-time{display:flex;align-items:center;justify-content:center;gap:.3rem;min-width:0}.ability-round-status strong{font-size:.9rem;white-space:nowrap}.ability-round-stage span,.ability-round-role div>span{display:block;font-size:.62rem}.ability-round-role{border-inline:1px solid #1b718b;position:relative;overflow:hidden}.ability-round-role strong{font-size:1.35rem;text-shadow:0 0 7px #158caf}.ability-round-role.is-attack{color:#ff7a8e}.ability-role-content{display:flex;align-items:center;justify-content:center;gap:.3rem;color:#55dfff}.ability-role-content.is-attack{color:#ff7a8e}.ability-role-content.is-outgoing{position:absolute;inset:0;animation:ability-role-out .16s ease-in both;pointer-events:none}.ability-role-content.is-changing{animation:ability-role-in .34s .06s ease-out both}.ability-round-role .ability-role-icon{position:relative;display:inline-flex;flex-shrink:0}.is-changing .ability-role-icon:after{content:"";position:absolute;inset:-2px;border:1px solid currentColor;border-radius:50%;pointer-events:none;animation:ability-role-ring .3s .1s ease-out both}@keyframes ability-role-out{to{opacity:0;transform:translateY(-5px)}}@keyframes ability-role-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ability-role-ring{0%{opacity:.55;transform:scale(.65)}to{opacity:0;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.ability-role-content.is-changing{animation:none}.ability-role-content.is-outgoing,.is-changing .ability-role-icon:after{display:none}}.ability-round-time{color:#ffc767;position:relative}.ability-round-status .timer-container{height:2.7rem;border:0;background:none;box-shadow:none}.ability-round-status .timer-container{overflow:hidden}.ability-round-status .timer-track{right:1rem}.ability-round-status .timer-bar-tip{right:0}.ability-round-status .timer-text{font-size:1.4rem;display:inline-flex;align-items:center;gap:.15rem}.ability-round-status .timer-releasing{animation:none}@media(max-width:360px){.ability-round-status{padding-inline:.2rem}.ability-round-stage>svg,.ability-role-icon{display:none}}.ability-screen .ability-opponent-panel-name{container-type:inline-size;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1 1 auto;gap:.2rem;width:auto;max-width:100%}.ability-screen .ability-opponent-panel-name .player-info{flex:0 1 auto;min-width:0;width:100%}.ability-screen .ability-opponent-panel-name .nickname-btn{display:block;min-width:0;min-height:1.75rem;font-size:.82rem}.ability-screen .ability-opponent-rating{flex:0 0 auto;background:var(--hud-inset);border-color:var(--hud-edge);color:#dbe7f3;box-shadow:none;font-variant-numeric:tabular-nums}.ability-screen .ability-opponent-panel .profile-box{min-width:min(14.5rem,calc(100vw - 3rem));background:var(--hud-surface);border-color:var(--hud-edge);box-shadow:0 8px 20px #0000004d}.ability-screen .ability-opponent-panel .profile-id-copy{flex-shrink:0;white-space:nowrap}.ability-skill-panel-head{display:flex;align-items:center;gap:.8rem;min-height:2.8rem;padding:.35rem .5rem .55rem}.ability-skill-panel-head>strong{font-size:1.1rem;color:#ffd4de;padding-right:.8rem;border-right:1px solid #ff91aa;line-height:1.2}.ability-skill-panel-head .ability-rune-badge,.ability-opponent-rating-row .ability-rune-badge{max-width:100%;padding:2px 8px;gap:4px;font-size:.7rem;color:#e5eefc;background:#0b1728;border-color:color-mix(in srgb,var(--rune-accent),#94a3b8 35%)}.ability-skill-panel-head .ability-rune-badge-icon,.ability-opponent-rating-row .ability-rune-badge-icon{width:1rem;height:1rem}.ability-skill-panel-head .ability-rune-badge{padding:.3rem .7rem;font-size:.85rem}.ability-screen .ability-opponent-panel-skill-stack{display:grid;justify-items:end;width:100%;margin-left:0;gap:.24rem .45rem}.ability-screen .ability-opponent-panel-skills-row{display:block;width:100%}.ability-screen .ability-opponent-panel-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:100%;max-width:18rem;margin-left:auto;gap:.65rem}.ability-opponent-rating-row{display:flex;align-items:center;gap:2px;width:100%;font-size:min(.85rem,calc((100cqw - 2px) / var(--badge-units)))}.ability-screen .ability-opponent-rating-row>span{font-size:inherit;padding:.3em;gap:.2em;flex:1 1 auto;justify-content:center}.ability-opponent-rating-row .lobby-user-score-icon{font-size:1.2em}.ability-screen .ability-opponent-rating-row .ability-rune-badge-icon{width:1.2em;height:1.2em}.ability-opponent-rating-row .ability-rune-badge>span:last-child{flex-shrink:0;overflow:visible;text-overflow:clip}.ability-screen .ability-opponent-panel-skill{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:calc(var(--hud-player-height) - 1.3rem);min-height:0;padding:.25rem;gap:.1rem;justify-items:center;text-align:center;cursor:default}.ability-opponent-panel-skill .ability-skill-icon{grid-column:1;grid-row:1;font-size:2.4rem;line-height:1}.ability-opponent-panel-skill .ability-skill-name{grid-column:1;grid-row:2;font-size:.84rem;display:block;width:100%}.ability-screen .ability-opponent-panel-skill-name{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.ability-screen .ability-skill-btn:not(:is(.is-selected,.is-active,.is-casting-flash,.is-pressing,.ability-opponent-panel-skill)){background:var(--hud-inset);border-color:#94b5cf3d;box-shadow:none}.ability-opponent-panel-skill:before{display:none}.ability-opponent-panel-skill .ability-hud-frame{color:var(--skill-category-color)}.ability-screen .ability-skill-btn:disabled,.ability-screen .ability-skill-btn[aria-disabled=true]{opacity:.62}.ability-screen .ability-skill-btn:is(.is-pressing,.is-casting-flash){opacity:1}.ability-screen .ability-skill-name.used{opacity:.75}@media(max-width:480px){.ability-screen .ability-opponent-panel{padding:.65rem .85rem .65rem .4rem;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:.65rem}.ability-screen .ability-opponent-identity{gap:.35rem}.ability-screen .ability-opponent-panel-skill{padding:.3rem .15rem}.ability-opponent-panel-skill .ability-skill-icon{font-size:clamp(1.3rem,6vw,1.9rem)}.ability-opponent-panel-skill .ability-skill-name{font-size:clamp(.62rem,2.6vw,.72rem);line-height:1.15}.ability-screen .ability-opponent-portrait{width:3.5rem;height:3.5rem}.ability-screen .ability-opponent-panel-name{gap:.2rem}}@media(max-width:480px)and (max-height:740px){.ability-screen .ability-self-panel{gap:.3rem .5rem}.ability-self-panel .ability-path-points,.ability-self-panel .ability-mana-panel{gap:.25rem}.ability-skill-buttons .ability-skill-icon{font-size:1.4rem}}.ability-skill-buttons .ability-skill-btn{min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:3rem minmax(2.25rem,auto);gap:.4rem .15rem;padding:.65rem;align-items:start;text-align:left}.ability-skill-buttons .ability-skill-icon{grid-column:1;grid-row:1;font-size:2.8rem}.ability-skill-buttons .ability-skill-cost{grid-column:2;grid-row:1;padding-inline:.3rem}.ability-skill-buttons .ability-skill-name{grid-column:1 / -1;grid-row:2;font-size:.9rem}.ability-skill-buttons .ability-skill-btn:before{inset-block:12%;width:4px;background:linear-gradient(90deg,#fff,var(--skill-category-color));box-shadow:0 0 5px #fff,0 0 14px var(--skill-category-color)}@media(max-width:480px){.ability-skill-buttons .ability-skill-btn{padding:.5rem;grid-template-rows:2.7rem minmax(2rem,auto)}.ability-skill-buttons .ability-skill-icon{font-size:2.4rem}.ability-skill-buttons .ability-skill-name{font-size:.8rem}}@media(max-width:480px)and (max-height:740px){.ability-skill-buttons .ability-skill-btn{padding:.35rem;grid-template-rows:2rem minmax(2rem,auto);gap:.2rem}.ability-skill-buttons .ability-skill-icon{font-size:2rem}}@media(max-width:600px)and (orientation:portrait){.game-screen.ability-screen{--hud-player-height: clamp(56px, 8dvh, 72px);--ability-board-scale: 1;padding-inline:4px;gap:4px;overflow-y:auto}.ability-screen .gs-board-stage,.ability-screen .ability-combat-area{flex:1 0 auto;min-height:min-content}.ability-screen .ability-combat-area .gs-grid-area{flex:0 0 auto;width:100%;aspect-ratio:1;margin-top:auto}.ability-screen :is(.ability-self-panel,.ability-opponent-panel){padding:6px 8px;gap:3px 8px}.ability-screen .ability-self-panel{padding-block:4px 6px;grid-template-rows:repeat(2,minmax(0,1fr));row-gap:2px}.ability-screen .ability-opponent-portrait{width:42px;height:42px}.ability-self-panel :is(.ability-path-points,.ability-mana-panel){gap:1px;padding-left:1.5rem;align-self:center;min-height:0}.ability-self-panel .gs-path-header{line-height:1}.ability-self-panel .ability-gauge-icon{width:1.2rem;height:1.2rem}.ability-self-panel .gs-path-label{font-size:.65rem}.ability-self-panel .gs-path-count{font-size:.75rem}.ability-self-panel .gs-path-gauge{height:6px;flex-shrink:0}.ability-self-panel .gs-path-seg{height:6px;box-sizing:border-box}.ability-screen .ability-opponent-panel-skill{height:calc(var(--hud-player-height) - 20px);padding:1px 2px;gap:0}.ability-screen .ability-opponent-panel-skill .ability-skill-icon{font-size:clamp(1.25rem,calc(var(--hud-player-height) - 38px),1.8rem)}.ability-screen .ability-opponent-panel-skill .ability-skill-name{font-size:.62rem;line-height:1.1}.ability-screen .ability-opponent-panel-name .nickname-btn{min-height:0;line-height:1.1;font-size:.75rem}.ability-screen .ability-skill-panel-head{min-height:1.8rem;padding-block:.15rem}}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn{isolation:isolate;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:20px minmax(34px,1fr) minmax(24px,auto);gap:3px;padding:8px;border:1px solid transparent;border-radius:12px;background:#06172c;box-shadow:inset 0 0 12px #22bdff12;text-align:center;overflow:hidden}.ability-skill-card-frame{position:absolute;inset:-1px;z-index:-1;pointer-events:none;border:13px solid transparent;border-image:url(/ui/battle/skill-card-glass.webp) 80 fill / 13px / 0 stretch;opacity:.85;transition:opacity .14s ease-out}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn:after{display:none}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn:before{inset:auto 22% 3px;height:2px;width:auto;border-radius:2px;background:#67dcff;box-shadow:0 0 5px #29c8ff;opacity:.45}.ability-screen.ability-battle-redesign .ability-skill-buttons .ability-skill-icon{grid-column:1 / -1;grid-row:2;justify-self:center;align-self:center;display:grid;place-items:center;font-size:clamp(2.2rem,5.5vw,3.2rem);line-height:1}.ability-screen.ability-battle-redesign .ability-skill-buttons .ability-skill-name{grid-column:1 / -1;grid-row:3;justify-content:center;align-self:center;font-size:clamp(.7rem,2.6vw,.9rem);line-height:1.15}.ability-screen.ability-battle-redesign .ability-skill-buttons .ability-skill-cost{grid-column:2;grid-row:1;min-width:28px;min-height:20px;padding:2px 5px;gap:3px;font-size:.7rem;z-index:1}.ability-skill-reservation{grid-column:1;grid-row:1;justify-self:start;align-self:center;display:inline-flex;align-items:center;gap:2px;color:#ffe4a0;font-size:clamp(.55rem,1.9vw,.66rem);font-weight:800;white-space:nowrap}.ability-skill-reservation[hidden]{display:none}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn.is-selected{border-color:#ffd27b;background:#24170b;box-shadow:inset 0 0 12px #ffbc3d22,0 0 9px #ffb12b66}.ability-skill-buttons>.ability-skill-btn.is-selected .ability-skill-card-frame{filter:hue-rotate(200deg) saturate(.85);opacity:1}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn.is-selected:before{background:#ffe2a0;box-shadow:0 0 7px #ffb32f;opacity:1}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn.is-active:not(.is-selected){border-color:#c2f4ff;box-shadow:inset 0 0 10px #50dbff22,0 0 8px #63dbff66}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn[aria-disabled=true]:not(.is-selected):not(.is-casting-flash){opacity:1;border-color:transparent;box-shadow:none}.ability-skill-buttons>.ability-skill-btn[aria-disabled=true]:not(.is-selected):not(.is-casting-flash) .ability-skill-card-frame{opacity:.32;filter:saturate(.25)}.ability-skill-buttons>.ability-skill-btn[aria-disabled=true]:not(.is-selected):not(.is-casting-flash) .ability-skill-icon{opacity:.65;filter:saturate(.65)}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn:focus-visible{outline:2px solid #e4faff;outline-offset:2px}@media(hover:hover){.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn:hover{border-color:#b9efff}.ability-skill-buttons>.ability-skill-btn:hover .ability-skill-card-frame{opacity:1}}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn:is(:active,.is-pressing){transform:scale(.97)}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn.is-casting-flash{animation:skill-glass-cast .4s ease-out}@keyframes skill-glass-cast{30%{box-shadow:inset 0 0 15px #d5f5ff66,0 0 12px #b5eeff99}}@media(max-width:380px),(max-height:600px){.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn{padding:5px;gap:2px;grid-template-rows:18px minmax(28px,1fr) minmax(22px,auto)}.ability-screen.ability-battle-redesign .ability-skill-buttons .ability-skill-icon{font-size:2rem}.ability-screen.ability-battle-redesign .ability-skill-buttons .ability-skill-cost{min-width:25px;min-height:18px;padding:1px 3px;font-size:.65rem}}@media(prefers-reduced-motion:reduce){.ability-skill-card-frame{transition:none}.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn,.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn .ability-skill-icon,.ability-screen.ability-battle-redesign .ability-skill-buttons>.ability-skill-btn .ability-skill-name{animation:none;transition:none}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg, #12181b);color:var(--text, #f0f4f8);font-family:Plus Jakarta Sans,system-ui,sans-serif;-webkit-user-select:none;user-select:none}.app-outer{width:100%;height:100%;min-height:100dvh;background:#000;display:flex;justify-content:center;align-items:flex-start}.app-outer--lobby{align-items:center}.app-outer--game{height:100dvh;overflow:hidden}.app-outer--game .app-inner{height:100%;min-height:0}.app-inner{position:relative;width:100%;min-height:100dvh;background:var(--bg, #12181b);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.app-outer--lobby:has(.lobby-screen),.app-outer--lobby:has(.lobby-screen)>.app-inner{background:transparent}@media(min-width:768px)and (max-width:1024px){.app-inner{max-width:600px}}@media(min-width:768px){.app-outer--game .app-inner{max-width:600px}}@media(min-width:1025px){.app-inner{max-width:600px}}.app-loading{align-items:center;justify-content:center;color:var(--text-muted, #9aa4ae);font-size:1.1rem;font-weight:500;letter-spacing:.05em}.loading{width:100%;flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #9aa4ae);font-size:1.1rem;font-weight:500;letter-spacing:.05em}.game-loading-screen{position:absolute;inset:0;z-index:1000;width:100%;min-height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0;background:linear-gradient(180deg,#0000,#0000001a),var(--loading-background-image, url(/ui/loading/loading_1.webp)) center / cover no-repeat,#05090d}.game-loading-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.game-loading-progress{width:100%;padding:0;border:0;background:transparent;box-shadow:none}.game-loading-progress-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem;padding:0 .9rem .42rem;text-shadow:0 2px 0 rgba(54,36,15,.82),0 0 14px rgba(255,197,73,.64),0 5px 18px rgba(0,0,0,.68)}.game-loading-progress-label{display:inline-flex;align-items:center;gap:.45rem;min-width:0;color:#ffeeb5e6;font-size:clamp(.7rem,2.55vw,.9rem);font-weight:900;letter-spacing:-.015em;line-height:1.2;text-align:left}.game-loading-progress-status{display:grid;min-width:0;gap:.18rem;justify-items:start;text-align:left}.game-loading-progress-status small{color:#bfdbfeb8;font-size:clamp(.56rem,2vw,.68rem);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.08em;line-height:1}.game-loading-spinner{flex:0 0 auto;width:1em;height:1em;border:.14em solid rgba(255,238,181,.26);border-top-color:#ffeeb5f2;border-right-color:#65c7ffd9;border-radius:50%;box-shadow:0 0 10px #ffd8654d;animation:game-loading-spinner-rotate .85s linear infinite}@keyframes game-loading-spinner-rotate{to{transform:rotate(360deg)}}.game-loading-progress-head strong{color:#fff8d7;font-size:clamp(.9rem,3.4vw,1.1rem);font-weight:950;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.04em}.game-loading-progress-track{position:relative;width:100%;height:.62rem;overflow:hidden;border:0;border-radius:0;background:linear-gradient(180deg,#ffffff14,#00000014),#00000075;box-shadow:0 -1px #fff0b533,0 -10px 24px #0000003d}.game-loading-progress-fill{width:var(--loading-progress, 0%);height:.62rem;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#f59e0b,#ffe08a 54%,#65c7ff);box-shadow:0 0 12px #ffd865b8,0 0 20px #60a5fa6b;transition:width .24s ease}.game-loading-tip{width:min(calc(100% - 3rem),30rem);min-height:4.25rem;padding:.95rem 1.15rem;border:1px solid rgba(255,217,121,.58);border-radius:.85rem;background:#090d149e;color:#fff8d7;box-shadow:0 16px 34px #00000061,inset 0 1px #ffffff14;cursor:pointer;font:inherit;font-size:clamp(1.15rem,4.8vw,1.85rem);font-weight:850;line-height:1.28;letter-spacing:0;text-align:center;text-shadow:0 2px 0 rgba(54,36,15,.85),0 0 18px rgba(255,197,73,.72),0 8px 24px rgba(0,0,0,.6);transition:transform .12s ease,border-color .16s ease,background .16s ease}.game-loading-tip:hover,.game-loading-tip:focus-visible{border-color:#ffe9a1e0;background:#0d121cbd}.game-loading-tip:active{transform:translateY(1px) scale(.99)}.app-confirm-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#030712c2;isolation:isolate;pointer-events:auto}.app-confirm-modal{width:min(100%,22rem);display:flex;flex-direction:column;gap:1rem;padding:1.2rem;border-radius:1rem;border:1px solid rgba(90,104,118,.45);background:linear-gradient(180deg,#21282ff7,#1a2026fa);box-shadow:0 24px 60px #0000006b,inset 0 0 0 1px #ffffff08}.app-confirm-modal h3{margin:0;color:var(--text, #f0f4f8);font-size:1.05rem;line-height:1.45;text-align:center}.app-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.app-confirm-actions-single{grid-template-columns:minmax(0,1fr)}.app-confirm-copy{color:#d6dfe7d1;font-size:.92rem;line-height:1.55;text-align:center}.app-confirm-btn{min-width:0;min-height:3rem;border-radius:.85rem;border:1px solid transparent;font-size:.92rem;font-weight:800;cursor:pointer;transition:all .15s ease}.app-confirm-btn-secondary{background:#2a3137eb;border-color:#9aa4ae33;color:#cbd5e1}.app-confirm-btn-secondary:hover{background:#384149f2;color:#f0f4f8}.app-confirm-btn-primary{background:#437a48f2;border-color:#65a36c59;color:#f8fff9}.app-confirm-btn-primary:hover{background:#529158fa}.app-confirm-btn:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.7)}.maintenance-screen{width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.2),transparent 42%),linear-gradient(180deg,#101820,#071016)}.maintenance-panel{width:min(100%,25rem);display:grid;justify-items:center;gap:.8rem;padding:1.6rem 1.25rem;border:1px solid rgba(96,165,250,.36);border-radius:1rem;background:#121b24eb;box-shadow:0 22px 56px #00000061,inset 0 1px #ffffff0f;text-align:center}.maintenance-icon{width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(250,204,21,.75);background:radial-gradient(circle at 40% 30%,#fef3c7,#d97706 72%);color:#1f2937;font-size:2rem;font-weight:950;box-shadow:0 0 24px #fbbf2447}.maintenance-panel h2{margin:0;color:#f8fafc;font-size:1.35rem;line-height:1.25}.maintenance-panel p{margin:0;color:#cbd5e1;font-size:.95rem;line-height:1.55}.maintenance-panel span{color:#93c5fd;font-size:.86rem;font-weight:800}