@keyframes winnerPulse{0%{transform:scale(1);box-shadow:0 0 rgba(34,197,94,.7)}50%{transform:scale(1.02);box-shadow:0 0 20px 10px rgba(34,197,94,.3)}to{transform:scale(1);box-shadow:0 0 rgba(34,197,94,0)}}@keyframes championCelebration{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.05)rotate(-2deg)}50%{transform:scale(1.1)rotate(2deg)}75%{transform:scale(1.05)rotate(-1deg)}to{transform:scale(1)rotate(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.round-winner{transition:all .3s;animation:2s ease-in-out 3 winnerPulse}.champion-winner{animation:1s ease-in-out 2 championCelebration}.winner-glow{position:relative;overflow:hidden}.winner-glow:before{content:"";background:linear-gradient(45deg,transparent,rgba(34,197,94,.1),transparent);width:200%;height:200%;animation:2s linear infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}@keyframes slideInWinner{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.new-winner{animation:.5s ease-out slideInWinner}.winner-badge{animation:.5s ease-out badgeBounce}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes starSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.champion-star{animation:3s linear infinite starSpin}.victory-particles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.victory-particles:after{content:"🎉";font-size:20px;animation:3s linear confettiFall;position:absolute}@keyframes victoryText{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.victory-text{animation:.8s ease-out victoryText}@keyframes winnerGlow{0%,to{box-shadow:0 0 5px rgba(34,197,94,.5),0 0 10px rgba(34,197,94,.3),0 0 15px rgba(34,197,94,.1)}50%{box-shadow:0 0 10px rgba(34,197,94,.8),0 0 20px rgba(34,197,94,.5),0 0 30px rgba(34,197,94,.3)}}.winner-card{animation:2s ease-in-out infinite winnerGlow}@keyframes medalSwing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.medal-icon{transform-origin:top;animation:2s ease-in-out infinite medalSwing}@keyframes hexagonBattleSpin{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.05)}50%{transform:rotate(180deg)scale(1.1)}75%{transform:rotate(270deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}@keyframes energyPulse{0%{filter:hue-rotate()brightness();transform:scale(1)}25%{filter:hue-rotate(90deg)brightness(1.2);transform:scale(1.02)}50%{filter:hue-rotate(180deg)brightness(1.4);transform:scale(1.04)}75%{filter:hue-rotate(270deg)brightness(1.2);transform:scale(1.02)}to{filter:hue-rotate(360deg)brightness();transform:scale(1)}}@keyframes battleParticles{0%{opacity:0;transform:translateY(0)scale(.5)}50%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.5)}}@keyframes electricStrike{0%,10%,20%,30%,40%,50%,60%,70%,80%,90%,to{opacity:0}5%,15%,25%,35%,45%,55%,65%,75%,85%,95%{opacity:1}}@keyframes cyberpunkVictory{0%{filter:hue-rotate()brightness();transform:scale(.8)rotate(-5deg);box-shadow:0 0 20px rgba(255,215,0,.3)}25%{filter:hue-rotate(90deg)brightness(1.3);transform:scale(1.1)rotate(2deg);box-shadow:0 0 40px rgba(255,215,0,.6)}50%{filter:hue-rotate(180deg)brightness(1.5);transform:scale(1.2)rotate(-1deg);box-shadow:0 0 60px rgba(255,215,0,.8)}75%{filter:hue-rotate(270deg)brightness(1.3);transform:scale(1.1)rotate(1deg);box-shadow:0 0 40px rgba(255,215,0,.6)}to{filter:hue-rotate(360deg)brightness();transform:scale(1)rotate(0);box-shadow:0 0 20px rgba(255,215,0,.3)}}@keyframes hologramFlicker{0%,to{opacity:1;filter:none}50%{opacity:.8;filter:hue-rotate(10deg)contrast(1.2)}75%{opacity:.9;filter:hue-rotate(-5deg)contrast(1.1)}}@keyframes dataMatrix{0%{background-position:0 0}to{background-position:100% 100%}}.battle-hexagon-active{animation:2s linear infinite hexagonBattleSpin,1.5s ease-in-out infinite energyPulse}.battle-particles{animation:1.5s ease-out infinite battleParticles}.electric-effect{animation:.1s linear infinite electricStrike}.cyberpunk-winner{animation:3s ease-in-out infinite cyberpunkVictory}.hologram-effect{animation:2s ease-in-out infinite hologramFlicker}.data-matrix-bg{background:linear-gradient(45deg,rgba(139,92,246,.1),rgba(236,72,153,.1)) 0 0/20px 20px;animation:3s linear infinite dataMatrix}@keyframes dynamicGlow{0%{box-shadow:0 0 5px rgba(139,92,246,.5),0 0 10px rgba(139,92,246,.3),inset 0 0 10px rgba(139,92,246,.1)}33%{box-shadow:0 0 10px rgba(245,158,11,.7),0 0 20px rgba(245,158,11,.4),inset 0 0 15px rgba(245,158,11,.2)}66%{box-shadow:0 0 15px rgba(239,68,68,.6),0 0 25px rgba(239,68,68,.3),inset 0 0 20px rgba(239,68,68,.1)}to{box-shadow:0 0 5px rgba(139,92,246,.5),0 0 10px rgba(139,92,246,.3),inset 0 0 10px rgba(139,92,246,.1)}}.battle-dynamic-glow{animation:2s ease-in-out infinite dynamicGlow}@keyframes energyWave{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}.energy-wave{animation:1.5s ease-out infinite energyWave}
.glass-light{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px rgba(31,38,135,.2),inset 0 0 0 1px rgba(255,255,255,.05)}.glass-medium{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(31,38,135,.37),inset 0 0 0 1px rgba(255,255,255,.1)}.glass-heavy{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.08) 100%);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 48px rgba(31,38,135,.5),inset 0 0 0 2px rgba(255,255,255,.15)}.glass-dark-light{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.02) 100%);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.05)}.glow-cyan{box-shadow:0 0 20px rgba(34,211,238,.3)}.glow-cyan-strong{box-shadow:0 0 20px rgba(34,211,238,.4),0 0 40px rgba(34,211,238,.2)}.glow-orange{box-shadow:0 0 20px rgba(251,146,60,.3)}.glow-orange-strong{box-shadow:0 0 20px rgba(251,146,60,.4),0 0 40px rgba(251,146,60,.2)}.glow-green{box-shadow:0 0 20px rgba(74,222,128,.3)}.glow-red{box-shadow:0 0 20px rgba(239,68,68,.3)}.glow-pink{box-shadow:0 0 20px rgba(244,114,182,.3)}.shadow-depth-1{box-shadow:0 2px 8px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.05)}.shadow-depth-2{box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.08)}.shadow-depth-3{box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.1)}.text-guardian-xs{letter-spacing:.01em;font-size:.75rem;line-height:1rem}.text-guardian-sm{letter-spacing:.005em;font-size:.875rem;line-height:1.25rem}.text-guardian-base{letter-spacing:0;font-size:1rem;line-height:1.5rem}.text-guardian-lg{letter-spacing:-.005em;font-size:1.125rem;line-height:1.75rem}.text-guardian-xl{letter-spacing:-.01em;font-size:1.25rem;line-height:1.75rem}.text-guardian-2xl{letter-spacing:-.015em;font-size:1.5rem;line-height:2rem}.text-guardian-3xl{letter-spacing:-.02em;font-size:1.875rem;line-height:2.25rem}.text-guardian-4xl{letter-spacing:-.025em;font-size:2.25rem;line-height:2.5rem}:root{--guardian-cyan-300:#67e8f9;--guardian-cyan-400:#22d3ee;--guardian-cyan-500:#06b6d4;--guardian-orange-300:#fdba74;--guardian-orange-400:#fb923c;--guardian-orange-500:#f97316;--guardian-pink-300:#f472b6;--guardian-pink-400:#d605ed;--guardian-pink-500:#c004d5;--guardian-green-300:#86efac;--guardian-green-400:#4ade80;--guardian-green-500:#22c55e;--guardian-red-300:#fca5a5;--guardian-red-400:#f87171;--guardian-red-500:#ef4444;--guardian-yellow-300:#fde047;--guardian-yellow-400:#facc15;--guardian-yellow-500:#eab308;--guardian-gray-300:#d1d5db;--guardian-gray-400:#9ca3af;--guardian-gray-500:#6b7280;--guardian-state-pending:var(--guardian-yellow-400);--guardian-state-active:var(--guardian-red-400);--guardian-state-completed:var(--guardian-green-400);--guardian-state-locked:var(--guardian-gray-400);--guardian-overlay-light:rgba(0,0,0,.3);--guardian-overlay-medium:rgba(0,0,0,.5);--guardian-overlay-heavy:rgba(0,0,0,.7)}.text-guardian-cyan{color:var(--guardian-cyan-400)}.text-guardian-orange{color:var(--guardian-orange-400)}.text-guardian-pink{color:var(--guardian-pink-400)}.text-guardian-green{color:var(--guardian-green-400)}.text-guardian-red{color:var(--guardian-red-400)}.text-guardian-yellow{color:var(--guardian-yellow-400)}.border-guardian-cyan{border-color:var(--guardian-cyan-400)}.border-guardian-orange{border-color:var(--guardian-orange-400)}.border-guardian-pink{border-color:var(--guardian-pink-400)}:root{--guardian-ease-out:cubic-bezier(.4,0,.2,1);--guardian-ease-in:cubic-bezier(.4,0,1,1);--guardian-ease-in-out:cubic-bezier(.4,0,.2,1);--guardian-ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--guardian-duration-instant:.1s;--guardian-duration-fast:.15s;--guardian-duration-normal:.3s;--guardian-duration-slow:.5s;--guardian-duration-slower:.7s}.transition-guardian{transition:all var(--guardian-duration-normal)var(--guardian-ease-out)}.transition-guardian-fast{transition:all var(--guardian-duration-fast)var(--guardian-ease-out)}.transition-guardian-slow{transition:all var(--guardian-duration-slow)var(--guardian-ease-out)}.transition-guardian-bounce{transition:all var(--guardian-duration-normal)var(--guardian-ease-bounce)}.transition-colors-guardian{transition:color var(--guardian-duration-fast)var(--guardian-ease-out),background-color var(--guardian-duration-fast)var(--guardian-ease-out),border-color var(--guardian-duration-fast)var(--guardian-ease-out)}.transition-transform-guardian{transition:transform var(--guardian-duration-fast)var(--guardian-ease-out)}.transition-opacity-guardian{transition:opacity var(--guardian-duration-normal)var(--guardian-ease-out)}.hover-scale{transition:transform var(--guardian-duration-fast)var(--guardian-ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-scale-sm:hover{transform:scale(1.01)}.hover-scale-lg:hover{transform:scale(1.05)}.hover-brightness:hover{filter:brightness(1.1);transition:filter var(--guardian-duration-fast)var(--guardian-ease-out)}.active-scale:active{transition:transform var(--guardian-duration-instant)var(--guardian-ease-out);transform:scale(.98)}.focus-guardian:focus-visible{outline:2px solid var(--guardian-cyan-400);outline-offset:2px;border-radius:.375rem}.focus-guardian-orange:focus-visible{outline:2px solid var(--guardian-orange-400);outline-offset:2px}@keyframes guardian-pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-guardian-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite guardian-pulse}@keyframes guardian-glow-pulse{0%,to{box-shadow:0 0 10px rgba(239,68,68,.5)}50%{box-shadow:0 0 20px rgba(239,68,68,.8)}}.animate-glow-pulse{animation:1.5s ease-in-out infinite guardian-glow-pulse}.battle-pending{transition:all var(--guardian-duration-normal)var(--guardian-ease-out);background:linear-gradient(135deg,rgba(148,163,184,.1) 0%,rgba(148,163,184,.05) 100%);border:1px solid rgba(148,163,184,.3);box-shadow:0 4px 16px rgba(148,163,184,.1),inset 0 0 0 1px rgba(255,255,255,.05)}.battle-pending:hover{border-color:rgba(148,163,184,.5);box-shadow:0 6px 24px rgba(148,163,184,.15),inset 0 0 0 1px rgba(255,255,255,.08)}.battle-active{background:linear-gradient(135deg,rgba(251,146,60,.15) 0%,rgba(239,68,68,.1) 50%,rgba(148,163,184,.05) 100%);border:1px solid rgba(251,146,60,.4);box-shadow:0 8px 32px rgba(251,146,60,.2),inset 0 0 0 1px rgba(255,255,255,.1)}.battle-completed{background:linear-gradient(135deg,rgba(74,222,128,.15) 0%,rgba(74,222,128,.08) 100%);border:1px solid rgba(74,222,128,.4);box-shadow:0 8px 32px rgba(74,222,128,.15),inset 0 0 0 1px rgba(255,255,255,.1)}.rounded-guardian-sm{border-radius:.375rem}.rounded-guardian{border-radius:.5rem}.rounded-guardian-md{border-radius:.75rem}.rounded-guardian-lg{border-radius:1rem}.rounded-guardian-xl{border-radius:1.5rem}.backdrop-blur-guardian-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-guardian{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-guardian-md{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.backdrop-blur-guardian-lg{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.backdrop-blur-guardian-xl{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.glass-medium,.glass-light,.glass-heavy{border-width:2px}.text-guardian-cyan,.text-guardian-orange,.text-guardian-pink{font-weight:600}}.guardian-card-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.1)}.guardian-info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 10px rgba(255,255,255,.05)}.guardian-button-cyan{transition:all var(--guardian-duration-fast)var(--guardian-ease-out);background:linear-gradient(90deg,#06b6d4,#22d3ee);border:1px solid rgba(34,211,238,.3);box-shadow:0 0 15px rgba(34,211,238,.3)}.guardian-button-cyan:hover{background:linear-gradient(90deg,#22d3ee,#67e8f9);transform:scale(1.02);box-shadow:0 0 25px rgba(34,211,238,.5)}.guardian-button-cyan:active{transform:scale(.98)}.guardian-button-orange{transition:all var(--guardian-duration-fast)var(--guardian-ease-out);background:linear-gradient(90deg,#f97316,#fb923c);border:1px solid rgba(251,146,60,.3);box-shadow:0 0 15px rgba(251,146,60,.3)}.guardian-button-orange:hover{background:linear-gradient(90deg,#fb923c,#fdba74);transform:scale(1.02);box-shadow:0 0 25px rgba(251,146,60,.5)}.guardian-button-green{transition:all var(--guardian-duration-fast)var(--guardian-ease-out);background:linear-gradient(90deg,#22c55e,#4ade80);border:1px solid rgba(74,222,128,.3);box-shadow:0 0 15px rgba(74,222,128,.3)}.guardian-button-green:hover{background:linear-gradient(90deg,#4ade80,#86efac);transform:scale(1.02);box-shadow:0 0 25px rgba(74,222,128,.5)}