:root{--bg: #0d1117;--bg-card: #161b22;--bg-card2: #1c2128;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--primary: #58a6ff;--primary-hover: #79b8ff;--success: #3fb950;--error: #f85149;--warning: #d29922;--algo-green: #00b4d8;--radius: 12px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;color:var(--text);background-color:var(--bg)}body{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;margin:0;background-color:var(--bg)}h1{font-size:3.2em;line-height:1.1}.spiral-drain-animation{position:absolute;width:500px;height:500px;transform:translate(-50%,-50%);animation:spiral-appear 3s ease-out forwards}.spiral-vortex{animation:vortex-spin 3s linear forwards;transform-origin:center}.spiral-center{animation:center-pulse .3s ease-in-out infinite alternate}.hp-particle-left,.hp-particle-right{position:absolute;width:18px;height:18px;background:radial-gradient(circle,#ff1744,#d32f2f,#b71c1c);border-radius:50%;box-shadow:0 0 25px #ff1744,0 0 50px #ff1744,0 0 75px #ff174499;opacity:0}.hp-particle-left{animation:hp-drain-left 3s ease-in forwards;animation-delay:var(--delay)}.hp-particle-right{animation:hp-drain-right 3s ease-in forwards;animation-delay:var(--delay)}.energy-beam-left,.energy-beam-right{position:absolute;height:4px;background:linear-gradient(90deg,transparent,#ff1744,#ff1744,transparent);box-shadow:0 0 15px #ff1744,0 0 30px #ff1744;opacity:0;transform-origin:right center}.energy-beam-left{left:-200px;top:50%;width:200px;animation:beam-pulse-left 3s ease-in-out forwards}.energy-beam-right{right:-200px;top:50%;width:200px;animation:beam-pulse-right 3s ease-in-out forwards}.shockwave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid #ff1744;border-radius:50%;opacity:0;animation:shockwave-expand 1.5s ease-out forwards;animation-delay:var(--delay)}.drain-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff1744;font-weight:900;font-size:28px;text-shadow:0 0 10px #ff1744,0 0 20px #ff1744,0 0 30px #ff1744,0 0 40px rgba(255,23,68,1),0 0 60px rgba(255,23,68,.8),3px 3px 0 #000,-3px -3px 0 #000;animation:text-pulse .5s ease-in-out infinite;letter-spacing:3px;z-index:100;white-space:nowrap}@keyframes vortex-spin{0%{transform:rotate(0) scale(.5);opacity:0}10%{opacity:1}to{transform:rotate(1440deg) scale(1.3);opacity:.2}}@keyframes spiral-appear{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@keyframes center-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:.2}}@keyframes hp-drain-left{0%{left:-25vw;top:50%;opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1.2)}90%{opacity:1}to{left:50%;top:50%;opacity:0;transform:scale(.1) rotate(720deg)}}@keyframes hp-drain-right{0%{left:calc(100% + 25vw);top:50%;opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1.2)}90%{opacity:1}to{left:50%;top:50%;opacity:0;transform:scale(.1) rotate(-720deg)}}@keyframes beam-pulse-left{0%{opacity:0;width:0}15%{opacity:1;width:200px}85%{opacity:.8;width:200px}to{opacity:0;width:200px}}@keyframes beam-pulse-right{0%{opacity:0;width:0}15%{opacity:1;width:200px}85%{opacity:.8;width:200px}to{opacity:0;width:200px}}@keyframes shockwave-expand{0%{width:0;height:0;opacity:1}to{width:500px;height:500px;opacity:0}}@keyframes text-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}@keyframes text-flash{0%,to{opacity:1}50%{opacity:.5}}.top-menu-wrap{position:relative;z-index:200}.top-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card2);border:2px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;padding:0;flex-shrink:0}.top-menu-btn.connected{border-color:var(--success);color:var(--success);background:#3fb9501a;box-shadow:0 0 10px #3fb95059}.top-menu-btn.disconnected{border-color:var(--warning);color:var(--warning);background:#d299221f;box-shadow:0 0 10px #d2992259;animation:btn-heartbeat 2s ease-in-out infinite}@keyframes btn-heartbeat{0%{box-shadow:0 0 6px #d299224d;border-color:var(--warning)}14%{box-shadow:0 0 18px #d29922bf;border-color:#f0a800}28%{box-shadow:0 0 6px #d299224d;border-color:var(--warning)}42%{box-shadow:0 0 14px #d2992299;border-color:#f0a800}70%{box-shadow:0 0 6px #d299224d;border-color:var(--warning)}to{box-shadow:0 0 6px #d299224d;border-color:var(--warning)}}.top-menu-btn:hover{opacity:.85}.top-menu-btn.active{background:#58a6ff26;border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px #58a6ff59}.top-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:10px 8px;box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d;display:flex;flex-direction:column;gap:2px}.tmenu-section-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:2px 10px 1px;margin-top:1px;display:block}.tmenu-divider{height:1px;background:var(--border);margin:4px}.tmenu-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;background:transparent;border:none;border-radius:8px;color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s;text-align:left;box-sizing:border-box;font-family:inherit;line-height:1.3}.tmenu-item:hover{background:#58a6ff1a;color:var(--primary)}.tmenu-item--danger:hover{background:#f851491a;color:var(--error)}.tmenu-item--back{color:var(--text-muted);font-size:.8rem;margin-top:2px}.tmenu-item--connect{border-color:var(--warning)!important;color:var(--warning)!important;background:#d2992214!important;animation:btn-heartbeat 2s ease-in-out infinite}.tmenu-wallet-icon{width:20px;height:20px;border-radius:5px;object-fit:contain;flex-shrink:0}.tmenu-icon{flex-shrink:0;opacity:.65}.tmenu-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmenu-wallet-row{display:flex;align-items:center;gap:6px;margin:2px 0}.tmenu-address{display:flex;align-items:center;gap:7px;padding:6px 9px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;color:var(--text-muted);background:var(--bg-card2);border-radius:8px;flex:1;min-width:0}.tmenu-disconnect-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;background:#f8514914;border:1px solid rgba(248,81,73,.25);border-radius:8px;color:var(--error);cursor:pointer;transition:background .12s,border-color .12s;padding:0}.tmenu-disconnect-btn:hover{background:#f8514933;border-color:#f8514980}.tmenu-wallet-list{display:flex;flex-direction:column;gap:1px}.tmenu-pro-row{display:flex;align-items:center;gap:7px;padding:4px 10px}.tmenu-pro-link{display:flex;align-items:center;flex-shrink:0;border-radius:50%;transition:opacity .15s}.tmenu-pro-link:hover{opacity:.8}.tmenu-pro-logo{width:18px;height:18px;border-radius:50%;object-fit:cover}.tmenu-pro-amount{font-size:.82rem;font-weight:700;color:var(--success);flex:1}.tmenu-pro-badge{font-size:.7rem;color:var(--warning);background:#d299221f;border:1px solid rgba(210,153,34,.3);border-radius:10px;padding:2px 7px;white-space:nowrap}.tmenu-lang-row{padding:4px 4px 6px}.tmenu-lang-switch{display:flex;background:#ffffff0f;border:1.5px solid var(--border);border-radius:24px;padding:3px;gap:2px}.tmenu-lang-tab{flex:1;padding:5px 0;border-radius:20px;font-size:.8rem;font-weight:600;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .2s,color .2s;text-align:center;font-family:inherit}.tmenu-lang-tab:hover{color:var(--text)}.tmenu-lang-tab.active{background:var(--primary);color:#0d1117;cursor:default;pointer-events:none}@media (max-width: 600px){.top-menu-dropdown{position:fixed;top:58px;right:8px;left:8px;min-width:unset;width:calc(100vw - 16px);max-width:calc(100vw - 16px);box-sizing:border-box;overflow-x:hidden;max-height:calc(100dvh - 70px);overflow-y:auto;border-radius:14px}}.tmenu-network-row{display:flex;align-items:center;gap:7px;padding:3px 8px 4px}.tmenu-validator-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--error)}.tmenu-validator-dot.active{background:var(--success);box-shadow:0 0 6px #3fb95080}.tmenu-network-info{font-size:.8rem;color:var(--text-muted);flex:1}.tmenu-network-badge{font-size:.7rem;font-weight:700;color:var(--primary);background:#58a6ff1f;border:1px solid rgba(88,166,255,.3);border-radius:8px;padding:2px 7px}:root{--sidenav-width: 220px}.sidenav{position:fixed;left:0;top:0;bottom:0;width:var(--sidenav-width);background:linear-gradient(180deg,#21262d,#1c2128,#161b22);border-right:2px solid rgba(88,166,255,.25);box-shadow:4px 0 20px #00000080,2px 0 6px #58a6ff0f;display:flex;flex-direction:column;z-index:200;box-sizing:border-box;overflow:hidden}.sidenav-logo{display:flex;align-items:center;justify-content:center;padding:.6rem .75rem;border-bottom:1px solid rgba(88,166,255,.15);background:#58a6ff0a;flex-shrink:0}.sidenav-logo img{width:100%;max-width:110px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(88,166,255,.3))}.sidenav-nav{display:flex;flex-direction:column;gap:2px;padding:.6rem .5rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;flex-shrink:1;min-height:0}.sidenav-nav::-webkit-scrollbar{display:none}.sidenav-group{display:flex;flex-direction:column}.sidenav-item{position:relative;display:flex;align-items:center;gap:.6rem;width:100%;background:transparent;border:none;border-left:3px solid transparent;color:#c9d1d9;padding:.65rem .75rem .65rem .65rem;border-radius:0 10px 10px 0;cursor:pointer;font-size:.9rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:left;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;overflow:hidden;letter-spacing:.01em}.sidenav-item:hover:not(.disabled):not(.active){background:#58a6ff1a;color:#e6edf3;border-left-color:#58a6ff80}.sidenav-item.active{background:#58a6ff2e;color:#79c0ff;border-left-color:#58a6ff;font-weight:700;text-shadow:0 0 12px rgba(88,166,255,.35)}.sidenav-item.disabled{opacity:.35;cursor:not-allowed}.sidenav-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;opacity:.9}.sidenav-item.active .sidenav-item-icon{opacity:1;filter:drop-shadow(0 0 4px rgba(88,166,255,.5))}.sidenav-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.sidenav-subitems{overflow:hidden;max-height:0;transition:max-height .28s cubic-bezier(.4,0,.2,1);margin-left:14px;padding-left:10px;border-left:1px solid rgba(88,166,255,.2)}.sidenav-subitems.expanded{max-height:260px}.sidenav-subitem{display:flex;align-items:center;gap:.45rem;width:100%;background:transparent;border:none;color:#8b949e;padding:.42rem .6rem;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:left;transition:background .13s,color .13s;white-space:nowrap;overflow:hidden;margin:1px 0}.sidenav-subitem:hover:not(.active){background:#58a6ff17;color:#c9d1d9}.sidenav-subitem.active{background:#58a6ff26;color:#79c0ff;font-weight:600}.sidenav-subitem-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:15px;height:15px;opacity:.8}.sidenav-subitem-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidenav-menu-section{border-top:1px solid var(--border);overflow-y:auto;flex-shrink:0;max-height:55vh;scrollbar-width:thin;scrollbar-color:rgba(88,166,255,.2) transparent;background:linear-gradient(180deg,#161b22,#1c2128)}.sidenav-menu-content{padding:.75rem .5rem;display:flex;flex-direction:column;gap:2px}.sidenav-footer{padding:.6rem 1rem;border-top:1px solid rgba(48,54,61,.5);text-align:center;font-size:.7rem;color:#8b949e73;letter-spacing:.5px;flex-shrink:0}.sidenav-toggle{display:none;position:fixed;top:0;left:0;z-index:201;background:linear-gradient(135deg,#2d333b,#21262d);border:none;border-right:2px solid rgba(88,166,255,.35);border-bottom:2px solid rgba(88,166,255,.35);color:#58a6ff;width:54px;height:54px;align-items:center;justify-content:center;cursor:pointer;border-radius:0 0 12px;transition:color .15s,background .15s,box-shadow .15s;box-shadow:3px 3px 12px #00000080,0 0 8px #58a6ff26}.sidenav-toggle:hover{color:#79c0ff;background:linear-gradient(135deg,#3a3f47,#2d333b);box-shadow:3px 3px 16px #0009,0 0 12px #58a6ff40}.sidenav-overlay{display:none;position:fixed;inset:0;background:#000000a6;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 800px){.sidenav{transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:200;width:240px;box-shadow:none}.sidenav--open{transform:translate(0);box-shadow:4px 0 24px #00000080}.sidenav-overlay{display:block}.sidenav-toggle{display:flex}}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:16px;max-width:500px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:16px;background:#14141efa;border:2px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideIn .4s cubic-bezier(.4,0,.2,1);min-width:380px;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity .3s ease}.toast:hover:before{opacity:1}.toast:hover{transform:translate(-8px) scale(1.02);box-shadow:0 16px 48px #0009}@keyframes slideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes shine{0%{left:-100%}to{left:200%}}.toast-icon{font-size:40px;flex-shrink:0;line-height:1;filter:drop-shadow(0 2px 8px currentColor);animation:pulse 2s ease-in-out infinite}.toast-message{flex:1;font-size:16px;line-height:1.5;color:#fff;font-weight:600;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.3)}.toast-close{background:var(--bg-card);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:20px;cursor:pointer;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;line-height:1}.toast-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.toast-success{border-left:6px solid #00ff88;background:linear-gradient(135deg,#0f83,#14141ef2 60%);box-shadow:0 8px 32px #00ff884d}.toast-success:hover{box-shadow:0 16px 48px #0f86}.toast-error{border-left:6px solid #ff4444;background:linear-gradient(135deg,#f443,#14141ef2 60%);box-shadow:0 8px 32px #ff44444d}.toast-error:hover{box-shadow:0 16px 48px #f446}.toast-warning{border-left:6px solid var(--primary-hover);background:linear-gradient(135deg,#fa03,#14141ef2 60%);box-shadow:0 8px 32px #ffaa004d}.toast-warning:hover{box-shadow:0 16px 48px #fa06}.toast-info{border-left:6px solid #00d4ff;background:linear-gradient(135deg,#00d4ff33,#14141ef2 60%);box-shadow:0 8px 32px #00d4ff4d}.toast-info:hover{box-shadow:0 16px 48px #00d4ff66}.toast-badge{border:3px solid transparent;background:linear-gradient(#14141ef2,#14141ef2) padding-box,linear-gradient(135deg,gold,#f0f,#00d4ff) border-box;box-shadow:0 0 20px #ffd70066,0 0 40px #ff00ff4d,0 8px 32px #00000080;animation:slideIn .5s cubic-bezier(.4,0,.2,1),badgeGlow 2s ease-in-out infinite}.toast-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s ease-in-out infinite}.toast-badge:hover{box-shadow:0 0 30px #ffd70099,0 0 60px #ff00ff80,0 16px 48px #0009;transform:translate(-8px) scale(1.05)}.toast-badge .toast-icon{font-size:48px;animation:pulse 1.5s ease-in-out infinite,sparkle 2s ease-in-out infinite;filter:drop-shadow(0 0 8px #ffd700)}@keyframes badgeGlow{0%,to{box-shadow:0 0 20px #ffd70066,0 0 40px #ff00ff4d,0 8px 32px #00000080}50%{box-shadow:0 0 30px #ffd70099,0 0 60px #ff00ff80,0 8px 40px #0009}}.toast-levelUp{border:3px solid transparent;background:linear-gradient(#14141ef2,#14141ef2) padding-box,linear-gradient(135deg,#f0f,#00d4ff,#0f8,gold,#f0f) border-box;box-shadow:0 0 30px #00d4ff80,0 0 60px #f0f6,0 12px 48px #0009;animation:slideIn .5s cubic-bezier(.4,0,.2,1),levelUpPulse 1.5s ease-in-out infinite}.toast-levelUp .toast-icon{font-size:50px;animation:pulse 1s ease-in-out infinite,sparkle 1.5s ease-in-out infinite;filter:drop-shadow(0 0 12px #00d4ff)}.toast-levelUp:hover{box-shadow:0 0 40px #00d4ffb3,0 0 80px #f0f9,0 16px 64px #000000b3;transform:translate(-8px) scale(1.05)}@keyframes levelUpPulse{0%,to{box-shadow:0 0 30px #00d4ff80,0 0 60px #f0f6,0 12px 48px #0009}50%{box-shadow:0 0 50px #00d4ffb3,0 0 100px #f0f9,0 16px 64px #000000b3}}.toast-rankUp{border:3px solid transparent;background:linear-gradient(#14141ef2,#14141ef2) padding-box,linear-gradient(135deg,#0f8,#00d4ff,#0fc) border-box;box-shadow:0 0 25px #00ff8880,0 0 50px #00d4ff66,0 10px 40px #00000080;animation:slideIn .5s cubic-bezier(.4,0,.2,1),rankUpGlow 2s ease-in-out infinite}.toast-rankUp .toast-icon{font-size:45px;animation:pulse 1.2s ease-in-out infinite;filter:drop-shadow(0 0 10px #00ff88)}.toast-rankUp:hover{box-shadow:0 0 40px #00ff88b3,0 0 80px #00d4ff99,0 16px 56px #0009;transform:translate(-8px) scale(1.05)}@keyframes rankUpGlow{0%,to{box-shadow:0 0 25px #00ff8880,0 0 50px #00d4ff66,0 10px 40px #00000080}50%{box-shadow:0 0 40px #00ff88b3,0 0 80px #00d4ff99,0 12px 48px #0009}}.toast-rankDown{border-left:6px solid #5588ff;background:linear-gradient(135deg,#58f3,#14141ef2 60%);box-shadow:0 8px 32px #5588ff4d}.toast-rankDown .toast-icon{font-size:40px;filter:drop-shadow(0 0 6px #5588ff)}.toast-rankDown:hover{box-shadow:0 16px 48px #58f6}.battle-notification{pointer-events:auto;width:350px;max-width:100%;padding:14px 40px 14px 16px;border-radius:12px;background:#14141efa;border:2px solid transparent;background:linear-gradient(#14141efa,#14141efa) padding-box,linear-gradient(135deg,#0f8,#00d4ff,gold) border-box;box-shadow:0 0 30px #00d4ff66,0 8px 32px #0009;cursor:pointer;transition:all .3s ease;animation:slideIn .4s cubic-bezier(.4,0,.2,1);position:relative;box-sizing:border-box}.battle-notification>*{margin:4px 0}.battle-notification>*:first-child{margin-top:0}.battle-notification>*:last-child{margin-bottom:0}.battle-notification:hover{transform:translate(-8px) scale(1.02);box-shadow:0 0 40px #00d4ff99,0 16px 48px #000c}.battle-notification-close{position:absolute;top:8px;right:8px;background:var(--bg-card);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:20px;cursor:pointer;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.battle-notification-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}.toast-battleResult.toast{display:flex!important;flex-direction:column!important;min-width:320px;max-width:400px;width:auto;height:auto!important;padding:12px 40px 12px 16px;border:2px solid transparent;position:relative;gap:6px!important;align-items:stretch!important;background:linear-gradient(#14141efa,#14141efa) padding-box,linear-gradient(135deg,#0f8,#00d4ff,gold) border-box;box-shadow:0 0 30px #00d4ff66,0 0 60px #00ff884d,0 16px 56px #0009;animation:slideIn .5s cubic-bezier(.4,0,.2,1),battleGlow 2.5s ease-in-out infinite}.toast-battleResult .toast-close{position:absolute;top:8px;right:8px;z-index:10}.toast-battleResult:hover{box-shadow:0 0 40px #00d4ff99,0 0 80px #00ff8880,0 20px 72px #000000b3}@keyframes battleGlow{0%,to{box-shadow:0 0 30px #00d4ff66,0 0 60px #00ff884d,0 16px 56px #0009}50%{box-shadow:0 0 50px #00d4ff99,0 0 100px #00ff8880,0 20px 72px #000000b3}}.battle-result-content{display:flex;flex-direction:column;gap:6px;width:100%}.battle-result-header{text-align:center;line-height:1.2}.battle-result-outcome{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 6px currentColor;display:inline-block}.battle-result-outcome.victory{color:#0f8;filter:drop-shadow(0 0 8px #00ff88)}.battle-result-outcome.defeat{color:#f44;filter:drop-shadow(0 0 8px #ff4444)}.battle-result-outcome.draw{color:var(--primary-hover);filter:drop-shadow(0 0 8px var(--primary-hover))}.battle-result-info{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;line-height:1}.battle-result-xp{font-size:11px;font-weight:600;color:gold;padding:2px 6px;background:#ffd70026;border-radius:3px;border:1px solid rgba(255,215,0,.3);white-space:nowrap;line-height:1}.battle-result-pool{padding:2px 6px;background:#00d4ff26;border:1px solid rgba(0,212,255,.3);border-radius:3px;font-weight:600;font-size:11px;line-height:1}.battle-result-opponent{display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 6px;background:var(--bg-card2);border-radius:3px;border:1px solid rgba(255,255,255,.1);font-size:11px;line-height:1}.opponent-label{font-size:10px;color:#fff9;font-weight:600}.opponent-wallet{font-size:11px;color:#00d4ff;font-weight:700;font-family:Courier New,monospace}.battle-result-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1);font-size:9px;line-height:1}.battle-result-date{font-weight:600;color:#ffffffb3}.battle-result-id{font-weight:600;color:#fffc}@media (max-width: 768px){.toast-container{top:60px;right:12px;left:12px;max-width:none}.toast{min-width:auto;padding:16px 20px}.toast-message{font-size:14px}.toast-icon{font-size:32px}.toast-badge .toast-icon,.toast-levelUp .toast-icon,.toast-rankUp .toast-icon{font-size:36px}.toast-battleResult{min-width:auto;max-width:calc(100vw - 40px);padding:10px 14px}.battle-notification{width:100%;max-width:100%;padding:10px 32px 10px 12px;margin:0}.battle-notification-close{width:24px;height:24px;font-size:18px;top:6px;right:6px}.battle-result-outcome{font-size:14px}.battle-result-xp,.battle-result-pool,.opponent-wallet{font-size:10px}.deck-card-mini{width:36px;height:50px}}.update-prompt{position:fixed;top:0;left:0;right:0;z-index:99999;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1.25rem;background:linear-gradient(90deg,#58a6ff2e,#58a6ff1a);border-bottom:2px solid var(--primary);box-shadow:0 4px 20px #58a6ff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:.9rem;font-weight:500;animation:updateSlideDown .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes updateSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.update-prompt__left{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;color:var(--primary)}.update-prompt__text{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--text);font-weight:600}.update-prompt__version{background:#58a6ff26;border:1px solid rgba(88,166,255,.35);border-radius:6px;padding:.1rem .5rem;font-size:.8rem;font-weight:700;color:var(--primary);letter-spacing:.5px}.update-prompt__actions{display:flex;gap:.5rem;flex-shrink:0}.update-prompt__btn{padding:.45rem 1rem;border-radius:8px;border:none;cursor:pointer;font-size:.85rem;font-weight:600;font-family:inherit;transition:all .15s ease}.update-prompt__btn--confirm{background:var(--primary);color:var(--bg)}.update-prompt__btn--confirm:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #58a6ff66}.update-prompt__btn--dismiss{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.update-prompt__btn--dismiss:hover{color:var(--text);border-color:var(--text-muted)}@media (max-width: 480px){.update-prompt{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.75rem 1rem}.update-prompt__actions{width:100%}.update-prompt__btn{flex:1;text-align:center}}.app-wrapper{position:relative;width:100vw;min-height:100vh;overflow-y:auto;overflow-x:hidden;background-color:var(--bg)}.app-topbar{position:fixed;top:0;right:0;z-index:210;display:flex;align-items:center;justify-content:flex-end;height:48px;padding:0 .5rem}.app-content{margin-left:var(--sidenav-width);min-height:100vh;box-sizing:border-box}@media (max-width: 800px){.app-content{margin-left:0;padding-top:48px}}.ads-container{position:relative;z-index:1;margin-top:2rem;top:calc(80% + 10px)}.ads-image{display:block;margin:0 auto;max-width:100%;height:auto}@keyframes loading-slide{0%{left:-50%}to{left:100%}}.app-version-footer{width:100%;text-align:center;padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted);border-top:1px solid var(--border);background:var(--bg);letter-spacing:.5px;-webkit-user-select:none;user-select:none}.health-avatar-circle{width:100px;height:100px;position:relative;display:inline-block}.health-ring{width:100%;height:100%;transform:rotate(-90deg);position:absolute;top:0;left:0;pointer-events:none}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4}.ring-progress{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.avatar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.avatar-icon{font-size:48px;line-height:1}.avatar-badge-display{width:85px;height:85px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000004d;box-shadow:0 2px 8px #0009;position:relative}.avatar-badge-image{width:100%;height:100%;object-fit:contain}.hp-counter-top{position:absolute;top:-2px;left:50%;transform:translate(-50%);font-size:20px;font-weight:900;font-family:Arial Black,sans-serif;text-shadow:0 2px 6px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),2px 2px 4px rgba(0,0,0,.9);line-height:1;color:#fff;z-index:10}.hp-counter{font-size:20px;font-weight:900;font-family:Arial Black,sans-serif;text-shadow:0 2px 6px rgba(0,0,0,1),0 0 4px rgba(0,0,0,1),2px 2px 4px rgba(0,0,0,.9);line-height:1;margin-top:-4px;color:#fff}@media (max-width: 768px){.health-avatar-circle{width:80px;height:80px}.ring-bg,.ring-progress{stroke-width:3}.avatar-icon{font-size:38px}.avatar-badge-display{width:70px;height:70px}.hp-counter-top{font-size:16px;top:-4px}.hp-counter{font-size:16px}}.training-progression-table{margin-bottom:2rem;width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(135deg,#14192de6,#1e233ce6);border:1px solid rgba(102,126,234,.35);border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #00000047}.training-progression-table thead th{padding:1rem 1.2rem;font-size:1.2rem;text-align:center;color:var(--primary);background:linear-gradient(135deg,#282d5af2,#373c78f2);border-bottom:1px solid rgba(88,166,255,.28)}.training-progression-table tbody td{padding:0}.training-progression-content{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.active-stats-container{display:flex;flex-direction:column;gap:1.5rem}.stat-card{padding:1rem;border:2px solid rgba(102,126,234,.5);border-radius:12px;background:var(--bg-card2);transition:all .3s ease}.stat-card:hover{border-color:#667eeacc;box-shadow:0 4px 15px #667eea33}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-display{font-size:1.5rem;font-weight:700;color:gold}.max-badge{background:linear-gradient(135deg,#4caf50,#45a049);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase}.bonus-display{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:#ffffff08;border-radius:8px;margin-bottom:1rem}.bonus-label{font-size:.9rem;color:#ffffffb3}.bonus-value{font-size:1.1rem;font-weight:700;color:gold}.unlock-new-stat{padding:1.5rem;background:linear-gradient(135deg,#ffd7001a,#ff98001a);border:2px dashed #ffd700;border-radius:12px;text-align:center}.unlock-hint{font-size:1rem;color:gold;margin-bottom:1rem;font-weight:700}.all-maxed-message{padding:2rem;background:linear-gradient(135deg,#4caf5033,#388e3c33);border:3px solid #4caf50;border-radius:12px;text-align:center;font-size:1.2rem;color:#4caf50;font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #4caf504d}50%{transform:scale(1.02);box-shadow:0 0 40px #4caf5080}}.stat-selection{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;border:2px solid rgba(102,126,234,.3)}.selection-hint{font-size:1rem;color:#fffc;margin:0;text-align:center}.activate-button{padding:1rem 2rem;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.activate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.activate-button:disabled{opacity:.5;cursor:not-allowed}.stat-animation{display:flex;justify-content:center;align-items:center;min-height:120px}.animated-stat{font-size:2rem;font-weight:700;padding:1.5rem 3rem;background:linear-gradient(135deg,#ffd70033,#ff980033);border:3px solid #ffd700;border-radius:12px;animation:statPulse .1s ease-in-out}@keyframes statPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.selected-stat{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#4caf501a,#388e3c1a);border-radius:12px;border:2px solid rgba(76,175,80,.3)}.stat-label{font-size:1rem;color:#ffffffb3;margin:0}.stat-display{font-size:1.8rem;font-weight:700;color:#4caf50}.max-level-badge{padding:.5rem 1rem;background:linear-gradient(135deg,gold,#ff9800);color:#000;font-weight:700;border-radius:8px;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 10px #ffd70080}50%{transform:scale(1.05);box-shadow:0 0 20px #ffd700cc}}.progress-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:8px}.progress-label{font-size:1rem;font-weight:700;color:#ffffffe6;text-align:center}.progress-bar{width:100%;height:30px;background:#0000004d;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 5px #0000004d}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease;box-shadow:0 0 10px #4caf5080}.progress-hint{font-size:.85rem;color:#fff9;text-align:center;font-style:italic}.training-error{color:#f44336;font-size:.9rem;text-align:center;padding:.5rem;background:#f443361a;border-radius:4px}@media (max-width: 768px){.training-bonuses{flex-direction:column}.training-progression-table thead th{font-size:1rem;padding:.85rem 1rem}.activate-button{font-size:1rem;padding:.8rem 1.5rem}.animated-stat{font-size:1.5rem;padding:1rem 2rem}.stat-display{font-size:1.5rem}}.arena-container{position:relative;width:100%}.arena-tabs-wrapper{position:relative;width:100%;margin-bottom:1.5rem}.arena-tabs-scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#58a6ffe6;border:2px solid rgba(88,166,255,1);border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:101;font-size:1.2rem;color:#0a0a1e;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #58a6ff66}.arena-tabs-scroll-indicator:hover{background:#58a6ff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #58a6ff99}.arena-tabs-scroll-indicator.left{left:0}.arena-tabs-scroll-indicator.right{right:0}.arena-tabs-scroll-indicator.visible{display:flex}.arena-tabs{display:flex;justify-content:center;gap:.5rem;border-bottom:2px solid rgba(88,166,255,.2);position:sticky;top:0;background:transparent;z-index:100;padding:1rem 1rem 0;box-shadow:none;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (min-width: 769px){.arena-tabs{justify-content:center}}.arena-tabs::-webkit-scrollbar{height:4px}.arena-tabs::-webkit-scrollbar-thumb{background-color:#58a6ff4d;border-radius:2px}.arena-tab{background:linear-gradient(135deg,#161b2266,#1c212866);border:1px solid rgba(88,166,255,.2);border-radius:8px 8px 0 0;color:#ffffffb3;padding:.75rem 1.8rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;flex-shrink:0;position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem}.arena-tab .tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.arena-tab .tab-text{display:inline}@media (max-width: 768px){.arena-tab{padding:.75rem 1rem}.arena-tab .tab-text{display:none}.arena-tab .tab-icon{width:24px;height:24px}}.arena-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(88,166,255,.1),transparent);transition:left .5s ease}.arena-tab:hover:before{left:100%}.arena-tab:hover{color:var(--primary);background:linear-gradient(135deg,#161b2299,#1c212899);border-color:#58a6ff66;transform:translateY(-2px);box-shadow:0 4px 12px #58a6ff33}.arena-tab.active{color:var(--primary);background:linear-gradient(135deg,#161b22cc,#1c2128cc);border-color:var(--primary);border-bottom-color:var(--primary);box-shadow:0 4px 16px #58a6ff4d,inset 0 1px #58a6ff33}.arena-message{text-align:center;padding:3rem 2rem;background:var(--bg-card2);border-radius:12px;margin:2rem auto;max-width:600px}.arena-message h2{color:#fff;margin-bottom:1rem;font-size:1.8rem}.arena-message p{color:#ffffffb3;font-size:1.1rem}.arena-training-page{padding:2rem}.arena-training-header{text-align:center;background:var(--bg-card);color:var(--primary);margin-bottom:1.5rem;padding:1.2rem 1.5rem;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}.arena-training-header h2{margin:0;font-size:1.7rem}.arena-training-subtitle{margin:.7rem 0 0;color:#ffffffd9;font-size:.95rem;font-family:Arial,sans-serif;text-shadow:none}.arena-pools{padding:0 2rem 2rem;position:relative}.arena-header{position:relative;text-align:center;padding:2rem 2rem 1.8rem;margin:0 -2rem 1.5rem;overflow:hidden;border-bottom:1px solid rgba(88,166,255,.12);background:linear-gradient(180deg,rgba(88,166,255,.04) 0%,transparent 100%)}.arena-header-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.arena-orb{position:absolute;border-radius:50%;pointer-events:none}.arena-orb-1{width:220px;height:220px;left:-60px;top:-80px;background:radial-gradient(circle,rgba(88,166,255,.14) 0%,transparent 70%);animation:arena-orb-drift 11s ease-in-out infinite}.arena-orb-2{width:160px;height:160px;right:-40px;top:-30px;background:radial-gradient(circle,rgba(121,192,255,.1) 0%,transparent 70%);animation:arena-orb-drift 14s ease-in-out infinite reverse}.arena-orb-3{width:200px;height:200px;left:50%;bottom:-80px;transform:translate(-50%);background:radial-gradient(circle,rgba(88,166,255,.08) 0%,transparent 70%);animation:arena-orb-drift 9s ease-in-out infinite 3s}@keyframes arena-orb-drift{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-14px)}}.arena-orb-3{transform:translate(-50%)}@keyframes arena-orb-drift-center{0%,to{opacity:.6;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,-14px)}}.arena-orb-3{animation-name:arena-orb-drift-center}.arena-title-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.9rem;margin-bottom:.5rem}.arena-sword-icon{width:26px;height:26px;color:#58a6ffbf;filter:drop-shadow(0 0 8px rgba(88,166,255,.55));flex-shrink:0;transition:transform .3s ease}.arena-sword-flip{transform:scaleX(-1)}.arena-title{font-size:1.8rem;font-weight:800;letter-spacing:.14em;color:#e6edf3;margin:0;text-shadow:0 0 24px rgba(88,166,255,.5),0 0 60px rgba(88,166,255,.18);text-transform:uppercase;line-height:1}.arena-subtitle{position:relative;z-index:1;color:#ffffff59;font-size:.75rem;letter-spacing:.12em;margin:0 0 1.1rem;text-transform:uppercase}.arena-live-bar{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.55rem;background:#0d1117bf;border:1px solid rgba(88,166,255,.22);border-radius:20px;padding:.4rem 1.1rem;font-size:.72rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.arena-live-dot{width:7px;height:7px;border-radius:50%;background:#3fb950;box-shadow:0 0 8px #3fb950e6;animation:arena-live-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes arena-live-pulse{0%,to{opacity:1;box-shadow:0 0 8px #3fb950e6}50%{opacity:.45;box-shadow:0 0 3px #3fb95066}}.arena-live-text{font-size:.63rem;font-weight:700;letter-spacing:.12em;color:#3fb950;text-transform:uppercase}.arena-live-sep{color:#58a6ff4d;font-size:1rem;line-height:1}.arena-live-count{font-weight:700;color:#79c0ff;font-size:.88rem;line-height:1}.arena-live-label{color:#ffffff6b;font-size:.7rem}.pools-title{text-align:center;background:var(--bg-card);color:var(--primary);font-size:2rem;margin-bottom:2rem;padding:1.2rem 2rem;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}.test-mode-banner{background:linear-gradient(135deg,#ff980033,#ffc10733);border:2px solid rgba(255,193,7,.5);border-radius:8px;padding:1rem;margin-bottom:2rem;text-align:center;color:#ffc107;font-weight:700;font-size:1rem}.active-battle-banner{display:flex;align-items:center;gap:1rem;background:#58a6ff0d;border:1px solid rgba(88,166,255,.25);border-radius:var(--radius);padding:.9rem 1.1rem;margin-bottom:1rem}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.active-battle-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;color:#58a6ff;animation:arena-live-pulse 2s ease-in-out infinite}.active-battle-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.active-battle-title{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#58a6ff}.active-battle-details{font-size:.75rem;color:var(--text-muted);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-short{color:#ffffffbf;font-weight:600}.pool-type{color:#58a6ff;font-weight:700;text-transform:uppercase;font-size:.7rem}.active-battle-message,.active-battle-info-text{display:none}.active-battle-actions{flex-shrink:0}.active-battle-btn{padding:.45rem 1rem;border:none;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.active-battle-btn.full-width{width:100%}.active-battle-btn.view-btn{background:var(--primary);color:var(--bg)}.active-battle-btn.view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #58a6ff66}.active-battle-btn.abandon-btn{background:#f8514926;border:1px solid rgba(248,81,73,.35);color:#f85149}.active-battle-btn.abandon-btn:hover{background:#f8514940;transform:translateY(-2px)}.player-info-card{background:var(--bg-card2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.player-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-label{color:#ffffffb3;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.stat-value{color:var(--primary);font-size:1.8rem;font-weight:700}.wallet-switch-container{margin:1.5rem 0;display:flex;justify-content:center}.wallet-switch-button{padding:1rem 2rem;font-size:1rem;font-weight:600;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px #0000004d}.wallet-switch-button.real-active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-color:#4caf50}.wallet-switch-button.test-active{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border-color:#ff9800}.wallet-switch-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}.switch-hint{font-size:.85rem;opacity:.8;font-weight:400}.pools-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;padding:0 .1rem}.arena-live-battles{margin-bottom:.75rem;background:#3fb9500a;border:1px solid rgba(63,185,80,.18);border-radius:var(--radius);overflow:hidden}.arena-live-battles__header{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3fb950;background:#3fb95012;border-bottom:1px solid rgba(63,185,80,.12)}.arena-live-battles__dot{width:6px;height:6px;border-radius:50%;background:#3fb950;box-shadow:0 0 6px #3fb950cc;animation:arena-live-pulse 2s ease-in-out infinite;flex-shrink:0}.arena-live-battles__list{display:flex;flex-wrap:wrap;gap:.3rem;padding:.55rem .75rem}.arena-live-battles__item{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:.28rem .6rem;font-size:.67rem}.arena-live-battles__pool{font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}.arena-live-battles__p1,.arena-live-battles__p2{font-family:monospace;color:#ffffffa6;font-size:.68rem}.arena-live-battles__item svg{color:#ffffff40;flex-shrink:0}.arena-recent-ticker{width:100%;overflow:hidden;margin-bottom:.85rem;border-top:1px solid rgba(88,166,255,.1);border-bottom:1px solid rgba(88,166,255,.1);padding:.45rem 0;mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 6%,black 94%,transparent 100%)}.arena-recent-track{display:flex;gap:0;white-space:nowrap;animation:ticker-scroll 14s linear infinite;will-change:transform}.arena-recent-ticker:hover .arena-recent-track{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.arena-recent-item{display:inline-flex;align-items:center;gap:.38rem;padding:0 1.5rem;font-size:.7rem;color:#ffffff6b;border-right:1px solid rgba(88,166,255,.1)}.arena-recent-item svg{color:#58a6ff80;flex-shrink:0}.arena-recent-pool{font-size:.63rem;font-weight:600;letter-spacing:.06em;color:#58a6ff99;text-transform:uppercase}.arena-recent-pool--training{color:#d29922}.arena-recent-pool--balanced{color:#58a6ff}.arena-recent-pool--random{color:#9b64ff}.arena-recent-pool--noob{color:#3fb950}.arena-recent-pool--impossible{color:#f85149}.arena-recent-pool--public{color:#58a6ff}.arena-recent-winner{font-weight:700;color:#3fb950;font-family:monospace;font-size:.72rem}.arena-recent-vs{color:#ffffff40;font-size:.63rem}.arena-recent-loser{font-family:monospace;font-size:.72rem;color:#ffffff61}.arena-daily-chart{margin:1.2rem 0 .5rem;background:#161b22b3;border:1px solid rgba(48,54,61,.7);border-radius:var(--radius);padding:1rem 1.2rem}.arena-daily-chart__title{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.9rem}.arena-daily-chart__total{color:#ffffffbf;font-variant-numeric:tabular-nums}.arena-daily-chart__bars{display:flex;flex-direction:column;gap:.55rem}.arena-daily-chart__row{display:grid;grid-template-columns:80px 1fr 32px;align-items:center;gap:.7rem}.arena-daily-chart__label{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:right}.arena-daily-chart__bar-wrap{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.arena-daily-chart__bar{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);opacity:.85}.arena-daily-chart__count{font-size:.68rem;font-weight:700;color:#ffffff8c;font-variant-numeric:tabular-nums;text-align:left}@media (max-width: 768px){.arena-daily-chart__row{grid-template-columns:68px 1fr 28px}}.pools-section-label{display:flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d}.pools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;align-items:start}.pool-card{background:linear-gradient(160deg,var(--bg-card2) 0%,rgba(13,17,23,.6) 100%);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1rem .5rem .75rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:visible;box-shadow:0 2px 12px #00000080;display:flex;flex-direction:column;align-items:center;gap:.3rem;box-sizing:border-box;text-align:center;animation:pool-card-enter .4s ease both}@keyframes pool-card-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pool-card:nth-child(1){animation-delay:.04s}.pool-card:nth-child(2){animation-delay:.09s}.pool-card:nth-child(3){animation-delay:.14s}.pool-card:nth-child(4){animation-delay:.19s}.pool-card:nth-child(5){animation-delay:.24s}.pool-card:nth-child(6){animation-delay:.29s}.pool-card.balanced-pool{--pool-glow: rgba(88,166,255,.28);--pool-border: rgba(88,166,255,.35)}.pool-card.random-pool{--pool-glow: rgba(155,100,255,.28);--pool-border: rgba(155,100,255,.35)}.pool-card.noob-pool{--pool-glow: rgba(63,185,80,.28);--pool-border: rgba(63,185,80,.35)}.pool-card.impossible-pool{--pool-glow: rgba(248,81,73,.28);--pool-border: rgba(248,81,73,.35)}.pool-card.training-pool{--pool-glow: rgba(210,153,34,.28);--pool-border: rgba(210,153,34,.35)}.pool-card.public-pool{--pool-glow: rgba(88,166,255,.22);--pool-border: rgba(88,166,255,.28)}.pool-card:hover:not(.disabled){transform:translateY(-6px);border-color:var(--pool-border, rgba(88,166,255,.4));box-shadow:0 10px 32px var(--pool-glow, rgba(88,166,255,.2)),0 2px 8px #00000080}.pool-card.selected{border-color:var(--pool-border, var(--primary));background:linear-gradient(160deg,#58a6ff1a,#0d1117b3);box-shadow:0 0 0 1px var(--pool-border, rgba(88,166,255,.5)),0 8px 28px var(--pool-glow, rgba(88,166,255,.25)),0 2px 8px #00000080}.pool-card.disabled{opacity:.38;cursor:not-allowed}.pool-card.role-locked{opacity:.45;filter:grayscale(.7)}.pool-card.role-locked .pool-name,.pool-card.role-locked .pool-description,.pool-card.role-locked .pool-badge{text-decoration:none}.pool-eligibility-tag{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3fb950;background:#3fb9501f;border:1px solid rgba(63,185,80,.3);border-radius:5px;padding:2px 8px;margin-top:2px}.pool-card.role-locked .pool-eligibility-tag{color:#f85149;background:#f851491f;border-color:#f851494d}.pool-role-locked-overlay{display:none}position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg,rgba(255,99,71,.9),rgba(255,69,0,.9)); color: white; font-size: .85rem; font-weight: bold; padding: .3rem .7rem; border-radius: 12px; box-shadow: 0 2px 8px rgba(255,69,0,.4); z-index: 10; border: 1px solid rgba(255,255,255,.2); animation: pulse-active 2s ease-in-out infinite; } @keyframes pulse-active{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.pool-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pool-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s cubic-bezier(.34,1.56,.64,1)}.pool-card:hover .pool-icon svg{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.pool-name{color:#fff;font-size:.8rem;text-align:center;margin:.9rem 0 0;font-weight:700;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.pool-description{color:#ffffff80;font-size:.68rem;text-align:center;margin:0;line-height:1.3;flex:none}.pool-badge{display:inline-block;padding:.15rem .5rem;border-radius:8px;font-size:.6rem;font-weight:700;text-align:center;margin:0;white-space:nowrap}.pool-badge.balanced{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.pool-badge.random{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.pool-badge.noob{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.pool-badge.impossible{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.pool-badge.training{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.pool-badge.public{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.pool-circle-wrapper{position:relative;width:88px;height:88px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.pool-circle-wrapper.has-limit{background:conic-gradient(#4caf50e6 0 calc(var(--limit-pct, 1) * 360deg),#ff5722a6 0 360deg);box-shadow:0 2px 14px #0009}.pool-circle-wrapper.no-limit{background:#58a6ff66;box-shadow:0 2px 14px #58a6ff33,0 0 0 1px #58a6ff66}.pool-card.selected .pool-circle-wrapper.has-limit{background:conic-gradient(#58a6ffe6 0 calc(var(--limit-pct, 1) * 360deg),#ff5722b3 0 360deg);box-shadow:0 0 20px #58a6ff59,0 2px 10px #00000080}.pool-circle{position:absolute;inset:5px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease;box-shadow:inset 0 2px 8px #00000080,inset 0 -1px 3px #ffffff0a}.balanced-pool .pool-circle{box-shadow:inset 0 0 18px #4caf5033;border:1px solid rgba(76,175,80,.25)}.random-pool .pool-circle{box-shadow:inset 0 0 18px #ff980033;border:1px solid rgba(255,152,0,.25)}.noob-pool .pool-circle{box-shadow:inset 0 0 18px #2196f333;border:1px solid rgba(33,150,243,.25)}.impossible-pool .pool-circle{box-shadow:inset 0 0 18px #f4433633;border:1px solid rgba(244,67,54,.25)}.training-pool .pool-circle{box-shadow:inset 0 0 18px #9c27b033;border:1px solid rgba(156,39,176,.25)}.public-pool .pool-circle{box-shadow:inset 0 0 18px #2196f333;border:1px solid rgba(33,150,243,.25)}.pool-lock-circle{font-size:1.8rem;line-height:1}.pool-go-btn{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3a3c5a,#2a2c46);color:#ffffff73;border:1.5px solid rgba(255,255,255,.12);border-radius:14px;padding:.25rem 1.1rem;font-size:.72rem;font-weight:800;cursor:pointer;letter-spacing:2px;z-index:10;box-shadow:0 2px 8px #00000080;transition:all .2s ease;text-transform:uppercase;white-space:nowrap;pointer-events:auto}.pool-go-btn.selected{background:var(--primary);color:transparent;border-color:#58a6ff80;box-shadow:0 3px 14px #58a6ff80,0 0 20px #58a6ff40}.pool-go-btn.selected:after{content:"GO";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;animation:goPulseText 1.8s ease-in-out infinite}@keyframes goPulseText{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.38);opacity:1}}.pool-go-btn:hover:not(:disabled).selected{transform:translate(-50%) translateY(-2px);box-shadow:0 5px 18px #58a6ffb3}.pool-go-btn:disabled,.pool-go-btn.limit-reached{opacity:.35;cursor:not-allowed}.pool-card.disabled .pool-go-btn{opacity:.25;cursor:not-allowed;pointer-events:none}.pool-card.searching-overlay-active{overflow:hidden!important}.pool-limits{font-size:.85rem;color:var(--text-muted);margin-top:.75rem;text-align:center;font-weight:600;padding:.3rem .6rem;background:#58a6ff0f;border-radius:8px;border:1px solid var(--border)}.pool-limits-bar{position:absolute;bottom:0;left:0;right:0;height:8px;background:#0006;border-radius:0 0 10px 10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.limits-indicator{display:flex;height:100%;width:100%;gap:0}.limit-dot{flex:1;position:relative;height:100%;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;border-right:1px solid rgba(0,0,0,.3)}.limit-dot:last-child{border-right:none}.dot-glow{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.dot-core{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.05) 50%,transparent 100%)}.limit-dot.available{background:linear-gradient(180deg,#4caf50,#388e3c,#2e7d32);box-shadow:inset 0 1px #fff6,inset 0 -1px #0003}.limit-dot.available .dot-glow{background:radial-gradient(ellipse at center top,rgba(139,195,74,.9) 0%,rgba(76,175,80,.5) 50%,transparent 100%);animation:pulse-green 2.5s ease-in-out infinite}.limit-dot.used{background:linear-gradient(180deg,#ff5722,#e64a19,#c62828);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000004d}.limit-dot.used .dot-glow{background:radial-gradient(ellipse at center top,rgba(255,152,0,.7) 0%,rgba(255,87,34,.4) 50%,transparent 100%);opacity:.5}.pool-card:hover .limit-dot.available .dot-glow{opacity:1}.pool-card:hover .limit-dot{filter:brightness(1.3) saturate(1.2)}.pool-card:hover .limit-dot.available{box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0003,0 0 12px #4caf5099}.pool-card:hover .limit-dot.used{box-shadow:inset 0 1px #fff6,inset 0 -1px #0000004d,0 0 12px #ff572299}@keyframes pulse-green{0%,to{opacity:.4}50%{opacity:1}}@media (max-width: 768px){.pool-limits-bar{height:7px}}@media (max-width: 480px){.pool-limits-bar{height:6px}.limit-dot{min-width:6px}}.pool-lock{position:absolute;top:10px;right:10px;font-size:1.5rem}.training-input-container{background:var(--bg-card2);border:2px solid rgba(156,39,176,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.training-label{display:block;color:#fff;font-size:1.1rem;margin-bottom:1rem;text-align:center}.training-wallet-input{width:100%;max-width:500px;margin:0 auto;display:block;padding:1rem;font-size:1rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;text-align:center;font-family:Courier New,monospace}.training-wallet-input:focus{outline:none;border-color:#9c27b0;box-shadow:0 0 15px #9c27b04d}.training-wallet-input::placeholder{color:#fff6}.arena-error-message{background:#f443361a;border:2px solid #f44336;border-radius:8px;padding:1rem;margin-bottom:2rem;color:#f44336;text-align:center;font-weight:700}.pool-card-actions{display:flex;flex-direction:column;gap:.6rem;align-items:center;width:100%;margin-top:.5rem}.pool-error-message{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#dc262626,#b91c1c26);border:2px solid rgba(220,38,38,.4);border-radius:8px;color:#fca5a5;font-size:.9rem;font-weight:500;text-align:center;animation:errorPulse 2s ease-in-out infinite;box-shadow:0 4px 12px #dc262633;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}@keyframes errorPulse{0%,to{opacity:1}50%{opacity:.8}}.join-pool-button{flex:1;width:100%;max-width:300px;padding:.9rem 1.5rem;font-size:.95rem;font-weight:700;color:var(--bg);background:var(--primary);border:1.5px solid rgba(88,166,255,.4);border-radius:18px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 20px #58a6ff4d,0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.join-pool-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:shimmerSlide 3s infinite}@keyframes shimmerSlide{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.join-pool-button .waiting-text{display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-weight:600;letter-spacing:.5px;font-size:.95rem;color:var(--bg)}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.join-pool-button .queue-count{font-size:.85rem;background:#00000040;padding:.25rem .7rem;border-radius:14px;font-weight:700;color:var(--bg);border:1px solid rgba(0,0,0,.2);animation:pulse-queue 2s ease-in-out infinite}@keyframes pulse-queue{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.join-pool-button.searching .spinner{animation:spin .8s linear infinite,pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,.9))}}.join-pool-button:hover:not(:disabled){transform:translateY(-4px) scale(1.03);box-shadow:0 10px 35px #58a6ff80,0 0 40px #58a6ff4d,0 3px 10px #0003;border-color:#58a6ffb3;background:var(--primary-hover)}.join-pool-button:active:not(:disabled){transform:translateY(-1px) scale(.99);box-shadow:0 4px 12px #58a6ff66}.join-pool-button:disabled,.join-pool-button.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#666,#444)!important;pointer-events:none}.join-pool-button.searching{background:linear-gradient(135deg,gold,#ff9800);border-color:#ffd70066;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.85}}.spinner{display:inline-block;width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.cancel-queue-button-inline{padding:.8rem 1.5rem .8rem 2.5rem;font-size:.95rem;font-weight:600;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:2px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #e74c3c4d;white-space:nowrap;flex-shrink:0;position:relative;text-transform:uppercase;letter-spacing:.5px}.cancel-queue-button-inline:before{content:"";position:absolute;left:1rem;width:16px;height:2px;background:#fff;transform:rotate(45deg);border-radius:2px;box-shadow:0 1px 3px #0003}.cancel-queue-button-inline:after{content:"";position:absolute;left:1rem;width:16px;height:2px;background:#fff;transform:rotate(-45deg);border-radius:2px;box-shadow:0 1px 3px #0003}.cancel-queue-button-inline:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 6px 12px #e74c3c66,0 0 20px #e74c3c4d;border-color:#fff3}.cancel-queue-button-inline:hover:before,.cancel-queue-button-inline:hover:after{box-shadow:0 0 8px #fff9}.pool-card.searching-overlay-active{position:relative;overflow:hidden}.pool-search-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .4s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.overlay-background{position:absolute;inset:0;background:#0d1117ed;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-content{position:relative;z-index:101;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center;width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 769px){.overlay-content{flex-direction:row;justify-content:space-around;align-items:center;gap:2rem;padding:1.5rem 2rem}.search-spinner-large{flex-shrink:0}.search-status-text{flex:1;text-align:left;align-items:flex-start}.cancel-search-button{flex-shrink:0;white-space:nowrap}}.search-spinner-large{position:relative;width:44px;height:44px}.spinner-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid transparent;animation:spinRing 2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){width:40px;height:40px;border-top-color:#ffffffe6;border-right-color:#fff9;animation-delay:0s}.spinner-ring:nth-child(2){width:30px;height:30px;border-top-color:#ffd700e6;border-right-color:#ffd70099;animation-delay:-.3s}.spinner-ring:nth-child(3){width:20px;height:20px;border-top-color:#ff9800e6;border-right-color:#ff980099;animation-delay:-.6s}@keyframes spinRing{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.search-status-text{display:flex;flex-direction:column;gap:.4rem;align-items:center}.status-label{font-size:.72rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.5px;text-transform:uppercase;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.queue-position-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:linear-gradient(135deg,#ffd70040,#ff980040);border:1.5px solid rgba(255,215,0,.5);border-radius:20px;font-size:.68rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 2px 8px #ffd70040;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.cancel-search-button{padding:.9rem 2rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:18px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 20px #e74c3c80,0 2px 8px #00000026,inset 0 1px #ffffff26,inset 0 -1px #0000001a;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;text-shadow:0 2px 6px rgba(0,0,0,.3)}.cancel-search-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.cancel-search-button:hover:before{left:100%}.cancel-search-button:hover{background:linear-gradient(135deg,#c0392b,#922b21);transform:translateY(-4px) scale(1.03);box-shadow:0 10px 35px #e74c3cb3,0 0 40px #e74c3c80,0 3px 10px #0003,inset 0 1px #ffffff40,inset 0 -1px #00000026;border-color:#ffffff59}.cancel-search-button:active{transform:translateY(-1px) scale(.99);box-shadow:0 4px 12px #e74c3c80,inset 0 1px #ffffff1a}.cancel-queue-button{margin-top:1rem;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #e74c3c4d;width:100%}.cancel-queue-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 6px 12px #e74c3c66}.battle-result-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:stretch;justify-content:center;z-index:10000;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.battle-deck{display:flex;gap:.75rem;z-index:100;padding:.5rem;pointer-events:none}.battle-deck.deck-top{position:relative;margin-bottom:.5rem;flex-direction:row;justify-content:flex-start}.battle-deck.deck-bottom{position:relative;margin-top:.5rem;flex-direction:row;justify-content:flex-end}.deck-card-container{width:70px;height:auto;background:#000c;border-radius:8px;padding:.25rem;pointer-events:auto;animation:cardSlideIn .5s ease-out backwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.deck-card-container:nth-child(1){animation-delay:.1s}.deck-card-container:nth-child(2){animation-delay:.2s}.deck-card-container:nth-child(3){animation-delay:.3s}.deck-card-container:nth-child(4){animation-delay:.4s}.deck-card-container:nth-child(5){animation-delay:.5s}.deck-card-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000080;border:2px solid rgba(255,215,0,.3)}.battle-result-content{background:var(--bg);border:none;border-radius:0;padding:2rem 3rem;padding-top:calc(2rem + 78px);width:100%;min-height:100vh;overflow:visible;position:relative;box-shadow:none;margin:0;display:flex;flex-direction:column}.battle-banner-bg{position:absolute;inset:0;display:flex;pointer-events:none;z-index:-1;overflow:hidden}.battle-banner-left,.battle-banner-right{flex:1;position:relative;overflow:hidden;background-color:#0a0a19}.battle-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.battle-banner-bg:after{content:"";position:absolute;inset:0;background:#00000080;pointer-events:none}.battle-banner-bg:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:linear-gradient(to bottom,transparent 0%,rgba(255,215,0,.2) 10%,rgba(255,215,0,.8) 30%,rgba(255,255,255,1) 50%,rgba(255,215,0,.8) 70%,rgba(255,215,0,.2) 90%,transparent 100%);box-shadow:0 0 6px 1px #ffd70080,0 0 18px 3px #ffd70040;pointer-events:none;z-index:2}.close-battle-log{position:absolute;top:1rem;right:1rem;background:var(--bg-card);border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-battle-log:hover{background:#ff00004d;transform:rotate(90deg)}.battle-result-title{text-align:center;color:gold;font-size:2rem;margin-bottom:1.5rem;text-shadow:0 0 20px rgba(255,215,0,.5);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.pool-type-indicator{font-size:1.2rem;color:var(--primary);text-shadow:0 0 10px rgba(88,166,255,.4)}.battle-header-bar{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:fixed;top:0;left:0;right:0;z-index:10001;overflow:visible}.battle-header-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:.5rem;padding:0 .9rem;height:52px;box-sizing:border-box;flex-shrink:0}.battle-header-progress{padding:0 .9rem 6px;box-sizing:border-box}.battle-header-progress-bar{width:100%;height:20px;background:#00000059;border-radius:10px;overflow:hidden;border:1px solid rgba(255,215,0,.3);position:relative;box-shadow:inset 0 1px 3px #00000080}.battle-header-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:.72rem;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 8px rgba(255,215,0,.4);z-index:2;white-space:nowrap;pointer-events:none}.battle-header-bar:before{content:none}.battle-pool-info{display:flex;align-items:center;gap:.5rem}.battle-pool-icon-small{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.battle-pool-icon-small .pool-icon{width:26px!important;height:26px!important}.battle-pool-label{color:#ffffff80;font-size:.82rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.battle-pool-name{color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.5px;text-shadow:0 0 12px rgba(79,195,247,.8)}.battle-separator-dot{color:#fff3;font-size:1.2rem;line-height:1}.battle-header-spacer{flex:1}.battle-surrender-mini{padding:.3rem .85rem;border-radius:8px;border:1px solid #c62828;background:linear-gradient(135deg,#e53935,#b71c1c);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0;line-height:1.4;box-shadow:0 2px 8px #e539358c,inset 0 1px #ffffff1f}.battle-surrender-mini:hover{background:linear-gradient(135deg,#ef5350,#c62828);border-color:#ef5350;color:#fff;box-shadow:0 3px 14px #e53935bf,inset 0 1px #ffffff26;transform:translateY(-1px)}.battle-surrender-mini:active{transform:translateY(0);box-shadow:0 1px 4px #e5393580}.battle-header-close{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#ffffff1f,#ffffff0f);color:#fff;font-size:1.05rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;flex-shrink:0;margin-left:.3rem;box-shadow:0 1px 6px #0006,inset 0 1px #ffffff1a}.battle-header-close:hover{background:linear-gradient(135deg,#ef5350b3,#b71c1c99);border-color:#ef5350e6;color:#fff;box-shadow:0 2px 10px #ef535080;transform:scale(1.08)}.battle-header-bar.battle-header-finished{background:linear-gradient(135deg,#140f05f5,#322805eb);border-color:#ffd70066;box-shadow:0 4px 24px #ffd7001a,inset 0 1px #ffffff14}.battle-finished-label{color:gold;font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 14px rgba(255,215,0,.7);white-space:nowrap}.battle-new-battle-mini{padding:.35rem 1rem;border-radius:20px;border:1px solid rgba(76,175,80,.7);background:#4caf5026;color:#a5d6a7;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex-shrink:0}.battle-new-battle-mini:hover{background:#4caf5059;border-color:#4caf50;color:#fff;box-shadow:0 0 12px #4caf5066;transform:translateY(-1px)}.battle-round-badge{display:flex;align-items:center;gap:.3rem;padding:.22rem .6rem;background:linear-gradient(135deg,#ffc1071f,#ff780014);border:1px solid rgba(255,193,7,.35);border-radius:20px;color:#ffc107;font-size:.75rem;font-weight:600;letter-spacing:.3px;white-space:nowrap;flex-shrink:0;box-shadow:0 0 8px #ffc10714}.battle-round-number{font-size:.85rem;font-weight:800;color:gold;text-shadow:0 0 8px rgba(255,215,0,.6);text-align:center}.battle-players-live{display:flex;align-items:center;justify-content:space-around;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-card2);border-radius:12px;border:2px solid rgba(255,215,0,.2);position:sticky;top:78px;z-index:10;flex-wrap:nowrap;animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.battle-player-live{flex:1;min-width:120px;max-width:45%;text-align:center;display:flex;flex-direction:column;gap:.5rem}.player-info-header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.player-wallet-live{color:gold;font-size:.95rem;font-weight:700;font-family:monospace;text-shadow:0 0 10px rgba(255,215,0,.3);word-break:break-all;overflow-wrap:break-word;max-width:100%;display:flex;align-items:center;gap:8px}.player-badge-icon{font-size:1.3em;display:inline-block;filter:drop-shadow(0 0 5px rgba(255,215,0,.5));animation:badge-glow 2s ease-in-out infinite}@keyframes badge-glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}}.player-badge-name{font-size:.85rem;font-weight:600;text-align:center;margin-top:4px;text-shadow:0 0 8px currentColor;text-transform:uppercase;letter-spacing:1px;min-height:22px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-badge-display{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:8px;min-height:68px}.badge-image{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 8px currentColor)}.badge-icon-large{font-size:2.5rem;display:inline-block;filter:drop-shadow(0 0 8px currentColor)}.player-hearts{display:flex;justify-content:center;flex-wrap:wrap;gap:.3rem;font-size:1.3rem}.heart{display:inline-block;transition:all .3s ease;animation:heartbeat .5s ease-in-out}.heart.alive{filter:drop-shadow(0 0 5px rgba(255,0,0,.5));transform:scale(1)}.heart.dead{opacity:.3;transform:scale(.8);filter:grayscale(100%)}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes heartLost{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(-15deg)}50%{transform:scale(1.3) rotate(15deg)}75%{transform:scale(.9) rotate(-5deg)}to{transform:scale(.8) rotate(0);opacity:.3}}.heart.just-lost{animation:heartLost .6s ease-out}@keyframes heartPulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,0,0,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(255,0,0,.8));transform:scale(1.05)}}.heart.alive{animation:heartPulse 2s ease-in-out infinite}.player-bonuses{display:flex;flex-direction:row;gap:.5rem;font-size:.75rem;color:#ffffffe6;margin-top:.5rem;margin-bottom:.5rem;justify-content:center;flex-wrap:wrap}.player-bonuses.bonuses-top{justify-content:flex-start;margin-left:1rem}.player-bonuses.bonuses-bottom{justify-content:flex-end;margin-right:1rem}.bonus-item{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:4px;padding:.25rem .5rem;display:inline-block;font-weight:600;text-shadow:0 0 5px rgba(255,215,0,.2)}.vs-separator-live{font-size:1.3rem;font-weight:700;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5);flex-shrink:0;margin:0 .5rem}.battle-winner-announcement{text-align:center;font-size:1.3rem;font-weight:700;color:#4caf50;margin-bottom:1rem;padding:1rem;background:#4caf501a;border-radius:8px;border:2px solid rgba(76,175,80,.3);text-shadow:0 0 10px rgba(76,175,80,.5);animation:victoryBounce .8s ease-out}@keyframes victoryBounce{0%{transform:scale(.5) rotate(-5deg);opacity:0}50%{transform:scale(1.1) rotate(2deg)}70%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}.battle-winner-announcement.victory{animation:victoryBounce .8s ease-out,victoryPulse 2s ease-in-out infinite 1s}@keyframes victoryPulse{0%,to{box-shadow:0 0 10px #4caf504d}50%{box-shadow:0 0 30px #4caf5099}}.battle-winner-announcement.defeat{color:#f44336;background:#f4433633;border:2px solid rgba(244,67,54,.5);text-shadow:0 0 10px rgba(244,67,54,.7);animation:defeatShake .6s ease-out}@keyframes defeatShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.battle-winner-announcement.draw{color:#ffc107;background:#ffc1071a;border:2px solid rgba(255,193,7,.3);text-shadow:0 0 10px rgba(255,193,7,.5);animation:drawFadeIn .8s ease-out}@keyframes drawFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.battle-winner-announcement.abandoned{color:#ff9800;background:#ff98001a;border:2px solid rgba(255,152,0,.3);text-shadow:0 0 10px rgba(255,152,0,.5);animation:drawFadeIn .8s ease-out}.battle-players{display:flex;align-items:center;justify-content:space-around;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border-radius:12px}.battle-player{flex:1;text-align:center;padding:1.5rem;border-radius:12px;background:var(--bg-card2);border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.battle-player.winner{background:#4caf501a;border-color:#4caf5080;box-shadow:0 0 20px #4caf504d}.battle-player.loser{background:#f443361a;border-color:#f443364d;opacity:.7}.player-wallet{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.75rem;font-family:monospace}.player-hp{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.3rem}.hp-label{color:#ffffffb3;font-weight:400}.hp-value{color:#4caf50;font-weight:700}.battle-player.loser .hp-value{color:#f44336}.winner-badge{margin-top:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,gold,#ff9800);border-radius:20px;color:#000;font-weight:700;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.vs-separator{font-size:2rem;font-weight:700;color:#ffffff80;text-shadow:0 0 10px rgba(255,255,255,.3)}.battle-log{background:#0000004d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.battle-log-section{margin-bottom:1rem}.log-section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#ffd7001a;border-left:3px solid #ffd700;padding:.5rem}.log-section-title{color:gold;font-size:1rem;margin:0;flex:1}.expand-logs-btn{background:#ffd70033;border:1px solid rgba(255,215,0,.5);border-radius:4px;padding:.3rem .6rem;color:gold;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .3s ease;white-space:nowrap}.expand-logs-btn:hover{background:#ffd7004d;border-color:gold}.battle-log-title{color:gold;font-size:1.3rem;margin-bottom:1rem;text-align:center}.initialization-loader{padding:1.5rem;text-align:center}.loader-bar-container{width:100%;height:8px;background:#ffd70033;border-radius:10px;overflow:hidden;margin-bottom:1rem;box-shadow:inset 0 2px 4px #0000004d}.loader-bar-fill{height:100%;background:linear-gradient(90deg,#ffd700,var(--primary-hover),#ffd700);background-size:200% 100%;animation:loading-pulse 2s ease-in-out infinite;box-shadow:0 0 10px #ffd70080}@keyframes loading-pulse{0%{background-position:200% 0;width:0%}50%{width:100%}to{background-position:-200% 0;width:100%}}.loader-text{color:gold;font-size:1.1rem;font-weight:600;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1;text-shadow:0 0 10px rgba(255,215,0,.8)}}.round-progress-container{margin:.5rem 0 1rem;padding:0 1rem}.round-progress-bar{width:100%;height:32px;background:#0000004d;border-radius:16px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080;border:1px solid rgba(255,215,0,.3);position:relative}.round-progress-fill{height:100%;background:linear-gradient(90deg,#ff6600,#ffd700,var(--primary-hover));background-size:200% 100%;animation:progress-shine 3s ease-in-out infinite;transition:width .5s ease-out;box-shadow:0 0 10px #ffd70099;position:relative}.round-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-sweep 2s ease-in-out infinite}@keyframes progress-shine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.round-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:.95rem;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.5);z-index:2;white-space:nowrap}.battle-log-entries{max-height:400px;overflow-y:auto;padding-right:.5rem}@media (min-width: 768px){.battle-log-entries.init-log{max-height:120px}.arena-training-page{padding:1rem}.arena-training-header h2{font-size:1.35rem}.arena-training-subtitle{font-size:.9rem}.battle-log-entries.attack-log{max-height:180px}}.comic-bubbles-container{position:relative;width:100%;height:120px;margin:1rem 0;display:flex;justify-content:center;align-items:center}.comic-bubble{position:absolute;background:#fff;padding:1rem 1.5rem;border-radius:20px;border:4px solid #000;box-shadow:0 8px 20px #00000080;animation:bubblePop .3s cubic-bezier(.68,-.55,.265,1.55);max-width:280px}.comic-bubble:before{content:"";position:absolute;bottom:-20px;width:0;height:0;border-style:solid}.comic-bubble.bubble-player1{left:10%}.comic-bubble.bubble-player1:before{left:20px;border-width:20px 20px 0 0;border-color:#000 transparent transparent transparent}.comic-bubble.bubble-player1:after{content:"";position:absolute;bottom:-16px;left:22px;width:0;height:0;border-style:solid;border-width:16px 16px 0 0;border-color:white transparent transparent transparent}.comic-bubble.bubble-player2{right:10%}.comic-bubble.bubble-player2:before{right:20px;border-width:20px 0 0 20px;border-color:#000 transparent transparent transparent}.comic-bubble.bubble-player2:after{content:"";position:absolute;bottom:-16px;right:22px;width:0;height:0;border-style:solid;border-width:16px 0 0 16px;border-color:white transparent transparent transparent}.bubble-content{text-align:center;color:#000;font-family:Courier New,monospace;font-weight:700}.attack-type-icon{font-size:2.5rem;margin-bottom:.5rem}.attack-name{font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:.3rem}.block-number{font-size:.9rem;color:#666;margin-top:.3rem}.critical-badge{color:gold;font-size:1rem;margin-top:.5rem;text-shadow:0 0 5px rgba(255,215,0,.8)}.defend-badge{color:#4af;font-size:1rem;margin-top:.5rem;text-shadow:0 0 5px rgba(68,170,255,.8)}@keyframes bubblePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.battle-log-entry{padding:.75rem 1rem;margin-bottom:.5rem;background:var(--bg-card2);border-left:3px solid rgba(255,215,0,.3);border-radius:4px;color:#ffffffe6;font-family:Courier New,monospace;font-size:.95rem;line-height:1.5;transition:all .2s ease}.battle-log-entry:hover{background:#ffffff14;border-left-color:#ffd70099}.battle-log-entry.attack{color:#f44!important;font-weight:700;text-shadow:0 0 10px rgba(255,68,68,.5);border-left-color:#f44!important;background:#ff44441a!important;animation:attackPulse .5s ease-out}.battle-log-entry.critical{color:gold!important;font-weight:700;text-shadow:0 0 15px rgba(255,215,0,.8);border-left-color:gold!important;background:#ffd70026!important;animation:criticalPulse .6s ease-out}.battle-log-entry.defend{color:#4af!important;font-weight:700;text-shadow:0 0 10px rgba(68,170,255,.5);border-left-color:#4af!important;background:#44aaff1a!important;animation:defendPulse .5s ease-out}.battle-log-entry.chifoumi-header-log{color:#c8b4ffb3!important;font-size:.78rem;font-weight:600;letter-spacing:.3px;padding:4px 6px 2px;background:transparent!important;border-left:none!important;margin-bottom:0}.chifoumi-badge{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#c084fc;background:#a855f72e;border:1px solid rgba(168,85,247,.5);border-radius:4px;padding:1px 6px;vertical-align:middle;text-shadow:0 0 8px rgba(168,85,247,.6)}.battle-log-entry.chifoumi{color:#e8b4ff!important;font-weight:700;text-shadow:0 0 10px rgba(180,80,255,.55);border-left:3px solid #a855f7!important;background:linear-gradient(90deg,#a855f71f,#ffc3000f)!important;letter-spacing:.3px;padding:4px 6px;border-radius:4px;margin-top:0}@keyframes attackPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes criticalPulse{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes defendPulse{0%,to{opacity:1}50%{opacity:.7}}.battle-log-fade-in{animation:fadeInSlide .3s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.battle-animation-container{display:flex;justify-content:space-between;align-items:center;padding:2rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 1px),linear-gradient(rgba(0,255,136,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;background-position:0 0,0 0,0 0;border-radius:12px;margin-bottom:.5rem;position:relative;overflow:hidden;border:2px solid rgba(255,215,0,.2);min-height:200px;isolation:isolate}.battle-animation-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.15) 48%,rgba(0,255,136,.4) 50%,rgba(0,255,136,.15) 52%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(255,215,0,.15) 48%,rgba(255,215,0,.3) 50%,rgba(255,215,0,.15) 52%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,200,255,.1) 48%,rgba(0,200,255,.3) 50%,rgba(0,200,255,.1) 52%,transparent 100%),radial-gradient(circle at 20% 30%,rgba(255,215,0,.4) 2px,transparent 2px),radial-gradient(circle at 80% 70%,rgba(0,255,136,.4) 2px,transparent 2px),radial-gradient(circle at 50% 50%,rgba(0,200,255,.3) 3px,transparent 3px),radial-gradient(circle at 30% 80%,rgba(255,100,200,.3) 2px,transparent 2px),radial-gradient(circle at 70% 20%,rgba(200,100,255,.3) 2px,transparent 2px);background-size:200% 2px,200% 2px,2px 200%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-position:0 33%,200% 66%,50% 0,0 0,0 0,0 0,0 0,0 0;animation:none;opacity:0;z-index:0;pointer-events:none;display:none}.battle-animation-container:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,255,136,.05) 50%,transparent 100%);animation:none;z-index:1;pointer-events:none;display:none}@keyframes circuitFlow{0%{background-position:0 33%,200% 66%,50% 0,0 0,0 0,0 0,0 0,0 0}to{background-position:200% 33%,0 66%,50% 200%,0 0,0 0,0 0,0 0,0 0}}@keyframes circuitPulse{0%,to{opacity:.3}50%{opacity:.6}}.battle-player-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:3;position:relative}.battle-player-info.player-1-info{align-items:flex-start}.battle-player-info.player-2-info{align-items:flex-end}.player-header-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:1.2rem .8rem .6rem;background:linear-gradient(135deg,#ffd70014,#667eea0d);border:none;border-radius:12px;box-shadow:0 0 10px #0000004d,inset 0 0 20px #ffd70008;position:relative;overflow:visible;min-width:120px;max-width:140px}@media (min-width: 769px){.battle-player-info{gap:.8rem;flex-direction:row!important;align-items:center!important}.battle-player-info.player-1-info{flex-direction:row!important;justify-content:flex-start;padding-left:1rem}.battle-player-info.player-2-info{flex-direction:row-reverse!important;justify-content:flex-start;padding-right:1rem}.player-header-container{min-width:180px;max-width:220px;padding:1.4rem 1.2rem .8rem}.player-wallet-live{font-size:.95rem!important;letter-spacing:.5px}.player-level{font-size:.8rem;padding:.25rem .55rem}.player-rank{font-size:.85rem;padding:.3rem .6rem}.battle-fighter-hp{margin:0 1rem}}.player-header-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:headerShine 3s ease-in-out infinite}@keyframes headerShine{0%{left:-100%}50%,to{left:200%}}.player-badge-corner{position:absolute;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,215,0,.3),transparent);border-radius:8px;z-index:10}.player-badge-corner.badge-corner-left{top:-6px;left:-6px}.player-badge-corner.badge-corner-right{top:-6px;right:-6px}.player-badge-corner .badge-image{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));animation:badgeGlow 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,1))}}.player-info-content{display:flex;flex-direction:column;align-items:center;gap:.2rem}.player-stats-row{display:flex;flex-direction:row;align-items:center;gap:.4rem;justify-content:center}.player-header-container .player-wallet-live{color:#fff;font-size:.8rem;font-weight:700;font-family:Orbitron,monospace;text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:.3px;white-space:nowrap}.player-level{color:#00d4ff;font-size:.7rem;font-weight:600;font-family:Orbitron,monospace;text-shadow:0 2px 4px rgba(0,0,0,.8);background:#00d4ff26;padding:.1rem .4rem;border-radius:4px;border:1px solid rgba(0,212,255,.3)}.player-rank{color:gold;font-size:.75rem;font-weight:600;font-family:Orbitron,monospace;text-shadow:0 2px 4px rgba(0,0,0,.8);background:#ffd70026;padding:.1rem .4rem;border-radius:4px;border:1px solid rgba(255,215,0,.3)}@media (max-width: 768px){.player-header-container{min-width:100px;max-width:120px;padding:1rem .6rem .5rem;gap:.2rem}.player-badge-corner,.player-badge-corner .badge-image{width:30px;height:30px}.player-header-container .player-wallet-live{font-size:.7rem}.player-level{font-size:.6rem;padding:.08rem .25rem}.player-rank{font-size:.65rem;padding:.1rem .3rem}}.battle-player-info .battle-fighter{font-size:3rem}.battle-player-info .player-hearts{display:flex;gap:.2rem;font-size:1.2rem;justify-content:center;flex-wrap:wrap;max-width:150px;width:auto}.battle-player-info .player-bonuses{display:flex;flex-direction:row;gap:.5rem;font-size:.75rem;flex-wrap:wrap;justify-content:center}.battle-player-info .bonus-item{background:#ffd70026;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;font-weight:700;color:gold}.player-result-badge{margin-top:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:1.1rem;font-weight:700;text-align:center;animation:resultBadgePulse 2s ease-in-out infinite;box-shadow:0 4px 15px #0006}.player-result-badge.winner{background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:3px solid #ffa500;text-shadow:0 2px 4px rgba(255,215,0,.5)}.player-result-badge.defeat{background:linear-gradient(135deg,#6a0dad,#4a0080);color:#fff;border:3px solid #8b00ff;text-shadow:0 2px 4px rgba(0,0,0,.7)}.player-result-badge.draw{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:3px solid #2e5f8a;text-shadow:0 2px 4px rgba(0,0,0,.6)}@keyframes resultBadgePulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #0006}50%{transform:scale(1.05);box-shadow:0 6px 25px #0009}}.comic-effect{position:absolute!important;font-size:3.5rem!important;font-weight:900!important;font-family:Impact,Arial Black,sans-serif!important;text-transform:uppercase!important;z-index:10000!important;pointer-events:none!important;animation:comicAttackBoom .8s ease-out forwards!important;text-shadow:4px 4px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,5px 5px 15px rgba(0,0,0,.9)!important;transform-origin:center center;opacity:1!important;display:block!important;visibility:visible!important}.comic-attack{color:#f44!important;filter:drop-shadow(0 0 25px rgba(255,68,68,1)) drop-shadow(0 0 40px rgba(255,0,0,.8))!important}.comic-critical{color:gold!important;font-size:4.5rem!important;filter:drop-shadow(0 0 40px rgba(255,215,0,1)) drop-shadow(0 0 60px rgba(255,140,0,1)) drop-shadow(0 0 80px rgba(255,0,0,.8))!important;animation:comicCriticalMega 1s ease-out forwards!important}.comic-defend{color:#00d4ff!important;filter:drop-shadow(0 0 30px rgba(0,212,255,1)) drop-shadow(0 0 50px rgba(0,100,255,.8))!important;animation:comicDefendShield .8s ease-out forwards!important}.comic-miss{color:#999!important;font-size:3rem!important;font-style:italic!important;filter:drop-shadow(0 0 15px rgba(153,153,153,.8))!important;animation:comicMissSlide .7s ease-out forwards!important}.comic-damage{color:red!important;font-size:3.2rem!important;font-weight:900!important;filter:drop-shadow(0 0 25px rgba(255,0,0,1)) drop-shadow(0 0 40px rgba(200,0,0,.8))!important;animation:comicDamageFall 1s ease-out forwards!important}.comic-taunt{font-size:4rem!important;filter:drop-shadow(0 0 30px currentColor) drop-shadow(0 0 50px orange)!important;animation:comicTauntPop .7s cubic-bezier(.68,-.55,.265,1.55) forwards!important}@keyframes comicAttackBoom{0%{transform:scale(0) translateY(0) rotate(0);opacity:0}20%{transform:scale(1.5) translateY(-20px) rotate(-8deg);opacity:1}40%{transform:scale(1.3) translateY(-30px) rotate(5deg);opacity:1}60%{transform:scale(1.4) translateY(-40px) rotate(-3deg);opacity:.9}80%{transform:scale(1.2) translateY(-50px) rotate(2deg);opacity:.5}to{transform:scale(1) translateY(-60px) rotate(0);opacity:0}}@keyframes comicDefendShield{0%{transform:scale(0) translateY(0);opacity:0}25%{transform:scale(1.4) translateY(-15px);opacity:1}50%{transform:scale(1.2) translateY(-25px);opacity:1}75%{transform:scale(1.3) translateY(-35px);opacity:.7}to{transform:scale(1) translateY(-45px);opacity:0}}@keyframes comicCriticalMega{0%{transform:scale(0) rotate(0);opacity:0}15%{transform:scale(2) rotate(15deg);opacity:1}30%{transform:scale(1.6) rotate(-10deg);opacity:1}45%{transform:scale(1.9) rotate(8deg);opacity:1}60%{transform:scale(1.5) rotate(-5deg);opacity:1}75%{transform:scale(1.7) rotate(3deg);opacity:.8}90%{transform:scale(1.3) rotate(-2deg);opacity:.4}to{transform:scale(1) rotate(0);opacity:0}}@keyframes comicMissSlide{0%{transform:translate(0) translateY(0) rotate(0) scale(.8);opacity:0}30%{transform:translate(-20px) translateY(-15px) rotate(-8deg) scale(1.2);opacity:1}70%{transform:translate(-40px) translateY(-10px) rotate(-12deg) scale(1);opacity:.7}to{transform:translate(-60px) translateY(-5px) rotate(-15deg) scale(.8);opacity:0}}@keyframes comicDamageFall{0%{transform:translateY(-20px) scale(.5);opacity:0}20%{transform:translateY(0) scale(1.3);opacity:1}40%{transform:translateY(10px) scale(1.1);opacity:1}60%{transform:translateY(30px) scale(.9) rotate(-5deg);opacity:.8}80%{transform:translateY(50px) scale(.7) rotate(-10deg);opacity:.4}to{transform:translateY(80px) scale(.5) rotate(-15deg);opacity:0}}@keyframes comicTauntPop{0%,to{transform:scale(0);opacity:0}30%{transform:scale(1.3) translateY(-10px);opacity:1}60%{transform:scale(1.1) translateY(-15px);opacity:.9}85%{transform:scale(.9) translateY(-20px);opacity:.5}}.battle-fighter{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2;font-size:4rem;transform-origin:center center;will-change:transform;contain:layout style}@keyframes fighterPulse{0%,to{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(1.08) translateY(-10px);opacity:.9}}.battle-fighter.attacking{animation:fighterAttackMega .7s cubic-bezier(.34,1.56,.64,1)}.battle-animation-container.shake{animation:screenShakeMega .4s cubic-bezier(.36,.07,.19,.97)}@keyframes fighterAttackMega{0%{transform:translate(0) scale(1) rotate(0);filter:brightness(1)}10%{transform:translate(-30px) scale(1.2) rotate(-10deg);filter:brightness(1.8)}30%{transform:translate(70px) scale(1.4) rotate(15deg);filter:brightness(2.5)}40%{transform:translate(75px) scale(1.45) rotate(18deg);filter:brightness(3)}55%{transform:translate(-15px) scale(1.15) rotate(-6deg);filter:brightness(2)}70%{transform:translate(8px) scale(1.05) rotate(3deg);filter:brightness(1.5)}85%{transform:translate(-3px) scale(.98) rotate(-1deg);filter:brightness(1.2)}to{transform:translate(0) scale(1) rotate(0);filter:brightness(1)}}@keyframes screenShakeMega{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-12px,8px) rotate(-1.5deg)}20%{transform:translate(12px,-8px) rotate(1.5deg)}30%{transform:translate(-10px,10px) rotate(-1deg)}40%{transform:translate(10px,-10px) rotate(1deg)}50%{transform:translate(-6px,6px) rotate(-.5deg)}60%{transform:translate(6px,-6px) rotate(.5deg)}70%{transform:translate(-4px,4px)}80%{transform:translate(4px,-4px)}90%{transform:translate(-2px,2px)}}.battle-fighter.critical-hit{animation:fighterCriticalMega 1s cubic-bezier(.34,1.56,.64,1)}.battle-animation-container.critical-shake{animation:criticalScreenShakeMega .8s cubic-bezier(.36,.07,.19,.97)}@keyframes fighterCriticalMega{0%{transform:translate(0) scale(1) rotate(0);filter:brightness(1) drop-shadow(0 0 0 transparent)}8%{transform:translate(-35px) scale(1.3) rotate(-12deg);filter:brightness(2) drop-shadow(0 0 30px gold)}20%{transform:translate(100px) scale(1.6) rotate(20deg);filter:brightness(4) drop-shadow(0 0 60px gold) drop-shadow(0 0 100px orange) drop-shadow(0 0 120px red)}28%{transform:translate(95px) scale(1.65) rotate(25deg);filter:brightness(4.5) drop-shadow(0 0 70px gold) drop-shadow(0 0 110px orange) drop-shadow(0 0 140px red)}36%{transform:translate(90px) scale(1.6) rotate(18deg);filter:brightness(4) drop-shadow(0 0 65px gold)}44%{transform:translate(105px) scale(1.65) rotate(28deg);filter:brightness(4.8) drop-shadow(0 0 80px gold) drop-shadow(0 0 120px orange)}52%{transform:translate(85px) scale(1.55) rotate(15deg);filter:brightness(3.5) drop-shadow(0 0 60px gold)}65%{transform:translate(-20px) scale(1.2) rotate(-8deg);filter:brightness(2.5) drop-shadow(0 0 40px orange)}78%{transform:translate(10px) scale(1.08) rotate(4deg);filter:brightness(1.6) drop-shadow(0 0 25px gold)}90%{transform:translate(-4px) scale(1.02) rotate(-2deg);filter:brightness(1.2)}to{transform:translate(0) scale(1) rotate(0);filter:brightness(1)}}@keyframes criticalScreenShakeMega{0%,to{transform:translate(0) rotate(0)}6%{transform:translate(-18px,12px) rotate(-2deg)}12%{transform:translate(18px,-12px) rotate(2deg)}18%{transform:translate(-16px,14px) rotate(-1.8deg)}24%{transform:translate(16px,-14px) rotate(1.8deg)}30%{transform:translate(-14px,10px) rotate(-1.5deg)}36%{transform:translate(14px,-10px) rotate(1.5deg)}42%{transform:translate(-12px,8px) rotate(-1.2deg)}48%{transform:translate(12px,-8px) rotate(1.2deg)}54%{transform:translate(-10px,6px) rotate(-1deg)}60%{transform:translate(10px,-6px) rotate(1deg)}66%{transform:translate(-8px,5px) rotate(-.8deg)}72%{transform:translate(8px,-5px) rotate(.8deg)}78%{transform:translate(-6px,4px) rotate(-.5deg)}84%{transform:translate(6px,-4px) rotate(.5deg)}90%{transform:translate(-3px,2px)}96%{transform:translate(3px,-2px)}}.critical-star{position:absolute;font-size:5rem;animation:starBurstMega 1.2s ease-out;z-index:5;filter:drop-shadow(0 0 40px gold) drop-shadow(0 0 80px orange)}@keyframes starBurstMega{0%{transform:scale(0) rotate(0);opacity:0;filter:drop-shadow(0 0 20px gold)}20%{transform:scale(3) rotate(90deg);opacity:1;filter:drop-shadow(0 0 80px gold) drop-shadow(0 0 120px orange)}40%{transform:scale(2.5) rotate(180deg);opacity:1;filter:drop-shadow(0 0 100px gold) drop-shadow(0 0 150px red)}60%{transform:scale(3.5) rotate(270deg);opacity:1;filter:drop-shadow(0 0 90px gold) drop-shadow(0 0 130px orange)}80%{transform:scale(4) rotate(360deg);opacity:.8;filter:drop-shadow(0 0 70px gold)}to{transform:scale(5) rotate(450deg);opacity:0;filter:drop-shadow(0 0 40px gold)}}.critical-star{position:absolute;font-size:4rem;animation:starBurst 1s ease-out;z-index:5;filter:drop-shadow(0 0 20px gold)}@keyframes starBurst{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(2) rotate(180deg);opacity:1}to{transform:scale(3) rotate(360deg);opacity:0}}.battle-fighter.dodging{animation:fighterDodgeBlur .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fighterDodgeBlur{0%{transform:translate(0) translateY(0) scale(1);opacity:1;filter:blur(0px)}20%{transform:translate(50px) translateY(-30px) scale(1.15) rotate(10deg);opacity:.3;filter:blur(3px)}40%{transform:translate(80px) translateY(-50px) scale(1.2) rotate(15deg);opacity:.1;filter:blur(5px)}60%{transform:translate(60px) translateY(-35px) scale(1.1) rotate(8deg);opacity:.4;filter:blur(2px)}80%{transform:translate(15px) translateY(-10px) scale(1.03);opacity:.8;filter:blur(1px)}to{transform:translate(0) translateY(0) scale(1);opacity:1;filter:blur(0px)}}.dodge-effect{position:absolute;font-size:3rem;animation:smokeDisappear .8s ease-out;z-index:3}@keyframes smokeDisappear{0%{opacity:0;transform:translate(0) scale(.5)}50%{opacity:1;transform:translate(-30px) scale(1.5)}to{opacity:0;transform:translate(-60px) scale(2)}}.battle-fighter.taunting{animation:fighterTauntBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fighterTauntBounce{0%,to{transform:scale(1) translateY(0) rotate(0);filter:brightness(1)}20%{transform:scale(1.2) translateY(-25px) rotate(8deg);filter:brightness(1.3) drop-shadow(0 0 15px currentColor)}40%{transform:scale(1.15) translateY(-20px) rotate(-5deg);filter:brightness(1.4) drop-shadow(0 0 20px currentColor)}60%{transform:scale(1.25) translateY(-30px) rotate(10deg);filter:brightness(1.5) drop-shadow(0 0 25px currentColor)}75%{transform:scale(1.1) translateY(-15px) rotate(-3deg);filter:brightness(1.2)}90%{transform:scale(1.05) translateY(-8px) rotate(1deg);filter:brightness(1.1)}}.battle-fighter.defending{animation:fighterDefendShield .5s ease-out}@keyframes fighterDefendShield{0%{transform:scale(1);filter:brightness(1) drop-shadow(0 0 0 transparent)}15%{transform:scale(.95);filter:brightness(1.8) drop-shadow(0 0 25px cyan) drop-shadow(0 0 40px blue)}30%{transform:scale(.9);filter:brightness(2.2) drop-shadow(0 0 35px cyan) drop-shadow(0 0 55px blue) drop-shadow(0 0 70px rgba(0,150,255,.8))}50%{transform:scale(.92);filter:brightness(2) drop-shadow(0 0 30px cyan)}70%{transform:scale(.96);filter:brightness(1.5) drop-shadow(0 0 20px cyan)}85%{transform:scale(.98);filter:brightness(1.2) drop-shadow(0 0 10px cyan)}to{transform:scale(1);filter:brightness(1)}}.battle-fighter.hit{animation:fighterHitImpact .5s cubic-bezier(.36,.07,.19,.97)}@keyframes fighterHitImpact{0%{transform:translate(0) scale(1);filter:brightness(1)}12%{transform:translate(-35px) scale(.9) rotate(-8deg);filter:brightness(2) hue-rotate(45deg)}24%{transform:translate(20px) scale(1.05) rotate(5deg);filter:brightness(.6) hue-rotate(90deg)}36%{transform:translate(-25px) scale(.95) rotate(-6deg);filter:brightness(1.8) hue-rotate(180deg)}48%{transform:translate(15px) scale(1.02) rotate(3deg);filter:brightness(.7)}60%{transform:translate(-15px) scale(.97) rotate(-3deg);filter:brightness(1.5)}75%{transform:translate(8px) scale(1.01) rotate(1deg);filter:brightness(.9)}88%{transform:translate(-4px) scale(.99);filter:brightness(1.2)}to{transform:translate(0) scale(1);filter:brightness(1)}}.shield-effect{position:absolute;font-size:4rem;animation:shieldAppear .8s ease-in-out;z-index:3}@keyframes shieldAppear{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}.fighter-left{animation:fighterBounceLeft 3s ease-in-out infinite;will-change:transform}.fighter-right{animation:fighterBounceRight 3s ease-in-out infinite;will-change:transform}@keyframes fighterBounceLeft{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px) scale(1.1)}50%{transform:translate(0) scale(1)}75%{transform:translate(-5px) scale(.95)}}@keyframes fighterBounceRight{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-10px) scale(1.1)}50%{transform:translate(0) scale(1)}75%{transform:translate(5px) scale(.95)}}.fighter-icon{font-size:3rem;animation:iconPulse 2.5s ease-in-out infinite;will-change:transform}@keyframes iconPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.fighter-name{display:none}.battle-vs{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}.vs-container{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vs-glow{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,rgba(255,100,0,.2) 50%,transparent 100%);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.vs-text{font-family:Orbitron,Impact,sans-serif;font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,215,0,1),0 0 20px rgba(255,100,0,.8),0 0 30px rgba(255,0,0,.6),2px 2px 4px rgba(0,0,0,.8);animation:vsScale 2s ease-in-out infinite;z-index:10;position:relative;letter-spacing:2px}@keyframes vsScale{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(5deg)}}.vs-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff,#ffd700cc);box-shadow:0 0 10px gold;animation:sparkFloat 3s ease-in-out infinite}.vs-spark.spark-1{top:10%;left:50%;animation-delay:0s}.vs-spark.spark-2{top:50%;right:10%;animation-delay:.75s}.vs-spark.spark-3{bottom:10%;left:50%;animation-delay:1.5s}.vs-spark.spark-4{top:50%;left:10%;animation-delay:2.25s}@keyframes sparkFloat{0%,to{transform:translate(0) scale(1);opacity:0}10%,90%{opacity:1}50%{transform:translateY(-10px) scale(1.3);opacity:1}}.initialization-overlay{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in}.initialization-content{max-width:800px;width:90%;background:linear-gradient(135deg,#ffd7001a,#ffaa001a);border:2px solid rgba(255,215,0,.5);border-radius:16px;padding:2rem;box-shadow:0 10px 40px #ffd7004d;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.initialization-title{font-size:2rem;font-weight:700;color:gold;text-align:center;margin-bottom:2rem;text-shadow:0 0 20px rgba(255,215,0,.6);animation:pulse-glow 1.5s ease-in-out infinite}.initialization-logs{background:#0006;border-radius:12px;padding:1.5rem;max-height:400px;overflow-y:auto;border:1px solid rgba(255,215,0,.3)}.init-log-line{font-family:Courier New,monospace;font-size:1rem;color:#0f0;margin:.5rem 0;padding:.5rem;background:#00ff000d;border-left:3px solid #00ff00;border-radius:4px;animation:slideInLeft .3s ease-out;text-shadow:0 0 5px rgba(0,255,0,.5)}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.initialization-logs::-webkit-scrollbar{width:8px}.initialization-logs::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.initialization-logs::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:4px}.initialization-logs::-webkit-scrollbar-thumb:hover{background:#ffd700b3}@keyframes vsRotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(10deg) scale(1.2)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-10deg) scale(1.2)}}.impact-effect{position:absolute;pointer-events:none;z-index:15;transform-origin:center center}.svg-impact{display:block;filter:drop-shadow(0 0 20px currentColor)}.impact-boom .boom-svg{animation:boomExplosion .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.impact-star .star-svg{animation:starBurstMega 1s cubic-bezier(.34,1.56,.64,1) forwards}.impact-flash .flash-svg{animation:flashBurst .5s ease-out forwards}@keyframes boomExplosion{0%{transform:scale(0) rotate(0);opacity:0}25%{transform:scale(1.5) rotate(90deg);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:1}75%{transform:scale(1.6) rotate(270deg);opacity:.6}to{transform:scale(2) rotate(360deg);opacity:0}}@keyframes flashBurst{0%{transform:scale(0);opacity:0;filter:brightness(1)}30%{transform:scale(1.5);opacity:1;filter:brightness(3) drop-shadow(0 0 30px white)}60%{transform:scale(1.3);opacity:.8;filter:brightness(2.5) drop-shadow(0 0 20px cyan)}to{transform:scale(1.8);opacity:0;filter:brightness(1)}}.battle-particle{position:absolute;width:12px;height:12px;border-radius:50%;pointer-events:none;z-index:20;box-shadow:0 0 15px currentColor,0 0 25px currentColor;animation:particleExplode 1s ease-out forwards}@keyframes particleExplode{0%{transform:translate(0) scale(0);opacity:1}50%{transform:translate(calc((var(--random-x, .5) - .5) * 200px),calc((var(--random-y, .5) - .5) * 200px)) scale(1.5);opacity:1}to{transform:translate(calc((var(--random-x, .5) - .5) * 300px),calc((var(--random-y, .5) - .5) * 300px)) scale(0);opacity:0}}.attack-trail{position:absolute;width:200px;height:100px;pointer-events:none;z-index:5;background:linear-gradient(90deg,transparent 0%,rgba(255,100,0,.8) 20%,rgba(255,200,0,.6) 50%,rgba(255,100,0,.3) 80%,transparent 100%);filter:blur(8px);animation:trailSlash .5s ease-out forwards}.trail-left{left:-100px;transform-origin:left center}.trail-right{right:-100px;transform-origin:right center}@keyframes trailSlash{0%{transform:scaleX(0) scaleY(.3);opacity:0}40%{transform:scaleX(1.5) scaleY(1);opacity:1}to{transform:scaleX(.5) scaleY(.5);opacity:0}}.explosion-ring{position:absolute;border:4px solid rgba(255,100,0,.8);border-radius:50%;pointer-events:none;z-index:10;animation:ringExpand .6s ease-out forwards}.ring-1{width:60px;height:60px;animation-delay:0s}.ring-2{width:80px;height:80px;animation-delay:.1s;border-color:#ffc800b3}@keyframes ringExpand{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}.critical-flash{position:fixed;inset:0;background:radial-gradient(circle,rgba(255,215,0,.5) 0%,transparent 70%);pointer-events:none;z-index:100;animation:flashScreen .4s ease-out forwards}@keyframes flashScreen{0%,to{opacity:0}50%{opacity:1}}.critical-ring{position:absolute;border:5px solid gold;border-radius:50%;pointer-events:none;z-index:10;box-shadow:0 0 30px gold,inset 0 0 30px gold;animation:criticalRingExpand .8s ease-out forwards}.critical-ring.ring-1{width:80px;height:80px;animation-delay:0s}.critical-ring.ring-2{width:100px;height:100px;animation-delay:.15s}.critical-ring.ring-3{width:120px;height:120px;animation-delay:.3s}@keyframes criticalRingExpand{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(4) rotate(360deg);opacity:0}}.lightning{position:absolute;width:4px;height:80px;background:linear-gradient(180deg,transparent 0%,#ffff00 20%,#ffffff 50%,#ffff00 80%,transparent 100%);box-shadow:0 0 15px #ff0,0 0 30px var(--primary-hover);pointer-events:none;z-index:15;animation:lightningStrike .3s ease-out forwards}.bolt-1{transform:rotate(-25deg);left:-40px;animation-delay:.1s}.bolt-2{transform:rotate(25deg);right:-40px;animation-delay:.2s}@keyframes lightningStrike{0%{opacity:0;transform:translateY(-50px) scaleY(0)}30%{opacity:1;transform:translateY(0) scaleY(1.5)}60%{opacity:1;transform:translateY(10px) scaleY(1)}to{opacity:0;transform:translateY(20px) scaleY(.5)}}.shield-dome{position:absolute;width:150px;height:150px;border:5px solid rgba(0,212,255,.8);border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);pointer-events:none;z-index:10;box-shadow:0 0 40px #00d4ffcc,inset 0 0 40px #00d4ff80;animation:shieldPulse .6s ease-out forwards}@keyframes shieldPulse{0%,to{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:1}}.shield-spark{position:absolute;width:8px;height:8px;background:#00d4ff;border-radius:50%;box-shadow:0 0 20px #00d4ff;pointer-events:none;z-index:15;animation:sparkFly .5s ease-out forwards}.spark-1{top:-30px;left:0;animation-delay:0s}.spark-2{top:20px;left:-40px;animation-delay:.1s}.spark-3{top:20px;right:-40px;animation-delay:.2s}@keyframes sparkFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(var(--spark-x, 0) * 80px),calc(var(--spark-y, -1) * 80px)) scale(0);opacity:0}}.dodge-blur{position:absolute;width:100%;height:100%;background:#fff6;border-radius:50%;filter:blur(10px);pointer-events:none;z-index:8;animation:blurTrail .4s ease-out forwards}.blur-1{animation-delay:0s}.blur-2{animation-delay:.1s}.blur-3{animation-delay:.2s}@keyframes blurTrail{0%{transform:translate(0) scale(1);opacity:.8}to{transform:translate(80px) scale(1.5);opacity:0}}.energy-beam{position:absolute;width:200px;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.8) 20%,rgba(255,68,68,.8) 50%,rgba(255,215,0,.8) 80%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation:energyPulse 1s ease-in-out infinite;box-shadow:0 0 20px #ffd70099;transition:all .3s ease}.energy-beam.beam-active{height:8px;background:linear-gradient(90deg,transparent 0%,rgba(255,50,50,1) 20%,rgba(255,200,0,1) 50%,rgba(255,50,50,1) 80%,transparent 100%);box-shadow:0 0 40px #ff3232;animation:energyBlast .4s ease-in-out}@keyframes energyBlast{0%{transform:translate(-50%,-50%) scaleX(.5);opacity:1}50%{transform:translate(-50%,-50%) scaleX(1.5);opacity:1}to{transform:translate(-50%,-50%) scaleX(0);opacity:0}}.attack-effect{position:absolute;width:50px;height:50px;border-radius:50%;animation:attackBurstSuper .7s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none;z-index:4}.attack-left{right:-60px;background:radial-gradient(circle,rgba(255,100,0,1) 0%,rgba(255,150,0,1) 15%,rgba(255,215,0,.9) 30%,rgba(255,50,0,.6) 50%,rgba(255,0,0,.3) 70%,transparent 90%);box-shadow:0 0 50px #ff6400,0 0 100px #ff3200cc,0 0 150px #ff000080}.attack-right{left:-60px;background:radial-gradient(circle,rgba(50,150,255,1) 0%,rgba(100,200,255,1) 15%,rgba(0,180,255,.9) 30%,rgba(0,100,255,.6) 50%,rgba(0,50,200,.3) 70%,transparent 90%);box-shadow:0 0 50px #3296ff,0 0 100px #0064ffcc,0 0 150px #0032c880}.attack-effect.critical{width:70px;height:70px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,215,0,1) 10%,rgba(255,170,0,1) 25%,rgba(255,100,0,.9) 40%,rgba(255,0,0,.7) 60%,rgba(200,0,0,.4) 80%,transparent 95%);box-shadow:0 0 80px #fff,0 0 120px gold,0 0 180px #ffaa00e6,0 0 240px #ff6400b3,0 0 300px #ff000080;animation:criticalBurstMega 1.2s cubic-bezier(.68,-.55,.265,1.55)}@keyframes attackBurstSuper{0%{transform:scale(0);opacity:1}30%{transform:scale(4);opacity:1}60%{transform:scale(5.5);opacity:.7}to{transform:scale(7);opacity:0}}@keyframes criticalBurstMega{0%{transform:scale(0) rotate(0);opacity:1}15%{transform:scale(5) rotate(60deg);opacity:1}30%{transform:scale(6) rotate(150deg);opacity:1}50%{transform:scale(7) rotate(240deg);opacity:.9}70%{transform:scale(8.5) rotate(330deg);opacity:.6}to{transform:scale(10) rotate(450deg);opacity:0}}.hp-bar{width:80px;height:8px;background:#00000080;border-radius:4px;overflow:hidden;border:2px solid rgba(255,255,255,.3);margin-top:.3rem}.hp-fill{height:100%;background:linear-gradient(90deg,#ff4444 0%,var(--primary-hover) 50%,#44ff44 100%);transition:width .5s ease;box-shadow:0 0 10px #ffd70099}.battle-progress{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:#ffc1071a;border:2px solid rgba(255,193,7,.3);border-radius:8px;margin-top:1rem;color:#ffc107;font-weight:700}button.new-battle-button,.new-battle-button{width:100%!important;padding:1rem 2rem!important;background:linear-gradient(135deg,#4caf50,#2e7d32)!important;color:#fff!important;border:2px solid #2e7d32!important;border-radius:8px!important;font-size:1.1rem!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;font-family:Orbitron,sans-serif!important;box-shadow:0 4px 15px #4caf504d!important;margin-top:1rem!important;margin-bottom:1.5rem!important}button.new-battle-button:hover,.new-battle-button:hover{background:linear-gradient(135deg,#66bb6a,#388e3c)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #4caf5066!important}button.surrender-button,.surrender-button{width:100%!important;padding:1rem!important;background:linear-gradient(135deg,#f44336,#d32f2f)!important;color:#fff!important;border:2px solid #d32f2f!important;border-radius:8px!important;font-size:1rem!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;margin-top:1rem!important;font-family:Orbitron,sans-serif!important;display:block!important}button.surrender-button:hover,.surrender-button:hover{background:linear-gradient(135deg,#d32f2f,#c62828)!important;transform:translateY(-2px)!important;box-shadow:0 5px 20px #f44336cc!important}button.surrender-button:active,.surrender-button:active{transform:translateY(0)!important}@media (max-width: 1024px){.pool-card{padding:.9rem .5rem .75rem}.pool-card-actions{width:100%}.join-pool-button{flex:1;min-width:0;max-width:none;padding:.8rem 1.3rem!important}.join-pool-button.searching{padding:.8rem 1.3rem!important}.cancel-queue-button-inline{padding:.75rem 1rem .75rem 2.3rem!important}.cancel-queue-button-inline:before,.cancel-queue-button-inline:after{left:.85rem;width:14px}.overlay-content{flex-direction:column;gap:1.3rem;padding:1.5rem}.search-status-text{text-align:center;align-items:center}.search-spinner-large{width:70px;height:70px}.spinner-ring:nth-child(1){width:60px;height:60px}.spinner-ring:nth-child(2){width:47px;height:47px}.spinner-ring:nth-child(3){width:34px;height:34px}.status-label{font-size:1rem}.queue-position-badge{font-size:.85rem;padding:.4rem 1rem}.cancel-search-button{padding:.8rem 1.8rem;font-size:.95rem}}@media (max-width: 768px){.arena-pools{padding:0 .75rem 1.5rem}.arena-header{margin:0 -.75rem 1.2rem;padding:1.3rem 1rem}.arena-title{font-size:1.25rem;letter-spacing:.08em}.arena-subtitle{display:none}.arena-sword-icon{width:20px;height:20px}.arena-live-bar{gap:.4rem;padding:.35rem .8rem;font-size:.68rem}.pools-section-header{margin-bottom:.4rem}.pools-section-label{font-size:.62rem}.arena-recent-ticker{margin-bottom:.65rem}.arena-recent-item{padding:0 1rem;font-size:.66rem}.pools-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.pool-card{padding:.6rem .3rem .5rem!important;overflow:visible!important}.pool-card.selected{overflow:visible!important}.pool-circle-wrapper{width:72px;height:72px}.pool-circle .pool-icon{width:38px;height:38px}.pool-go-btn{font-size:.62rem!important;padding:.2rem .65rem!important;letter-spacing:1.5px!important;bottom:-10px!important}.pool-name{font-size:.68rem!important;margin-top:.75rem!important}.pool-description{font-size:.58rem!important;margin-bottom:0!important}.pool-badge{font-size:.52rem!important;padding:.12rem .35rem!important}.pool-limits{font-size:.7rem;padding:.2rem .4rem;margin-top:.3rem}.pool-card .pool-card-actions,.pool-card.selected .pool-card-actions{flex-direction:column!important;gap:.4rem!important;width:100%!important;align-items:center!important;justify-content:center!important;margin-left:0!important;margin-right:0!important}.join-pool-button{flex:none!important;width:100%!important;min-width:auto!important;font-size:.85rem!important;padding:.65rem 1rem!important;justify-content:center!important;text-align:center!important;letter-spacing:.3px;font-weight:700;border-radius:12px!important}.join-pool-button:not(.searching):before,.join-pool-button:not(.searching):after{display:none}.join-pool-button.searching{padding:.6rem .8rem!important}.join-pool-button .waiting-text{flex-direction:row!important;gap:.3rem!important;font-size:.8rem!important}.pool-error-message{width:100%!important;text-align:center!important;justify-content:center!important;font-size:.75rem!important}.cancel-queue-button-inline{flex:none;width:100%;font-size:.8rem;padding:.6rem .8rem .6rem 2rem!important;text-align:center}.cancel-queue-button-inline:before,.cancel-queue-button-inline:after{left:.7rem;width:12px}.overlay-content{flex-direction:column;gap:1rem;padding:1.2rem 1rem .9rem}.search-status-text{text-align:center;align-items:center}.search-spinner-large{width:55px;height:55px}.spinner-ring{border-width:2.5px}.spinner-ring:nth-child(1){width:50px;height:50px}.spinner-ring:nth-child(2){width:38px;height:38px}.spinner-ring:nth-child(3){width:26px;height:26px}.status-label{font-size:.9rem}.queue-position-badge{font-size:.8rem;padding:.35rem .8rem}.cancel-search-button{padding:.6rem 1.5rem;font-size:.85rem;letter-spacing:.5px;border-radius:12px;margin-bottom:.3rem}.training-pool{grid-column:span 1}.arena-banner{height:250px}.pools-title{font-size:1.5rem}.battle-animation-container{padding:1rem .5rem;min-height:150px;justify-content:space-around;gap:.3rem;overflow:hidden}.battle-fighter{font-size:3.5rem}.fighter-icon{font-size:2rem}.vs-text{font-size:1.8rem}.vs-separator{font-size:1.5rem}.fighter-name{display:none}.battle-comic-effect.attack{font-size:2rem!important}.battle-comic-effect.critical{font-size:2.5rem!important}.battle-comic-effect.miss{font-size:1.5rem!important}.battle-comic-effect.defend,.battle-comic-effect.taunt,.comic-effect{font-size:2rem!important}.comic-critical{font-size:2.8rem!important}.comic-miss{font-size:1.8rem!important}.svg-impact{width:70px!important;height:70px!important}.impact-boom .boom-svg,.impact-star .star-svg{width:90px!important;height:90px!important}.impact-flash .flash-svg{width:60px!important;height:60px!important}.energy-beam{width:120px;height:3px}.hp-bar{width:60px;height:6px}body>.battle-result-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;border-radius:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}body>.battle-result-modal .battle-result-content{width:100vw!important;min-height:100vh!important;min-height:100dvh!important;margin:0!important;padding:1rem!important;padding-top:calc(1rem + 71px)!important;border-radius:0!important;box-sizing:border-box!important;max-width:100%}.battle-result-title{font-size:1.3rem;margin-bottom:1rem}.battle-header-row{padding:0 .6rem;height:48px;gap:.3rem}.battle-header-progress{padding:0 .6rem 5px}.battle-header-progress-bar{height:18px}.battle-header-progress-text{font-size:.68rem}.battle-pool-icon-small,.battle-pool-icon-small .pool-icon{width:20px!important;height:20px!important}.battle-round-badge{font-size:.68rem;padding:.15rem .4rem}.battle-round-number{font-size:.76rem}.battle-separator-dot{display:none}.battle-surrender-mini{font-size:.65rem;padding:.22rem .55rem}.battle-new-battle-mini{font-size:.62rem;padding:.18rem .5rem}.battle-finished-label{font-size:.8rem}.battle-header-close{width:30px;height:30px;font-size:.9rem;border-radius:6px}.battle-players-live{top:71px}.battle-result-content{padding:1rem;padding-top:calc(1rem + 71px)}.close-battle-log{position:fixed;top:.5rem;right:.5rem;width:35px;height:35px;font-size:1.2rem;z-index:10001}.battle-players{flex-direction:column;gap:1rem}.battle-players-live{flex-direction:column;gap:.5rem;padding:.75rem .5rem;margin-bottom:1rem;align-items:center}.battle-player-live{min-width:100%;max-width:100%;width:100%}.vs-separator-live{font-size:1.2rem;margin:.5rem 0;font-weight:700}.player-wallet-live{font-size:.7rem;line-height:1.2}.player-hearts{gap:.25rem;font-size:1.1rem;max-width:100%}.battle-player-info{flex-direction:column;gap:.5rem;align-items:flex-start!important;flex-shrink:1;max-width:44%}.battle-player-info.player-2-info{align-items:flex-end!important}.battle-player-info .battle-fighter{font-size:2rem}.battle-player-info .player-wallet-live{font-size:.65rem}.player-header-container{min-width:90px;max-width:110px;padding:.9rem .5rem .4rem;overflow:visible}.player-header-container .player-wallet-live{font-size:.7rem;white-space:nowrap}.player-level{font-size:.6rem;padding:.05rem .25rem}.player-rank{font-size:.65rem;padding:.05rem .3rem}.player-badge-corner,.player-badge-corner .badge-image{width:32px;height:32px}.player-badge-corner.badge-corner-left{top:-4px;left:2px}.player-badge-corner.badge-corner-right{top:-4px;right:2px}.vs-container{width:50px;height:50px;flex-shrink:0}.vs-glow{width:45px;height:45px}.battle-player-info .player-hearts{gap:.05rem;font-size:clamp(.6rem,3vw,.8rem);max-width:110px;width:auto;flex-wrap:wrap;line-height:1.2;justify-content:center}.battle-player-info .player-hearts .heart{transform-origin:center;display:inline-block;flex:0 0 auto}.battle-player-info .player-bonuses{font-size:.75rem;max-width:100%;gap:.3rem;justify-content:flex-start}.battle-player-info.player-2-info .player-bonuses{justify-content:flex-end}.battle-player-info .bonus-item{padding:.2rem .4rem;font-size:.75rem;white-space:nowrap;border:1px solid rgba(255,215,0,.4)}.player-result-badge{padding:.4rem .8rem!important;font-size:.9rem!important;margin-top:.3rem!important}.battle-deck{gap:.3rem;padding:.2rem;flex-wrap:wrap}.battle-deck.deck-top,.battle-deck.deck-bottom{margin:.3rem 0}.deck-card-container{width:40px;padding:.15rem}.battle-log{padding:1rem}.battle-log-title{font-size:1.1rem;margin-bottom:.75rem}.battle-log-entries{max-height:300px}.battle-winner-announcement{font-size:1.1rem;padding:.75rem}.surrender-button{font-size:.9rem!important;padding:.85rem!important}.player-badge-name{font-size:.7rem;max-width:90px;letter-spacing:.5px}.badge-image{width:32px;height:32px}}.inactivity-spiral-vortex{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;z-index:9999;pointer-events:none;animation:vortex-fade-in-out 3s ease-in-out}.spiral-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:4px solid rgba(138,43,226,.8);animation:spiral-rotate 2s linear infinite}.spiral-ring.ring-1{width:100px;height:100px;border-color:#8a2be2e6;animation:spiral-rotate 1.5s linear infinite,spiral-pulse 1.5s ease-in-out infinite}.spiral-ring.ring-2{width:200px;height:200px;border-color:#4b0082b3;border-style:dashed;animation:spiral-rotate 2s linear infinite reverse,spiral-pulse 2s ease-in-out infinite;animation-delay:.2s}.spiral-ring.ring-3{width:300px;height:300px;border-color:#8a2be280;border-width:6px;animation:spiral-rotate 2.5s linear infinite,spiral-pulse 2.5s ease-in-out infinite;animation-delay:.4s}.spiral-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:900;color:#fff;text-align:center;text-shadow:0 0 10px rgba(138,43,226,1),0 0 20px rgba(138,43,226,.8),0 0 30px rgba(138,43,226,.6),3px 3px 0 #000,-3px -3px 0 #000;animation:spiral-text-pulse 1s ease-in-out infinite;white-space:nowrap;letter-spacing:2px}@keyframes spiral-rotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}@keyframes spiral-pulse{0%,to{opacity:.8;border-width:4px}50%{opacity:1;border-width:6px}}@keyframes spiral-text-pulse{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes vortex-fade-in-out{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.chifoumi-animation{position:fixed;top:50%;left:50%;z-index:20000;pointer-events:none;background:linear-gradient(160deg,#0a051cf7,#12072af7);border:1.5px solid rgba(255,195,0,.3);border-radius:22px;padding:20px 30px 22px;text-align:center;min-width:300px;animation:chifoumi-popup 3.8s ease-in-out forwards;box-shadow:0 0 0 1px #a050ff2e,0 0 50px #ffaf002e,0 0 90px #9632ff1f,0 14px 55px #000000e0,inset 0 1px #ffffff0f}@keyframes chifoumi-popup{0%{opacity:0;transform:translate(-50%,-50%) scale(.22) rotateY(15deg)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotateY(0)}16%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.88)}}.chifoumi-header{margin-bottom:14px}.chifoumi-title{font-size:1.5rem;font-weight:900;color:gold;text-shadow:0 0 18px rgba(255,215,0,.65),0 0 36px rgba(255,130,0,.35);letter-spacing:6px;text-transform:uppercase;line-height:1;margin-bottom:4px}.chifoumi-subtitle{font-size:.68rem;font-weight:600;color:#ffd76480;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:12px}.chifoumi-separator{height:1px;background:linear-gradient(90deg,transparent,rgba(255,195,0,.45),rgba(150,60,255,.4),transparent);margin:0 -4px}.chifoumi-signs{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 14px}.chifoumi-sign{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;border-radius:16px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff80;min-width:88px;animation:chifoumi-sign-appear .35s cubic-bezier(.34,1.56,.64,1) .25s both}.chifoumi-sign-p2{animation-delay:.46s}@keyframes chifoumi-sign-appear{0%{opacity:0;transform:translateY(-22px) scale(.35)}to{opacity:1;transform:translateY(0) scale(1)}}.chifoumi-icon-wrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center}.chifoumi-svg{width:52px;height:52px;color:inherit}.chifoumi-sign-name{font-size:.75rem;font-weight:700;color:inherit;letter-spacing:1.5px;text-transform:uppercase;line-height:1}.chifoumi-sign-label{font-size:.58rem;font-weight:600;color:#ffffff47;letter-spacing:1px;text-transform:uppercase}.chifoumi-vs{font-size:.85rem;font-weight:900;color:#ffffff38;letter-spacing:3px;flex-shrink:0}.chifoumi-winner{color:#00e676;border-color:#00e67666;background:#00e67612;box-shadow:0 0 18px #00e67638}.chifoumi-loser{color:#ff4d4d;border-color:#ff4d4d73;background:#ff4d4d0f;box-shadow:0 0 18px #ff4d4d38;animation:chifoumi-sign-appear .35s cubic-bezier(.34,1.56,.64,1) .25s both,chifoumi-loser-shake .45s ease-in-out 1.15s both}.chifoumi-sign-p2.chifoumi-loser{animation:chifoumi-sign-appear .35s cubic-bezier(.34,1.56,.64,1) .46s both,chifoumi-loser-shake .45s ease-in-out 1.15s both}@keyframes chifoumi-loser-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}45%{transform:translate(7px)}65%{transform:translate(-4px)}85%{transform:translate(4px)}}.chifoumi-tie{color:var(--primary-hover);border-color:#fa06;background:#ffaa000f;box-shadow:0 0 16px #fa03}.chifoumi-result{font-size:.88rem;font-weight:700;color:#ffffffe0;text-shadow:0 1px 6px rgba(0,0,0,.9);padding:8px 14px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);opacity:0;animation:chifoumi-result-appear .35s ease-out 1.15s forwards}@keyframes chifoumi-result-appear{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.inactivity-spiral-vortex{width:300px;height:300px}.spiral-ring.ring-1{width:80px;height:80px}.spiral-ring.ring-2{width:150px;height:150px}.spiral-ring.ring-3{width:220px;height:220px}.spiral-text{font-size:1rem;letter-spacing:1px}}.history-arena{max-width:1200px;margin:0 auto;padding:2rem;animation:fadeIn .3s ease-in}.history-header{margin-bottom:2rem}.history-header h1{text-align:center;background:var(--bg-card);color:var(--primary);font-size:2rem;margin-bottom:2rem;padding:1.2rem 2rem;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}@media (max-width: 768px){.history-header h1{font-size:1.5rem;padding:1rem 1.2rem;margin-bottom:1.5rem}}.player-progression{max-width:600px;margin:0 auto 2rem;padding:1.5rem;background:var(--bg-card2);border-radius:12px;border:1px solid var(--border)}.level-display{text-align:center;margin-bottom:1rem}.level-label{font-size:1.5rem;font-weight:700;color:var(--primary)}.xp-progress-bar{position:relative;width:100%;height:30px;background:#0000004d;border-radius:15px;overflow:hidden;border:1px solid var(--border)}.xp-progress-fill{height:100%;background:var(--primary);transition:width .5s ease;box-shadow:0 0 10px #58a6ff66}.xp-progress-bar .xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:1}.history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card2);border:1px solid var(--border);padding:1.5rem;border-radius:12px;text-align:center;box-shadow:var(--shadow);transition:transform .2s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card.win{border-color:#3fb95066;background:#3fb9500f}.stat-card.loss{border-color:#f8514966;background:#f851490f}.stat-card.winrate{border-color:#58a6ff66;background:#58a6ff0f}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-card.win .stat-value{color:var(--success)}.stat-card.loss .stat-value{color:var(--error)}.stat-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.history-loading,.history-error,.history-empty,.history-message{text-align:center;padding:3rem;font-size:1.2rem;color:#888}.spinner{border:4px solid var(--border);border-left-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.retry-button{margin-top:1rem;padding:.8rem 2rem;background:var(--primary);color:var(--bg);border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .2s ease}.retry-button:hover{transform:translateY(-2px)}.empty-subtitle{font-size:1rem;color:#aaa;margin-top:.5rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-mode-switch{display:flex;justify-content:center;gap:.6rem;margin-bottom:1rem}.history-mode-button{border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffe6;padding:.45rem .85rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.history-mode-button:hover{background:#ffffff29}.history-mode-button.active{background:var(--primary);border-color:#58a6ff80;color:var(--bg)}.battle-card{display:grid;grid-template-columns:1fr auto;gap:1.5rem;padding:1.5rem;border-radius:12px;background:var(--bg-card2);border:2px solid transparent;transition:all .3s ease;animation:slideInUp .3s ease-out}.battle-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.battle-card.victory{border-color:#38ef7d4d;background:linear-gradient(135deg,#11998e1a,#38ef7d1a)}.battle-card.defeat{border-color:#f45c434d;background:linear-gradient(135deg,#eb33491a,#f45c431a)}.battle-card.draw{border-color:#ffc1074d;background:linear-gradient(135deg,#ffc1071a,#ff98001a)}.battle-info{display:flex;flex-direction:column;gap:1rem;flex:1}.battle-outcome{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.outcome-with-icon{display:flex;align-items:center;gap:.5rem}.result-icon{font-size:1.8rem}.battle-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.pool-type-badge{font-size:.85rem;padding:.3rem .8rem;background:#58a6ff1f;color:var(--primary);border:1px solid rgba(88,166,255,.3);border-radius:6px;font-weight:700;white-space:nowrap}.outcome-text{font-size:1.3rem;font-weight:700;letter-spacing:1px}.victory-text{color:#38ef7d;text-shadow:0 0 10px rgba(56,239,125,.5)}.defeat-text{color:#f45c43;text-shadow:0 0 10px rgba(244,92,67,.5)}.draw-text{color:#ffc107;text-shadow:0 0 10px rgba(255,193,7,.5)}.abandoned-text{color:#ff9800;text-shadow:0 0 10px rgba(255,152,0,.5)}.xp-earned{font-size:1rem;font-weight:700;color:gold;background:#ffd70033;padding:.3rem .8rem;border-radius:6px;border:2px solid rgba(255,215,0,.4);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 15px #ffd700cc}}.battle-date{font-size:.9rem;color:#888}.battle-opponents{display:flex;flex-direction:column;gap:.5rem}.opponent-info{display:flex;gap:.5rem;align-items:center}.opponent-label{font-weight:700;color:#aaa}.opponent-wallet{font-family:Courier New,monospace;color:var(--primary);background:#58a6ff14;padding:.3rem .8rem;border-radius:6px}.battle-hp{display:flex;flex-direction:column;gap:.8rem}.hp-bar{display:flex;align-items:center;gap:1rem}.hp-label{font-size:.9rem;color:#aaa;min-width:120px}.hp-container{flex:1;height:24px!important;background:#0000004d!important;border-radius:12px;position:relative!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.1);display:block!important}.hp-fill{height:100%!important;transition:width .3s ease;border-radius:12px;display:block!important;min-width:2px}.hp-fill.my-hp{background:linear-gradient(90deg,#11998e,#38ef7d)}.hp-fill.opponent-hp{background:linear-gradient(90deg,#eb3349,#f45c43)}.hp-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8)}.battle-id{display:flex;align-items:center;font-size:.9rem;color:#666;font-weight:700}.battle-decks{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.deck-section{margin-bottom:1rem}.deck-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.deck-header{font-size:.9rem;font-weight:700;color:#38ef7d}.deck-cards{display:flex;gap:.5rem;flex-wrap:wrap}.deck-card{width:98px;height:98px;border-radius:4px;border:2px solid rgba(56,239,125,.3);background:#0000004d;transition:transform .2s ease,border-color .2s ease;cursor:help;position:relative;flex-shrink:0}.deck-card:hover{transform:translateY(-2px);border-color:#38ef7d99}.card-image{width:100%;height:100%;object-fit:contain}.deck-bonuses{display:flex;gap:.5rem;font-size:.85rem;color:#ffc107;flex-wrap:wrap}.deck-bonuses span{display:flex;align-items:center;gap:.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.history-arena{padding:1rem}.history-stats{grid-template-columns:repeat(2,1fr)}.battle-card{grid-template-columns:1fr;gap:1rem}.battle-id{grid-column:1 / -1;justify-content:center}.result-icon{font-size:1.5rem}.history-mode-switch{flex-wrap:wrap}.hp-label{min-width:90px;font-size:.8rem}.progression-chart-container{padding:.5rem}}.progression-chart-container{width:100%;padding:1rem;background:#0003;border-radius:8px;box-sizing:border-box;overflow:hidden}.progression-svg{width:100%;height:auto;display:block}.chart-dot{cursor:pointer;transition:r .2s ease}.chart-dot:hover{r:6}