body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}*{box-sizing:border-box}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}@media (max-width:768px){body{touch-action:pan-x pan-y}}:root{--theme-primary:#4a90e2;--theme-secondary:#50c878;--theme-accent:#ff6b6b;--theme-background:linear-gradient(135deg,#667eea,#764ba2);--theme-card-border:#3a7bd5;--theme-text-color:#fff;--hand-card-back:linear-gradient(135deg,#4a90e2,#357abd);--hand-background:#0000004d;--hand-glow-effect:none;--hand-border-style:3px solid #4a90e299;--hand-border-gradient:linear-gradient(135deg,#4a90e299,#667eea99);--hand-animation:none}.App{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--theme-background);color:#fff;color:var(--theme-text-color);min-height:100vh;position:relative;touch-action:manipulation}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{animation:modalSlideIn .3s ease;background:#0000;border-radius:15px;box-sizing:border-box;max-height:90vh;max-width:90vw;overflow:visible;padding:0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);border:2px solid #fffc;border-radius:50%;box-shadow:0 6px 20px #0009;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;pointer-events:auto;right:10px;top:10px;transition:all .2s ease;width:36px;z-index:99999}.modal-close:hover{box-shadow:0 6px 20px #f4433699;transform:rotate(90deg) scale(1.1)}.top-menu{display:flex;gap:10px;position:fixed;right:15px;top:15px;z-index:1000}.menu-button{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a6b5);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.menu-button:hover{background:linear-gradient(135deg,#5eddd4,#54b6c5);box-shadow:0 6px 20px #4ecdc466;transform:translateY(-3px) scale(1.1)}.menu-button:active{transform:translateY(-1px) scale(1.05)}.connecting{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.connecting h2{margin-bottom:10px}.connecting p{color:#fffc;font-size:14px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.modal-content{animation:slideUp .3s ease;position:relative}@media (max-width:1024px){.top-menu{gap:8px;right:10px;top:10px}.menu-button{font-size:20px;height:45px;width:45px}.modal-content{max-height:95vh;max-width:95vw}}@media (max-width:768px){.top-menu{flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:calc(100vw - 16px);right:8px;top:8px}.menu-button{box-shadow:0 2px 8px #0000004d;font-size:18px;height:40px;width:40px}.menu-button:hover{transform:scale(1.05)}.modal-overlay{align-items:flex-start;overflow-y:auto;padding:10px}.modal-content{margin-bottom:20px;margin-top:20px;max-height:none;max-width:100%}.modal-close{font-size:20px;height:40px;right:calc(5vw + 10px);top:calc(5vh + 20px);width:40px}}@media (max-width:480px){.App{min-height:100dvh}.top-menu{gap:4px;right:5px;top:5px}.menu-button{border-width:1px;font-size:16px;height:36px;width:36px}.modal-content{border-radius:10px}.modal-close{font-size:18px;height:35px;right:calc(5vw + 5px);top:calc(5vh + 10px);width:35px}.connecting h2{font-size:20px}.connecting h2,.connecting p{padding:0 20px;text-align:center}.connecting p{font-size:12px}}@media (max-height:500px) and (orientation:landscape){.modal-overlay{align-items:flex-start}.modal-content{margin-bottom:10px;margin-top:10px}.top-menu{right:5px;top:5px}}@media (hover:none) and (pointer:coarse){body,html{overscroll-behavior:none}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[contenteditable],input,textarea{-webkit-user-select:text;user-select:text}}@keyframes cosmicPulse{0%,to{box-shadow:0 0 25px #667eeab3,0 0 40px #764ba280;filter:brightness(1)}50%{box-shadow:0 0 35px #667eeae6,0 0 60px #764ba2b3;filter:brightness(1.15)}}@keyframes crystalShimmer{0%,to{box-shadow:0 0 25px #74b9ffcc,0 0 45px #0984e399;filter:brightness(1) saturate(1)}50%{box-shadow:0 0 35px #74b9ff,0 0 65px #0984e3cc;filter:brightness(1.2) saturate(1.3)}}.hand.themed{animation:none!important;animation:var(--hand-animation)!important;background:#0000004d!important;background:var(--hand-background)!important;box-shadow:none!important;box-shadow:var(--hand-glow-effect)!important}.hand.themed:after,.hand.themed:before{background-image:linear-gradient(135deg,#4a90e299,#667eea99)!important;background-image:var(--hand-border-gradient)!important}.micro-press{transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.micro-press:active{transform:scale(.95)}.ripple-effect{overflow:hidden;position:relative}.ripple-effect:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s;width:0}.ripple-effect:active:after{height:300px;opacity:1;transition:width 0s,height 0s,opacity 0s;width:300px}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.shake{animation:shake .5s ease}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pop-in{animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}.bounce{animation:bounce 1s ease infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 25px #ffd700cc,0 0 40px #ffd70066}}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes successFlash{0%{background-color:inherit}50%{background-color:#4caf5066}to{background-color:inherit}}.success-flash{animation:successFlash .5s ease}@keyframes errorFlash{0%{background-color:inherit}50%{background-color:#f4433666}to{background-color:inherit}}.error-flash{animation:errorFlash .5s ease}.spin{animation:spin 1s linear infinite}.pwa-refresh-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e32e6;border:2px solid #4ecdc499;border-radius:50%;box-shadow:0 4px 15px #0006,0 0 10px #4ecdc44d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;position:fixed;right:12px;top:12px;transition:all .3s ease;width:44px;z-index:9999}.pwa-refresh-btn:hover{border-color:#4ecdc4e6;box-shadow:0 6px 20px #00000080,0 0 15px #4ecdc480;transform:scale(1.1)}.pwa-refresh-btn:active{animation:spin .5s linear;transform:scale(.95)}@media (max-width:480px){.pwa-refresh-btn{font-size:18px;height:40px;right:10px;top:10px;width:40px}}@supports (padding-top:env(safe-area-inset-top)){.pwa-refresh-btn{right:calc(12px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top))}}:root{--text-scale:1;--contrast-bg:#0000;--contrast-fg:inherit;--contrast-border:inherit;--contrast-accent:inherit;--element-fire-color:#f44;--element-ice-color:#4cf;--element-water-color:#44f;--element-electricity-color:#ff0;--element-earth-color:#8b4513;--element-power-color:#f0f;--element-light-color:#ffeb3b;--element-dark-color:#9c27b0;--element-neutral-color:#9e9e9e;--element-technology-color:#0ff;--element-meteor-color:#f60}body{font-size:16px;font-size:calc(16px*var(--text-scale))}h1{font-size:2.5em;font-size:calc(2.5em*var(--text-scale))}h2{font-size:2em;font-size:calc(2em*var(--text-scale))}h3{font-size:1.75em;font-size:calc(1.75em*var(--text-scale))}h4{font-size:1.5em;font-size:calc(1.5em*var(--text-scale))}h5{font-size:1.25em;font-size:calc(1.25em*var(--text-scale))}button,div,h6,input,label,p,select,span,textarea{font-size:1em;font-size:calc(1em*var(--text-scale))}.high-contrast{filter:contrast(1.5)}.high-contrast *{border-color:inherit!important;border-color:var(--contrast-border)!important}.high-contrast .card{background:#000!important;border:3px solid #fff!important;box-shadow:0 0 0 2px #000,0 0 0 5px #fff!important}.high-contrast .card-strength,.high-contrast .strength-large{background:#000!important;border:2px solid #fff!important;color:#fff!important;text-shadow:none!important}.high-contrast .card-tier,.high-contrast .element-name{background:#000!important;border:1px solid #ff0!important;color:#ff0!important}.high-contrast .arena,.high-contrast .game-board{background:#000!important}.high-contrast .arena{border:4px solid #fff!important}.high-contrast button{background:#000!important;border:3px solid #fff!important;color:#fff!important}.high-contrast button:hover{background:#fff!important;color:#000!important}.high-contrast .score-tracker{background:#000!important;border:2px solid #fff!important}.high-contrast .round-announcement,.high-contrast .turn-announcement{background:#000000fa!important;border:4px solid #fff!important}.high-contrast .game-over-overlay{background:#000000fa!important}.high-contrast .settings-container,.high-contrast .statistics-container,.high-contrast .tutorial-container{background:#000!important;border:3px solid #fff!important}.card .element-label-overlay{background:#000c;border:1px solid #fff;border-radius:4px;color:#fff;font-size:10px;font-weight:900;left:5px;padding:2px 6px;pointer-events:none;position:absolute;text-shadow:none;top:5px;z-index:20}.high-contrast .element-label-overlay{background:#000;border:2px solid #ff0;color:#ff0}.card[data-colorblind=true]{position:relative}.card[data-colorblind=true]:after{border-radius:10px;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.card[data-element=FIRE][data-colorblind=true]:after{background:repeating-linear-gradient(45deg,#0000,#0000 5px,currentColor 0,currentColor 10px)}.card[data-element=ICE][data-colorblind=true]:after{background:repeating-linear-gradient(-45deg,#0000,#0000 5px,currentColor 0,currentColor 10px)}.card[data-element=WATER][data-colorblind=true]:after{background:repeating-linear-gradient(0deg,#0000,#0000 5px,currentColor 0,currentColor 10px)}.card[data-element=ELECTRICITY][data-colorblind=true]:after{background:repeating-linear-gradient(90deg,#0000,#0000 5px,currentColor 0,currentColor 10px)}.card[data-element=EARTH][data-colorblind=true]:after{background:repeating-conic-gradient(from 0deg,#0000 0deg 45deg,currentColor 45deg 90deg)}:focus-visible{outline:3px solid #4ecdc4!important;outline-offset:2px!important}.high-contrast :focus-visible{outline:4px solid #ff0!important;outline-offset:3px!important}@media (prefers-reduced-motion:reduce){.cosmic-particle,.menu-background,.particle,.splash-background,:not(.damage-number):not(.played-card):not(.card):not(.turn-text):after,:not(.damage-number):not(.played-card):not(.card):not(.turn-text):before{animation-duration:.01ms!important;animation-iteration-count:1!important}.card,.damage-number,.played-card,.turn-text{animation-duration:.3s!important}*{transition-duration:.1s!important}}[data-text-size=large],[data-text-size=xl]{line-height:1.6}[data-text-size=large] .card,[data-text-size=xl] .card{padding:12px}[data-text-size=xl] .card{padding:14px}.card.playable:focus-visible,button:focus-visible{outline:3px solid #4ecdc4;outline-offset:3px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.high-contrast .tooltip-ability,.high-contrast .tooltip-header,.high-contrast .tooltip-stats{color:#fff!important;text-shadow:none!important}@media (max-width:768px){.card.playable,.toggle-switch,button{min-height:44px;min-width:44px}[data-text-size=large] .card,[data-text-size=xl] .card{margin:8px}}@media print{.high-contrast{filter:none}.card{border:2px solid #000!important;break-inside:avoid;page-break-inside:avoid}}.main-menu{align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.menu-bg-image{animation:backgroundFloat 20s ease-in-out infinite;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:.15;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@keyframes backgroundFloat{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-10px)}}.main-menu:after{animation:nebulaShift 30s ease-in-out infinite;background:radial-gradient(ellipse at 20% 80%,#7800ff26 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#ff008026 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#00c8ff1a 0,#0000 50%);content:"";height:200%;left:0;pointer-events:none;position:absolute;top:0;width:200%;z-index:1}@keyframes nebulaShift{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-25%,-10%) rotate(5deg)}66%{transform:translate(-10%,-25%) rotate(-5deg)}}.menu-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.cosmic-particles{height:100%;position:relative;width:100%}.cosmic-particle{animation:twinkle 3s ease-in-out infinite,particleFloat 15s ease-in-out infinite;background:#ffffffe6;border-radius:50%;box-shadow:0 0 10px #fffc,0 0 20px #6496ff80,0 0 30px #6496ff4d;height:3px;position:absolute;width:3px}.cosmic-particle:nth-child(3n){animation-duration:4s,20s;height:4px;width:4px}.cosmic-particle:nth-child(5n){animation-duration:2.5s,12s;height:2px;width:2px}.cosmic-particle:nth-child(7n){background:#ffc864e6;box-shadow:0 0 10px #ffc864cc,0 0 20px #ff963280}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.menu-content{-webkit-overflow-scrolling:touch;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f2366;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a,0 0 60px #6464ff1a;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;max-height:100vh;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:30px 25px;position:relative;z-index:3}.menu-content::-webkit-scrollbar{width:8px}.menu-content::-webkit-scrollbar-track{background:#0f34604d;border-radius:10px}.menu-content::-webkit-scrollbar-thumb{background:#e9456099;border-radius:10px}.menu-content::-webkit-scrollbar-thumb:hover{background:#e94560cc}.game-title{flex-shrink:0;margin-bottom:20px;text-align:center}.title-text{display:flex;flex-direction:column;gap:5px;margin:0}.title-elemental{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#ff6b6b,#4ecdc4 25%,#45b7d1 50%,#f7b731 75%,#5f27cd);-webkit-background-clip:text;background-clip:text;background-size:200% auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.9));font-size:72px;font-weight:900;letter-spacing:8px;line-height:1;text-shadow:0 0 60px #fff9}.title-battle{animation:pulse-glow 2s ease-in-out infinite;color:gold;font-size:64px;font-weight:900;letter-spacing:12px;line-height:1;text-shadow:0 0 30px #ffd700e6,0 0 60px #ffd700b3,0 6px 12px #000000e6}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.news-alert-btn{align-items:center;background:linear-gradient(135deg,#4caf504d,#4caf5033);border:2px solid #4caf50;border-radius:50%;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;height:60px;justify-content:center;letter-spacing:1px;margin-top:20px;overflow:hidden;padding:12px;position:relative;text-transform:uppercase;transition:all .3s ease;width:60px}.news-alert-btn:hover{background:linear-gradient(135deg,#4caf5080,#4caf504d);border-color:#66bb6a;border-radius:12px;box-shadow:0 6px 25px #4caf5080;height:auto;padding:12px 30px;transform:translateY(-2px);width:auto}.news-alert-btn:hover .news-text{margin-left:8px;max-width:150px;opacity:1}.news-icon{filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));font-size:28px;transition:font-size .3s ease}.news-alert-btn:hover .news-icon{font-size:20px}.news-text{font-size:14px;margin-left:0;max-width:0;opacity:0;overflow:hidden;transition:all .3s ease;white-space:nowrap}.news-badge{animation:pulse-badge 2s ease-in-out infinite;background:#f44336;border-radius:12px;box-shadow:0 0 15px #f44336cc;color:#fff;font-size:12px;font-weight:900;min-width:24px;padding:4px 8px;pointer-events:none;position:absolute;right:-8px;text-align:center;top:-8px;z-index:10}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.player-info-banner{align-items:center;background:linear-gradient(135deg,#ffd70026,#ffa50026);border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 4px 15px #0000004d;cursor:pointer;display:flex;gap:12px;margin:15px 0 10px;padding:12px 20px;transition:all .3s ease}.player-info-banner:hover{background:linear-gradient(135deg,#ffd70040,#ffa50040);border-color:#ffd70099;box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.player-avatar-display{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffd70080;border-radius:50%;box-shadow:0 0 15px #ffd7004d;display:flex;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));font-size:36px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.player-info-banner:hover .player-avatar-display{box-shadow:0 0 20px #ffd70099;transform:scale(1.1)}@keyframes avatarPulse{0%,to{filter:brightness(1) drop-shadow(0 2px 5px rgba(0,0,0,.5));transform:scale(1)}50%{filter:brightness(1.2) drop-shadow(0 2px 5px rgba(0,0,0,.5));transform:scale(1.08)}}@keyframes avatarSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes avatarNeon{0%,to{filter:drop-shadow(0 0 5px currentColor) brightness(1)}50%{filter:drop-shadow(0 0 20px currentColor) drop-shadow(0 0 40px currentColor) brightness(1.3)}}@keyframes avatarRainbow{0%{filter:hue-rotate(0deg) drop-shadow(0 2px 5px rgba(0,0,0,.5))}to{filter:hue-rotate(1turn) drop-shadow(0 2px 5px rgba(0,0,0,.5))}}@keyframes avatarFlame{0%,to{filter:brightness(1) contrast(1) drop-shadow(0 2px 5px rgba(0,0,0,.5));transform:translateY(0)}25%{filter:brightness(1.2) contrast(1.1) drop-shadow(0 2px 5px rgba(0,0,0,.5));transform:translateY(-2px)}50%{filter:brightness(1.3) contrast(1.2) drop-shadow(0 2px 5px rgba(0,0,0,.5));transform:translateY(-3px)}75%{filter:brightness(1.1) contrast(1.05) drop-shadow(0 2px 5px rgba(0,0,0,.5));transform:translateY(-1px)}}.player-avatar-display.avatar-style-standard{animation:avatarGlow 3s ease-in-out infinite}.player-avatar-display.avatar-style-pulsing{animation:avatarPulse 2s ease-in-out infinite}.player-avatar-display.avatar-style-spinning{animation:avatarSpin 8s linear infinite}.player-avatar-display.avatar-style-neon{animation:avatarNeon 2s ease-in-out infinite}.player-avatar-display.avatar-style-rainbow{animation:avatarRainbow 4s linear infinite}.player-avatar-display.avatar-style-flame{animation:avatarFlame 1.5s ease-in-out infinite}.player-name-display{color:gold;font-size:18px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 8px #000c,0 0 20px #ffd70080;text-transform:uppercase}.title-subtitle{color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:3px;margin-top:10px;text-shadow:0 2px 4px #000c;text-transform:uppercase}.menu-accordion{display:flex;flex-direction:column;flex-shrink:0;gap:10px;max-width:500px;width:100%}.accordion-section{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0a0a1e80;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #ffffff0d;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.accordion-section:hover{border-color:#ffd70080;box-shadow:0 8px 30px #ffd70040,0 0 40px #ffd7001a,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.accordion-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ee6,#2c2c54e6);border:none;cursor:pointer;display:flex;gap:15px;overflow:hidden;padding:16px 22px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.accordion-header:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.accordion-header:hover:before{left:100%}.accordion-header:hover{background:linear-gradient(135deg,#2e2e56f2,#404072f2);padding-left:28px}.accordion-header.active{background:linear-gradient(135deg,#ffd70040,#ff980040);border-bottom:2px solid #ffd70066;box-shadow:inset 0 -2px 10px #ffd70033}.accordion-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));flex-shrink:0;font-size:24px}.accordion-title{color:#fff;flex-grow:1;font-size:18px;font-weight:900;letter-spacing:2px;text-align:left;text-shadow:0 2px 4px #000c}.accordion-arrow{color:#fff9;flex-shrink:0;font-size:16px;transition:transform .3s ease}.accordion-header.active .accordion-arrow{color:gold}.accordion-content{-webkit-overflow-scrolling:touch;background:#0003;display:flex;flex-direction:column;gap:8px;max-height:0;overflow:hidden;padding:0 10px;transition:max-height .4s ease,padding .4s ease}.accordion-content.expanded{max-height:400px;overflow-y:auto;padding:15px 10px}.menu-buttons{display:flex;flex-direction:column;flex-shrink:0;gap:6px;max-width:500px;width:100%}.menu-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ecc,#2c2c54cc);border:2px solid #ffffff26;border-radius:50px;box-shadow:0 4px 15px #00000080,inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.menu-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.menu-btn:hover:before{left:100%}.menu-btn:hover{border-color:#ffd700b3;box-shadow:0 12px 35px #ffd70066,0 0 30px #ffd70033,inset 0 1px 0 #fff3;transform:translateY(-4px) scale(1.03)}.menu-btn:active{transform:translateY(-2px) scale(1.01);transition:transform .1s ease}.primary-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-color:#ff8787;box-shadow:0 6px 20px #ff6b6b80}.primary-btn:hover{background:linear-gradient(135deg,#ff8787,#ff6b6b);border-color:gold;box-shadow:0 10px 30px #ff6b6bb3}.story-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#ba68c8;box-shadow:0 6px 20px #9c27b080}.story-btn:hover{background:linear-gradient(135deg,#ba68c8,#9c27b0);border-color:gold;box-shadow:0 10px 30px #9c27b0b3}.tutorial-btn{animation:tutorialGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#388e3c);border-color:#66bb6a;border-radius:25px!important;box-shadow:0 6px 20px #4caf5080}.tutorial-btn:hover{animation:none;background:linear-gradient(135deg,#66bb6a,#4caf50);border-color:gold;border-radius:25px!important;box-shadow:0 10px 30px #4caf50b3}@keyframes tutorialGlow{0%,to{box-shadow:0 6px 20px #4caf5080}50%{box-shadow:0 8px 25px #4caf50cc}}.theme-shop-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-color:#ff7675}.theme-shop-btn:hover{background:linear-gradient(135deg,#fd79a8,#e84393);border-color:#ffeaa7;box-shadow:0 10px 30px #fd79a899}.inventory-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ffb74d;box-shadow:0 6px 20px #ff980080}.inventory-btn:hover{background:linear-gradient(135deg,#ffb74d,#ff9800);border-color:gold;box-shadow:0 10px 30px #ff9800b3}.deck-manager-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#ce93d8;box-shadow:0 6px 20px #9c27b080}.deck-manager-btn:hover{background:linear-gradient(135deg,#ba68c8,#9c27b0);border-color:#e1bee7;box-shadow:0 10px 30px #9c27b0b3}.quit-btn{background:linear-gradient(135deg,#78787880,#50505080);border-color:#c8c8c84d}.quit-btn:hover{background:linear-gradient(135deg,#96969699,#64646499);border-color:#fff6;box-shadow:0 8px 25px #fff3}.match-history-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#ce93d8;box-shadow:0 6px 20px #9c27b080}.match-history-btn:hover{background:linear-gradient(135deg,#ab47bc,#9c27b0);border-color:#e1bee7;box-shadow:0 10px 30px #9c27b0b3}.rank-badge{font-size:12px;font-weight:700;position:absolute;right:10px;text-shadow:0 1px 3px #00000080;top:50%;transform:translateY(-50%)}.daily-quests-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ffb74d;box-shadow:0 6px 20px #ff980080}.daily-quests-btn:hover{background:linear-gradient(135deg,#ffa726,#ff9800);border-color:#ffd54f;box-shadow:0 10px 30px #ff9800b3}.quest-badge{background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:10px;box-shadow:0 2px 8px #4caf5080;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.btn-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));flex-shrink:0;font-size:22px}.btn-text{color:#fff;flex-grow:1;font-size:16px;font-weight:900;letter-spacing:1.2px;text-align:left;text-shadow:0 2px 4px #000c}.btn-subtitle{bottom:3px;color:#fff9;font-size:8px;left:48px;letter-spacing:.5px;position:absolute;text-shadow:0 1px 2px #000c;text-transform:uppercase}.menu-footer{margin-top:5px;text-align:center}.element-icons{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.footer-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));font-size:18px;opacity:.8;transition:all .3s ease}.footer-icon:hover{opacity:1;transform:scale(1.3)}.footer-icon.fire{animation-delay:0s}.footer-icon.ice{animation-delay:.2s}.footer-icon.water{animation-delay:.4s}.footer-icon.electricity{animation-delay:.6s}.footer-icon.earth{animation-delay:.8s}.footer-icon.power{animation-delay:1s}.footer-icon.light{animation-delay:1.2s}.footer-icon.dark{animation-delay:1.4s}.footer-icon.neutral{animation-delay:1.6s}.footer-icon.meteor{animation-delay:1.8s;filter:drop-shadow(0 0 8px #ff6600)}.version-text{color:#fff6;font-size:12px;letter-spacing:1px;margin:0;text-shadow:0 1px 2px #000c}@media (max-width:768px){.title-elemental{font-size:56px;letter-spacing:6px}.title-battle{font-size:48px;letter-spacing:8px}.title-subtitle{font-size:12px;letter-spacing:2px}.news-alert-btn{height:50px;padding:10px;width:50px}.news-alert-btn:hover{height:auto;padding:10px 20px;width:auto}.news-icon{font-size:24px}.news-alert-btn:hover .news-icon{font-size:18px}.news-text{font-size:12px}.accordion-header{padding:12px 15px}.accordion-icon{font-size:20px}.accordion-title{font-size:16px}.menu-btn{padding:12px 16px}.btn-icon{font-size:24px}.btn-text{font-size:16px}.btn-subtitle{font-size:9px;left:50px}.element-icons{gap:10px}.footer-icon{font-size:20px}}@media (max-width:480px){.title-elemental{font-size:42px;letter-spacing:4px}.title-battle{font-size:36px;letter-spacing:6px}.title-subtitle{font-size:10px}.accordion-title,.btn-text{font-size:14px}.menu-content{gap:10px;padding:10px}.accordion-content.expanded{max-height:300px}.accordion-item,.cosmic-particle,.main-menu,.menu-background,.menu-button,.menu-title{-webkit-backface-visibility:hidden;backface-visibility:hidden}.cosmic-particle{animation-duration:4s!important}.menu-button{transition:transform .2s ease,box-shadow .2s ease!important}.menu-button:active{transform:scale(.95)!important}.accordion-item,.menu-button{filter:none!important}.menu-btn{min-height:56px;padding:14px 20px}.accordion-header{min-height:60px;padding:16px 20px}.accordion-header:active,.menu-btn:active{transform:scale(.97);transition:transform .1s ease}.btn-icon{font-size:28px}.accordion-icon{font-size:26px}}@media (hover:none) and (pointer:coarse){.accordion-header:hover:before,.menu-btn:hover:before{left:-100%!important}.accordion-header,.floating-quests-btn,.menu-btn,.news-alert-btn{-webkit-tap-highlight-color:rgba(255,215,0,.3);touch-action:manipulation}.menu-btn:active{background:linear-gradient(135deg,#242438f2,#36365ef2)!important;border-color:#ffd700cc}.primary-btn:active{background:linear-gradient(135deg,#ff8787,#ff6b6b)!important}.accordion-header:before,.menu-btn:before{display:none!important}.accordion-content .menu-btn{margin:4px 0;min-height:52px}}.floating-quests-btn{align-items:center;animation:floatPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#ff9800,#f57c00);border:3px solid #ffc107;border-radius:16px;bottom:80px;box-shadow:0 4px 20px #ff980080,0 0 30px #ff98004d;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.floating-quests-btn:hover{box-shadow:0 8px 30px #ff9800b3,0 0 40px #ff980080;transform:translateY(-5px) scale(1.05)}.floating-quests-btn:active{transform:scale(.95)}@keyframes floatPulse{0%,to{box-shadow:0 4px 20px #ff980080;transform:translateY(0)}50%{box-shadow:0 8px 30px #ff9800b3;transform:translateY(-5px)}}.quests-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px}.quests-label{color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 3px #0000004d;text-transform:uppercase}.quests-count{animation:bounceIn .5s ease;background:linear-gradient(135deg,#e94560,#c73659);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #e9456080;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;position:absolute;right:-8px;top:-8px}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.floating-quests-btn{bottom:70px;padding:10px 14px;right:15px}.quests-icon{font-size:24px}.quests-label{font-size:10px}}.shooting-stars-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.shooting-star{animation:shootingStar 1.5s linear forwards;background:linear-gradient(90deg,#ffffffe6,#fff0);border-radius:2px;box-shadow:0 0 10px #fffc,0 0 20px #64c8ff80,0 0 30px #64c8ff4d;height:2px;position:absolute;transform:rotate(-45deg);width:150px}.shooting-star:before{background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #fffc,0 0 30px #64c8ff99;content:"";height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}@keyframes shootingStar{0%{opacity:1;transform:rotate(-45deg) translateX(0)}70%{opacity:1}to{opacity:0;transform:rotate(-45deg) translateX(600px)}}.event-banner{align-items:center;background:linear-gradient(90deg,#0000,#0009 20%,#000000b3 50%,#0009 80%,#0000);border-bottom:2px solid gold;border-bottom:2px solid var(--event-color,gold);box-shadow:0 4px 20px #0000004d;display:flex;gap:10px;justify-content:center;left:0;overflow:hidden;padding:12px 20px;position:absolute;right:0;top:0;z-index:100}.event-text{animation:eventPulse 2s ease-in-out infinite;color:gold;color:var(--event-color,gold);font-size:16px;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px gold,0 2px 4px #000c;text-shadow:0 0 10px var(--event-color,gold),0 2px 4px #000c;text-transform:uppercase}@keyframes eventPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.event-sparkles{align-items:center;display:flex;gap:8px;height:100%;justify-content:space-around;left:0;pointer-events:none;position:absolute;top:0;width:100%}.event-sparkle{animation:sparkleFloat 2s ease-in-out infinite;color:gold;color:var(--event-color,gold);font-size:14px;opacity:.7;text-shadow:0 0 10px gold;text-shadow:0 0 10px var(--event-color,gold)}.title-sparkles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.title-sparkle{animation:titleSparkle 2s ease-in-out infinite;color:#fff;font-size:12px;position:absolute;text-shadow:0 0 10px #fff,0 0 20px #ffd700cc}@keyframes titleSparkle{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-15px) scale(1.2)}}.title-elemental{position:relative}.player-info-details{display:flex;flex-direction:column;flex-grow:1;gap:4px}.player-quick-stats{display:flex;gap:12px;margin-top:2px}.quick-stat{align-items:center;background:#0003;border-radius:8px;color:#fffc;display:flex;font-size:11px;gap:3px;padding:2px 6px}.quick-stat .stat-icon{font-size:10px}.quick-stat .stat-value{color:gold;font-weight:700;text-shadow:0 0 5px #ffd70080}.banner-arrow{color:#ffd70099;font-size:14px;transition:transform .3s ease,color .3s ease}.player-info-banner:hover .banner-arrow{color:gold;transform:translateX(5px)}.featured-card-showcase{animation:featuredGlow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#673ab733,#9c27b033);border:2px solid #9c27b066;border-radius:20px;box-shadow:0 4px 20px #673ab74d,inset 0 1px 0 #ffffff1a;margin:10px 0;max-width:400px;padding:15px;width:100%}@keyframes featuredGlow{0%,to{box-shadow:0 4px 20px #673ab74d,inset 0 1px 0 #ffffff1a}50%{box-shadow:0 6px 30px #673ab780,0 0 40px #9c27b033,inset 0 1px 0 #ffffff26}}.featured-label{align-items:center;color:gold;display:flex;font-size:12px;font-weight:700;gap:8px;justify-content:center;letter-spacing:2px;margin-bottom:10px;text-shadow:0 0 10px #ffd70080;text-transform:uppercase}.featured-star{animation:starSpin 3s linear infinite}@keyframes starSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.featured-card-display{align-items:center;display:flex;flex-direction:column;gap:10px}.featured-card{align-items:center;animation:cardSlideIn .5s ease;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:15px;display:flex;gap:15px;min-width:220px;padding:12px 20px}.featured-card-emoji{animation:cardEmojiBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));font-size:40px}@keyframes cardEmojiBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.featured-card-info{display:flex;flex-direction:column;gap:2px}.featured-card-name{color:#fff;font-size:16px;font-weight:700;text-shadow:0 2px 4px #000c}.featured-card-element{color:#ffffffb3;font-size:12px;letter-spacing:1px;text-transform:uppercase}.featured-card-dots{display:flex;gap:8px;justify-content:center}.featured-dot{background:#ffffff4d;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.featured-dot:hover{background:#fff9;transform:scale(1.2)}.featured-dot.active{background:gold;box-shadow:0 0 10px #ffd70080;transform:scale(1.3)}@media (max-width:768px){.event-banner{padding:10px 15px}.event-text{font-size:13px;letter-spacing:1px}.featured-card-showcase{margin:8px 0;padding:12px}.featured-card{min-width:180px;padding:10px 15px}.featured-card-emoji{font-size:32px}.featured-card-name{font-size:14px}.player-quick-stats{gap:8px}.quick-stat{font-size:10px;padding:2px 4px}.shooting-star{width:100px}}@media (max-width:480px){.event-banner{padding:8px 10px}.event-text{font-size:11px}.featured-card-showcase{padding:10px}.featured-label{font-size:10px}.featured-card-emoji{font-size:28px}.featured-card-name{font-size:12px}.player-quick-stats{flex-wrap:wrap;gap:5px}.quick-stat{font-size:9px}}.strategic-settings-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000f2;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100vw;z-index:10000}.strategic-settings-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:4px solid gold;border-radius:20px;box-shadow:0 0 60px #ffd70080;max-height:calc(100vh - 40px);max-width:800px;overflow-y:auto;padding:40px;width:100%}.strategic-title{color:gold;font-size:42px;font-weight:900;letter-spacing:2px;margin-bottom:10px;text-align:center;text-shadow:0 0 20px #ffd700cc}.strategic-subtitle{color:#fffc;font-size:16px;margin-bottom:30px;text-align:center}.settings-section{background:#0000004d;border:2px solid #ffd7004d;border-radius:15px;margin-bottom:25px;padding:25px}.section-title{color:gold;font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.setting-item{background:#ffffff0d;border:2px solid #fff3;border-radius:12px;cursor:pointer;margin-bottom:15px;padding:15px;transition:all .3s ease}.setting-item:hover{background:#ffffff1a;border-color:#ffd70080;transform:translateY(-2px)}.setting-item.disabled{cursor:not-allowed;opacity:.5}.setting-item.disabled:hover{background:#ffffff0d;border-color:#fff3;transform:none}.setting-label{align-items:center;cursor:pointer;display:flex;gap:15px}.setting-checkbox{accent-color:gold;cursor:pointer;flex-shrink:0;height:24px;width:24px}.setting-info{flex:1 1}.setting-name{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:5px}.coming-soon-badge{background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:10px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.setting-description{color:#ffffffb3;font-size:14px;line-height:1.4}.terrain-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px}.terrain-option{border:3px solid #ffffff4d;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.terrain-option:before{background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.terrain-option:hover:before{opacity:.1}.terrain-option:hover{box-shadow:0 8px 20px #00000080;transform:translateY(-5px)}.terrain-option.selected{border-color:gold;box-shadow:0 0 20px #ffd700cc;transform:scale(1.05)}.terrain-option-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.5));font-size:48px;margin-bottom:10px;position:relative;z-index:1}.terrain-option-name{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;position:relative;text-shadow:0 2px 4px #000c;text-transform:uppercase;z-index:1}.terrain-selected-indicator{align-items:center;animation:checkPop .3s cubic-bezier(.34,1.56,.64,1);background:gold;border-radius:50%;box-shadow:0 0 15px #ffd700cc;color:#000;display:flex;font-size:18px;font-weight:900;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px;z-index:2}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.strategic-actions{display:flex;gap:20px;margin-top:30px}.strategic-cancel-btn,.strategic-start-btn{align-items:center;border:3px solid;border-radius:50px;cursor:pointer;display:flex;flex:1 1;font-size:20px;font-weight:800;gap:10px;justify-content:center;letter-spacing:2px;padding:18px 30px;text-transform:uppercase;transition:all .3s ease}.strategic-cancel-btn{background:#0000;border-color:#f44336;color:#f44336}.strategic-cancel-btn:hover{background:#f44336;box-shadow:0 6px 20px #f4433699;color:#fff;transform:translateY(-3px)}.strategic-start-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#4caf50;color:#fff}.strategic-start-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 6px 20px #4caf5099;transform:translateY(-3px)}.btn-icon{font-size:24px}@media (max-width:768px){.strategic-settings-container{padding:30px 20px}.strategic-title{font-size:32px}.section-title{font-size:20px}.setting-name{font-size:16px}.terrain-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.terrain-option-icon{font-size:36px}.terrain-option-name{font-size:12px}.strategic-actions{flex-direction:column}.strategic-cancel-btn,.strategic-start-btn{width:100%}}@media (max-width:480px){.strategic-settings-container{padding:20px 15px}.strategic-title{font-size:28px}.settings-section{padding:15px}.section-title{font-size:18px}.setting-item{padding:12px}.setting-name{font-size:14px}.setting-description{font-size:12px}.terrain-grid{grid-template-columns:repeat(2,1fr)}.terrain-option{padding:15px 10px}.terrain-option-icon{font-size:32px}.strategic-cancel-btn,.strategic-start-btn{font-size:16px;padding:15px 25px}}.lobby{align-items:flex-start;background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:20px}.lobby-container{background:linear-gradient(135deg,#1a1a2ef2,#2c2c54f2);border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 20px 60px #00000080;margin:20px auto;max-height:none;max-width:900px;padding:40px;width:100%}.lobby-header{justify-content:space-between;margin-bottom:30px}.lobby-header,.lobby-title{align-items:center;display:flex}.lobby-title{color:gold;font-size:36px;font-weight:900;gap:15px;margin:0;text-shadow:0 0 20px #ffd700cc}.back-to-menu-button{align-items:center;background:#f443364d;border:2px solid #f44336;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:5px;padding:10px 20px;transition:all .3s;white-space:nowrap}.back-to-menu-button:hover{background:#f4433699;transform:translateX(-5px)}.title-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.8));font-size:48px}.lobby-form{margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{color:#fff;display:block;font-size:16px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #000c}.input-field{background:#0000004d;border:2px solid #ffd7004d;border-radius:10px;box-sizing:border-box;color:#fff;font-size:16px;padding:15px;transition:all .3s;width:100%}.input-field:focus{border-color:gold;box-shadow:0 0 20px #ffd70066;outline:none}.input-field::placeholder{color:#ffffff80}.mode-selection{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.mode-card{background:linear-gradient(135deg,#4caf5033,#2e7d3233);border:3px solid #4caf5080;border-radius:15px;cursor:pointer;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.mode-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.mode-card:hover:before{left:100%}.mode-card:hover{border-color:#4caf50;box-shadow:0 10px 30px #4caf5080;transform:translateY(-5px) scale(1.02)}.mode-card.multiplayer{background:linear-gradient(135deg,#2196f333,#0d47a133);border-color:#2196f380}.mode-card.multiplayer:hover{border-color:#2196f3;box-shadow:0 10px 30px #2196f380}.mode-card.strategic{background:linear-gradient(135deg,#9c27b033,#4a148c33);border-color:#9c27b080}.mode-card.strategic:hover{border-color:#9c27b0;box-shadow:0 10px 30px #9c27b080}.mode-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8));font-size:64px;margin-bottom:15px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mode-title{color:#fff;font-size:28px;font-weight:900;margin:0 0 10px;text-shadow:0 2px 4px #000c}.mode-description{color:#fffc;font-size:14px;margin-bottom:20px}.mode-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.feature{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:#ffffffe6;font-size:13px;padding:8px 12px}.mode-button{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:10px;box-shadow:0 4px 15px #ffd70066;color:#1a1a2e;cursor:pointer;font-size:16px;font-weight:900;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .3s ease;width:100%}.mode-button:hover{box-shadow:0 6px 20px #ffd70099;transform:translateY(-2px)}.mode-card.multiplayer .mode-button{background:linear-gradient(135deg,#ffffff4d,#fff3);color:#fff9;cursor:not-allowed}.mode-card.multiplayer .mode-button:hover{box-shadow:none;transform:none}.lobby-info{background:#0000004d;border:2px solid #ffd70033;border-radius:10px;padding:20px}.lobby-info h3{color:gold;font-size:20px;margin-bottom:15px;margin-top:0;text-shadow:0 2px 4px #000c}.lobby-info ul{list-style:none;margin:0;padding:0}.lobby-info li{border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-size:14px;padding:8px 0}.lobby-info li:last-child{border-bottom:none}.selected-opponent{background:#0000004d;border:2px solid #4caf5080;border-radius:10px;cursor:pointer;margin:15px 0;padding:12px;position:relative;transition:all .3s ease}.selected-opponent:hover{background:#00000080;border-color:#4caf50cc;transform:translateY(-2px)}.change-opponent-hint{color:#ffffff80;display:block;font-size:11px;font-style:italic;margin-top:8px;text-align:center}.opponent-label{color:#ffffffb3;display:block;font-size:12px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.opponent-display{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.opponent-avatar{filter:drop-shadow(0 0 8px currentColor);font-size:28px}.opponent-name{color:#fff;font-size:18px;font-weight:700}.opponent-difficulty{border-radius:12px;font-size:12px;font-weight:700;margin-left:auto;padding:4px 10px}.opponent-difficulty.random{background:#9c27b04d;color:#9c27b0}.opponent-difficulty.easy{background:#4caf504d;color:#4caf50}.opponent-difficulty.medium{background:#ffc1074d;color:#ffc107}.opponent-difficulty.hard{background:#ff98004d;color:#ff9800}.opponent-difficulty.master{background:#ff44444d;color:#f44}.ai-selection-grid{grid-gap:10px;background:#0003;border-radius:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin:15px 0;padding:10px}.ai-option{align-items:center;background:#ffffff0d;border:2px solid #fff3;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:12px 8px;text-align:center;transition:all .3s ease}.ai-option:hover{background:#ffffff1a;box-shadow:0 5px 20px #fff3;transform:translateY(-3px) scale(1.05)}.ai-option.selected{background:#4caf5033;border-color:#4caf50;box-shadow:0 0 20px #4caf5066}.ai-avatar{filter:drop-shadow(0 0 8px currentColor);font-size:32px}.ai-name{color:#fff;font-size:13px;font-weight:700}.ai-difficulty{border-radius:8px;font-size:10px;font-weight:700;padding:2px 6px}.ai-difficulty.random{background:#9c27b04d;color:#ce93d8}.ai-difficulty.easy{background:#4caf504d;color:#81c784}.ai-difficulty.medium{background:#ffc1074d;color:#ffd54f}.ai-difficulty.hard{background:#ff98004d;color:#ffb74d}.ai-difficulty.master{background:#ff44444d;color:#ff8a80}@media (max-width:768px){.lobby{padding:10px}.lobby-container{margin:10px auto;padding:20px}.lobby-title{font-size:28px}.title-icon{font-size:36px}.mode-selection{grid-template-columns:1fr}.mode-card{padding:20px}.mode-icon{font-size:48px}.mode-title{font-size:22px}.lobby-info h3{font-size:18px}.lobby-info li{font-size:13px}}.card-tooltip{animation:tooltipFadeIn .2s ease-out;background:linear-gradient(135deg,#141428fa,#28283cfa);border:2px solid #e9456099;border-radius:12px;box-shadow:0 8px 32px #000c,0 0 20px #e945604d;max-width:320px;min-width:280px;padding:16px;pointer-events:auto;position:fixed;transform:translate(-50%,-110%)}.card-tooltip[data-placement=bottom]{transform:translate(-50%,10px)}.card-tooltip[data-placement=right]{transform:translate(10px,-50%)}.tooltip-header{align-items:center;border-bottom:1px solid #e945604d;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.tooltip-element{color:#e94560;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.tooltip-tier{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tooltip-stats{margin-bottom:12px}.stat-row{font-size:14px}.stat-row.modified{color:#4caf50;font-weight:700}.stat-label{color:#a0a0c0}.stat-value{font-weight:600}.tooltip-matchups{background:#0000004d;border-radius:6px;margin-bottom:12px;padding:8px}.matchup-row{display:flex;font-size:13px;gap:8px;margin:4px 0}.matchup-row.strong{color:#4caf50}.matchup-row.weak{color:#f44336}.matchup-label{font-weight:600;min-width:90px}.matchup-elements{color:#fff;font-size:12px}.tooltip-description{border-top:1px solid #e9456033;color:#a0a0c0;font-size:12px;font-style:italic;line-height:1.4;padding-top:8px}.tooltip-lore-section{margin-top:12px;padding-top:0}.lore-divider{align-items:center;display:flex;justify-content:center;margin:8px 0;position:relative}.lore-divider:after,.lore-divider:before{background:linear-gradient(90deg,#0000,#daa52080 50%,#0000);content:"";flex:1 1;height:1px}.lore-divider-icon{font-size:14px;opacity:.8;padding:0 10px}.lore-title{color:#daa520;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-align:center;text-shadow:0 0 10px #daa5204d;text-transform:uppercase}.lore-tier-icon{font-size:12px;margin-right:6px}.flavor-text{background:linear-gradient(135deg,#daa5201a,#8b45131a);border-left:2px solid #daa52066;border-radius:6px;border-right:2px solid #daa52066;color:#c9b896;font-size:11px;font-style:italic;line-height:1.5;margin-bottom:8px;padding:8px 12px;position:relative;text-align:center}.flavor-quote{color:#daa520;font-family:Georgia,serif;font-size:16px;opacity:.7}.lore-expand-btn{background:#daa52026;border:1px solid #daa5204d;border-radius:4px;color:#daa520;cursor:pointer;display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:6px 8px;pointer-events:auto;text-transform:uppercase;transition:all .2s ease;width:100%}.lore-expand-btn:hover{background:#daa52040;border-color:#daa52080;box-shadow:0 2px 8px #daa52033;transform:translateY(-1px)}.lore-expand-btn:active{transform:translateY(0)}.origin-story{animation:loreReveal .3s ease-out;background:linear-gradient(135deg,#8b451326,#65432126);border:1px solid #8b45134d;border-radius:6px;color:#a09080;font-size:10px;line-height:1.6;margin-top:8px;padding:10px 12px;text-align:justify}@keyframes loreReveal{0%{margin-top:0;max-height:0;opacity:0;padding:0 12px}to{margin-top:8px;max-height:200px;opacity:1;padding:10px 12px}}.tooltip-lore-section[data-tier=LOW] .lore-title{color:#9e9e9e;text-shadow:0 0 10px #9e9e9e4d}.tooltip-lore-section[data-tier=LOW] .flavor-text{background:linear-gradient(135deg,#9e9e9e1a,#6464641a);border-color:#9e9e9e66}.tooltip-lore-section[data-tier=MID] .lore-title{color:#3498db;text-shadow:0 0 10px #3498db4d}.tooltip-lore-section[data-tier=MID] .flavor-text{background:linear-gradient(135deg,#3498db1a,#2980b91a);border-color:#3498db66}.tooltip-lore-section[data-tier=HIGH] .lore-title{color:gold;text-shadow:0 0 15px #ffd70080}.tooltip-lore-section[data-tier=HIGH] .flavor-text{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-color:#ffd70080}.tooltip-lore-section[data-tier=HIGH] .lore-expand-btn{background:#ffd70033;border-color:#ffd70066;color:gold}.tooltip-lore-section[data-tier=HIGH] .origin-story{background:linear-gradient(135deg,#ffd7001a,#ff8c001a);border-color:#ffd7004d;color:#d4af37}@media (max-width:768px){.card-tooltip{font-size:12px;max-width:280px;min-width:240px;padding:12px}.tooltip-element{font-size:16px}.matchup-row,.stat-row,.tooltip-tier{font-size:12px}.lore-title,.tooltip-description{font-size:11px}.flavor-text{font-size:10px;padding:6px 10px}.origin-story{font-size:9px;padding:8px 10px}.lore-expand-btn{font-size:9px;padding:5px 6px}}.card{--element-color:#4ecdc4;animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid #444;border-radius:12px;box-shadow:0 6px 12px #00000080,inset 0 1px 0 #ffffff1a;contain:layout style paint;cursor:default;display:inline-block;height:160px;margin:5px;overflow:hidden;padding:10px;perspective:1000px;position:relative;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,filter .2s;-webkit-user-select:none;user-select:none;width:110px;will-change:transform}.card:after{background:linear-gradient(45deg,#0000 30%,#ffffff1a 40%,#ffffff4d 50%,#ffffff1a 60%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-100%) rotate(45deg);transition:transform .6s ease;width:200%;z-index:10}.card:hover:after{transform:translateX(100%) rotate(45deg)}.card:hover{box-shadow:0 20px 40px #0009,0 0 30px var(--element-color),inset 0 1px 0 #fff3;transform:perspective(1000px) rotateX(5deg) rotateY(-5deg) translateY(-8px) scale(1.05);z-index:100}.card.playable{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1),playableGlow 2s ease-in-out infinite}@keyframes playableGlow{0%,to{box-shadow:0 6px 12px #00000080,0 0 15px #4caf5080}50%{box-shadow:0 6px 12px #00000080,0 0 30px #4caf50cc,0 0 50px #4caf5066}}.card:not(.has-background-image){background:linear-gradient(135deg,#2a2a3e,#1a1a2e)}.card.has-background-image{background-image:var(--card-bg-image)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) rotateY(-90deg)}to{opacity:1;transform:translateY(0) rotateY(0deg)}}.card.playing{animation:cardFlip .6s cubic-bezier(.4,0,.2,1);z-index:100}.card:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#0003);border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.card.has-background-image:before{background:linear-gradient(135deg,#0006,#00000080 50%,#0009)}.card-tooltip{animation:tooltipFadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2efa,#2c2c54fa);border:2px solid gold;border-radius:10px;box-shadow:0 8px 24px #000000e6;left:50%;min-width:200px;padding:12px 14px;pointer-events:none;position:absolute;top:-180px;transform:translateX(-50%);z-index:10000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.tooltip-header{border-bottom:1px solid #ffd7004d;color:gold;font-size:13px;font-weight:700;padding-bottom:6px;text-shadow:0 0 8px #ffd70080}.tooltip-ability,.tooltip-header{margin-bottom:8px;text-align:center}.tooltip-ability{color:#fff;font-size:11px;line-height:1.5}.tooltip-stats{color:#4caf50;font-size:11px;font-weight:700;text-align:center}.tooltip-modifier{color:#ffeb3b}.card.common{border-color:#888;box-shadow:0 6px 12px #00000080,inset 0 1px 0 #ffffff1a}.card.common:not(.has-background-image){background:linear-gradient(135deg,#3a3a4e,#2a2a3e)}.card.uncommon{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1),uncommonGlow 4s ease-in-out infinite;box-shadow:0 6px 12px #4caf5066,0 0 15px #4caf504d,inset 0 1px 0 #4caf504d}.card.uncommon:not(.has-background-image){background:linear-gradient(135deg,#2d5a2d,#1e4a1e)}@keyframes uncommonGlow{0%,to{box-shadow:0 6px 12px #4caf5066,0 0 15px #4caf504d,inset 0 1px 0 #4caf504d}50%{box-shadow:0 6px 12px #4caf5080,0 0 25px #4caf5080,inset 0 1px 0 #4caf5066}}.card.rare{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1),rareGlow 3s ease-in-out infinite;box-shadow:0 6px 12px #2196f380,0 0 20px #2196f366,inset 0 1px 0 #2196f34d}.card.rare:not(.has-background-image){background:linear-gradient(135deg,#1e4a7f,#0f3a6f)}.card.rare:before{animation:rareShimmer 2s linear infinite;background:linear-gradient(135deg,#2196f333,#0000 30%,#2196f31a 50%,#0000 70%,#2196f333)}.card.legendary{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1),legendaryFlare 4s ease-in-out infinite;border-color:#ffa726;box-shadow:0 8px 16px #ffa72699,0 0 30px #ffa72680,0 0 60px #ffd7004d,inset 0 1px 0 #ffa72666;overflow:hidden}.card.legendary:not(.has-background-image){background:linear-gradient(135deg,#5a4a1e,#4a3a0e 50%,#3a2a00)}.card.legendary:before{animation:legendaryRainbow 3s linear infinite;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8f00ff,red);background-size:400% 400%;border-radius:14px;bottom:-2px;content:"";left:-2px;opacity:.6;right:-2px;top:-2px;z-index:-2}@keyframes legendaryFlare{0%,to{box-shadow:0 8px 16px #ffa72699,0 0 30px #ffa72680,0 0 60px #ffd7004d,inset 0 1px 0 #ffa72666;filter:brightness(1)}50%{box-shadow:0 10px 25px #ffa726cc,0 0 50px #ffa726b3,0 0 80px #ffd70080,0 0 100px #ff98004d,inset 0 1px 0 #ffa72699;filter:brightness(1.1)}}@keyframes legendaryRainbow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card.has-background-image[class*=fusion],.card[data-fusion=true]{animation:fusionCardGlow 3s ease-in-out infinite;border:4px solid #ff9800;box-shadow:0 0 25px #ff9800cc,0 0 40px #ffd70099,0 6px 15px #00000080;position:relative}.card.has-background-image[class*=fusion]:after,.card[data-fusion=true]:after{animation:fusionShimmer 4s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffd7004d 50%,#0000 70%);border-radius:inherit;bottom:-3px;content:"";left:-3px;pointer-events:none;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes fusionCardGlow{0%,to{box-shadow:0 0 25px #ff9800cc,0 0 40px #ffd70099,0 6px 15px #00000080}50%{box-shadow:0 0 35px #ff9800,0 0 55px #ffd700cc,0 8px 20px #0009}}@keyframes fusionShimmer{0%{opacity:.5;transform:translateX(-100%) rotate(45deg)}50%{opacity:1}to{opacity:.5;transform:translateX(200%) rotate(45deg)}}.legendary-glow{animation:legendaryPulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffd70033 0,#0000 70%);pointer-events:none;position:absolute;z-index:0}.card.legendary:after,.legendary-glow{height:200%;left:-50%;top:-50%;width:200%}.card.legendary:after{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffd70066 50%,#0000 70%);z-index:1}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.card.playable,.card>*{position:relative;z-index:1}.card.playable{animation:playableCardPulse 2s ease-in-out infinite;cursor:pointer;filter:brightness(1.1)}@keyframes playableCardPulse{0%,to{box-shadow:0 6px 12px #00000080,0 0 15px var(--element-color),inset 0 1px 0 #ffffff1a;filter:brightness(1.1)}50%{box-shadow:0 6px 12px #00000080,0 0 25px var(--element-color),0 0 10px var(--element-color),inset 0 1px 0 #fff3;filter:brightness(1.2)}}.card.playable.recommended{animation:recommendedPulse 1.5s ease-in-out infinite}.card.playable.recommended:after{animation:recommendBadgePulse 1s ease-in-out infinite;background:linear-gradient(135deg,gold,#ff9800);border-radius:10px;bottom:-20px;color:#000;content:"⭐ BEST PLAY";font-size:10px;font-weight:900;left:50%;padding:3px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}@keyframes recommendedPulse{0%,to{box-shadow:0 6px 12px #00000080,0 0 30px #ffd700cc,0 0 60px #ffd70066}50%{box-shadow:0 10px 20px #0009,0 0 50px gold,0 0 100px #ffd70099}}@keyframes recommendBadgePulse{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.1)}}.card.playable.high-power{animation:highPowerPulse 1.5s ease-in-out infinite}@keyframes highPowerPulse{0%,to{box-shadow:0 6px 12px #00000080,0 0 20px var(--element-color),0 0 40px #ff64644d;filter:brightness(1.15)}50%{box-shadow:0 8px 16px #0009,0 0 35px var(--element-color),0 0 70px #ff646480;filter:brightness(1.3)}}.card.playable .playable-ring{animation:playableRingRotate 3s linear infinite;background:linear-gradient(var(--element-color),var(--element-color)) padding-box,linear-gradient(90deg,var(--element-color),#0000,var(--element-color)) border-box;border:2px solid #0000;border-radius:14px;bottom:-4px;left:-4px;opacity:.6;pointer-events:none;position:absolute;right:-4px;top:-4px}@keyframes playableRingRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.card.playable:hover{animation:cardGlow 1s ease-in-out infinite alternate;box-shadow:0 20px 40px #000c,0 0 40px var(--element-color),inset 0 1px 0 #ffffff4d;filter:brightness(1.3) saturate(1.4);transform:translateY(-25px) scale(1.15);z-index:100}@keyframes cardGlow{0%{box-shadow:0 20px 40px #000c,0 0 40px var(--element-color),inset 0 1px 0 #ffffff4d}to{box-shadow:0 20px 40px #000c,0 0 60px var(--element-color),0 0 20px var(--element-color),inset 0 1px 0 #fff6}}.card.playable:before{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #ffffff80;border-radius:14px;box-shadow:0 4px 12px #ffd70099;color:#1a1a2e;content:attr(data-key);font-size:14px;font-weight:700;left:50%;opacity:.7;padding:5px 12px;pointer-events:none;position:absolute;top:-12px;transform:translateX(-50%);transition:opacity .3s ease;z-index:10}.card.playable:hover:before{opacity:0}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;position:relative}.card-element{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));font-size:32px;line-height:1}.mana-cost-badge{animation:manaGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#3f51b5,#303f9f);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0009,0 0 15px #3f51b5cc;color:#fff;font-size:11px;font-weight:900;min-width:32px;padding:4px 8px;position:absolute;right:-8px;text-align:center;text-shadow:0 1px 2px #000c;top:-8px;z-index:10}.mana-cost-badge.unaffordable{animation:manaPulseRed 1.5s ease-in-out infinite;background:linear-gradient(135deg,#757575,#424242);border-color:#f44336;box-shadow:0 2px 8px #0009,0 0 15px #f4433680}@keyframes manaPulseRed{0%,to{box-shadow:0 2px 8px #0009,0 0 15px #f4433680}50%{box-shadow:0 2px 10px #000000b3,0 0 25px #f44336cc}}.card.unaffordable-card{cursor:not-allowed;filter:grayscale(60%);opacity:.5}.card.unaffordable-card:hover{box-shadow:0 4px 8px #0000004d;transform:none}.card.overdraft-available{animation:overdraftPulse 1.5s ease-in-out infinite;border:3px solid #ff9800!important;box-shadow:0 0 20px #ff980099,0 4px 8px #0006;cursor:pointer;opacity:.75}.card.overdraft-available:hover{box-shadow:0 0 30px #ff9800cc,0 8px 16px #0009;transform:translateY(-8px) scale(1.05)}@keyframes overdraftPulse{0%,to{box-shadow:0 0 20px #ff980099,0 4px 8px #0006}50%{box-shadow:0 0 30px #ff9800e6,0 4px 8px #0006}}.card-strength{background:linear-gradient(135deg,#000c,#0009);border:2px solid #fff6;border-radius:8px;box-shadow:0 3px 10px #0009;color:#fff;font-size:20px;font-weight:900;min-width:40px;padding:6px 12px;text-align:center;text-shadow:0 2px 4px #000c}.card-center{align-items:center;display:flex;flex-direction:column;gap:2px;height:65px;justify-content:center;margin:8px 0}.element-icon-large{filter:drop-shadow(0 3px 6px rgba(0,0,0,.9));font-size:48px;line-height:1;margin-bottom:2px}.card-name{background:linear-gradient(135deg,#00000080,#0000004d);border-radius:3px;color:#fffffff2;font-size:9px;font-weight:700;letter-spacing:.5px;margin:2px 0;max-width:90px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;text-shadow:0 1px 3px #000000e6;text-transform:capitalize;white-space:nowrap}.strength-large{color:#fff;font-size:28px;font-weight:900;letter-spacing:1px;margin-top:2px;text-shadow:0 2px 6px #000000e6,0 0 15px #ffffff4d}.card-footer{margin-top:auto;padding-top:4px;text-align:center}.element-name{background:#0000004d;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:900;letter-spacing:1.5px;padding:3px 6px;text-shadow:0 2px 4px #000000e6;text-transform:uppercase}.element-label-overlay{background:#000000e6;border:2px solid #fff;border-radius:5px;color:#fff;font-size:10px;font-weight:900;left:5px;letter-spacing:.5px;line-height:1;padding:3px 7px;pointer-events:none;position:absolute;text-shadow:none;top:5px;z-index:20}.card-tier{background:#0006;border-radius:3px;color:#fff;display:inline-block;filter:brightness(1.5);font-weight:900;letter-spacing:1px;margin-top:4px;text-shadow:0 1px 3px #000c}.neutral-ability{border:1px solid #ffffff4d;border-radius:4px;color:#fff}.neutral-ability,.tech-ability{background:#00000080;display:inline-block;font-size:9px;font-weight:700;margin-top:3px;padding:3px 6px;text-shadow:0 1px 2px #000c}.tech-ability{border:1px solid #00ffff4d;border-radius:4px;color:#0ff}.strength-modifier{color:#4caf50;font-size:11px;font-weight:900;margin-left:3px;text-shadow:0 0 8px #4caf50,0 2px 4px #000c}.counter-badge{animation:badge-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#f44,#f80);box-shadow:0 0 15px #f44c;top:10px}.counter-badge,.evolution-badge{border:2px solid #fff;border-radius:12px;color:#fff;font-size:10px;font-weight:900;padding:4px 8px;position:absolute;right:10px;text-shadow:0 1px 3px #000c;z-index:10}.evolution-badge{animation:badge-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#00e676);box-shadow:0 0 15px #4caf50cc;top:35px}.meteor-damage-badge{animation:meteor-impact 1s ease-in-out;background:linear-gradient(135deg,#f60,#f30);box-shadow:0 0 15px #f60c;font-size:10px;text-shadow:0 1px 3px #000c;top:55px;z-index:10}.fusion-badge,.meteor-damage-badge{border:2px solid #fff;border-radius:12px;color:#fff;font-weight:900;padding:4px 8px;position:absolute;right:10px}.fusion-badge{animation:fusion-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff9800,gold);box-shadow:0 0 20px #ff9800,0 0 30px #ffd700cc;font-size:12px;text-shadow:0 2px 4px #000000e6;top:60px;z-index:15}@keyframes fusion-pulse{0%,to{box-shadow:0 0 20px #ff9800,0 0 30px #ffd700cc;transform:scale(1) rotate(0deg)}25%{box-shadow:0 0 30px #ff9800,0 0 45px gold;transform:scale(1.1) rotate(-3deg)}50%{box-shadow:0 0 35px #ff9800,0 0 50px gold;transform:scale(1.15) rotate(3deg)}75%{box-shadow:0 0 30px #ff9800,0 0 45px gold;transform:scale(1.1) rotate(-3deg)}}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes badge-glow{0%,to{box-shadow:0 0 15px #4caf50cc}50%{box-shadow:0 0 25px #4caf50}}@keyframes meteor-impact{0%{box-shadow:0 0 5px #f606;transform:scale(.8) rotate(-5deg)}50%{box-shadow:0 0 30px #f60;transform:scale(1.2) rotate(2deg)}to{box-shadow:0 0 15px #f60c;transform:scale(1) rotate(0deg)}}@media (max-width:1024px){.card{height:140px;margin:4px;padding:8px;width:95px}.card-element{font-size:28px}.card-strength{font-size:18px;padding:5px 10px}.element-icon-large{font-size:42px}.strength-large{font-size:24px}.element-name{font-size:10px;letter-spacing:1px}.card-tooltip{min-width:180px;padding:10px 12px}}@media (max-width:768px){.card{border-radius:10px;border-width:2px;height:125px;margin:3px;padding:6px;width:85px}.card-element{font-size:24px}.card-strength{font-size:16px;min-width:35px;padding:4px 8px}.card-center{gap:1px;height:55px}.element-icon-large{font-size:36px}.card-name{font-size:7px;letter-spacing:.3px;max-width:75px;padding:1px 4px}.strength-large{font-size:20px}.element-name{font-size:9px;letter-spacing:.8px;padding:2px 5px}.card-tier{font-size:7px;margin-top:3px;padding:2px 5px}.neutral-ability,.tech-ability{font-size:8px;padding:2px 5px}.strength-modifier{font-size:10px}.counter-badge,.evolution-badge,.meteor-damage-badge{border-width:1px;font-size:8px;padding:3px 6px}.counter-badge{right:8px;top:8px}.evolution-badge{right:8px;top:28px}.meteor-damage-badge{right:8px;top:45px}.card-tooltip{min-width:150px;padding:8px 10px;top:-150px}.tooltip-header{font-size:11px}.tooltip-ability,.tooltip-stats{font-size:10px}.card.playable:hover{transform:translateY(-15px) scale(1.1)}.card.playable:before{font-size:12px;padding:4px 10px;top:-10px}}@media (max-width:480px){.card{border-radius:8px;height:105px;margin:2px;padding:5px;width:70px}.card-header{margin-bottom:5px}.card-element{font-size:20px}.card-strength{border-radius:6px;font-size:14px;min-width:28px;padding:3px 6px}.card-center{height:45px;margin:5px 0}.element-icon-large{font-size:28px}.strength-large{font-size:16px}.element-name{font-size:8px;letter-spacing:.5px;padding:2px 4px}.card-tier{font-size:6px;margin-top:2px;padding:1px 4px}.neutral-ability,.tech-ability{font-size:7px;padding:2px 4px}.strength-modifier{font-size:9px;margin-left:2px}.counter-badge,.evolution-badge,.meteor-damage-badge{border-radius:8px;font-size:7px;padding:2px 5px}.counter-badge{right:6px;top:6px}.evolution-badge{right:6px;top:22px}.meteor-damage-badge{right:6px;top:38px}.card-tooltip{font-size:9px;min-width:130px;padding:6px 8px;top:-130px}.tooltip-header{font-size:10px;margin-bottom:5px}.tooltip-ability,.tooltip-stats{font-size:9px}.card.playable:hover{transform:translateY(-10px) scale(1.08)}.card.playable:before{border-radius:10px;font-size:10px;padding:3px 8px;top:-8px}}@media (hover:none) and (pointer:coarse){.card.playable{cursor:pointer;margin:8px;padding:12px}.card.playable:hover{transform:none}.card.playable:active{box-shadow:0 8px 20px #4caf5099;transform:translateY(-8px) scale(1.05);transition:transform .1s ease}.card:after{display:none!important}.card.playable:before{animation:tapBounce 1.5s ease-in-out infinite;content:"👆";font-size:14px;left:50%;opacity:.8;pointer-events:none;position:absolute;top:-12px;transform:translateX(-50%);z-index:100}@keyframes tapBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.hand .card:first-child:before,.hand .card:last-child:before{bottom:-15px;color:#fff9;content:"←→";font-size:12px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.card:active{transform:scale(.97);transition:transform .08s ease}}.card.common{border-color:#757575}.card.uncommon{border-color:#4caf50;box-shadow:0 6px 12px #00000080,0 0 8px #4caf5066}.card.rare{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1),rarePulse 2s infinite}@keyframes rarePulse{0%,to{box-shadow:0 6px 12px #00000080,0 0 10px #2196f380}50%{box-shadow:0 6px 12px #00000080,0 0 20px #2196f3cc}}.card.epic{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1),epicShimmer 3s infinite}.card.epic:before{animation:epicShine 3s linear infinite;background:linear-gradient(45deg,#0000 40%,#ffffff1a 50%,#0000 60%);height:200%;left:-50%;top:-50%;width:200%;z-index:1}@keyframes epicShine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.card.legendary{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1),legendaryGlow 2s infinite;border-color:#ff9800!important;border-width:4px}.card.mythic{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1),mythicRainbow 3s linear infinite,mythicPulse 2s infinite;background-clip:padding-box;border:4px solid #0000}@keyframes mythicRainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes mythicPulse{0%,to{box-shadow:0 6px 12px #00000080,0 0 25px #e91e63cc,0 0 50px #9c27b099}50%{box-shadow:0 6px 12px #00000080,0 0 40px #e91e63,0 0 80px #9c27b0cc}}.card-keywords{align-items:center;animation:keywordPulse 3s infinite;background:#00000080;border-radius:8px;cursor:help;display:flex;font-size:10px;gap:2px;justify-content:center;margin-top:3px;padding:2px 4px}@keyframes keywordPulse{0%,to{opacity:1}50%{opacity:.8}}.card-keywords:hover{background:#000c;transform:scale(1.1)}.card-keywords:after{background:#000000f2;border-radius:8px;bottom:100%;color:#fff;content:attr(title);font-size:10px;left:50%;min-width:150px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .2s;white-space:pre-line;z-index:100}.card-keywords:hover:after{opacity:1}.card-tier{background:#00000080;border-radius:10px;font-size:8px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-shadow:0 1px 2px #000c;text-transform:uppercase}@media screen and (max-width:768px){.card-keywords{font-size:8px;padding:1px 3px}.card-tier{font-size:6px;padding:1px 4px}}.critical-hit-overlay{align-items:center;animation:criticalFadeIn .3s ease-out,criticalFadeOut .5s ease-in 1.5s forwards;border-radius:15px;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:400}.critical-hit-burst{animation:criticalBurst .6s ease-out;background:radial-gradient(circle,#ff3232e6 0,#0000 70%);border-radius:50%;height:100px;position:absolute;width:100px}.critical-hit-text{animation:criticalTextPop .5s cubic-bezier(.34,1.56,.64,1),criticalPulse .3s ease-in-out .5s 3;color:red;font-size:28px;font-weight:900;letter-spacing:3px;text-shadow:0 0 15px red,0 0 30px #ff6400cc,0 0 40px #ff320099,2px 2px 6px #000;white-space:nowrap;z-index:1}.critical-hit-damage{animation:damageNumberFloat 1s ease-out .3s;color:#ff0;font-size:36px;font-weight:800;margin-top:8px;text-shadow:0 0 15px #ff0,2px 2px 6px #000c}@keyframes criticalBurst{0%{height:30px;opacity:1;width:30px}to{height:250px;opacity:0;width:250px}}@keyframes criticalTextPop{0%{opacity:0;transform:scale(0) rotate(-15deg)}50%{transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes criticalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes damageNumberFloat{0%{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1}to{opacity:0;transform:translateY(-50px) scale(1.2)}}@keyframes criticalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes criticalFadeOut{0%{opacity:1}to{opacity:0}}.critical-hit-glow{animation:cardCriticalGlow 2s ease-in-out!important;box-shadow:0 0 30px red,0 0 60px #ff6400cc,inset 0 0 20px #ff320080!important}@keyframes cardCriticalGlow{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(255,0,0,.8))}50%{filter:brightness(1.5) drop-shadow(0 0 30px rgba(255,0,0,1))}}.meteor-strike-card-overlay{align-items:center;animation:meteorFadeIn .2s ease-out,meteorFadeOut .3s ease-in 1.2s forwards;background:radial-gradient(circle,#ff64004d 0,#0000 70%);border-radius:15px;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:400}.meteor-impact{animation:meteorImpact .5s ease-out;filter:drop-shadow(0 0 10px rgba(255,100,0,1));font-size:48px}.meteor-strike-card-text{animation:meteorTextPop .4s cubic-bezier(.34,1.56,.64,1);color:#f60;font-size:20px;font-weight:900;letter-spacing:2px;margin-top:-10px;text-shadow:0 0 10px #ff6400,0 0 20px #ff3200cc,2px 2px 4px #000}.meteor-impact-glow{animation:cardMeteorGlow 1.5s ease-in-out!important;box-shadow:0 0 20px #ff6400,0 0 40px #ff3200cc,inset 0 0 15px #ff640080!important}@keyframes meteorFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes meteorFadeOut{to{opacity:0}}@keyframes meteorTextPop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes cardMeteorGlow{0%,to{filter:brightness(1) drop-shadow(0 0 8px rgba(255,100,0,.8))}50%{filter:brightness(1.4) drop-shadow(0 0 20px rgba(255,100,0,1))}}.elemental-weather{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:250}.weather-particle{animation:weatherFall linear infinite;filter:drop-shadow(0 0 5px currentColor);font-size:24px;opacity:.8;position:absolute;top:-50px}@keyframes weatherFall{0%{opacity:0;transform:translateY(-50px) rotate(0deg)}10%{opacity:.8}90%{opacity:.6}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.water-particle{animation-name:waterFall;color:#2196f3}@keyframes waterFall{0%{opacity:0;transform:translateY(-50px) translateX(0)}10%{opacity:.9}to{opacity:0;transform:translateY(100vh) translateX(20px)}}.fire-particle{animation-name:fireRise;color:#ff5722}@keyframes fireRise{0%{opacity:0;transform:translateY(100vh) scale(1)}20%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(.5)}}.earth-particle{animation-name:leafFloat;color:#4caf50}@keyframes leafFloat{0%{opacity:0;transform:translateY(-50px) translateX(0) rotate(0deg)}10%{opacity:.8}to{opacity:0;transform:translateY(100vh) translateX(-50px) rotate(1turn)}}.air-particle{animation-name:airSwirl;color:#b0bec5}@keyframes airSwirl{0%{opacity:0;transform:translateY(50vh) scale(.5)}50%{opacity:1}to{opacity:0;transform:translate(100vw,50vh) scale(1.5)}}.ice-particle{animation-name:snowFall;color:#00bcd4}.lightning-particle{animation-name:lightningStrike;color:#ffeb3b}@keyframes lightningStrike{0%,to{opacity:0;transform:translateY(0) scale(1)}10%,30%,50%{opacity:1;transform:translateY(50vh) scale(1.5)}20%,40%,60%{opacity:0}}.uncommon-card{animation:uncommonShimmer 3s ease-in-out infinite;box-shadow:0 0 15px #4caf5099,inset 0 0 10px #4caf504d}@keyframes uncommonShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.rare-card{animation:rareShimmer 2.5s ease-in-out infinite;box-shadow:0 0 20px #2196f3b3,inset 0 0 15px #2196f366}@keyframes rareShimmer{0%,to{filter:brightness(1) drop-shadow(0 0 5px rgba(33,150,243,.5))}50%{filter:brightness(1.15) drop-shadow(0 0 15px rgba(33,150,243,.8))}}.epic-card{animation:epicShimmer 2s ease-in-out infinite;box-shadow:0 0 25px #9c27b0cc,inset 0 0 20px #9c27b080}.legendary-card{animation:legendaryShimmer 1.5s ease-in-out infinite,legendaryRotate 4s linear infinite;box-shadow:0 0 30px gold,0 0 60px #ff9800cc,inset 0 0 25px #ffd70099}@keyframes legendaryShimmer{0%,to{filter:brightness(1.1) drop-shadow(0 0 15px rgba(255,215,0,.8))}50%{filter:brightness(1.4) drop-shadow(0 0 30px rgba(255,215,0,1))}}.victory-pose-winner{animation:victoryPoseScale 2s ease-in-out!important;z-index:100!important}@keyframes victoryPoseScale{0%{transform:scale(1) rotate(0deg)}20%{transform:scale(1.3) rotate(5deg)}40%{transform:scale(1.2) rotate(-3deg)}60%{transform:scale(1.25) rotate(2deg)}80%{transform:scale(1.15) rotate(-1deg)}to{transform:scale(1.2) rotate(0deg)}}.victory-sparkles{height:100%;left:50%;top:50%;width:100%;z-index:10}.sparkle{animation:sparkleOut 1s ease-out forwards;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-80px);transform-origin:center;width:30px}.sparkle:before{animation:sparkleRotate 1s linear infinite;content:"✨";font-size:24px}@keyframes sparkleOut{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-40px) scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-120px) scale(1)}}@keyframes sparkleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-defeat-crumble{animation:crumbleEffect 1.5s ease-in forwards!important}@keyframes crumbleEffect{0%{filter:brightness(1);opacity:1;transform:scale(1) rotate(0deg)}30%{filter:brightness(.7) grayscale(.3);transform:scale(.95) rotate(-2deg)}60%{filter:brightness(.5) grayscale(.6);opacity:.7;transform:scale(.8) rotate(3deg)}to{filter:brightness(.2) grayscale(1);opacity:0;transform:scale(.4) rotate(-10deg)}}.card-shatter-particles{height:100%;pointer-events:none;width:100%}.card-shatter-particles,.shard{left:50%;position:absolute;top:50%}.shard{animation:shardFly 1.5s ease-out forwards;background:linear-gradient(135deg,#fffc,#c8c8c866);height:20px;width:20px}@keyframes shardFly{0%{opacity:1;transform:translate(-50%,-50%) translate(0) rotate(0deg)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--shard-x),var(--shard-y)) rotate(var(--shard-rotation))}}.elemental-background-overlay{height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity 1s ease-in-out;width:100%;z-index:1}.elemental-background-overlay.active{opacity:.3}.water-background{background:radial-gradient(circle at center,#2196f366 0,#0000 70%)}.fire-background{background:radial-gradient(circle at center,#ff572266 0,#0000 70%)}.earth-background{background:radial-gradient(circle at center,#4caf5066 0,#0000 70%)}.air-background{background:radial-gradient(circle at center,#b0bec566 0,#0000 70%)}.ice-background{background:radial-gradient(circle at center,#00bcd466 0,#0000 70%)}.lightning-background{background:radial-gradient(circle at center,#ffeb3b66 0,#0000 70%)}.slow-motion-overlay{animation:replaySlideIn .5s ease-out;pointer-events:none;position:fixed;right:20px;top:20px;z-index:500}.slow-motion-overlay.fade-out{animation:replayFadeOut .5s ease-in forwards}.slow-motion-indicator{align-items:center;background:linear-gradient(135deg,#000000e6,#141428e6);border:3px solid gold;border-radius:15px;box-shadow:0 0 30px #ffd70099;display:flex;gap:15px;padding:15px 25px}.slow-motion-icon{animation:replayIconPulse 1s ease-in-out infinite;font-size:40px}.slow-motion-text{color:gold;font-size:24px;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #ffd700cc}@keyframes replaySlideIn{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes replayFadeOut{to{opacity:0;transform:translateX(200px)}}@keyframes replayIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.slow-motion-active{animation:slowMotionEffect 2.5s ease-in-out!important}@keyframes slowMotionEffect{0%,to{filter:none}50%{filter:contrast(1.2) saturate(1.3)}}@media (max-width:768px){.critical-hit-text{font-size:48px}.critical-hit-damage{font-size:36px}.weather-particle{font-size:18px}.slow-motion-indicator{padding:10px 15px}.slow-motion-icon{font-size:28px}.slow-motion-text{font-size:18px}}@media (max-width:480px){.critical-hit-text{font-size:36px;letter-spacing:3px}.critical-hit-damage{font-size:28px}.weather-particle{font-size:14px}.slow-motion-overlay{right:10px;top:10px}.slow-motion-indicator{padding:8px 12px}.slow-motion-icon{font-size:24px}.slow-motion-text{font-size:14px;letter-spacing:1px}}.ultimate-flash-overlay{animation:ultimateFlash .8s ease-out forwards;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:500}.meteor-flash{background:radial-gradient(circle at center,#ff6b35cc 0,#ff320066 50%,#0000 70%)}.phoenix-flash{background:radial-gradient(circle at center,#ff4500cc 0,#ff8c0066 50%,#0000 70%)}.void-flash{background:radial-gradient(circle at center,#4a0080e6 0,#14002899 50%,#0000 70%)}.divine-flash{background:radial-gradient(circle at center,#ffd700e6 0,#ffffc880 50%,#0000 70%)}.fury-flash{background:radial-gradient(circle at center,#ff1744cc 0,#ff640066 50%,#0000 70%)}.freeze-flash{background:radial-gradient(circle at center,#00bcd4cc 0,#64c8ff66 50%,#0000 70%)}.shuffle-flash{background:radial-gradient(circle at center,#9c27b0cc 0,#c864ff66 50%,#0000 70%)}.mirror-flash{background:radial-gradient(circle at center,#2196f3cc 0,#64c8ff66 50%,#0000 70%)}@keyframes ultimateFlash{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.ultimate-burst-container{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:550}.ultimate-main-icon{animation:ultimateIconBurst 1.5s ease-out forwards;filter:drop-shadow(0 0 20px var(--ultimate-color));font-size:120px;text-shadow:0 0 30px var(--ultimate-color),0 0 60px var(--ultimate-color),0 0 90px var(--ultimate-color)}@keyframes ultimateIconBurst{0%{opacity:0;transform:scale(0) rotate(-45deg)}30%{opacity:1;transform:scale(1.5) rotate(10deg)}60%{opacity:1;transform:scale(1.2) rotate(-5deg)}to{opacity:0;transform:scale(.5) rotate(0deg)}}.ultimate-ring{animation:ultimateRingExpand 1.5s ease-out var(--ring-delay) forwards;border:4px solid var(--ultimate-color);border-radius:50%;height:100px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes ultimateRingExpand{0%{height:50px;opacity:1;width:50px}to{height:600px;opacity:0;width:600px}}.ultimate-particle-container{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:540}.ultimate-particle{animation:ultimateParticleExplode 1.5s ease-out var(--particle-delay) forwards;filter:drop-shadow(0 0 10px currentColor);font-size:32px;opacity:0;position:absolute}@keyframes ultimateParticleExplode{0%{opacity:1;transform:translate(0) rotate(0deg) scale(.5)}70%{opacity:1}to{opacity:0;transform:translate(var(--particle-x),var(--particle-y)) rotate(var(--particle-rotation)) scale(0)}}.meteor-rain-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:530}.falling-meteor{align-items:center;animation:meteorFallDown .8s ease-in forwards;display:flex;flex-direction:column;position:absolute;top:-100px}.meteor-head{filter:drop-shadow(0 0 20px #ff6b35);font-size:48px}.meteor-trail{animation:trailFlicker .1s ease-in-out infinite;background:linear-gradient(180deg,#ff6b35,#0000);height:100px;margin-top:-10px;width:6px}@keyframes meteorFallDown{0%{opacity:0;transform:translateY(-100px) rotate(30deg)}20%{opacity:1}to{opacity:0;transform:translateY(120vh) rotate(30deg)}}@keyframes trailFlicker{0%,to{opacity:.8}50%{opacity:1}}.phoenix-rise-container{bottom:0;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:530}.rising-phoenix{animation:phoenixAscend 2.5s ease-out forwards;position:relative}.phoenix-body{filter:drop-shadow(0 0 30px #ff4500);font-size:100px}.phoenix-wings{animation:wingFlap .3s ease-in-out infinite;font-size:80px;left:50%;opacity:.8;position:absolute;top:0;transform:translateX(-50%)}.phoenix-aura{animation:auraPulse .5s ease-in-out infinite;background:radial-gradient(circle,#ff450099 0,#0000 70%);border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.phoenix-flame{animation:flameRise 2s ease-out forwards;bottom:0;font-size:30px;opacity:0;position:absolute}@keyframes phoenixAscend{0%{opacity:0;transform:translateY(100vh)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-50vh)}}@keyframes wingFlap{0%,to{transform:translateX(-50%) scaleX(1)}50%{transform:translateX(-50%) scaleX(1.2)}}@keyframes auraPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.3)}}.void-vortex-container{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:530}.void-vortex{animation:vortexSpin 2s linear forwards,vortexGrow 2s ease-out forwards;background:radial-gradient(circle,#000 0,#4a0080 50%,#0000 70%);border-radius:50%;box-shadow:0 0 50px #4a0080,inset 0 0 50px #000;height:150px;width:150px}.void-particle{animation:voidOrbit 2s ease-in forwards;font-size:24px;left:50%;opacity:0;position:absolute;top:50%}@keyframes vortexSpin{0%{transform:rotate(0deg)}to{transform:rotate(2turn)}}@keyframes vortexGrow{0%{height:50px;opacity:0;width:50px}50%{height:200px;opacity:1;width:200px}to{height:300px;opacity:0;width:300px}}@keyframes voidOrbit{0%{opacity:1;transform:translate(-50%,-50%) rotate(0deg) translateX(var(--orbit-distance))}to{opacity:0;transform:translate(-50%,-50%) rotate(2turn) translateX(0)}}.time-freeze-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:530}.frozen-clock{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.clock-face{animation:clockFreeze 1.5s ease-out forwards;filter:drop-shadow(0 0 30px #00bcd4);font-size:120px}.clock-shatter{animation:shatterRing 1s ease-out .5s forwards;border:3px solid #00bcd4;border-radius:50%;height:150px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.ice-crystal{animation:crystalAppear 2s ease-out 0s forwards;animation:crystalAppear 2s ease-out var(--crystal-delay,0s) forwards;filter:drop-shadow(0 0 10px #00bcd4);font-size:28px;opacity:0}.freeze-wave{animation:freezeWaveExpand 1.5s ease-out forwards;border:5px solid #00bcd4cc;border-radius:50%;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}@keyframes clockFreeze{0%{opacity:0;transform:scale(0) rotate(-180deg)}30%{opacity:1;transform:scale(1.2) rotate(10deg)}60%{transform:scale(1) rotate(0deg)}70%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes shatterRing{0%{height:50px;opacity:1;width:50px}to{height:400px;opacity:0;width:400px}}@keyframes crystalAppear{0%{opacity:0;transform:scale(0) rotate(-45deg)}30%{opacity:1;transform:scale(1.2) rotate(10deg)}50%{opacity:1;transform:scale(1) rotate(0deg)}to{opacity:0;transform:scale(0) rotate(45deg)}}@keyframes freezeWaveExpand{0%{height:50px;opacity:.8;width:50px}to{height:150vmax;opacity:0;width:150vmax}}.divine-light-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:530}.divine-beam{animation:beamExtend 1.5s ease-out 0s forwards;animation:beamExtend 1.5s ease-out var(--beam-delay,0s) forwards;background:linear-gradient(0deg,#0000,#ffd700cc,#ffffc8);height:0;transform:translate(-50%,-50%) rotate(var(--beam-angle));transform-origin:bottom center;width:8px}.divine-beam,.divine-center{left:50%;position:absolute;top:50%}.divine-center{animation:divineGlow 2s ease-in-out forwards;filter:drop-shadow(0 0 30px #ffd700);font-size:80px;transform:translate(-50%,-50%)}.divine-sparkle{animation:sparkleFloat 2s ease-out 0s forwards;animation:sparkleFloat 2s ease-out var(--sparkle-delay,0s) forwards;font-size:24px;opacity:0;position:absolute;top:0}@keyframes beamExtend{0%{height:0;opacity:0}30%{height:300px;opacity:1}70%{opacity:1}to{height:400px;opacity:0}}@keyframes divineGlow{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}@media (max-width:768px){.ultimate-main-icon{font-size:80px}.meteor-head{font-size:36px}.meteor-trail{height:60px}.phoenix-body{font-size:70px}.phoenix-wings{font-size:50px}.clock-face{font-size:80px}.divine-center{font-size:60px}.ultimate-particle{font-size:24px}}@media (max-width:480px){.ultimate-main-icon{font-size:60px}.meteor-head{font-size:28px}.meteor-trail{height:40px;width:4px}.phoenix-body{font-size:50px}.phoenix-wings{font-size:35px}.clock-face{font-size:60px}.divine-center{font-size:45px}.ultimate-particle{font-size:18px}.ice-crystal{font-size:20px}.divine-sparkle{font-size:18px}}@keyframes trailFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3) translateY(-20px)}}.card-trail-particle{animation:trailFade .3s ease-out forwards}@keyframes floatDamageUp{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(.5)}20%{opacity:1;transform:translateX(-50%) translateY(-20px) scale(1.3)}40%{transform:translateX(-50%) translateY(-40px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-100px) scale(.8)}}.floating-damage{align-items:center;display:flex;font-family:Arial Black,sans-serif;gap:4px}.floating-damage.critical{animation:floatDamageUp 1.5s ease-out forwards,criticalShake .1s ease-in-out 3}.floating-damage .damage-icon{animation:iconPop .3s ease-out}.floating-damage .damage-number{animation:numberBounce .4s ease-out}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes numberBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes impactFlash{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:.8;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}.impact-spark{animation:sparkFly .6s ease-out forwards}.impact-flash{animation:impactFlash .3s ease-out forwards}.impact-shockwave{animation:shockwaveExpand .5s ease-out forwards}@keyframes powerPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes orbitCard{0%{transform:rotate(var(--orbit-angle)) translateX(60px) rotate(calc(var(--orbit-angle)*-1))}to{transform:rotate(calc(var(--orbit-angle) + 1turn)) translateX(60px) rotate(calc((var(--orbit-angle) + 1turn)*-1))}}.power-charge-aura{animation:powerPulse 1s ease-in-out infinite}.charge-particle{animation:orbitCard 2s linear infinite}@keyframes chainPulse{0%{stroke-width:3px;filter:drop-shadow(0 0 5px currentColor)}to{stroke-width:5px;filter:drop-shadow(0 0 15px currentColor) drop-shadow(0 0 25px currentColor)}}@keyframes comboTextPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}70%{transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.combo-chain-text{animation:comboTextPop .5s ease-out forwards}.combo-chain-text span{animation:textGlow .5s ease-in-out infinite alternate;display:inline-block}@keyframes textGlow{0%{text-shadow:0 0 10px currentColor,0 0 20px currentColor}to{text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px currentColor}}.card-3d-tilt{transition:transform .15s ease-out,box-shadow .15s ease-out}.card-3d-tilt:hover{box-shadow:0 25px 50px -12px #00000080,0 0 30px #ffffff1a}@keyframes streakFlameRise{0%{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-15px) scale(1.2)}to{opacity:0;transform:translateY(-30px) scale(.8)}}@keyframes badgePulse{0%,to{box-shadow:0 0 10px #ff4500;transform:scale(1)}50%{box-shadow:0 0 20px #ff4500,0 0 30px #ff8c00;transform:scale(1.1)}}.win-streak-fire{pointer-events:none}.streak-flame{animation:streakFlameRise .5s ease-out infinite}.streak-badge{animation:badgePulse 1s ease-in-out infinite}.screen-shake-light{animation:shakeLight .3s ease-out}.screen-shake-medium{animation:shakeMedium .3s ease-out}.screen-shake-heavy{animation:shakeHeavy .4s ease-out}@keyframes shakeLight{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}}@keyframes shakeMedium{0%,to{transform:translate(0)}15%{transform:translate(-4px,3px)}30%{transform:translate(4px,-3px)}45%{transform:translate(-3px,2px)}60%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}90%{transform:translate(2px,-1px)}}@keyframes shakeHeavy{0%,to{transform:translate(0)}10%{transform:translate(-8px,6px)}20%{transform:translate(8px,-6px)}30%{transform:translate(-6px,4px)}40%{transform:translate(6px,-4px)}50%{transform:translate(-4px,3px)}60%{transform:translate(4px,-3px)}70%{transform:translate(-3px,2px)}80%{transform:translate(3px,-2px)}90%{transform:translate(-1px,1px)}}@keyframes ambientFloat{0%{opacity:0;transform:translateY(100%) translateX(0) scale(0)}10%{opacity:.6;opacity:var(--particle-opacity,.6);transform:translateY(90%) translateX(10px) scale(1)}50%{transform:translateY(50%) translateX(-10px) scale(1)}90%{opacity:.6;opacity:var(--particle-opacity,.6);transform:translateY(10%) translateX(10px) scale(1)}to{opacity:0;transform:translateY(0) translateX(0) scale(0)}}.ambient-particle{animation:ambientFloat 8s ease-in-out infinite;animation:ambientFloat var(--particle-duration,8s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--particle-delay,0s)}.victory-confetti{animation:confettiFall 3s ease-in forwards;animation:confettiFall var(--confetti-duration,3s) ease-in forwards;animation-delay:0s;animation-delay:var(--confetti-delay,0s)}@keyframes elementalAura{0%,to{box-shadow:0 0 10px var(--element-color),0 0 20px var(--element-color),inset 0 0 10px var(--element-color-dim)}50%{box-shadow:0 0 20px var(--element-color),0 0 40px var(--element-color),0 0 60px var(--element-color-dim),inset 0 0 15px var(--element-color)}}.elemental-aura{animation:elementalAura 2s ease-in-out infinite}@media (max-width:768px){.floating-damage{font-size:18px!important}.floating-damage.critical{font-size:24px!important}.combo-chain-text{font-size:22px!important}.impact-spark-container .impact-flash{height:60px!important;width:60px!important}.streak-badge{font-size:12px!important;padding:2px 6px!important}}@media (max-width:480px){.floating-damage{font-size:14px!important}.floating-damage.critical{font-size:18px!important}.combo-chain-text{font-size:16px!important}.power-charge-aura{display:none}.win-streak-fire .streak-flame{font-size:12px!important}}@media (prefers-reduced-motion:reduce){.ambient-particle,.card-trail-particle,.charge-particle,.combo-chain-text,.floating-damage,.impact-flash,.impact-shockwave,.impact-spark,.power-charge-aura,.streak-badge,.streak-flame{animation:none!important}.card-3d-tilt{transform:none!important;transition:none!important}.screen-shake-heavy,.screen-shake-light,.screen-shake-medium{animation:none!important}}.legendary-entrance{animation:legendaryEntranceAnim .8s cubic-bezier(.34,1.56,.64,1) forwards!important;z-index:200!important}.epic-entrance{animation:epicEntranceAnim .6s cubic-bezier(.34,1.56,.64,1) forwards!important;z-index:150!important}@keyframes legendaryEntranceAnim{0%{filter:brightness(3) saturate(2);opacity:0;transform:scale(0) rotate(-10deg)}30%{filter:brightness(2) saturate(1.5);opacity:1;transform:scale(1.3) rotate(5deg)}50%{filter:brightness(1.5) saturate(1.2);transform:scale(.9) rotate(-2deg)}70%{filter:brightness(1.2) saturate(1.1);transform:scale(1.1) rotate(1deg)}to{filter:brightness(1) saturate(1);opacity:1;transform:scale(1) rotate(0deg)}}@keyframes epicEntranceAnim{0%{filter:brightness(2);opacity:0;transform:scale(0) translateY(20px)}50%{filter:brightness(1.5);opacity:1;transform:scale(1.15) translateY(-5px)}to{filter:brightness(1);opacity:1;transform:scale(1) translateY(0)}}@keyframes legendaryFlash{0%{opacity:.8;transform:scale(.5)}50%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes legendaryShockwave{0%{border-width:4px;height:10px;opacity:1;width:10px}to{border-width:1px;height:400px;opacity:0;width:400px}}@keyframes screenTintFade{0%{opacity:1}to{opacity:0}}.power-play-glow{animation:powerPlayGlow .5s ease-out infinite alternate}@keyframes powerPlayGlow{0%{box-shadow:0 0 20px gold,0 0 40px gold,inset 0 0 20px #ffffff4d;box-shadow:0 0 20px var(--element-color,gold),0 0 40px var(--element-color,gold),inset 0 0 20px #ffffff4d}to{box-shadow:0 0 40px gold,0 0 80px gold,inset 0 0 30px #ffffff80;box-shadow:0 0 40px var(--element-color,gold),0 0 80px var(--element-color,gold),inset 0 0 30px #ffffff80}}.ai-quote-display{animation:quoteAppear .4s ease-out,quoteFade .5s ease-in 2.5s forwards;background:linear-gradient(135deg,#000000e6,#1e1e32f2);border:2px solid #8b00ff;border:2px solid var(--element-color,#8b00ff);border-radius:10px;box-shadow:0 0 30px #8b00ff80,0 10px 40px #00000080;box-shadow:0 0 30px var(--element-color,#8b00ff80),0 10px 40px #00000080;color:#fff;font-size:1.3rem;font-style:italic;left:50%;max-width:80%;padding:15px 30px;position:fixed;text-align:center;top:15%;transform:translateX(-50%);z-index:10000}.ai-quote-display:before{content:'"';font-size:2rem;margin-right:5px;opacity:.5}.ai-quote-display:after{content:'"';font-size:2rem;margin-left:5px;opacity:.5}.ai-quote-name{display:block;font-size:.9rem;font-style:normal;font-weight:700;margin-top:8px;opacity:.8}@keyframes quoteAppear{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes quoteFade{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.animation-speed-control{align-items:center;background:#0000004d;border-radius:8px;display:flex;gap:10px;padding:10px}.speed-slider{-webkit-appearance:none;background:linear-gradient(90deg,#4caf50,#ffeb3b,#f44336);border-radius:3px;height:6px;width:100px}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:18px;width:18px}.speed-label{color:#fffc;font-size:.85rem;min-width:60px}.attack-line{animation:attackLineSlash .3s ease-out forwards;background:linear-gradient(90deg,#0000,#ff6b35 10%,#fff 50%,#ff6b35 90%,#0000);background:linear-gradient(90deg,#0000 0,var(--element-color,#ff6b35) 10%,#fff 50%,var(--element-color,#ff6b35) 90%,#0000 100%);box-shadow:0 0 10px #ff6b35,0 0 20px #ff6b35;box-shadow:0 0 10px var(--element-color,#ff6b35),0 0 20px var(--element-color,#ff6b35);height:4px;pointer-events:none;position:fixed;transform-origin:left center;z-index:9999}@keyframes attackLineSlash{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:0}30%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:0}}.slash-mark{height:80px;pointer-events:none;position:absolute;width:80px;z-index:500}.slash-mark:after,.slash-mark:before{animation:slashAppear .4s ease-out forwards;background:linear-gradient(90deg,#0000,#fff,#0000);content:"";height:4px;left:50%;position:absolute;top:50%;transform-origin:center;width:100%}.slash-mark:before{transform:translate(-50%,-50%) rotate(45deg) scaleX(0)}.slash-mark:after{animation-delay:.05s;transform:translate(-50%,-50%) rotate(-45deg) scaleX(0)}@keyframes slashAppear{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scaleX(0)}50%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scaleX(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scaleX(1)}}.damage-flash{animation:damageFlash .3s ease-out forwards;background:radial-gradient(ellipse at center,#f006 0,#0000 70%);inset:0;pointer-events:none;position:fixed;z-index:10000}@keyframes damageFlash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.heal-flash{animation:damageFlash .3s ease-out forwards;background:radial-gradient(ellipse at center,#4caf5066 0,#0000 70%);inset:0;pointer-events:none;position:fixed;z-index:10000}.impact-shake{animation:impactShake .4s ease-out}@keyframes impactShake{0%,to{transform:translateX(0) translateY(0)}10%{transform:translateX(-5px) translateY(-3px)}20%{transform:translateX(5px) translateY(2px)}30%{transform:translateX(-4px) translateY(-2px)}40%{transform:translateX(4px) translateY(1px)}50%{transform:translateX(-3px) translateY(-1px)}60%{transform:translateX(3px) translateY(1px)}70%{transform:translateX(-2px) translateY(0)}80%{transform:translateX(2px) translateY(0)}90%{transform:translateX(-1px) translateY(0)}}.card-damage-taken{animation:cardDamageTaken .5s ease-out}@keyframes cardDamageTaken{0%{filter:brightness(1);transform:scale(1)}15%{filter:brightness(.5) saturate(0);transform:scale(.95) translateX(-5px)}30%{box-shadow:0 0 20px #f00c;filter:brightness(1.5) saturate(1.5);transform:scale(1.05) translateX(5px)}50%{filter:brightness(.8);transform:scale(1) translateX(-3px)}to{filter:brightness(1);transform:scale(1) translateX(0)}}.card-attacking{animation:cardAttacking .4s cubic-bezier(.25,.46,.45,.94);z-index:200}@keyframes cardAttacking{0%{transform:translateY(0) scale(1)}25%{box-shadow:0 15px 40px #0009;filter:brightness(1.3);transform:translateY(-20px) scale(1.15)}50%{transform:translateY(10px) scale(1.1)}to{transform:translateY(0) scale(1)}}.power-up-effect{position:relative}.power-up-effect:after{animation:powerUpGlow .6s ease-out forwards;background:radial-gradient(ellipse at center,#4caf5099 0,#0000 70%);border-radius:inherit;content:"";inset:-10px;pointer-events:none;position:absolute}@keyframes powerUpGlow{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.power-down-effect{position:relative}.power-down-effect:after{animation:powerDownDrain .6s ease-out forwards;background:radial-gradient(ellipse at center,#f4433699 0,#0000 70%);border-radius:inherit;content:"";inset:-10px;pointer-events:none;position:absolute}@keyframes powerDownDrain{0%{opacity:0;transform:scale(1.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.combo-counter{animation:comboAppear .3s cubic-bezier(.68,-.55,.265,1.55);color:gold;font-size:64px;font-weight:900;pointer-events:none;position:fixed;right:5%;text-shadow:0 0 20px gold,0 0 40px orange,0 0 60px #ff8c00,3px 3px 6px #000000e6;top:15%;z-index:1000}.combo-counter span{animation:comboPulse .5s ease-in-out infinite;display:inline-block}@keyframes comboPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.status-poisoned{position:relative}.status-poisoned:after{animation:poisonPulse 1.5s ease-in-out infinite;background:radial-gradient(ellipse at center,#9c27b04d 0,#0000 70%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes poisonPulse{0%,to{background-size:100% 100%;opacity:.3}50%{background-size:120% 120%;opacity:.7}}.status-poisoned .poison-bubbles{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute}.poison-bubble{animation:poisonBubbleRise 2s ease-out infinite;background:#9c27b0cc;border-radius:50%;box-shadow:0 0 6px #9c27b0cc;height:8px;position:absolute;width:8px}@keyframes poisonBubbleRise{0%{opacity:0;transform:translateY(100%) scale(0)}20%{opacity:1;transform:translateY(80%) scale(1)}to{opacity:0;transform:translateY(-20%) scale(.5)}}.status-frozen{filter:saturate(.5) brightness(1.2);position:relative}.status-frozen:after{animation:frozenShimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#96dcff66,#0000 30%),linear-gradient(-135deg,#c8f0ff66,#0000 30%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes frozenShimmer{0%,to{opacity:.5}50%{opacity:1}}.frozen-crystals{inset:-5px;pointer-events:none;position:absolute;z-index:10}.ice-crystal{animation:crystalTwinkle 1.5s ease-in-out infinite;color:#c8f0ffe6;font-size:16px;position:absolute;text-shadow:0 0 8px #96dcff}@keyframes crystalTwinkle{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.status-burning{position:relative}.status-burning:after{animation:burningFlicker .15s ease-in-out infinite;background:radial-gradient(ellipse at bottom center,#ff640080 0,#0000 60%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes burningFlicker{0%,to{opacity:.5;transform:scaleY(1)}25%{opacity:.8;transform:scaleY(1.05)}50%{opacity:.6;transform:scaleY(.98)}75%{opacity:.9;transform:scaleY(1.02)}}.burning-flames{border-radius:inherit;bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0}.flame-particle{animation:flameRise .8s ease-out infinite;background:linear-gradient(0deg,#ff6400e6,#ffc80099,#0000);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;height:20px;position:absolute;transform-origin:center bottom;width:10px}@keyframes flameRise{0%{opacity:1;transform:translateY(100%) scaleY(.5) scaleX(1)}50%{opacity:.8;transform:translateY(50%) scaleY(1.2) scaleX(.8)}to{opacity:0;transform:translateY(-20%) scaleY(.3) scaleX(.5)}}.status-shielded{position:relative}.status-shielded:before{animation:shieldRotate 4s linear infinite,shieldPulse 2s ease-in-out infinite;border:3px solid #64c8ff99;border-radius:inherit;box-shadow:0 0 15px #64c8ff80,inset 0 0 15px #64c8ff4d;content:"";inset:-8px;pointer-events:none;position:absolute}@keyframes shieldRotate{0%{border-radius:50% 20% 50% 20%;transform:rotate(0deg)}50%{border-radius:20% 50% 20% 50%}to{border-radius:50% 20% 50% 20%;transform:rotate(1turn)}}.shield-break{animation:shieldShatter .5s ease-out forwards;inset:-10px;pointer-events:none;position:absolute}@keyframes shieldShatter{0%{border:3px solid #64c8ffcc;border-radius:inherit;opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}to{border-color:#0000;opacity:0;transform:scale(1.8)}}.status-stunned{filter:grayscale(.5);position:relative}.status-stunned:after{animation:stunnedStars 1s linear infinite;content:"💫";font-size:24px;left:50%;pointer-events:none;position:absolute;top:-15px;transform:translateX(-50%)}@keyframes stunnedStars{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}.status-buffed{position:relative}.status-buffed:before{animation:buffedGlow 1.5s ease-in-out infinite;border:2px solid #4caf5099;border-radius:inherit;box-shadow:0 0 10px #4caf5080,inset 0 0 10px #4caf5033;content:"";inset:-5px;pointer-events:none;position:absolute}@keyframes buffedGlow{0%,to{box-shadow:0 0 10px #4caf5080,inset 0 0 10px #4caf5033}50%{box-shadow:0 0 20px #4caf50cc,inset 0 0 15px #4caf5066}}.status-debuffed{filter:brightness(.9);position:relative}.status-debuffed:before{animation:debuffedGlow 1.5s ease-in-out infinite;border:2px solid #f4433699;border-radius:inherit;box-shadow:0 0 10px #f4433680,inset 0 0 10px #f4433633;content:"";inset:-5px;pointer-events:none;position:absolute}@keyframes debuffedGlow{0%,to{box-shadow:0 0 10px #f4433680,inset 0 0 10px #f4433633}50%{box-shadow:0 0 20px #f44336cc,inset 0 0 15px #f4433666}}.damage-number{animation:damageNumberPop 1.2s ease-out forwards;font-size:32px;text-shadow:2px 2px 4px #000000e6,0 0 10px currentColor;z-index:10001}.damage-number.damage{color:#f44}.damage-number.heal{color:#4caf50}.damage-number.critical{animation:criticalDamageNumberPop 1.2s ease-out forwards;color:gold;font-size:42px}.damage-number.buff{color:#2196f3}@keyframes damageNumberPop{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-20px) scale(1.2)}40%{transform:translateY(-35px) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.8)}}@keyframes criticalDamageNumberPop{0%{opacity:0;transform:translateY(0) scale(0) rotate(-10deg)}20%{opacity:1;transform:translateY(-30px) scale(1.5) rotate(5deg)}40%{transform:translateY(-50px) scale(1.2) rotate(-2deg)}to{opacity:0;transform:translateY(-100px) scale(.8) rotate(0deg)}}.element-clash{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.clash-burst{animation:clashBurst .5s ease-out forwards;background:radial-gradient(circle,#ffffffe6 0,#ffc86499 30%,#0000 70%);border-radius:50%;height:200px;width:200px}@keyframes clashBurst{0%{opacity:1;transform:scale(0)}60%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.clash-sparks{left:50%;position:absolute;top:50%}.clash-spark{animation:sparkFly .6s ease-out forwards;background:#fff;border-radius:50%;box-shadow:0 0 8px gold,0 0 16px #ff8c00;height:4px;position:absolute;width:4px}.win-streak-banner{animation:winStreakAppear .5s cubic-bezier(.68,-.55,.265,1.55),winStreakFade .5s ease-in 2.5s forwards;background:linear-gradient(135deg,#ffd700f2,#ff9800f2);border-radius:25px;box-shadow:0 10px 30px #00000080,0 0 40px #ffd70080;color:#1a1a2e;font-size:28px;font-weight:900;left:50%;padding:15px 40px;position:fixed;text-shadow:0 1px 0 #ffffff80;top:10%;transform:translateX(-50%);z-index:10001}@keyframes winStreakAppear{0%{opacity:0;transform:translateX(-50%) translateY(-100px) scale(.5)}60%{transform:translateX(-50%) translateY(10px) scale(1.1)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes winStreakFade{to{opacity:0;transform:translateX(-50%) translateY(-50px)}}.card-holographic{overflow:hidden;position:relative}.card-holographic:before{animation:holoShift 8s ease infinite;background:linear-gradient(135deg,#ff000026,#ff7f0026 14%,#ffff0026 28%,#00ff0026 42%,#0000ff26 56%,#4b008226 70%,#9400d326 84%,#ff000026);background-size:400% 400%;border-radius:inherit;bottom:0;content:"";left:0;mix-blend-mode:color-dodge;pointer-events:none;position:absolute;right:0;top:0;z-index:5}@keyframes holoShift{0%,to{background-position:0 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0}}.card-prismatic{position:relative}.card-prismatic:after{animation:prismaticRotate 6s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#fff6 20deg,#0000 40deg,#0000 180deg,#fff6 200deg,#0000 220deg);content:"";height:300%;left:-100%;pointer-events:none;position:absolute;top:-100%;width:300%;z-index:6}@keyframes prismaticRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.legendary-entrance-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.legendary-vignette{animation:vignetteFlash 1.5s ease-out forwards;background:radial-gradient(ellipse at center,#0000 30%,#000c 100%);inset:0;position:absolute}@keyframes vignetteFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.legendary-card-slam{animation:legendarySlam .8s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 0 40px rgba(255,215,0,1))}@keyframes legendarySlam{0%{filter:brightness(3);opacity:0;transform:scale(3) translateY(-200px) rotate(-15deg)}30%{opacity:1;transform:scale(1.5) translateY(20px) rotate(5deg)}50%{filter:brightness(1.5);transform:scale(1.2) translateY(-10px) rotate(-2deg)}70%{transform:scale(1.1) translateY(5px) rotate(1deg)}to{filter:brightness(1);opacity:1;transform:scale(1) translateY(0) rotate(0deg)}}.legendary-burst{animation:legendaryBurst 1s ease-out forwards;background:radial-gradient(circle,gold 0,#ff9800cc 30%,#0000 70%);border-radius:50%;height:20px;position:absolute;width:20px}@keyframes legendaryBurst{0%{height:20px;opacity:1;width:20px}to{height:600px;opacity:0;width:600px}}.legendary-shake{animation:legendaryShake .4s ease-in-out}@keyframes legendaryShake{0%,to{transform:translate(0) rotate(0deg)}10%{transform:translate(-8px,-6px) rotate(-1deg)}20%{transform:translate(8px,6px) rotate(1deg)}30%{transform:translate(-6px,4px) rotate(-.5deg)}40%{transform:translate(6px,-4px) rotate(.5deg)}50%{transform:translate(-4px,2px) rotate(-.3deg)}60%{transform:translate(4px,-2px) rotate(.3deg)}70%{transform:translate(-2px,1px) rotate(-.1deg)}80%{transform:translate(2px,-1px) rotate(.1deg)}90%{transform:translate(-1px,1px) rotate(0deg)}}.card-materialize{animation:materializeCard .6s ease-out}@keyframes materializeCard{0%{filter:blur(20px) brightness(3);opacity:0;transform:scale(1.3)}30%{filter:blur(10px) brightness(2);opacity:.5}60%{filter:blur(3px) brightness(1.3);opacity:.9}to{filter:blur(0) brightness(1);opacity:1;transform:scale(1)}}.materialize-particles{height:0;left:50%;position:absolute;top:50%;width:0}.materialize-particle{animation:materializeParticle .8s ease-out forwards;background:#4ecdc4;background:var(--element-color,#4ecdc4);border-radius:50%;box-shadow:0 0 10px #4ecdc4;box-shadow:0 0 10px var(--element-color,#4ecdc4);height:6px;position:absolute;width:6px}@keyframes materializeParticle{0%{opacity:0;transform:translate(0) scale(0);transform:translate(var(--start-x,0),var(--start-y,0)) scale(0)}30%{opacity:1;transform:translate(0,0) scale(1.5);transform:translate(calc(var(--start-x, 0)*.5),calc(var(--start-y, 0)*.5)) scale(1.5)}to{opacity:0;transform:translate(0) scale(0)}}.card-flip-container{perspective:1000px;transform-style:preserve-3d}.card-flip-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);width:100%}.card-flip-inner.revealed{transform:rotateY(180deg)}.card-flip-back,.card-flip-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;position:absolute;width:100%}.card-flip-front{transform:rotateY(180deg)}.card-flip-back{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:inherit;display:flex;justify-content:center}.card-flip-back:before{animation:cardBackPulse 2s ease-in-out infinite;content:"✨";font-size:48px}@keyframes cardBackPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.power-surge-reveal{animation:powerSurgeReveal .5s ease-out}@keyframes powerSurgeReveal{0%{box-shadow:0 0 0 0 #ffffffe6;filter:brightness(1)}50%{box-shadow:0 0 40px 25px #fff0;filter:brightness(2)}to{box-shadow:0 0 0 0 #fff0;filter:brightness(1)}}.attack-fire{position:relative}.attack-fire:after{animation:fireAttack .5s ease-out;background:radial-gradient(ellipse at center,#ff640099 0,#0000 70%);content:"";inset:-10px;pointer-events:none;position:absolute}@keyframes fireAttack{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.attack-ice{position:relative}.attack-ice:after{animation:iceAttack .6s ease-out;background:linear-gradient(135deg,#96dcff66,#0000 50%),linear-gradient(-135deg,#c8f0ff66,#0000 50%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes iceAttack{0%{filter:blur(10px);opacity:0}40%{filter:blur(0);opacity:1}to{filter:blur(5px);opacity:0}}.attack-electricity{animation:electricShock .3s ease-out}@keyframes electricShock{0%,to{filter:brightness(1);transform:translateX(0)}10%{filter:brightness(2) saturate(1.5);transform:translateX(-3px)}20%{filter:brightness(1.5);transform:translateX(3px)}30%{filter:brightness(2.5) saturate(2);transform:translateX(-2px)}40%{filter:brightness(1.2);transform:translateX(2px)}50%{filter:brightness(3);transform:translateX(0)}}.attack-water:after{animation:waterRipple .8s ease-out;background:#0000;border:3px solid #0096ffcc;border-radius:50%;content:"";height:10px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.attack-earth{animation:earthQuake .5s ease-out}@keyframes earthQuake{0%,to{transform:translateY(0)}15%{transform:translateY(5px)}30%{transform:translateY(-5px)}45%{transform:translateY(4px)}60%{transform:translateY(-3px)}75%{transform:translateY(2px)}}.attack-light:before{animation:divineBeam .6s ease-out forwards;background:linear-gradient(180deg,#ffffc800,#ffffc8cc 40%,#ffffc8cc 60%,#ffffc800);content:"";height:300%;left:50%;pointer-events:none;position:absolute;top:-100%;transform:translateX(-50%);width:60px}@keyframes divineBeam{0%{opacity:0;transform:translateX(-50%) scaleY(0)}30%{opacity:1;transform:translateX(-50%) scaleY(1)}to{opacity:0}}.attack-dark:after{animation:shadowSurge .5s ease-out;background:radial-gradient(ellipse at center,#320050cc 0,#0000 70%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes shadowSurge{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.champion-levelup-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:10000}.levelup-vignette{animation:levelupVignette 2s ease-out forwards;background:radial-gradient(ellipse at center,#0000 0,#000000e6 100%);inset:0;position:absolute}@keyframes levelupVignette{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.levelup-card{animation:levelupZoom 1.5s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:center}@keyframes levelupZoom{0%{filter:brightness(0);transform:scale(0) rotate(-15deg)}20%{filter:brightness(3);transform:scale(1.8) rotate(5deg)}50%{filter:brightness(1.5);transform:scale(1.5) rotate(0deg)}to{filter:brightness(1);transform:scale(1) rotate(0deg)}}.levelup-energy-ring{animation:levelupRing 1s ease-out forwards;border:4px solid gold;border:4px solid var(--element-color,gold);border-radius:50%;box-shadow:0 0 20px gold,inset 0 0 20px gold;box-shadow:0 0 20px var(--element-color,gold),inset 0 0 20px var(--element-color,gold);height:300px;position:absolute;width:300px}@keyframes levelupRing{0%{opacity:0;transform:scale(.3)}40%{opacity:1}to{opacity:0;transform:scale(2)}}.fusion-swirl-container{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:10000}.fusion-vortex{animation:fusionVortex 1.5s ease-in-out;background:conic-gradient(from 0deg,#ff9800cc,#ffd700cc,#ff6400cc,#ff9800cc);border-radius:50%;filter:blur(30px);height:300px;position:absolute;width:300px}@keyframes fusionVortex{0%{opacity:0;transform:rotate(0deg) scale(0)}30%{opacity:1;transform:rotate(1turn) scale(1.5)}70%{opacity:1;transform:rotate(2turn) scale(1)}to{opacity:0;transform:rotate(3turn) scale(0)}}.fusion-card-spin{animation:fusionCardSpin 1s ease-in forwards;transform-origin:center}@keyframes fusionCardSpin{0%{transform:rotate(0deg) scale(1)}50%{opacity:1;transform:rotate(1turn) scale(.3)}to{opacity:0;transform:rotate(2turn) scale(0)}}.fusion-result-appear{animation:fusionResultAppear .8s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.7s;opacity:0}@keyframes fusionResultAppear{0%{filter:brightness(3);opacity:0;transform:scale(0) rotate(180deg)}60%{filter:brightness(2);opacity:1;transform:scale(1.3) rotate(-10deg)}to{filter:brightness(1);opacity:1;transform:scale(1) rotate(0deg)}}.evolution-container{position:relative}.evolution-flash{animation:evolutionFlash .8s ease-out forwards;background:#fff;border-radius:inherit;inset:0;pointer-events:none;position:absolute}@keyframes evolutionFlash{0%{opacity:0}20%{opacity:1}40%{opacity:.5}60%{opacity:1}to{opacity:0}}.evolution-transform{animation:evolutionTransform 1.2s ease-out}@keyframes evolutionTransform{0%{filter:brightness(1) saturate(1);transform:scale(1)}20%{filter:brightness(3) saturate(0);transform:scale(1.1)}40%{filter:brightness(2) saturate(.5);transform:scale(1.15)}60%{filter:brightness(2.5) saturate(.3);transform:scale(1.1)}80%{filter:brightness(1.5) saturate(.8);transform:scale(1.05)}to{filter:brightness(1) saturate(1);transform:scale(1)}}.evolution-sparkles{inset:-20px;pointer-events:none;position:absolute}.evolution-sparkle{animation:evolutionSparkle .8s ease-out forwards;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px gold;height:4px;position:absolute;width:4px}@keyframes evolutionSparkle{0%{opacity:0;transform:translate(0) scale(0)}50%{opacity:1;transform:translate(var(--tx),var(--ty)) scale(1.5)}to{opacity:0;transform:translate(calc(var(--tx)*2),calc(var(--ty)*2)) scale(0)}}.cosmic-cube{animation:cubeFloat 3s ease-in-out infinite,cubePulse 2s ease-in-out infinite;height:60px;position:relative;transform-style:preserve-3d;width:60px}@keyframes cubeFloat{0%,to{transform:translateY(0) rotateY(0deg)}50%{transform:translateY(-10px) rotateY(180deg)}}@keyframes cubePulse{0%,to{filter:drop-shadow(0 0 15px rgba(0,191,255,.8))}50%{filter:drop-shadow(0 0 30px rgba(0,191,255,1)) drop-shadow(0 0 50px rgba(0,128,255,.6))}}.power-orb{animation:orbPulse 2s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffffffe6 0,#ffc864cc 20%,#ff963299 50%,#ff640066 80%,#0000 100%);border-radius:50%;box-shadow:0 0 30px #ff9632cc,0 0 60px #ff640080,inset 0 0 30px #fff6;height:80px;width:80px}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-shatter{animation:shatterCard .5s ease-out forwards}@keyframes shatterCard{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:brightness(1);transform:scale(1)}30%{filter:brightness(.5);transform:scale(1.1)}to{filter:brightness(0) blur(10px);opacity:0;transform:scale(0)}}.card-dissolve{animation:dissolveCard .8s ease-out forwards}@keyframes dissolveCard{0%{filter:blur(0);-webkit-mask-image:linear-gradient(180deg,#000 100%,#0000 0);mask-image:linear-gradient(180deg,#000 100%,#0000 0);opacity:1}to{filter:blur(5px);-webkit-mask-image:linear-gradient(180deg,#0000 0,#0000);mask-image:linear-gradient(180deg,#0000 0,#0000);opacity:0}}.card-burn{animation:burnCard 1s ease-out forwards;position:relative}.card-burn:before{animation:burnRise 1s ease-out forwards;background:linear-gradient(0deg,#ff6400e6 0,#ffc80099 30%,#0000);bottom:0;content:"";height:0;left:0;position:absolute;right:0}@keyframes burnRise{0%{height:0}to{height:120%}}@keyframes burnCard{0%{filter:brightness(1);opacity:1}50%{filter:brightness(.5) sepia(1)}to{filter:brightness(0);opacity:0}}.combo-chain-indicator{animation:comboAppear .5s cubic-bezier(.68,-.55,.265,1.55);color:gold;font-size:48px;font-weight:900;position:fixed;right:20px;text-shadow:0 0 10px gold,0 0 20px orange,0 0 30px #ff8c00,2px 2px 4px #000c;top:20%;z-index:1000}.combo-multiplier{animation:comboMultiplierPulse .5s ease-in-out infinite;display:inline-block}.card-3d-tilt{perspective:1000px;transform-style:preserve-3d;transition:transform .15s ease-out}.card-3d-tilt:hover{z-index:100}.card-3d-shine{background:linear-gradient(105deg,#0000 40%,#fff6 45%,#ffffff1a 50%,#0000 55%);border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.card-3d-tilt:hover .card-3d-shine{opacity:1}.energy-attach{animation:energyAttach .6s ease-out}@keyframes energyAttach{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.3) rotate(20deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.energy-glow-fire{filter:drop-shadow(0 0 15px #FF6B35)}.energy-glow-water{filter:drop-shadow(0 0 15px #3B9AE1)}.energy-glow-earth{filter:drop-shadow(0 0 15px #8B4513)}.energy-glow-electricity{filter:drop-shadow(0 0 15px #FFD700)}.energy-glow-ice{filter:drop-shadow(0 0 15px #87CEEB)}.energy-glow-light{filter:drop-shadow(0 0 15px #FFFACD)}.energy-glow-dark{filter:drop-shadow(0 0 15px #4B0082)}.energy-glow-meteor{filter:drop-shadow(0 0 15px #FF4500)}.victory-explosion{inset:0;pointer-events:none;position:fixed;z-index:10001}.victory-ray{animation:victoryRay 1s ease-out forwards;background:linear-gradient(180deg,#0000,#ffd700cc 50%,#0000);height:200vh;transform-origin:center top;width:4px}@keyframes victoryRay{0%{opacity:0;transform:translateX(-50%) scaleY(0)}30%{opacity:1;transform:translateX(-50%) scaleY(1)}to{opacity:0}}.victory-star{animation:victoryStar 1.5s ease-out forwards;font-size:40px;position:absolute}@keyframes victoryStar{0%{opacity:0;transform:scale(0) rotate(0deg)}30%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(.5) rotate(1turn) translateY(-100px)}}.victory-text-shimmer{-webkit-text-fill-color:#0000;animation:textShimmer 2s linear infinite;background:linear-gradient(90deg,gold,#fff8dc 25%,gold 50%,#fff8dc 75%,gold);-webkit-background-clip:text;background-clip:text;background-size:200% auto}@keyframes textShimmer{0%{background-position:200%}to{background-position:0}}.card.common{border-color:#9e9e9e;box-shadow:0 4px 8px #0000004d}.card.rare{animation:rareGlow 3s ease-in-out infinite;border-color:#2196f3;border-width:3px;box-shadow:0 0 20px #2196f399,0 4px 8px #0006}@keyframes rareGlow{0%,to{box-shadow:0 0 20px #2196f399,0 4px 8px #0006}50%{box-shadow:0 0 30px #2196f3e6,0 4px 12px #00000080}}.card.epic{animation:epicGlow 2.5s ease-in-out infinite;border-color:#9c27b0;border-width:4px;box-shadow:0 0 30px #9c27b0cc,0 4px 12px #00000080;overflow:visible;position:relative}.card.epic:before{animation:epicShimmer 3s linear infinite;background:linear-gradient(45deg,#0000 30%,#9c27b066 50%,#0000 70%);border-radius:inherit;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes epicGlow{0%,to{box-shadow:0 0 30px #9c27b0cc,0 4px 12px #00000080}50%{box-shadow:0 0 45px #9c27b0,0 4px 16px #0009}}@keyframes epicShimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(200%) rotate(45deg)}}.card.legendary{animation:legendaryPulse 2s ease-in-out infinite;border-color:#ff9800;border-width:5px;box-shadow:0 0 40px #ff9800,0 0 60px #ffd70099,0 4px 20px #0009;overflow:visible;position:relative}.card.legendary:before{animation:legendarySparkle 2s ease-in-out infinite;content:"✨";font-size:20px;position:absolute;right:5px;top:5px;z-index:10}.card.legendary:after{animation:legendaryRotate 4s linear infinite;background:linear-gradient(45deg,#0000 25%,#ffd7004d 50%,#0000 75%);border-radius:inherit;content:"";inset:-3px;pointer-events:none;position:absolute;z-index:-1}@keyframes legendaryPulse{0%,to{box-shadow:0 0 40px #ff9800,0 0 60px #ffd70099,0 4px 20px #0009;transform:scale(1)}50%{box-shadow:0 0 60px #ff9800,0 0 80px #ffd700e6,0 4px 25px #000000b3;transform:scale(1.02)}}@keyframes legendarySparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.2) rotate(180deg)}}@keyframes legendaryRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card.evolved{position:relative}.card.evolved:before{animation:evolutionBadge 2s ease-in-out infinite;content:"🔗";font-size:18px;left:5px;position:absolute;top:5px;z-index:10}@keyframes evolutionBadge{0%,to{filter:drop-shadow(0 0 5px rgba(76,175,80,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(76,175,80,1));transform:scale(1.15)}}.evolution-glow{animation:evolutionGlow 1s ease-out}@keyframes evolutionGlow{0%{box-shadow:0 0 0 0 #4caf5000}50%{box-shadow:0 0 60px 20px #4caf50cc}to{box-shadow:0 0 30px 10px #4caf5066}}.evolution-particles{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.evolution-particle{animation:evolutionParticle 1.5s ease-out forwards;background:#4caf50;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes evolutionParticle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}.combo-indicator{animation:comboPopIn .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#ff6b6b,#ffd93d);border-radius:25px;box-shadow:0 4px 20px #ff6b6b99;color:#fff;font-size:18px;font-weight:900;left:50%;padding:10px 20px;position:absolute;text-shadow:0 2px 4px #000c;top:-50px;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes comboPopIn{0%{opacity:0;transform:translateX(-50%) scale(0) rotate(-10deg)}to{opacity:1;transform:translateX(-50%) scale(1) rotate(0deg)}}.combo-chain-display{align-items:center;background:#000c;border:2px solid #ffd93d;border-radius:20px;display:flex;gap:5px;padding:8px 15px}.combo-multiplier{animation:comboMultiplierPulse 1s ease-in-out infinite;color:#ffd93d;font-size:24px;text-shadow:0 0 10px #ffd93dcc}@keyframes comboMultiplierPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.card.counter{position:relative}.card.counter:after{animation:counterFloat 2s ease-in-out infinite;content:"⚔️";font-size:20px;opacity:.7;position:absolute;right:5px;top:50%;transform:translateY(-50%)}@keyframes counterFloat{0%,to{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-5px)}}.counter-activation{animation:counterFlash .5s ease-out}@keyframes counterFlash{0%,to{box-shadow:0 0 0 0 #f4433600}50%{box-shadow:0 0 40px 10px #f44336}}.counter-burst{animation:counterBurst .6s ease-out forwards;border:3px solid #f44336;border-radius:50%;height:100px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px;z-index:100}@keyframes counterBurst{0%{height:0;opacity:1;width:0}to{height:200px;opacity:0;width:200px}}.trap-card{filter:brightness(.5);opacity:.3;position:relative}.trap-card:before{content:"🕸️";font-size:60px;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.trap-revealed{animation:trapReveal .8s ease-out}@keyframes trapReveal{0%{filter:brightness(.5);opacity:.3}50%{box-shadow:0 0 50px #9c27b0;filter:brightness(1.5);opacity:1}to{filter:brightness(1);opacity:1}}.trap-activation{animation:trapMessage 2s ease-out forwards;background:#9c27b0f2;border-radius:10px;box-shadow:0 4px 20px #9c27b0cc;color:#fff;font-size:16px;font-weight:700;left:50%;padding:15px 25px;position:absolute;top:-80px;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes trapMessage{0%{opacity:0;transform:translateX(-50%) translateY(20px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.fusion-animation{position:relative}.fusion-glow{animation:fusionGlow 2s ease-out}@keyframes fusionGlow{0%{box-shadow:0 0 0 0 #ff980000}50%{box-shadow:0 0 80px 30px #ff9800,0 0 120px 40px #ffd700cc}to{box-shadow:0 0 40px 10px #ff980099}}.fusion-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:100}.fusion-particle{animation:fusionParticle 2s ease-out forwards;background:radial-gradient(circle,gold 0,#ff9800 100%);box-shadow:0 0 10px #ffd700cc;height:6px;position:absolute;width:6px}@keyframes fusionParticle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(0)}}.screen-shake{animation:screenShake .5s cubic-bezier(.36,.07,.19,.97) both}.fusion-particle{animation:particleBurst 1.5s ease-out forwards;background:radial-gradient(circle,#ffeb3b 0,#ff9800 50%,#0000 100%);border-radius:50%;box-shadow:0 0 10px #ffeb3b,0 0 20px #ff9800;height:8px;pointer-events:none;position:fixed;width:8px;z-index:10001}.fusion-circle-effect{animation:circleExpand 2s ease-out forwards;border:4px solid #ff9800;border-radius:50%;box-shadow:0 0 30px #ff9800,inset 0 0 30px #ff9800;height:50px;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:50px;z-index:9999}@keyframes circleExpand{0%{border-width:4px;height:50px;opacity:1;width:50px}50%{border-width:8px;opacity:1}to{border-width:2px;height:600px;opacity:0;width:600px}}.fusion-complete-banner{animation:fusionBanner 3.5s ease-out forwards,gradientShift 1s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff9800,#ff6b00 25%,gold 50%,#ff6b00 75%,#ff9800);background-size:200% 200%;border:4px solid gold;border-radius:25px;box-shadow:0 10px 50px #ff9800cc,0 0 150px #ffd70099,inset 0 0 50px #fff3;color:#fff;font-weight:700;left:50%;overflow:visible;padding:40px 60px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%) scale(0);z-index:10000}.fusion-glow-ring{animation:ringRotate 2s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#ff9800 90deg,gold 180deg,#ff6b00 270deg,#0000 1turn);border-radius:30px;bottom:-10px;left:-10px;opacity:.7;position:absolute;right:-10px;top:-10px;z-index:-1}@keyframes ringRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fusion-sparkle-container{display:flex;gap:30px;left:50%;position:absolute;top:-20px;transform:translateX(-50%)}.fusion-sparkle{animation:sparkleFloat 2s ease-in-out infinite;animation-delay:var(--delay);filter:drop-shadow(0 0 10px #ffeb3b);font-size:32px}@keyframes sparkleFloat{0%,to{opacity:.8;transform:translateY(0) scale(1) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) scale(1.5) rotate(180deg)}}.fusion-title{animation:titlePulse 1s ease-in-out infinite;font-size:36px;letter-spacing:2px;margin-bottom:15px;text-shadow:0 0 10px #fffc,0 0 20px #ff9800cc,0 3px 5px #00000080}.fusion-card-name{color:#fff;font-size:28px;letter-spacing:1px;margin:10px 0;text-shadow:0 2px 4px #000000b3;text-transform:uppercase}.fusion-elements{color:#ffeb3b;font-size:18px;font-style:italic;margin:8px 0;text-shadow:0 1px 3px #0009}.fusion-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:15px}.fusion-stat{animation:statGlow 1.5s ease-in-out infinite;background:#0000004d;border:2px solid #ffd70080;border-radius:15px;font-size:20px;padding:8px 16px;text-shadow:0 1px 3px #000c}@keyframes statGlow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}@keyframes fusionBanner{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-10deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(5deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(.9) rotate(-2deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotate(1deg)}75%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}90%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(0deg)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.persistent-ability-icon{align-items:center;animation:persistentPulse 2s ease-in-out infinite;background:#2196f3e6;border-radius:50%;bottom:5px;box-shadow:0 2px 8px #0009;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:5px;width:30px;z-index:10}@keyframes persistentPulse{0%,to{box-shadow:0 2px 8px #0009;transform:scale(1)}50%{box-shadow:0 2px 12px #2196f3cc;transform:scale(1.1)}}.ability-duration-bar{background:#00000080;border-radius:0 0 10px 10px;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0}.ability-duration-fill{background:linear-gradient(90deg,#2196f3,#64b5f6);box-shadow:0 0 10px #2196f3cc;height:100%;transition:width .5s ease}@media (max-width:768px){.combo-indicator{font-size:14px;padding:8px 15px;top:-40px}.fusion-complete-banner{font-size:24px;padding:20px 35px}.card.legendary:before{font-size:16px}.persistent-ability-icon{font-size:12px;height:24px;width:24px}}@media (max-width:480px){.combo-indicator{font-size:12px;padding:6px 12px}.trap-activation{font-size:12px;padding:10px 15px}.card.epic,.card.legendary{border-width:3px}}.trap-selected{border:3px solid #8b4513!important;box-shadow:0 0 25px #8b4513cc,inset 0 0 15px #8b45134d!important;position:relative;transform:translateY(-5px) scale(1.05)}.trap-selected:after{animation:trapPulse 1s ease-in-out infinite;content:"🕸️";font-size:30px;position:absolute;right:-15px;top:-15px}@keyframes trapPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.trap-hint{animation:hintFadeIn .3s ease-out;background:#8b4513f2;border-radius:15px;box-shadow:0 8px 32px #000c;color:#fff;font-size:18px;font-weight:700;left:50%;padding:20px 40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.trap-btn.selected{animation:trapBtnGlow 1s ease-in-out infinite;background:linear-gradient(135deg,#8b4513,sienna);border-color:#d2691e;box-shadow:0 0 20px #8b451399}@keyframes trapBtnGlow{0%,to{box-shadow:0 0 20px #8b451399}50%{box-shadow:0 0 30px #8b4513e6}}.pause-menu-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.pause-menu{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #0f3460;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #0f34604d;min-width:400px;padding:40px 60px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.pause-menu h2{color:#e94560;font-size:36px;font-weight:700;margin:0 0 30px;text-shadow:0 0 20px #e9456080}.pause-menu-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.pause-btn{border:2px solid;border-radius:50px;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.resume-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#66bb6a;color:#fff}.resume-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 0 20px #4caf5080;transform:translateY(-2px)}.forfeit-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ffa726;color:#fff}.forfeit-btn:hover{background:linear-gradient(135deg,#ffa726,#ff9800);box-shadow:0 0 20px #ff980080;transform:translateY(-2px)}.emote-btn{background:linear-gradient(135deg,#00bcd4,#0097a7);border-color:#26c6da;color:#fff}.emote-btn:hover{background:linear-gradient(135deg,#26c6da,#00bcd4);box-shadow:0 0 20px #00bcd480;transform:translateY(-2px)}.quit-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#e57373;color:#fff}.quit-btn:hover{background:linear-gradient(135deg,#e57373,#f44336);box-shadow:0 0 20px #f4433680;transform:translateY(-2px)}.pause-menu-hint{color:#aaa;font-size:14px;font-style:italic;margin-top:10px}@media (max-width:768px){.pause-menu{min-width:300px;padding:30px 40px}.pause-menu h2{font-size:28px}.pause-btn{font-size:16px;padding:12px 24px}}.round-announcement{background:#000c;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.round-announcement,.round-announcement-content{align-items:center;display:flex;justify-content:center}.round-announcement-content{flex-direction:column;height:400px;max-height:80vh;max-width:90vw;position:relative;width:500px}.round-background-effect{height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.round-circle-1,.round-circle-2,.round-circle-3{border:3px solid;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.round-circle-1{animation:roundPulse 2s ease-in-out infinite;border-color:#4ecdc4cc;height:200px;width:200px}.round-circle-2{animation:roundPulse 2s ease-in-out .3s infinite;border-color:#ffeb3b99;height:300px;width:300px}.round-circle-3{animation:roundPulse 2s ease-in-out .6s infinite;border-color:#ff6b6b66;height:400px;width:400px}@keyframes roundPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.round-text-container{position:relative;text-align:center;z-index:10}.round-label{color:#4ecdc4;font-size:32px;font-weight:700;letter-spacing:4px;margin-bottom:10px;text-shadow:0 0 20px #4ecdc4cc,0 0 40px #4ecdc466;text-transform:uppercase}.round-number{color:#fff;font-size:120px;font-weight:900;line-height:1;margin:20px 0;text-shadow:0 0 30px #fffc,0 0 60px #4ecdc499,4px 4px 8px #000c}.round-subtitle{color:#ffeb3b;font-size:26px;font-weight:600;letter-spacing:.5px;margin-top:10px;text-shadow:0 0 15px #ffeb3bcc,2px 2px 4px #000c;white-space:nowrap}.round-decorative-elements{height:100%;pointer-events:none;position:absolute;width:100%}.round-star{animation:starTwinkle 1.5s ease-in-out infinite;color:#ffeb3b;font-size:30px;position:absolute;text-shadow:0 0 20px #ffeb3bcc}.star-1{animation-delay:0s;left:15%;top:10%}.star-2{animation-delay:.3s;right:10%;top:20%}.star-3{animation-delay:.6s;bottom:20%;left:10%}.star-4{animation-delay:.9s;bottom:15%;right:15%}.round-lightning{animation:lightningFlash 2s ease-in-out infinite;color:#ffeb3b;text-shadow:0 0 25px #ffeb3b;top:5%}.round-lightning,.round-swords{font-size:40px;left:50%;position:absolute;transform:translateX(-50%)}.round-swords{animation:swordsCross 1.8s ease-in-out infinite;bottom:5%;color:#ff6b6b;text-shadow:0 0 25px #ff6b6bcc}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@keyframes swordsCross{0%,to{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-10deg)}75%{transform:translateX(-50%) rotate(10deg)}}.round-announcement.entrance{animation:announceEntrance .8s ease-out forwards}.round-announcement.entrance .round-text-container{animation:textSlideIn .8s ease-out forwards}.round-announcement.display{animation:announceDisplay 1.4s ease-in-out forwards}.round-announcement.exit{animation:announceExit .8s ease-in forwards}@keyframes announceEntrance{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}}@keyframes textSlideIn{0%{opacity:0;transform:scale(.3) translateY(-100px)}70%{opacity:1;transform:scale(1.1) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes announceDisplay{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes announceExit{0%{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000}}.round-announcement.exit .round-text-container{animation:textSlideOut .8s ease-in forwards}@keyframes textSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.3) translateY(100px)}}@media (max-width:768px){.round-label{font-size:24px;letter-spacing:2px}.round-number{font-size:80px}.round-subtitle{font-size:18px;letter-spacing:1px}.round-star{font-size:20px}.round-lightning,.round-swords{font-size:30px}}@media (prefers-reduced-motion:reduce){.round-announcement.display,.round-announcement.entrance,.round-announcement.exit,.round-circle-1,.round-circle-2,.round-circle-3,.round-lightning,.round-star,.round-swords{animation:none}.round-announcement.entrance .round-text-container,.round-announcement.exit .round-text-container{animation:none;opacity:1;transform:scale(1) translateY(0)}}.status-effects-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-width:300px;min-width:200px;padding:8px}.effects-section{display:flex;flex-direction:column;gap:4px}.effects-label{color:#fff9;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.effects-section.buffs .effects-label{color:#4caf50}.effects-section.debuffs .effects-label{color:#ff6b6b}.effects-list{display:flex;flex-wrap:wrap;gap:6px}.status-effect{animation:effectAppear .4s cubic-bezier(.34,1.56,.64,1);background:#0009;border:2px solid;border-radius:8px;cursor:help;min-width:80px;padding:6px 10px}@keyframes effectAppear{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.status-effect.buff{border-color:#4caf50;box-shadow:0 2px 8px #4caf504d}.status-effect.debuff{border-color:#ff6b6b;box-shadow:0 2px 8px #ff6b6b4d}.status-effect:hover{box-shadow:0 4px 12px #00000080;transform:translateY(-2px) scale(1.05)}.status-effect.buff:hover{box-shadow:0 4px 15px #4caf5099}.status-effect.debuff:hover{box-shadow:0 4px 15px #ff6b6b99}.effect-icon{animation:iconPulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));font-size:20px;line-height:1}.effect-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.effect-name{color:#fff;font-size:11px;font-weight:700;line-height:1.2;text-shadow:0 1px 3px #000c}.effect-duration{align-items:center;background:#000000e6;border:2px solid #ffeb3b;border-radius:50%;box-shadow:0 0 10px #ffeb3b80;color:#ffeb3b;display:flex;font-size:13px;font-weight:900;height:24px;justify-content:center;position:absolute;right:-8px;text-shadow:0 0 8px #ffeb3bcc;top:-8px;width:24px}.status-effect{position:relative}.effect-value{font-size:12px;font-weight:800;margin-top:2px;text-shadow:0 1px 3px #000c}.status-effect.buff .effect-value{color:#6f6}.status-effect.debuff .effect-value{color:#f66}.effect-value.shield-value{color:#4ecdc4;font-size:14px}.status-effect[title*=Bleed] .effect-icon,.status-effect[title*=Burn] .effect-icon{animation:burningPulse 1s ease-in-out infinite}@keyframes burningPulse{0%,to{filter:drop-shadow(0 2px 4px rgba(255,100,0,.8)) brightness(1)}50%{filter:drop-shadow(0 2px 8px rgba(255,100,0,1)) brightness(1.3)}}.status-effect[title*=Freeze] .effect-icon,.status-effect[title*=Stun] .effect-icon{animation:freezeShake .5s ease-in-out infinite}@keyframes freezeShake{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.status-effect[title*=Barrier] .effect-icon,.status-effect[title*=Shield] .effect-icon{animation:shieldGlow 2s ease-in-out infinite}@keyframes shieldGlow{0%,to{filter:drop-shadow(0 0 5px rgba(78,205,196,.8))}50%{filter:drop-shadow(0 0 15px rgba(78,205,196,1))}}.status-effect[title*=Regeneration] .effect-icon{animation:regenPulse 1.5s ease-in-out infinite}@keyframes regenPulse{0%,to{filter:drop-shadow(0 0 5px rgba(76,175,80,.6))}50%{filter:drop-shadow(0 0 12px rgba(76,175,80,1))}}@media (max-width:768px){.status-effects-container{max-width:250px;min-width:150px;padding:6px}.status-effect{gap:4px;min-width:70px;padding:4px 8px}.effect-icon{font-size:18px}.effect-name{font-size:10px}.effect-duration{font-size:11px;height:20px;right:-6px;top:-6px;width:20px}.effect-value{font-size:11px}}@media (max-width:480px){.status-effects-container{max-width:200px;min-width:120px}.status-effect{min-width:60px;padding:3px 6px}.effect-icon{font-size:16px}.effect-name{font-size:9px}.effect-duration{font-size:10px;height:18px;width:18px}}.high-contrast .status-effect{background:#000;border-width:3px}.high-contrast .status-effect.buff{border-color:#0f0}.high-contrast .status-effect.debuff{border-color:red}.high-contrast .effect-duration{background:#000;border-color:#ff0;color:#ff0}.card-zoom-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10000}.card-zoom-overlay.visible{opacity:1}.card-zoom-overlay.exit{opacity:0}.card-zoom-container{animation:zoomCardEnter .5s cubic-bezier(.34,1.56,.64,1);position:relative}.card-zoom-overlay.exit .card-zoom-container{animation:zoomCardExit .3s ease-out forwards}@keyframes zoomCardEnter{0%{opacity:0;transform:scale(.3) rotateY(-180deg)}60%{transform:scale(1.1) rotateY(20deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}@keyframes zoomCardExit{0%{opacity:1;transform:scale(1) rotateY(0deg)}to{opacity:0;transform:scale(.5) rotateY(90deg)}}.zoom-bg-effects{height:500px;pointer-events:none;width:400px}.zoom-bg-effects,.zoom-glow{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.zoom-glow{animation:zoomGlowPulse 2s ease-in-out infinite;border-radius:50%;filter:blur(60px);height:300px;opacity:.4;width:300px}@keyframes zoomGlowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.zoom-particles{height:100%;left:0;position:absolute;top:0;width:100%}.zoom-particle{animation:zoomParticleFloat 3s ease-in-out infinite;animation-delay:var(--delay);border-radius:50%;height:6px;left:50%;position:absolute;top:50%;width:6px}@keyframes zoomParticleFloat{0%,to{opacity:0;transform:translate(0)}50%{opacity:1;transform:translate(var(--x),var(--y))}}.zoomed-card{background:linear-gradient(145deg,#1a1a2e,#16213e 50%,#0f0f23);border:4px solid gold;border-radius:20px;box-shadow:0 0 40px #ffd70066,0 20px 60px #000c,inset 0 1px 0 #ffffff1a;min-height:420px;overflow:hidden;padding:20px;position:relative;width:280px}.zoomed-card:before{animation:cardShine 3s linear infinite;background:linear-gradient(45deg,#0000 40%,#ffffff1a 50%,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes cardShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.zoomed-card.legendary{border-color:gold;box-shadow:0 0 60px #ffd70099,0 0 100px #ffd7004d,0 20px 60px #000c}.zoomed-card.epic{border-color:#a855f7;box-shadow:0 0 40px #a855f780,0 20px 60px #000c}.zoomed-card.rare{border-color:#3b82f6;box-shadow:0 0 30px #3b82f666,0 20px 60px #000c}.zoomed-card.common{border-color:#6b7280}.rarity-badge{border-radius:20px;font-size:12px;font-weight:900;letter-spacing:2px;padding:6px 16px;position:absolute;right:20px;text-transform:uppercase;top:-12px;z-index:10}.rarity-badge.legendary{animation:legendaryBadgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 0 20px #ffd70099;color:#000}.rarity-badge.epic{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.rarity-badge.rare{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.rarity-badge.common{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}@keyframes legendaryBadgePulse{0%,to{box-shadow:0 0 20px #ffd70099}50%{box-shadow:0 0 30px #ffd700e6}}.zoom-card-header{align-items:center;display:flex;gap:12px;margin-bottom:15px;position:relative;z-index:1}.zoom-element-icon{filter:drop-shadow(0 2px 8px currentColor);font-size:36px}.zoom-card-name{color:#fff;font-size:20px;font-weight:800;letter-spacing:1px;text-shadow:0 2px 4px #000c;text-transform:uppercase}.zoom-card-art{align-items:center;background:linear-gradient(135deg,#0006,#0009);border-radius:12px;display:flex;height:150px;justify-content:center;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.zoom-element-large{animation:elementFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 20px currentColor);font-size:80px;z-index:1}@keyframes elementFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.legendary-aura{animation:auraRotate 5s linear infinite;background:radial-gradient(circle,#ffd7004d 0,#0000 70%)}.fusion-aura,.legendary-aura{height:100%;position:absolute;width:100%}.fusion-aura{animation:auraRotate 4s linear infinite reverse;background:radial-gradient(circle,#ff98004d 0,#0000 70%)}@keyframes auraRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.zoom-card-stats{display:flex;justify-content:center;margin-bottom:15px;position:relative;z-index:1}.zoom-strength{align-items:center;background:#0009;border:2px solid #fff3;border-radius:12px;display:flex;flex-direction:column;padding:10px 30px}.strength-label{color:#ffffffb3;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:4px}.strength-value{font-size:48px;text-shadow:0 0 20px currentColor,0 2px 4px #000c}.zoom-card-description{background:#0006;border-radius:10px;margin-bottom:10px;padding:12px 15px;position:relative;z-index:1}.zoom-card-description p{color:#ffffffe6;font-size:13px;font-style:italic;line-height:1.5;margin:0;text-align:center}.zoom-lore-section{background:linear-gradient(135deg,#8b451333,#65432133);border:1px solid #daa5204d;border-radius:10px;margin-bottom:12px;padding:12px;position:relative;z-index:1}.zoom-lore-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:10px}.zoom-lore-icon{filter:drop-shadow(0 0 4px currentColor);font-size:16px}.zoom-lore-title{color:#daa520;font-size:12px;font-weight:800;letter-spacing:1px;text-shadow:0 0 8px #daa52066;text-transform:uppercase}.zoom-flavor-text{background:#0000004d;border-left:2px solid #daa52066;border-radius:6px;border-right:2px solid #daa52066;color:#c9b896;font-size:11px;font-style:italic;line-height:1.5;margin-bottom:10px;padding:8px 10px;text-align:center}.zoom-quote-mark{color:#daa520;font-family:Georgia,serif;font-size:14px;opacity:.7}.zoom-origin-toggle{background:#daa52026;border:1px solid #daa52066;border-radius:6px;color:#daa520;cursor:pointer;display:block;font-size:10px;font-weight:700;letter-spacing:1px;padding:6px 10px;text-transform:uppercase;transition:all .2s ease;width:100%}.zoom-origin-toggle:hover{background:#daa52040;border-color:#daa52099;box-shadow:0 2px 8px #daa5204d;transform:translateY(-1px)}.zoom-origin-toggle:active{transform:translateY(0)}.zoom-origin-story{animation:originReveal .3s ease-out;background:#0006;border:1px solid #8b451366;border-radius:6px;color:#a09080;font-size:10px;line-height:1.6;margin-top:10px;padding:10px;text-align:justify}@keyframes originReveal{0%{margin-top:0;max-height:0;opacity:0;padding:0 10px}to{margin-top:10px;max-height:200px;opacity:1;padding:10px}}.zoom-lore-section[data-tier=LOW] .zoom-lore-title{color:#9e9e9e;text-shadow:0 0 8px #9e9e9e66}.zoom-lore-section[data-tier=LOW]{background:linear-gradient(135deg,#9e9e9e1a,#6464641a);border-color:#9e9e9e4d}.zoom-lore-section[data-tier=MID] .zoom-lore-title{color:#3498db;text-shadow:0 0 8px #3498db66}.zoom-lore-section[data-tier=MID]{background:linear-gradient(135deg,#3498db1a,#2980b91a);border-color:#3498db4d}.zoom-lore-section[data-tier=HIGH] .zoom-lore-title{color:gold;text-shadow:0 0 12px #ffd70099}.zoom-lore-section[data-tier=HIGH]{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-color:#ffd70066}.zoom-lore-section[data-tier=HIGH] .zoom-origin-toggle{background:#ffd70033;border-color:#ffd70080;color:gold}.zoom-lore-section[data-tier=HIGH] .zoom-flavor-text{background:#ffd7001a;border-color:#ffd70066;color:#d4af37}.zoom-card-footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;position:relative;z-index:1}.card-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px}.card-tag.evolved{background:#4caf504d;border-color:#4caf50;color:#4caf50}.card-tag.counter{background:#f443364d;border-color:#f44336;color:#f44336}.card-tag.trap{background:#9c27b04d;border-color:#9c27b0;color:#9c27b0}.card-tag.fusion{background:#ff98004d;border-color:#ff9800;color:#ff9800}.card-tag.legendary{background:#ffd7004d;border-color:gold;color:gold}.zoom-close-hint{animation:hintPulse 2s ease-in-out infinite;bottom:-50px;color:#fff9;font-size:14px;left:50%;position:absolute;transform:translateX(-50%)}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:480px){.zoomed-card{min-height:380px;padding:15px;width:250px}.zoom-element-icon{font-size:28px}.zoom-card-name{font-size:16px}.zoom-element-large{font-size:60px}.strength-value{font-size:40px}.zoom-card-description p{font-size:12px}}.turn-timer{align-items:center;background:linear-gradient(135deg,#000000d9,#14141ed9);border:2px solid #ffd70080;border-radius:12px;box-shadow:0 2px 12px #00000080;display:flex;flex-direction:row;gap:10px;left:50%;margin-top:-120px;padding:6px 14px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:500}.turn-timer.inline-timer{left:auto;margin-bottom:10px;margin-top:0;position:relative;top:auto;transform:none}.turn-timer.paused{border-color:#96969680;opacity:.6}.turn-timer.paused .rope-fire,.turn-timer.paused .rope-sparks{animation-play-state:paused;opacity:.5}.turn-timer.paused .timer-value{color:#999}.turn-timer.warning{animation:warningPulse 1s ease-in-out infinite;border-color:#ff9800;box-shadow:0 0 30px #ff980066}.turn-timer.critical{animation:criticalShake .5s ease-in-out infinite;border-color:#f44336;box-shadow:0 0 40px #f4433699}@keyframes warningPulse{0%,to{box-shadow:0 0 30px #ff980066}50%{box-shadow:0 0 50px #ff9800b3}}.rope-container{background:#2a2a2a;border:1px solid #ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:120px}.rope-burned{background:linear-gradient(90deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);width:100%}.rope-burned,.rope-remaining{height:100%;left:0;position:absolute;top:0}.rope-remaining{background:linear-gradient(90deg,#8b6914,#c9a227 20%,#dbb42c 50%,#c9a227 80%,#8b6914);border-radius:4px;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000004d;transition:width .3s linear}.rope-remaining:before{background:repeating-linear-gradient(90deg,#0000,#0000 3px,#0003 0,#0003 6px);border-radius:6px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.rope-fire{display:flex;gap:1px;position:absolute;right:-10px;top:50%;transform:translateY(-50%)}.flame{animation:flameFlicker .15s ease-in-out infinite;filter:drop-shadow(0 0 3px #ff6600);font-size:10px}.flame-1{animation-delay:0s}.flame-2{animation-delay:.05s;font-size:12px}.flame-3{animation-delay:.1s}@keyframes flameFlicker{0%,to{opacity:1;transform:scale(1) translateY(0)}50%{opacity:.9;transform:scale(1.1) translateY(-2px)}}.turn-timer.critical .flame{animation:flameBurst .1s ease-in-out infinite;font-size:12px}.turn-timer.critical .flame-2{font-size:16px}@keyframes flameBurst{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.3) translateY(-5px)}}.rope-sparks{position:absolute;right:-10px;top:50%;transform:translateY(-50%)}.spark{animation:sparkFly .5s ease-out infinite;animation-delay:var(--delay);background:#fd0;border-radius:50%;box-shadow:0 0 6px #f90;height:4px;position:absolute;width:4px}@keyframes sparkFly{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--x),var(--y))}}.timer-number{align-items:baseline;display:flex;gap:2px}.timer-value{color:gold;font-family:Arial Black,sans-serif;font-size:18px;font-weight:900;min-width:24px;text-align:center;text-shadow:0 0 8px #ffd700cc;transition:all .3s ease}.turn-timer.warning .timer-value{color:#ff9800;text-shadow:0 0 15px #ff9800cc}.turn-timer.critical .timer-value{animation:criticalNumber .3s ease-in-out infinite;color:#f44336;text-shadow:0 0 20px #f44336}@keyframes criticalNumber{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.timer-label{color:#fff9;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.warning-text{display:none}@keyframes warningTextPulse{0%,to{opacity:.7}50%{opacity:1}}.critical-pulse{animation:criticalPulseExpand .6s ease-out infinite;border:2px solid #f44336;border-radius:14px;bottom:-5px;left:-5px;pointer-events:none;position:absolute;right:-5px;top:-5px}@keyframes criticalPulseExpand{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.critical-text{animation:criticalTextBounce .3s ease-in-out infinite;color:#f44336;font-size:10px;font-weight:900;left:50%;letter-spacing:2px;position:absolute;text-shadow:0 0 8px #f44336;text-transform:uppercase;top:-20px;transform:translateX(-50%)}@keyframes criticalTextBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}@media (max-width:480px){.turn-timer{gap:6px;padding:5px 10px}.rope-container{height:6px;width:80px}.timer-value{font-size:14px;min-width:18px}.flame,.timer-label{font-size:8px}.flame-2{font-size:10px}}.victory-screen{align-items:flex-start;animation:screenFadeIn .5s ease-out;bottom:0;display:flex;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:20px 0;position:fixed;right:0;top:0;z-index:10000}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}.victory-screen.victory{animation:screenFadeIn .5s ease-out,victoryBgPulse 4s ease-in-out infinite;background:linear-gradient(135deg,#143c14f2,#002800fa 50%,#143c14f2)}@keyframes victoryBgPulse{0%,to{background:linear-gradient(135deg,#143c14f2,#002800fa 50%,#143c14f2)}50%{background:linear-gradient(135deg,#1e501ef2,#0a3c0afa 50%,#1e501ef2)}}.victory-screen.defeat{background:linear-gradient(135deg,#3c1414f2,#280000fa 50%,#3c1414f2)}.victory-screen.tie{background:linear-gradient(135deg,#28283cf2,#141428fa 50%,#28283cf2)}.victory-bg-effects{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.radial-burst{border-radius:50%;height:10px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.radial-burst.active{animation:burstExpand 1.5s ease-out forwards}.victory-screen.victory .radial-burst{background:radial-gradient(circle,#ffd700cc 0,#0000 70%)}.victory-screen.defeat .radial-burst{background:radial-gradient(circle,#f009 0,#0000 70%)}.victory-screen.tie .radial-burst{background:radial-gradient(circle,#6464ff99 0,#0000 70%)}@keyframes burstExpand{0%{height:10px;opacity:1;width:10px}to{height:200vmax;opacity:0;width:200vmax}}.confetti-container{bottom:0;left:0;perspective:1000px;position:absolute;right:0;top:0}.confetti{animation:confettiFall 4s ease-out infinite,confettiSpin 1s linear infinite;animation-delay:var(--delay);background:var(--color);border-radius:2px;box-shadow:0 0 10px var(--color);height:12px;left:var(--x);position:absolute;top:-20px;transform:rotate(var(--rotation));width:12px}.confetti:nth-child(3n){border-radius:50%;height:10px;width:10px}.confetti:nth-child(5n){border-radius:1px;height:16px;width:8px}.confetti:nth-child(7n){height:6px;width:14px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg) rotateX(0deg)}50%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(2turn) rotateX(1turn)}}@keyframes confettiSpin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.defeat-particles{bottom:0;left:0;position:absolute;right:0;top:0}.ember{animation:emberRise 5s ease-out infinite;animation-delay:var(--delay);background:#f44;border-radius:50%;bottom:-20px;box-shadow:0 0 10px #f44,0 0 20px #f60;height:8px;left:var(--x);position:absolute;width:8px}@keyframes emberRise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100vh) scale(0)}}.victory-content{align-items:center;display:flex;flex-direction:column;gap:15px;margin:auto;max-width:550px;opacity:0;padding:20px;position:relative;transform:translateY(30px);transition:all .5s ease;width:90%;z-index:1}.victory-content.visible{opacity:1;transform:translateY(0)}.result-icon{filter:drop-shadow(0 0 30px rgba(255,215,0,.8));font-size:80px;opacity:0;position:relative;transform:scale(0) rotate(-180deg);transition:all .7s cubic-bezier(.34,1.56,.64,1)}.result-icon.visible{animation:iconPulse 2s ease-in-out infinite;opacity:1;transform:scale(1) rotate(0deg)}.result-icon:before{animation:iconRingPulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffd7004d 0,#0000 70%);border-radius:50%;content:"";height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 30px rgba(255,215,0,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 50px rgba(255,215,0,1));transform:scale(1.1)}}@keyframes iconRingPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.victory-title{font-size:48px;font-weight:900;letter-spacing:8px;margin:0;opacity:0;position:relative;text-transform:uppercase;transform:translateY(20px) scale(.8);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.victory-title.visible{opacity:1;transform:translateY(0) scale(1)}.victory-screen.victory .victory-title{-webkit-text-fill-color:#0000;animation:victoryTitleGlow 2s ease-in-out infinite,victoryTitleFloat 3s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffec8b,gold);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:gold;text-shadow:0 0 30px #ffd700e6,0 0 60px #ffd70080,0 0 90px #ff98004d,0 4px 8px #000c}@keyframes victoryTitleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes victoryTitleGlow{0%,to{background-position:0;filter:drop-shadow(0 0 20px rgba(255,215,0,.8)) brightness(1)}50%{background-position:100%;filter:drop-shadow(0 0 40px rgba(255,215,0,1)) brightness(1.2)}}.victory-screen.defeat .victory-title{animation:defeatPulse 1.5s ease-in-out infinite;color:#f44336;text-shadow:0 0 20px #f44336cc,0 0 40px #f4433666,0 4px 8px #000c}.victory-screen.tie .victory-title{color:#64b5f6;text-shadow:0 0 20px #64b5f6cc,0 0 40px #64b5f666,0 4px 8px #000c}.winner-name{color:#ffffffe6;font-size:24px;font-weight:600;margin:0;opacity:0;transition:all .5s ease .2s}.winner-name.visible{opacity:1}.score-display{gap:30px;opacity:0;transform:scale(.8);transition:all .5s ease}.score-display.visible{opacity:1;transform:scale(1)}.score-card{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:15px;display:flex;flex-direction:column;gap:8px;padding:15px 25px;position:relative;transition:all .3s ease}.score-card.winner{background:#ffd70033;border-color:gold;box-shadow:0 0 30px #ffd70066}.score-avatar{align-items:center;background:#0000004d;border-radius:50%;display:flex;font-size:30px;height:50px;justify-content:center;overflow:hidden;width:50px}.score-avatar img{height:100%;object-fit:cover;width:100%}.score-info{align-items:center;display:flex;flex-direction:column}.score-name{color:#ffffffe6;font-size:16px;font-weight:600}.score-value{color:#fff;font-size:28px;font-weight:900;text-shadow:0 2px 4px #00000080}.winner-crown{animation:crownBounce 1s ease-in-out infinite;font-size:28px;right:-10px;top:-15px}@keyframes crownBounce{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.vs-divider{color:#ffffff80;font-size:24px;font-weight:900}.battle-statistics{background:#0006;border-radius:12px;opacity:0;padding:15px;transform:translateY(20px);transition:all .5s ease;width:100%}.battle-statistics.visible{opacity:1;transform:translateY(0)}.battle-statistics h3{color:gold;font-size:16px;margin:0 0 10px;text-align:center}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-item{background:#ffffff0d;border-radius:10px;gap:5px;padding:10px}.stat-icon{font-size:24px}.stat-label{color:#fff9;font-size:12px}.stat-compare{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:8px}.stat-compare .highlight{color:gold;text-shadow:0 0 10px #ffd70080}.stat-vs{color:#fff6;font-size:12px}.stat-single{color:#fff;font-size:24px;font-weight:900}.mvp-showcase{align-items:center;display:flex;flex-direction:column;gap:15px;opacity:0;transform:scale(.8);transition:all .5s ease}.mvp-showcase.visible{opacity:1;transform:scale(1)}.mvp-showcase h3{animation:mvpTitlePulse 1.5s ease-in-out infinite;color:gold;font-size:20px;margin:0;text-shadow:0 0 10px #ffd70080}@keyframes mvpTitlePulse{0%,to{text-shadow:0 0 10px #ffd70080}50%{text-shadow:0 0 20px #ffd700cc}}.mvp-card-container{padding:15px;position:relative}.mvp-glow{animation:mvpGlow 2s ease-in-out infinite;background:radial-gradient(ellipse,#ffd70066 0,#0000 70%);height:220px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:180px}@keyframes mvpGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.mvp-card-container .card{animation:mvpCardFloat 3s ease-in-out infinite;box-shadow:0 0 40px #ffd70099;transform:scale(1.1)}@keyframes mvpCardFloat{0%,to{transform:scale(1.1) translateY(0)}50%{transform:scale(1.1) translateY(-10px)}}.mvp-label{background:#ffd700e6;border-radius:15px;bottom:-10px;color:#000;font-size:12px;font-weight:700;left:50%;padding:5px 15px;position:absolute;transform:translateX(-50%);white-space:nowrap}.victory-buttons{display:flex;gap:12px;margin-top:10px;opacity:0;transform:translateY(20px);transition:all .5s ease}.victory-buttons.visible{opacity:1;transform:translateY(0)}.btn-play-again,.btn-quit{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-play-again{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 20px #4caf5066;color:#fff}.btn-play-again:hover{box-shadow:0 8px 30px #4caf5099;transform:translateY(-3px)}.btn-quit{background:linear-gradient(135deg,#616161,#424242);box-shadow:0 4px 20px #0000004d;color:#fff}.btn-quit:hover{box-shadow:0 8px 30px #00000080;transform:translateY(-3px)}.btn-icon{font-size:20px}@media (max-width:600px){.victory-screen{padding:10px 0}.victory-content{gap:10px;padding:15px}.victory-title{font-size:28px;letter-spacing:3px}.result-icon{font-size:48px}.score-display{flex-direction:column;gap:10px}.score-card{padding:12px 20px}.score-avatar{height:40px;width:40px}.score-avatar,.score-value{font-size:24px}.vs-divider{margin:5px 0;transform:rotate(90deg)}.stats-grid{gap:8px;grid-template-columns:1fr 1fr}.stat-item{padding:8px}.stat-icon{font-size:18px}.stat-label{font-size:10px}.stat-compare{font-size:14px}.battle-statistics{padding:12px}.battle-statistics h3{font-size:14px;margin-bottom:8px}.mvp-showcase h3{font-size:16px}.mvp-card-container{padding:10px}.victory-buttons{flex-direction:column;gap:8px;width:100%}.btn-play-again,.btn-quit{font-size:13px;justify-content:center;padding:10px 20px;width:100%}.mvp-card-container .card{transform:scale(.9)}}@media (max-height:600px){.victory-content{gap:8px;padding:10px}.result-icon{font-size:40px}.victory-title{font-size:28px}.score-card{padding:10px 15px}.score-avatar{height:35px;width:35px}.score-avatar,.score-value{font-size:20px}.battle-statistics{padding:10px}.stats-grid{gap:6px}.mvp-showcase h3{font-size:14px}.mvp-card-container .card{transform:scale(.8)}.mvp-glow{height:180px;width:140px}}.victory-rays{pointer-events:none;transform:translate(-50%,-50%);z-index:0}.victory-ray,.victory-rays{left:50%;position:absolute;top:50%}.victory-ray{animation:rayBurst 2s ease-out forwards;background:linear-gradient(180deg,#0000,#ffd700cc 30%,#ffd70033 70%,#0000);height:150vh;opacity:0;transform-origin:50% 0;width:6px}@keyframes rayBurst{0%{opacity:0;transform:rotate(0deg) scaleY(0);transform:rotate(var(--ray-angle,0deg)) scaleY(0)}30%{opacity:1;transform:rotate(0deg) scaleY(1);transform:rotate(var(--ray-angle,0deg)) scaleY(1)}to{opacity:0;transform:rotate(0deg) scaleY(1);transform:rotate(var(--ray-angle,0deg)) scaleY(1)}}.victory-sparkles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.sparkle-star{animation:sparkleTwinkle 2s ease-in-out infinite;height:12px;position:absolute;width:12px}.sparkle-star:after,.sparkle-star:before{background:gold;border-radius:50%;content:"";position:absolute}.sparkle-star:before{height:30%;left:0;top:35%;width:100%}.sparkle-star:after,.sparkle-star:before{box-shadow:0 0 10px gold,0 0 20px #ffd70080}.sparkle-star:after{height:100%;left:35%;top:0;width:30%}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.trophy-animation{display:inline-block;position:relative}.trophy-animation:before{animation:trophyGlowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffd70099 0,#ffd70033 40%,#0000 70%);border-radius:50%;content:"";height:150%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%;z-index:-1}@keyframes trophyGlowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.victory-coins{inset:0;overflow:hidden;pointer-events:none;position:absolute}.gold-coin{animation:coinFloat 3s ease-out forwards;font-size:24px;position:absolute}@keyframes coinFloat{0%{opacity:0;transform:translateY(100vh) rotate(0deg) scale(0)}20%{opacity:1;transform:translateY(70vh) rotate(90deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-20vh) rotate(1turn) scale(.5)}}.score-counter-animated{animation:scoreCountUp .8s ease-out}@keyframes scoreCountUp{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.rank-badge{animation:rankBadgeAppear .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,gold,#ff8c00);border-radius:20px;box-shadow:0 4px 20px #ffd70080;color:#1a1a2e;font-size:14px;font-weight:900;letter-spacing:2px;padding:8px 20px;position:relative;text-transform:uppercase}.rank-badge:before{animation:rankBadgeGlow 2s linear infinite;background:linear-gradient(45deg,gold,#fff,gold);border-radius:23px;content:"";inset:-3px;position:absolute;z-index:-1}@keyframes rankBadgeAppear{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0deg)}}@keyframes rankBadgeGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.xp-bar-container{background:#00000080;height:20px;overflow:hidden;width:100%}.xp-bar-container,.xp-bar-fill{border-radius:10px;position:relative}.xp-bar-fill{background:linear-gradient(90deg,#4caf50,#8bc34a,#cddc39);height:100%;transition:width 1.5s ease-out}.xp-bar-fill:after{animation:xpBarShine 2s linear infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes xpBarShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.defeat-skull{animation:skullFloat 3s ease-in-out infinite,skullFlicker .1s ease-in-out infinite;position:relative}@keyframes skullFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes skullFlicker{0%,90%,to{opacity:1}95%{opacity:.8}}.tie-scales{animation:scalesBalance 2s ease-in-out infinite;position:relative}@keyframes scalesBalance{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.celebration-banner{animation:bannerDrop .6s cubic-bezier(.68,-.55,.265,1.55) forwards;background:linear-gradient(135deg,#ffd700f2,#ff9800f2);border-radius:5px;box-shadow:0 10px 40px #00000080,0 0 50px #ffd70080;color:#1a1a2e;font-size:24px;font-weight:900;left:50%;letter-spacing:4px;padding:15px 50px;position:absolute;text-transform:uppercase;top:10%;transform:translateX(-50%);z-index:10}.celebration-banner:after,.celebration-banner:before{background:linear-gradient(135deg,#ffc800f2,#ff8c00f2);content:"";height:100%;position:absolute;top:0;width:30px}.celebration-banner:before{border-radius:5px 0 0 5px;left:-15px;transform:skewY(-5deg)}.celebration-banner:after{border-radius:0 5px 5px 0;right:-15px;transform:skewY(5deg)}@keyframes bannerDrop{0%{opacity:0;transform:translateX(-50%) translateY(-200px) rotate(-10deg)}60%{transform:translateX(-50%) translateY(20px) rotate(3deg)}to{opacity:1;transform:translateX(-50%) translateY(0) rotate(0deg)}}.firework-container{inset:0;overflow:hidden;pointer-events:none;position:absolute}.firework{height:10px;position:absolute;width:10px}.firework-spark{animation:fireworkBurst 1s ease-out forwards;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes fireworkBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(50px,50px) scale(0);transform:translate(var(--spark-x,50px),var(--spark-y,50px)) scale(0)}}.mana-display{align-items:center;background:linear-gradient(135deg,#3f51b5e6,#303f9fe6);border:2px solid #5c6bc0;border-radius:12px;box-shadow:0 0 20px #5c6bc099,inset 0 0 15px #5c6bc04d;display:flex;gap:12px;min-width:160px;padding:10px 14px;position:relative;transition:all .3s ease}.mana-display.surge-active{animation:surgePulse .5s ease-in-out;background:linear-gradient(135deg,#ffc107e6,#ff9800e6);border-color:#ffc107;box-shadow:0 0 30px #ffc107cc,inset 0 0 20px #ffc10766}.mana-display.overdrafted{animation:overdraftShake .5s ease-in-out;background:linear-gradient(135deg,#d32f2fe6,#b71c1ce6);border-color:#d32f2f;box-shadow:0 0 30px #d32f2fcc,inset 0 0 20px #d32f2f66}.mana-display.low-mana{animation:lowManaPulse 1.5s ease-in-out infinite;border-color:#ff9800}@keyframes surgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes overdraftShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes lowManaPulse{0%,to{border-color:#5c6bc0;box-shadow:0 0 20px #5c6bc099}50%{border-color:#ff9800;box-shadow:0 0 30px #ff9800cc}}.mana-icon{animation:manaGlow 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(92,107,192,1));font-size:28px}@keyframes manaGlow{0%,to{filter:drop-shadow(0 0 10px rgba(92,107,192,1));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(92,107,192,1));transform:scale(1.1)}}.mana-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.mana-label{color:#fffc;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.mana-values{align-items:baseline;display:flex;gap:3px}.current-mana{color:#e3f2fd;font-size:22px;font-weight:900;text-shadow:0 0 10px #5c6bc0cc}.mana-separator{color:#fff9;font-size:18px}.max-mana{color:#fffc;font-size:18px;font-weight:700}.mana-bar-container{background:#0006;height:8px;overflow:hidden;width:100%}.mana-bar-container,.mana-bar-fill{border-radius:4px;position:relative}.mana-bar-fill{background:linear-gradient(90deg,#5c6bc0,#7986cb);box-shadow:0 0 10px #5c6bc0cc;height:100%;transition:width .3s ease}.mana-bar-fill.surge{animation:surgeGlow .5s ease-in-out;background:linear-gradient(90deg,#ffc107,#ff9800);box-shadow:0 0 15px #ffc107}@keyframes surgeGlow{0%,to{box-shadow:0 0 10px #ffc107cc}50%{box-shadow:0 0 25px #ffc107}}.mana-bar-fill:after{animation:manaShimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes manaShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.mana-regen{color:#ffffffb3;font-size:11px;text-align:right}@media (max-width:768px){.mana-display{gap:12px;min-width:160px;padding:12px 15px}.mana-icon{font-size:28px}.current-mana{font-size:24px}.max-mana{font-size:16px}}@media (max-width:480px){.mana-display{gap:10px;min-width:140px;padding:10px 12px}.mana-icon{font-size:24px}.current-mana{font-size:20px}.max-mana{font-size:14px}.mana-bar-container{height:6px}.mana-notification{font-size:11px;padding:4px 8px}}.mana-notification{animation:floatUp 2s ease-out forwards;background:#000000e6;border-radius:8px;color:#fff;font-size:13px;font-weight:700;left:50%;padding:6px 12px;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);white-space:nowrap;z-index:100}.mana-notification.surge{background:linear-gradient(135deg,#ffc107,#ff9800);box-shadow:0 0 20px #ffc107cc}.mana-notification.combo{background:linear-gradient(135deg,#ff5722,#f44336);box-shadow:0 0 20px #ff5722cc}.mana-notification.emergency{background:linear-gradient(135deg,#4caf50,#8bc34a);box-shadow:0 0 20px #4caf50cc}@keyframes floatUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-30px)}}.weather-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#141428f2);border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #0006;min-width:180px;padding:10px 12px}.weather-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.weather-icon{animation:weatherFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));font-size:24px}@keyframes weatherFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.weather-info{flex:1 1}.weather-name{color:#fff;font-size:14px;font-weight:700;margin-bottom:3px;text-shadow:0 2px 4px #00000080}.weather-description{color:#fffc;font-size:11px;line-height:1.3}.weather-modifiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.weather-modifier{background:#ffffff1a;border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.weather-modifier.positive{border:1px solid #4caf5080;color:#4caf50}.weather-modifier.negative{border:1px solid #f4433680;color:#f44336}.weather-footer{border-top:1px solid #fff3;margin-top:8px;padding-top:8px}.weather-change-indicator{color:#fff9;font-size:11px;font-style:italic;text-align:center}@media (max-width:1024px){.weather-display{border-width:2px;min-width:180px;padding:8px 12px}}@media (max-width:768px){.weather-display{min-width:160px;padding:8px 12px}.weather-icon{font-size:22px}.weather-name{font-size:13px}.weather-description{font-size:9px}}@media (max-width:480px){.weather-display{min-width:140px;padding:6px 10px}.weather-icon{font-size:20px}.weather-name{font-size:12px}.weather-description{font-size:8px}.weather-display{min-width:160px;padding:8px 10px}.weather-icon{font-size:24px}.weather-name{font-size:14px}.weather-description{font-size:11px}}.terrain-display{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid #fff6;border-radius:12px;box-shadow:0 4px 20px #00000080,inset 0 0 30px #ffffff1a;min-width:200px;overflow:hidden;padding:10px 14px;position:relative}.terrain-display:before{animation:terrainPulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes terrainPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.terrain-content{align-items:center;display:flex;gap:15px;position:relative;z-index:1}.terrain-icon{animation:terrainIconBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,255,255,.8));font-size:32px}@keyframes terrainIconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.terrain-info{flex:1 1}.terrain-name{color:#fff;font-size:16px;font-weight:800;letter-spacing:.5px;margin-bottom:4px;text-shadow:0 0 10px #000c,2px 2px 4px #0009;text-transform:uppercase}.terrain-description{color:#fffffff2;font-size:11px;font-weight:600;text-shadow:0 2px 4px #000c}.terrain-bonus{margin-top:12px;position:relative;z-index:1}.bonus-badge{animation:bonusPulse 2s ease-in-out infinite;background:#ffd700e6;border-radius:20px;box-shadow:0 0 15px #ffd700cc,inset 0 0 10px #ffffff4d;color:#000;display:inline-block;font-size:14px;font-weight:800;letter-spacing:1px;padding:6px 15px;text-transform:uppercase}@keyframes bonusPulse{0%,to{box-shadow:0 0 15px #ffd700cc,inset 0 0 10px #ffffff4d}50%{box-shadow:0 0 25px gold,inset 0 0 15px #ffffff80}}@media (max-width:768px){.terrain-display{min-width:220px;padding:12px 15px}.terrain-icon{font-size:36px}.terrain-name{font-size:18px}.bonus-badge,.terrain-description{font-size:12px}.bonus-badge{padding:5px 12px}}@media (max-width:480px){.terrain-display{min-width:180px;padding:10px 12px}.terrain-icon{font-size:32px}.terrain-name{font-size:16px}.bonus-badge,.terrain-description{font-size:11px}.bonus-badge{padding:4px 10px}}.emote-bubble{align-items:center;animation:emoteBubbleIn .4s cubic-bezier(.34,1.56,.64,1),emoteBubbleOut .5s ease-in 2.5s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a;display:flex;font-size:1.1rem;font-weight:600;gap:12px;padding:14px 24px;position:fixed;z-index:1000}.emote-bubble.player-emote{background:linear-gradient(135deg,#4a9efff2,#667eeaf2);border:2px solid #ffffff4d;bottom:220px;color:#fff;right:60px;transform-origin:bottom right}.emote-bubble.ai-emote{background:linear-gradient(135deg,#ff6b6bf2,#ff8e53f2);border:2px solid #ffffff4d;color:#fff;left:60px;top:180px;transform-origin:top left}.emote-bubble .emote-sender{border-right:1px solid #ffffff4d;font-size:.85rem;font-weight:700;opacity:.9;padding-right:4px}.emote-bubble .emote-icon{animation:iconBounce .5s ease-out;font-size:1.8rem}.emote-bubble .emote-text{font-style:italic;text-shadow:0 1px 2px #0003}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes emoteBubbleIn{0%{opacity:0;transform:scale(.3) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes emoteBubbleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8) translateY(-20px)}}.emote-panel{animation:panelSlideIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#191c32fa,#0f1223fc);border:2px solid #4a9eff66;border-radius:20px;bottom:100px;box-shadow:0 15px 50px #0009,0 0 40px #4a9eff26,inset 0 1px 0 #ffffff1a;max-height:500px;overflow:hidden;position:fixed;right:20px;width:360px;z-index:900}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.emote-panel-header{align-items:center;background:linear-gradient(90deg,#4a9eff40,#667eea40);border-bottom:1px solid #4a9eff4d;display:flex;justify-content:space-between;padding:14px 18px}.emote-panel-title{align-items:center;display:flex;gap:10px}.emote-panel-icon{font-size:1.3rem}.emote-panel-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0;text-shadow:0 0 20px #4a9eff80}.emote-close-btn{align-items:center;background:#ff646440;border:1px solid #ff64644d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.emote-close-btn:hover{background:#ff646480;transform:scale(1.1) rotate(90deg)}.emote-recent{align-items:center;background:#00000040;border-bottom:1px solid #ffffff14;display:flex;gap:10px;padding:10px 14px}.recent-label{color:#ffffff80;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.recent-emotes{display:flex;flex:1 1;gap:6px;overflow-x:auto}.recent-emote-btn{background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;cursor:pointer;flex-shrink:0;font-size:1.2rem;height:36px;transition:all .2s ease;width:36px}.recent-emote-btn:hover:not(:disabled){background:#4a9eff66;border-color:#4a9eff99;transform:scale(1.1)}.recent-emote-btn.cooldown{cursor:not-allowed;opacity:.4}.emote-categories{background:#0003;border-bottom:1px solid #ffffff14;display:flex;gap:4px;overflow-x:auto;padding:10px 12px}.emote-categories::-webkit-scrollbar{height:3px}.emote-categories::-webkit-scrollbar-thumb{background:#4a9eff80;border-radius:2px}.emote-category-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .25s ease}.emote-category-btn .category-icon{font-size:1rem}.emote-category-btn .category-name{display:none}.emote-category-btn:hover{background:#4a9eff40;border-color:#4a9eff66;color:#fff;transform:translateY(-2px)}.emote-category-btn.active{background:linear-gradient(135deg,#4a9eff,#667eea);border-color:#0000;box-shadow:0 4px 15px #4a9eff66;color:#fff}.emote-category-btn.active .category-name{display:inline}.emote-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-height:280px;overflow-y:auto;padding:14px}.emote-grid::-webkit-scrollbar{width:6px}.emote-grid::-webkit-scrollbar-thumb{background:#4a9eff80;border-radius:3px}.emote-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;overflow:hidden;padding:14px 10px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.emote-btn:before{background:linear-gradient(135deg,#4a9eff00,#667eea00);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.emote-btn:hover:not(:disabled):before{background:linear-gradient(135deg,#4a9eff4d,#667eea4d);opacity:1}.emote-btn:hover:not(:disabled){border-color:#4a9eff80;box-shadow:0 8px 20px #4a9eff40;transform:translateY(-3px) scale(1.02)}.emote-btn:active:not(:disabled){transform:scale(.95)}.emote-btn.cooldown{cursor:not-allowed;opacity:.4}.emote-btn-icon{font-size:1.8rem;position:relative;transition:transform .2s ease;z-index:1}.emote-btn:hover:not(:disabled) .emote-btn-icon{transform:scale(1.15)}.emote-btn-text{color:#fffc;font-size:.7rem;line-height:1.3;position:relative;text-align:center;z-index:1}.emote-cooldown-notice{background:#ff980026;border-top:1px solid #ff980040;color:#ffb74d;font-size:.8rem;overflow:hidden;padding:10px 14px;position:relative;text-align:center}.cooldown-bar{background:#ff980033;height:100%;left:0;position:absolute;top:0;transition:width 1s linear}.emote-panel-footer{background:#0003;border-top:1px solid #ffffff14;padding:10px 14px}.emote-tip{color:#ffffff80;display:block;font-size:.75rem;text-align:center}.emote-toggle-btn{align-items:center;background:linear-gradient(135deg,#4a9eff,#667eea);border:2px solid #ffffff4d;border-radius:50%;bottom:20px;box-shadow:0 6px 25px #4a9eff80;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:56px;z-index:800}.emote-toggle-btn:hover{box-shadow:0 8px 35px #4a9effb3;transform:scale(1.15) rotate(5deg)}.emote-toggle-btn:active{transform:scale(.95)}@media (max-width:768px){.emote-panel{bottom:70px;left:15px;max-height:60vh;right:15px;width:calc(100% - 30px)}.emote-bubble.player-emote{bottom:180px;font-size:.95rem;padding:10px 16px;right:15px}.emote-bubble.ai-emote{font-size:.95rem;left:15px;padding:10px 16px;top:140px}.emote-bubble .emote-icon{font-size:1.4rem}.emote-grid{gap:8px;grid-template-columns:repeat(3,1fr);padding:10px}.emote-btn{padding:10px 8px}.emote-btn-icon{font-size:1.5rem}.emote-btn-text{font-size:.65rem}.emote-category-btn{padding:6px 10px}.emote-category-btn .category-icon{font-size:.9rem}.emote-toggle-btn{font-size:1.4rem;height:50px;width:50px}.recent-emote-btn{font-size:1rem;height:32px;width:32px}}@media (max-width:480px){.emote-panel{bottom:60px;max-height:55vh}.emote-grid{grid-template-columns:repeat(2,1fr)}.emote-categories{padding:8px 10px}.emote-panel-header{padding:10px 14px}.emote-panel-header h3{font-size:1rem}}.ranked-display{background:linear-gradient(135deg,#1e1e32f2,#141428fa);border:2px solid #4caf50;border:2px solid var(--rank-color,#4caf50);border-radius:12px;box-shadow:0 4px 15px #0000004d,0 0 20px rgba(var(--rank-color),.2);padding:15px}.ranked-display-compact{align-items:center;animation:slideInFromLeft .3s ease-out;background:#000c;border:1px solid #4caf50;border:1px solid var(--rank-color,#4caf50);border-radius:20px;cursor:pointer;display:flex;gap:8px;left:20px;padding:8px 12px;position:fixed;top:140px;transition:all .2s ease;z-index:100}.ranked-display-compact:hover{box-shadow:0 0 15px rgba(var(--rank-color),.4);transform:scale(1.05)}.rank-icon{font-size:18px}.rank-icon-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:40px}.ranked-header{justify-content:space-between;margin-bottom:15px}.rank-badge,.ranked-header{align-items:center;display:flex}.rank-badge{gap:12px}.rank-info{display:flex;flex-direction:column}.rank-name{color:#fff;color:var(--rank-color,#fff);font-size:16px;font-weight:700;text-shadow:0 1px 3px #00000080}.rank-tier{color:#aaa;font-size:11px;letter-spacing:1px;text-transform:uppercase}.rank-points-display{align-items:center;background:#0006;border-radius:10px;display:flex;flex-direction:column;padding:8px 15px}.points-value{color:#fff;font-size:24px;font-weight:700}.points-label{color:#888;font-size:10px;text-transform:uppercase}.rank-points{color:#ccc;font-size:12px}.rank-progress{margin-top:10px}.progress-bar{background:#00000080;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--rank-color),lighten(var(--rank-color),20%));border-radius:4px;height:100%;transition:width .5s ease}.progress-labels{color:#888;display:flex;font-size:10px;justify-content:space-between;margin-top:5px}.promotion-shield{animation:shieldPulse 2s infinite;background:linear-gradient(135deg,gold,orange);border-radius:8px;color:#1a1a1a;font-weight:700;margin-top:10px;padding:8px 12px;text-align:center}.ranked-stats{border-top:1px solid #ffffff1a;display:flex;justify-content:space-around;margin-top:15px;padding-top:15px}.stat-item{align-items:center;flex-direction:column}.stat-label{color:#888;font-size:10px}.stat-value{color:#fff;font-size:16px}.ranked-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ranked-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#2a2a4e,#1a1a3e);border-radius:16px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;padding:25px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;opacity:.7;position:absolute;right:15px;top:15px;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-section{margin-bottom:25px}.modal-section h3{color:#fff;font-size:18px;margin-bottom:15px}.season-label{color:#888;font-size:12px;margin-bottom:15px;margin-top:-10px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.stat-box{background:#0000004d;border-radius:10px;display:flex;flex-direction:column;padding:15px 10px;text-align:center}.stat-box .stat-value{font-size:20px}.stat-box .stat-label{margin-top:5px}.leaderboard{background:#0003;border-radius:10px;overflow:hidden}.leaderboard-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;padding:10px 15px}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.is-player{background:#4caf5033}.leaderboard-row .position{color:#888;font-weight:700;width:40px}.leaderboard-row .player-name{color:#fff;flex:1 1}.leaderboard-row .player-rank{text-align:center;width:30px}.leaderboard-row .player-points{color:#ccc;text-align:right;width:80px}.match-history{background:#0003;border-radius:10px;overflow:hidden}.match-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;padding:10px 15px}.match-row.win{border-left:3px solid #4caf50}.match-row.loss{border-left:3px solid #f44336}.match-result{width:80px}.match-points{flex:1 1;text-align:center}.match-row.win .match-points{color:#4caf50}.match-row.loss .match-points{color:#f44336}.match-score{color:#888;text-align:right;width:60px}.ranked-result-display{animation:resultSlideIn .5s ease;background:linear-gradient(135deg,#1e1e32f2,#141428fa);border:2px solid gold;border-radius:16px;bottom:20px;max-width:280px;padding:20px;position:fixed;right:20px;text-align:center;z-index:200}.ranked-result-display.inline{margin:0 auto;max-width:100%;position:static}@keyframes resultSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ranked-result-display h3{color:gold;font-size:20px;margin-bottom:15px}.result-content{display:flex;flex-direction:column;gap:10px}.rank-change{align-items:center;display:flex;font-size:24px;gap:10px;justify-content:center}.points-change{font-size:28px;font-weight:700}.points-change.positive{color:#4caf50}.points-change.negative{color:#f44336}.new-total{color:#888;font-size:14px}.streak-bonus{animation:firePulse 1s infinite;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;color:#fff;font-weight:700;padding:8px 15px}@keyframes firePulse{0%,to{box-shadow:0 0 10px #ff6b3580}50%{box-shadow:0 0 20px #ff6b35cc}}.event-item{border-radius:8px;font-size:13px;padding:5px 10px}.event-item.event-promoted{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.event-item.event-demoted{background:#f443364d;color:#f44336}.event-item.event-domination,.event-item.event-perfect,.event-item.event-underdog{color:gold}.combo-summary{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.combo-summary h4{color:#9c27b0;margin-bottom:10px}.combo-item{background:#9c27b033;margin-bottom:5px;padding:5px 10px}@media screen and (max-width:480px){.ranked-modal{padding:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.rank-icon-large{font-size:32px}.rank-name{font-size:14px}}.combo-notification{align-items:center;animation:comboSlideIn .5s ease,comboGlow 1s infinite;background:linear-gradient(135deg,#1e1e32fa,#141428fa);border:3px solid #9c27b0;border:3px solid var(--combo-color,#9c27b0);border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 30px var(--combo-color);display:flex;flex-direction:column;gap:10px;left:50%;padding:20px 30px;position:fixed;top:20%;transform:translateX(-50%);z-index:2000}@keyframes comboSlideIn{0%{opacity:0;transform:translateX(-50%) scale(.5) translateY(-50px)}to{opacity:1;transform:translateX(-50%) scale(1) translateY(0)}}@keyframes comboGlow{0%,to{box-shadow:0 10px 40px #00000080,0 0 30px var(--combo-color)}50%{box-shadow:0 10px 40px #00000080,0 0 50px var(--combo-color),0 0 80px var(--combo-color)}}.combo-notification .combo-icon{animation:comboIconBounce .5s ease;font-size:48px}@keyframes comboIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.combo-notification .combo-info{text-align:center}.combo-notification .combo-name{color:#fff;color:var(--combo-color,#fff);font-size:24px;font-weight:700;text-shadow:0 2px 10px #00000080}.combo-notification .combo-tier{color:#aaa;font-size:14px;margin-top:5px}.combo-notification .combo-message{background:#0000004d;border-radius:20px;color:#ccc;font-size:14px;padding:8px 16px}.combo-tracker-compact{align-items:center;animation:slideInFromLeft .3s ease-out;background:#000c;border-radius:20px;display:flex;gap:8px;left:20px;padding:6px 12px;position:fixed;top:20px;z-index:100}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.active-buffs-compact{display:flex;gap:5px}.buff-icon{animation:buffPulse 1.5s infinite;background:#9c27b04d;border-radius:10px;font-size:12px;padding:3px 8px}@keyframes buffPulse{0%,to{opacity:1}50%{opacity:.7}}.combo-progress-compact{align-items:center;display:flex;gap:5px}.mini-progress{background:#fff3;border-radius:2px;height:4px;overflow:hidden;width:40px}.mini-progress-fill{border-radius:2px;height:100%;transition:width .3s ease}.combo-tracker-display{background:linear-gradient(135deg,#1e1e32f2,#141428fa);border:1px solid #9c27b04d;border-radius:12px;padding:15px}.combo-tracker-display h4{color:#9c27b0;font-size:16px;margin:0 0 15px}.active-buffs{background:#9c27b01a;border-radius:8px;margin-bottom:15px;padding:10px}.active-buffs h5{color:#9c27b0;font-size:12px;margin:0 0 8px}.buff-item{color:#fff;display:flex;font-size:13px;justify-content:space-between;padding:5px 0}.buff-duration{color:#888;font-size:11px}.combo-list{display:flex;flex-direction:column;gap:10px}.combo-item{background:#0000004d;border-left:3px solid #9c27b0;border-left:3px solid var(--combo-color,#9c27b0);border-radius:8px;padding:10px;transition:all .3s ease}.combo-item.achieved{background:#4caf5033;border-left-color:#4caf50}.combo-item .combo-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.combo-item .combo-icon{font-size:18px}.combo-item .combo-name{color:#fff;flex:1 1;font-size:13px;font-weight:700}.combo-tier-badge{font-size:12px}.combo-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:5px;overflow:hidden}.combo-progress-fill{background:#9c27b0;background:var(--combo-color,#9c27b0);border-radius:3px;height:100%;transition:width .3s ease}.combo-description{color:#888;font-size:11px}.combo-game-summary{animation:slideInFromBottom .5s ease-out;background:linear-gradient(135deg,#1e1e32f2,#141428fa);border:2px solid #9c27b0;border-radius:16px;bottom:20px;left:20px;max-width:350px;padding:20px;position:fixed;z-index:200}.combo-game-summary.inline{animation:slideInUp .5s ease-out;margin:0 auto;max-width:100%;position:static}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.combo-game-summary h3{color:#9c27b0;margin-bottom:20px;text-align:center}.summary-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.summary-stats .stat{background:#0000004d;border-radius:10px;display:flex;flex-direction:column;padding:15px 10px;text-align:center}.summary-stats .value{color:#fff;font-size:20px;font-weight:700}.summary-stats .label{color:#888;font-size:10px;margin-top:5px;text-transform:uppercase}.achieved-combos{margin-bottom:20px}.achieved-combos h4{color:#9c27b0;font-size:14px;margin-bottom:10px}.achieved-combo-item{align-items:center;background:#0000004d;border-left:3px solid;border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:10px 15px}.achieved-combo-item .combo-icon{font-size:20px}.achieved-combo-item .combo-details{display:flex;flex:1 1;flex-direction:column}.achieved-combo-item .combo-name{color:#fff;font-weight:700}.achieved-combo-item .combo-tier{color:#888;font-size:11px}.achieved-combo-item .bonus{color:#4caf50;font-size:16px;font-weight:700}.multiplier-info{background:#9c27b033;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 15px}.multiplier-label{color:#aaa}.multiplier-value{color:#9c27b0;font-size:18px;font-weight:700}.total-bonus{background:linear-gradient(135deg,#4caf5033,#8bc34a33);border-radius:8px;display:flex;font-weight:700;justify-content:space-between;padding:15px}.total-bonus .bonus-value{color:#4caf50;font-size:20px}@media screen and (max-width:480px){.combo-notification{padding:15px 20px;width:90%}.combo-notification .combo-icon{font-size:36px}.combo-notification .combo-name{font-size:18px}.summary-stats{grid-template-columns:repeat(2,1fr)}}.game-board{display:flex;font-family:Arial,sans-serif;height:100vh;margin:0;max-width:100vw;padding:0;position:relative}.turn-announcement{left:50%;max-width:90vw;pointer-events:none;position:fixed;top:calc(50% - 180px);transform:translateX(-50%);will-change:transform,opacity;z-index:200}.turn-announcement-inline{animation:turnFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:15px;box-shadow:0 0 30px #f4433680;left:50%;padding:12px 24px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:300}.turn-announcement-inline.your-turn-inline{box-shadow:0 0 30px #4caf5080}.turn-announcement-avatar{align-items:center;animation:avatarBounce .5s ease-out;border:3px solid #fffc;border-radius:50%;box-shadow:0 0 15px #00000080;display:flex;height:60px;justify-content:center;margin:0 auto 8px;overflow:hidden;width:60px}.turn-announcement-avatar.ai-avatar{border-color:#f44336cc;box-shadow:0 0 20px #f4433699}.turn-announcement-avatar.player-avatar{border-color:#4caf50cc;box-shadow:0 0 20px #4caf5099}.turn-avatar-img{height:100%;object-fit:cover;width:100%}.turn-avatar-icon{font-size:32px;line-height:1}@keyframes avatarBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes turnFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.your-turn-announcement{bottom:240px;left:50%;max-width:90vw;pointer-events:none;position:fixed;transform:translateX(-50%);will-change:transform,opacity;z-index:200}.turn-text{animation:turnBounce .4s ease-out,pulse-glow 1.5s ease-in-out .4s infinite;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;font-size:18px;font-weight:900;letter-spacing:1px;margin:0;padding:8px 16px;text-align:center;text-shadow:2px 2px 4px #000c,0 0 10px currentColor;transform-style:preserve-3d;white-space:nowrap}.your-turn-text{background:#0000;border:4px solid #4caf50;box-shadow:0 0 30px #4caf50cc;color:#4caf50}.opponent-turn-text{background:#0000;border:4px solid #f44336;box-shadow:0 0 30px #f44336cc;color:#f44336}.timer-display{animation:timerPulse 1s ease-in-out infinite;color:gold;font-size:48px;font-weight:700;margin-top:10px;text-shadow:0 0 20px #ffd700cc}.ai-thinking{animation:thinkingDots 1.5s ease-in-out infinite;color:#ff9800;font-size:16px;font-weight:600;margin-top:5px;text-align:center;text-shadow:0 0 15px #ff9800cc;white-space:nowrap}@keyframes thinkingDots{0%,to{opacity:.5}50%{opacity:1}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.floating-timer{left:50%;pointer-events:none;position:fixed;top:20px;transform:translateX(-50%);z-index:150}.timer-display-small{animation:timerPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#000000d9,#141414d9);border:3px solid gold;border-radius:25px;box-shadow:0 0 30px #ffd70080,inset 0 0 20px #ffd7001a;color:gold;font-size:32px;font-weight:900;min-width:80px;padding:12px 24px;text-align:center;text-shadow:0 0 20px #ffd700e6,0 0 40px #ffd70099,2px 2px 4px #000c}.active-equipment-stats{background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:2px solid #ffc10799;border-radius:12px;box-shadow:0 4px 16px #00000080,0 0 20px #ffc1074d;left:50%;max-width:300px;padding:8px;transform:translateX(-50%);z-index:140}.active-equipment-stats .stats-header{background:#ffc10733;border-radius:8px;color:#ffc107;cursor:pointer;font-size:14px;font-weight:700;padding:8px 12px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.active-equipment-stats .stats-header:hover{background:#ffc1074d;transform:scale(1.02)}.active-equipment-stats .stats-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.active-equipment-stats .stat-item{background:#ffffff0d;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:6px 10px}.active-equipment-stats .stat-name{color:#ffffffe6;text-transform:capitalize}.active-equipment-stats .stat-boost{color:#4caf50;font-weight:700;text-shadow:0 0 8px #4caf5099}.forfeit-announcement{left:50%;pointer-events:none;position:absolute;text-align:center;top:calc(50% - 100px);transform:translate(-50%,-50%);z-index:250}.forfeit-text{animation:forfeitShake .5s ease-out,forfeitFade 2s ease-out forwards;color:#ff6b6b;font-size:72px;font-weight:900;letter-spacing:3px;margin:0;text-shadow:0 0 30px #ff6b6b,0 0 60px #ff6b6b,0 4px 8px #000c}.forfeit-subtext{animation:forfeitFade 2s ease-out .3s forwards;color:#fff;font-size:32px;font-weight:700;margin-top:10px;text-shadow:0 2px 4px #000c}@keyframes forfeitShake{0%,to{transform:translateX(0)}10%{transform:translateX(-10px)}20%{transform:translateX(10px)}30%{transform:translateX(-10px)}40%{transform:translateX(10px)}50%{transform:translateX(-10px)}60%{transform:translateX(10px)}70%{transform:translateX(-10px)}80%{transform:translateX(10px)}90%{transform:translateX(-10px)}}@keyframes forfeitFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.timer-circle{height:80px;position:relative;width:80px}.timer-svg{height:100%;transform:rotate(-90deg);width:100%}.timer-background{fill:none;stroke:#ffffff1a;stroke-width:8}.timer-progress{fill:none;stroke:#4ecdc4;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s linear,stroke .3s ease}.timer-warning .timer-progress{stroke:gold}.timer-critical .timer-progress{stroke:#ff6b6b;animation:timerCritical .5s ease-in-out infinite}@keyframes timerCritical{0%,to{opacity:1}50%{opacity:.5}}.timer-text{color:#4ecdc4;font-size:28px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.timer-warning .timer-text{color:gold}.timer-critical .timer-text{animation:timerShake .3s ease-in-out infinite;color:#ff6b6b}@keyframes timerShake{0%,to{transform:translate(-50%,-50%) rotate(0deg)}25%{transform:translate(-50%,-50%) rotate(-5deg)}75%{transform:translate(-50%,-50%) rotate(5deg)}}.game-board.timer-warning-active{animation:warningVignette 1s ease-in-out infinite}@keyframes warningVignette{0%,to{box-shadow:inset 0 0 100px #ffd70000}50%{box-shadow:inset 0 0 100px #ffd70026}}.game-board.timer-critical-active{animation:criticalVignette .5s ease-in-out infinite,criticalShake .15s ease-in-out infinite}@keyframes criticalVignette{0%,to{box-shadow:inset 0 0 150px #ff323233}50%{box-shadow:inset 0 0 150px #ff323266}}@keyframes criticalShake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.timer-urgency-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:background-color .3s ease;z-index:999}.timer-urgency-overlay.warning{background:radial-gradient(ellipse at center,#0000 50%,#ffd70033 100%)}.timer-urgency-overlay.critical{animation:pulseOverlay .5s ease-in-out infinite;background:radial-gradient(ellipse at center,#0000 40%,#ff323259 100%)}@keyframes pulseOverlay{0%,to{opacity:1}50%{opacity:.7}}@keyframes turnBounce{0%{opacity:0;transform:translate3d(-50%,0,0) scale(.5)}50%{transform:translate3d(-50%,0,0) scale(1.05)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px currentColor;opacity:.9}50%{box-shadow:0 0 40px currentColor;opacity:1}}.match-bonus-overlay{align-items:center;animation:matchScreenFlash .6s ease-out,matchOverlayFadeOut .5s ease-in 2s forwards;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:300}@keyframes matchOverlayFadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes matchScreenFlash{0%{background:radial-gradient(circle at center,#ffeb3b66 0,#0000 60%)}20%{background:radial-gradient(circle at center,#ffeb3b99 0,#0000 60%)}to{background:#0000}}.match-bonus-overlay:before{animation:shockwaveExpand 1s ease-out;border:4px solid #ffeb3bcc;border-radius:50%}.match-bonus-overlay:after,.match-bonus-overlay:before{content:"";height:100px;pointer-events:none;position:absolute;width:100px}.match-bonus-overlay:after{animation:shockwaveExpand 1s ease-out .15s;border:3px solid #ffeb3b99;border-radius:50%}@keyframes shockwaveExpand{0%{border-width:4px;height:100px;opacity:1;width:100px}50%{border-width:3px;opacity:.7}to{border-width:1px;height:600px;opacity:0;width:600px}}.match-starburst{height:100%;pointer-events:none;position:absolute;width:100%}.star-ray{animation:rayPulse .6s ease-out,rayFadeOut 1.5s ease-out .5s forwards;background:linear-gradient(180deg,#0000 0,#ffeb3bcc 30%,#ffeb3b66 50%,#ffeb3b00);box-shadow:0 0 10px #ffeb3b99;filter:blur(1px);height:200px;left:50%;position:absolute;top:50%;transform:translateX(-50%) rotate(var(--rotation));transform-origin:center top;width:4px}@keyframes rayPulse{0%{height:0;opacity:0}50%{height:250px;opacity:1}to{height:200px;opacity:.8}}@keyframes rayFadeOut{0%{opacity:.8}to{opacity:0}}.match-bonus-overlay.player-side{animation:matchScreenFlashLeft .6s ease-out,matchOverlayFadeOut .5s ease-in 2s forwards;justify-content:flex-start;padding-left:10vw}@keyframes matchScreenFlashLeft{0%{background:radial-gradient(circle at 30% 50%,#4caf5080 0,#0000 60%)}20%{background:radial-gradient(circle at 30% 50%,#4caf50b3 0,#0000 60%)}to{background:#0000}}.match-bonus-overlay.opponent-side{animation:matchScreenFlashRight .6s ease-out,matchOverlayFadeOut .5s ease-in 2s forwards;justify-content:flex-end;padding-right:10vw}@keyframes matchScreenFlashRight{0%{background:radial-gradient(circle at 70% 50%,#f4433680 0,#0000 60%)}20%{background:radial-gradient(circle at 70% 50%,#f44336b3 0,#0000 60%)}to{background:#0000}}.combo-bonus-overlay{animation:comboAppear .5s ease-out,comboFadeOut .5s ease-in 2.5s forwards;left:50%;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:350}@keyframes comboAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes comboFadeOut{0%{opacity:1}to{opacity:0}}.combo-icon{animation:comboIconPulse 1s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,215,0,.8));font-size:120px;margin-bottom:20px}@keyframes comboIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.combo-message{color:gold;font-size:72px;font-weight:900;letter-spacing:6px;margin:0 0 20px;text-shadow:0 0 20px gold,0 0 40px #ffd700cc,4px 4px 8px #000000e6;text-transform:uppercase}.combo-details{background:#000000b3;border:3px solid gold;border-radius:15px;display:flex;flex-direction:column;gap:10px;padding:20px 40px}.combo-player{color:#4caf50;font-size:28px;font-weight:700;text-shadow:0 0 10px #4caf50cc}.combo-multiplier{color:#ff9800;font-weight:900;text-shadow:0 0 15px #ff9800cc}.modifiers-panel{display:none;max-width:280px;min-width:220px;position:fixed;right:10px;top:10px;z-index:100}.modifiers-panel,.modifiers-panel-sidebar{background:linear-gradient(135deg,#1a1a2ef2,#2c2c54f2);border:2px solid gold;border-radius:12px;box-shadow:0 4px 20px #ffd7004d;padding:12px}.modifiers-panel-sidebar{margin:15px 0}.modifiers-panel h4,.modifiers-panel-sidebar h4{color:gold;font-size:14px;letter-spacing:1px;margin:0 0 10px;text-align:center;text-transform:uppercase}.modifier-item{background:#ffffff1a;border-radius:6px;display:flex;flex-direction:column;gap:2px;margin-bottom:6px;padding:6px 8px}.modifier-name{color:#4caf50;font-size:11px;font-weight:700;text-transform:uppercase}.modifier-desc{color:#bbb;font-size:10px;line-height:1.3}.boosted-element{background:#ffeb3b33;border:1px solid #ffeb3b;border-radius:6px;color:#ffeb3b;font-size:11px;font-weight:700;margin-top:8px;padding:6px;text-align:center}.element-particles{animation:particleBurst .6s ease-out;height:100%;overflow:hidden;position:absolute;width:100%}@keyframes particleBurst{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.particle{animation:particleFloat 2.5s ease-out forwards,particleSpin 2.5s linear forwards;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;filter:blur(.5px);height:24px;opacity:0;transform-style:preserve-3d;width:24px;will-change:transform,opacity}@keyframes particleFloat{0%{opacity:1;transform:translate(0) scale(1.5) rotate(0deg)}10%{opacity:1;transform:translate(calc(var(--tx)*.1),calc(var(--ty)*.1)) scale(1.4) rotate(36deg)}50%{opacity:.8;transform:translate(calc(var(--tx)*.5),calc(var(--ty)*.5)) scale(1) rotate(180deg)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.2) rotate(1turn)}}@keyframes particleSpin{0%{filter:blur(0) brightness(1.5)}50%{filter:blur(1px) brightness(2)}to{filter:blur(2px) brightness(.5)}}.fire-particles .particle{background:radial-gradient(circle,#ff0 0,#ff6b00 40%,red 100%);box-shadow:0 0 25px #ff6b00,0 0 40px #f30,inset 0 0 10px #fa0}.fire-particles .particle:first-child{--tx:200px;--ty:-300px;animation-delay:0s;left:50%;top:50%}.fire-particles .particle:nth-child(2){--tx:-200px;--ty:-300px;animation-delay:.1s;left:50%;top:50%}.fire-particles .particle:nth-child(3){--tx:300px;--ty:-200px;animation-delay:.2s;left:50%;top:50%}.fire-particles .particle:nth-child(4){--tx:-300px;--ty:-200px;animation-delay:.3s;left:50%;top:50%}.fire-particles .particle:nth-child(5){--tx:250px;--ty:200px;animation-delay:.4s;left:50%;top:50%}.fire-particles .particle:nth-child(6){--tx:-250px;--ty:200px;animation-delay:.5s;left:50%;top:50%}.fire-particles .particle:nth-child(7){--tx:350px;--ty:0px;animation-delay:.6s;left:50%;top:50%}.fire-particles .particle:nth-child(8){--tx:-350px;--ty:0px;animation-delay:.7s;left:50%;top:50%}.fire-particles .particle:nth-child(9){--tx:150px;--ty:-250px;animation-delay:.8s;left:50%;top:50%}.fire-particles .particle:nth-child(10){--tx:-150px;--ty:-250px;animation-delay:.9s;left:50%;top:50%}.fire-particles .particle:nth-child(11){--tx:100px;--ty:300px;animation-delay:1s;left:50%;top:50%}.fire-particles .particle:nth-child(12){--tx:-100px;--ty:300px;animation-delay:1.1s;left:50%;top:50%}.fire-particles .particle:nth-child(13){--tx:280px;--ty:-150px;animation-delay:1.2s;left:50%;top:50%}.fire-particles .particle:nth-child(14){--tx:-280px;--ty:-150px;animation-delay:1.3s;left:50%;top:50%}.fire-particles .particle:nth-child(15){--tx:320px;--ty:150px;animation-delay:1.4s;left:50%;top:50%}.fire-particles .particle:nth-child(16){--tx:-320px;--ty:150px;animation-delay:1.5s;left:50%;top:50%}.fire-particles .particle:nth-child(17){--tx:180px;--ty:-280px;animation-delay:1.6s;left:50%;top:50%}.fire-particles .particle:nth-child(18){--tx:-180px;--ty:-280px;animation-delay:1.7s;left:50%;top:50%}.fire-particles .particle:nth-child(19){--tx:220px;--ty:250px;animation-delay:1.8s;left:50%;top:50%}.fire-particles .particle:nth-child(20){--tx:-220px;--ty:250px;animation-delay:1.9s;left:50%;top:50%}.ice-particles .particle{background:radial-gradient(circle,#fff 0,#00d4ff 40%,#0095ff 100%);box-shadow:0 0 25px #00d4ff,0 0 40px #0af,inset 0 0 10px #fff}.ice-particles .particle:nth-child(n){left:50%;top:50%}.ice-particles .particle:first-child{--tx:200px;--ty:-300px;animation-delay:0s}.ice-particles .particle:nth-child(2){--tx:-200px;--ty:-300px;animation-delay:.1s}.ice-particles .particle:nth-child(3){--tx:300px;--ty:-200px;animation-delay:.2s}.ice-particles .particle:nth-child(4){--tx:-300px;--ty:-200px;animation-delay:.3s}.ice-particles .particle:nth-child(5){--tx:250px;--ty:200px;animation-delay:.4s}.ice-particles .particle:nth-child(6){--tx:-250px;--ty:200px;animation-delay:.5s}.ice-particles .particle:nth-child(7){--tx:350px;--ty:0px;animation-delay:.6s}.ice-particles .particle:nth-child(8){--tx:-350px;--ty:0px;animation-delay:.7s}.ice-particles .particle:nth-child(9){--tx:150px;--ty:-250px;animation-delay:.8s}.ice-particles .particle:nth-child(10){--tx:-150px;--ty:-250px;animation-delay:.9s}.ice-particles .particle:nth-child(11){--tx:100px;--ty:300px;animation-delay:1s}.ice-particles .particle:nth-child(12){--tx:-100px;--ty:300px;animation-delay:1.1s}.ice-particles .particle:nth-child(13){--tx:280px;--ty:-150px;animation-delay:1.2s}.ice-particles .particle:nth-child(14){--tx:-280px;--ty:-150px;animation-delay:1.3s}.ice-particles .particle:nth-child(15){--tx:320px;--ty:150px;animation-delay:1.4s}.ice-particles .particle:nth-child(16){--tx:-320px;--ty:150px;animation-delay:1.5s}.ice-particles .particle:nth-child(17){--tx:180px;--ty:-280px;animation-delay:1.6s}.ice-particles .particle:nth-child(18){--tx:-180px;--ty:-280px;animation-delay:1.7s}.ice-particles .particle:nth-child(19){--tx:220px;--ty:250px;animation-delay:1.8s}.ice-particles .particle:nth-child(20){--tx:-220px;--ty:250px;animation-delay:1.9s}.water-particles .particle{background:radial-gradient(circle,#00a8ff 0,#06c 100%);box-shadow:0 0 20px #00a8ff}.water-particles .particle:nth-child(n){left:50%;top:50%}.water-particles .particle:first-child{--tx:200px;--ty:-300px;animation-delay:0s}.water-particles .particle:nth-child(2){--tx:-200px;--ty:-300px;animation-delay:.1s}.water-particles .particle:nth-child(3){--tx:300px;--ty:-200px;animation-delay:.2s}.water-particles .particle:nth-child(4){--tx:-300px;--ty:-200px;animation-delay:.3s}.water-particles .particle:nth-child(5){--tx:250px;--ty:200px;animation-delay:.4s}.water-particles .particle:nth-child(6){--tx:-250px;--ty:200px;animation-delay:.5s}.water-particles .particle:nth-child(7){--tx:350px;--ty:0px;animation-delay:.6s}.water-particles .particle:nth-child(8){--tx:-350px;--ty:0px;animation-delay:.7s}.water-particles .particle:nth-child(9){--tx:150px;--ty:-250px;animation-delay:.8s}.water-particles .particle:nth-child(10){--tx:-150px;--ty:-250px;animation-delay:.9s}.water-particles .particle:nth-child(11){--tx:100px;--ty:300px;animation-delay:1s}.water-particles .particle:nth-child(12){--tx:-100px;--ty:300px;animation-delay:1.1s}.water-particles .particle:nth-child(13){--tx:280px;--ty:-150px;animation-delay:1.2s}.water-particles .particle:nth-child(14){--tx:-280px;--ty:-150px;animation-delay:1.3s}.water-particles .particle:nth-child(15){--tx:320px;--ty:150px;animation-delay:1.4s}.water-particles .particle:nth-child(16){--tx:-320px;--ty:150px;animation-delay:1.5s}.water-particles .particle:nth-child(17){--tx:180px;--ty:-280px;animation-delay:1.6s}.water-particles .particle:nth-child(18){--tx:-180px;--ty:-280px;animation-delay:1.7s}.water-particles .particle:nth-child(19){--tx:220px;--ty:250px;animation-delay:1.8s}.water-particles .particle:nth-child(20){--tx:-220px;--ty:250px;animation-delay:1.9s}.electricity-particles .particle{animation:electricPulse .1s ease-in-out infinite alternate,particleFloat 2.5s ease-out forwards;background:radial-gradient(circle,#fff 0,#ff0 30%,#fa0 100%);box-shadow:0 0 30px #ff0,0 0 50px #fa0,inset 0 0 15px #fff}@keyframes electricPulse{0%{box-shadow:0 0 30px #ff0,0 0 50px #fa0,inset 0 0 15px #fff}to{box-shadow:0 0 40px #ff0,0 0 60px #fa0,inset 0 0 20px #fff}}.electricity-particles .particle:nth-child(n){left:50%;top:50%}.electricity-particles .particle:first-child{--tx:200px;--ty:-300px;animation-delay:0s}.electricity-particles .particle:nth-child(2){--tx:-200px;--ty:-300px;animation-delay:.1s}.electricity-particles .particle:nth-child(3){--tx:300px;--ty:-200px;animation-delay:.2s}.electricity-particles .particle:nth-child(4){--tx:-300px;--ty:-200px;animation-delay:.3s}.electricity-particles .particle:nth-child(5){--tx:250px;--ty:200px;animation-delay:.4s}.electricity-particles .particle:nth-child(6){--tx:-250px;--ty:200px;animation-delay:.5s}.electricity-particles .particle:nth-child(7){--tx:350px;--ty:0px;animation-delay:.6s}.electricity-particles .particle:nth-child(8){--tx:-350px;--ty:0px;animation-delay:.7s}.electricity-particles .particle:nth-child(9){--tx:150px;--ty:-250px;animation-delay:.8s}.electricity-particles .particle:nth-child(10){--tx:-150px;--ty:-250px;animation-delay:.9s}.electricity-particles .particle:nth-child(11){--tx:100px;--ty:300px;animation-delay:1s}.electricity-particles .particle:nth-child(12){--tx:-100px;--ty:300px;animation-delay:1.1s}.electricity-particles .particle:nth-child(13){--tx:280px;--ty:-150px;animation-delay:1.2s}.electricity-particles .particle:nth-child(14){--tx:-280px;--ty:-150px;animation-delay:1.3s}.electricity-particles .particle:nth-child(15){--tx:320px;--ty:150px;animation-delay:1.4s}.electricity-particles .particle:nth-child(16){--tx:-320px;--ty:150px;animation-delay:1.5s}.electricity-particles .particle:nth-child(17){--tx:180px;--ty:-280px;animation-delay:1.6s}.electricity-particles .particle:nth-child(18){--tx:-180px;--ty:-280px;animation-delay:1.7s}.electricity-particles .particle:nth-child(19){--tx:220px;--ty:250px;animation-delay:1.8s}.electricity-particles .particle:nth-child(20){--tx:-220px;--ty:250px;animation-delay:1.9s}.earth-particles .particle{background:radial-gradient(circle,#8b4513 0,#654321 100%);box-shadow:0 0 20px #8b4513}.earth-particles .particle:nth-child(n){left:50%;top:50%}.earth-particles .particle:first-child{--tx:200px;--ty:-300px;animation-delay:0s}.earth-particles .particle:nth-child(2){--tx:-200px;--ty:-300px;animation-delay:.1s}.earth-particles .particle:nth-child(3){--tx:300px;--ty:-200px;animation-delay:.2s}.earth-particles .particle:nth-child(4){--tx:-300px;--ty:-200px;animation-delay:.3s}.earth-particles .particle:nth-child(5){--tx:250px;--ty:200px;animation-delay:.4s}.earth-particles .particle:nth-child(6){--tx:-250px;--ty:200px;animation-delay:.5s}.earth-particles .particle:nth-child(7){--tx:350px;--ty:0px;animation-delay:.6s}.earth-particles .particle:nth-child(8){--tx:-350px;--ty:0px;animation-delay:.7s}.earth-particles .particle:nth-child(9){--tx:150px;--ty:-250px;animation-delay:.8s}.earth-particles .particle:nth-child(10){--tx:-150px;--ty:-250px;animation-delay:.9s}.earth-particles .particle:nth-child(11){--tx:100px;--ty:300px;animation-delay:1s}.earth-particles .particle:nth-child(12){--tx:-100px;--ty:300px;animation-delay:1.1s}.earth-particles .particle:nth-child(13){--tx:280px;--ty:-150px;animation-delay:1.2s}.earth-particles .particle:nth-child(14){--tx:-280px;--ty:-150px;animation-delay:1.3s}.earth-particles .particle:nth-child(15){--tx:320px;--ty:150px;animation-delay:1.4s}.earth-particles .particle:nth-child(16){--tx:-320px;--ty:150px;animation-delay:1.5s}.earth-particles .particle:nth-child(17){--tx:180px;--ty:-280px;animation-delay:1.6s}.earth-particles .particle:nth-child(18){--tx:-180px;--ty:-280px;animation-delay:1.7s}.earth-particles .particle:nth-child(19){--tx:220px;--ty:250px;animation-delay:1.8s}.earth-particles .particle:nth-child(20){--tx:-220px;--ty:250px;animation-delay:1.9s}.power-particles .particle{background:radial-gradient(circle,#f0f 0,#a0a 100%);box-shadow:0 0 20px #f0f}.power-particles .particle:nth-child(n){left:50%;top:50%}.power-particles .particle:first-child{--tx:200px;--ty:-300px;animation-delay:0s}.power-particles .particle:nth-child(2){--tx:-200px;--ty:-300px;animation-delay:.1s}.power-particles .particle:nth-child(3){--tx:300px;--ty:-200px;animation-delay:.2s}.power-particles .particle:nth-child(4){--tx:-300px;--ty:-200px;animation-delay:.3s}.power-particles .particle:nth-child(5){--tx:250px;--ty:200px;animation-delay:.4s}.power-particles .particle:nth-child(6){--tx:-250px;--ty:200px;animation-delay:.5s}.power-particles .particle:nth-child(7){--tx:350px;--ty:0px;animation-delay:.6s}.power-particles .particle:nth-child(8){--tx:-350px;--ty:0px;animation-delay:.7s}.power-particles .particle:nth-child(9){--tx:150px;--ty:-250px;animation-delay:.8s}.power-particles .particle:nth-child(10){--tx:-150px;--ty:-250px;animation-delay:.9s}.power-particles .particle:nth-child(11){--tx:100px;--ty:300px;animation-delay:1s}.power-particles .particle:nth-child(12){--tx:-100px;--ty:300px;animation-delay:1.1s}.power-particles .particle:nth-child(13){--tx:280px;--ty:-150px;animation-delay:1.2s}.power-particles .particle:nth-child(14){--tx:-280px;--ty:-150px;animation-delay:1.3s}.power-particles .particle:nth-child(15){--tx:320px;--ty:150px;animation-delay:1.4s}.power-particles .particle:nth-child(16){--tx:-320px;--ty:150px;animation-delay:1.5s}.power-particles .particle:nth-child(17){--tx:180px;--ty:-280px;animation-delay:1.6s}.power-particles .particle:nth-child(18){--tx:-180px;--ty:-280px;animation-delay:1.7s}.power-particles .particle:nth-child(19){--tx:220px;--ty:250px;animation-delay:1.8s}.power-particles .particle:nth-child(20){--tx:-220px;--ty:250px;animation-delay:1.9s}.light-particles .particle{animation:lightSparkle .3s ease-in-out infinite alternate,particleFloat 2.5s ease-out forwards;background:radial-gradient(circle,#fff 0,#ffeb3b 30%,#fff9c4 100%);box-shadow:0 0 40px #ffeb3b,0 0 60px #fdd835,inset 0 0 20px #fff}@keyframes lightSparkle{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.3)}}.light-particles .particle:nth-child(n){left:50%;top:50%}.light-particles .particle:first-child{--tx:200px;--ty:-300px;animation-delay:0s}.light-particles .particle:nth-child(2){--tx:-200px;--ty:-300px;animation-delay:.1s}.light-particles .particle:nth-child(3){--tx:300px;--ty:-200px;animation-delay:.2s}.light-particles .particle:nth-child(4){--tx:-300px;--ty:-200px;animation-delay:.3s}.light-particles .particle:nth-child(5){--tx:250px;--ty:200px;animation-delay:.4s}.light-particles .particle:nth-child(6){--tx:-250px;--ty:200px;animation-delay:.5s}.light-particles .particle:nth-child(7){--tx:350px;--ty:0px;animation-delay:.6s}.light-particles .particle:nth-child(8){--tx:-350px;--ty:0px;animation-delay:.7s}.light-particles .particle:nth-child(9){--tx:150px;--ty:-250px;animation-delay:.8s}.light-particles .particle:nth-child(10){--tx:-150px;--ty:-250px;animation-delay:.9s}.light-particles .particle:nth-child(11){--tx:100px;--ty:300px;animation-delay:1s}.light-particles .particle:nth-child(12){--tx:-100px;--ty:300px;animation-delay:1.1s}.light-particles .particle:nth-child(13){--tx:280px;--ty:-150px;animation-delay:1.2s}.light-particles .particle:nth-child(14){--tx:-280px;--ty:-150px;animation-delay:1.3s}.light-particles .particle:nth-child(15){--tx:320px;--ty:150px;animation-delay:1.4s}.light-particles .particle:nth-child(16){--tx:-320px;--ty:150px;animation-delay:1.5s}.light-particles .particle:nth-child(17){--tx:180px;--ty:-280px;animation-delay:1.6s}.light-particles .particle:nth-child(18){--tx:-180px;--ty:-280px;animation-delay:1.7s}.light-particles .particle:nth-child(19){--tx:220px;--ty:250px;animation-delay:1.8s}.light-particles .particle:nth-child(20){--tx:-220px;--ty:250px;animation-delay:1.9s}.dark-particles .particle{background:radial-gradient(circle,#9c27b0 0,#4a148c 100%);box-shadow:0 0 30px #9c27b0}.dark-particles .particle:nth-child(n){left:50%;top:50%}.dark-particles .particle:first-child{--tx:200px;--ty:-300px;animation-delay:0s}.dark-particles .particle:nth-child(2){--tx:-200px;--ty:-300px;animation-delay:.1s}.dark-particles .particle:nth-child(3){--tx:300px;--ty:-200px;animation-delay:.2s}.dark-particles .particle:nth-child(4){--tx:-300px;--ty:-200px;animation-delay:.3s}.dark-particles .particle:nth-child(5){--tx:250px;--ty:200px;animation-delay:.4s}.dark-particles .particle:nth-child(6){--tx:-250px;--ty:200px;animation-delay:.5s}.dark-particles .particle:nth-child(7){--tx:350px;--ty:0px;animation-delay:.6s}.dark-particles .particle:nth-child(8){--tx:-350px;--ty:0px;animation-delay:.7s}.dark-particles .particle:nth-child(9){--tx:150px;--ty:-250px;animation-delay:.8s}.dark-particles .particle:nth-child(10){--tx:-150px;--ty:-250px;animation-delay:.9s}.dark-particles .particle:nth-child(11){--tx:100px;--ty:300px;animation-delay:1s}.dark-particles .particle:nth-child(12){--tx:-100px;--ty:300px;animation-delay:1.1s}.dark-particles .particle:nth-child(13){--tx:280px;--ty:-150px;animation-delay:1.2s}.dark-particles .particle:nth-child(14){--tx:-280px;--ty:-150px;animation-delay:1.3s}.dark-particles .particle:nth-child(15){--tx:320px;--ty:150px;animation-delay:1.4s}.dark-particles .particle:nth-child(16){--tx:-320px;--ty:150px;animation-delay:1.5s}.dark-particles .particle:nth-child(17){--tx:180px;--ty:-280px;animation-delay:1.6s}.dark-particles .particle:nth-child(18){--tx:-180px;--ty:-280px;animation-delay:1.7s}.dark-particles .particle:nth-child(19){--tx:220px;--ty:250px;animation-delay:1.8s}.dark-particles .particle:nth-child(20){--tx:-220px;--ty:250px;animation-delay:1.9s}.neutral-particles .particle{background:radial-gradient(circle,#9e9e9e 0,#616161 100%);box-shadow:0 0 25px #9e9e9e}.neutral-particles .particle:nth-child(n){left:50%;top:50%}.neutral-particles .particle:first-child{--tx:200px;--ty:-300px;animation-delay:0s}.neutral-particles .particle:nth-child(2){--tx:-200px;--ty:-300px;animation-delay:.1s}.neutral-particles .particle:nth-child(3){--tx:300px;--ty:-200px;animation-delay:.2s}.neutral-particles .particle:nth-child(4){--tx:-300px;--ty:-200px;animation-delay:.3s}.neutral-particles .particle:nth-child(5){--tx:250px;--ty:200px;animation-delay:.4s}.neutral-particles .particle:nth-child(6){--tx:-250px;--ty:200px;animation-delay:.5s}.neutral-particles .particle:nth-child(7){--tx:350px;--ty:0px;animation-delay:.6s}.neutral-particles .particle:nth-child(8){--tx:-350px;--ty:0px;animation-delay:.7s}.neutral-particles .particle:nth-child(9){--tx:150px;--ty:-250px;animation-delay:.8s}.neutral-particles .particle:nth-child(10){--tx:-150px;--ty:-250px;animation-delay:.9s}.neutral-particles .particle:nth-child(11){--tx:100px;--ty:300px;animation-delay:1s}.neutral-particles .particle:nth-child(12){--tx:-100px;--ty:300px;animation-delay:1.1s}.neutral-particles .particle:nth-child(13){--tx:280px;--ty:-150px;animation-delay:1.2s}.neutral-particles .particle:nth-child(14){--tx:-280px;--ty:-150px;animation-delay:1.3s}.neutral-particles .particle:nth-child(15){--tx:320px;--ty:150px;animation-delay:1.4s}.neutral-particles .particle:nth-child(16){--tx:-320px;--ty:150px;animation-delay:1.5s}.neutral-particles .particle:nth-child(17){--tx:180px;--ty:-280px;animation-delay:1.6s}.neutral-particles .particle:nth-child(18){--tx:-180px;--ty:-280px;animation-delay:1.7s}.neutral-particles .particle:nth-child(19){--tx:220px;--ty:250px;animation-delay:1.8s}.neutral-particles .particle:nth-child(20){--tx:-220px;--ty:250px;animation-delay:1.9s}.match-bonus-text{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:matchBonusExplode .6s cubic-bezier(.34,1.56,.64,1),matchTextPulse .4s ease-in-out .6s 3,matchGradientShift 2s ease-in-out infinite,matchTextFadeOut .5s ease-in 2s forwards;background:linear-gradient(135deg,gold,#ffed4e 25%,#fff9c4 50%,#ffed4e 75%,gold);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 15px rgba(255,235,59,1)) drop-shadow(0 0 30px rgba(255,193,7,.8)) drop-shadow(0 4px 8px rgba(0,0,0,.9));font-size:32px;font-weight:900;letter-spacing:4px;position:relative;text-align:center;text-rendering:optimizeLegibility;text-shadow:0 0 20px #ffeb3b,0 0 40px #ffc107e6,0 0 60px #ffd700b3,3px 3px 8px #000;transform-origin:center center;z-index:301}@keyframes matchTextFadeOut{0%{opacity:1;transform:scale(1) rotate(0deg)}to{opacity:0;transform:scale(.8) rotate(0deg)}}@keyframes matchBonusExplode{0%{filter:drop-shadow(0 0 10px rgba(255,235,59,.5)) drop-shadow(0 0 20px rgba(255,193,7,.3));opacity:0;transform:scale(0) rotate(-15deg)}50%{filter:drop-shadow(0 0 25px rgba(255,235,59,1)) drop-shadow(0 0 40px rgba(255,193,7,1));opacity:1;transform:scale(1.2) rotate(5deg)}70%{filter:drop-shadow(0 0 20px rgba(255,235,59,.9)) drop-shadow(0 0 35px rgba(255,193,7,.8));transform:scale(.95) rotate(-2deg)}to{filter:drop-shadow(0 0 15px rgba(255,235,59,1)) drop-shadow(0 0 30px rgba(255,193,7,.8));opacity:1;transform:scale(1) rotate(0deg)}}@keyframes matchGradientShift{0%,to{filter:drop-shadow(0 0 15px rgba(255,235,59,1)) drop-shadow(0 0 30px rgba(255,193,7,.8)) drop-shadow(0 4px 8px rgba(0,0,0,.9))}50%{filter:drop-shadow(0 0 25px rgba(255,235,59,1)) drop-shadow(0 0 45px rgba(255,193,7,1)) drop-shadow(0 4px 8px rgba(0,0,0,.9))}}@keyframes matchTextPulse{0%,to{filter:drop-shadow(0 0 15px rgba(255,235,59,1)) drop-shadow(0 0 30px rgba(255,193,7,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(255,235,59,1)) drop-shadow(0 0 45px rgba(255,193,7,1));transform:scale(1.08)}}.bonus-subtitle{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:subtitleSlideUp .5s ease-out .3s both,subtitleGlow .4s ease-in-out .8s 4;background:linear-gradient(135deg,#6f6,#4caf50 50%,#6f6);-webkit-background-clip:text;background-clip:text;display:block;filter:drop-shadow(0 0 20px rgba(76,175,80,1)) drop-shadow(0 0 40px rgba(76,175,80,.7)) drop-shadow(0 3px 6px rgba(0,0,0,.9));font-size:18px;font-weight:900;letter-spacing:3px;margin-top:10px;text-rendering:optimizeLegibility;text-shadow:0 0 15px #4caf50,0 0 30px #4caf50e6,0 0 45px #4caf5099,2px 2px 6px #000}@keyframes subtitleSlideUp{0%{filter:blur(5px) drop-shadow(0 0 0 rgba(76,175,80,0));opacity:0;transform:translateY(50px)}to{filter:blur(0) drop-shadow(0 0 15px rgba(76,175,80,.8)) drop-shadow(0 0 30px rgba(76,175,80,.5));opacity:1;transform:translateY(0)}}@keyframes subtitleGlow{0%,to{filter:drop-shadow(0 0 15px rgba(76,175,80,.8)) drop-shadow(0 0 30px rgba(76,175,80,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(76,175,80,1)) drop-shadow(0 0 60px rgba(76,175,80,.8));transform:scale(1.1)}}.card-preview-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;pointer-events:all;position:fixed;top:0;width:100vw;z-index:400}.card-preview-container{align-items:center;animation:cardPreviewShow 1s ease-out forwards;display:flex;flex-direction:column;gap:20px;pointer-events:none;transform:scale(3)}.card-preview-actions{display:flex;gap:6px;margin-top:8px;pointer-events:all}.back-to-deck-btn,.confirm-card-btn{border:2px solid #fffc;border-radius:20px;box-shadow:0 2px 4px #0000004d;cursor:pointer;font-size:8px;font-weight:700;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase;transition:all .3s ease}.confirm-card-btn{background:#0000;border-color:#4caf50cc;color:#fff;text-shadow:0 1px 2px #000c}.confirm-card-btn:hover{background:#45a0494d;border-color:#4caf50;box-shadow:0 3px 8px #4caf5080;transform:translateY(-1px)}.back-to-deck-btn{background:#0000;border-color:#f44336cc;color:#fff;text-shadow:0 1px 2px #000c}.back-to-deck-btn:hover{background:#d32f2f4d;border-color:#f44336;box-shadow:0 3px 8px #f4433680;transform:translateY(-1px)}.graveyard-preview-container{animation:graveyardShow .3s ease-out;background:linear-gradient(135deg,#1a1a2efa,#2c2c54fa);border:3px solid #8b008bcc;border-radius:20px;box-shadow:0 20px 60px #000000e6,0 0 50px #8b008b80;max-height:85vh;max-width:90vw;overflow-y:auto;padding:30px;pointer-events:all}@keyframes graveyardShow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.graveyard-header{align-items:center;border-bottom:2px solid #8b008b80;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.graveyard-header h2{color:#fff;font-size:28px;font-weight:900;margin:0;text-shadow:0 0 20px #8b008bcc}.graveyard-info{color:#ffffffe6;display:flex;flex-direction:column;font-size:14px;gap:5px}.revive-cost{color:#ff6b6b;font-weight:700}.current-score{color:gold;font-weight:700}.close-preview{align-items:center;background:#f443364d;border:2px solid #f44336;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;transition:all .3s;width:40px}.close-preview:hover{background:#f4433699;transform:rotate(90deg)}.graveyard-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:10px}.graveyard-card-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;transition:transform .3s}.graveyard-card-wrapper:hover{transform:scale(1.05);z-index:10}.revive-card-btn{background:linear-gradient(135deg,#8b008be6,#ba55d3e6);border:2px solid #8b008bcc;border-radius:6px;box-shadow:0 0 10px #8b008b99;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-top:8px;padding:8px 12px;text-transform:uppercase;transition:all .3s ease;width:100%}.revive-card-btn:hover:not(:disabled){background:linear-gradient(135deg,#ba55d3,#8b008b);border-color:#ba55d3;box-shadow:0 0 20px #ba55d3cc;transform:translateY(-2px)}.revive-card-btn:disabled{background:#64646480;border-color:#646464cc;box-shadow:none;cursor:not-allowed;opacity:.5}.graveyard-note{background:#8b008b33;border:2px solid #8b008b80;border-radius:8px;color:#fffc;font-size:14px;margin-top:15px;padding:15px;text-align:center}.revive-notification{animation:reviveNotificationPulse .5s ease-out;background:linear-gradient(135deg,#8b008bf2,#4b0082f2);border:3px solid #ba55d3cc;border-radius:15px;box-shadow:0 0 40px #8b008be6,0 0 60px #ba55d399;color:#fff;font-size:20px;font-weight:900;left:50%;padding:30px 50px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10000}@keyframes reviveNotificationPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hand-container{align-items:center;animation:slideUpHand .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#0c0f1ceb,#121628f7 40%,#080a14fc);background-clip:padding-box;border-radius:28px 28px 0 0;border-top:4px solid #0000;bottom:0;box-shadow:0 -15px 50px #000000b3,0 -3px 20px #ffd70040,0 -1px 8px #ffd70066,inset 0 2px 0 #ffffff14,inset 0 -30px 60px #0006;display:flex;flex-direction:row;gap:15px;justify-content:center;left:240px;max-height:220px;padding:15px 30px 10px;pointer-events:none;position:fixed;right:240px;top:auto;z-index:100}.hand-container:before{background:linear-gradient(90deg,#0000,#b48c3c99 10%,#ffd700e6 30%,#fff5b4 50%,#ffd700e6 70%,#b48c3c99 90%,#0000);border-radius:28px 28px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.hand-container:after{background:linear-gradient(90deg,#0000,#ffd70066 20%,#ffd70099 50%,#ffd70066 80%,#0000);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;opacity:.7;position:absolute;top:4px;transform:translateX(-50%);width:120px}@keyframes slideUpHand{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.hand{align-items:flex-end;background:linear-gradient(180deg,#23283c80,#191e32b3 50%,#0f121ed9);border:2px solid #ffd70059;border-radius:18px;box-shadow:inset 0 3px 15px #00000080,inset 0 -3px 15px #0000004d,inset 0 0 30px #0003,inset 0 1px 0 #ffd70026,0 8px 32px #0009;display:flex;flex-wrap:nowrap!important;gap:0;justify-content:center;min-height:160px;overflow:visible;padding:25px 20px 15px;perspective:1500px;pointer-events:all;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}@media (max-width:1024px){.game-board{font-size:14px}.center-battle-area{max-width:calc(100vw - 40px);min-width:250px;padding:12px 20px;top:32%}.center-battle-area h3{font-size:18px}.played-cards-container{gap:6px;padding:4px 6px}.empty-card-slot{font-size:11px;height:125px;width:85px}.turn-text{font-size:18px;padding:8px 16px}.timer-display{font-size:40px}.timer-display-small{font-size:28px;padding:8px 16px}.player-hand{gap:8px}.opponent-area,.player-hand{padding:15px 10px}.score-tracker{padding:12px 20px}.ability-container{max-width:85vw;padding:25px}.ability-title{font-size:26px}.ability-description{font-size:15px}}@media (max-width:768px){.left-sidebar{left:0!important;transform:translateX(-100%)!important}.left-sidebar,.right-sidebar{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:320px!important;position:fixed!important;top:0!important;width:85vw!important;z-index:100!important}.right-sidebar{left:auto!important;right:0!important;transform:translateX(100%)!important}.left-sidebar.visible,.right-sidebar.visible{transform:translateX(0)!important}.sidebar-toggle{box-shadow:0 4px 15px #000000b3!important;display:flex!important;font-size:22px!important;font-weight:700!important;height:90px!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;width:50px!important;z-index:999999!important}.left-sidebar .left-toggle,.left-sidebar.visible .left-toggle,.left-sidebar:not(.visible) .left-toggle,.left-toggle{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0000!important;border:3px solid #ffffff80!important;border-left:none!important;border-radius:0 15px 15px 0!important;display:flex!important;left:0!important;position:fixed!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:999999!important}.right-sidebar .right-toggle,.right-sidebar.visible .right-toggle,.right-sidebar:not(.visible) .right-toggle,.right-toggle{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0000!important;border:3px solid #ffffff80!important;border-radius:15px 0 0 15px!important;border-right:none!important;display:flex!important;left:auto!important;position:fixed!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:999999!important}.sidebar-toggle:active{transform:translateY(-50%) scale(.95)!important}.game-board:has(.game-over-overlay) .left-sidebar,.game-board:has(.game-over-overlay) .right-sidebar,.game-board:has(.game-over-overlay) .sidebar-toggle{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.game-board:has(.left-sidebar.visible) .active-equipment-stats,.game-board:has(.right-sidebar.visible) .active-equipment-stats{display:none!important}.game-board{font-size:12px;height:100dvh}.center-battle-area{border-radius:15px;border-width:2px;gap:6px;max-width:calc(100vw - 20px);min-width:200px;padding:10px 12px;top:30%}.center-battle-area h3{font-size:14px;margin-bottom:4px}.battle-card-row{gap:3px}.played-cards-container{border-radius:10px;flex-wrap:wrap;gap:4px;min-height:30px;padding:3px 5px}.played-card-wrapper{position:relative}.card-round-label{font-size:9px;padding:2px 5px}.empty-card-slot{border-width:2px;font-size:10px;height:105px;width:70px}.player-label{font-size:13px;padding:6px 15px}.hand:before{background:linear-gradient(90deg,#0000,#ffc85066 15%,#ffd700b3 40%,#fff5c8e6 50%,#ffd700b3 60%,#ffc85066 85%,#0000);border-radius:3px;box-shadow:0 0 12px #ffd70066;height:3px;top:-1px;width:70%}.hand:after,.hand:before{content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.hand:after{background:linear-gradient(90deg,#0000,#ffc85033 20%,#ffd70066 50%,#ffc85033 80%,#0000);border-radius:2px;bottom:-1px;height:2px;width:50%}.hand.your-turn{animation:yourTurnGlow 2.5s ease-in-out infinite;background:linear-gradient(180deg,#23322d99,#192823bf 50%,#0f1916e6);border-color:#4caf50b3;box-shadow:inset 0 3px 15px #00000080,inset 0 -3px 15px #0000004d,inset 0 0 40px #4caf501a,inset 0 1px 0 #4caf504d,0 8px 32px #0009,0 0 40px #4caf5059,0 0 80px #4caf5026}.hand.your-turn:before{animation:accentPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3cb45066 15%,#4caf50cc 40%,#96ff96 50%,#4caf50cc 60%,#3cb45066 85%,#0000);box-shadow:0 0 20px #4caf5099;width:80%}.hand.your-turn:after{background:linear-gradient(90deg,#0000,#4caf504d 20%,#4caf5099 50%,#4caf504d 80%,#0000);width:60%}@keyframes yourTurnGlow{0%,to{box-shadow:inset 0 3px 15px #00000080,inset 0 -3px 15px #0000004d,inset 0 0 40px #4caf501a,inset 0 1px 0 #4caf504d,0 8px 32px #0009,0 0 35px #4caf504d,0 0 70px #4caf501f}50%{box-shadow:inset 0 3px 15px #00000080,inset 0 -3px 15px #0000004d,inset 0 0 50px #4caf5026,inset 0 1px 0 #4caf5066,0 8px 32px #0009,0 0 50px #4caf5073,0 0 100px #4caf5033}}@keyframes accentPulse{0%,to{opacity:.9;width:75%}50%{opacity:1;width:85%}}.hand-wrapper{display:flex;justify-content:center;position:relative;width:100%}.hand .card{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));flex-shrink:0;margin:0 0 0 -42px!important;min-width:0;position:relative;transform-origin:bottom center;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.hand .card:first-child{margin-left:0!important;transform:scale(.78) rotate(-14deg) translateY(16px);z-index:1}.hand .card:nth-child(2){transform:scale(.78) rotate(-10deg) translateY(10px);z-index:2}.hand .card:nth-child(3){transform:scale(.78) rotate(-6deg) translateY(5px);z-index:3}.hand .card:nth-child(4){transform:scale(.78) rotate(-3deg) translateY(2px);z-index:4}.hand .card:nth-child(5){transform:scale(.78) rotate(-1deg) translateY(0);z-index:5}.hand .card:nth-child(6){transform:scale(.78) rotate(1deg) translateY(0);z-index:6}.hand .card:nth-child(7){transform:scale(.78) rotate(3deg) translateY(2px);z-index:7}.hand .card:nth-child(8){transform:scale(.78) rotate(6deg) translateY(5px);z-index:8}.hand .card:nth-child(9){transform:scale(.78) rotate(10deg) translateY(10px);z-index:9}.hand .card:nth-child(10){transform:scale(.78) rotate(14deg) translateY(16px);z-index:10}.hand .card.playable:hover{box-shadow:0 30px 60px #000000e6,0 0 50px #ffd70099,0 0 80px #ffd7004d,inset 0 2px 20px #ffffff80;box-shadow:0 30px 60px #000000e6,0 0 50px var(--element-color,#ffd70099),0 0 80px var(--element-color,#ffd7004d),inset 0 2px 20px #ffffff80;cursor:pointer;filter:brightness(1.35) saturate(1.4) drop-shadow(0 20px 40px rgba(0,0,0,.9));margin-left:20px!important;margin-right:20px!important;transform:translateY(-55px) scale(1.18) rotate(0deg)!important;z-index:100!important}.hand .card.playable{cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.hand .card.playable:not(:hover){filter:brightness(.92) drop-shadow(0 4px 8px rgba(0,0,0,.5))}@keyframes cardShine{0%{background-position:-100% 0}to{background-position:200% 0}}.hand .card.playable:after{animation:cardShine 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0d 40%,#ffffff26 50%,#ffffff0d 60%,#0000);background-size:200% 100%;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes handPeek{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hand.your-turn .card.playable{animation:handPeek 3s ease-in-out infinite;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.1s)}.hand.your-turn .card{animation:handPeek 4s ease-in-out infinite}.hand.your-turn .card:first-child{animation-delay:0s}.hand.your-turn .card:nth-child(2){animation-delay:.1s}.hand.your-turn .card:nth-child(3){animation-delay:.2s}.hand.your-turn .card:nth-child(4){animation-delay:.3s}.hand.your-turn .card:nth-child(5){animation-delay:.4s}.hand.your-turn .card:nth-child(6){animation-delay:.5s}.hand.your-turn .card:nth-child(7){animation-delay:.6s}@keyframes cardDraw{0%{opacity:0;transform:translateY(200px) rotate(20deg) scale(.5)}60%{opacity:1;transform:translateY(-20px) rotate(-5deg) scale(1.1)}to{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}.hand .card{animation:cardDraw .6s cubic-bezier(.34,1.56,.64,1)}.hand .card:first-child{animation-delay:0s}.hand .card:nth-child(2){animation-delay:.04s}.hand .card:nth-child(3){animation-delay:.08s}.hand .card:nth-child(4){animation-delay:.12s}.hand .card:nth-child(5){animation-delay:.16s}.hand .card:nth-child(6){animation-delay:.2s}.hand .card:nth-child(7){animation-delay:.24s}.hand .card:nth-child(8){animation-delay:.28s}.hand .card:nth-child(9){animation-delay:.32s}.hand .card:nth-child(10){animation-delay:.36s}.hand-controls{display:flex;gap:8px;margin-bottom:10px;pointer-events:all}.sort-button{background:linear-gradient(135deg,#4a90e24d,#357abd4d);border:2px solid #4a90e280;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.sort-button:hover{background:linear-gradient(135deg,#4a90e280,#357abd80);border-color:#4a90e2cc;box-shadow:0 4px 12px #4a90e266;transform:translateY(-2px)}.sort-button.active{background:linear-gradient(135deg,#4caf5080,#388e3c80);border-color:#4caf50cc;box-shadow:0 0 15px #4caf5099}.sort-button span{margin-right:5px}.hand-container{bottom:0!important;left:50%!important;padding:10px 5px 8px;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:100%}.hand-container .hand-label{font-size:12px;letter-spacing:1px;margin-bottom:8px;padding:6px 12px}.hand-label-icon{font-size:14px}.hand-capacity{font-size:10px;padding:2px 6px}.hand{background-clip:padding-box,border-box!important;background-image:linear-gradient(135deg,#00000080,#14142899),linear-gradient(135deg,gold,#4a90e2,#9b59b6,#e74c3c,gold)!important;background-origin:border-box!important;border:4px solid #0000!important;flex-wrap:nowrap!important;min-height:110px;outline:2px solid #ffd700cc!important;outline-offset:2px!important;padding:12px 5px 8px}.hand .card{margin:0 0 0 -30px!important}.hand .card:first-child{margin-left:0!important;transform:scale(.68) rotate(-15deg) translateY(16px)}.hand .card:nth-child(2){transform:scale(.68) rotate(-11deg) translateY(11px)}.hand .card:nth-child(3){transform:scale(.68) rotate(-8deg) translateY(7px)}.hand .card:nth-child(4){transform:scale(.68) rotate(-4deg) translateY(4px)}.hand .card:nth-child(5){transform:scale(.68) rotate(-1deg) translateY(1px)}.hand .card:nth-child(6){transform:scale(.68) rotate(1deg) translateY(1px)}.hand .card:nth-child(7){transform:scale(.68) rotate(4deg) translateY(4px)}.hand .card:nth-child(8){transform:scale(.68) rotate(8deg) translateY(7px)}.hand .card:nth-child(9){transform:scale(.68) rotate(11deg) translateY(11px)}.hand .card:nth-child(10){transform:scale(.68) rotate(15deg) translateY(16px)}.hand .card.playable:hover{margin-left:10px!important;margin-right:10px!important;transform:translateY(-45px) scale(1.05) rotate(0deg)!important}.hand-controls{gap:6px;margin-bottom:8px}.sort-button{font-size:10px;padding:5px 10px}}@media (max-width:480px){.hand-container{left:50%!important;padding:6px 2px 4px;right:auto!important;transform:translateX(-50%)!important;width:100%}.hand{background-clip:padding-box,border-box!important;background-image:linear-gradient(135deg,#00000080,#14142899),linear-gradient(135deg,gold,#4a90e2,#9b59b6,#e74c3c,gold)!important;background-origin:border-box!important;border:2px solid #0000!important;flex-wrap:nowrap!important;min-height:85px;outline:2px solid #ffd700cc!important;outline-offset:1px!important;padding:8px 3px 6px}.hand .card{margin:0 0 0 -28px!important}.hand .card:first-child{margin-left:0!important;transform:scale(.55) rotate(-14deg) translateY(14px)}.hand .card:nth-child(2){transform:scale(.55) rotate(-10deg) translateY(9px)}.hand .card:nth-child(3){transform:scale(.55) rotate(-7deg) translateY(5px)}.hand .card:nth-child(4){transform:scale(.55) rotate(-4deg) translateY(3px)}.hand .card:nth-child(5){transform:scale(.55) rotate(-1deg) translateY(1px)}.hand .card:nth-child(6){transform:scale(.55) rotate(1deg) translateY(1px)}.hand .card:nth-child(7){transform:scale(.55) rotate(4deg) translateY(3px)}.hand .card:nth-child(8){transform:scale(.55) rotate(7deg) translateY(5px)}.hand .card:nth-child(9){transform:scale(.55) rotate(10deg) translateY(9px)}.hand .card:nth-child(10){transform:scale(.55) rotate(14deg) translateY(14px)}.hand .card.playable:hover{margin-left:8px!important;margin-right:8px!important;transform:translateY(-35px) scale(.95) rotate(0deg)!important}.turn-announcement{top:30%!important;transform:translateX(-50%)!important}.your-turn-announcement{bottom:auto!important;top:48%!important;transform:translateX(-50%)!important}.turn-text{border-width:3px;font-size:16px;padding:6px 12px}.turn-announcement-avatar{height:45px;margin-bottom:6px;width:45px}.turn-avatar-icon{font-size:24px}.timer-display{font-size:32px;margin-top:8px}.ai-thinking{font-size:18px}.floating-timer{left:50%;top:15px;transform:translateX(-50%)}.timer-display-small{font-size:24px;padding:6px 12px}.active-equipment-stats{left:50%;max-width:250px;min-width:180px;padding:6px;top:60px;transform:translateX(-50%)}.active-equipment-stats .stats-header{font-size:12px;padding:6px 10px}.active-equipment-stats .stat-item{font-size:11px;padding:5px 8px}.game-info{padding:12px 15px}.game-info h2{font-size:20px}.game-info button{font-size:14px;padding:10px 20px}.player-hand{gap:6px;min-height:auto}.opponent-area,.player-hand{padding:12px 8px}.opponent-label{font-size:12px;padding:4px 12px}.opponent-card-back{height:105px;margin:2px;width:70px}.score-tracker{font-size:14px;gap:12px;padding:10px 15px}.score-item{gap:6px}.round-info{font-size:12px}.pause-button{height:35px;width:35px}.advanced-mechanics-controls{flex-wrap:wrap;gap:6px;justify-content:center;max-width:90vw;top:-48px}.fusion-btn,.trap-btn{flex:0 1 auto;font-size:12px;min-width:100px;padding:8px 14px}}@media (max-width:915px) and (max-height:500px) and (orientation:landscape){.game-board:has(.game-over-overlay) .left-sidebar,.game-board:has(.game-over-overlay) .right-sidebar,.game-board:has(.game-over-overlay) .sidebar-toggle{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.game-board:has(.left-sidebar.visible) .active-equipment-stats,.game-board:has(.right-sidebar.visible) .active-equipment-stats{display:none!important}.game-board{font-size:11px;height:100vh}.center-battle-area{border-radius:12px;gap:4px;left:50%;max-height:70vh;max-width:50vw;min-width:300px;padding:8px 15px;top:50%;transform:translate(-50%,-50%)}.center-battle-area h3{font-size:12px;margin-bottom:3px}.battle-card-row{gap:3px}.played-cards-container{gap:3px;min-height:25px;padding:3px 5px}.card{font-size:8px;height:80px!important;width:55px!important}.card-name{font-size:7px!important;min-height:22px!important;padding:2px 3px!important}.card-element{font-size:16px!important;margin:3px 0!important}.card-strength{font-size:14px!important;min-height:22px!important;min-width:22px!important;padding:2px 4px!important}.hand-container{bottom:5px!important;left:50%!important;max-width:600px;padding:6px 8px;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:70%}.hand{border-width:2px;flex-wrap:nowrap!important;max-height:100px;min-height:90px;padding:6px 8px}.hand .card{margin:0 0 0 -18px!important}.hand .card:first-child{margin-left:0!important}.hand-label{font-size:10px!important;padding:4px 8px!important}.turn-announcement{top:28%!important;transform:translateX(-50%)!important}.your-turn-announcement{bottom:auto!important;top:50%!important;transform:translateX(-50%)!important}.turn-text{font-size:14px;padding:5px 12px}.ai-thinking,.timer-display{font-size:18px;margin-top:3px}.score-tracker{font-size:10px;left:10px;max-width:280px;padding:6px 10px;top:10px}.score-item{gap:5px}.ai-score,.player-score{font-size:14px}.round-info{font-size:11px}.pause-button{font-size:16px;height:35px;right:10px;top:10px;width:35px}.left-sidebar{left:0;padding-left:calc(10px + env(safe-area-inset-left))}.left-sidebar,.right-sidebar{height:100vh;max-width:350px;padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-top:calc(10px + env(safe-area-inset-top));position:fixed;top:0;width:70vw}.right-sidebar{padding-right:calc(10px + env(safe-area-inset-right));right:0}.sidebar-toggle{font-size:18px!important;height:70px!important;width:40px!important}.hand .card.playable:hover{transform:translateY(-40px) scale(1.15) rotate(0deg)!important}.ability-container{max-height:75vh}.reserve-cards-display{max-height:35vh}.game-log{max-height:50vh}.advanced-mechanics-controls{gap:8px;top:-42px}.fusion-btn,.trap-btn{font-size:11px;min-width:90px;padding:6px 12px}}@media (max-width:915px) and (max-height:400px) and (orientation:landscape){.game-board:has(.left-sidebar.visible) .active-equipment-stats,.game-board:has(.right-sidebar.visible) .active-equipment-stats{display:none!important}.center-battle-area{max-height:65vh;padding:6px 12px}.card{height:72px!important;width:50px!important}.hand{flex-wrap:nowrap!important;max-height:85px;min-height:80px}.hand-container{padding:4px 6px;width:65%}.turn-text{font-size:12px;padding:4px 10px}.ai-thinking,.timer-display{font-size:16px}.advanced-mechanics-controls{gap:6px;top:-38px}.fusion-btn,.trap-btn{font-size:10px;min-width:80px;padding:5px 10px}}@media (max-width:480px){.game-board{font-size:11px}.center-battle-area{border-radius:12px;gap:5px;max-width:calc(100vw - 16px);min-width:180px;padding:8px 10px;top:28%}.center-battle-area h3{font-size:12px;margin-bottom:3px}.battle-card-row{gap:2px}.played-cards-container{border-radius:8px;border-width:1px;flex-wrap:wrap;gap:3px;min-height:25px;padding:3px 4px}.card-round-label{border-radius:4px;font-size:8px;padding:1px 4px}.empty-card-slot{border-radius:8px;border-width:2px;font-size:9px;height:90px;width:60px}.player-label{font-size:11px;padding:5px 12px}.score-display{font-size:11px;gap:12px;padding:10px 15px}.ability-overlay{padding:15px}.ability-container{max-width:90vw;padding:20px}.ability-title{font-size:22px;margin-bottom:12px}.ability-description{font-size:13px;margin-bottom:15px}.reserve-cards-display{gap:8px;padding:12px}.ability-button{font-size:14px;padding:10px 20px}.card-preview-overlay,.preview-container{padding:15px}.preview-label{font-size:16px;margin-bottom:12px}.game-board{font-size:11px}.turn-announcement{top:28%!important;transform:translateX(-50%)!important}.your-turn-announcement{bottom:auto!important;top:50%!important;transform:translateX(-50%)!important}.turn-text{border-width:2px;font-size:14px;letter-spacing:.5px;padding:5px 10px}.timer-display{font-size:28px;margin-top:6px}.ai-thinking{font-size:16px;margin-top:6px}.floating-timer{left:50%;top:12px;transform:translateX(-50%)}.timer-display-small{font-size:20px;padding:5px 10px}.game-info{padding:10px 12px}.game-info h2{font-size:18px;margin-bottom:10px}.game-info p{font-size:12px;margin-bottom:12px}.game-info button{font-size:13px;padding:8px 16px}.player-hand{gap:4px;padding:10px 5px}.hand-container{bottom:0!important;left:50%!important;padding:10px 8px 8px;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:95%}.hand-container .hand-label{font-size:12px;letter-spacing:1px;margin-bottom:8px;padding:6px 12px}.hand-label-icon{font-size:14px}.hand-capacity{font-size:10px;padding:2px 6px}.hand{flex-wrap:nowrap!important;gap:-15px;min-height:130px}.hand .card{margin:0 0 0 -22px!important}.hand .card:first-child{margin-left:0!important;transform:rotate(-10deg) translateY(12px)}.hand .card:nth-child(2){transform:rotate(-6deg) translateY(8px)}.hand .card:nth-child(3){transform:rotate(-3deg) translateY(4px)}.hand .card:nth-child(4){transform:rotate(0deg) translateY(0)}.hand .card:nth-child(5){transform:rotate(3deg) translateY(4px)}.hand .card:nth-child(6){transform:rotate(6deg) translateY(8px)}.hand .card:nth-child(7){transform:rotate(10deg) translateY(12px)}.hand .card.playable:hover{margin:0 10px;transform:translateY(-40px) scale(1.15) rotate(0deg)!important}.hand-controls{gap:6px;margin-bottom:8px}.sort-button{font-size:10px;padding:5px 10px}.opponent-area{padding:10px 5px}.opponent-label{font-size:11px;padding:3px 10px}.opponent-card-back{border-radius:6px;height:90px;margin:1px;width:60px}.card-back-inner{border-radius:5px}.card-count{font-size:10px;height:20px;right:-8px;top:-8px;width:20px}.score-tracker{flex-wrap:wrap;font-size:12px;gap:10px;padding:8px 12px}.score-item{gap:5px;min-width:auto}.score-label,.score-value{font-size:12px}.round-info{font-size:11px;text-align:center;width:100%}.pause-button{font-size:14px;height:32px;right:10px;top:10px;width:32px}.ability-overlay{padding:10px}.ability-container{border-radius:12px;max-width:95vw;padding:15px}.ability-title{font-size:18px;margin-bottom:10px}.ability-description{font-size:12px;line-height:1.4;margin-bottom:12px}.reserve-cards-display{gap:6px;max-height:50vh;overflow-y:auto;padding:10px}.ability-buttons{flex-direction:column;gap:8px}.ability-button{font-size:13px;padding:8px 16px;width:100%}.card-preview-overlay{padding:10px}.preview-container{padding:12px}.preview-label{font-size:14px;margin-bottom:10px}}@media (max-height:500px) and (orientation:landscape){.game-board:has(.left-sidebar.visible) .active-equipment-stats,.game-board:has(.right-sidebar.visible) .active-equipment-stats{display:none!important}.game-board{height:100vh}.turn-announcement{top:25%!important;transform:translateX(-50%)!important}.your-turn-announcement{bottom:auto!important;top:52%!important;transform:translateX(-50%)!important}.turn-text{font-size:14px;padding:4px 10px}.ai-thinking,.timer-display{font-size:20px;margin-top:4px}.opponent-area,.player-hand{padding:8px 5px}.score-tracker{font-size:11px;padding:6px 10px}.ability-container{max-height:90vh;overflow-y:auto}.reserve-cards-display{max-height:40vh}}@media (hover:none) and (pointer:coarse){.pause-button:hover{transform:none}.pause-button:active{transform:scale(.95)}.ability-button:hover{transform:none}.ability-button:active{transform:translateY(2px)}.ability-button,.pause-button{min-height:44px}.pause-button{min-width:44px}@media (orientation:landscape){.hand .card.playable:active{transform:translateY(-35px) scale(1.2) rotate(0deg)!important;transition:transform .15s ease-out}}}@keyframes cardPreviewShow{0%{opacity:0;transform:scale(.5) rotateY(180deg)}50%{opacity:1;transform:scale(3.2) rotateY(0deg)}to{opacity:1;transform:scale(3) rotateY(0deg)}}.player-preview .card{box-shadow:0 0 50px #4caf50cc}.ai-preview .card{box-shadow:0 0 50px #f44336cc}.ability-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:500}.ability-container{animation:scaleIn .4s ease-out;background:linear-gradient(135deg,#8b4513,#654321);border:4px solid #daa520;border-radius:20px;box-shadow:0 0 40px #daa520cc;max-width:800px;padding:40px;text-align:center}.ability-card-selection{max-width:90vw}.ability-title{animation:pulse 1.5s ease-in-out infinite;color:#daa520;font-size:48px;font-weight:900;margin:0 0 20px;text-shadow:0 0 20px #daa520cc,3px 3px 6px #000c}.ability-description{color:#fffffff2;font-size:24px;line-height:1.5;margin:20px 0 30px}.ability-buttons{display:flex;gap:20px;justify-content:center}.ability-button{border:none;border-radius:10px;cursor:pointer;font-size:20px;font-weight:800;letter-spacing:1px;padding:15px 35px;text-transform:uppercase;transition:all .3s ease}.accept-button{background:linear-gradient(135deg,#4caf50,#45a049);border:3px solid #66bb6a;color:#fff}.accept-button:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 6px 20px #4caf5099;transform:scale(1.1)}.skip-button{background:linear-gradient(135deg,#999,#777);border:3px solid #aaa;color:#fff}.skip-button:hover{background:linear-gradient(135deg,#aaa,#999);box-shadow:0 6px 20px #9999;transform:scale(1.1)}.reserve-cards-display{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0;max-height:400px;overflow-y:auto;padding:10px}.reserve-card-wrapper{cursor:pointer;transition:transform .2s ease}.reserve-card-wrapper:hover{transform:scale(1.1)}.no-cards-message{color:#fffc;font-size:18px;font-style:italic;margin:20px 0}.game-over-overlay{align-items:center;animation:fadeIn .5s ease-in;background:radial-gradient(circle at center,#000000d9 0,#000000fa 100%);display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:20px 0;position:fixed;top:0;width:100vw;z-index:9999}@media (max-width:768px){.game-board:has(.game-over-overlay) .left-sidebar,.game-board:has(.game-over-overlay) .right-sidebar,.game-board:has(.game-over-overlay) .sidebar-toggle{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.victory-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.victory-particle{animation:particleFall 3s ease-in var(--delay) infinite;background:radial-gradient(circle,gold 0,#ff6b00 100%);border-radius:50%;box-shadow:0 0 10px #ffd700cc;height:8px;left:var(--x);position:absolute;top:-20px;transform:rotate(var(--rotation));width:8px}@keyframes particleFall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(1turn) scale(.5)}}.game-over-container{animation:scaleIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:5px solid gold;border-radius:30px;box-shadow:0 0 80px #ffd70099,inset 0 0 50px #ffd7001a;margin:auto;max-height:calc(100vh - 40px);max-width:900px;overflow-y:auto;padding:60px;position:relative;text-align:center;z-index:2}.trophy-icon{animation:trophyBounce 1s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,215,0,.8));font-size:120px;margin-bottom:20px}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.game-over-title{animation:flashText 1.5s ease-in-out infinite;color:gold;font-size:80px;font-weight:900;letter-spacing:8px;margin:0 0 20px;text-shadow:0 0 30px gold,0 0 60px #ffd70080,4px 4px 8px #000c;text-transform:uppercase}@keyframes flashText{0%,to{opacity:1;text-shadow:0 0 30px gold,0 0 60px #ffd70080,4px 4px 8px #000c}50%{opacity:.9;text-shadow:0 0 50px gold,0 0 100px #ffd700b3,4px 4px 8px #000c}}.winner-announcement{animation:slideInDown .8s ease-out .3s both,winnerPulse 2s ease-in-out 1s infinite;font-size:60px;font-weight:800;letter-spacing:4px;margin:20px 0 40px;text-transform:uppercase}.winner-announcement.victory{color:#4caf50;text-shadow:0 0 20px #4caf50,0 0 40px #4caf5099,3px 3px 6px #000c}.winner-announcement.defeat{color:#f44336;text-shadow:0 0 20px #f44336,0 0 40px #f4433699,3px 3px 6px #000c}.winner-announcement.tie{color:#ff9800;text-shadow:0 0 20px #ff9800,0 0 40px #ff980099,3px 3px 6px #000c}.battle-stats{animation:fadeInScale .8s ease-out .4s both;display:flex;gap:30px;justify-content:center;margin:30px 0 40px}.stat-box{background:#0006;border:2px solid #ffd70066;border-radius:15px;min-width:180px;padding:20px 30px;transition:all .3s ease}.stat-box:hover{border-color:#ffd700cc;box-shadow:0 5px 20px #ffd7004d;transform:translateY(-5px)}.stat-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.5));font-size:36px;margin-bottom:10px}.stat-label{color:#ffffffb3;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:gold;font-size:32px;font-weight:900;text-shadow:0 0 15px #ffd700cc}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.final-scores{align-items:center;animation:slideInUp .8s ease-out .5s both;display:flex;gap:50px;justify-content:center;margin:40px 0}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.final-score-item{align-items:center;display:flex;flex-direction:column;gap:15px;position:relative}.final-player-avatar{align-items:center;animation:avatarGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#28283ccc,#141428e6);border:3px solid #ffd70099;border-radius:50%;box-shadow:0 0 20px #ffd70066,0 4px 8px #00000080;display:flex;height:80px;justify-content:center;overflow:hidden;transition:all .3s ease;width:80px}.final-player-avatar img{height:100%;object-fit:cover;width:100%}.final-player-avatar span{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:40px}.final-player-avatar.winner-avatar{animation:winnerAvatarGlow 1.5s ease-in-out infinite;border:4px solid gold;box-shadow:0 0 40px #ffd700cc,0 0 60px #ffd70066,0 8px 16px #0009;height:100px;width:100px}.final-player-avatar.winner-avatar span{font-size:50px}@keyframes avatarGlow{0%,to{border-color:#ffd70099;box-shadow:0 0 20px #ffd70066,0 4px 8px #00000080}50%{border-color:#ffd700cc;box-shadow:0 0 30px #ffd70099,0 4px 12px #000000b3}}@keyframes winnerAvatarGlow{0%,to{box-shadow:0 0 40px #ffd700cc,0 0 60px #ffd70066,0 8px 16px #0009;transform:scale(1)}50%{box-shadow:0 0 60px gold,0 0 80px #ffd70099,0 10px 20px #000c;transform:scale(1.05)}}.winner-crown{animation:crownFloat 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));font-size:40px;position:absolute;top:-20px;z-index:1}@keyframes crownFloat{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-10px) rotate(10deg)}}.final-score-item.winner{animation:winnerPulse 2s ease-in-out infinite}@keyframes winnerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.player-name{color:#ffffffe6;font-size:24px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.player-score{animation:scoreGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70033,#ff980033);border:3px solid gold;border-radius:20px;box-shadow:0 0 30px #ffd70066,inset 0 0 20px #ffd7001a;color:gold;font-size:56px;font-weight:900;padding:15px 40px;text-shadow:0 0 20px #ffd700cc}@keyframes scoreGlow{0%,to{box-shadow:0 0 30px #ffd70066,inset 0 0 20px #ffd7001a}50%{box-shadow:0 0 40px #ffd70099,inset 0 0 30px #ffd70033}}.score-badge{color:#fff9;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.score-separator{color:#fff6;font-size:42px;font-weight:700;text-shadow:0 2px 4px #00000080}.game-over-extras{align-items:center;animation:slideInUp .6s ease-out .5s both;display:flex;flex-direction:column;gap:15px;margin:20px 0}.game-over-extras>div{max-width:400px;width:100%}.game-over-buttons{animation:slideInUp .8s ease-out .7s both;display:flex;gap:30px;justify-content:center;margin-top:50px}.button-icon{display:inline-block;font-size:28px;margin-right:10px;transition:transform .3s ease;vertical-align:middle}.play-again-button,.quit-button{background:#0000;border:3px solid;border-radius:50px;box-shadow:0 4px 20px #0006;cursor:pointer;font-size:24px;font-weight:800;letter-spacing:2px;overflow:hidden;padding:20px 50px;position:relative;text-transform:uppercase;transition:all .3s ease}.play-again-button{border-color:#4caf50;color:#4caf50}.play-again-button:before{background:#4caf504d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:-1}.play-again-button:hover{background-color:#4caf50;border-color:#66bb6a;box-shadow:0 8px 30px #4caf5099;color:#fff;transform:translateY(-4px) scale(1.05)}.play-again-button:hover:before{height:300px;width:300px}.play-again-button:hover .button-icon{transform:rotate(1turn)}.quit-button{border-color:#f44336;color:#f44336}.quit-button:before{background:#f443364d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:-1}.quit-button:hover{background-color:#f44336;border-color:#ef5350;box-shadow:0 8px 30px #f4433699;color:#fff;transform:translateY(-4px) scale(1.05)}.quit-button:hover:before{height:300px;width:300px}.quit-button:hover .button-icon{transform:rotate(-1turn)}@media (max-width:768px){.game-over-container{max-height:calc(100vh - 40px);max-width:90%;padding:40px 30px}.trophy-icon{font-size:80px}.game-over-title{font-size:48px;letter-spacing:4px}.winner-announcement{font-size:36px;letter-spacing:2px}.battle-stats{flex-direction:column;gap:20px}.stat-box{min-width:140px;padding:15px 20px}.stat-icon{font-size:28px}.stat-label{font-size:14px}.stat-value{font-size:24px}.final-scores{flex-direction:column;gap:30px}.score-separator{font-size:32px;transform:rotate(90deg)}.player-score{font-size:42px;padding:12px 30px}.game-over-buttons{flex-direction:column;gap:20px;width:100%}.play-again-button,.quit-button{font-size:20px;padding:18px 40px;width:100%}.button-icon{font-size:24px}}@media (max-width:480px){.game-over-container{border-width:3px;max-height:calc(100vh - 20px);padding:30px 20px}.trophy-icon{font-size:60px;margin-bottom:15px}.game-over-title{font-size:36px;letter-spacing:2px;margin-bottom:15px}.winner-announcement{font-size:28px;margin:15px 0 30px}.battle-stats{gap:15px;margin:20px 0 30px}.stat-box{min-width:120px;padding:12px 15px}.stat-icon{font-size:24px}.stat-label{font-size:12px}.stat-value{font-size:20px}.final-scores{gap:20px;margin:30px 0}.player-name{font-size:18px;letter-spacing:1px}.player-score{border-width:2px;font-size:36px;padding:10px 25px}.score-badge{font-size:12px}.game-over-buttons{gap:15px;margin-top:30px}.play-again-button,.quit-button{font-size:18px;letter-spacing:1px;padding:15px 30px}.button-icon{font-size:20px;margin-right:8px}.victory-particle{height:6px;width:6px}}.defeat-countdown-overlay{align-items:center;animation:fadeIn .5s ease-out;background:#000000f2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity 1s ease-out;width:100vw;z-index:9999}.defeat-countdown-overlay.fade-out{opacity:0}.defeat-countdown-container{animation:zoomIn .6s cubic-bezier(.34,1.56,.64,1);text-align:center}.defeat-title{animation:defeatPulse 1s ease-in-out infinite;color:#f44336;font-size:90px;font-weight:900;letter-spacing:10px;margin:0 0 20px;text-shadow:0 0 30px #f44336cc,0 0 60px #f4433666,4px 4px 12px #000000e6}@keyframes defeatPulse{0%,to{text-shadow:0 0 30px #f44336cc,0 0 60px #f4433666,4px 4px 12px #000000e6;transform:scale(1)}50%{text-shadow:0 0 40px #f44336,0 0 80px #f4433699,4px 4px 12px #000000e6;transform:scale(1.05)}}.defeat-message{color:#fff;font-size:32px;margin:20px 0 40px;text-shadow:2px 2px 6px #000c}.countdown-circle{align-items:center;animation:countdownPulse 1s ease-in-out infinite;background:radial-gradient(circle,#f4433633 0,#0000 70%);border:8px solid #f44336;border-radius:50%;box-shadow:0 0 40px #f4433699,inset 0 0 40px #f443364d;display:flex;height:200px;justify-content:center;margin:40px auto;position:relative;width:200px}@keyframes countdownPulse{0%,to{border-color:#f44336;box-shadow:0 0 40px #f4433699,inset 0 0 40px #f443364d;transform:scale(1)}50%{border-color:#ff5252;box-shadow:0 0 60px #f44336cc,inset 0 0 60px #f4433680;transform:scale(1.1)}}.countdown-number{color:#fff;font-size:100px;font-weight:900;text-shadow:0 0 20px #fffc,0 0 40px #f44336cc,3px 3px 8px #000000e6}.countdown-text{animation:textBlink 2s ease-in-out infinite;color:#ff8a80;font-size:24px;margin:20px 0 40px;text-shadow:2px 2px 4px #000c}@keyframes textBlink{0%,to{opacity:1}50%{opacity:.5}}.retry-button{background:linear-gradient(135deg,#4caf50,#388e3c);border:4px solid #66bb6a;border-radius:15px;box-shadow:0 4px 15px #4caf5066;color:#fff;cursor:pointer;font-size:28px;font-weight:800;letter-spacing:3px;padding:20px 60px;text-shadow:2px 2px 4px #00000080;transition:all .3s ease}.retry-button:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 6px 20px #4caf5099;transform:scale(1.1)}.played-card-wrapper{animation:cardSlideIn .5s ease-out both;position:relative;transition:transform .2s ease,z-index .2s ease}.played-card-wrapper.power-generated{animation:powerCardGenerate .8s ease-out both}.played-card-wrapper.shield-generated{animation:shieldCardGenerate .8s ease-out both}@keyframes shieldCardGenerate{0%{filter:brightness(3) hue-rotate(-60deg);opacity:0;transform:scale(0) rotate(-180deg)}50%{filter:brightness(2) hue-rotate(-30deg);opacity:1;transform:scale(1.3) rotate(10deg)}75%{filter:brightness(1.5) hue-rotate(-15deg);transform:scale(.9) rotate(-5deg)}to{filter:brightness(1) hue-rotate(0deg);opacity:1;transform:scale(1) rotate(0deg)}}.shield-generated:before{animation:shieldBurst 1s ease-out forwards;content:"🛡️";font-size:80px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes shieldBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}30%{opacity:1;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes powerCardGenerate{0%{filter:brightness(3) hue-rotate(45deg);opacity:0;transform:scale(0) rotate(180deg)}50%{filter:brightness(2) hue-rotate(30deg);opacity:1;transform:scale(1.3) rotate(-10deg)}75%{filter:brightness(1.5) hue-rotate(15deg);transform:scale(.9) rotate(5deg)}to{filter:brightness(1) hue-rotate(0deg);opacity:1;transform:scale(1) rotate(0deg)}}.power-generated:before{animation:powerStarBurst 1s ease-out forwards;content:"⭐";font-size:80px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes powerStarBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}30%{opacity:1;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}.power-card-message{animation:powerMessageAppear .5s ease-out forwards;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2000}.power-message-content{align-items:center;background:linear-gradient(135deg,#ffd700f2,#ffa500f2);border:3px solid #fff;border-radius:20px;box-shadow:0 0 40px #ffd700cc,0 0 80px #ffa50080;display:flex;gap:15px;padding:20px 40px}.power-card-message.opponent .power-message-content{background:linear-gradient(135deg,#ff6464f2,#c83232f2);box-shadow:0 0 40px #ff6464cc,0 0 80px #c8323280}.power-card-message.legendary .power-message-content{animation:legendaryGradient 2s ease infinite;background:linear-gradient(135deg,#9400d3f2,#ffd700f2,#9400d3f2);background-size:200% 200%;border:3px solid gold;box-shadow:0 0 50px #9400d3cc,0 0 100px #ffd70099}@keyframes legendaryGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.power-cards-info{flex-direction:column}.legendary-bonus,.power-cards-info{align-items:center;display:flex;gap:10px}.legendary-bonus{animation:bonusAppear .5s ease-out .5s both;background:#0006;border:2px solid #00bfffcc;border-radius:15px;padding:10px 20px}@keyframes bonusAppear{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.bonus-icon{animation:shieldPulse 1s ease-in-out infinite;font-size:32px}@keyframes shieldPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.bonus-text{font-size:18px;text-shadow:1px 1px 3px #00000080}.bonus-strength,.bonus-text{color:#00bfff;font-weight:700}.bonus-strength{background:#00bfff4d;border-radius:8px;font-size:24px;padding:3px 10px}.power-icon{animation:powerIconSpin 1s ease-out;font-size:48px}@keyframes powerIconSpin{0%{transform:rotate(0deg) scale(0)}50%{transform:rotate(1turn) scale(1.5)}to{transform:rotate(2turn) scale(1)}}.power-text{font-size:24px}.power-strength,.power-text{color:#fff;font-weight:700;text-shadow:2px 2px 4px #00000080}.power-strength{background:#0000004d;border-radius:10px;font-size:32px;padding:5px 15px}@keyframes powerMessageAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.power-message-content{border-radius:14px;border-width:2px;gap:10px;max-width:90vw;padding:10px 20px}.power-icon{font-size:28px}.power-text{font-size:14px}.power-strength{border-radius:8px;font-size:18px;padding:3px 10px}.power-cards-info{gap:5px}.legendary-bonus{gap:6px;padding:6px 12px}.bonus-icon{font-size:20px}.bonus-text{font-size:12px}}@media (max-width:480px){.power-message-content{align-items:center;border-radius:12px;flex-direction:row;gap:8px;padding:8px 14px}.power-icon{font-size:22px}.power-text{font-size:12px}.power-strength{font-size:14px;padding:2px 8px}.power-cards-info{align-items:center;flex-direction:row;flex-wrap:wrap;gap:3px;justify-content:center}}.played-card-wrapper:hover{transform:translateY(-10px) scale(1.05);z-index:100}.card-round-label{display:none}.ai-card .card{border-color:#c00!important;box-shadow:0 0 15px #c006}.ai-card .card:not(.has-background-image){background:linear-gradient(135deg,#fcc,#faa)!important}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-50px) rotateY(180deg) scale(.5)}60%{transform:translateY(10px) rotateY(0deg) scale(1.1)}to{opacity:1;transform:translateY(0) rotateY(0deg) scale(1)}}.player-row .played-card-wrapper{animation:cardSlideInBottom .5s ease-out both}@keyframes cardSlideInBottom{0%{opacity:0;transform:translateY(50px) rotateY(180deg) scale(.5)}60%{transform:translateY(-10px) rotateY(0deg) scale(1.1)}to{opacity:1;transform:translateY(0) rotateY(0deg) scale(1)}}.left-sidebar{background:linear-gradient(180deg,#1a237e,#283593);border-right:3px solid #3949ab;box-shadow:2px 0 8px #0000004d;left:10px}.left-sidebar,.right-sidebar{-webkit-overflow-scrolling:touch;border-radius:15px;height:85vh;max-height:calc(100vh - 100px);overflow-x:hidden;overflow-y:auto;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;width:220px;z-index:100}.right-sidebar{background:linear-gradient(180deg,#4a148c,#6a1b9a);border-left:3px solid #7b1fa2;box-shadow:-2px 0 8px #0000004d;right:10px}.sidebar-toggle{align-items:center;background:#000000e6;border:2px solid #ffffff80;box-shadow:0 2px 8px #0006;color:#fff;cursor:pointer;display:none;font-size:20px;height:80px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:200}.sidebar-toggle:hover{background:#000000e6;border-color:#fff9}.left-toggle{border-radius:0 8px 8px 0;right:-40px}.right-toggle{border-radius:8px 0 0 8px;left:-40px}.sidebar-content{color:#fff;padding:20px 15px}.sidebar-content h3{border-bottom:2px solid #ffffff4d;font-size:18px;margin:0 0 15px;padding-bottom:10px;text-align:center}.sidebar-content h4{color:#ffffffe6;font-size:14px;margin:15px 0 8px;text-align:center}.sidebar-player-info{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex-direction:column;margin-bottom:15px;padding:12px}.player-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 8px #0000004d;display:flex;font-size:48px;height:80px;justify-content:center;margin-bottom:10px;overflow:hidden;position:relative;width:80px}.player-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.player-avatar span{display:block;z-index:1}.avatar-emote-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.sidebar-emote-bubble{align-items:center;animation:sidebarEmoteIn .35s cubic-bezier(.34,1.56,.64,1),sidebarEmotePulse 1.5s ease-in-out infinite,sidebarEmoteOut .4s ease-in 2.5s forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff26;display:flex;font-size:.8rem;font-weight:600;gap:6px;left:calc(100% + 8px);padding:8px 14px;pointer-events:none;white-space:nowrap;z-index:100}.sidebar-emote-bubble,.sidebar-emote-bubble:before{position:absolute;top:50%;transform:translateY(-50%)}.sidebar-emote-bubble:before{border-color:#0000;border-style:solid;border-width:8px 10px 8px 0;content:"";left:-8px}.sidebar-emote-bubble.player-sidebar-emote{background:linear-gradient(135deg,#4a9efff2,#667eeaf2);border:2px solid #ffffff4d;color:#fff}.sidebar-emote-bubble.player-sidebar-emote:before{border-right-color:#4a9efff2}.sidebar-emote-bubble.ai-sidebar-emote{background:linear-gradient(135deg,#ff6b6bf2,#ff8e53f2);border:2px solid #ffffff4d;color:#fff}.sidebar-emote-bubble.ai-sidebar-emote:before{border-right-color:#ff6b6bf2}.sidebar-emote-icon{animation:emoteIconPop .4s ease-out;font-size:1.3rem}.sidebar-emote-text{font-style:italic;max-width:120px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0003}@keyframes sidebarEmoteIn{0%{opacity:0;transform:translateY(-50%) translateX(-20px) scale(.5)}to{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}}@keyframes sidebarEmotePulse{0%,to{box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff26}50%{box-shadow:0 4px 25px #00000080,0 0 15px #fff3}}@keyframes sidebarEmoteOut{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) translateX(10px) scale(.8)}}@keyframes emoteIconPop{0%{transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}@media (max-width:768px){.sidebar-emote-bubble{bottom:calc(100% + 8px);font-size:.7rem;left:auto;padding:6px 10px;right:auto;top:auto;transform:translateX(0)}.sidebar-emote-bubble:before{border-width:8px 8px 0;bottom:-8px;left:50%;top:auto;transform:translateX(-50%) rotate(90deg)}.sidebar-emote-text{max-width:80px}@keyframes sidebarEmoteIn{0%{opacity:0;transform:translateY(10px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sidebarEmoteOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-10px) scale(.8)}}}.sidebar-player-info p{font-size:13px;margin:5px 0;text-align:center;width:100%}.total-strength-display{background:#ffeb3b33;border:2px solid #ffeb3b80;border-radius:8px;margin:10px 0;padding:10px;text-align:center}.strength-label{color:#fffc;font-size:11px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.strength-value{color:#ffeb3b;font-size:32px;font-weight:900;text-shadow:0 0 10px #ffeb3bcc,2px 2px 4px #000c}.fatigue-indicator{animation:pulse-warning 1.5s ease-in-out infinite;background:#f003;border:2px solid #f44336;border-radius:6px;color:#f66;font-size:12px;font-weight:700;margin:5px 0;padding:6px 10px;text-shadow:0 0 5px #f66c}.fatigue-indicator.warning{animation:pulse-warning 1s ease-in-out infinite}.evolution-indicator{background:#4caf5033;border:2px solid #4caf50;border-radius:6px;color:#6f6;font-size:12px;font-weight:700;margin:5px 0;padding:6px 10px;text-shadow:0 0 5px #6f6c}.graveyard-section{margin-top:10px;width:100%}.graveyard-indicator{background:#9c27b033;border:2px solid #9c27b0;border-radius:6px;color:#ce93d8;font-size:12px;font-weight:700;margin:5px 0;padding:6px 10px;text-shadow:0 0 5px #ce93d8cc}.graveyard-preview-btn{background:linear-gradient(135deg,#9c27b0,#673ab7);border:2px solid #ce93d8;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;margin-top:8px;padding:8px;transition:all .3s ease;width:100%}.graveyard-preview-btn:hover{box-shadow:0 0 20px #9c27b0cc;transform:scale(1.05)}.ai-cards-display{margin-top:20px}.vertical-card-stack{flex-direction:column;margin:10px 0;position:relative}.card-back-small,.vertical-card-stack{align-items:center;display:flex;height:100px}.card-back-small{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #333;border-radius:8px;box-shadow:0 3px 6px #0006;font-size:28px;justify-content:center;position:absolute;width:70px}.card-back-small:first-child{top:0}.card-back-small:nth-child(2){top:3px}.card-back-small:nth-child(3){top:6px}.card-back-small:nth-child(4){top:9px}.card-back-small:nth-child(5){top:12px}.player-card-back{border:2px solid #1976d2}.reserve-deck-stack{align-items:center;display:flex;flex-direction:column;height:120px;margin:10px 0;position:relative}.card-back-small:after{content:"";opacity:0}.used-cards-section{margin-top:20px}.used-cards-list{align-items:center;display:flex;flex-direction:column;gap:8px}.deck-section{background:#ffffff0d;border-radius:8px;margin-top:20px;padding:10px}.sidebar-divider{background:#ffffff4d;height:2px;margin:30px 0;width:100%}.ultimate-sidebar-section{margin-top:20px}.ultimate-sidebar-section h3{color:#ff9800;font-size:18px;margin-bottom:15px;text-align:center;text-shadow:0 0 10px #ff980099}.ultimate-sidebar-display{align-items:center;background:linear-gradient(135deg,#ff980026,#ffc10726);border:2px solid #ff9800;border-radius:12px;cursor:pointer;display:flex;gap:15px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.ultimate-sidebar-display:before{animation:ultimateShine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ff98001a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes ultimateShine{0%,to{transform:rotate(45deg) translateX(-100%)}50%{transform:rotate(45deg) translateX(100%)}}.ultimate-sidebar-display.ready{animation:ultimatePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff980040,#ffc10740);box-shadow:0 4px 15px #ff980066,0 0 20px #ff980033}.ultimate-sidebar-display.ready:hover{box-shadow:0 6px 20px #ff980099,0 0 30px #ff98004d;transform:scale(1.05)}.ultimate-sidebar-display.ready:active{transform:scale(.98)}.ultimate-sidebar-display.cooldown{border-color:#666;cursor:not-allowed;opacity:.6}.ultimate-sidebar-display.cooldown:before{display:none}.ultimate-icon{align-items:center;background:linear-gradient(135deg,#ff9800f2,#ffc107f2);border:3px solid #ff9800;border-radius:50%;box-shadow:0 0 20px #ff980080,inset 0 0 10px #ffffff4d;display:flex;flex-shrink:0;font-size:32px;height:55px;justify-content:center;transition:all .3s ease;width:55px}.ultimate-sidebar-display.ready .ultimate-icon{animation:iconGlow 1.5s ease-in-out infinite}@keyframes iconGlow{0%,to{box-shadow:0 0 20px #ff980080,inset 0 0 10px #ffffff4d;transform:scale(1)}50%{box-shadow:0 0 35px #ff9800cc,inset 0 0 15px #ffffff80;transform:scale(1.05)}}.ultimate-sidebar-display.cooldown .ultimate-icon{background:linear-gradient(135deg,#646464f2,#969696f2);border-color:#666;box-shadow:0 0 10px #6464644d;color:#fff;font-size:22px;font-weight:700}.ultimate-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.ultimate-name{color:#fff;font-size:16px;text-shadow:0 0 5px #ff980080}.ultimate-status{color:#fffc;font-size:13px}.ultimate-description{color:#fff9;font-size:11px;line-height:1.3;margin-top:2px}.ultimate-sidebar-display.ready .ultimate-status{animation:statusPulse 1s ease-in-out infinite;color:#4caf50;font-weight:700;text-shadow:0 0 5px #4caf5080}.ultimate-sidebar-display.cooldown .ultimate-description,.ultimate-sidebar-display.cooldown .ultimate-name,.ultimate-sidebar-display.cooldown .ultimate-status{color:#ffffff80}.game-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #0000004d;color:#fff;left:50%;padding:10px 20px;position:fixed;text-align:center;top:10px;transform:translateX(-50%);z-index:100}.game-info h2{font-size:18px;margin:0 0 5px}.game-status{font-size:14px}.game-over{animation:pulse 1.5s infinite;color:#ffeb3b;font-size:18px}.game-status{font-size:18px;font-weight:700}.your-turn{animation:pulse 1.5s infinite;color:#ffeb3b}.start-button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:12px 30px;transition:background .3s}.start-button:hover{background:#45a049}.player-side{align-items:center;display:flex;flex-direction:column;gap:10px;position:absolute}.left-player{left:30px}.left-player,.right-player{align-items:center;top:50%;transform:translateY(-50%)}.right-player{right:30px}.top-player{align-items:center;left:50%;top:100px;transform:translateX(-50%)}.top-player .card-stack{margin:10px 0}.top-player .chosen-cards-area{min-width:400px}.horizontal-stack{display:flex;flex-direction:row;gap:8px;justify-content:center}.opponent-info{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0003;min-width:150px;padding:10px 15px}.opponent-info h4{color:#333;font-size:16px;margin:0 0 5px}.opponent-info p{color:#666;font-size:13px;margin:0}.active-indicator{color:#4caf50!important;font-weight:700}.opponent-cards{display:flex;gap:5px}.opponent-cards.vertical{flex-direction:column}.opponent-cards.horizontal{flex-direction:row}.card-stack{margin-top:10px;position:relative}.card-back,.card-stack{height:100px;width:70px}.card-back{align-items:center;background:linear-gradient(135deg,#c62828,#b71c1c);border:3px solid #333;border-radius:8px;box-shadow:0 3px 6px #0006;display:flex;justify-content:center}.card-back.stacked{height:100px;left:0;position:absolute;top:0;width:70px}.card-back:after{font-size:35px}.hand.themed{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#1e233799,#141928cc);border:2px solid #ffd70066;box-shadow:inset 0 2px 8px #0006,inset 0 -2px 8px #ffd7000d,0 4px 20px #00000080}.chosen-cards-area{align-items:center;background:#ffffff26;border:2px dashed #fff6;border-radius:10px;display:flex;justify-content:center;min-height:120px;padding:20px;position:relative}.area-label{color:#fffc;font-size:14px;font-weight:700;margin:0;text-align:center}.hand-container .hand-label{background:linear-gradient(135deg,#e65100e6,#ff6f00e6);border:2px solid #ff980099;border-radius:8px;box-shadow:0 4px 12px #e6510066,inset 0 1px 0 #fff3;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;margin:0;padding:60px 8px;text-orientation:mixed;text-shadow:0 2px 4px #0009;white-space:nowrap;writing-mode:vertical-rl}.table-area{background:#1b5e20cc;border:3px solid #2e7d32;border-radius:20px;box-shadow:0 6px 12px #0006;left:50%;min-height:180px;min-width:300px;padding:40px 60px;position:absolute;top:50%;transform:translate(-50%,-50%)}.card-back:after{content:"🎴";font-size:30px;opacity:.7}.card-back.vertical-card{height:90px;width:60px}.status-effects-display{background:linear-gradient(135deg,#1a1a2ef2,#2c2c54f2);border:2px solid #4caf50;border-radius:12px;box-shadow:0 4px 15px #4caf504d;margin:10px 0;padding:10px}.status-effects-display h4{color:#4caf50;font-size:14px;letter-spacing:1px;margin:0 0 8px;text-align:center;text-transform:uppercase}.status-effect{align-items:center;border-radius:6px;display:flex;font-size:11px;gap:6px;margin:2px 0;padding:4px 6px;transition:all .3s ease}.status-effect.buff{background:#4caf5033;border:1px solid #4caf50;color:#4caf50;text-shadow:0 0 5px #4caf5080}.status-effect.debuff{background:#f4433633;border:1px solid #f44336;color:#f44336;text-shadow:0 0 5px #f4433680}.status-effect:hover{box-shadow:0 2px 8px #0000004d;transform:scale(1.05)}.status-effect.buff:hover{box-shadow:0 0 15px #4caf50cc}.status-effect.debuff:hover{box-shadow:0 0 15px #f44336cc}.status-icon{animation:statusPulse 2s ease-in-out infinite;font-size:14px;min-width:16px;text-align:center}.status-name{flex:1 1;font-weight:700;text-transform:capitalize}.status-value{font-size:10px;font-weight:400;opacity:.8}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.players-container{display:none}.center-battle-area{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(ellipse at center,#1e1e3cf2 0,#0a0a1efa 100%);background:var(--arena-background,radial-gradient(ellipse at center,#1e1e3cf2 0,#0a0a1efa 100%));background-image:none;background-image:var(--arena-background-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #fff3;border-radius:25px;box-shadow:0 0 40px #8a2be299,0 10px 30px #0009;box-shadow:var(--arena-border-glow,0 0 40px #8a2be299),0 10px 30px #0009;display:flex;flex-direction:column;gap:10px;left:50%;max-height:calc(100vh - 250px);max-width:1400px;min-width:400px;overflow:visible;padding:15px 25px;position:fixed;top:calc(50% - 123px);transform:translate(-50%,-50%);width:65vw;z-index:60}.arena-overlay{background:linear-gradient(180deg,#8a2be21a,#0000 50%,#00bfff1a);background:var(--arena-overlay,linear-gradient(180deg,#8a2be21a 0,#0000 50%,#00bfff1a 100%));z-index:1}.arena-overlay,.arena-particles{border-radius:25px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.arena-particles{overflow:hidden;z-index:2}.arena-particle{animation:floatParticle 8s ease-in-out infinite;background:#fffc;background:var(--arena-particles,#fffc);border-radius:50%;box-shadow:0 0 4px currentColor;height:3px;opacity:.6;position:absolute;width:3px}@keyframes floatParticle{0%,to{opacity:0;transform:translateY(100%) translateX(0) scale(0)}10%{opacity:.6;transform:translateY(90%) translateX(10px) scale(1)}50%{opacity:.8;transform:translateY(20%) translateX(-20px) scale(1.2)}90%{opacity:.4;transform:translateY(5%) translateX(15px) scale(.8)}to{opacity:0;transform:translateY(0) translateX(0) scale(0)}}.arena-title{animation:arenaGlow 3s ease-in-out infinite;color:#fff;font-size:20px;font-weight:900;letter-spacing:2px;margin:0 0 5px;position:relative;text-align:center;text-shadow:0 0 20px #fffc,0 0 40px currentColor,2px 2px 8px #000000e6;z-index:10}.arena-title-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;z-index:10}.arena-turn-timer{margin-bottom:10px}.strategic-systems-display{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:center;left:50%;max-width:100%;padding:0;position:absolute;top:-100px;transform:translateX(-50%);width:auto;z-index:20}@media (max-width:1024px){.strategic-systems-display{gap:6px;scale:.85;top:-85px}}@media (max-width:768px){.strategic-systems-display{flex-wrap:wrap;gap:5px;scale:.7;top:-75px}}@media (max-width:480px){.strategic-systems-display{gap:4px;scale:.6;top:-65px}}@keyframes arenaGlow{0%,to{text-shadow:0 0 20px #fffc,0 0 40px currentColor,2px 2px 8px #000000e6}50%{text-shadow:0 0 30px #fff,0 0 60px currentColor,2px 2px 8px #000000e6}}.center-battle-area h3{color:#fff;font-size:18px;margin:0 0 5px;position:relative;text-align:center;z-index:10}.battle-card-row{flex-direction:column;gap:6px;position:relative;z-index:10}.battle-card-row,.played-cards-container{align-items:center;display:flex;width:100%}.played-cards-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:2px solid #ffffff4d;border-radius:15px;box-shadow:inset 0 2px 10px #00000080,0 0 20px #ffffff1a;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;max-height:180px;max-width:100%;min-height:40px;overflow-x:auto;overflow-y:visible;padding:6px 10px}.played-cards-container:has(.played-card-wrapper:nth-child(5)){gap:4px}.played-cards-container:has(.played-card-wrapper:nth-child(5)) .played-card-wrapper{margin-left:-30px}.played-cards-container:has(.played-card-wrapper:nth-child(5)) .played-card-wrapper:first-child{margin-left:0}.played-cards-container:has(.played-card-wrapper:nth-child(5)) .played-card-wrapper:hover{margin-left:-30px;z-index:100}.player-label{background:#0000004d;border-radius:8px;color:#fffffff2;font-size:16px;font-weight:700;padding:8px 20px;text-align:center}.empty-card-slot{background:#0003;border:3px dashed #ffffff4d;color:#ffffff80;font-size:12px;font-style:italic;height:140px;width:100px}.empty-card-slot,.score-display{align-items:center;border-radius:10px;display:flex;justify-content:center}.score-display{background:#ffffff1a;gap:20px;padding:15px 30px}.score-item{align-items:center;display:flex;flex-direction:column}.score-label{color:#fffc;font-size:12px;margin-bottom:5px}.score-value{color:#ffeb3b;font-size:32px;font-weight:700}.score-divider{color:#ffffff80;font-size:24px}.table-area h3{color:#fff;margin-top:0;text-align:center}.table-cards{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:150px}.table-placeholder{color:#ffffff80;font-style:italic;text-align:center}.particle{animation:particleFloat 1.5s ease-out forwards;font-size:24px;pointer-events:none;position:absolute;z-index:1000}@keyframes damageFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-120px) scale(1.5)}}.damage-number{animation:damageFloat 1s ease-out forwards;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#fff;font-size:48px;font-weight:900;pointer-events:none;position:absolute;text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 2px 4px #000c;will-change:transform,opacity;z-index:1001}.damage-number.winner{color:#4caf50}.damage-number.loser{color:#f44336}.damage-number.tie{color:gold}.damage-number.meteor-damage{animation:meteorDamageFloat 2s ease-out forwards;color:#f60;font-size:36px;text-shadow:0 0 15px #f30,0 0 30px #f60,0 0 45px #f93,2px 2px 6px #000000e6}@keyframes meteorDamageFloat{0%{opacity:1;transform:translateY(0) scale(.5) rotate(0deg)}10%{transform:translateY(-20px) scale(1.2) rotate(10deg)}50%{opacity:1;transform:translateY(-80px) scale(1) rotate(-5deg)}to{opacity:0;transform:translateY(-150px) scale(.8) rotate(15deg)}}.meteor-strike-overlay{animation:meteorFlashRed .3s ease-out;bottom:180px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:350}@keyframes meteorFlashRed{0%{background:radial-gradient(circle at center,#ff3c0080 0,#0000 60%)}50%{background:radial-gradient(circle at center,#ff3c00b3 0,#0000 60%)}to{background:#0000}}.meteor-strike-text{animation:meteorTextBurst .6s ease-out;background:#000000d9;border:3px solid #f60;border-radius:12px;box-shadow:0 0 20px #ff3c00cc,0 4px 12px #000000e6;color:#f60;font-size:28px;font-weight:900;letter-spacing:2px;padding:15px 30px;text-align:center;text-shadow:0 0 15px #ff3c00,2px 2px 6px #000000e6}@keyframes meteorTextBurst{0%{opacity:0;transform:scale(0) rotate(-10deg)}50%{opacity:1;transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.game-board.shake{animation:screenShake .5s cubic-bezier(.36,.07,.19,.97)}.pause-button{align-items:center;background:linear-gradient(135deg,#0f3460,#16213e);border:2px solid #e94560;border-radius:10px;box-shadow:0 4px 15px #e945604d;color:#e94560;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:1000}.pause-button:hover{background:linear-gradient(135deg,#16213e,#0f3460);box-shadow:0 6px 20px #e9456080;transform:translateY(-2px)}.pause-button:active{transform:translateY(0)}.emote-button{align-items:center;background:linear-gradient(135deg,#0f3460,#16213e);border:2px solid #00d9ff;border-radius:10px;box-shadow:0 4px 15px #00d9ff4d;color:#00d9ff;cursor:pointer;display:flex;font-size:22px;height:50px;justify-content:center;position:fixed;right:20px;top:80px;transition:all .3s ease;width:50px;z-index:1000}.emote-button:hover{background:linear-gradient(135deg,#16213e,#0f3460);box-shadow:0 6px 20px #00d9ff80;transform:translateY(-2px)}.emote-button:active{transform:translateY(0)}.emote-button.active{background:linear-gradient(135deg,#00d9ff,#00a3cc);color:#0f3460}@keyframes victoryPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}}@keyframes confetti{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes cardDraw{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-5deg)}50%{opacity:1}to{opacity:1;transform:translate(0) scale(1) rotate(0deg)}}.card-draw-animation{animation:cardDraw .5s cubic-bezier(.34,1.56,.64,1)}@keyframes victoryGlow{0%,to{box-shadow:0 0 20px #ffd70066,0 0 40px #ffd70033;transform:scale(1)}50%{box-shadow:0 0 40px #ffd700cc,0 0 60px #ffd70066,0 0 80px #ffd70033;transform:scale(1.05)}}@keyframes victorySparkle{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1}to{opacity:0;transform:scale(1) rotate(180deg)}}.victory-pose{animation:victoryGlow 1s ease-in-out infinite;position:relative;z-index:10}.victory-sparkle{animation:victorySparkle 1s ease-out forwards;background:radial-gradient(circle,gold 0,#ffd70000 70%);border-radius:50%;height:20px;pointer-events:none;position:absolute;width:20px}@keyframes rainFall{0%{opacity:.8;transform:translateY(-10px)}to{opacity:0;transform:translateY(100vh)}}@keyframes snowFall{0%{opacity:.8;transform:translateY(-10px) translateX(0)}to{opacity:0;transform:translateY(100vh) translateX(50px)}}@keyframes leafFall{0%{opacity:.8;transform:translateY(-10px) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@keyframes emberFloat{0%{opacity:0;transform:translateY(0) translateX(0) scale(1)}10%{opacity:1}50%{opacity:.9;transform:translateY(-40vh) translateX(15px) scale(1.2)}to{opacity:0;transform:translateY(-80vh) translateX(-20px) scale(.5)}}@keyframes lightningFlash{0%,to{opacity:0}10%,30%,50%{opacity:.8}20%,40%{opacity:.3}}.rain-drop{animation:rainFall linear forwards;background:linear-gradient(180deg,#aec2e0cc,#0000);height:20px;width:2px}.rain-drop,.snow-flake{pointer-events:none;position:absolute}.snow-flake{animation:snowFall linear forwards;background:radial-gradient(circle,#ffffffe6 0,#ffffff4d 100%);border-radius:50%;height:8px;width:8px}.falling-leaf{animation:leafFall linear forwards;background:linear-gradient(135deg,#4caf50cc,#8bc34acc);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);height:16px;width:12px}.falling-leaf,.floating-ember{pointer-events:none;position:absolute}.floating-ember{animation:emberFloat 3s ease-out infinite;background:radial-gradient(circle,#ffc832 0,#ff6400cc 40%,#ff320066 70%,#0000 100%);border-radius:50%;box-shadow:0 0 8px #ff9600e6,0 0 16px #ff640080;filter:blur(.5px);height:8px;width:8px}.lightning-flash{animation:lightningFlash .5s ease-out;background:radial-gradient(ellipse at center,#ffff964d 0,#0000 70%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes phaseTransitionIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes phaseTransitionOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.phase-transition{color:#fff;font-size:56px;font-weight:900;left:50%;letter-spacing:4px;pointer-events:none;position:fixed;text-shadow:0 0 20px #e94560cc,0 0 40px #e9456080;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1000}.phase-transition.entering{animation:phaseTransitionIn .8s ease-out forwards}.phase-transition.leaving{animation:phaseTransitionOut .5s ease-in forwards}.phase-transition.battle-start-epic{-webkit-text-fill-color:#0000;animation:phaseTransitionIn .8s ease-out forwards,battleGradientShift 2s ease-in-out infinite,battleTextPulse 1.5s ease-in-out infinite;background:linear-gradient(45deg,red,#f70,#fd0,#f70,red);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;filter:drop-shadow(0 0 30px rgba(255,100,0,.9)) drop-shadow(0 0 60px rgba(255,200,0,.6)) drop-shadow(0 10px 30px rgba(0,0,0,.8));font-size:56px;font-weight:900;letter-spacing:6px;text-shadow:none}.phase-transition.battle-start-epic.leaving{animation:battleTransitionOut .6s ease-in forwards}@keyframes battleGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes battleTextPulse{0%,to{filter:drop-shadow(0 0 30px rgba(255,100,0,.9)) drop-shadow(0 0 60px rgba(255,200,0,.6)) drop-shadow(0 10px 30px rgba(0,0,0,.8));transform:translate(-50%,-50%) scale(1)}50%{filter:drop-shadow(0 0 40px rgba(255,100,0,1)) drop-shadow(0 0 80px rgba(255,200,0,.8)) drop-shadow(0 15px 40px rgba(0,0,0,.9));transform:translate(-50%,-50%) scale(1.05)}}@keyframes battleTransitionOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3) rotate(5deg)}}@keyframes shuffleCard{0%,to{transform:translateX(0) translateY(0) rotate(0deg)}25%{transform:translateX(-20px) translateY(-10px) rotate(-10deg)}50%{transform:translateX(0) translateY(-20px) rotate(0deg)}75%{transform:translateX(20px) translateY(-10px) rotate(10deg)}}.shuffle-animation{animation:shuffleCard .6s ease-in-out}@keyframes cardFlip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}.card-flipping{animation:cardFlip .6s ease-in-out;transform-style:preserve-3d}@keyframes comboMultiplier{0%{opacity:0;transform:scale(.5) translateY(0)}50%{opacity:1;transform:scale(1.5) translateY(-20px)}to{opacity:0;transform:scale(1) translateY(-40px)}}.combo-multiplier{animation:comboMultiplier 1s ease-out forwards;color:gold;font-size:32px;font-weight:700;pointer-events:none;position:absolute;text-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70080;z-index:100}.victory-celebration{animation:victoryPulse 1s ease-in-out infinite;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2000}.victory-text{color:gold;font-size:72px;font-weight:900;margin-bottom:20px;text-shadow:0 0 30px gold,0 0 60px gold,0 4px 8px #000c}.victory-subtext{color:#fff;font-size:32px;text-shadow:0 2px 4px #000c}.confetti-piece{animation:confetti 3s ease-out forwards;animation-delay:var(--delay);background:var(--color);height:10px;left:var(--left);opacity:.8;position:fixed;top:-20px;width:10px;z-index:1999}@media only screen and (min-device-width:414px) and (max-device-width:430px) and (-webkit-min-device-pixel-ratio:3){.game-board{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hand-container{bottom:0!important;left:50%!important;max-width:100vw;padding-bottom:calc(15px + env(safe-area-inset-bottom));right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:100%}.hand{flex-wrap:nowrap!important;min-height:140px;padding:15px 10px 10px}.hand .card{margin:0 0 0 -22px!important}.hand .card:first-child{margin-left:0!important}.card{font-size:11px;height:120px!important;width:80px!important}.center-battle-area{max-width:calc(100vw - 40px);top:calc(45% - env(safe-area-inset-top))}.left-sidebar,.right-sidebar{padding-top:calc(20px + env(safe-area-inset-top));width:80px}.left-sidebar:not(.visible){transform:translateX(-100%)}.right-sidebar:not(.visible){transform:translateX(100%)}.score-tracker{max-width:calc(100vw - 180px);padding:10px 15px;top:calc(10px + env(safe-area-inset-top))}.floating-timer{left:50%;top:calc(15px + env(safe-area-inset-top));transform:translateX(-50%)}}@media only screen and (min-device-width:375px) and (max-device-width:390px) and (-webkit-min-device-pixel-ratio:2){.game-board{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.hand-container{bottom:0!important;left:50%!important;padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-left:5px;padding-right:5px;right:auto!important;top:auto!important;transform:translateX(-50%)!important}.hand{flex-wrap:nowrap!important;min-height:120px;padding:12px 8px 8px}.hand .card{margin:0 0 0 -22px!important}.hand .card:first-child{margin-left:0!important}.card{font-size:10px;height:105px!important;width:70px!important}.center-battle-area{min-width:200px;padding:10px 15px}.left-sidebar,.right-sidebar{padding-top:calc(15px + env(safe-area-inset-top));width:70px}.score-tracker{font-size:11px;padding:8px 12px}}@media only screen and (max-height:430px) and (orientation:landscape){.game-board:has(.left-sidebar.visible) .active-equipment-stats,.game-board:has(.right-sidebar.visible) .active-equipment-stats{display:none!important}.hand-container{bottom:0!important;left:50%!important;max-width:60vw;padding:8px 10px;right:auto!important;top:auto!important;transform:translateX(-50%)!important}.hand{flex-wrap:nowrap!important;min-height:100px;padding:8px}.card{height:95px!important;width:65px!important}.hand .card{margin:0 0 0 -20px!important}.hand .card:first-child{margin-left:0!important}.center-battle-area{left:30%;max-width:50vw;top:40%}.left-sidebar{padding-left:calc(10px + env(safe-area-inset-left))}.right-sidebar{padding-right:calc(10px + env(safe-area-inset-right))}.score-tracker{left:calc(10px + env(safe-area-inset-left));max-width:250px}}@supports (-webkit-touch-callout:none){.card,.hand .card,.played-card-wrapper{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.card.playable,button{min-height:44px;min-width:44px}.hand-container,.left-sidebar,.right-sidebar{-webkit-overflow-scrolling:touch}.hand .card.playable:active{transform:translateY(-45px) scale(1.25) rotate(0deg)!important;transition:transform .2s ease-out}}.element-animation{pointer-events:none;position:absolute;z-index:1500}.fire-burst{animation:fireBurst 1.2s ease-out forwards;font-size:24px}@keyframes fireBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.5)}}.fire-glow{animation:fireGlow 1s ease-in-out;filter:drop-shadow(0 0 20px #ff6600) drop-shadow(0 0 40px #ff3300)}@keyframes fireGlow{0%,to{filter:drop-shadow(0 0 10px #ff6600)}50%{filter:drop-shadow(0 0 30px #ff6600) drop-shadow(0 0 50px #ff3300)}}.ice-overlay{animation:iceFreeze 1.5s ease-out forwards;background:radial-gradient(circle,#add8e699 0,#0000 70%);border:2px solid #00bfff;border-radius:50%;height:150px;width:150px}@keyframes iceFreeze{0%{opacity:0;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(2)}}.ice-crystal{animation:iceCrystalFall 1.5s ease-out forwards;font-size:20px}@keyframes iceCrystalFall{0%{opacity:0;transform:translateY(-50px) rotate(0deg)}20%{opacity:1}to{opacity:0;transform:translateY(100px) rotate(1turn)}}.water-ripple{animation:waterRipple 1.5s ease-out forwards;border:3px solid #1e90ff;border-radius:50%;height:50px;width:50px}@keyframes waterRipple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}.water-splash{animation:waterSplash 1s ease-out forwards;font-size:18px}@keyframes waterSplash{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--tx),var(--ty))}}.electric-bolt{animation:electricBolt .8s ease-out forwards;filter:drop-shadow(0 0 5px #ffff00);font-size:28px}@keyframes electricBolt{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(.3)}}.electric-flash{animation:electricFlash .3s ease-out forwards;background:radial-gradient(circle,#ff0c 0,#0000 60%);height:200px;width:200px}@keyframes electricFlash{0%,to{opacity:0}50%{opacity:1}}.earth-rock{animation:earthRock 1.5s ease-out forwards;font-size:22px}@keyframes earthRock{0%{opacity:1;transform:translateY(0) rotate(0deg)}50%{opacity:1}to{opacity:0;transform:translateY(var(--ty)) rotate(180deg)}}.light-burst{animation:lightBurst 1s ease-out forwards;background:radial-gradient(circle,#ffffffe6 0,#0000 70%);border-radius:50%;box-shadow:0 0 30px #fff,0 0 60px #ffeb3b;height:100px;width:100px}@keyframes lightBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}.light-beam{animation:lightBeam .8s ease-out forwards;background:linear-gradient(180deg,#ffffffe6,#0000);height:150px;transform-origin:center top;width:4px}@keyframes lightBeam{0%{height:0;opacity:1}to{height:150px;opacity:0}}.dark-shadow{animation:darkShadow 1.2s ease-out forwards;background:radial-gradient(circle,#4b0082cc 0,#0000 70%);border-radius:50%;height:100px;width:100px}@keyframes darkShadow{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}.dark-wisp{animation:darkWisp 1.5s ease-out forwards;filter:drop-shadow(0 0 10px #4b0082);font-size:20px}@keyframes darkWisp{0%{opacity:0;transform:translate(-50%,-50%) translate(0) rotate(0deg)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) rotate(1turn)}}.tech-glitch{align-items:center;animation:techGlitch 1s steps(5) forwards;display:flex;font-size:60px;height:150px;justify-content:center;width:150px}@keyframes techGlitch{0%,to{filter:hue-rotate(0deg);opacity:1;transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-5px,5px)}40%{filter:hue-rotate(180deg);transform:translate(5px,-5px)}60%{filter:hue-rotate(270deg);transform:translate(-5px,-5px)}80%{filter:hue-rotate(1turn);transform:translate(5px,5px)}90%{opacity:1}to{opacity:0}}.tech-pixel{animation:techPixel .8s ease-out forwards;height:8px;width:8px}@keyframes techPixel{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.meteor-impact{animation:meteorImpact 1s ease-in forwards;filter:drop-shadow(0 0 10px #ff6600);font-size:40px}@keyframes meteorImpact{0%{opacity:0;transform:translate(-50%) rotate(-45deg)}70%{opacity:1}to{opacity:0;transform:translate(-50%,150px) rotate(-45deg)}}.meteor-shockwave{animation:meteorShockwave 1.2s ease-out forwards;border:4px solid #f60;border-radius:50%;height:50px;width:50px}@keyframes meteorShockwave{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{border-width:1px;opacity:0;transform:translate(-50%,-50%) scale(5)}}.default-sparkle{animation:defaultSparkle 1s ease-out forwards;font-size:20px}@keyframes defaultSparkle{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(0)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(1)}}.enhanced-victory-pose{animation:victoryPoseEntry .8s ease-out forwards;left:50%;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:3000}@keyframes victoryPoseEntry{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-180deg)}60%{transform:translate(-50%,-50%) scale(1.2) rotate(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.victory-trophy{animation:trophyBounce 1s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(255,215,0,.6));font-size:120px}@keyframes trophyBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.victory-pose-text{animation:textPulse 1s ease-in-out infinite;color:gold;font-size:48px;font-weight:700;margin-top:20px;text-shadow:0 0 10px #fff,0 0 20px gold,0 0 30px gold,2px 2px 4px #000c}@keyframes textPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.victory-firework{animation:fireworkExplode 2s ease-out infinite;font-size:30px;position:absolute}@keyframes fireworkExplode{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1}to{opacity:0;transform:translateY(-200px) scale(1)}}.fusion-ui-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.fusion-ui-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #ff9800;border-radius:20px;box-shadow:0 10px 50px #ff980080;max-height:90vh;max-width:90%;overflow-y:auto;padding:30px}.fusion-ui-container h2{color:#ff9800;font-size:32px;margin:0 0 10px;text-align:center;text-shadow:0 0 10px #ff9800cc}.fusion-ui-container p{color:#fff;font-size:18px;margin:0 0 20px;text-align:center}.fusion-card-selection{background:#0000004d;border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:20px}.fusion-card{cursor:pointer;pointer-events:auto;position:relative;transition:all .3s ease}.fusion-card .card{pointer-events:none}.fusion-card:hover{transform:translateY(-10px)}.fusion-card.selected{border:3px solid #ff9800;border-radius:12px;filter:drop-shadow(0 0 20px #ff9800);padding:5px;transform:scale(1.1)}.fusion-card.selected:after{align-items:center;background:#4caf50;border-radius:50%;box-shadow:0 2px 10px #4caf50cc;color:#fff;content:"✓";display:flex;font-size:20px;font-weight:700;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px}.fusion-preview{animation:fadeIn .3s ease-out;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.fusion-preview-success{background:linear-gradient(135deg,#4caf5033,#ff980033);border:2px solid #4caf50;box-shadow:0 0 20px #4caf504d}.fusion-preview-fail{background:#f4433633;border:2px solid #f44336;box-shadow:0 0 20px #f443364d}.preview-title{color:#fff;font-size:24px;text-shadow:0 2px 4px #00000080}.preview-name,.preview-title{font-weight:700;margin-bottom:10px}.preview-name{color:#ff9800;font-size:28px;text-shadow:0 0 10px #ff980099}.preview-abilities,.preview-element,.preview-strength{color:#fff;font-size:16px;margin:5px 0}.preview-strength .bonus{color:#4caf50;font-weight:700}.preview-message{color:#fff;font-size:18px;margin-top:10px}.fusion-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.fusion-cancel-btn,.fusion-confirm-btn{border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.fusion-confirm-btn{background:linear-gradient(135deg,#ff9800,gold);box-shadow:0 4px 15px #ff980099;color:#fff}.fusion-confirm-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff9800cc;transform:translateY(-2px)}.fusion-confirm-btn:disabled{background:#555;cursor:not-allowed;opacity:.5}.fusion-cancel-btn{background:linear-gradient(135deg,#666,#444);box-shadow:0 4px 15px #0006;color:#fff}.fusion-cancel-btn:hover{background:linear-gradient(135deg,#777,#555);transform:translateY(-2px)}.trap-ui-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.trap-ui-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #9c27b0;border-radius:20px;box-shadow:0 10px 50px #9c27b080;max-width:600px;padding:30px}.trap-ui-container h2{color:#9c27b0;font-size:32px;margin:0 0 10px;text-align:center;text-shadow:0 0 10px #9c27b0cc}.trap-ui-container p{color:#fff;font-size:18px;margin:0 0 20px;text-align:center}.trap-positions{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.trap-position-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border:2px solid #ce93d8;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:1px;padding:20px;text-transform:uppercase;transition:all .3s ease}.trap-position-btn:hover{background:linear-gradient(135deg,#ab47bc,#8e24aa);box-shadow:0 4px 20px #9c27b0cc;transform:translateX(10px)}.trap-cancel-btn{background:linear-gradient(135deg,#666,#444);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:700;letter-spacing:1px;margin:0 auto;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.trap-cancel-btn:hover{background:linear-gradient(135deg,#777,#555);transform:translateY(-2px)}.advanced-mechanics-controls{align-items:center;display:flex;gap:12px;left:50%;pointer-events:auto;position:absolute;top:-75px;transform:translateX(-50%);z-index:100}.fusion-btn,.skip-turn-btn,.trap-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid;border-radius:50%;box-shadow:0 4px 15px #0006;cursor:pointer;display:flex;font-size:32px;height:56px;justify-content:center;padding:0;touch-action:manipulation;transition:all .3s ease;user-select:none;-webkit-user-select:none;width:56px;will-change:transform}.fusion-btn{background:linear-gradient(135deg,#ff9800,gold);border-color:gold;color:#fff}.fusion-btn:hover{box-shadow:0 6px 20px #ff9800cc;transform:scale(1.1)}.fusion-btn:active{transform:scale(.95)}.trap-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#ce93d8;color:#fff}.trap-btn:hover{box-shadow:0 6px 20px #9c27b0cc;transform:scale(1.1)}.trap-btn:active{transform:scale(.95)}.trap-btn.selected{animation:selectedPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#8bc34a);border-color:#a5d6a7}@keyframes selectedPulse{0%,to{box-shadow:0 4px 15px #4caf5099}50%{box-shadow:0 6px 25px #4caf50}}.skip-turn-btn{animation:skipButtonPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff5722,#ff9800);border-color:gold;color:#fff}.skip-turn-btn.waiting{animation:none;background:linear-gradient(135deg,#666,#888);border-color:#999;cursor:not-allowed;opacity:.7}.skip-turn-btn.waiting-turn{animation:waitingTurnPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4a90a4,#63b4cf);border-color:#87ceeb;opacity:.9}.skip-turn-btn.waiting-turn:hover{background:linear-gradient(135deg,#5fa8bf,#7ac4e0);box-shadow:0 8px 30px #87ceeb;transform:scale(1.1)}@keyframes waitingTurnPulse{0%,to{box-shadow:0 4px 15px #4a90a499}50%{box-shadow:0 6px 25px #63b4cfe6}}.skip-turn-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:5px;pointer-events:auto;position:relative;z-index:100}.skip-turn-controls.no-cards-warning{background:#ff572233;border:1px solid #ff572266;border-radius:25px;padding:8px 15px}.skip-turn-controls .no-cards-text{color:#ff9800;font-size:12px;font-weight:600}@keyframes skipButtonPulse{0%,to{box-shadow:0 4px 15px #ff572299}50%{box-shadow:0 6px 25px #ff9800e6}}.skip-turn-btn:disabled{animation:none;background:linear-gradient(135deg,#666,#888);border-color:#555;cursor:not-allowed;opacity:.5;pointer-events:auto}.skip-turn-btn:not(:disabled){cursor:pointer;pointer-events:auto;z-index:101}.skip-turn-btn:hover:not(:disabled){animation:none;background:linear-gradient(135deg,#ff7043,#ffb74d);box-shadow:0 8px 30px #ff9800;transform:scale(1.1)}.skip-turn-btn:active:not(:disabled){transform:scale(.95)}.skip-turn-message-container{left:50%;pointer-events:none;position:absolute;top:-15px;transform:translateX(-50%);z-index:99}.skip-turn-message{animation:messageFade 2s ease-in-out infinite;background:#000000b3;border:1px solid #ffd7004d;border-radius:20px;color:gold;font-size:14px;font-weight:600;margin:0;padding:8px 20px;text-align:center}@keyframes messageFade{0%,to{opacity:.7}50%{opacity:1}}.skip-turn-notification{animation:skipNotificationShow 1.5s ease-out forwards;background:linear-gradient(135deg,#ff5722f2,#ff9800f2);border:3px solid gold;border-radius:20px;box-shadow:0 10px 50px #ff5722cc;color:#fff;font-size:32px;font-weight:900;left:50%;letter-spacing:3px;padding:30px 60px;position:fixed;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:10000}@keyframes skipNotificationShow{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-10deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(5deg)}50%{transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(0deg)}}.game-board:has(.fusion-ui-overlay) .left-toggle,.game-board:has(.fusion-ui-overlay) .right-toggle,.game-board:has(.fusion-ui-overlay) .sidebar-toggle{display:none!important;pointer-events:none!important;visibility:hidden!important}@media (max-width:768px){.fusion-ui-container,.trap-ui-container{max-width:95%;padding:20px}.game-board:has(.fusion-ui-overlay) .sidebar-toggle{display:none!important}.fusion-ui-container h2,.trap-ui-container h2{font-size:24px}.fusion-card-selection{gap:10px;padding:10px}.fusion-cancel-btn,.fusion-confirm-btn,.trap-cancel-btn{font-size:16px;padding:12px 25px}.trap-position-btn{font-size:16px;padding:15px}.advanced-mechanics-controls{gap:8px;top:-85px;z-index:150}.fusion-btn,.skip-turn-btn,.trap-btn{border-width:2px;font-size:28px;height:52px;width:52px}.fusion-btn:active,.skip-turn-btn:active,.trap-btn:active{transform:scale(.9)}.skip-turn-message-container{top:-25px}.skip-turn-message{font-size:11px;padding:5px 12px;white-space:nowrap}.skip-turn-notification{font-size:24px;padding:20px 40px}.phase-transition{font-size:36px;letter-spacing:2px}.phase-transition.battle-start-epic{font-size:48px;letter-spacing:4px}}.performance-mode .particle{animation-duration:.5s!important;filter:none!important}.performance-mode .cosmic-particle{animation-duration:1s!important;display:none!important}.performance-mode .damage-number{animation-duration:.3s!important;text-shadow:none!important}.performance-mode .card:hover{box-shadow:none!important;transform:translateY(-2px)!important}.performance-mode .played-card{transition:all .2s ease!important}.performance-mode .confetti-piece,.performance-mode .elemental-weather{display:none!important}.card,.damage-number,.particle,.played-card{backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width:768px){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card,.cosmic-particle,.damage-number,.particle,.played-card,.turn-text{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000}@keyframes turnBounce{0%{opacity:0;transform:translateZ(0) scale(.7)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes pulse-glow{0%,to{opacity:.9}50%{opacity:1}}.turn-text{animation:turnBounce .3s ease-out!important;text-shadow:2px 2px 4px #000000e6!important}.turn-announcement{top:28%!important;transform:translateX(-50%)!important}.your-turn-announcement{bottom:auto!important;top:50%!important;transform:translateX(-50%)!important}.particle{animation-duration:.8s!important;filter:blur(0)!important}.cosmic-particle,.particle{filter:none!important}.damage-number{text-shadow:0 0 10px currentColor,0 2px 4px #000c!important}.confetti-piece:nth-child(n+15){display:none}.cosmic-particle{animation-duration:1.2s!important}.damage-number{animation-duration:.5s!important}.card{box-shadow:0 2px 8px #0000004d!important}.card:active,.card:hover{box-shadow:0 4px 12px #0006!important}.turn-text{text-shadow:2px 2px 4px #000c!important}.modal-overlay,.pause-menu-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.card,.played-card{filter:none!important}.card:active,.card:hover{transform:translateY(-5px)!important}.card,.hand,.played-card{box-shadow:0 4px 8px #0000004d!important}}@media (hover:none) and (pointer:coarse){.card:hover{transform:none!important}.card:active{transform:scale(.98)!important}.cosmic-particle,.particle{animation-iteration-count:1!important}}.merger-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;will-change:transform}@keyframes mergerFlyIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(0deg)}50%{opacity:1}to{left:50%!important;opacity:1;right:auto!important;transform:translate(0) scale(1.2) rotate(2turn)}}.merger-burst-particle{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}@keyframes mergerBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:.8;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1.5)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.5)}}.merger-collision-flash{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:opacity,transform}@keyframes mergerFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.merger-fused-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}@keyframes mergerFormCard{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(180deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(1turn)}}@keyframes mergerGlow{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateX(60px) rotate(calc(var(--orbit-angle)*-1))}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--orbit-angle) + 1turn)) translateX(60px) rotate(calc((var(--orbit-angle) + 1turn)*-1))}}@media (max-width:768px){.merger-card{font-size:36px!important}.merger-fused-icon{font-size:48px!important}@keyframes mergerBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1)}}@keyframes mergerGlow{0%,to{opacity:0;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateX(40px) rotate(calc(var(--orbit-angle)*-1))}50%{opacity:1}}}.ultimate-damage-display{pointer-events:none}.ultimate-damage-display .damage-number{animation:damageNumberPulse .5s ease-out;color:#f22;font-size:72px;font-weight:900;text-shadow:0 0 20px red,0 0 40px red,0 4px 8px #000c}.ultimate-damage-display .damage-text{color:#fc0;font-size:24px;text-shadow:0 2px 4px #000c}@keyframes ultimateDamagePopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.8)}}@keyframes damageNumberPulse{0%{color:#fff;transform:scale(.5)}50%{color:red;transform:scale(1.3)}to{color:#f22;transform:scale(1)}}@keyframes ultimateCardDamage{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}30%{transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-80%) scale(1)}to{opacity:0;transform:translate(-50%,-120%) scale(.8)}}.ultimate-card-damage{font-family:Arial Black,sans-serif;letter-spacing:-2px}.played-card-wrapper.ultimate-hit{animation:ultimateHitFlash .5s ease-out}@keyframes ultimateHitFlash{0%{filter:brightness(1);transform:scale(1)}20%{filter:brightness(2) saturate(0) drop-shadow(0 0 20px #ff0000);transform:scale(1.1)}40%{filter:brightness(1.5) saturate(.5) drop-shadow(0 0 15px #ff4444);transform:scale(.95)}to{filter:brightness(1);transform:scale(1)}}.ai-ultimate-indicator{align-items:center;background:linear-gradient(135deg,#50287899,#321450cc);border:1px solid #94f6;border-radius:8px;display:flex;font-size:12px;gap:6px;margin:6px 0;padding:6px 10px}.ai-ultimate-indicator.ready{animation:aiUltimatePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#94f6,#60f9);border-color:#94f;box-shadow:0 0 15px #9944ff80}@keyframes aiUltimatePulse{0%,to{box-shadow:0 0 10px #94f6}50%{box-shadow:0 0 25px #94fc,0 0 35px #6600ff80}}.ai-ultimate-indicator .ai-ultimate-icon{font-size:16px}.ai-ultimate-indicator .ai-ultimate-label{color:#fffc;font-weight:500}.ai-ultimate-indicator.ready .ai-ultimate-label{animation:aiUltimateReady 1s ease-in-out infinite;color:#f94;font-weight:700}@keyframes aiUltimateReady{0%,to{opacity:1}50%{opacity:.7}}.ultimate-card-damage.ai-ultimate{color:#94f!important;text-shadow:0 0 10px #60f,0 0 20px #60f,2px 2px 4px #000c!important}.ai-ultimate-display{color:#94f!important;text-shadow:0 0 20px #60f,0 0 40px #60f!important}.ai-ultimate-display .ai-ultimate-icon{animation:aiUltimateIconPop .5s ease-out;font-size:64px}@keyframes aiUltimateIconPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.winning-card-overlay{align-items:center;animation:overlayFadeIn .5s ease-out;background:radial-gradient(ellipse at center,#000000d9 0,#000000f2 100%);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.winning-card-arena{align-items:center;display:flex;flex-direction:column;gap:30px;height:80vh;justify-content:center;max-width:800px;position:relative;width:90%}.winning-phase-header{animation:headerSlideIn .8s ease-out;text-align:center}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.winning-phase-title{animation:titlePulse 2s ease-in-out infinite;color:gold;font-size:32px;font-weight:900;letter-spacing:2px;margin:0 0 10px;text-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70066,2px 2px 4px #000c}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.winning-phase-subtitle{color:#fffc;font-size:18px;margin:0}.winning-arena-center{height:200px;width:200px}.arena-target-zone,.winning-arena-center{align-items:center;display:flex;justify-content:center;position:relative}.arena-target-zone{animation:targetGlow 1.5s ease-in-out infinite alternate;background:#ffd7001a;border:4px dashed #ffd70099;border-radius:20px;height:180px;width:180px}@keyframes targetGlow{0%{box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7001a}to{box-shadow:0 0 40px #ffd70099,inset 0 0 30px #ffd70033}}.target-pulse{animation:targetPulseRing 2s ease-out infinite;border:3px solid #ffd70080;border-radius:20px;height:100%;position:absolute;width:100%}@keyframes targetPulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.target-text{color:#ffd700b3;font-size:14px;font-weight:700;letter-spacing:3px}.winning-cards-selection{animation:cardsSlideUp .8s ease-out .3s both;text-align:center}@keyframes cardsSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.winning-cards-selection h3{color:#fff;font-size:20px;margin:0 0 20px;text-shadow:0 2px 4px #00000080}.winning-cards-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;max-width:100%;overflow-x:auto;padding:10px}.winning-card-option{animation:cardAppear .5s ease-out backwards;cursor:pointer;position:relative;transition:all .3s ease}.winning-card-option:first-child{animation-delay:.1s}.winning-card-option:nth-child(2){animation-delay:.2s}.winning-card-option:nth-child(3){animation-delay:.3s}.winning-card-option:nth-child(4){animation-delay:.4s}.winning-card-option:nth-child(5){animation-delay:.5s}@keyframes cardAppear{0%{opacity:0;transform:scale(.5) rotateY(180deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.winning-card-option:hover{transform:scale(1.1) translateY(-10px);z-index:10}.winning-card-option:hover:before{animation:hoverGlow .5s ease-out;background:radial-gradient(ellipse at center,#ffd70066 0,#0000 70%);border-radius:15px;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}@keyframes hoverGlow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.card-strength-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:20px;bottom:-10px;box-shadow:0 2px 10px #0000004d;color:#fff;font-size:14px;font-weight:700;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%);z-index:5}.explosion-container{align-items:center;display:flex;height:100%;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.explosion-ring{animation:explosionRing 1.5s ease-out forwards;border:4px solid;border-radius:50%;position:absolute}.explosion-ring.ring-1{animation-delay:0s;border-color:#ff6b6b;height:100px;width:100px}.explosion-ring.ring-2{animation-delay:.2s;border-color:gold;height:100px;width:100px}.explosion-ring.ring-3{animation-delay:.4s;border-color:#ff8c00;height:100px;width:100px}@keyframes explosionRing{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(6)}}.explosion-flash{animation:explosionFlash .5s ease-out forwards;background:radial-gradient(circle,#fff 0,#ffd700cc 30%,#0000 70%);border-radius:50%;height:300px;position:absolute;width:300px}@keyframes explosionFlash{0%{opacity:1;transform:scale(0)}50%{opacity:.8;transform:scale(2)}to{opacity:0;transform:scale(3)}}.explosion-particles{height:100%;position:absolute;width:100%}.explosion-particle{animation:explosionParticle 1.5s ease-out forwards;animation-delay:var(--delay);background:linear-gradient(135deg,gold,#ff6b6b);border-radius:50%;height:15px;left:50%;position:absolute;top:50%;width:15px}@keyframes explosionParticle{0%{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance)*-1))}}.winning-card-display{animation:winningCardReveal 1s ease-out .5s both;position:absolute;z-index:10}@keyframes winningCardReveal{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.3) rotate(10deg)}to{opacity:1;transform:scale(1.2) rotate(0deg)}}.winning-card-glow{animation:winningGlow 1s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#ffd70099 0,#0000 70%);border-radius:20px;bottom:-30px;left:-30px;position:absolute;right:-30px;top:-30px;z-index:-1}@keyframes winningGlow{0%{box-shadow:0 0 30px #ffd70080,0 0 60px #ffd7004d}to{box-shadow:0 0 50px #ffd700cc,0 0 100px #ffd70080}}.explosion-text{animation:explosionTextReveal .8s ease-out 1s both;bottom:10%;color:gold;font-size:48px;font-weight:900;left:50%;letter-spacing:4px;position:absolute;text-shadow:0 0 30px gold,0 0 60px #ff6b6bcc,3px 3px 6px #000000e6;transform:translateX(-50%);white-space:nowrap}@keyframes explosionTextReveal{0%{filter:blur(20px);opacity:0;transform:translateX(-50%) scale(3)}50%{filter:blur(0);opacity:1}to{filter:blur(0);opacity:1;transform:translateX(-50%) scale(1)}}.winning-card-arena.explosion-active{animation:screenShake .5s ease-out}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-10px,-5px)}20%{transform:translate(10px,5px)}30%{transform:translate(-8px,8px)}40%{transform:translate(8px,-8px)}50%{transform:translate(-5px,5px)}60%{transform:translate(5px,-5px)}70%{transform:translate(-3px,3px)}80%{transform:translate(3px,-3px)}90%{transform:translate(-1px,1px)}}@media (max-width:600px){.winning-phase-title{font-size:22px;letter-spacing:1px}.winning-phase-subtitle{font-size:14px}.winning-cards-grid{gap:10px}.winning-card-option{transform:scale(.85)}.winning-card-option:hover{transform:scale(.95) translateY(-5px)}.explosion-text{font-size:28px;letter-spacing:2px}.arena-target-zone{height:120px;width:120px}.card-strength-badge{font-size:11px;padding:3px 8px}}.video-effect-container{background:#0000!important;isolation:isolate;overflow:visible;pointer-events:none;position:absolute;z-index:500}.video-effect{background:#0000!important;background-color:initial!important;display:block;height:200px;mix-blend-mode:screen;object-fit:contain;width:200px}.video-effect-container:before{content:none}.video-effect-fire{background:#0000!important;filter:brightness(1.3) contrast(1.15) saturate(1.2)}.video-effect-fire .video-effect{background:#0000!important;background-color:initial!important;filter:drop-shadow(0 0 10px rgba(255,100,0,.5));mix-blend-mode:screen!important}.video-effect-smoke{background:#0000!important;filter:brightness(.95) contrast(1.15);opacity:.85}.video-effect-smoke .video-effect{background:#0000!important;background-color:initial!important;filter:grayscale(.3) drop-shadow(0 0 5px rgba(100,100,100,.3));mix-blend-mode:screen!important}.video-effect-enter{animation:videoEffectEnter .3s ease-out forwards}.video-effect-exit{animation:videoEffectExit .3s ease-in forwards}@keyframes videoEffectEnter{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes videoEffectExit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}.video-effect-fallback{pointer-events:none;z-index:500}.video-fallback-fire{text-shadow:0 0 20px #ff6400cc,0 0 40px #ff320099,0 0 60px #f006}.video-fallback-smoke{filter:grayscale(.5);text-shadow:0 0 20px #646464cc,0 0 40px #32323299}@keyframes videoEffectFallback{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.video-effect-fire.fire-burst{animation:fireBurstPulse .5s ease-out}@keyframes fireBurstPulse{0%{filter:brightness(1.2) contrast(1.1)}50%{filter:brightness(1.8) contrast(1.3)}to{filter:brightness(1.2) contrast(1.1)}}.video-effect-fire.fire-aura{animation:fireAuraPulse 2s ease-in-out infinite}@keyframes fireAuraPulse{0%,to{filter:brightness(1) contrast(1);transform:translate(-50%,-50%) scale(1)}50%{filter:brightness(1.3) contrast(1.2);transform:translate(-50%,-50%) scale(1.1)}}@media (max-width:768px){.video-effect{height:150px;width:150px}}@media (max-width:480px){.video-effect{height:100px;width:100px}.video-effect-fallback{font-size:60px!important}}.victory-fire-container{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:100}.ember-battle-overlay{animation:emberGlow 3s ease-in-out infinite;background:radial-gradient(ellipse at center,#0000 30%,#ff64001a 70%,#ff320033 100%);inset:0;pointer-events:none;position:fixed;z-index:50}@keyframes emberGlow{0%,to{opacity:.5}50%{opacity:.8}}.screen-burn-effect{animation:screenBurn .5s ease-out forwards;background:radial-gradient(ellipse at center,#0000 0,#ff64004d 50%,#ff320080 100%);inset:0;pointer-events:none;position:fixed;z-index:1000}@keyframes screenBurn{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.critical-fire-overlay{inset:-20%;mix-blend-mode:screen;pointer-events:none;position:absolute;z-index:450}.critical-fire-overlay .video-effect{height:140%;width:140%}.video-effect-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.ember-battle-overlay,.screen-burn-effect,.video-effect-container,.video-effect-fallback{animation:none!important;transition:opacity .3s ease!important}.video-effect{display:none}.video-effect-fallback{display:block}}.booster-bar{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:2px solid #4caf50;border-radius:12px;box-shadow:0 8px 32px #000c;max-width:300px;min-width:250px;padding:15px;position:fixed;right:20px;top:80px;z-index:1500}.booster-bar h3{color:#4caf50;font-size:18px;margin:0 0 10px;text-align:center;text-shadow:0 0 10px #4caf5099}.booster-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.booster-item{align-items:center;background:#4caf501a;border:2px solid #4caf50;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .3s ease}.booster-item:hover{background:#4caf5033;box-shadow:0 4px 15px #4caf5066;transform:translateX(-5px)}.booster-item.active{animation:boosterActive 2s ease-in-out infinite;background:#4caf504d;border-color:#8bc34a}.booster-item.used{border-color:#666;cursor:not-allowed;opacity:.5}@keyframes boosterActive{0%,to{box-shadow:0 0 15px #4caf5099}50%{box-shadow:0 0 25px #4caf50e6}}.booster-icon{font-size:32px;line-height:1}.booster-info{flex:1 1}.booster-name{color:#fff;font-size:14px;font-weight:700;margin-bottom:3px}.booster-description{color:#aaa;font-size:11px;line-height:1.3}.booster-duration{background:#4caf504d;color:#4caf50}.booster-cost,.booster-duration{border-radius:4px;font-size:12px;font-weight:700;padding:2px 8px}.booster-cost{background:#2196f34d;color:#2196f3}.active-boosts{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:20px;z-index:1400}.active-boost{align-items:center;animation:boostAppear .5s ease-out;background:linear-gradient(135deg,#4caf50f2,#8bc34af2);border:2px solid #4caf50;border-radius:10px;box-shadow:0 4px 20px #4caf5080;color:#fff;display:flex;gap:10px;padding:10px 15px}@keyframes boostAppear{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.active-boost-icon{font-size:28px}.active-boost-text{flex:1 1}.active-boost-name{font-size:14px;font-weight:700;margin-bottom:2px}.active-boost-turns{font-size:12px;opacity:.9}.ultimate-bar{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:3px solid #ff9800;border-radius:15px;bottom:20px;box-shadow:0 8px 32px #000c;left:50%;min-width:350px;padding:20px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:100}.ultimate-header{margin-bottom:15px;text-align:center}.ultimate-name{color:#ff9800;font-size:20px;font-weight:700;margin-bottom:5px;text-shadow:0 0 10px #ff9800cc}.ultimate-description{color:#ccc;font-size:14px}.ultimate-cooldown{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}.cooldown-display{color:#ff9800;font-size:32px;font-weight:700;text-shadow:0 0 15px #ff980099}.cooldown-display.ready{animation:ultimateReady 1.5s ease-in-out infinite;color:#4caf50}@keyframes ultimateReady{0%,to{text-shadow:0 0 15px #4caf5099;transform:scale(1)}50%{text-shadow:0 0 25px #4caf50e6;transform:scale(1.1)}}.cooldown-bar{background:#00000080;border:2px solid #ff9800;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.cooldown-fill{background:linear-gradient(90deg,#ff9800,#ffc107);box-shadow:0 0 15px #ff9800cc;height:100%;transition:width .5s ease}.cooldown-fill.ready{background:linear-gradient(90deg,#4caf50,#8bc34a);box-shadow:0 0 15px #4caf50cc}.ultimate-button{border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;padding:15px;pointer-events:auto;text-shadow:0 2px 4px #00000080;transition:all .3s ease;width:100%}.ultimate-button.ready{animation:ultimatePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#8bc34a);box-shadow:0 0 30px #4caf5099;color:#fff}.ultimate-button.ready:hover{box-shadow:0 0 40px #4caf50e6;transform:scale(1.05)}.ultimate-button:disabled{background:linear-gradient(135deg,#666,#888);box-shadow:none;color:#ccc;cursor:not-allowed}@keyframes ultimatePulse{0%,to{box-shadow:0 4px 15px #ff9800cc,0 0 30px #ff980066;transform:scale(1)}50%{box-shadow:0 4px 20px #ff9800,0 0 50px #ff9800cc;transform:scale(1.05)}}.sideboard-panel{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:2px solid #9c27b0;border-radius:12px;box-shadow:0 8px 32px #000c;left:20px;padding:15px;position:fixed;top:50%;transform:translateY(-50%);width:180px;z-index:1500}.sideboard-header{margin-bottom:10px;text-align:center}.sideboard-title{color:#9c27b0;font-size:16px;font-weight:700;margin-bottom:5px;text-shadow:0 0 10px #9c27b099}.sideboard-swaps{color:#ccc;font-size:12px}.sideboard-cards{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.sideboard-card{background:#9c27b01a;border:2px solid #9c27b0;border-radius:8px;cursor:pointer;padding:8px;text-align:center;transition:all .3s ease}.sideboard-card:hover{background:#9c27b033;box-shadow:0 4px 15px #9c27b066;transform:scale(1.05)}.sideboard-card.selected{background:#9c27b04d;border-color:#ce93d8}.swap-mode-hint{animation:hintFadeIn .5s ease-out;background:#9c27b0f2;border-radius:15px;box-shadow:0 10px 50px #000000e6;color:#fff;font-size:20px;font-weight:700;left:50%;padding:30px 50px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10000}.equipment-panel{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:2px solid #ff9800;border-radius:12px;box-shadow:0 8px 32px #000c;padding:20px;position:fixed;right:20px;top:50%;transform:translateY(-50%);width:280px;z-index:1500}.equipment-header{margin-bottom:15px;text-align:center}.equipment-title{color:#ff9800;font-size:20px;font-weight:700;margin-bottom:5px;text-shadow:0 0 10px #ff980099}.equipment-slots{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.equipment-slot{align-items:center;background:#ff98001a;border:2px solid #ff9800;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:15px;position:relative;text-align:center;transition:all .3s ease}.equipment-slot:hover{background:#ff980033;box-shadow:0 4px 15px #ff980066;transform:scale(1.05)}.equipment-slot.equipped{background:#4caf501a;border-color:#4caf50}.slot-label{color:#ff9800;font-size:10px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.slot-icon{font-size:32px;margin-bottom:5px}.slot-name{color:#fff;font-size:11px;font-weight:700}.slot-empty{color:#666;font-size:11px;font-style:italic}.equipment-stats{background:#0000004d;border-radius:8px;padding:10px}.equipment-stats-title{color:#ff9800;font-size:14px;font-weight:700;margin-bottom:8px;text-align:center}.stat-row{color:#fff;display:flex;font-size:12px;justify-content:space-between;padding:4px 0}.stat-label{color:#aaa}.stat-value{color:#4caf50;font-weight:700}.equipment-slot.rarity-rare{border-color:#2196f3;box-shadow:0 0 15px #2196f34d}.equipment-slot.rarity-epic{border-color:#9c27b0;box-shadow:0 0 15px #9c27b04d}.equipment-slot.rarity-legendary{animation:legendaryGlow 3s ease-in-out infinite;border-color:gold;box-shadow:0 0 20px #ffd70080}@keyframes legendaryGlow{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 35px #ffd700cc}}.equipment-gold{color:gold;font-size:16px;font-weight:700;margin-bottom:10px;text-align:center;text-shadow:0 0 10px #ffd70099}.equipment-shop-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);border:2px solid #4caf50;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:8px 20px;transition:all .3s ease}.equipment-shop-btn:hover{box-shadow:0 4px 15px #4caf5099;transform:scale(1.05)}.equipment-shop{max-height:400px;overflow-y:auto}.equipment-shop h4{color:gold;margin-bottom:15px;text-align:center}.shop-items{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.shop-item{align-items:center;background:#ff98001a;border:2px solid #ff9800;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .3s ease}.shop-item:hover:not(.unlocked){background:#ff980033;transform:translateX(5px)}.shop-item.unlocked{border-color:#4caf50;cursor:default;opacity:.6}.shop-item.expensive{cursor:not-allowed;opacity:.4}.shop-item-icon{font-size:28px}.shop-item-name{color:#fff;flex:1 1;font-size:13px;font-weight:700}.shop-item-rarity{color:#ff9800;font-size:10px;text-transform:uppercase}.shop-item-cost{color:gold;font-size:12px;font-weight:700}.equipment-inventory{margin:15px 0}.equipment-inventory h4{color:#ff9800;font-size:14px;margin-bottom:10px;text-align:center}.inventory-items{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);max-height:200px;overflow-y:auto}.inventory-item{background:#ff98001a;border:2px solid #ff9800;border-radius:8px;cursor:pointer;padding:10px;position:relative;text-align:center;transition:all .3s ease}.inventory-item:hover:not(.equipped){background:#ff980033;transform:scale(1.05)}.inventory-item.equipped{background:#4caf5026;border-color:#4caf50}.inventory-icon{font-size:24px;margin-bottom:5px}.inventory-name{color:#fff;font-size:10px;font-weight:700}.equipped-badge{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:5px;top:5px;width:18px}.no-stats{color:#666;font-size:12px;font-style:italic;padding:10px;text-align:center}.active-equipment-stats{background:#1a1a2ef2;border:2px solid #ff9800;border-radius:10px;box-shadow:0 4px 20px #ff980066;left:20px;min-width:200px;padding:12px;position:fixed;top:80px;z-index:1500}.stats-header{color:#ff9800;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:8px;text-align:center;-webkit-user-select:none;user-select:none}.stats-header:hover{color:gold}.stats-list{display:flex;flex-direction:column;gap:6px}.stat-item{display:flex;font-size:12px;justify-content:space-between}.stat-name{color:#aaa;text-transform:capitalize}.stat-boost{color:#4caf50;font-weight:700}.equipment-reward-notification{animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateX(-50%) translateY(-100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:1024px){.booster-bar{bottom:180px;left:0;margin:0 auto;max-width:500px;right:0;top:auto;transform:none;width:100%}.equipment-panel,.sideboard-panel{left:50%;max-width:400px;right:auto;top:50%;transform:translateX(-50%) translateY(-50%);width:90%}.equipment-panel{max-height:80vh;overflow-y:auto}.ultimate-bar{min-width:300px;padding:15px}.active-boosts{right:10px;top:10px}.equipment-slots{gap:8px;grid-template-columns:repeat(2,1fr)}.equipment-slot{min-height:70px;padding:10px}.slot-icon{font-size:24px}.slot-empty,.slot-label,.slot-name{font-size:10px}}@media (max-width:768px){.booster-bar{bottom:160px;max-width:350px;padding:10px}.equipment-panel{max-width:360px;padding:15px;width:95%}.equipment-title{font-size:18px}.equipment-slots{gap:6px}.equipment-slot{min-height:60px;padding:8px}.slot-icon{font-size:20px}.slot-empty,.slot-label,.slot-name{font-size:9px}.inventory-items{gap:8px}.inventory-item{padding:8px}.inventory-icon{font-size:20px}.inventory-name{font-size:10px}.shop-items{gap:8px}.shop-item{padding:10px}.shop-item-icon{font-size:24px}.shop-item-name{font-size:11px}.ultimate-bar{min-width:250px;padding:10px}.ultimate-name{font-size:16px}.ultimate-description{font-size:12px}.cooldown-display{font-size:24px}.ultimate-button{font-size:16px;padding:12px}}.brand-screen{align-items:center;animation:brandFadeIn .5s ease-out;background:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.brand-screen.fade-out{animation:brandFadeOut .5s ease-out forwards}@keyframes brandFadeIn{0%{opacity:0}to{opacity:1}}@keyframes brandFadeOut{0%{opacity:1}to{opacity:0}}.brand-content{align-items:center;animation:brandPulse 2s ease-in-out infinite;display:flex;justify-content:center}.brand-logo{filter:drop-shadow(0 4px 20px rgba(0,0,0,.1));height:auto;max-width:400px;object-fit:contain;width:80vw}@keyframes brandPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}@media (max-width:768px){.brand-logo{max-width:300px;width:70vw}}@media (max-width:480px){.brand-logo{max-width:250px;width:60vw}}.splash-screen{align-items:center;animation:splashFadeIn .5s ease-out;background:linear-gradient(135deg,#0f0c29b3,#302b63b3 50%,#24243eb3),url(/nebula-elemental-battle/static/media/void-demension1.abedf455dc7e864879d0.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:10000}.splash-screen:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffd7001a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.splash-screen.fade-out{animation:splashFadeOut 1s ease-out forwards}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashFadeOut{to{opacity:0;transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.splash-content{position:relative;text-align:center;z-index:1}.splash-logo{height:200px;margin:0 auto 40px;position:relative;width:300px}.logo-cards{height:100%;perspective:1000px;position:relative;width:100%}.splash-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid #ffd70080;border-radius:10px;box-shadow:0 8px 32px #0000004d,0 0 20px #ffd7004d;display:flex;height:120px;justify-content:center;position:absolute;width:80px}.card-emoji{filter:drop-shadow(0 0 10px currentColor);font-size:48px}.card-left{animation:cardFloatLeft 3s ease-in-out infinite;left:20px;top:40px;transform-origin:center}.card-center{animation:cardFloatCenter 3s ease-in-out .3s infinite;height:130px;left:50%;top:10px;transform:translateX(-50%);width:90px;z-index:2}.card-right{animation:cardFloatRight 3s ease-in-out .6s infinite;right:20px;top:40px;transform-origin:center}@keyframes cardFloatLeft{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-15px) rotate(-5deg)}}@keyframes cardFloatCenter{0%,to{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(-20px) scale(1.05)}}@keyframes cardFloatRight{0%,to{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-15px) rotate(5deg)}}.energy-circle{bottom:0;height:120px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.energy-ring,.energy-ring-2{animation:energyPulse 2s ease-in-out infinite;border:3px solid #ffd70080;border-radius:50%;height:100%;position:absolute;width:100%}.energy-ring-2{animation-delay:1s;opacity:.6}@keyframes energyPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.splash-title{display:flex;flex-direction:column;gap:10px;margin:0 0 20px}.title-word{display:block;font-size:64px;font-weight:900;letter-spacing:8px;text-shadow:0 0 30px currentColor,0 0 60px currentColor,4px 4px 12px #000c}.word-elemental{animation:titleSlideIn 1s ease-out .5s both;color:#4ecdc4}.word-battle{animation:titleSlideIn 1s ease-out .8s both;color:gold}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.splash-subtitle{animation:subtitleFadeIn 1s ease-out 1.2s both;color:#fffc;font-size:20px;letter-spacing:2px;margin:0 0 40px;text-shadow:2px 2px 4px #000c}@keyframes subtitleFadeIn{0%{opacity:0}to{opacity:1}}.music-indicator{align-items:center;animation:musicIndicatorFadeIn 1s ease-out 1.4s both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:20px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:20px;padding:8px 16px;transition:all .3s ease}.music-indicator:hover{background:#0009;transform:scale(1.05)}.music-indicator.playing{color:#4caf50;text-shadow:0 0 10px #4caf5080}.music-indicator.playing:before{animation:musicPulse 1s ease-in-out infinite;background:#4caf50;border-radius:50%;content:"";display:inline-block;height:6px;margin-right:4px;width:6px}.music-indicator.waiting{color:#ffffff80}.tap-hint{animation:tapHintPulse 2s ease-in-out infinite;font-size:12px;opacity:.8}@keyframes musicIndicatorFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes musicPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes tapHintPulse{0%,to{opacity:.8}50%{opacity:.4}}.loading-container{animation:loadingFadeIn .5s ease-out 1.5s both;margin:0 auto 30px;width:300px}@keyframes loadingFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:15px;overflow:hidden;width:100%}.loading-progress{animation:loadingProgress 3s ease-out forwards;background:linear-gradient(90deg,#4ecdc4,gold 50%,#ff6b6b);border-radius:2px;box-shadow:0 0 10px currentColor;height:100%}@keyframes loadingProgress{0%{width:0}to{width:100%}}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dots span{animation:dotBounce 1.4s ease-in-out infinite;background:gold;border-radius:50%;box-shadow:0 0 10px gold;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.element-showcase{animation:elementsFadeIn .8s ease-out 2s both;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto;max-width:500px}@keyframes elementsFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.element-icon{animation:iconPopIn .5s ease-out forwards;animation-delay:var(--delay);filter:drop-shadow(0 0 8px currentColor);font-size:24px;opacity:0;transition:transform .3s ease}.element-icon:hover{transform:scale(1.3) rotate(10deg)}@keyframes iconPopIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.press-button-prompt{animation:promptFadeIn .5s ease-out;bottom:40px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}@keyframes promptFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.prompt-text{animation:promptPulse 2s ease-in-out infinite;color:#ffffffe6;font-size:18px;font-weight:700;letter-spacing:3px;margin:0 0 10px;text-shadow:0 0 10px #ffd70099,2px 2px 4px #000c}@keyframes promptPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.prompt-indicator{animation:indicatorBounce 1.5s ease-in-out infinite;color:gold;font-size:24px;text-shadow:0 0 10px gold}@keyframes indicatorBounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@media (max-width:768px){.splash-logo{height:160px;width:250px}.splash-card{height:90px;width:60px}.card-center{height:100px;width:70px}.card-emoji{font-size:36px}.title-word{font-size:48px;letter-spacing:4px}.splash-subtitle{font-size:16px}.loading-container{width:250px}.element-icon{font-size:20px}.prompt-text{font-size:14px;letter-spacing:2px}.prompt-indicator{font-size:20px}}@media (max-width:480px){.title-word{font-size:36px}.splash-subtitle{font-size:14px}.prompt-text{font-size:12px;letter-spacing:1px}.prompt-indicator{font-size:18px}.element-icon,.energy-circle,.splash-card,.splash-content,.splash-logo,.splash-screen,.title-word{-webkit-backface-visibility:hidden;backface-visibility:hidden}.splash-screen:before{animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}@keyframes floatUp{0%{transform:translate3d(0,20px,0) rotateY(0deg)}to{transform:translateZ(0) rotateY(10deg)}}@keyframes floatDown{0%{transform:translate3d(0,20px,0) rotateY(0deg)}to{transform:translateZ(0) rotateY(-10deg)}}}.security-indicator{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;bottom:10px;box-shadow:0 4px 15px #4caf5066;color:#fff;cursor:help;display:flex;font-size:12px;font-weight:600;gap:8px;opacity:.9;padding:8px 15px;position:fixed;right:10px;transition:all .3s ease;z-index:9998}.security-indicator:hover{box-shadow:0 6px 20px #4caf5099;opacity:1;transform:scale(1.05)}.security-indicator.warning{animation:pulse-warning 2s ease-in-out infinite;background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 15px #ff980066}.security-indicator.danger{animation:pulse-danger 1s ease-in-out infinite;background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f4433666}@keyframes pulse-warning{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes pulse-danger{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.security-icon{animation:spin 3s linear infinite;font-size:16px}.security-indicator.danger .security-icon,.security-indicator.warning .security-icon{animation:shake .5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.security-tooltip{background:#000000f2;border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 10px 30px #00000080;color:#fff;font-size:13px;line-height:1.5;min-width:250px;opacity:0;padding:15px;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease}.security-indicator:hover .security-tooltip{opacity:1;pointer-events:auto}.security-tooltip h4{color:#4caf50;font-size:14px;margin:0 0 10px}.security-tooltip ul{margin:5px 0;padding-left:20px}.security-tooltip li{margin:3px 0}.security-indicator.production-hidden{display:none}@media (max-width:768px){.security-indicator{bottom:60px;font-size:11px;padding:6px 12px}.security-tooltip{font-size:12px;min-width:200px;padding:12px}}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:99999}.error-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;text-align:center;width:100%}.error-content h1{color:#e74c3c;font-size:32px;margin-bottom:20px}.error-message{color:#333;font-size:18px;line-height:1.6;margin-bottom:20px}.error-reasons{color:#666;font-size:16px;line-height:1.8;margin:20px auto;max-width:400px;text-align:left}.error-reasons li{margin-bottom:10px}.error-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.error-btn{border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.error-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea66;color:#fff}.error-btn.primary:hover{box-shadow:0 8px 20px #667eea99;transform:translateY(-2px)}.error-btn.secondary{background:#e74c3c;box-shadow:0 5px 15px #e74c3c66;color:#fff}.error-btn.secondary:hover{box-shadow:0 8px 20px #e74c3c99;transform:translateY(-2px)}.error-details{background:#f5f5f5;border-radius:10px;margin-top:30px;max-height:300px;overflow-y:auto;padding:15px;text-align:left}.error-details summary{color:#666;cursor:pointer;font-weight:700;margin-bottom:10px}.error-stack{background:#1e1e1e;border-radius:5px;color:#d4d4d4;font-family:Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto;padding:15px}@media (max-width:768px){.error-content{padding:30px 20px}.error-content h1{font-size:24px}.error-message{font-size:16px}.error-reasons{font-size:14px}.error-btn{font-size:16px;padding:12px 20px}.error-actions{flex-direction:column}.error-btn{width:100%}}