.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:calc(var(--header-height) + 20px);z-index:10000}.toast{background:#282d37cc;border:none;border-radius:4px;box-shadow:0 2px 8px #0000004d;cursor:pointer;max-width:450px;min-width:320px;opacity:0;overflow:hidden;padding:16px 20px;pointer-events:all;position:relative;transform:translateX(400px);transition:all .3s ease}.toast:before{background:#fffc;bottom:0;box-shadow:0 0 10px #fffc,0 0 20px #ffffff80,0 0 30px #ffffff4d;content:"";left:0;position:absolute;top:0;width:3px;z-index:1}.toast-visible{opacity:1;transform:translateX(0)}.toast-exiting{opacity:0;transform:translateX(400px)}.toast-content{gap:12px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{background:#2ed57333;border:1px solid #2ed57366;color:#2ed573}.toast-error .toast-icon{background:#e74c3c33;border:1px solid #e74c3c66;color:#e74c3c}.toast-info .toast-icon{background:#3498db33;border:1px solid #3498db66;color:#3498db}.toast-warning .toast-icon{background:#f1c40f33;border:1px solid #f1c40f66;color:#f1c40f}.toast-message{color:#fff;flex:1 1;font-family:Arial,sans-serif;font-family:var(--font-gaming,"Arial",sans-serif);font-size:14px;font-weight:600;letter-spacing:1px;line-height:1.5;text-transform:uppercase}.toast-close{align-items:center;background:none;border:none;color:#c8c8d2cc;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:20px}.toast-close:hover{color:#c8c8d2;transform:scale(1.2)}.toast:hover{background:#323741e6;box-shadow:0 4px 12px #0006}@media (max-width:768px){.toast-container{left:10px;right:10px;top:calc(var(--header-height) + 10px)}.toast{max-width:none;min-width:auto;transform:translateY(-100px);width:100%}.toast-visible{transform:translateY(0)}.toast-exiting{transform:translateY(-100px)}.toast-message{font-size:13px}.toast{border-radius:4px;padding:12px 16px}}@media (max-width:480px){.toast-container{gap:8px;left:8px;right:8px}.toast{padding:10px 14px}.toast-icon,.toast-message{font-size:12px}.toast-icon{height:20px;width:20px}.toast-content{gap:10px}}.recaptcha-container{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;margin:8px 0;position:relative;width:100%;z-index:1}.recaptcha-container>div{margin:0}.recaptcha-note{color:#fff6;font-size:8px;line-height:1.2;margin-top:4px;max-width:240px;text-align:right}.recaptcha-link{color:#fff9;text-decoration:none;transition:color .2s ease}.recaptcha-link:hover{color:#ffffffd9;text-decoration:underline}.grecaptcha-badge{bottom:10px!important;min-height:auto!important;min-width:auto!important;opacity:0!important;position:fixed!important;right:10px!important;transform:none!important;transform-origin:bottom right!important;transition:opacity .3s ease,visibility .3s ease!important;visibility:hidden!important;z-index:10004!important}body.login-modal-open .grecaptcha-badge{opacity:1!important;visibility:visible!important}body.login-modal-open .grecaptcha-badge iframe{opacity:1!important;visibility:visible!important}iframe[src*=recaptcha]:not(.grecaptcha-badge iframe){pointer-events:none!important}.rc-anchor-center-item.rc-anchor-error-message,.rc-anchor-content .rc-anchor-error-message,.rc-anchor-error-message,div[class*=rc-anchor-error-message]{display:none!important;height:0!important;left:-9999px!important;opacity:0!important;overflow:hidden!important;position:absolute!important;visibility:hidden!important;width:0!important}.grecaptcha-badge iframe{border:none!important;height:auto!important;min-height:auto!important;min-width:auto!important;width:auto!important}.grecaptcha-badge .rc-anchor-center-container{display:none!important}.login-modal-content input,.login-modal-content textarea,.login-modal-overlay input,.login-modal-overlay textarea{pointer-events:auto!important;position:relative!important;z-index:10!important}@media (prefers-color-scheme:dark){.recaptcha-note{color:#ffffff73}}@media (max-width:768px){.grecaptcha-badge{bottom:8px!important;right:8px!important}.recaptcha-note{font-size:7px;max-width:200px}}@media (max-width:480px){.recaptcha-container{margin:6px 0}.grecaptcha-badge{bottom:6px!important;right:6px!important}.recaptcha-note{font-size:7px;max-width:180px}}.dev-access-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.dev-access-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#0c1225fa,#141c32f2);border:2px solid #ffc8574d;border-radius:16px;box-shadow:0 20px 60px #0009,0 0 40px #ffc85733;max-width:400px;position:relative;width:90%}.dev-access-header{align-items:center;background:linear-gradient(135deg,#ffc8571a,#ffc8570d);border-bottom:1px solid #ffc85733;display:flex;justify-content:space-between;padding:20px 24px}.dev-access-header h3{color:#ffc857;font-family:Arial,sans-serif;font-family:var(--font-wide,"Arial",sans-serif);font-size:20px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.dev-access-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.dev-access-close:hover{background:#ffc8571a;color:#fff;transform:rotate(90deg)}.dev-access-body{padding:24px}.dev-access-description{color:#ffffffb3;font-family:Arial,sans-serif;font-family:var(--font-body,"Arial",sans-serif);font-size:14px;margin-bottom:20px;text-align:center}.dev-access-input-group{margin-bottom:20px}.dev-access-input{background:#0000004d;border:1px solid #ffc8574d;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;font-family:var(--font-body,"Arial",sans-serif);font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.dev-access-input:focus{background:#0006;border-color:#ffc85780;box-shadow:0 0 10px #ffc85733;outline:none}.dev-access-input::placeholder{color:#fff6}.dev-access-error{color:#ff6b6b;font-family:Arial,sans-serif;font-family:var(--font-body,"Arial",sans-serif);font-size:12px;margin-top:8px;text-align:center}.dev-access-actions{display:flex;gap:12px}.dev-access-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-family:var(--font-body,"Arial",sans-serif);font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.dev-access-btn.cancel{background:#ffffff1a;border:1px solid #fff3;color:#ffffffb3}.dev-access-btn.cancel:hover{background:#ffffff26;color:#fff}.dev-access-btn.submit{background:linear-gradient(135deg,#ffc85733,#ffc8571a);border:1px solid #ffc8574d;color:#ffc857}.dev-access-btn.submit:hover{background:linear-gradient(135deg,#ffc8574d,#ffc85733);border-color:#ffc85780;box-shadow:0 5px 20px #ffc8574d;transform:translateY(-2px)}.dev-access-footer{border-top:1px solid #ffc85733;padding:16px 24px;text-align:center}.dev-access-logout{background:none;border:none;border-radius:6px;color:#ff6b6bcc;cursor:pointer;font-family:Arial,sans-serif;font-family:var(--font-body,"Arial",sans-serif);font-size:12px;padding:8px 16px;text-decoration:underline;transition:all .2s ease}.dev-access-logout:hover{background:#ff6b6b1a;color:#ff6b6b}@media (max-width:480px){.dev-access-modal{max-width:none;width:95%}.dev-access-header{padding:16px 20px}.dev-access-body{padding:20px}.dev-access-header h3{font-size:18px}}.blur-content{filter:blur(5px);transition:filter .3s ease}.blur-content:hover{filter:blur(0)}img{-webkit-user-drag:auto!important;user-drag:auto!important;pointer-events:auto!important}*{-webkit-touch-callout:default!important;-webkit-user-select:auto!important;user-select:auto!important}.devtools-block-screen{align-items:center;background:radial-gradient(circle at top,#141b2f 0,#050812 55%,#000 100%);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.devtools-block-message{background:#050812f2;border:1px solid #ff475799;border-radius:16px;box-shadow:0 0 24px #ff475780;color:#fefefe;font-family:Electrolize,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-tech,"Electrolize",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);max-width:520px;padding:32px 40px;text-align:center}.devtools-block-message h1{color:#ff4757;font-size:24px;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.devtools-block-message p{color:#e0e6ff;font-size:14px;line-height:1.6;margin:0}@font-face{font-display:swap;font-family:Dune Rise;font-style:normal;font-weight:400;src:url(/static/media/Dune_Rise.cf7e108cd4cc1bd7ba6a.otf) format("opentype"),url(/static/media/Dune_Rise.f4a1668b8de93e7d9011.ttf) format("truetype")}@font-face{font-display:swap;font-family:Techno Codex;font-style:normal;font-weight:400;src:url(/static/media/Techno%20Codex.77e86e894d5038e4ecef.otf) format("opentype")}@font-face{font-display:swap;font-family:Mokoto;font-style:normal;font-weight:400;src:url(/static/media/Mokoto%20Demo.b5028ec70d498a4e7f7b.ttf) format("truetype")}@font-face{font-display:swap;font-family:Manrope;font-style:normal;font-weight:400;src:url(/static/media/manrope-regular.0fb14d91f2c0471c9fa0.otf) format("opentype")}@font-face{font-display:swap;font-family:Ostrich Sans Inline;font-style:normal;font-weight:400;src:url(/static/media/OstrichSansInline-Regular.3b96f7d7e15d17dd1149.otf) format("opentype")}@font-face{font-display:swap;font-family:Madani;font-style:normal;font-weight:400;src:url(/static/media/MadaniArabicDEMO-Regular.dbc9f1664647701d61fd.otf) format("opentype");unicode-range:u+0000-002f,u+003a-10ffff}@font-face{font-display:swap;font-family:Nevera;font-style:normal;font-weight:400;src:url(/static/media/Nevera-Regular.7d346826276e7a2968f0.otf) format("opentype")}:root{--color-primary:#ffc857;--color-primary-dark:#d4a039;--color-primary-glow:#ffc85780;--color-secondary:#7b68ee;--color-secondary-glow:#7b68ee66;--color-accent:#ff9f43;--color-accent-warm:#ff6b35;--color-accent-cool:#6c5ce7;--color-background:#070b14;--color-background-alt:#0c1225;--color-surface:#0c1225cc;--color-surface-glow:#ffc8570d;--color-text:#f5f0e8;--color-text-muted:#a8a0b8;--color-text-dim:#6b6580;--color-text-gold:#ffd875;--color-border:#ffc87826;--color-border-primary:#ffc85740;--color-border-glow:#ffc85766;--font-display:"Orbitron",sans-serif;--font-display-alt:"Audiowide",sans-serif;--font-tech:"Electrolize",sans-serif;--font-wide:"Syncopate",sans-serif;--font-body:"Exo 2",sans-serif;--font-gaming:"Oxanium",sans-serif;--font-future:"Tektur",sans-serif;--font-mono:"Share Tech Mono",monospace;--font-ultra:"Michroma",sans-serif;--font-primary:"Rajdhani",sans-serif;--header-height:60px;--transition-fast:0.3s ease;--transition-smooth:0.4s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:#070b14;background:var(--color-background);color:#f5f0e8;color:var(--color-text);font-family:Exo\ 2,sans-serif;font-family:var(--font-body);font-weight:400;letter-spacing:.02em;min-height:100vh;overflow-x:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffc8574d}50%{box-shadow:0 0 40px #ffc85799}}@keyframes goldenPulse{0%,to{box-shadow:0 0 20px #ffc8574d,0 0 40px #ffc8571a,inset 0 0 20px #ffc8570d}50%{box-shadow:0 0 40px #ffc85780,0 0 80px #ffc85733,inset 0 0 30px #ffc8571a}}@keyframes floatMagic{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}75%{transform:translateY(8px) rotate(-1deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px #ffc85780;text-shadow:0 0 10px var(--color-primary-glow)}50%{text-shadow:0 0 20px #ffc85780,0 0 30px #ffc85780;text-shadow:0 0 20px var(--color-primary-glow),0 0 30px var(--color-primary-glow)}}@keyframes epicTextGlow{0%,to{text-shadow:0 0 10px #ffc85766,0 2px 20px #ff96324d}50%{text-shadow:0 0 20px #ffc85799,0 0 40px #ff963266,0 4px 30px #ff64324d}}@keyframes mysticalFloat{0%,to{filter:drop-shadow(0 0 20px rgba(255,200,87,.4));transform:translateY(0)}50%{filter:drop-shadow(0 0 35px rgba(255,200,87,.6));transform:translateY(-10px)}}.page-wrapper{animation:pageFadeIn .4s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.app.game-active .page-wrapper{display:none}.icon{display:inline-block;flex-shrink:0;transition:all .3s ease;transition:all var(--transition-fast);vertical-align:middle}.icon-glow{filter:drop-shadow(0 0 8px rgba(255,200,87,.5))}.icon-glow:hover{filter:drop-shadow(0 0 15px rgba(255,200,87,.7))}.platform-btn .icon,.social-link .icon{transition:transform .3s ease,filter .3s ease;transition:transform var(--transition-fast),filter var(--transition-fast)}.platform-btn:hover .icon,.social-link:hover .icon{filter:drop-shadow(0 0 10px rgba(255,200,87,.6));transform:scale(1.15)}.login-btn .icon{margin-left:6px}.nav-progress{background:#141e324d;height:4px;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10002}.nav-progress.active{opacity:1}.nav-progress-bar{background:#fffffff2;border-radius:0;box-shadow:0 0 20px #6496ff80,0 0 40px #6496ff4d,0 0 60px #6496ff26;height:100%;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.header{align-items:center;background:#0000;display:flex;height:var(--header-height);justify-content:space-between;left:0;min-width:0;padding:0 40px;position:fixed;right:0;top:0;transition:background-color .6s ease;z-index:10001}.header.scrolled{background:#000c}.header-left{flex-shrink:0;gap:15px;min-width:0}.header-left,.header-logo-link{align-items:center;display:flex}.header-logo-link{cursor:pointer;position:relative;text-decoration:none}.header-logo-starburst{background:radial-gradient(circle,#3c3c3c4d 0,#0000 70%);background-image:repeating-conic-gradient(from 0deg at 50% 50%,#0000 0deg,#3c3c3c33 10deg,#0000 20deg);filter:blur(1px);height:120px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:0}.header-logo-text{align-items:center;display:flex;font-family:Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:2px;position:relative;text-transform:uppercase;z-index:1}.header-logo-infinite{color:#fff;font-stretch:condensed;transform:skew(-3deg,0)}.header-logo-x{color:#ff6b35;font-size:28px;margin-left:2px;margin-right:4px;text-shadow:0 0 8px #ff6b3599,0 0 16px #ff6b3566}.header-logo-burst{color:#ff6b35;font-size:16px;margin-left:2px}.header-logo{cursor:pointer;height:60px}.header-title{color:var(--color-text);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:2px}.nav-menu{align-items:center;display:flex;flex-wrap:nowrap;gap:40px;justify-content:center;left:50%;max-width:calc(100% - 400px);position:absolute;transform:translateX(-50%)}.nav-item{cursor:pointer;flex-shrink:0;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;padding:8px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color var(--transition-fast),font-weight var(--transition-fast);white-space:nowrap}.nav-item,.nav-item:hover{color:#fff}.nav-item.active{color:#ff6b35;font-weight:900}.nav-item.active:after{background:#ff6b35;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.nav-item-topup{position:relative}.topup-badge{background:#ff6b35;border-radius:8px;box-shadow:0 2px 4px #0000004d;color:#fff;font-size:9px;font-weight:600;line-height:1.2;padding:2px 6px;position:absolute;right:-8px;top:-18px;white-space:nowrap}.header-right{align-items:center;display:flex;flex-shrink:0;gap:15px;min-width:0}.header-social-icons{align-items:center;display:flex;gap:12px;margin-right:20px}.header-social-icon{align-items:center;color:#c8c8c8cc;cursor:pointer;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:auto}.header-social-icon:hover{color:#fff;transform:translateY(-2px)}.header-user-btn{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:20px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:14px;font-weight:600;gap:8px;letter-spacing:1px;outline:none;padding:4px 16px;text-transform:uppercase;transition:all .3s ease}.header-user-btn:hover{border-color:#fff9;box-shadow:0 0 10px #ffffff4d,0 0 20px #fff3}.header-user-btn:active{box-shadow:0 0 5px #fff3,0 0 10px #ffffff1a}.header-user-btn svg{stroke:#fff;flex-shrink:0}.header-user-btn svg circle,.header-user-btn svg path{stroke:#fff}.header-login-btn,.header-logout-btn{align-items:center;background:#ffc85714;border:1px solid #ffc85733;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:12px;font-weight:600;gap:8px;letter-spacing:1px;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.header-login-btn:before,.header-logout-btn:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.header-login-btn:hover:before,.header-logout-btn:hover:before{left:100%}.header-login-btn:hover,.header-logout-btn:hover{background:#ffc85726;border-color:#ffc85780;box-shadow:0 0 15px #ffc85733;transform:translateY(-2px)}.header-logout-btn{background:#e74c3c14;border-color:#e74c3c33;color:#e74c3c}.header-logout-btn:hover{background:#e74c3c26;border-color:#e74c3c80;box-shadow:0 0 15px #e74c3c33}.header-login-btn span{margin-top:5.5px}.header-user-dropdown{position:relative}.header-user-info{align-items:center;background:#ffc85714;border:1px solid #ffc85733;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:12px;font-weight:600;gap:8px;padding:6px 12px;transition:all var(--transition-fast)}.header-user-info:hover{background:#ffc85726;border-color:#ffc85780;box-shadow:0 0 15px #ffc85733;transform:translateY(-2px)}.header-username{color:var(--color-text-gold);font-family:var(--font-gaming);font-size:12px;font-weight:600;letter-spacing:1px;margin-top:5.5px}.header-user-dropdown-menu{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0c1225fa,#141c32f2);border:1px solid #ffc85733;border-radius:8px;box-shadow:0 8px 32px #0006,0 0 20px #ffc8571a;min-width:200px;padding:12px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.header-dropdown-user-info{border-bottom:1px solid #ffc8571a;margin-bottom:8px;padding:8px 16px 12px}.header-dropdown-username{color:var(--color-text-gold);font-family:var(--font-gaming);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.header-dropdown-email{color:var(--color-text-muted);font-family:var(--font-body);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown-divider{background:#ffc8571a;height:1px;margin:8px 0}.header-dropdown-item{align-items:center;background:#0000;border:none;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;font-weight:500;gap:10px;padding:10px 16px;position:relative;text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.header-dropdown-item:before{background:linear-gradient(180deg,var(--color-primary) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.header-dropdown-item:hover{background:linear-gradient(90deg,#ffc8571f,#ffc8570d);color:var(--color-text-gold);padding-left:20px}.header-dropdown-item:hover:before{opacity:1}.header-dropdown-item svg{color:var(--color-text-muted);flex-shrink:0;transition:color .3s ease}.header-dropdown-item:hover svg{color:var(--color-primary)}.header-dropdown-item span{flex:1 1}.header-dropdown-logout{color:#e74c3c}.header-dropdown-logout:hover{background:linear-gradient(90deg,#e74c3c26,#e74c3c0d);color:#ff6b6b}.header-dropdown-logout svg{color:#e74c3c}.header-dropdown-logout:hover svg{color:#ff6b6b}.music-btn{align-items:center;background:#ffc85714;border:1px solid #ffc85733;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:32px}.music-btn:before{background:radial-gradient(circle,#ffc8574d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.music-btn:hover:before{height:150%;width:150%}.music-btn:hover{border-color:#ffc85780;box-shadow:0 0 15px #ffc8574d,inset 0 0 10px #ffc8571a;transform:scale(1.05)}.music-btn.playing{animation:musicPulse 2s ease-in-out infinite;border-color:#ffc85766}.music-btn.playing:after{animation:musicSpin 3s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#ffc85799;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}@keyframes musicPulse{0%,to{box-shadow:0 0 10px #ffc85733}50%{box-shadow:0 0 20px #ffc85766}}@keyframes musicSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.music-btn.muted{opacity:.7}.music-btn.muted:hover{opacity:1}.music-btn .icon{z-index:1}.language-selector,.music-btn .icon{position:relative}.language-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffc8571a,#ffb4320d);border:1px solid #ffc85740;border-radius:10px;box-shadow:0 2px 8px #0003,inset 0 1px 0 #ffffff1a;color:var(--color-text);cursor:pointer;font-family:var(--font-gaming);font-size:11px;font-weight:600;gap:6px;height:36px;letter-spacing:.5px;line-height:1;overflow:hidden;padding:6px 10px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.language-btn,.language-btn>*{align-items:center;display:flex;justify-content:center}.language-btn:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.language-btn:hover:before{left:100%}.language-btn:hover{background:linear-gradient(135deg,#ffc8572e,#ffb4321f);border-color:#ffc85780;box-shadow:0 4px 16px #ffc8574d,0 0 24px #ffc85726,inset 0 1px 0 #fff3;color:var(--color-primary);transform:translateY(-2px)}.language-btn:active{transform:translateY(0)}.language-flag{align-items:center;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:16px;height:100%;justify-content:center;line-height:1;transition:transform .3s ease}.language-btn:hover .language-flag{transform:scale(1.1) rotate(5deg)}.language-code{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--color-text) 0,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:10px;font-weight:700;height:100%;justify-content:center;letter-spacing:.8px;line-height:1;margin-top:5px;text-transform:uppercase;transition:all .3s ease;vertical-align:middle}.language-btn:hover .language-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,#ffd875 100%);-webkit-background-clip:text;background-clip:text}.language-arrow{align-items:center;color:var(--color-text-muted);display:flex;height:12px;line-height:1;transition:transform .4s cubic-bezier(.4,0,.2,1);width:12px}.language-btn:hover .language-arrow{color:var(--color-primary)}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0c1225fa,#070b14fa);border:1px solid #ffc8574d;border-radius:12px;box-shadow:0 8px 32px #0009,inset 0 0 0 1px #ffc8571a,0 0 40px #ffc8571a;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1001}.language-dropdown:before{background:linear-gradient(90deg,#0000,#ffc85780,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffc8570d;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:14px;padding:14px 18px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.language-option:last-child{border-bottom:none}.language-option:before{background:linear-gradient(180deg,var(--color-primary) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.language-option:hover{background:linear-gradient(90deg,#ffc8571f,#ffc8570d);color:var(--color-text);padding-left:22px}.language-option:hover:before{opacity:1}.language-option.active{background:linear-gradient(90deg,#ffc8572e,#ffc85714);color:var(--color-primary);font-weight:600}.language-option.active:before{opacity:1}.language-option .language-flag{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:22px;line-height:1;transition:transform .3s ease}.language-option:hover .language-flag{transform:scale(1.15)}.language-option .language-name{flex:1 1;transition:all .3s ease}.language-option:hover .language-name{letter-spacing:.5px}.language-option svg{color:var(--color-primary);filter:drop-shadow(0 0 4px rgba(255,200,87,.5));transition:transform .3s ease}.language-option:hover svg{transform:scale(1.1)}.login-btn{align-items:center;color:var(--color-text-muted);display:flex;font-family:var(--font-body);font-size:14px;gap:8px;text-decoration:none;transition:color var(--transition-fast)}.login-btn:hover{color:var(--color-text)}.download-btn{align-items:center;background:linear-gradient(135deg,#ffc857,#ff9f43 50%,#ffd875);border:none;border-radius:6px;box-shadow:0 2px 15px #ffc8574d;color:#0a0d1a;cursor:pointer;display:flex;font-family:var(--font-future);font-size:13px;font-weight:600;gap:8px;letter-spacing:1.5px;overflow:hidden;padding:10px 30px;position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.download-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.download-btn:hover:before{left:100%}.download-btn:hover{box-shadow:0 8px 25px #ffc85780,0 0 40px #ff96324d;transform:scale(1.05) translateY(-2px)}.mobile-menu-toggle{align-items:center;background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;cursor:pointer;display:none;height:36px;justify-content:center;padding:0;position:relative;transition:all .3s ease;width:36px;z-index:1002}.mobile-menu-toggle:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d}.hamburger-line{display:block;position:relative}.hamburger-line,.hamburger-line:after,.hamburger-line:before{background:#dce0e5;height:2px;transition:all .3s ease;width:18px}.hamburger-line:after,.hamburger-line:before{content:"";left:0;position:absolute}.hamburger-line:before{top:-6px}.hamburger-line:after{top:6px}.mobile-menu-toggle.active .hamburger-line{background:#0000}.mobile-menu-toggle.active .hamburger-line:before{background:#8a9ab5;top:0;transform:rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:after{background:#8a9ab5;top:0;transform:rotate(-45deg)}.mobile-menu-overlay{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#1e232bfc,#181c22fc 40%,#13161b);bottom:0;display:none;flex-direction:column;height:100vh;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:1001}.mobile-menu-logo{filter:drop-shadow(0 0 20px rgba(255,200,87,.4)) drop-shadow(0 0 40px rgba(255,150,50,.2));margin-top:30px;opacity:.9;width:120px}.mobile-menu-logo,.mobile-menu-wg-logo{height:auto;position:relative;z-index:2}.mobile-menu-wg-logo{filter:drop-shadow(0 0 10px rgba(255,255,255,.1));margin-bottom:30px;margin-top:auto;opacity:.5;transition:opacity .3s ease;width:100px}.mobile-menu-wg-logo:hover{opacity:.8}.mobile-menu-overlay:before{background:radial-gradient(circle at 20% 0,#ff780014,#0000 50%),radial-gradient(circle at 80% 0,#00b4ff1a,#0000 50%),radial-gradient(circle at 50% 100%,#ffffff08,#0000 50%);mix-blend-mode:screen;opacity:.9;z-index:0}.mobile-menu-overlay:after,.mobile-menu-overlay:before{content:"";inset:0;pointer-events:none;position:absolute}.mobile-menu-overlay:after{background:radial-gradient(circle at center,#0000 0,#0006 60%,#000c 100%);z-index:1}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-nav-menu{align-items:center;display:none;flex:1 1;flex-direction:column;gap:10px;justify-content:center;overflow-y:auto;padding:20px;position:relative;width:100%;z-index:2}.mobile-nav-item{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;box-sizing:border-box;color:#8a9ab5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:20px;font-weight:600;letter-spacing:2px;max-width:350px;padding:18px 40px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease;width:100%}.mobile-nav-item.active,.mobile-nav-item:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d;color:#dce0e5}.mobile-nav-item.active{border:1px solid #6496c866;text-shadow:0 0 10px #6496c84d}.mobile-nav-menu .mobile-nav-item,.mobile-nav-menu .nav-item{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;box-sizing:border-box;color:#8a9ab5;display:block;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:20px;font-weight:600;letter-spacing:2px;max-width:350px;padding:18px 40px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease;width:100%}.mobile-nav-menu .mobile-nav-item.active,.mobile-nav-menu .mobile-nav-item:hover,.mobile-nav-menu .nav-item.active,.mobile-nav-menu .nav-item:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d;color:#dce0e5}.mobile-nav-menu .nav-item.active{border:1px solid #6496c866;text-shadow:0 0 10px #6496c84d}.mobile-nav-menu .nav-item.active:after{display:none}.mobile-social-icons{align-items:center;border-top:1px solid #505a6e66;display:flex;gap:24px;justify-content:center;margin-top:16px;max-width:350px;padding:20px 0;width:100%}.mobile-social-icons .header-social-icon{align-items:center;color:#8a9ab5;display:flex;height:auto;justify-content:center;transition:all .3s ease;width:auto}.mobile-social-icons .header-social-icon svg{height:36px;width:36px}.mobile-social-icons .header-social-icon:hover{color:#dce0e5;filter:drop-shadow(0 0 6px rgba(100,150,200,.4));transform:scale(1.15)}.mobile-auth-section{align-items:center;border-top:1px solid #505a6e66;display:flex;flex-direction:column;gap:8px;margin-top:16px;max-width:350px;padding-top:16px;width:100%}.mobile-auth-section .mobile-nav-item{cursor:pointer}.mobile-auth-section .mobile-login-btn{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;color:#dce0e5;cursor:pointer;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:20px;font-weight:600;letter-spacing:2px;max-width:350px;padding:18px 40px;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.mobile-auth-section .mobile-login-btn:hover{background:#28303cb3;border-color:#6496c880;box-shadow:0 4px 12px #0000004d,0 0 10px #6496c826;color:#dce0e5}.mobile-auth-section .mobile-logout-btn{background:#231c1e99;border:1px solid #8c464666;border-radius:4px;box-shadow:0 2px 8px #0003;color:#c47070;cursor:pointer;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:20px;font-weight:600;letter-spacing:2px;max-width:350px;padding:18px 40px;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.mobile-auth-section .mobile-logout-btn:hover{background:#322326b3;border-color:#b4505080;box-shadow:0 4px 12px #0000004d;color:#e0a0a0}@media (min-width:1601px){.nav-menu{gap:40px;max-width:calc(100% - 450px)}}@media (min-width:1440px) and (max-width:1600px){.header{padding:0 32px}.nav-menu{gap:30px;max-width:calc(100% - 380px)}.nav-item{font-size:13px;letter-spacing:.8px}.header-social-icons{gap:10px;margin-right:16px}.header-social-icon{height:32px}.header-social-icon svg{height:28px;width:28px}.header-logo-text{font-size:22px}.header-logo-x{font-size:26px}}@media (max-width:1439px){.header{padding:0 28px}.nav-menu{gap:26px;max-width:calc(100% - 360px)}.nav-item{font-size:12.5px;letter-spacing:.7px;padding:8px 0}.header-social-icons{gap:9px;margin-right:14px}.header-social-icon{height:30px}.header-social-icon svg{height:26px;width:26px}.header-logo-text{font-size:21px}.header-logo-x{font-size:25px}}@media (max-width:1200px){.header{padding:0 25px}.nav-menu{gap:18px;max-width:calc(100% - 320px)}.nav-item{font-size:12px;letter-spacing:.5px;padding:8px 0}.header-social-icons{gap:7px;margin-right:10px}.header-social-icon{height:28px}.header-social-icon svg{height:24px;width:24px}.header-logo-text{font-size:20px}.header-logo-x{font-size:24px}}@media (min-width:1025px) and (max-width:1200px){.nav-menu{gap:16px;max-width:calc(100% - 300px)}.nav-item{font-size:11.5px}.header-social-icons{gap:6px;margin-right:8px}.header-social-icon svg{height:23px;width:23px}}@media (max-width:1024px){.header{padding:0 18px}.nav-menu{gap:12px;max-width:calc(100% - 280px)}.nav-item{font-size:10.5px;letter-spacing:.4px;padding:8px 0}.header-social-icons{gap:4px;margin-right:6px}.header-social-icon{height:22px}.header-social-icon svg{height:20px;width:20px}.header-logo-text{font-size:19px}.header-logo-x{font-size:23px}.header-user-btn{font-size:12px;gap:6px;padding:4px 12px}.header-user-btn svg{height:16px;width:16px}.download-btn{font-size:11px;padding:8px 20px}}@media (max-width:900px){.header-social-icons,.nav-menu{display:none}.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:flex;opacity:0;visibility:hidden}.mobile-menu-overlay.open .mobile-nav-menu{display:flex}}@media (max-width:768px){.header{padding:0 15px}.header-logo-text{font-size:20px}.header-logo-x{font-size:22px}.header-left{gap:10px}.header-right{gap:8px}.header-user-btn span{display:none}.header-user-btn{border-radius:50%;height:34px;justify-content:center;padding:6px;width:34px}.header-user-btn svg{height:18px;width:18px}.header-login-btn,.header-logout-btn{font-size:11px;padding:6px 12px}.header-user-info{font-size:11px;padding:5px 10px}.header-username{font-size:11px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-btn{font-size:10px;height:32px;padding:4px 8px}.language-flag{font-size:14px}.language-code{display:none}.music-btn{height:30px;width:30px}.download-btn{font-size:10px;letter-spacing:1px;padding:6px 14px}.header-user-dropdown-menu{min-width:180px;right:-10px}.mobile-menu-logo{margin-top:24px;width:100px}.mobile-menu-wg-logo{margin-bottom:24px;width:80px}.mobile-nav-menu{gap:6px;padding:15px 20px}.mobile-auth-section .mobile-login-btn,.mobile-auth-section .mobile-logout-btn,.mobile-nav-menu .mobile-nav-item,.mobile-nav-menu .nav-item{font-size:18px;padding:14px 30px}}@media (max-width:480px){.header{padding:0 10px}.header-logo-text{font-size:16px;letter-spacing:1px}.header-logo-x{font-size:18px}.header-logo-burst{font-size:12px}.header-right{gap:6px}.header-user-btn{height:30px;padding:5px;width:30px}.header-user-btn svg{height:16px;width:16px}.header-login-btn span,.header-logout-btn span{display:none}.header-login-btn,.header-logout-btn{padding:6px 10px}.mobile-menu-logo{margin-top:20px;width:80px}.mobile-menu-wg-logo{margin-bottom:20px;width:70px}.mobile-auth-section .mobile-login-btn,.mobile-auth-section .mobile-logout-btn,.mobile-nav-menu .mobile-nav-item,.mobile-nav-menu .nav-item{font-size:16px;padding:12px 24px}.mobile-social-icons{gap:16px}}.login-modal-overlay{animation:fadeIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000b3;bottom:0;height:100vh;left:0;max-height:100vh;max-width:100vw;min-height:100vh;min-width:100vw;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:10003}.login-modal-content,.login-modal-overlay{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:0;overflow:hidden}.login-modal-content{height:100%;max-height:100%;max-width:100%;min-height:100%;min-width:100%;padding:40px;position:relative;width:100%}.login-modal-close{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:300;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:32px;z-index:10}.login-modal-close:hover{background:#fff3;border-color:#ffffff80;transform:rotate(90deg)}.login-modal-body{box-sizing:border-box;display:flex;gap:80px;height:80%;max-width:1400px;padding:0 40px;position:relative;width:100%}.login-modal-agreement{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;max-width:50%;overflow:hidden;padding:40px 30px 40px 0}.agreement-title{color:#fffffff2;flex-shrink:0;font-family:Dune Rise,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:2px;margin:0 0 20px;text-shadow:0 0 20px #6496ff80,0 0 40px #6496ff4d;text-transform:uppercase}.agreement-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow:hidden}.agreement-section{flex-shrink:0;margin-bottom:10px}.agreement-section-title{color:#ffffffe6;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.agreement-section-title,.agreement-text{font-family:Arial,sans-serif;margin:0 0 6px}.agreement-text{color:#ffffffb3;font-size:11px;line-height:1.5}.agreement-list{list-style:none;margin:6px 0;padding-left:20px}.agreement-list li{color:#ffffffb3;font-family:Arial,sans-serif;font-size:11px;line-height:1.5;margin-bottom:4px;padding-left:16px;position:relative}.agreement-list li:before{color:#6496ff99;content:"•";font-size:18px;left:0;position:absolute}.login-modal-panel{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;max-width:50%;padding:40px 0 40px 30px}.login-panel-header{margin-bottom:30px}.login-panel-title{color:#fffffff2;font-family:Dune Rise,Arial,sans-serif;font-size:36px;font-weight:700;letter-spacing:3px;margin:0 0 12px;text-shadow:0 0 20px #6496ff80,0 0 40px #6496ff4d;text-transform:uppercase}.login-panel-subtitle{color:#fff9;font-family:Arial,sans-serif;font-size:14px;margin:0}.login-panel-tabs{border-bottom:1px solid #fff3;display:flex;gap:12px;margin-bottom:30px}.login-tab{background:#0000;border:none;border-bottom:2px solid #0000;bottom:-1px;color:#ffffff80;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.login-tab:hover{color:#fffc}.login-tab.active{border-bottom-color:#fffffff2;color:#fffffff2;transition:color .3s ease,border-bottom-color .3s ease}.login-panel-form{position:relative;width:100%}.login-panel-form .login-form,.login-panel-form .signup-form{animation:formFadeSlideIn .35s ease-out forwards}@keyframes formFadeSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.form-group{margin-bottom:20px}.signup-password-mismatch{color:#ff6b6b;font-family:Arial,sans-serif;font-size:13px;font-weight:600;margin:8px 0 0}.form-group label,.login-modal-overlay .form-group label{color:#fffc;display:block;font-family:Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.form-input,.login-modal-overlay .form-group input.form-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.form-input::placeholder{color:#fff6}.form-input:hover,.login-modal-overlay .form-group input.form-input:hover{background:#ffffff1f;border-color:#ffffff4d}.form-input:focus,.login-modal-overlay .form-group input.form-input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 10px #6496ff4d,0 0 20px #6496ff26}.form-checkbox-group{align-items:center;display:flex;margin-bottom:20px}.form-checkbox-label{align-items:center;color:#fffc;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:13px;gap:16px;line-height:1;margin:0;white-space:nowrap}.form-checkbox-label span{line-height:1;margin:0}.form-checkbox,.form-checkbox-label span{align-items:center;display:inline-flex;padding:0}.form-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff0d;border:2px solid #fff6;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;justify-content:center;margin:0 10px 0 0;position:relative;transition:all .3s ease;vertical-align:middle;width:18px}.form-checkbox:hover{background:#ffffff1a;border-color:#fff9}.form-checkbox:checked{background:#fffffff2;border-color:#fffffff2;box-shadow:0 0 10px #6496ff66,0 0 20px #6496ff33}.form-checkbox:checked:after{border:solid #3c3c46;border-width:0 2px 2px 0;box-sizing:border-box;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px}.form-checkbox-label span{-webkit-user-select:none;user-select:none}.form-submit-btn{background:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 0 20px #6496ff80,0 0 40px #6496ff4d;color:#3c3c46;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;margin-top:10px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.form-submit-btn:hover{background:#fff;box-shadow:0 0 30px #6496ffb3,0 0 60px #6496ff66;transform:translateY(-2px)}.form-submit-btn:active{transform:translateY(0)}.form-submit-btn:disabled{border-color:#ffffff1a;color:#fff6;cursor:not-allowed}.form-submit-btn:disabled,.form-submit-btn:disabled:hover{background:#fff3;box-shadow:none;transform:none}@media (max-width:768px){.login-modal-content,.login-modal-overlay{margin:0;padding:0}.login-modal-body{flex-direction:column;gap:0;height:100%;max-width:100%;overflow:hidden;padding:0;position:relative}.login-modal-agreement{-webkit-overflow-scrolling:touch;background:#0000;bottom:0;height:100%;left:0;max-width:100%;overflow-y:auto;padding:60px 20px 20px;position:absolute;right:0;top:0;transform:translateY(100%);transition:transform .3s ease-out;width:100%;z-index:1}.login-modal-agreement.mobile-active{transform:translateY(0);z-index:2}.agreement-content{overflow-y:auto;padding-bottom:80px}.login-modal-panel{-webkit-overflow-scrolling:touch;background:#0000;bottom:0;height:100%;left:0;max-width:100%;overflow-y:auto;padding:60px 20px 20px;position:absolute;right:0;top:0;transition:transform .3s ease-out;width:100%;z-index:2}.login-modal-panel,.login-modal-panel.mobile-active{transform:translateY(0)}.login-modal-panel:not(.mobile-active){transform:translateY(-100%);z-index:1}.login-panel-header{margin-bottom:20px}.login-panel-title{font-size:24px;letter-spacing:2px}.login-panel-subtitle{font-size:12px}.login-panel-tabs{margin-bottom:20px}.login-tab{font-size:12px;padding:10px 20px}.agreement-title{font-size:20px;margin-bottom:16px}.agreement-section-title{font-size:13px}.agreement-list li,.agreement-text{font-size:12px}.login-modal-close{font-size:18px;height:28px;right:12px;top:12px;width:28px;z-index:100}.form-input{font-size:16px}.form-submit-btn{font-size:14px;padding:12px 20px}}@media (max-width:480px){.login-modal-agreement,.login-modal-panel{padding:50px 15px 15px}.login-panel-title{font-size:20px}.agreement-title{font-size:18px}}.footer{align-items:center;background-image:url(/static/media/footer_bg.3a3b91d80827182f7d8c.webp);background-position:50%;background-repeat:repeat;background-size:auto;border-top:4px dashed #fff6;color:#fff;display:flex;justify-content:center;min-height:550px;padding:80px 80px 60px;position:relative;z-index:10}.footer-content{grid-gap:100px;align-items:center;display:grid;gap:100px;grid-template-columns:320px 1fr;margin:0 auto;width:clamp(20%,60%,1400px)}.footer-left{display:flex;flex-direction:column;gap:20px}.footer-ratings{align-items:center;display:flex;gap:15px;margin-bottom:8px}.footer-esrb-image,.footer-pegi-image{display:block;height:95px;object-fit:contain;width:auto}.footer-logo{margin:8px 0}.footer-logo-image{display:block;height:auto;max-width:190px}.footer-language{align-items:center;cursor:pointer;display:flex;gap:10px;margin-top:20px;transition:all .3s ease}.footer-language-icon{align-items:center;color:#fff;display:flex}.footer-language-text{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px}.footer-language-wrapper{position:relative}.footer-language-arrow{margin-left:4px;transition:transform .3s ease}.footer-language-arrow.open{transform:rotate(180deg)}.footer-language-dropdown{animation:langDropdownIn .2s ease-out;background:#282d37f2;border-radius:4px;bottom:calc(100% + 10px);box-shadow:0 2px 8px #0000004d;left:0;min-width:200px;overflow:hidden;padding:4px 0;position:absolute;z-index:100}@keyframes langDropdownIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes langDropdownInCentered{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.footer-language-option{align-items:center;background:none;border:none;color:#c8c8d2cc;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-family:var(--font-gaming,"Arial",sans-serif);font-size:14px;font-weight:600;gap:10px;letter-spacing:1px;padding:10px 16px;text-align:left;text-transform:uppercase;transition:all .3s ease;width:100%}.footer-language-option:hover{background:#323741e6;color:#c8c8d2}.footer-language-option.active{background:#fffffff2;box-shadow:0 0 20px #6496ff66,0 0 40px #6496ff33,0 2px 8px #0003;color:#3c3c46}.footer-language-option-flag{font-size:18px;line-height:1}.footer-language-option-label{flex:1 1}.footer-language-option svg{color:#3c3c46;flex-shrink:0}.footer-right{gap:20px;padding-top:4px}.footer-links,.footer-right{align-items:flex-start;display:flex;flex-direction:column}.footer-links{gap:10px;margin-bottom:8px}.footer-link{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-decoration:none;transition:opacity .3s ease}.footer-link:hover{opacity:.8;text-decoration:underline}.footer-link.footer-link-large{font-size:20px;font-weight:700;letter-spacing:.3px}.footer-link.footer-link-small{color:#ffffffbf;font-size:14px;font-weight:500;letter-spacing:1.5px}.footer-platforms{align-items:center;display:flex;gap:14px;margin:0}.footer-platform-icons{align-items:center;display:flex;gap:22px}.footer-platform-icon{align-items:center;color:#fffc;display:flex;justify-content:center}.footer-platform-icon svg{fill:#fffc}.footer-platform-ps5{color:#fffc;font-size:24px;font-style:italic;font-weight:800;letter-spacing:-1px}.footer-platform-more,.footer-platform-ps5{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.footer-platform-more{color:#ffffff80;font-size:13px;margin-left:6px}.footer-divider{background:#ffffff26;height:1px;margin:2px 0;width:100%}.footer-legal{align-items:flex-start;display:flex;flex-direction:column;gap:2px;text-align:left;width:100%}.footer-copyright{color:#ffffffa6;font-family:Madani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.7;margin:0}.footer-company-glow{animation:footerGlowPulse 2s ease-in-out infinite;color:#fff;font-weight:600;text-shadow:0 0 20px #6496ff66,0 0 40px #6496ff33}@keyframes footerGlowPulse{0%,to{text-shadow:0 0 20px #6496ff66,0 0 40px #6496ff33}50%{text-shadow:0 0 25px #6496ff99,0 0 45px #6496ff4d}}.footer-policy-links{color:#ffffffa6;font-family:Madani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.7;margin:0}.footer-policy-links a{color:#fffc;text-decoration:underline;transition:color .3s ease}.footer-policy-links a:hover{color:#fff}.footer-address,.footer-email{color:#ffffffa6;font-family:Madani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.7;margin:0}.footer-email a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-email a:hover{color:#fff;text-decoration:underline}.footer-feedback{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;bottom:30px;cursor:pointer;display:flex;gap:6px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:2}.footer-feedback:hover{background:#ffffff1f;border-color:#ffffff40}.footer-feedback-icon{align-items:center;color:#fff;display:flex}.footer-feedback-link{color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:500;text-decoration:none}@media (max-width:1200px){.footer{min-height:420px;padding:60px 40px}.footer-content{gap:60px;grid-template-columns:280px 1fr}}@media (max-width:1024px){.footer-content{gap:50px;grid-template-columns:250px 1fr}}@media (max-width:768px){.footer{min-height:auto;padding:50px 20px 70px}.footer-content{gap:40px;grid-template-columns:1fr;width:100%}.footer-left{align-items:center}.footer-logo,.footer-ratings{justify-content:center}.footer-logo{display:flex}.footer-language{justify-content:center}.footer-language-dropdown{animation:langDropdownInCentered .2s ease-out;left:50%;transform:translateX(-50%)}.footer-links,.footer-right{align-items:center}.footer-links{text-align:center}.footer-platforms{flex-wrap:wrap}.footer-platform-icons,.footer-platforms{justify-content:center}.footer-divider{margin:4px auto}.footer-legal{align-items:center;text-align:center}.footer-feedback{bottom:25px;gap:5px;left:50%;padding:7px 14px;transform:translateX(-50%)}.footer-feedback-link{font-size:12px}.footer-feedback-icon svg{height:12px;width:12px}.footer-link.footer-link-large{font-size:18px}.footer-copyright,.footer-link.footer-link-small,.footer-policy-links{font-size:13px}.footer-address,.footer-email{font-size:11px}}@media (max-width:480px){.footer{padding:30px 12px 65px}.footer-content{gap:30px}.footer-esrb-image,.footer-pegi-image{height:70px}.footer-logo-image{max-width:140px}.footer-language-text{font-size:14px}.footer-link.footer-link-large{font-size:16px}.footer-link.footer-link-small{font-size:12px}.footer-platform-icons{gap:16px}.footer-platform-ps5{font-size:20px}.footer-platform-icon svg{height:20px;width:20px}.footer-platform-more{font-size:11px}.footer-copyright,.footer-policy-links{font-size:12px}.footer-address,.footer-email{font-size:10px}.footer-feedback{bottom:18px;gap:4px;left:50%;padding:6px 12px;transform:translateX(-50%)}.footer-feedback-link{font-size:11px}.footer-feedback-icon svg{height:11px;width:11px}}.confirm-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b14eb;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.confirm-dialog{animation:dialogSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#141e32fa,#0f1628f2);border:2px solid #fff3;border-radius:16px;box-shadow:0 25px 80px #0009,0 0 60px #6496ff26;overflow:hidden;padding:45px 55px;position:relative;text-align:center}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialogRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.confirm-dialog h3{color:#fffffff2;font-family:var(--font-wide);font-size:22px;letter-spacing:4px;margin-bottom:15px;position:relative;text-shadow:0 0 20px #6496ff80;text-transform:uppercase;z-index:1}.confirm-dialog p{color:#ffffffb3;font-family:var(--font-body);font-size:15px;line-height:1.6;margin-bottom:35px;position:relative;z-index:1}.confirm-buttons{display:flex;gap:20px;justify-content:center;position:relative;z-index:1}.confirm-yes{background:#fffffff2;border:none;border-radius:8px;box-shadow:0 0 20px #6496ff66,0 0 40px #6496ff33;color:#141e32e6;cursor:pointer;font-family:var(--font-gaming);font-size:13px;font-weight:600;letter-spacing:2px;overflow:hidden;padding:14px 45px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirm-yes:hover{background:#fff;box-shadow:0 0 30px #6496ff99,0 0 60px #6496ff4d;transform:translateY(-2px)}.confirm-yes:active{transform:translateY(0) scale(.98)}.confirm-no{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#ffffffe6;cursor:pointer;font-family:var(--font-gaming);font-size:13px;font-weight:600;letter-spacing:2px;overflow:hidden;padding:14px 45px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirm-no:hover{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 20px #6496ff4d,0 0 40px #6496ff26;transform:translateY(-2px)}.confirm-no:active{transform:translateY(0) scale(.98)}@media (max-width:768px){.confirm-dialog{margin:0 15px;max-width:calc(100vw - 30px);padding:30px 25px}.confirm-dialog h3{font-size:18px;letter-spacing:2px}.confirm-dialog p{font-size:13px;margin-bottom:25px}.confirm-buttons{flex-direction:column;gap:12px}.confirm-no,.confirm-yes{padding:12px 30px;width:100%}}@media (max-width:480px){.confirm-dialog{padding:25px 20px}.confirm-dialog h3{font-size:16px;letter-spacing:1px}}.game-overlay{background:#0a0a12;bottom:0;display:none;left:0;overflow:hidden;position:fixed;right:0;top:var(--header-height);z-index:900}.game-overlay.active{align-items:center;animation:fadeIn .4s ease-out;display:flex;justify-content:center}.watermark-side{background:#0a0a12;bottom:0;min-width:50px;overflow:hidden;position:absolute;top:0;width:calc(50% - 800px)}.watermark-side.left{left:0}.watermark-side.right{right:0}.watermark-container{animation:scrollWatermark 20s linear infinite;display:flex;flex-direction:column;gap:30px;height:200%;left:0;position:absolute;top:0;width:100%}.watermark-side.right .watermark-container{animation:scrollWatermarkReverse 20s linear infinite}@keyframes scrollWatermark{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollWatermarkReverse{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.watermark-text{color:#4fc3f714;font-family:var(--font-ultra);font-size:11px;font-weight:400;letter-spacing:4px;padding:10px 20px;text-transform:uppercase;transform:rotate(-15deg);-webkit-user-select:none;user-select:none;white-space:nowrap}.watermark-side.right .watermark-text{text-align:right;transform:rotate(15deg)}.unity-container{align-items:center;display:flex;height:auto;justify-content:center;margin:0 auto;max-width:1600px;position:relative;width:100%;z-index:10}.unity-canvas{display:block;height:820px;max-width:1600px;object-fit:contain;width:100%}.close-game-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141e32d9;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 4px 15px #0000004d,0 0 20px #6496ff33;color:#ffffffe6;cursor:pointer;display:flex;font-size:22px;font-weight:300;height:48px;justify-content:center;overflow:hidden;position:absolute;right:calc(50% - 860px);top:15px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:100}.close-game-btn:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.close-game-btn:hover{background:#fffffff2;border-color:#fff9;box-shadow:0 6px 25px #0006,0 0 30px #6496ff80,0 0 60px #6496ff4d;color:#141e32e6;transform:scale(1.08)}.close-game-btn:hover:before{opacity:1}.close-game-btn:active{transform:scale(.95)}.game-ping-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141e32d9;border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 15px #0000004d,0 0 20px #6496ff33;display:flex;gap:8px;left:15px;padding:8px 16px;position:absolute;top:15px;z-index:100}.ping-value{color:#fffffff2;font-family:var(--font-tech);font-size:14px;font-weight:600;text-shadow:0 0 10px #6496ff80}.ping-signal{align-items:flex-end;display:flex;gap:3px;height:16px}.signal-bar{background:#ffffff4d;border-radius:2px;transition:all .3s ease;width:4px}.signal-bar:first-child{height:4px}.signal-bar:nth-child(2){height:7px}.signal-bar:nth-child(3){height:10px}.signal-bar:nth-child(4){height:13px}.ping-signal-excellent .signal-bar{background:#4caf50;box-shadow:0 0 6px #4caf5099}.ping-signal-excellent .signal-bar:first-child,.ping-signal-excellent .signal-bar:nth-child(2),.ping-signal-excellent .signal-bar:nth-child(3),.ping-signal-excellent .signal-bar:nth-child(4){background:#4caf50}.ping-signal-good .signal-bar{background:#8bc34a;box-shadow:0 0 6px #8bc34a99}.ping-signal-good .signal-bar:first-child,.ping-signal-good .signal-bar:nth-child(2),.ping-signal-good .signal-bar:nth-child(3){background:#8bc34a}.ping-signal-good .signal-bar:nth-child(4){background:#fff3}.ping-signal-fair .signal-bar{background:#ffc107;box-shadow:0 0 6px #ffc10799}.ping-signal-fair .signal-bar:first-child,.ping-signal-fair .signal-bar:nth-child(2){background:#ffc107}.ping-signal-fair .signal-bar:nth-child(3),.ping-signal-fair .signal-bar:nth-child(4){background:#fff3}.ping-signal-poor .signal-bar{background:#ff9800;box-shadow:0 0 6px #ff980099}.ping-signal-poor .signal-bar:first-child{background:#ff9800}.ping-signal-poor .signal-bar:nth-child(2),.ping-signal-poor .signal-bar:nth-child(3),.ping-signal-poor .signal-bar:nth-child(4){background:#fff3}.ping-signal-very-poor .signal-bar{background:#f44336;box-shadow:0 0 6px #f4433699}.ping-signal-very-poor .signal-bar:first-child,.ping-signal-very-poor .signal-bar:nth-child(2),.ping-signal-very-poor .signal-bar:nth-child(3),.ping-signal-very-poor .signal-bar:nth-child(4){background:#fff3}.ping-signal-very-poor .signal-bar:first-child{background:#f44336}.loading-bar{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-logo{height:auto;margin-bottom:40px;width:200px}.progress-container{background:linear-gradient(80deg,#252728,#101415);height:6px;margin:0 auto;overflow:visible;width:300px}.progress-bar,.progress-container{border-radius:10px;position:relative}.progress-bar{background:#fffffff2;box-shadow:0 0 20px #6496ff80,0 0 40px #6496ff4d;height:100%;transition:width .3s ease-out}.loading-percentage{color:var(--color-text);font-family:var(--font-mono);font-size:20px;font-weight:400;letter-spacing:4px;margin-top:20px}.game-error{color:#ff6b6b;font-family:var(--font-body);font-size:18px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.game-error-btn{background:#4fc3f733;border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);cursor:pointer;font-family:var(--font-future);font-size:13px;letter-spacing:1px;margin-top:20px;padding:12px 30px;text-transform:uppercase;transition:all var(--transition-fast)}.game-error-btn:hover{background:#4fc3f74d}@media (max-width:1400px){.close-game-btn{right:15px}.watermark-side{display:none}}@media (max-width:768px){.game-overlay{align-items:center;justify-content:center;padding:10px;top:var(--header-height)}.unity-container{height:auto;max-width:100vw;padding:0 10px;width:100%}.unity-canvas{aspect-ratio:1366/768;height:auto;max-width:100%;object-fit:contain;width:100%}.close-game-btn{font-size:14px;height:36px;right:10px;top:10px;width:36px}.watermark-side{display:none}.loading-logo{width:120px}.progress-container{width:200px}.loading-percentage{font-size:16px}.game-error{font-size:14px;padding:0 20px}}@media (max-width:480px){.game-overlay{padding:5px}.unity-container{padding:0 5px;width:100%}.unity-canvas{aspect-ratio:1366/768;height:auto;max-width:100%;object-fit:contain;width:100%}.close-game-btn{font-size:12px;height:32px;right:8px;top:8px;width:32px}.game-ping-display{gap:6px;left:8px;padding:6px 12px;top:8px}.ping-value{font-size:12px}.ping-signal{gap:2px;height:14px}.signal-bar{width:3px}.signal-bar:first-child{height:3px}.signal-bar:nth-child(2){height:6px}.signal-bar:nth-child(3){height:9px}.signal-bar:nth-child(4){height:12px}.loading-logo{width:100px}.progress-container{width:180px}.loading-percentage{font-size:14px}}.animated-hero-showcase{display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 40px;position:relative;scroll-margin-top:60px;scroll-margin-top:var(--header-height,60px);scroll-snap-align:start}.showcase-bg{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.showcase-glow-orb{animation:orbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.showcase-glow-orb.orb-1{animation-delay:0s;background:radial-gradient(circle,#ffc85766 0,#0000 70%);height:400px;left:10%;top:-100px;width:400px}.showcase-glow-orb.orb-2{animation-delay:-7s;background:radial-gradient(circle,#6b5ce74d 0,#0000 70%);bottom:-50px;height:300px;right:15%;width:300px}.showcase-glow-orb.orb-3{animation-delay:-14s;background:radial-gradient(circle,#ff963240 0,#0000 70%);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(-30px,-30px) scale(1.05)}}.showcase-content{margin:0 auto;max-width:1500px;position:relative;width:100%;z-index:1}.showcase-header{margin-bottom:60px;opacity:0;text-align:center;transform:translateY(30px);transition:all .8s ease-out}.animated-hero-showcase.visible .showcase-header{opacity:1;transform:translateY(0)}.showcase-label{background:#ffc8570d;border:1px solid #ffc8574d;border-radius:20px;color:var(--color-text-gold);display:inline-block;font-family:var(--font-tech);font-size:12px;letter-spacing:4px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.showcase-title{color:var(--color-text);font-family:Techno Codex,Arial,sans-serif;font-size:48px;letter-spacing:6px;margin-bottom:15px;text-shadow:0 0 40px #ffc8574d;text-transform:uppercase}.showcase-subtitle{color:var(--color-text-muted);font-family:Madani,Arial,sans-serif;font-size:18px;letter-spacing:1px}.hero-showcase-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr);margin-bottom:50px}.animated-hero-card{background:linear-gradient(180deg,#141c3299,#0c1225e6);border:1px solid #ffc85726;border-radius:16px;cursor:pointer;height:380px;opacity:0;overflow:hidden;position:relative;transform:translateY(50px);transition:all .4s cubic-bezier(.4,0,.2,1)}.animated-hero-showcase.visible .animated-hero-card{opacity:1;transform:translateY(0);transition-delay:var(--animation-delay)}.animated-hero-card:hover{border-color:var(--element-primary);box-shadow:0 0 30px var(--element-glow),0 20px 50px #0006;transform:translateY(-10px)!important}.hero-aura{animation:auraPulse 3s ease-in-out infinite;animation-play-state:paused;background:radial-gradient(ellipse at center,var(--element-glow) 0,#0000 60%);height:120%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease;width:120%}.animated-hero-card:hover .hero-aura{animation-play-state:running;opacity:.6}@keyframes auraPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}.hero-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.particle{background:var(--element-primary);border-radius:50%;bottom:-10px;box-shadow:0 0 6px var(--element-glow);height:4px;left:var(--particle-x);opacity:0;position:absolute;width:4px}.animated-hero-card:hover .particle{animation:particleRise var(--particle-duration) ease-out infinite;animation-delay:var(--particle-delay)}@keyframes particleRise{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(-400px) scale(.5)}}.hero-image-wrapper{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.hero-image{animation:heroBreathe 4s ease-in-out infinite;filter:brightness(.9) saturate(1.1);height:100%;object-fit:cover;object-position:top center;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease,opacity .3s ease;width:100%}.hero-image.hidden{opacity:0}.animated-hero-card:hover .hero-image:not(.hidden),.hero-video{filter:brightness(1.05) saturate(1.2)}.hero-video{height:100%;left:0;object-fit:cover;object-position:top center;opacity:0;position:absolute;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;z-index:1}.hero-video.visible{opacity:1}@keyframes heroBreathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.02) translateY(-3px)}}.shimmer-overlay{background:linear-gradient(90deg,#0000,#ffffff08 20%,#ffffff14 50%,#ffffff08 80%,#0000);height:100%;left:-150%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:80%;z-index:2}.animated-hero-card:hover .shimmer-overlay{animation:shimmerSweep 2s ease-in-out}@keyframes shimmerSweep{0%{left:-150%}to{left:200%}}.hero-info-overlay{align-items:center;background:linear-gradient(0deg,#070b14f2 0,#070b1480 40%,#0000 70%);bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;padding:15px 15px 20px;position:absolute;right:0;text-align:center;top:0;transform:translateY(10px);transition:transform .3s ease;z-index:4}.animated-hero-card:hover .hero-info-overlay{transform:translateY(0)}.hero-role-tag{background:#0006;border:1px solid var(--element-primary);border-radius:12px;color:var(--element-primary);display:inline-block;font-family:Madani,Arial,sans-serif;font-size:10px;letter-spacing:2px;margin-bottom:8px;opacity:.8;padding:4px 12px;text-transform:uppercase}.hero-name{color:var(--color-text);font-family:Dune Rise,Arial,sans-serif;font-size:18px;letter-spacing:1px;margin-bottom:4px;text-shadow:0 2px 10px #00000080}.hero-title{word-wrap:break-word;bottom:15px;color:var(--color-text-muted);font-family:var(--font-body);font-size:25px;left:10px;letter-spacing:0;line-height:1.2;opacity:0;overflow-wrap:break-word;position:absolute;right:10px;transform:translateY(10px);transition:all .3s ease .1s}.hero-bottom-glow{background:linear-gradient(90deg,#0000,var(--element-primary),#0000);bottom:0;box-shadow:0 0 20px var(--element-glow);height:2px;left:10%;opacity:0;position:absolute;right:10%;transition:opacity .3s ease}.animated-hero-card:hover .hero-bottom-glow{opacity:1}.showcase-cta{opacity:0;text-align:center;transform:translateY(20px);transition:all .8s ease-out .6s}.animated-hero-showcase.visible .showcase-cta{opacity:1;transform:translateY(0)}.view-all-heroes-btn{align-items:center;background:linear-gradient(135deg,#ffc8571a,#ff96320d);border:2px solid #ffc85766;border-radius:8px;color:var(--color-text-gold);display:inline-flex;font-family:var(--font-gaming);font-size:14px;font-weight:600;gap:12px;letter-spacing:2px;overflow:hidden;padding:15px 40px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.view-all-heroes-btn:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.view-all-heroes-btn:hover:before{left:100%}.view-all-heroes-btn:hover{border-color:#ffc857cc;box-shadow:0 0 30px #ffc8574d;transform:translateY(-3px)}.view-all-heroes-btn svg{transition:transform .3s ease}.view-all-heroes-btn:hover svg{transform:translateX(5px)}@media (max-width:1400px){.hero-showcase-grid{grid-template-columns:repeat(3,1fr);margin:0 auto 50px;max-width:1100px}.animated-hero-card{height:350px}}@media (max-width:900px){.hero-showcase-grid{grid-template-columns:repeat(2,1fr);max-width:600px}.showcase-title{font-size:32px;letter-spacing:4px}}@media (max-width:600px){.animated-hero-showcase{padding:60px 15px}.showcase-header{margin-bottom:30px}.showcase-label{font-size:10px;letter-spacing:2px;padding:6px 14px}.hero-showcase-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.animated-hero-card{border-radius:10px;height:260px}.showcase-title{font-size:22px;letter-spacing:2px}.showcase-subtitle{font-size:14px}.hero-name{font-size:16px}.hero-role-tag{font-size:8px;letter-spacing:1px;padding:3px 8px}.hero-info-overlay{padding:10px 10px 15px}.view-all-heroes-btn{font-size:12px;gap:8px;padding:12px 28px}}@media (max-width:400px){.animated-hero-showcase{padding:40px 10px}.hero-showcase-grid{gap:8px}.animated-hero-card{height:220px}.showcase-title{font-size:18px}.hero-name{font-size:14px}}.loading-screen{align-items:center;background:#1a2d2f;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity .8s ease-out,visibility .8s ease-out;width:100vw;z-index:10000}.loading-screen.fade-out{opacity:0;pointer-events:none;visibility:hidden}.loading-screen .loading-bg-gradient{animation:lsBgPulse 4s ease-in-out infinite;background:radial-gradient(ellipse at center,#2a464b99 0,#1a2d2f 70%,#152428 100%);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes lsBgPulse{0%,to{opacity:1}50%{opacity:.9}}.loading-screen .loading-bg-pattern{background-image:repeating-linear-gradient(90deg,#0000,#0000 2px,#2a464b08 0,#2a464b08 4px);height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.loading-screen .loading-grid{animation:lsGridPulse 3s ease-in-out infinite;background-image:linear-gradient(#2a96b426 1px,#0000 0),linear-gradient(90deg,#2a96b426 1px,#0000 0);background-size:50px 50px;height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:100%}.loading-screen .loading-grid:before{background-image:linear-gradient(#2a96b414 1px,#0000 0),linear-gradient(90deg,#2a96b414 1px,#0000 0);background-size:10px 10px;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.loading-screen .loading-grid:after{background:radial-gradient(circle at 50% 50%,#0000 0,#2a96b40d 100%);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}@keyframes lsGridPulse{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.6;transform:translate(2px,2px)}}.loading-screen .loading-content{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding:80px 20px 60px;position:relative;width:100%;z-index:2}.loading-screen .loading-title-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.loading-screen .loading-subtitle{color:#ffffffe6;font-family:Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;position:absolute;right:calc(50% - 140px);text-transform:uppercase;top:-35px;white-space:nowrap;z-index:3}.loading-screen .loading-title-background{color:#1e323766;filter:blur(2px);font-family:Arial,sans-serif;font-size:180px;font-weight:700;letter-spacing:20px;pointer-events:none;position:absolute;text-transform:uppercase;-webkit-user-select:none;user-select:none;z-index:1}.loading-screen .loading-title{align-items:center;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:80px;font-weight:700;gap:4px;letter-spacing:8px;position:relative;text-transform:uppercase;z-index:2}.loading-screen .title-char{animation:lsCharReveal .6s ease-out forwards;color:#fff;display:inline-block;font-stretch:condensed;font-style:normal;opacity:0;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;transform:translateY(20px) skew(-5deg,0)}.loading-screen .title-char.space{width:20px}.loading-screen .title-char.title-x{color:#ff6b35;text-shadow:0 0 10px #ff6b3599,0 0 20px #ff6b3566,0 2px 4px #0000004d}@keyframes lsCharReveal{0%{opacity:0;transform:translateY(20px) scale(.8) skew(-5deg,0)}to{opacity:1;transform:translateY(0) scale(1) skew(-5deg,0)}}.loading-screen .loading-bar-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:60px;margin-top:auto;width:90%}.loading-screen .loading-percentage{color:#fff;font-family:Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;margin-bottom:4px}.loading-screen .loading-bar{height:2px;overflow:visible;position:relative;width:100%}.loading-screen .loading-bar-track{background:#c8c8c84d;height:2px;left:0;position:absolute;top:0;width:100%}.loading-screen .loading-bar-fill{align-items:center;background:#ff6b35;display:flex;height:100%;position:relative;transition:width .3s ease-out}.loading-screen .loading-bar-marker-left{background:#fff;border-radius:1px;height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.loading-screen .loading-bar-marker-right{background:#ff8c5a;border-radius:1px;height:10px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px}.loading-screen .loading-text{color:#ffffffb3;filter:blur(.5px);font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px;margin-top:4px;text-shadow:0 0 8px #ffffff4d;text-transform:uppercase}@media (max-width:768px){.loading-screen .loading-title{font-size:56px;letter-spacing:6px}}@media (max-width:480px){.loading-screen .loading-title{font-size:42px;letter-spacing:4px}}.payment-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000!important}.payment-popup-content{animation:slideUp .3s ease-out;background:linear-gradient(145deg,#1e232b,#181c22 40%,#13161b);border:1px solid #3c465599;border-radius:4px;box-shadow:0 20px 60px #000000b3,0 0 40px #0006;display:flex;flex-direction:column;max-height:95vh;max-width:800px;overflow:hidden;position:relative;width:90%}.payment-popup-header{align-items:center;background:#0003;border-bottom:1px solid #505a6e66;display:flex;justify-content:space-between;padding:24px 30px}.payment-popup-title{color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:24px;font-weight:700;letter-spacing:1.5px;margin:0;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.payment-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#8a9ab5;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:36px}.payment-popup-close:hover{background:#28303cb3;color:#dce0e5;transform:rotate(90deg)}.payment-popup-body{flex:1 1;max-height:calc(95vh - 100px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:30px}.payment-popup-description{color:#8a9ab5;font-family:var(--font-body);font-size:16px;margin-bottom:20px;text-align:center}.payment-method-selector{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;display:flex;gap:12px;justify-content:center;margin-bottom:30px;padding:8px}.payment-method-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-family:var(--font-body);font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all var(--transition-fast)}.payment-method-btn:hover{background:#28303cb3;color:#dce0e5}.payment-method-btn.active{background:#1e232b99;border:1px solid #64738c99;box-shadow:0 2px 8px #0003;color:#dce0e5}.payment-method-btn svg{height:20px;width:20px}.diamond-packages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.diamond-package-card{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all var(--transition-fast)}.diamond-package-card:before{display:none}.diamond-package-card:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.package-label{color:#8a9ab5;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.package-diamonds,.package-label{font-family:var(--font-body);margin-bottom:10px}.package-diamonds{color:#dce0e5;font-size:32px;font-weight:700}.package-price{font-size:24px;margin-bottom:20px}.package-buy-btn,.package-price{color:#dce0e5;font-family:var(--font-body);font-weight:600}.package-buy-btn{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;cursor:pointer;font-size:14px;letter-spacing:1px;padding:12px 20px;position:relative;text-transform:uppercase;transition:all var(--transition-fast);width:100%;z-index:1}.package-buy-btn:hover:not(:disabled){background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.package-buy-btn:active:not(:disabled){transform:translateY(0)}.package-buy-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.payment-popup-content{max-height:95vh;width:95%}.payment-popup-header{padding:20px}.payment-popup-title{font-size:22px}.payment-popup-body{max-height:calc(95vh - 80px);padding:20px}.diamond-packages-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.diamond-package-card{padding:15px}.package-diamonds{font-size:24px}.package-price{font-size:20px}}@media (max-width:480px){.payment-popup-content{border-radius:12px;width:98%}.payment-popup-header{padding:16px}.payment-popup-title{font-size:18px;letter-spacing:1px}.payment-popup-close{font-size:26px;height:30px;width:30px}.payment-popup-body{padding:16px}.payment-popup-description{font-size:14px;margin-bottom:20px}.diamond-packages-grid{gap:12px;grid-template-columns:1fr}.diamond-package-card{padding:16px}.package-diamonds{font-size:22px}.package-price{font-size:18px;margin-bottom:14px}.package-buy-btn{font-size:13px;padding:10px 16px}}.crypto-payment-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0!important;display:flex;justify-content:center;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:999999!important}.crypto-payment-modal{animation:slideUp .3s ease-out;background:linear-gradient(145deg,#1e232b,#181c22 40%,#13161b);border:1px solid #3c465599;border-radius:4px;box-shadow:0 20px 60px #000000b3,0 0 40px #0006;display:flex;flex-direction:column;max-height:95vh;max-width:900px;overflow:hidden;position:relative;width:90%;z-index:999999!important}.crypto-payment-header{align-items:center;background:#0003;border-bottom:1px solid #505a6e66;display:flex;justify-content:space-between;padding:24px 30px}.crypto-payment-header h3{color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:24px;font-weight:700;letter-spacing:1.5px;margin:0;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.crypto-payment-close{align-items:center;background:none;border:none;border-radius:50%;color:#8a9ab5;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:36px}.crypto-payment-close:hover{background:#28303cb3;color:#dce0e5;transform:rotate(90deg)}.crypto-payment-body{align-items:flex-start;display:flex;flex:1 1;gap:32px;max-height:calc(95vh - 100px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:30px}.crypto-payment-left{gap:24px}.crypto-payment-left,.crypto-payment-right{display:flex;flex:1 1;flex-direction:column}.crypto-payment-right{align-items:center;justify-content:center}@media (max-width:768px){.crypto-payment-body{flex-direction:column;gap:24px}.crypto-payment-right{width:100%}}.crypto-payment-amount{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;gap:8px;padding:20px}.crypto-payment-url{text-align:center}.crypto-payment-button{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;color:#dce0e5;display:inline-block;font-family:var(--font-body);font-size:16px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all var(--transition-fast)}.crypto-payment-button:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.crypto-payment-url-note{color:var(--color-text-muted);font-family:var(--font-body);font-size:12px;font-style:italic;margin-top:12px}.crypto-amount-label{color:#8a9ab5;font-family:var(--font-body);font-size:14px;font-weight:500}.crypto-amount-value{color:#dce0e5;font-family:var(--font-body);font-size:24px;font-weight:700}.crypto-wallet-address{display:flex;flex-direction:column;gap:12px}.crypto-wallet-address label{color:#8a9ab5;display:block;font-family:var(--font-body);font-size:14px;font-weight:500}.wallet-address-container{display:flex;gap:8px}.wallet-address-input{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;color:#dce0e5;cursor:text;flex:1 1;font-family:var(--font-body);font-size:13px;padding:12px 16px;transition:all var(--transition-fast)}.wallet-address-input:focus{border-color:#64738c99;box-shadow:0 0 10px #64738c33;outline:none}.copy-address-btn{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;color:#dce0e5;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:600;padding:12px 20px;transition:all var(--transition-fast);white-space:nowrap}.copy-address-btn:hover{background:#28303cb3;border-color:#64738c99;transform:translateY(-2px)}.crypto-qr-code{align-items:center;display:flex;flex-direction:column;width:100%}.crypto-qr-code label{display:none}.qr-code-container{align-items:center;background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all var(--transition-fast)}.qr-code-container:hover{background:#28303cb3;border-color:#64738c99}.qr-code-wrapper{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0003;display:flex;justify-content:center;padding:16px;position:relative}.qr-code-wrapper svg image{border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%)}.qr-code-instruction{color:#8a9ab5;font-family:var(--font-body);font-size:13px;line-height:1.6;margin:0;text-align:center}.crypto-payment-status{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;gap:12px;padding:20px}.crypto-payment-status-header{align-items:center;display:flex;gap:12px}.crypto-payment-status-icon{animation:pulse 2s ease-in-out infinite;display:inline-block;font-size:24px;line-height:1}.crypto-payment-status.completed .crypto-payment-status-icon,.crypto-payment-status.expired .crypto-payment-status-icon,.crypto-payment-status.failed .crypto-payment-status-icon{animation:none}.crypto-payment-status-title{color:#dce0e5;flex:1 1;font-family:var(--font-body);font-size:16px;font-weight:600;margin:0}.crypto-payment-status-bar{background:#505a6e4d;border-radius:2px;height:4px;overflow:hidden;position:relative;width:100%}.crypto-payment-status-progress{border-radius:2px;height:100%;overflow:hidden;position:relative;transition:width .5s ease,background-color .5s ease}.crypto-payment-status-waiting .crypto-payment-status-progress{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#8a9ab5,#6b7a95 50%,#8a9ab5);background-size:200% 100%;width:20%}.crypto-payment-status-checking .crypto-payment-status-progress{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#4a90e2,#357abd 50%,#4a90e2);background-size:200% 100%;width:40%}.crypto-payment-status-sending .crypto-payment-status-progress{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#ffc857,#f59e0b 50%,#ffc857);background-size:200% 100%;width:60%}.crypto-payment-status-confirming .crypto-payment-status-progress{animation:shimmer 1s ease-in-out infinite;background:linear-gradient(90deg,#4a90e2,#357abd 50%,#4a90e2);background-size:200% 100%;width:80%}.crypto-payment-status-completed .crypto-payment-status-progress{animation:none;background:linear-gradient(90deg,#10b981,#059669);width:100%}.crypto-payment-status-failed .crypto-payment-status-progress{animation:none;background:linear-gradient(90deg,#ef4444,#dc2626);width:100%}.crypto-payment-status-expired .crypto-payment-status-progress{animation:none;background:linear-gradient(90deg,#f59e0b,#d97706);width:100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.crypto-payment-status p{margin:0}.crypto-payment-note{color:#8a9ab5;font-family:var(--font-body);font-size:13px;line-height:1.6;margin:0}@media (max-width:480px){.crypto-payment-modal{max-width:none;width:95%}.crypto-payment-header{padding:20px}.crypto-payment-body{max-height:calc(95vh - 80px);padding:20px}.wallet-address-container{flex-direction:column}.copy-address-btn{width:100%}}.music-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;left:30px;position:fixed;transition:all .3s ease;width:50px;z-index:9999}.music-button:hover{background:#000c;border-color:#fff6;box-shadow:0 6px 20px #0006;transform:scale(1.1)}.music-button:active{transform:scale(.95)}.music-button.muted{opacity:.6}.music-button.muted:hover{opacity:1}.music-button svg{stroke:currentColor;height:24px;width:24px}@media (max-width:768px){.music-button{bottom:20px;height:40px;left:20px;width:40px}.music-button svg{height:18px;width:18px}}@media (max-width:480px){.music-button{bottom:14px;box-shadow:0 2px 8px #0000004d;height:34px;left:14px;width:34px}.music-button svg{height:16px;width:16px}}.home-page-wrapper{-ms-overflow-style:none;background-attachment:fixed;background-image:url(/static/media/home_bg.a0c6c05badfd18e9bd29.webp);background-repeat:no-repeat;background-size:100vw 100vh;position:relative;scrollbar-width:none}.home-page-wrapper::-webkit-scrollbar{display:none}.home-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative;scroll-margin-top:60px;scroll-margin-top:var(--header-height,60px);scroll-snap-align:start}.home-video-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.home-video{aspect-ratio:16/9;height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.home-video-overlay{background:radial-gradient(ellipse at 50% 40%,#ffc85714 0,#0000 50%),radial-gradient(ellipse at 20% 70%,#6b5ce70f 0,#0000 40%),radial-gradient(ellipse at 80% 70%,#6b5ce70f 0,#0000 40%),linear-gradient(0deg,#070b14f2 0,#070b1480 30%,#070b1433 60%,#070b1466);pointer-events:none}.home-background,.home-video-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.home-background{background:url(/static/media/home_bg.a0c6c05badfd18e9bd29.webp) 50%/cover no-repeat;background-attachment:scroll;z-index:-1}.home-background:before{animation:floatMagic 15s ease-in-out infinite;background:radial-gradient(ellipse at 50% 40%,#ffc8571f 0,#0000 45%),radial-gradient(ellipse at 20% 70%,#6b5ce714 0,#0000 40%),radial-gradient(ellipse at 80% 70%,#6b5ce714 0,#0000 40%),radial-gradient(ellipse at 50% 100%,#ff96321a 0,#0000 50%);top:0}.home-background:after,.home-background:before{bottom:0;content:"";left:0;position:absolute;right:0}.home-background:after{background:linear-gradient(0deg,#070b14f2 0,#070b1499 40%,#0000);height:50%}.home-center{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:space-between;left:50%;max-width:100%;padding:0 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.game-title{animation:epicTextGlow 4s ease-in-out infinite;color:var(--color-text-gold);font-family:var(--font-wide);font-size:64px;font-weight:700;letter-spacing:12px;margin-bottom:20px;text-shadow:0 0 40px #ffc85780,0 2px 30px #ff963266,0 4px 60px #ff643233;text-transform:uppercase}.game-title-img{animation:fadeInDown .8s ease-out,mysticalFloat 6s ease-in-out 1s infinite;filter:drop-shadow(0 0 30px rgba(255,200,87,.5)) drop-shadow(0 0 60px rgba(255,150,50,.3));height:auto;max-width:350px;width:100%}.game-subtitle{-webkit-text-fill-color:#0000;animation:fadeIn 1s ease-out .3s both;background:linear-gradient(90deg,#ffc857,#ffd875,#ffb347,#ffc857);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:var(--color-primary);font-family:var(--font-tech);font-size:22px;letter-spacing:6px;margin-bottom:50px;text-shadow:0 0 20px #ffc85766,0 2px 15px #ff96324d;text-transform:uppercase}.play-button-circle{align-items:center;animation:fadeInUp .8s ease-out .5s both,goldenPulse 3s ease-in-out 1.5s infinite;background:radial-gradient(circle,#ffc8571a 0,#0c1225cc 70%);border:3px solid #ffc857b3;border-radius:50%;cursor:pointer;display:flex;height:110px;justify-content:center;margin:40px auto 0;pointer-events:auto;position:relative;transition:all var(--transition-fast);width:110px}.play-button-circle:before{top:-20px}.play-button-circle:after,.play-button-circle:before{background:linear-gradient(90deg,#0000,#ffc85799,#0000);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.play-button-circle:after{bottom:-20px}.play-button-circle:hover{background:radial-gradient(circle,#ffc85733 0,#0c1225e6 70%);border-color:var(--color-primary);box-shadow:0 0 40px #ffc85780,0 0 80px #ff96324d,inset 0 0 30px #ffc8571a;transform:scale(1.15)}.play-icon{color:var(--color-text-gold);filter:drop-shadow(0 0 10px rgba(255,200,87,.4));font-size:42px;margin-left:8px;text-shadow:0 0 15px #ffc85799}.play-icon-svg{filter:drop-shadow(0 0 15px rgba(255,200,87,.6));margin-left:6px;transition:all var(--transition-fast)}.play-button-circle:hover .play-icon-svg{filter:drop-shadow(0 0 25px rgba(255,200,87,.8));transform:scale(1.1)}.play-section{animation:fadeInUp .8s ease-out .5s both;margin-bottom:0;margin-top:auto}.play-web-btn{-webkit-text-stroke:.5px #6496ff4d;background:#0000;border:2px solid #ffffffe6;border-radius:8px;box-shadow:0 0 20px #6496ff80,0 0 40px #6496ff4d,inset 0 0 20px #6496ff1a;color:#fffffff2;cursor:pointer;font-family:var(--font-gaming);font-size:28px;font-weight:900;letter-spacing:5px;padding:16px 40px;pointer-events:auto;position:relative;text-shadow:0 0 20px #6496ffcc,0 0 40px #6496ff99,0 0 60px #6496ff66;text-transform:uppercase;transition:all .3s ease}.play-web-btn:hover{-webkit-text-stroke:.5px #6496ff80;border-color:#fff;box-shadow:0 0 30px #6496ffcc,0 0 60px #6496ff99,0 0 90px #6496ff66,inset 0 0 30px #6496ff33;text-shadow:0 0 30px #6496ff,0 0 60px #6496ffcc,0 0 90px #6496ff99,0 0 120px #6496ff66}.platform-section{animation:fadeInUp .8s ease-out .7s both;margin-top:auto;padding-bottom:30px}.platform-text{color:var(--color-text-muted);font-family:var(--font-body);font-size:16px;letter-spacing:2px;margin-bottom:25px}.platform-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.platform-btn{align-items:center;background:linear-gradient(135deg,#0c1225e6,#141c32cc);border:1px solid #ffc85740;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:12px;font-weight:500;gap:10px;letter-spacing:1px;overflow:hidden;padding:12px 25px;pointer-events:auto;position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.platform-btn:before{background:linear-gradient(90deg,#0000,#ffc8571a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.platform-btn:hover:before{left:100%}.platform-btn:hover{background:linear-gradient(135deg,#ffc85726,#ff96321a);border-color:#ffc85799;box-shadow:0 8px 25px #ffc85733,0 0 20px #ffc8571a;color:var(--color-text-gold);transform:translateY(-3px)}.platform-icon{font-size:18px}.scroll-indicator{animation:bounce 2s infinite;bottom:10px;left:50%;opacity:.6;position:absolute;transform:translateX(-50%);z-index:5}.scroll-indicator span{border-bottom:2px solid #ffc85799;border-right:2px solid #ffc85799;box-shadow:3px 3px 8px #ffc85733;display:block;height:20px;transform:rotate(45deg);width:20px}@media (max-width:1200px){.game-title{font-size:48px}}@media (max-width:768px){.home-page{justify-content:flex-start}.home-center{height:70vh;justify-content:space-between;left:50%;padding:0 15px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.home-video{height:100%;min-height:100%;min-width:100%;object-fit:cover;width:100%}.game-title{font-size:28px;letter-spacing:4px}.game-title-img{max-width:250px}.game-subtitle{font-size:14px;letter-spacing:3px;margin-bottom:30px}.play-button-circle{height:80px;margin:20px auto 0;width:80px}.play-icon{font-size:30px}.play-section{margin-top:auto}.play-web-btn{font-size:16px;gap:10px;letter-spacing:3px;padding:16px 40px}.platform-section{padding-bottom:20px}.platform-text{font-size:13px;letter-spacing:1px;margin-bottom:15px}.platform-buttons{gap:10px}.platform-btn{font-size:11px;padding:10px 18px}.scroll-indicator{bottom:5px}.scroll-indicator span{height:16px;width:16px}}@media (max-width:480px){.home-video{height:100%;min-height:100%;min-width:100%;object-fit:cover;width:100%}.game-title{font-size:22px;letter-spacing:3px}.game-title-img{max-width:200px}.game-subtitle{font-size:12px;letter-spacing:2px}.play-button-circle{height:70px;width:70px}.play-section{margin-bottom:50px;margin-top:auto}.play-web-btn{font-size:14px;gap:8px;letter-spacing:2px;padding:14px 28px}.platform-buttons{align-items:center;flex-direction:column}.platform-btn{justify-content:center;max-width:250px;width:100%}}.home-notices-section{align-items:center;background:linear-gradient(180deg,#070b14f2,#0c1225);display:flex;justify-content:center;min-height:100vh;padding:100px 60px;position:relative;scroll-margin-top:60px;scroll-margin-top:var(--header-height,60px);scroll-snap-align:start}.notices-container{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1.5fr;max-width:1400px;width:100%}.notices-list-section{display:flex;flex-direction:column;gap:30px}.notices-title{color:#fff;font-family:Arial,sans-serif;font-size:48px;font-weight:700;letter-spacing:4px;margin:0;text-transform:uppercase}.notices-list{display:flex;flex-direction:column;gap:20px}.notice-item{align-items:center;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:15px 0;transition:all .3s ease}.notice-item:hover{border-bottom-color:#ff6b3580}.notice-title{color:#fff;font-size:16px}.notice-date,.notice-title{font-family:Arial,sans-serif;font-weight:400}.notice-date{color:#fff9;font-size:14px}.notices-more-btn{align-self:flex-start;background:#0000;border:1px solid #ffffff4d;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;margin-top:10px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.notices-more-btn:hover{background:#ff6b351a;border-color:#ff6b35;color:#ff6b35}.notices-promo-section,.promo-banner{position:relative}.promo-banner{background:linear-gradient(135deg,#8b00004d,#0009);border:1px solid #ff6b3533;display:flex;flex-direction:column;justify-content:space-between;min-height:600px;overflow:hidden;padding:40px}.promo-banner:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 0,#ffffff08 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff08 0,#ffffff08 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.promo-header{position:relative;z-index:2}.promo-logo{color:#fff;font-family:Arial,sans-serif;font-size:32px;font-weight:700;text-transform:uppercase}.promo-logo-accent{color:#ff6b35}.promo-content{display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;position:relative;z-index:2}.promo-title{color:#fff;font-size:42px;font-weight:700;letter-spacing:3px;line-height:1.2;text-transform:uppercase}.promo-subtitle,.promo-title{font-family:Arial,sans-serif;margin:0}.promo-subtitle{color:#ffffffe6;font-size:16px;font-weight:400;line-height:1.5}.promo-item-display{align-items:flex-end;display:flex;justify-content:flex-end;margin-top:40px}.promo-item-icon{align-items:center;display:flex;flex-direction:column;gap:8px}.promo-item-image{background:linear-gradient(135deg,#ff6b35,#d4a039);border:2px solid #ffffff4d;border-radius:8px;height:80px;position:relative;width:80px}.promo-item-image:before{background:#00000080;border:2px solid #ffffff80;border-radius:50%;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.promo-item-count{color:#fff;font-family:Arial,sans-serif;font-size:18px;font-weight:700}.promo-footer{position:relative;text-align:right;z-index:2}.promo-footer-text{color:#fff;font-family:Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.promo-footer-accent{color:#ff6b35}@media (max-width:1200px){.notices-container{gap:40px;grid-template-columns:1fr}.promo-banner{min-height:400px}}@media (max-width:768px){.home-notices-section{padding:60px 30px}.notices-title{font-size:36px}.promo-title{font-size:28px}.promo-subtitle{font-size:14px}}.map-section{align-items:center;background:radial-gradient(circle at top,#2b3545 0,#050811 55%,#000 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 24px 72px;padding:calc(var(--header-height, 60px) + 40px) 24px 72px;position:relative;scroll-margin-top:60px;scroll-margin-top:var(--header-height,60px);scroll-snap-align:start}.map-section:before{background:radial-gradient(circle at 20% 0,#ff780026,#0000 60%),radial-gradient(circle at 80% 0,#00b4ff2e,#0000 60%),radial-gradient(circle at 50% 120%,#ffffff0d,#0000 60%);mix-blend-mode:screen;opacity:.9;z-index:0}.map-section:after,.map-section:before{content:"";inset:0;pointer-events:none;position:absolute}.map-section:after{background:radial-gradient(circle at center,#0000 0,#0000008c 65%,#000000f2 100%);z-index:1}.map-video-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.map-video{aspect-ratio:16/9;height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.map-section-background{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.map-section-content{grid-gap:40px;align-items:stretch;display:grid;gap:40px;grid-template-columns:1fr 1fr;max-width:1400px;position:relative;width:100%;z-index:2}.map-section-left{display:flex;flex-direction:column;gap:20px;height:100%;justify-content:space-between;padding:40px}.map-section-top{border-bottom:1px solid #505a6e66;flex:0 0 auto;flex-direction:column;margin-bottom:20px;padding-bottom:20px}.map-section-bottom,.map-section-top{display:flex;justify-content:flex-start;overflow-y:auto}.map-section-bottom{flex:1 1 auto;flex-direction:column;min-height:0}.map-section-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.map-section-label{animation:fadeInUp .8s ease-out .2s both;color:#8a9ab5;font-family:Arial,sans-serif;font-family:var(--font-tech,"Arial",sans-serif);font-size:14px;font-weight:600;letter-spacing:4px;opacity:0;text-transform:uppercase}.map-section-title{animation:fadeInUp .8s ease-out .4s both;color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:32px;font-weight:700;letter-spacing:1.5px;line-height:1.2;margin:0;opacity:0;text-shadow:0 2px 4px #00000080,0 0 10px #6496c880,0 0 20px #6496c84d,0 0 30px #6496c833;text-transform:uppercase}.map-section-subtitle{animation:fadeInUp .8s ease-out .6s both;color:#dce0e5;font-family:Arial,sans-serif;font-family:var(--font-body,"Arial",sans-serif);font-size:15px;font-weight:400;line-height:1.8;margin:0;opacity:0}.map-section-description{animation:fadeInUp .8s ease-out .8s both;background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;margin-top:20px;opacity:0;padding:20px;transition:all var(--transition-fast)}.map-section-description:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d}.map-description-text{color:#dce0e5;font-family:Arial,sans-serif;font-family:var(--font-body,"Arial",sans-serif);font-size:14px;font-weight:400;line-height:1.8;margin:0 0 16px}.map-features{display:flex;flex-direction:column;gap:10px}.map-feature-item{align-items:center;display:flex}.map-feature-text{color:#8a9ab5;font-family:Arial,sans-serif;font-family:var(--font-body,"Arial",sans-serif);font-size:13px;font-weight:500;letter-spacing:.5px}.map-hotkeys-title{animation:fadeInUp .8s ease-out 1s both;color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:20px;font-weight:700;letter-spacing:1.5px;margin:0 0 16px;opacity:0;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.map-hotkeys-list{grid-gap:10px;animation:fadeInUp .8s ease-out 1.2s both;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px;opacity:0}.map-hotkey-item{align-items:center;background:#1e232b66;border:1px solid #505a6e4d;border-radius:4px;display:flex;gap:12px;padding:8px 12px;transition:all var(--transition-fast)}.map-hotkey-item:hover{background:#28303c80;border-color:#64738c80}.map-hotkey-key{background:#dce0e51a;border:1px solid #dce0e54d;border-radius:4px;color:#dce0e5;flex-shrink:0;font-family:Arial,sans-serif;font-family:var(--font-gaming,"Arial",sans-serif);font-size:12px;font-weight:700;letter-spacing:1px;min-width:50px;padding:4px 10px;text-align:center;text-transform:uppercase}.map-hotkey-action{color:#dce0e5;font-size:13px;letter-spacing:.3px;line-height:1.4}.map-hotkey-action,.map-hotkeys-note{font-family:Arial,sans-serif;font-family:var(--font-body,"Arial",sans-serif);font-weight:400}.map-hotkeys-note{animation:fadeInUp .8s ease-out 1.4s both;color:#8a9ab5;font-size:12px;font-style:italic;margin:0;opacity:0}.map-section-right{min-height:600px}.map-section-right,.map-slider-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.map-slider-container{width:100%}.map-image-wrapper{border-radius:12px;height:100%;overflow:hidden;position:relative;transition:transform .15s ease-out;width:100%;will-change:transform}.map-image{filter:brightness(1.1) contrast(1.05);height:100%;left:0;object-fit:contain;opacity:0;position:absolute;top:0;transform:translateY(100%);transition:none;width:100%;will-change:opacity,transform}.map-image.active{animation:slideUpFadeIn 1.5s ease-out forwards;z-index:1}.map-image:not(.active){animation:fadeOut 1s ease-in forwards}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}.map-section.visible .map-image:first-child.active{animation:slideUpFadeIn 1.5s ease-out .8s forwards}.map-slider-arrow{align-items:center;background:#0000;border:none;color:#dce0e5;cursor:pointer;display:flex;height:auto;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:auto;z-index:10}.map-slider-arrow:hover{color:#dce0e5;filter:drop-shadow(0 0 10px rgba(220,224,229,.8)) drop-shadow(0 0 20px rgba(220,224,229,.6)) drop-shadow(0 0 30px rgba(220,224,229,.4));transform:translateY(-50%) scale(1.2)}.map-slider-arrow:active{transform:translateY(-50%) scale(1.1)}.map-slider-arrow-prev{left:-20px}.map-slider-arrow-next{right:-20px}.map-slider-arrow svg{stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(220,224,229,.6)) drop-shadow(0 0 16px rgba(220,224,229,.4));height:40px;transition:filter .3s ease;width:40px}.map-slider-dots{bottom:20px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.map-slider-dot{background:#ffffff4d;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:12px;outline:none;padding:0;transition:all .3s ease;width:12px}.map-slider-dot:hover{background:#ffffff80;border-color:#ffc857cc;transform:scale(1.2)}.map-slider-dot.active{background:#ffc857;border-color:#ffc857;border-radius:6px;box-shadow:0 0 15px #ffc85799;width:32px}.map-section.visible .map-image{opacity:1}@media (max-width:1200px){.map-section-content{gap:60px;grid-template-columns:1fr}.map-section-right{min-height:400px;order:-1}.map-section-left{align-items:center;text-align:center}.map-section-subtitle{max-width:100%}.map-slider-arrow-prev{left:10px}.map-slider-arrow-next{right:10px}}@media (max-width:768px){.map-section{min-height:auto;padding:90px 20px 50px;padding:calc(var(--header-height, 60px) + 30px) 20px 50px}.map-section-content{gap:40px}.map-section-left{gap:30px;padding:20px}.map-section-top{margin-bottom:20px;padding-bottom:20px}.map-section-header{gap:10px;margin-bottom:16px}.map-section-label{font-size:12px;letter-spacing:3px}.map-section-title{font-size:28px;letter-spacing:1px}.map-section-subtitle{font-size:14px;line-height:1.6}.map-section-description{margin-top:16px;padding:16px}.map-description-text{font-size:13px;line-height:1.7}.map-features{gap:8px}.map-feature-text{font-size:12px}.map-hotkeys-title{font-size:18px;margin-bottom:12px}.map-hotkeys-list{gap:8px;grid-template-columns:1fr;margin-bottom:12px}.map-hotkey-item{gap:10px;padding:10px 12px}.map-hotkey-key{font-size:11px;min-width:45px;padding:4px 8px}.map-hotkey-action{font-size:12px}.map-hotkeys-note{font-size:11px}.map-section-right{min-height:300px;padding:0 10px}.map-slider-container{padding:0 40px;position:relative}.map-slider-arrow{height:36px;padding:8px;width:36px}.map-slider-arrow-prev{left:0}.map-slider-arrow-next{right:0}.map-slider-arrow svg{height:24px;width:24px}.map-slider-dots{bottom:10px;gap:10px}.map-slider-dot{height:10px;width:10px}.map-slider-dot.active{width:28px}}@media (max-width:480px){.map-section{padding:80px 15px 40px;padding:calc(var(--header-height, 60px) + 20px) 15px 40px}.map-section-content{gap:30px}.map-section-left{gap:20px;padding:15px}.map-section-top{margin-bottom:15px;padding-bottom:15px}.map-section-header{gap:8px;margin-bottom:12px}.map-section-label{font-size:11px;letter-spacing:2px}.map-section-title{font-size:24px;letter-spacing:.5px}.map-section-subtitle{font-size:13px;line-height:1.5}.map-section-description{margin-top:12px;padding:12px}.map-description-text{font-size:12px;line-height:1.6;margin-bottom:12px}.map-features{gap:6px}.map-feature-text{font-size:11px}.map-hotkeys-title{font-size:16px;margin-bottom:10px}.map-hotkeys-list{gap:6px;margin-bottom:10px}.map-hotkey-item{gap:8px;padding:8px 10px}.map-hotkey-key{font-size:10px;min-width:40px;padding:3px 6px}.map-hotkey-action{font-size:11px}.map-hotkeys-note{font-size:10px}.map-section-right{min-height:250px;padding:0 5px}.map-slider-container{padding:0 35px}.map-slider-arrow{height:32px;padding:6px;width:32px}.map-slider-arrow-prev{left:-5px}.map-slider-arrow-next{right:-5px}.map-slider-arrow svg{height:20px;width:20px}.map-slider-dots{bottom:8px;gap:8px}.map-slider-dot{border-width:1.5px;height:8px;width:8px}.map-slider-dot.active{width:24px}.map-image-wrapper{border-radius:8px}}.heroes-page{-ms-overflow-style:none;background-attachment:fixed;background-image:url(/static/media/hero_bg.ed15ec73e370b68363ef.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow-x:hidden;padding-bottom:60px;padding-top:var(--header-height);position:relative;scrollbar-width:none;z-index:1}.heroes-page::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}.heroes-page-background{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.heroes-page:after{display:none}.hero-fire-particles{bottom:0;height:100%;overflow:hidden;pointer-events:none;position:fixed;right:0;width:100%;z-index:1}.hero-fire-spark{animation:fireSparkMove 8s linear infinite;animation:fireSparkMove var(--spark-duration,8s) linear infinite;animation-delay:0s;animation-delay:var(--spark-delay,0s);background:radial-gradient(circle,#ff6b35 0,#ff8c42 50%,orange 100%);border-radius:50%;bottom:20px;bottom:var(--start-bottom,20px);box-shadow:0 0 6px #ff6b35,0 0 12px #ff6b3599,0 0 18px #ff8c4266;height:4px;opacity:0;position:absolute;right:20px;right:var(--start-right,20px);width:4px}@keyframes fireSparkMove{0%{opacity:0;transform:translate(0) scale(.6) rotate(0deg)}2%{opacity:.4;transform:translate(0,0) scale(.75) rotate(7.2deg);transform:translate(calc(var(--waypoint1-x, 0px)*.1 + var(--jitter-x, 0px)*.05),calc(var(--waypoint1-y, 0px)*.1 + var(--jitter-y, 0px)*.05)) scale(.75) rotate(calc(var(--rotation-speed, 1turn)*.02))}4%{opacity:.6;transform:translate(0,0) scale(.85) rotate(14.4deg);transform:translate(calc(var(--waypoint1-x, 0px)*.2 + var(--jitter-x, 0px)*.1),calc(var(--waypoint1-y, 0px)*.2 + var(--jitter-y, 0px)*.1)) scale(.85) rotate(calc(var(--rotation-speed, 1turn)*.04))}6%{opacity:.8;transform:translate(0,0) scale(1) rotate(21.6deg);transform:translate(calc(var(--waypoint1-x, 0px)*.3 + var(--jitter-x, 0px)*.15),calc(var(--waypoint1-y, 0px)*.3 + var(--jitter-y, 0px)*.15)) scale(1) rotate(calc(var(--rotation-speed, 1turn)*.06))}8%{opacity:.9;transform:translate(0,0) scale(1.1) rotate(28.8deg);transform:translate(calc(var(--waypoint1-x, 0px)*.4 + var(--jitter-x, 0px)*.2),calc(var(--waypoint1-y, 0px)*.4 + var(--jitter-y, 0px)*.2)) scale(1.1) rotate(calc(var(--rotation-speed, 1turn)*.08))}10%{opacity:1;transform:translate(0,0) scale(1.2) rotate(36deg);transform:translate(calc(var(--waypoint1-x, 0px)*.5 + var(--jitter-x, 0px)*.25),calc(var(--waypoint1-y, 0px)*.5 + var(--jitter-y, 0px)*.25)) scale(1.2) rotate(calc(var(--rotation-speed, 1turn)*.1))}12%{opacity:1;transform:translate(0,0) scale(1.25) rotate(43.2deg);transform:translate(calc(var(--waypoint1-x, 0px)*.6 + var(--jitter-x, 0px)*.3),calc(var(--waypoint1-y, 0px)*.6 + var(--jitter-y, 0px)*.3)) scale(1.25) rotate(calc(var(--rotation-speed, 1turn)*.12))}14%{opacity:1;transform:translate(0,0) scale(1.3) rotate(50.4deg);transform:translate(calc(var(--waypoint1-x, 0px)*.7 + var(--jitter-x, 0px)*.35),calc(var(--waypoint1-y, 0px)*.7 + var(--jitter-y, 0px)*.35)) scale(1.3) rotate(calc(var(--rotation-speed, 1turn)*.14))}16%{opacity:1;transform:translate(0,0) scale(1.3) rotate(57.6deg);transform:translate(calc(var(--waypoint1-x, 0px)*.8 + var(--jitter-x, 0px)*.4),calc(var(--waypoint1-y, 0px)*.8 + var(--jitter-y, 0px)*.4)) scale(1.3) rotate(calc(var(--rotation-speed, 1turn)*.16))}18%{opacity:1;transform:translate(0,0) scale(1.3) rotate(64.8deg);transform:translate(calc(var(--waypoint1-x, 0px)*.9 + var(--jitter-x, 0px)*.45),calc(var(--waypoint1-y, 0px)*.9 + var(--jitter-y, 0px)*.45)) scale(1.3) rotate(calc(var(--rotation-speed, 1turn)*.18))}20%{opacity:1;transform:translate(0,0) scale(1.3) rotate(72deg);transform:translate(calc(var(--waypoint1-x, 0px) + var(--jitter-x, 0px)*.5),calc(var(--waypoint1-y, 0px) + var(--jitter-y, 0px)*.5)) scale(1.3) rotate(calc(var(--rotation-speed, 1turn)*.2))}22%{opacity:1;transform:translate(0,0) scale(1.28) rotate(79.2deg);transform:translate(calc(var(--waypoint1-x, 0px)*.95 + var(--waypoint2-x, 0px)*.05 + var(--jitter-x, 0px)*.48),calc(var(--waypoint1-y, 0px)*.95 + var(--waypoint2-y, 0px)*.05 + var(--jitter-y, 0px)*.48)) scale(1.28) rotate(calc(var(--rotation-speed, 1turn)*.22))}24%{opacity:1;transform:translate(0,0) scale(1.25) rotate(86.4deg);transform:translate(calc(var(--waypoint1-x, 0px)*.85 + var(--waypoint2-x, 0px)*.15 + var(--jitter-x, 0px)*.45),calc(var(--waypoint1-y, 0px)*.85 + var(--waypoint2-y, 0px)*.15 + var(--jitter-y, 0px)*.45)) scale(1.25) rotate(calc(var(--rotation-speed, 1turn)*.24))}26%{opacity:.98;transform:translate(0,0) scale(1.22) rotate(93.6deg);transform:translate(calc(var(--waypoint1-x, 0px)*.75 + var(--waypoint2-x, 0px)*.25 + var(--jitter-x, 0px)*.42),calc(var(--waypoint1-y, 0px)*.75 + var(--waypoint2-y, 0px)*.25 + var(--jitter-y, 0px)*.42)) scale(1.22) rotate(calc(var(--rotation-speed, 1turn)*.26))}28%{opacity:.98;transform:translate(0,0) scale(1.2) rotate(100.8deg);transform:translate(calc(var(--waypoint1-x, 0px)*.65 + var(--waypoint2-x, 0px)*.35 + var(--jitter-x, 0px)*.38),calc(var(--waypoint1-y, 0px)*.65 + var(--waypoint2-y, 0px)*.35 + var(--jitter-y, 0px)*.38)) scale(1.2) rotate(calc(var(--rotation-speed, 1turn)*.28))}30%{opacity:.97;transform:translate(0,0) scale(1.18) rotate(108deg);transform:translate(calc(var(--waypoint1-x, 0px)*.55 + var(--waypoint2-x, 0px)*.45 + var(--jitter-x, 0px)*.35),calc(var(--waypoint1-y, 0px)*.55 + var(--waypoint2-y, 0px)*.45 + var(--jitter-y, 0px)*.35)) scale(1.18) rotate(calc(var(--rotation-speed, 1turn)*.3))}32%{opacity:.96;transform:translate(0,0) scale(1.15) rotate(.32turn);transform:translate(calc(var(--waypoint1-x, 0px)*.45 + var(--waypoint2-x, 0px)*.55 + var(--jitter-x, 0px)*.32),calc(var(--waypoint1-y, 0px)*.45 + var(--waypoint2-y, 0px)*.55 + var(--jitter-y, 0px)*.32)) scale(1.15) rotate(calc(var(--rotation-speed, 1turn)*.32))}34%{opacity:.96;transform:translate(0,0) scale(1.12) rotate(.34turn);transform:translate(calc(var(--waypoint1-x, 0px)*.35 + var(--waypoint2-x, 0px)*.65 + var(--jitter-x, 0px)*.28),calc(var(--waypoint1-y, 0px)*.35 + var(--waypoint2-y, 0px)*.65 + var(--jitter-y, 0px)*.28)) scale(1.12) rotate(calc(var(--rotation-speed, 1turn)*.34))}36%{opacity:.95;transform:translate(0,0) scale(1.1) rotate(.36turn);transform:translate(calc(var(--waypoint1-x, 0px)*.25 + var(--waypoint2-x, 0px)*.75 + var(--jitter-x, 0px)*.25),calc(var(--waypoint1-y, 0px)*.25 + var(--waypoint2-y, 0px)*.75 + var(--jitter-y, 0px)*.25)) scale(1.1) rotate(calc(var(--rotation-speed, 1turn)*.36))}38%{opacity:.95;transform:translate(0,0) scale(1.08) rotate(.38turn);transform:translate(calc(var(--waypoint1-x, 0px)*.15 + var(--waypoint2-x, 0px)*.85 + var(--jitter-x, 0px)*.22),calc(var(--waypoint1-y, 0px)*.15 + var(--waypoint2-y, 0px)*.85 + var(--jitter-y, 0px)*.22)) scale(1.08) rotate(calc(var(--rotation-speed, 1turn)*.38))}40%{opacity:.94;transform:translate(0,0) scale(1.05) rotate(144deg);transform:translate(calc(var(--waypoint2-x, 0px)*.9 + var(--jitter-x, 0px)*.2),calc(var(--waypoint2-y, 0px)*.9 + var(--jitter-y, 0px)*.2)) scale(1.05) rotate(calc(var(--rotation-speed, 1turn)*.4))}42%{opacity:.94;transform:translate(0,0) scale(1.03) rotate(.42turn);transform:translate(calc(var(--waypoint2-x, 0px)*.95 + var(--jitter-x, 0px)*.19),calc(var(--waypoint2-y, 0px)*.95 + var(--jitter-y, 0px)*.19)) scale(1.03) rotate(calc(var(--rotation-speed, 1turn)*.42))}44%{opacity:.93;transform:translate(0,0) scale(1) rotate(.44turn);transform:translate(calc(var(--waypoint2-x, 0px) + var(--jitter-x, 0px)*.18),calc(var(--waypoint2-y, 0px) + var(--jitter-y, 0px)*.18)) scale(1) rotate(calc(var(--rotation-speed, 1turn)*.44))}46%{opacity:.92;transform:translate(0,0) scale(.98) rotate(165.6deg);transform:translate(calc(var(--waypoint2-x, 0px)*.95 + var(--waypoint3-x, 0px)*.05 + var(--jitter-x, 0px)*.17),calc(var(--waypoint2-y, 0px)*.95 + var(--waypoint3-y, 0px)*.05 + var(--jitter-y, 0px)*.17)) scale(.98) rotate(calc(var(--rotation-speed, 1turn)*.46))}48%{opacity:.91;transform:translate(0,0) scale(.96) rotate(172.8deg);transform:translate(calc(var(--waypoint2-x, 0px)*.85 + var(--waypoint3-x, 0px)*.15 + var(--jitter-x, 0px)*.16),calc(var(--waypoint2-y, 0px)*.85 + var(--waypoint3-y, 0px)*.15 + var(--jitter-y, 0px)*.16)) scale(.96) rotate(calc(var(--rotation-speed, 1turn)*.48))}50%{opacity:.9;transform:translate(0,0) scale(.94) rotate(180deg);transform:translate(calc(var(--waypoint2-x, 0px)*.7 + var(--waypoint3-x, 0px)*.3 + var(--jitter-x, 0px)*.15),calc(var(--waypoint2-y, 0px)*.7 + var(--waypoint3-y, 0px)*.3 + var(--jitter-y, 0px)*.15)) scale(.94) rotate(calc(var(--rotation-speed, 1turn)*.5))}52%{opacity:.89;transform:translate(0,0) scale(.92) rotate(.52turn);transform:translate(calc(var(--waypoint2-x, 0px)*.55 + var(--waypoint3-x, 0px)*.45 + var(--jitter-x, 0px)*.14),calc(var(--waypoint2-y, 0px)*.55 + var(--waypoint3-y, 0px)*.45 + var(--jitter-y, 0px)*.14)) scale(.92) rotate(calc(var(--rotation-speed, 1turn)*.52))}54%{opacity:.88;transform:translate(0,0) scale(.9) rotate(.54turn);transform:translate(calc(var(--waypoint2-x, 0px)*.4 + var(--waypoint3-x, 0px)*.6 + var(--jitter-x, 0px)*.13),calc(var(--waypoint2-y, 0px)*.4 + var(--waypoint3-y, 0px)*.6 + var(--jitter-y, 0px)*.13)) scale(.9) rotate(calc(var(--rotation-speed, 1turn)*.54))}56%{opacity:.87;transform:translate(0,0) scale(.88) rotate(201.6deg);transform:translate(calc(var(--waypoint2-x, 0px)*.25 + var(--waypoint3-x, 0px)*.75 + var(--jitter-x, 0px)*.12),calc(var(--waypoint2-y, 0px)*.25 + var(--waypoint3-y, 0px)*.75 + var(--jitter-y, 0px)*.12)) scale(.88) rotate(calc(var(--rotation-speed, 1turn)*.56))}58%{opacity:.86;transform:translate(0,0) scale(.86) rotate(208.8deg);transform:translate(calc(var(--waypoint2-x, 0px)*.1 + var(--waypoint3-x, 0px)*.9 + var(--jitter-x, 0px)*.11),calc(var(--waypoint2-y, 0px)*.1 + var(--waypoint3-y, 0px)*.9 + var(--jitter-y, 0px)*.11)) scale(.86) rotate(calc(var(--rotation-speed, 1turn)*.58))}60%{opacity:.85;transform:translate(0,0) scale(.84) rotate(216deg);transform:translate(calc(var(--waypoint3-x, 0px)*.95 + var(--jitter-x, 0px)*.1),calc(var(--waypoint3-y, 0px)*.95 + var(--jitter-y, 0px)*.1)) scale(.84) rotate(calc(var(--rotation-speed, 1turn)*.6))}62%{opacity:.83;transform:translate(0,0) scale(.82) rotate(.62turn);transform:translate(calc(var(--waypoint3-x, 0px) + var(--jitter-x, 0px)*.09),calc(var(--waypoint3-y, 0px) + var(--jitter-y, 0px)*.09)) scale(.82) rotate(calc(var(--rotation-speed, 1turn)*.62))}64%{opacity:.81;transform:translate(0,0) scale(.8) rotate(.64turn);transform:translate(calc(var(--waypoint3-x, 0px)*.95 + var(--final-x, 0px)*.05 + var(--jitter-x, 0px)*.08),calc(var(--waypoint3-y, 0px)*.95 + var(--final-y, 0px)*.05 + var(--jitter-y, 0px)*.08)) scale(.8) rotate(calc(var(--rotation-speed, 1turn)*.64))}66%{opacity:.79;transform:translate(0,0) scale(.78) rotate(.66turn);transform:translate(calc(var(--waypoint3-x, 0px)*.85 + var(--final-x, 0px)*.15 + var(--jitter-x, 0px)*.07),calc(var(--waypoint3-y, 0px)*.85 + var(--final-y, 0px)*.15 + var(--jitter-y, 0px)*.07)) scale(.78) rotate(calc(var(--rotation-speed, 1turn)*.66))}68%{opacity:.77;transform:translate(0,0) scale(.75) rotate(.68turn);transform:translate(calc(var(--waypoint3-x, 0px)*.7 + var(--final-x, 0px)*.3 + var(--jitter-x, 0px)*.06),calc(var(--waypoint3-y, 0px)*.7 + var(--final-y, 0px)*.3 + var(--jitter-y, 0px)*.06)) scale(.75) rotate(calc(var(--rotation-speed, 1turn)*.68))}70%{opacity:.75;transform:translate(0,0) scale(.72) rotate(252deg);transform:translate(calc(var(--waypoint3-x, 0px)*.55 + var(--final-x, 0px)*.45 + var(--jitter-x, 0px)*.05),calc(var(--waypoint3-y, 0px)*.55 + var(--final-y, 0px)*.45 + var(--jitter-y, 0px)*.05)) scale(.72) rotate(calc(var(--rotation-speed, 1turn)*.7))}72%{opacity:.72;transform:translate(0,0) scale(.69) rotate(.72turn);transform:translate(calc(var(--waypoint3-x, 0px)*.4 + var(--final-x, 0px)*.6 + var(--jitter-x, 0px)*.04),calc(var(--waypoint3-y, 0px)*.4 + var(--final-y, 0px)*.6 + var(--jitter-y, 0px)*.04)) scale(.69) rotate(calc(var(--rotation-speed, 1turn)*.72))}74%{opacity:.69;transform:translate(0,0) scale(.66) rotate(.74turn);transform:translate(calc(var(--waypoint3-x, 0px)*.25 + var(--final-x, 0px)*.75 + var(--jitter-x, 0px)*.03),calc(var(--waypoint3-y, 0px)*.25 + var(--final-y, 0px)*.75 + var(--jitter-y, 0px)*.03)) scale(.66) rotate(calc(var(--rotation-speed, 1turn)*.74))}76%{opacity:.66;transform:translate(0,0) scale(.63) rotate(.76turn);transform:translate(calc(var(--waypoint3-x, 0px)*.1 + var(--final-x, 0px)*.9 + var(--jitter-x, 0px)*.02),calc(var(--waypoint3-y, 0px)*.1 + var(--final-y, 0px)*.9 + var(--jitter-y, 0px)*.02)) scale(.63) rotate(calc(var(--rotation-speed, 1turn)*.76))}78%{opacity:.62;transform:translate(0,0) scale(.6) rotate(.78turn);transform:translate(calc(var(--final-x, 0px)*.95 + var(--jitter-x, 0px)*.01),calc(var(--final-y, 0px)*.95 + var(--jitter-y, 0px)*.01)) scale(.6) rotate(calc(var(--rotation-speed, 1turn)*.78))}80%{opacity:.58;transform:translate(0,0) scale(.55) rotate(288deg);transform:translate(calc(var(--final-x, 0px)*.97 + var(--jitter-x, 0px)*.005),calc(var(--final-y, 0px)*.97 + var(--jitter-y, 0px)*.005)) scale(.55) rotate(calc(var(--rotation-speed, 1turn)*.8))}82%{opacity:.54;transform:translate(0,0) scale(.5) rotate(.82turn);transform:translate(calc(var(--final-x, 0px)*.98),calc(var(--final-y, 0px)*.98)) scale(.5) rotate(calc(var(--rotation-speed, 1turn)*.82))}84%{opacity:.48;transform:translate(0,0) scale(.45) rotate(.84turn);transform:translate(calc(var(--final-x, 0px)*.99),calc(var(--final-y, 0px)*.99)) scale(.45) rotate(calc(var(--rotation-speed, 1turn)*.84))}86%{opacity:.42;transform:translate(0,0) scale(.4) rotate(309.6deg);transform:translate(calc(var(--final-x, 0px)*.995),calc(var(--final-y, 0px)*.995)) scale(.4) rotate(calc(var(--rotation-speed, 1turn)*.86))}88%{opacity:.35;transform:translate(0,0) scale(.35) rotate(.88turn);transform:translate(calc(var(--final-x, 0px)*.998),calc(var(--final-y, 0px)*.998)) scale(.35) rotate(calc(var(--rotation-speed, 1turn)*.88))}90%{opacity:.28;transform:translate(0,0) scale(.3) rotate(324deg);transform:translate(calc(var(--final-x, 0px)*.999),calc(var(--final-y, 0px)*.999)) scale(.3) rotate(calc(var(--rotation-speed, 1turn)*.9))}92%{opacity:.2;transform:translate(0,0) scale(.25) rotate(331.2deg);transform:translate(calc(var(--final-x, 0px)*.9995),calc(var(--final-y, 0px)*.9995)) scale(.25) rotate(calc(var(--rotation-speed, 1turn)*.92))}94%{opacity:.15;transform:translate(0,0) scale(.22) rotate(.94turn);transform:translate(calc(var(--final-x, 0px)*.9998),calc(var(--final-y, 0px)*.9998)) scale(.22) rotate(calc(var(--rotation-speed, 1turn)*.94))}96%{opacity:.1;transform:translate(0,0) scale(.21) rotate(345.6deg);transform:translate(calc(var(--final-x, 0px)*.9999),calc(var(--final-y, 0px)*.9999)) scale(.21) rotate(calc(var(--rotation-speed, 1turn)*.96))}98%{opacity:.05;transform:translate(0,0) scale(.2) rotate(.98turn);transform:translate(calc(var(--final-x, 0px)*.99995),calc(var(--final-y, 0px)*.99995)) scale(.2) rotate(calc(var(--rotation-speed, 1turn)*.98))}to{opacity:0;transform:translate(0) scale(.2) rotate(1turn);transform:translate(var(--final-x,0),var(--final-y,0)) scale(.2) rotate(var(--rotation-speed,1turn))}}.hero-fire-spark:nth-child(3n){background:radial-gradient(circle,#ff4500 0,#ff6b35 50%,#ff8c42 100%);box-shadow:0 0 4px #ff4500,0 0 8px #ff450099;height:3px;width:3px}.hero-fire-spark:nth-child(3n+1){background:radial-gradient(circle,orange 0,#ffb347 50%,#ffc857 100%);box-shadow:0 0 8px orange,0 0 16px #ffa50080;height:5px;width:5px}.hero-fire-spark:nth-child(3n+2){background:radial-gradient(circle,tomato 0,#ff6b35 50%,#ff8c42 100%);box-shadow:0 0 5px tomato,0 0 10px #ff634799;height:3.5px;width:3.5px}.character-list-header{padding:60px 20px 30px;position:relative;text-align:center;z-index:1}.character-list-title{color:#fff;font-family:Mokoto,Arial,sans-serif;font-size:48px;font-weight:700;letter-spacing:4px;margin:0 0 10px;text-transform:uppercase}.character-list-subtitle{color:#ff6b35;font-family:Arial,sans-serif;font-size:16px;letter-spacing:2px;margin:0;text-transform:uppercase}.character-role-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px;position:relative;z-index:1}.role-filter-btn{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:1px;padding:10px 24px;text-transform:uppercase;transition:all .3s ease}.role-filter-btn:hover{background:#ff6b351a;border-color:#ff6b3580}.role-filter-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff;font-weight:700}.character-classes-container{margin:0 auto;max-width:1400px;padding:0 40px;position:relative;z-index:1}.character-class-wrapper{margin-bottom:80px;scroll-margin-top:calc(var(--header-height) + 20px);scroll-snap-align:start}.character-class-section{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #ffffff26;min-height:100%;overflow-y:clip;padding:30px 40px;position:relative;width:100%}.character-class-section-attack{background-image:url(/static/media/num1.4ecf96f376381542eea0.webp)}.character-class-section-assist,.character-class-section-attack{background-position:100% 100%;background-repeat:no-repeat;background-size:30% 50%}.character-class-section-assist{background-image:url(/static/media/num2.634f2ba0625eea9f57d3.webp)}.character-class-section-magic{background-image:url(/static/media/num3.ba3c00dfbd04d7c51342.webp)}.character-class-section-magic,.character-class-section-tank{background-position:100% 100%;background-repeat:no-repeat;background-size:30% 50%}.character-class-section-tank{background-image:url(/static/media/num4.2ea54f89b3b77bc2605c.webp)}.character-class-section:before{background:#fff3;content:"";height:5px;left:0;position:absolute;right:0;top:0}.character-class-section:after{background:#fff3;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.character-class-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.character-class-header:before{display:none}.character-class-icon{align-items:center;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:5px;box-sizing:border-box;display:flex;flex-shrink:0;height:50px;justify-content:center;padding:6px;position:relative;width:50px;z-index:1}.character-class-icon-img{display:block;height:100%;object-fit:contain;width:100%}.character-class-icon-attack{background-image:url(/static/media/class1.af423271f317e13c7ddb.webp)}.character-class-icon-assist{background-image:url(/static/media/class2.66e22f9b308b07fbda13.webp)}.character-class-icon-magic{background-image:url(/static/media/class3.0d2a22e72c0e1840ace3.webp)}.character-class-icon-tank{background-image:url(/static/media/class4.cc9f759351bdbea8dbe0.webp)}.character-class-name{color:#d0d0d0;font-family:Techno Codex,Arial,sans-serif;font-size:30px;font-weight:700;letter-spacing:2px;margin:0}.character-class-label,.character-class-name{position:relative;text-transform:uppercase;z-index:1}.character-class-label{color:#888;font-family:Madani,Arial,sans-serif;font-size:16px;letter-spacing:1.5px;margin:5px 0 0}.character-grid{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:30px;justify-content:flex-start;margin-bottom:40px;min-width:100%;overflow-x:auto;padding-left:20px;scrollbar-width:none;width:100%}.character-grid::-webkit-scrollbar{display:none}.character-grid:after{content:"";flex:1 1;min-width:0}.character-roles-div{align-items:stretch;display:flex;position:relative}.character-roles-line-div{display:none}.character-card{animation:heroCardAppear .6s ease-out forwards;background:#f5f5f5;border:2px solid #4a4a4a;border-radius:0;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;min-width:130px;opacity:0;overflow:visible;position:relative;transform:translateY(30px) scale(.95);width:130px}.character-card:first-child{animation-delay:.05s}.character-card:nth-child(2){animation-delay:.1s}.character-card:nth-child(3){animation-delay:.15s}.character-card:nth-child(4){animation-delay:.2s}.character-card:nth-child(5){animation-delay:.25s}.character-card:nth-child(6){animation-delay:.3s}.character-card:nth-child(7){animation-delay:.35s}.character-card:nth-child(8){animation-delay:.4s}.character-card:nth-child(n+9){animation-delay:.45s}.character-card:nth-child(n+13){animation-delay:.5s}.character-card:nth-child(n+17){animation-delay:.55s}@keyframes heroCardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.character-card-bar-left{left:-10px}.character-card-bar-left,.character-card-bar-right{height:100%;object-fit:cover;object-position:center;pointer-events:none;position:absolute;top:0;width:2px;z-index:10}.character-card-bar-right{right:-10px;transform:scaleX(-1)}.character-card.selected{border-color:#ff6b35;box-shadow:0 0 12px #ff6b3566}.character-card-image{aspect-ratio:2/3;background:#f5f5f5;flex:1 1;overflow:hidden;position:relative;width:100%}.character-card-image img{height:100%;object-fit:cover;object-position:top center;width:100%}.character-card-top-div{display:none}.character-card-name{align-items:center;background:#000;bottom:15px;display:flex;justify-content:space-between;left:25px;min-height:20px;overflow:hidden;padding:0;position:absolute;right:0;z-index:2}.character-card-name:before{background:#ff6b35;bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:1}.character-card.selected .character-card-name:before,.character-card:hover .character-card-name:before{width:100%}.character-name-bg{display:none}.character-name-content{justify-content:center;padding:0;width:100%}.character-flame-icon,.character-name-content{align-items:center;display:flex;position:relative;z-index:2}.character-flame-icon{color:#fff;filter:none;flex-shrink:0;font-size:12px;padding:0 6px}.character-name-text{color:#fff;font-family:Madani,Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:.5px;overflow:hidden;padding:6px 0;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;z-index:2}.character-name-icon-div{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;margin-bottom:3.5px;margin-left:5px;padding-right:8px;position:relative;width:20px;z-index:2}.character-name-icon{color:#fff;display:block;font-size:10px}.character-card-name:after{background:#ff6b35;bottom:0;content:"";position:absolute;right:0;top:0;width:3px;z-index:3}.hero-detail-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:10000}.hero-detail-overlay.closing{animation:fadeOut .3s ease-out forwards;pointer-events:none}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hero-list::-webkit-scrollbar{width:6px}.hero-list::-webkit-scrollbar-track{background:#0000004d}.hero-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffc857,#d4a039);border-radius:3px}.hero-list-header{border-bottom:1px solid #ffc85733}.hero-list-title{color:var(--color-text-gold);font-family:var(--font-display-alt);font-size:14px;letter-spacing:3px;padding:20px 20px 12px;text-shadow:0 0 10px #ffc8574d;text-transform:uppercase}.hero-list-filters{padding:0 20px 16px}.hero-filter-select{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#ffc8570d,#0c122599);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23ffc857' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #ffc85733;border-radius:6px;color:var(--color-text);cursor:pointer;font-family:var(--font-tech);font-size:12px;font-weight:600;letter-spacing:.5px;outline:none;padding:8px 32px 8px 12px;text-transform:uppercase;transition:all var(--transition-fast);width:100%}.hero-filter-select:hover{border-color:#ffc85766}.hero-filter-select:focus,.hero-filter-select:hover{background:linear-gradient(135deg,#ffc8571a,#0c1225b3);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23ffc857' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.hero-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 12px #ffc8574d,inset 0 0 12px #ffc8570d}.hero-filter-select option{background:#0c1225f2;color:var(--color-text);padding:8px;text-transform:uppercase}.hero-list-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all var(--transition-fast)}.hero-list-item:hover{background:linear-gradient(90deg,#ffc8571a,#0000);border-left-color:#ffc857}.hero-list-item.active{background:linear-gradient(90deg,#ffc85726,#0000);border-left-color:#ffc857}.hero-list-avatar{background:#ffc85726;border:2px solid #ffc8574d;border-radius:50%;height:45px;object-fit:cover;object-position:top center;transition:all var(--transition-fast);width:45px}.hero-list-item.active .hero-list-avatar,.hero-list-item:hover .hero-list-avatar{border-color:#ffc857;box-shadow:0 0 15px #ffc85766}.hero-list-name{font-family:var(--font-gaming);font-size:14px;font-weight:600;letter-spacing:.5px}.hero-detail{animation:slideUp .3s ease-out;background-image:url(/static/media/hero_detail.8bab5437701478deb916.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;position:relative;width:100vw;z-index:2}.hero-detail-overlay.closing .hero-detail{animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-sidebar-list{left:150px;padding-bottom:80px;padding-top:80px;position:absolute;top:50%;transform:translateY(-50%);z-index:50}.hero-sidebar-arrow,.hero-sidebar-list{align-items:center;display:flex;flex-direction:column}.hero-sidebar-arrow{background:none;border:none;color:#ffffff80;cursor:pointer;flex-shrink:0;gap:4px;justify-content:center;padding:8px 0;transition:all .3s ease;width:100%}.hero-sidebar-arrow-icon{display:block;height:32px;object-fit:contain;transition:all .3s ease;width:auto}.hero-sidebar-arrow-label{font-family:Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;line-height:1;text-transform:uppercase}.hero-sidebar-arrow:hover{color:#ffffffe6}.hero-sidebar-arrow:hover .hero-sidebar-arrow-icon{filter:brightness(1.2);opacity:.9}.hero-sidebar-arrow:active{transform:scale(.95)}.hero-sidebar-items{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;gap:16px;max-height:554px;overflow-x:visible;overflow-y:auto;padding:12px 20px;scrollbar-width:none}.hero-sidebar-items::-webkit-scrollbar{display:none}.hero-sidebar-avatar{background:#282d32e6;border:3px solid #50555acc;border-radius:50%;box-shadow:0 2px 8px #0006,inset 0 0 0 1px #ffffff0d;cursor:pointer;flex-shrink:0;height:75px;overflow:visible;position:relative;transition:all .3s ease;width:75px}.hero-sidebar-avatar img{border-radius:50%;display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.hero-sidebar-avatar:hover{border-color:#b4b9beb3;transform:scale(1.08)}.hero-sidebar-avatar.active{border-color:#e07030}.hero-sidebar-avatar.active:after{border:2px solid #e0703059;border-radius:50%;content:"";inset:-8px;pointer-events:none;position:absolute}.hero-detail-content{bottom:60px;box-sizing:border-box;display:flex;flex-direction:column;left:280px;max-width:900px;overflow-x:hidden;overflow-y:auto;padding:60px 120px 40px 70px;position:absolute;top:60px;width:calc(100% - 280px);z-index:40}@keyframes heroSlideFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes heroSlideFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.hero-detail-content>.hero-detail-class-header{animation:heroSlideFromLeft .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:0s}.hero-detail-content>.hero-detail-name{animation:heroSlideFromLeft .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.08s}.hero-detail-content>.hero-detail-voice-actors{animation:heroSlideFromLeft .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.3s}.hero-detail-content>.hero-detail-description{animation:heroSlideFromLeft .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.35s}.hero-detail-content>.hero-detail-actions{animation:heroSlideFromLeft .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.4s}.hero-detail-card{background:#0000004d;border:2px solid #4a4a4a;display:flex;flex-direction:column;flex-shrink:0;min-width:300px;position:relative;width:300px}.hero-detail-card-bar-left{left:-10px}.hero-detail-card-bar-left,.hero-detail-card-bar-right{height:100%;object-fit:cover;object-position:center;pointer-events:none;position:absolute;top:0;width:2px;z-index:10}.hero-detail-card-bar-right{right:-10px;transform:scaleX(-1)}.hero-detail-card-image{aspect-ratio:2/3;background:#f5f5f5;flex:1 1;overflow:hidden;position:relative;width:100%}.hero-detail-card-image img{height:100%;object-fit:cover;object-position:top center;width:100%}.hero-detail-card-name{align-items:center;background:#000;bottom:15px;display:flex;justify-content:space-between;left:25px;min-height:20px;overflow:hidden;padding:0;position:absolute;right:0;z-index:2}.hero-detail-class-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.hero-detail-class-icon{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:70%;border-radius:8px;box-sizing:border-box;flex-shrink:0;height:32px;padding:4px;width:32px}.hero-detail-class-icon-attack{background-image:url(/static/media/class1.af423271f317e13c7ddb.webp)}.hero-detail-class-icon-assist{background-image:url(/static/media/class2.66e22f9b308b07fbda13.webp)}.hero-detail-class-icon-magic{background-image:url(/static/media/class3.0d2a22e72c0e1840ace3.webp)}.hero-detail-class-icon-tank{background-image:url(/static/media/class4.cc9f759351bdbea8dbe0.webp)}.hero-detail-class-text{color:#fff;font-family:Techno Codex,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.hero-detail-name{color:#fff;font-family:Dune Rise,Arial,sans-serif;font-size:48px;font-weight:700;letter-spacing:3px;line-height:1.2;margin:0 0 30px;text-transform:uppercase}.hero-detail-voice-actors{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.hero-voice-actor-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:21px;gap:16px;transition:all .3s ease}.hero-voice-icon{background-image:url(/static/media/mic_off.ebf4e9564defb4276f27.webp);background-position:0;background-repeat:no-repeat;background-size:100% 100%;height:36px;transition:all .3s ease;width:23px}.hero-voice-actor-item:hover .hero-voice-icon{background-image:url(/static/media/mic_on.c12399df8b2ac3386fc5.webp)}.hero-voice-label{color:#fff;font-weight:400}.hero-voice-name{color:#ff6b35;font-weight:600}.hero-voice-playing-indicator{align-items:center;display:flex;gap:4px;height:20px;margin-left:8px}.voice-wave{animation:voiceWaveAnimation 1.2s ease-in-out infinite;background:linear-gradient(180deg,#4fc3f7,#29b6f6);border-radius:2px;height:100%;width:4px}.voice-wave-1{animation-delay:0s}.voice-wave-2{animation-delay:.2s}.voice-wave-3{animation-delay:.4s}@keyframes voiceWaveAnimation{0%,to{height:30%;opacity:.6}50%{height:100%;opacity:1}}.hero-detail-description{-ms-overflow-style:none;color:#fff;flex:1 1;font-family:Madani,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.8;margin-bottom:40px;max-height:700px;max-width:800px;overflow-x:hidden;overflow-y:auto;padding-top:30px;position:relative;scrollbar-width:none}.hero-detail-description:before{background:#ffffff4d;content:"";height:1px;left:0;position:absolute;top:0;width:50%}.hero-detail-description::-webkit-scrollbar{display:none}.hero-detail-actions{display:flex;gap:70px;margin-bottom:40px;margin-top:auto}.hero-action-btn{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:30.75px;justify-content:center;overflow:hidden;padding:0;transition:all .3s ease;width:146.35px}.hero-action-btn:hover{border-color:#ffffff80;opacity:.8;transform:scale(1.05)}.hero-action-btn-active{border-color:#fff9;opacity:1;transform:scale(1.05)}.hero-action-image{display:block;height:16.5px;object-fit:contain;width:123.75px}.hero-detail-image{animation:heroSlideFromRight .6s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.3s;bottom:0;min-width:400px;padding:80px 50px;pointer-events:auto;position:absolute;right:40px;top:0;width:calc(100% - 1100px);z-index:30}.hero-detail-image,.hero-detail-image-wrapper{align-items:center;display:flex;justify-content:center}.hero-detail-image-wrapper{cursor:pointer;height:500px;perspective:1000px;position:relative;transform-style:preserve-3d;transition:transform .3s ease;width:400px}.hero-detail-image-wrapper:hover{transform:scale(1.02)}.hero-detail-image img{aspect-ratio:2/3;border:4px solid #ffffffd9;border-radius:12px;box-shadow:0 4px 12px #00000080,0 8px 30px #0006,0 0 15px #ffffff40,0 0 40px #ffffff1a,0 0 80px #c8dcff14;cursor:pointer;height:auto;max-width:450px;object-fit:cover;object-position:top center;padding:0;pointer-events:none;transform-style:preserve-3d;width:100%;will-change:transform;z-index:5}.hero-detail-close{align-items:center;background:#ff6b3533;border:1px solid #ff6b3580;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:50px;justify-content:center;line-height:1;position:absolute;right:30px;top:90px;top:calc(var(--header-height, 60px) + 30px);transition:all .3s ease;width:50px;z-index:100}.hero-detail-close:hover{background:#ff6b3566;border-color:#ff6b35;transform:scale(1.1)}.hero-detail-nav{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:0;opacity:.7;padding:16px 8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:100}.hero-detail-nav:hover{opacity:1}.hero-detail-nav-prev{left:20px}.hero-detail-nav-next{right:20px}.hero-nav-arrow{color:#c8c8d2cc;filter:drop-shadow(0 0 6px rgba(100,150,255,.3));flex-shrink:0;height:72px;transition:all .3s ease;width:72px}.hero-detail-nav:hover .hero-nav-arrow{color:#fffffff2;filter:drop-shadow(0 0 16px rgba(100,150,255,.6)) drop-shadow(0 0 32px rgba(100,150,255,.3));transform:scale(1.2)}@media (min-width:769px) and (max-width:1439px){.hero-detail-nav-prev{left:10px}.hero-detail-nav-next{right:10px}.hero-nav-arrow{height:48px;width:48px}.hero-detail-nav{padding:12px 6px}}@media (min-width:769px) and (max-width:1400px){.hero-sidebar-list{left:80px;padding-bottom:60px;padding-top:60px}.hero-sidebar-avatar{height:65px;width:65px}.hero-sidebar-items{gap:14px;max-height:500px}.hero-detail-content{bottom:50px;left:180px;max-width:700px;min-width:500px;padding:50px 40px 30px;top:50px;width:calc(100% - 630px)}.hero-detail-description{font-size:14px;line-height:1.8;max-width:100%}.hero-detail-name{font-size:40px;letter-spacing:2px}.hero-voice-actor-item{font-size:18px}.hero-detail-image{min-width:400px;padding:80px 40px;right:30px;width:400px}.hero-detail-image-wrapper{height:450px;width:350px}.hero-detail-image img{max-width:350px}.hero-detail-nav-prev{left:10px}.hero-detail-nav-next{right:10px}.hero-nav-arrow{height:48px;width:48px}.hero-detail-nav{padding:12px 6px}}@media (min-width:769px) and (max-width:1200px){.hero-sidebar-list{left:40px;padding-bottom:50px;padding-top:50px}.hero-sidebar-avatar{height:60px;width:60px}.hero-sidebar-items{gap:12px;max-height:450px}.hero-detail-content{bottom:clamp(40px,10vh,120px);left:140px;max-width:600px;min-width:450px;padding:40px 30px 25px;top:clamp(40px,10vh,120px);width:calc(100% - 490px)}.hero-detail-name{font-size:36px;letter-spacing:2px;margin-bottom:20px}.hero-detail-class-header{margin-bottom:15px}.hero-detail-class-icon{height:28px;width:28px}.hero-detail-class-text{font-size:13px}.hero-detail-voice-actors{gap:10px;margin-bottom:20px}.hero-voice-actor-item{font-size:16px}.hero-detail-description{font-size:13px;line-height:1.8;margin-bottom:30px;max-height:500px;padding-top:20px}.hero-detail-actions{gap:15px}.hero-action-btn{height:31px;width:146px}.hero-detail-image{min-width:320px;padding:60px 25px;right:25px;width:320px}.hero-detail-image-wrapper{height:400px;width:280px}.hero-detail-image img{max-width:280px}.hero-detail-nav-prev{left:8px}.hero-detail-nav-next{right:8px}.hero-nav-arrow{height:42px;width:42px}.hero-detail-nav{padding:10px 5px}}@media (min-width:769px) and (max-width:1000px){.hero-sidebar-list{left:20px;padding-bottom:40px;padding-top:40px}.hero-sidebar-avatar{height:55px;width:55px}.hero-sidebar-items{gap:10px;max-height:400px}.hero-detail-content{bottom:35px;left:120px;max-width:500px;min-width:400px;padding:35px 20px 20px 25px;top:35px;width:calc(100% - 400px)}.hero-detail-name{font-size:32px;letter-spacing:1.5px;margin-bottom:18px}.hero-detail-class-header{margin-bottom:12px}.hero-detail-class-icon{height:26px;width:26px}.hero-detail-class-text{font-size:12px}.hero-detail-voice-actors{gap:8px;margin-bottom:18px}.hero-voice-actor-item{font-size:15px}.hero-detail-description{font-size:12px;line-height:1.7;margin-bottom:25px;max-height:400px;padding-top:18px}.hero-detail-actions{gap:12px}.hero-action-btn{height:30px;width:140px}.hero-detail-image{min-width:260px;padding:50px 15px;right:20px;width:260px}.hero-detail-image-wrapper{height:340px;width:240px}.hero-detail-image img{max-width:240px}.hero-detail-nav-prev{left:10px}.hero-detail-nav-next{right:10px}}@media (max-width:1024px){.hero-detail-nav-prev{left:10px}.hero-detail-nav-next{right:10px}.hero-nav-arrow{height:56px;width:56px}.character-list-title{font-size:32px}.character-list-subtitle{font-size:14px}.character-class-header{gap:15px;margin-bottom:25px}.character-class-icon{height:40px;padding:5px;width:40px}.character-class-name{font-size:32px}.character-class-label{font-size:14px}.character-grid{gap:30px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.character-classes-container{padding:0 20px}.character-role-filters{gap:10px;padding:15px}.role-filter-btn{font-size:12px;padding:8px 16px}.hero-sidebar-list{left:20px;padding-bottom:50px;padding-top:50px}.hero-sidebar-avatar{border-width:2px;height:60px;width:60px}.hero-sidebar-arrow-icon{height:24px}.hero-sidebar-arrow-label{font-size:8px;letter-spacing:1px}.hero-sidebar-items{gap:12px;max-height:444px}.hero-sidebar-avatar.active:after{inset:-6px}.hero-detail-content{left:200px;max-width:100%;padding:60px 30px 40px}.hero-detail-class-header{margin-bottom:15px}.hero-detail-class-icon{border-radius:6px;height:24px;padding:3px;width:24px}.hero-detail-class-text{font-size:12px}.hero-detail-name{font-size:32px;margin-bottom:20px}.hero-detail-voice-actors{gap:10px;margin-bottom:20px}.hero-voice-actor-item{font-size:12px}.hero-detail-description{font-size:13px;margin-bottom:30px;padding-top:20px}.hero-detail-actions{gap:15px}.hero-action-btn{height:30.75px;width:146.35px}.hero-action-image{height:16.5px;width:123.75px}.hero-detail-image{min-width:200px;padding:60px 30px;right:0;width:calc(100% - 200px)}}.hero-image-container{align-items:center;background:linear-gradient(180deg,#141923f2,#0f1219fa);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);border-radius:20px;box-shadow:0 0 0 1px #ffffff1a,0 8px 32px #0006,0 0 60px #4fc3f71a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:400px;justify-content:flex-start;overflow:visible;position:relative;transform-style:preserve-3d;width:320px}.hero-card-bar-left{left:-10px}.hero-card-bar-left,.hero-card-bar-right{height:100%;object-fit:cover;object-position:center;pointer-events:none;position:absolute;top:0;width:10px;z-index:10}.hero-card-bar-right{right:-10px;transform:scaleX(-1)}.hero-image-container:hover{box-shadow:0 0 0 1px #fff3,0 20px 60px #0009,0 0 100px #4fc3f733}.hero-image-container .mouse-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#4fc3f74d 0,#ffc85733 30%,#0000 70%);border-radius:50%;filter:blur(20px);height:200px;pointer-events:none;position:absolute;transition:opacity .3s ease;width:200px;z-index:1}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hero-image-container:before{background:#ffffff4d;border-radius:2px;box-shadow:0 0 8px #fff3;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:60px;z-index:10}.hero-image-container:after{background:repeating-linear-gradient(90deg,#fff3 0,#fff3 8px,#0000 0,#0000 16px);bottom:60px;content:"";height:1px;left:20px;pointer-events:none;position:absolute;right:20px;z-index:5}.hero-image-container .ticket-stub{align-items:center;background:#0a0f1499;bottom:0;display:flex;gap:2px;height:60px;justify-content:center;left:0;padding:0 20px;position:absolute;right:0;z-index:6}.hero-image-container .ticket-stub:before{background:repeating-linear-gradient(180deg,#0000 0,#0000 4px,#ffffff1a 0,#ffffff1a 8px);bottom:0;content:"";left:0;position:absolute;top:0;width:1px}.hero-image-container .barcode-line{animation:barcodePulse 2s ease-in-out infinite;background:#fff6;border-radius:1px;height:40px;width:2px}.hero-image-container .barcode-line:nth-child(odd){animation-delay:.1s;height:30px}.hero-image-container .barcode-line:nth-child(3n){animation-delay:.2s;height:35px}@keyframes barcodePulse{0%,to{opacity:.4}50%{opacity:.7}}.hero-image-container img{filter:contrast(1.05) saturate(1.1);height:calc(100% - 60px);margin-top:20px;object-fit:cover;object-position:top center;transition:transform .5s ease,filter .5s ease;width:100%}.hero-image-container:hover img{filter:contrast(1.1) saturate(1.2) brightness(1.05);transform:scale(1.05)}.hero-image-container .shimmer-overlay{animation:shimmer 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff08,#d4af3714,#ffffff08,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%;z-index:4}@keyframes shimmer{0%,to{left:-100%}50%{left:200%}}.hero-image-container .vignette{bottom:0;box-shadow:inset 0 0 100px #0009;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-image-container .top-glow{background:linear-gradient(90deg,#0000,#d4af3799,#fffc,#d4af3799,#0000);box-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d;height:1px;left:10%;position:absolute;right:10%;top:0;z-index:5}.hero-avatar-section{flex-direction:column;flex-shrink:0;gap:50px;overflow:visible}.hero-avatar-section,.hero-voice-btn{align-items:center;display:flex;position:relative}.hero-voice-btn{background:linear-gradient(135deg,#ffc8571a,#d4af3733);border:1px solid #ffc85766;border-radius:30px;color:#ffc857;cursor:pointer;font-family:var(--font-tech);font-size:13px;font-weight:600;gap:10px;justify-content:center;letter-spacing:2px;overflow:hidden;padding:12px 28px;text-transform:uppercase;transition:all .3s ease}.hero-voice-btn:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hero-voice-btn:hover{background:linear-gradient(135deg,#ffc85733,#d4af3759);border-color:#ffc857b3;box-shadow:0 0 20px #ffc8574d,0 0 40px #ffc8571a;transform:translateY(-2px)}.hero-voice-btn:hover:before{left:100%}.hero-voice-btn:active{transform:translateY(0)}.hero-voice-btn.playing{animation:heroVoicePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#4fc3f726,#4fc3f740);border-color:#4fc3f799;color:#4fc3f7}@keyframes heroVoicePulse{0%,to{box-shadow:0 0 15px #4fc3f74d}50%{box-shadow:0 0 25px #4fc3f780,0 0 40px #4fc3f733}}.hero-voice-icon{flex-shrink:0;height:20px;width:13px}.hero-voice-btn.playing .hero-voice-icon{animation:heroVoiceIconPulse .8s ease-in-out infinite}@keyframes heroVoiceIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-voice-text{white-space:nowrap}.hero-info{flex:0 0 80%;margin-right:200px;max-width:80%;padding-right:200px;text-align:left}.hero-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:36px;font-weight:700;letter-spacing:4px;margin-bottom:10px;text-shadow:0 0 20px #ffc85766}.hero-role,.hero-title{text-transform:uppercase}.hero-role{color:#d4a039;font-family:var(--font-tech);font-size:15px;letter-spacing:3px;margin-bottom:30px}.hero-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.stat-item{background:linear-gradient(135deg,#ffc8570d,#0c122599);border-left:3px solid #ffc857;border-radius:8px;padding:15px}.stat-label{color:#fff;font-family:var(--font-body);font-weight:600;letter-spacing:1px;text-transform:uppercase}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,gold,#ffb347);-webkit-background-clip:text;background-clip:text;color:gold;display:block;filter:drop-shadow(0 0 3px rgba(255,215,0,.6));font-family:var(--font-mono);font-size:16px;letter-spacing:3px;line-height:1.6;margin-top:8px}.hero-skills-title{color:var(--color-text-gold);font-family:var(--font-display-alt);font-size:14px;letter-spacing:3px;margin-bottom:15px;text-shadow:0 0 10px #ffc8574d;text-transform:uppercase}.hero-skill{background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc8571a;border-radius:8px;margin-bottom:10px;padding:15px;transition:all var(--transition-fast)}.hero-skill:hover{border-color:#ffc8574d;box-shadow:0 0 20px #ffc8571a}.skill-name{color:#d4a039;font-family:var(--font-future);font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:5px}.skill-desc{color:#fff;font-family:var(--font-body);font-size:15px;font-weight:600;line-height:1.5}.hero-lore{background:linear-gradient(135deg,#6b5ce70d,#0c122599);border-left:3px solid #6b5ce7;border-radius:8px;margin-top:30px;padding:20px}.hero-lore-title{color:#a99eff;font-family:var(--font-display-alt);font-size:12px;letter-spacing:3px;margin-bottom:10px;text-transform:uppercase}.hero-lore-text{color:#fff;font-family:var(--font-body);font-size:15px;font-style:italic;font-weight:600;line-height:1.8;padding-right:10px}.hero-lore-text::-webkit-scrollbar{width:4px}.hero-lore-text::-webkit-scrollbar-track{background:#0000004d;border-radius:2px}.hero-lore-text::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6b5ce7,#a99eff);border-radius:2px}@media (max-width:1200px){.hero-detail{flex-direction:column}.hero-avatar-section{width:100%}.hero-image-container{height:300px;max-width:320px;width:100%}.hero-info{flex:1 1;margin-right:0;max-width:100%;padding-right:0}.hero-title{font-size:28px}}@media (max-width:1024px){.heroes-page{flex-direction:column}.heroes-page:before{background-attachment:scroll}.hero-list{max-height:200px;min-height:auto;position:relative;top:0;width:100%}.hero-list-title{font-size:12px;padding:15px 15px 10px}.hero-list-filters{padding:0 15px 12px}.hero-filter-select{font-size:11px;padding:6px 28px 6px 10px}.hero-list-item{padding:10px 15px}.hero-list-avatar{height:38px;width:38px}.hero-list-name{font-size:13px}.hero-detail{flex-direction:column;gap:20px;padding:20px 15px}.hero-avatar-section{align-items:center;flex-direction:column;gap:25px}.hero-image-container{height:350px;max-width:280px;width:100%}.hero-info{flex:1 1;margin-right:0;max-width:100%;padding-right:0;text-align:left}.hero-title{font-size:22px;letter-spacing:2px}.hero-role{font-size:13px;letter-spacing:2px;margin-bottom:20px}.hero-stats{gap:10px;grid-template-columns:1fr 1fr}.stat-item{padding:12px}.stat-label{font-size:11px}.stat-value{font-size:14px}.hero-skill{padding:12px}.skill-desc,.skill-name{font-size:13px}.hero-lore{margin-top:20px;padding:15px}.hero-lore-text{font-size:13px}.hero-voice-btn{font-size:11px;padding:10px 20px}.hero-voice-icon{height:18px;width:18px}}@media (max-width:480px){.hero-list{max-height:180px}.hero-detail:not(.hero-detail){padding:15px 10px}.hero-image-container{height:300px;max-width:240px}.hero-title{font-size:20px;letter-spacing:1px}.hero-stats{grid-template-columns:1fr}.hero-skills-title{font-size:12px}}@media (max-width:1024px){.hero-detail{-ms-overflow-style:none;align-items:center;display:flex;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:none}.hero-detail::-webkit-scrollbar{display:none}.hero-detail-content{display:contents}.hero-detail-class-header{animation:fadeIn .3s ease-out both!important;animation-delay:0s!important;justify-content:center;margin-bottom:4px;order:1;padding:80px 20px 0;padding:calc(var(--header-height, 60px) + 20px) 20px 0 20px;width:100%}.hero-detail-class-icon{border-radius:6px;height:28px;padding:3px;width:28px}.hero-detail-class-text{font-size:12px;letter-spacing:2px}.hero-detail-name{animation:fadeIn .3s ease-out both!important;animation-delay:.05s!important;font-size:26px;letter-spacing:2px;margin-bottom:8px;order:2;padding:0 20px;text-align:center;width:100%}.hero-detail-voice-actors{align-items:center;animation:fadeIn .3s ease-out both!important;animation-delay:.1s!important;margin-bottom:8px;order:3;padding:0 20px;width:100%}.hero-voice-actor-item{font-size:14px;justify-content:center}.hero-detail-image{align-items:center;animation:fadeIn .4s ease-out both!important;animation-delay:.15s!important;display:flex;flex-shrink:0;justify-content:center;min-width:0;min-width:auto;order:4;padding:10px 20px;position:relative;width:100%}.hero-detail-image-wrapper{height:280px;width:200px}.hero-detail-image img{border-radius:10px;border-width:3px;max-width:220px}.hero-detail-description{animation:fadeIn .4s ease-out both!important;animation-delay:.2s!important;flex:none;font-size:12px;line-height:1.6;margin-bottom:12px;max-height:180px;order:5;padding:15px 25px 0;text-align:center;width:100%}.hero-detail-actions{animation:fadeIn .4s ease-out both!important;animation-delay:.25s!important;gap:20px;justify-content:center;margin-bottom:10px;margin-top:5px;order:6;padding:0 20px;width:100%}.hero-sidebar-list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;border-top:1px solid #ffffff26;bottom:0;flex-direction:row;left:auto;margin-top:auto;order:8;padding:10px 0;position:-webkit-sticky;position:sticky;transform:none;width:100%;z-index:60}.hero-sidebar-items{flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:center;max-height:none;overflow-x:auto;overflow-y:hidden;padding:4px 15px;width:100%}.hero-sidebar-items::-webkit-scrollbar{display:none}.hero-sidebar-avatar{border-width:2px;flex-shrink:0;height:48px;width:48px}.hero-sidebar-avatar.active:after{inset:-5px}.hero-sidebar-arrow{display:none}.hero-detail-nav{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000080;border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 12px #0006;display:flex;height:48px;justify-content:center;opacity:.85;padding:10px 8px;position:absolute;top:365px;top:calc(var(--header-height, 60px) + 305px);transform:translate(-50%,-50%);transition:all .3s ease;width:48px;z-index:100}.hero-detail-nav:active{background:#000000b3;opacity:1;transform:translate(-50%,-50%) scale(.9)}.hero-detail-nav-prev{left:calc(50% - 130px);right:auto}.hero-detail-nav-next{left:calc(50% + 130px);right:auto}.hero-nav-arrow{color:#fffffff2;filter:drop-shadow(0 0 6px rgba(100,150,255,.6));height:28px;transition:all .3s ease;width:28px}.hero-detail-nav:active .hero-nav-arrow{color:#fff;filter:drop-shadow(0 0 10px rgba(100,150,255,.9));transform:scale(1.1)}.hero-detail-close{font-size:22px;height:36px;right:15px;top:70px;top:calc(var(--header-height, 60px) + 10px);width:36px;z-index:200}}@media (min-width:769px) and (max-width:1024px){.hero-detail-image-wrapper{height:400px;width:280px}.hero-detail-image img{border-width:4px;max-width:300px}.hero-detail-description{font-size:15px;line-height:1.7;max-height:220px;padding:20px 40px 0}.hero-detail-name{font-size:32px}.hero-detail-class-text{font-size:14px}.hero-voice-actor-item{font-size:16px}.hero-detail-nav{top:425px;top:calc(var(--header-height, 60px) + 365px)}.hero-detail-nav-prev{left:calc(50% - 170px)}.hero-detail-nav-next{left:calc(50% + 170px)}}@media (max-width:480px){.hero-detail-name{font-size:22px;letter-spacing:1px}.hero-detail-class-text{font-size:11px}.hero-detail-image-wrapper{height:240px;width:170px}.hero-detail-image img{max-width:190px}.hero-detail-nav-prev{left:calc(50% - 115px)}.hero-detail-nav-next{left:calc(50% + 115px)}.hero-detail-nav{height:44px;padding:8px 6px;top:345px;top:calc(var(--header-height, 60px) + 285px);width:44px}.hero-nav-arrow{height:24px;width:24px}.hero-detail-description{font-size:11px;max-height:250px;padding:10px 25px 0}.hero-action-btn{height:26px;width:120px}.hero-action-image{height:14px;width:100px}.hero-sidebar-avatar{height:42px;width:42px}.hero-sidebar-items{gap:8px}}.about-page{background:linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);min-height:100vh;overflow:hidden;padding:100px 60px 80px;position:relative}.about-page:before{background-attachment:scroll;background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:0}.about-page:after,.about-page:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-page:after{background-color:#000c;z-index:1}.about-content{position:relative;z-index:2}.about-sections{display:flex;gap:0;margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px)}.about-left-section{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding-right:40px;padding-top:40px}.member-frame{background:#141923f2;border:3px solid #ffc8574d;border-radius:24px;box-shadow:0 15px 50px #0009,inset 0 0 30px #ffc8570d,0 0 40px #ffc8571a;max-width:500px;padding:40px}.member-frame,.member-photo-container{overflow:hidden;position:relative;width:100%}.member-photo-container{border:2px solid #ffc85733;border-radius:20px;box-shadow:0 8px 25px #0006,0 0 20px #ffc85726;margin-bottom:30px}.member-photo{display:block;height:auto;object-fit:cover;transition:transform .3s ease;width:100%}.member-photo-container:hover .member-photo{transform:scale(1.02)}.member-name{color:var(--color-text-gold);font-family:var(--font-wide);font-size:32px;font-weight:700;letter-spacing:3px;margin:0 0 25px;text-align:center;text-shadow:0 0 20px #ffc85766;text-transform:uppercase}.member-social-links{display:flex;gap:15px;justify-content:center;margin-bottom:25px}.member-social-link{align-items:center;background:#ffc8571a;border:1px solid #ffc8574d;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.member-social-link:hover{background:#ffc85733;border-color:#ffc85799;box-shadow:0 5px 15px #ffc8574d;transform:translateY(-3px)}.member-description{background:#0000004d;border-left:3px solid #ffc85780;border-radius:10px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:85%;padding:20px}.member-description p{color:var(--color-text);font-family:var(--font-body);font-size:14px;line-height:1.8;margin:0;text-align:left}.member-description p strong{color:var(--color-text-gold);font-weight:700;text-shadow:0 0 10px #ffc8574d}.about-divider{background:linear-gradient(180deg,#0000,#ffc85780,#0000);box-shadow:0 0 10px #ffc8574d;margin:0 40px;position:relative;width:2px}.about-divider:before{background:#ffc857cc;border-radius:50%;box-shadow:0 0 15px #ffc85799;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.about-right-section{display:flex;flex:1 1;flex-direction:column;padding-left:40px;padding-top:40px}.supporters-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:32px;letter-spacing:3px;margin-bottom:40px;text-align:left;text-shadow:0 0 20px #ffc85766;text-transform:uppercase}.supporters-list{margin-bottom:50px}.supporter-name{border-bottom:1px solid #ffc8571a;color:var(--color-text);font-family:var(--font-future);font-size:20px;letter-spacing:2px;padding:15px 0;transition:all .3s ease}.supporter-name:hover{border-bottom-color:#ffc8574d;color:var(--color-text-gold);padding-left:15px}.supporter-name:last-child{border-bottom:none}.right-stack-icons{display:flex;flex-wrap:wrap;gap:12px}.stack-icon{align-items:center;background:linear-gradient(135deg,#ffc85726,#ffb4321a);border:1px solid #ffc8574d;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:var(--color-text-gold);display:flex;font-family:var(--font-tech);font-size:12px;font-weight:600;justify-content:center;letter-spacing:1px;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.stack-icon:hover{background:linear-gradient(135deg,#ffc85740,#ffb43233);border-color:#ffc85780;box-shadow:0 4px 12px #ffc85733;transform:translateY(-2px)}@media (max-width:1200px){.about-sections{flex-direction:column}.about-left-section{padding-bottom:40px;padding-right:0}.about-divider{background:linear-gradient(90deg,#0000,#ffc85780,#0000);height:2px;margin:40px 0;width:100%}.about-divider:before{left:50%;top:50%;transform:translate(-50%,-50%)}.about-right-section{padding-left:0}}@media (max-width:768px){.about-page{padding:80px 20px 60px}.about-page:before{background-attachment:scroll}.member-frame{max-width:100%;padding:20px}.member-name{font-size:24px;letter-spacing:2px;margin-bottom:20px}.member-social-links{gap:10px;margin-bottom:20px}.member-social-link{height:40px;width:40px}.member-description{margin-bottom:20px;max-width:100%;padding:15px}.member-description p{font-size:13px;line-height:1.6}.supporters-title{font-size:24px;margin-bottom:30px;text-align:center}.supporter-name{font-size:16px;letter-spacing:1px;padding:12px 0}.right-stack-icons{justify-content:center}.stack-icon{font-size:11px;padding:8px 14px}.about-divider{margin:30px 0}}@media (max-width:480px){.about-page{padding:70px 12px 40px}.member-frame{border-radius:14px;padding:16px}.member-name{font-size:20px;letter-spacing:1px}.member-social-link{height:36px;width:36px}.member-description{padding:12px}.member-description p{font-size:12px}.supporters-title{font-size:20px;margin-bottom:24px}.supporter-name{font-size:14px;padding:10px 0}.stack-icon{font-size:10px;padding:6px 10px}}.policy-page{align-items:flex-start;background:radial-gradient(circle at top,#2b3545 0,#050811 55%,#000 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:calc(var(--header-height) + 40px) 24px 72px;position:relative}.policy-page:before{background:radial-gradient(circle at 20% 0,#ff780026,#0000 60%),radial-gradient(circle at 80% 0,#00b4ff2e,#0000 60%),radial-gradient(circle at 50% 120%,#ffffff0d,#0000 60%);mix-blend-mode:screen;opacity:.9;z-index:0}.policy-page:after,.policy-page:before{content:"";inset:0;pointer-events:none;position:fixed}.policy-page:after{background:radial-gradient(circle at center,#0000 0,#0000008c 65%,#000000f2 100%);z-index:1}.legal-particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.legal-particle{animation:legalFloat 20s ease-in-out infinite;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.legal-particle-word{font-family:var(--font-tech);font-weight:600;letter-spacing:2px;text-transform:uppercase}.legal-particle-symbol{font-size:1.2em}@keyframes legalFloat{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}50%{opacity:.3;transform:translateY(-20px) rotate(180deg)}}.policy-content{animation:fadeInUp .6s ease-out;background:linear-gradient(145deg,#1e232b,#181c22 40%,#13161b);border:1px solid #3c465599;border-radius:4px;box-shadow:0 20px 60px #000000b3,0 0 40px #0006;max-width:900px;padding:40px;position:relative;width:100%;z-index:2}.policy-content::-webkit-scrollbar{width:8px}.policy-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.policy-content::-webkit-scrollbar-thumb{background:#505a6e80;border-radius:4px}.policy-content::-webkit-scrollbar-thumb:hover{background:#64738c99}.policy-title{color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:32px;letter-spacing:1.5px;margin-bottom:20px;text-align:center;text-shadow:0 2px 4px #00000080,0 0 10px #6496c880,0 0 20px #6496c84d,0 0 30px #6496c833;text-transform:uppercase}.policy-meta{margin-bottom:50px;text-align:center}.policy-last-updated{color:#8a9ab5;font-family:var(--font-body);font-size:14px;letter-spacing:1px}.policy-section{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;margin-bottom:32px;padding:24px;transition:all var(--transition-fast)}.policy-section:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d}.policy-section-title{color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:22px;letter-spacing:1.5px;margin-bottom:16px;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.policy-text{color:#dce0e5;font-family:var(--font-body);font-size:16px;line-height:1.8;margin-bottom:15px}.policy-list{list-style:none;margin:20px 0;padding-left:30px}.policy-list li{color:#dce0e5;font-family:var(--font-body);font-size:16px;line-height:1.8;margin-bottom:12px;padding-left:25px;position:relative}.policy-list li:before{color:#8a9ab5;content:"▸";font-size:18px;left:0;position:absolute}.policy-list li strong{color:#dce0e5;font-weight:600}.policy-contact{border-top:1px solid #505a6e66;margin-top:48px;padding-top:24px;text-align:center}.policy-contact .policy-text{color:#dce0e5;font-size:16px}.policy-contact strong{color:#8a9ab5;font-family:var(--font-tech);font-weight:600;letter-spacing:1px;text-transform:uppercase}@media (max-width:1024px){.policy-content{max-width:800px;padding:32px}}@media (max-width:768px){.policy-page{padding:calc(var(--header-height) + 24px) 16px 32px}.policy-content{max-width:100%;padding:24px}.policy-title{font-size:28px;letter-spacing:3px}.policy-section{padding:20px}.policy-section-title{font-size:20px}.policy-list li,.policy-text{font-size:14px}}@media (max-width:480px){.policy-page{padding:calc(var(--header-height) + 16px) 10px 24px}.policy-content{padding:20px}.policy-title{font-size:22px;letter-spacing:1px;margin-bottom:14px}.policy-meta{margin-bottom:30px}.policy-last-updated{font-size:12px}.policy-section{border-radius:10px;margin-bottom:24px;padding:16px}.policy-section-title{font-size:16px;letter-spacing:1px;margin-bottom:14px}.policy-list li,.policy-text{font-size:13px;line-height:1.7}.policy-list,.policy-list li{padding-left:20px}.policy-list li{margin-bottom:8px}.policy-contact{margin-top:40px;padding-top:20px}.policy-contact .policy-text{font-size:13px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-page-new{background:radial-gradient(circle at top,#2b3545 0,#050811 55%,#000 100%);min-height:100vh;overflow:hidden;padding:100px 24px 72px;padding:calc(var(--header-height, 60px) + 40px) 24px 72px;position:relative}.profile-page-new:before{background:radial-gradient(circle at 20% 0,#ff780026,#0000 60%),radial-gradient(circle at 80% 0,#00b4ff2e,#0000 60%),radial-gradient(circle at 50% 120%,#ffffff0d,#0000 60%);mix-blend-mode:screen;opacity:.9;z-index:0}.profile-page-new:after,.profile-page-new:before{content:"";inset:0;pointer-events:none;position:fixed}.profile-page-new:after{background:radial-gradient(circle at center,#0000 0,#0000008c 65%,#000000f2 100%);z-index:1}.profile-container-new{display:flex;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);min-height:calc(100vh - var(--header-height, 60px));position:relative;z-index:2}.profile-mobile-tabs{background:linear-gradient(145deg,#1e232b,#181c22 40%,#13161b);border-bottom:1px solid #3c465599;box-shadow:0 2px 8px #0000004d;display:none;flex-shrink:0;padding:12px 8px;position:-webkit-sticky;position:sticky;top:60px;top:var(--header-height,60px);width:100%;z-index:10}.mobile-tab-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#8a9ab5;cursor:pointer;display:flex;flex:1 1;font-family:var(--font-body);font-size:12px;font-weight:500;gap:6px;justify-content:center;min-width:0;padding:10px 12px;text-align:center;transition:all var(--transition-fast);white-space:nowrap}.mobile-tab-item:hover{background:#28303cb3;color:#dce0e5}.mobile-tab-item.active{background:#1e232bcc;border:1px solid #64738c99;box-shadow:0 2px 8px #0003;color:#dce0e5}.mobile-tab-item svg{flex-shrink:0;height:20px;width:20px}.mobile-tab-item span{overflow:hidden;text-overflow:ellipsis}.profile-sidebar{background:linear-gradient(145deg,#1e232b,#181c22 40%,#13161b);border-right:1px solid #3c465599;box-shadow:0 0 40px #0006;flex-shrink:0;padding:40px 0;position:relative;width:240px}.sidebar-menu{display:flex;flex-direction:column;gap:4px;padding:0 16px}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#dce0e5;cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:12px;margin:2px 0;padding:12px 16px;text-align:left;transition:all var(--transition-fast);width:100%}.sidebar-item:hover{background:#28303cb3;color:#dce0e5}.sidebar-item.active{background:#1e232b99;border:1px solid #64738c99;box-shadow:0 2px 8px #0003;color:#dce0e5}.sidebar-item svg{flex-shrink:0;height:20px;width:20px}.profile-main-content{background:#0000;flex:1 1;padding:40px 60px;position:relative}.profile-top-bar{display:flex;justify-content:flex-end;margin-bottom:40px}@media (max-width:1024px){.profile-top-bar{margin-bottom:24px;margin-top:80px}}@media (max-width:768px){.profile-top-bar{margin-top:70px}}@media (max-width:480px){.profile-top-bar{margin-top:60px}}.user-id-display{align-items:center;background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;display:flex;font-family:inherit;gap:8px;padding:8px 16px}.user-id-label{color:#8a9ab5;font-weight:500}.user-id-label,.user-id-value{font-family:inherit;font-size:14px}.user-id-value{color:#dce0e5;font-weight:600}.copy-id-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.copy-id-btn:hover{background:#ffc8571a;color:#ffc857}.profile-section{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:24px;font-weight:700;letter-spacing:1.5px;margin:0 0 32px;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.player-avatar-section{align-items:center;background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;display:flex;gap:32px;margin-bottom:40px;overflow:hidden;padding:32px;position:relative;transition:all var(--transition-fast)}.player-avatar-section:before{background:#1e232bb3;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.player-avatar-section>*{position:relative;z-index:1}.player-avatar-section:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d}.avatar-frame{flex-shrink:0;height:160px;position:relative;width:160px}.avatar-container{align-items:center;background:linear-gradient(145deg,#1e232b,#181c22 40%,#13161b);border:1px solid #3c465599;border-radius:50%;box-shadow:0 4px 20px #00000080;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.avatar-container:before{background:linear-gradient(135deg,#ffc857,#f59e0b);border-radius:50%;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;z-index:-1}.avatar-container svg{color:#fff;z-index:1}.level-badge-large{background:linear-gradient(135deg,#ffc857,#f59e0b);border:3px solid #ffc85780;border-radius:20px;bottom:-8px;box-shadow:0 2px 8px #00000080,0 0 15px #ffc85766;color:#0a0d1a;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:-8px}.level-badge-large.high-skilled{animation:highSkilledGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 2px 12px #9333ea66;color:#fff;z-index:15}.profile-badge-container{align-items:center;background:#1e232be6;border:3px solid #ffc85780;border-radius:50%;box-shadow:0 2px 8px #00000080,0 0 15px #ffc85766;display:flex;height:60px;justify-content:center;left:-8px;overflow:hidden;position:absolute;top:-8px;width:60px;z-index:15}.profile-badge-image{border-radius:50%;height:100%;object-fit:cover;width:100%}@keyframes highSkilledGlow{0%,to{box-shadow:0 2px 12px #9333ea66}50%{box-shadow:0 2px 20px #9333ea99}}.player-info{flex:1 1}.player-name{color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:32px;font-weight:700;letter-spacing:1.5px;margin:0 0 8px;text-shadow:0 2px 4px #00000080,0 0 10px #6496c880,0 0 20px #6496c84d,0 0 30px #6496c833;text-transform:uppercase}.player-rank-info{display:flex;flex-direction:column;gap:8px}.player-rank{border:1px solid #ffc8574d;border-radius:20px;display:inline-block;font-size:14px;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.player-level-tier,.player-rank{background:#ffc8571a;color:#ffc857;font-family:inherit;font-weight:600;width:-webkit-fit-content;width:fit-content}.player-level-tier{align-items:center;border:1px solid #ffc8574d;border-radius:12px;display:flex;font-size:12px;gap:8px;padding:6px 12px}.player-level-tier.high-skilled-tier{background:linear-gradient(135deg,#9333ea1a,#7c3aed1a);border:1px solid #9333ea4d;color:#9333ea}.tier-range{color:inherit;font-weight:700}.tier-name{color:inherit;opacity:.8}.high-skilled-badge{animation:starPulse 1.5s ease-in-out infinite;font-size:16px;margin-left:4px}@keyframes starPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.xp-progress-section{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;margin-bottom:40px;padding:24px;transition:all var(--transition-fast)}.xp-progress-section:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d}.xp-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.xp-label{color:#ffffffe6;font-weight:600}.xp-label,.xp-values{font-family:inherit;font-size:14px}.xp-values{color:#fff9;font-weight:500}.xp-progress-bar{background:#0000004d;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}.xp-progress-fill{background:linear-gradient(90deg,#4a90e2,#357abd);border-radius:6px;box-shadow:0 0 10px #4a90e24d;height:100%;transition:width .8s ease}.max-level-indicator{color:#9333ea;font-weight:600;margin-left:4px}.xp-next-level-info{color:#ffffff80;font-family:inherit;font-size:12px;font-style:italic;margin-top:8px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.stat-item{align-items:center;background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;display:flex;gap:16px;padding:24px;transition:all var(--transition-fast)}.stat-item:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d}.profile-logout-section{border-top:1px solid #ffc85733;display:flex;justify-content:center;margin-top:40px;padding-top:30px}.profile-logout-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:10px;box-shadow:0 2px 8px #dc354533;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.profile-logout-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 16px #dc35454d;transform:translateY(-2px)}.profile-logout-btn:active{box-shadow:0 2px 8px #dc354533;transform:translateY(0)}.profile-logout-btn svg{flex-shrink:0;height:18px;width:18px}.stat-icon{align-items:center;background:#ffc8571a;border:1px solid #ffc8574d;border-radius:12px;box-shadow:0 2px 8px #0000004d;color:#ffc857;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;overflow:hidden;width:56px}.stat-icon-img{filter:drop-shadow(0 0 4px rgba(255,200,87,.5));height:100%;object-fit:contain;padding:8px;width:100%}.stat-content{flex:1 1;min-width:0}.stat-value{color:#dce0e5;font-family:inherit;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#8a9ab5;font-family:inherit;font-size:13px;font-weight:500}.buy-diamonds-btn{background:linear-gradient(135deg,#ffc857,#f59e0b);border:none;border-radius:6px;color:#0a0d1a;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.buy-diamonds-btn:hover{box-shadow:0 4px 12px #ffc8574d;transform:translateY(-1px)}.swap-gold-btn{background:linear-gradient(135deg,#ffc857,#f59e0b);border:none;border-radius:6px;color:#0a0d1a;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.swap-gold-btn:hover:not(:disabled){box-shadow:0 4px 12px #ffc8574d;transform:translateY(-1px)}.swap-gold-btn:disabled{cursor:not-allowed;opacity:.5}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.edit-avatar-btn{align-items:center;background:#ffc857e6;border:2px solid #ffc857;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #0000004d;color:#0a0d1a;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:36px;z-index:20}.edit-avatar-btn:hover{background:#ffc857;box-shadow:0 4px 12px #ffc85780;transform:scale(1.1)}.profile-customization-buttons{display:flex;gap:12px;margin-top:16px}.edit-profile-btn{align-items:center;background:#1e232bcc;border:1px solid #ffc85766;border-radius:6px;color:#ffc857;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.edit-profile-btn:hover{background:#ffc8571a;border-color:#ffc85799;transform:translateY(-1px)}.edit-profile-btn svg{flex-shrink:0;height:16px;width:16px}.stats-detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat-card-detail{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;overflow:hidden;transition:all var(--transition-fast)}.stat-card-detail:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d}.stat-card-title{background:#0003;border-bottom:1px solid #505a6e66;color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:16px;font-weight:600;letter-spacing:1.5px;padding:16px 20px;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.stat-card-body{padding:20px}.stat-row{align-items:center;border-bottom:1px solid #ffc8571a;display:flex;justify-content:space-between;padding:12px 0}.stat-row:last-child{border-bottom:none}.stat-key{color:#8a9ab5;font-family:inherit;font-size:14px;font-weight:500}.stat-val{color:#dce0e5;font-family:inherit;font-size:16px;font-weight:600}.analysis-charts{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-container{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;padding:24px;transition:all var(--transition-fast)}.chart-container:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d}.chart-title{color:#dce0e5;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:18px;font-weight:600;letter-spacing:1.5px;margin:0 0 20px;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.analysis-chart-canvas{border-radius:8px;display:block}.profile-section .settings-sections{display:flex;flex-direction:column;gap:24px}.profile-section .settings-section{background:#1e232b99;border:1px solid #505a6e66;border-radius:4px;box-shadow:0 2px 8px #0003;padding:24px;transition:all var(--transition-fast)}.profile-section .settings-section:hover{background:#28303cb3;border-color:#64738c99;box-shadow:0 4px 12px #0000004d}.profile-section .settings-section-title{align-items:center;color:#dce0e5;display:flex;font-family:"Reaver",var(--font-gaming),Georgia,serif;font-size:18px;font-weight:600;gap:10px;letter-spacing:1.5px;margin:0 0 20px;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.profile-section .settings-section-title svg{color:#ffc857;flex-shrink:0}.profile-section .settings-group{display:flex;flex-direction:column;gap:16px}.profile-section .settings-item{align-items:center;background:#0003;border:1px solid #ffc85733;border-radius:8px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.profile-section .settings-item:hover{border-color:#ffc85766;box-shadow:0 2px 8px #0000004d,0 0 15px #ffc8571a}.profile-section .settings-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.profile-section .settings-item-label{color:#ffffffe6;font-family:inherit;font-size:14px;font-weight:600}.profile-section .settings-item-description{color:#fff9;font-family:inherit;font-size:13px}.profile-section .settings-item-control{align-items:center;display:flex;gap:12px}.profile-section .settings-action-btn{background:linear-gradient(135deg,#ffc857,#f59e0b);border:none;border-radius:6px;color:#0a0d1a;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.profile-section .settings-action-btn:hover{background:linear-gradient(135deg,#f59e0b,#ffc857);box-shadow:0 4px 12px #ffc85766;transform:translateY(-1px)}.profile-section .settings-toggle{background:#ffffff1a;border:1px solid #ffc8574d;border-radius:13px;cursor:pointer;height:26px;outline:none;position:relative;transition:all .2s ease;width:50px}.profile-section .settings-toggle.on{background:linear-gradient(135deg,#ffc857,#f59e0b);border-color:#ffc857}.profile-section .settings-toggle.off{background:#ffffff1a;border-color:#ffc8574d}.profile-section .settings-toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0006;height:22px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:22px}.profile-section .settings-toggle.on .settings-toggle-slider{transform:translateX(24px)}.profile-section .tfa-code-input{font-family:inherit;font-size:14px;font-weight:400;letter-spacing:normal;max-width:100%;padding:12px 16px;text-align:left;width:100%}.profile-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;font-family:inherit;font-size:14px;gap:16px;justify-content:center;padding:80px 0}.profile-loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffc85733;border-radius:50%;border-top-color:#ffc857;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.profile-page-new{padding-top:80px;padding-top:calc(var(--header-height, 60px) + 20px)}.profile-container-new{flex-direction:column}.profile-mobile-tabs{display:flex;gap:4px}.profile-sidebar{display:none}.profile-main-content{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.analysis-charts{grid-template-columns:1fr}}@media (max-width:768px){.profile-page-new{padding-top:76px;padding-top:calc(var(--header-height, 60px) + 16px)}.profile-mobile-tabs{gap:3px;padding:10px 6px}.mobile-tab-item{font-size:11px;gap:4px;padding:8px}.mobile-tab-item svg{height:22px;width:22px}.profile-main-content{padding:20px 16px}.player-avatar-section{flex-direction:column;gap:20px;padding:24px 20px;text-align:center}.avatar-frame{height:120px;width:120px}.avatar-container svg{height:48px;width:48px}.level-badge-large{font-size:12px;padding:4px 10px}.player-name{font-size:24px}.section-title{font-size:20px;margin-bottom:24px}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-item{gap:12px;padding:16px}.stat-icon{font-size:24px;height:44px;width:44px}.stat-value{font-size:22px}.stats-detail-grid{gap:16px;grid-template-columns:1fr}.xp-progress-section{padding:16px}.user-id-display{flex-wrap:wrap;justify-content:center;padding:6px 12px}.user-id-label,.user-id-value{font-size:12px}.profile-top-bar{justify-content:center;margin-bottom:24px}.sidebar-menu{gap:2px;padding:0 12px}.sidebar-item{font-size:13px;gap:8px;padding:10px 12px}.sidebar-item svg{height:16px;width:16px}.analysis-charts{grid-template-columns:1fr}.chart-container{padding:16px}.chart-title{font-size:16px}.profile-section .settings-section{padding:16px}.profile-section .settings-item{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.profile-section .settings-item-control{justify-content:flex-end;width:100%}}@media (max-width:480px){.profile-page-new{padding-top:72px;padding-top:calc(var(--header-height, 60px) + 12px)}.profile-mobile-tabs{gap:2px;padding:8px 4px}.mobile-tab-item{font-size:10px;gap:3px;padding:8px 6px}.mobile-tab-item svg{height:24px;width:24px}.mobile-tab-item span{display:none}.mobile-tab-item{flex:1 1;min-width:0}.profile-main-content{padding:16px 12px}.player-avatar-section{padding:16px}.avatar-frame{height:100px;width:100px}.player-name{font-size:20px}.player-rank{font-size:12px;padding:4px 12px}.section-title{font-size:18px}.stat-value{font-size:20px}.stat-label{font-size:12px}.sidebar-menu{padding:0 8px}.sidebar-item{font-size:12px;padding:8px 10px}}
/*# sourceMappingURL=main.eaf11aed.css.map*/