@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap";:root{--bg-base:#0d1220;--bg-card:#131a2e;--bg-card-alt:#172038;--bg-elevated:#1c2744;--bg-surface:#1a2240;--bg-input:#111827;--bg-overlay:#080c1ceb;--green:#4ade80;--green-bright:#22ff7a;--green-dark:#15803d;--purple:#a78bfa;--purple-bright:#8b5cf6;--purple-dark:#5b21b6;--cyan:#22d3ee;--cyan-dark:#0891b2;--pink:#fb7185;--pink-dark:#be123c;--gold:#fbbf24;--gold-dark:#b45309;--orange:#fb923c;--blue:#60a5fa;--text-bright:#f1f5f9;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--glass:#ffffff0a;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-heavy:#ffffff0f;--glow-green:0 0 20px #4ade8059;--glow-purple:0 0 20px #8b5cf659;--glow-cyan:0 0 20px #22d3ee59;--glow-pink:0 0 20px #fb718559;--glow-gold:0 0 20px #fbbf2459;--grad-hero:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--grad-success:linear-gradient(135deg, #059669 0%, #34d399 100%);--grad-battle:linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #15803d 100%);--grad-danger:linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);--grad-gold:linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--grad-purple:linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(170deg,#0a0e1a 0%,#101830 40%,#0d1220 100%);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Outfit,-apple-system,sans-serif;display:flex;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px}.app-layout-container{background:radial-gradient(at 30% 20%,#667eea14 0%,#0000 50%),radial-gradient(at 70% 80%,#8b5cf60f 0%,#0000 50%),linear-gradient(170deg,#080c1a 0%,#0f1628 50%,#0a0e1a 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-layout-container:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#ffffff1f 50%,#0000 50%),radial-gradient(1px 1px at 40% 70%,#ffffff14 50%,#0000 50%),radial-gradient(1.5px 1.5px at 60% 15%,#ffffff1a 50%,#0000 50%),radial-gradient(1px 1px at 80% 55%,#ffffff0f 50%,#0000 50%),radial-gradient(1.5px 1.5px at 10% 80%,#ffffff14 50%,#0000 50%),radial-gradient(1px 1px at 90% 25%,#ffffff12 50%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.phone-bezel{background:var(--bg-base);z-index:5;border:3px solid #ffffff0f;border-radius:52px;flex-direction:column;width:410px;height:860px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 30px 80px -15px #000000b3,0 0 60px -10px #667eea1f,inset 0 1px #ffffff0f}.phone-speaker{z-index:100;background:#0009;border-bottom-right-radius:18px;border-bottom-left-radius:18px;justify-content:center;align-items:flex-end;width:120px;height:26px;padding-bottom:5px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-speaker:after{content:"";background:#ffffff14;border-radius:2px;width:50px;height:4px}.phone-screen-content{background:linear-gradient(180deg, var(--bg-base) 0%, #0f1628 100%);flex-direction:column;flex:1;width:100%;padding-top:18px;display:flex;position:relative;overflow:hidden}.phone-home-button{z-index:100;background:#ffffff1f;border-radius:10px;width:130px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (width<=500px){.phone-bezel{width:100vw;height:100vh;box-shadow:none;border:none;border-radius:0}.phone-speaker,.phone-home-button{display:none}.phone-screen-content{padding-top:0}}.app-header{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:linear-gradient(#131a2ef2 0%,#0d1220f2 100%);justify-content:space-between;align-items:center;height:56px;padding:0 14px;display:flex}.header-player-stats{align-items:center;gap:8px;display:flex}.stat-item{letter-spacing:.3px;border:1px solid var(--glass-border);background:var(--glass-heavy);border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;display:flex}.stat-item.gold{color:var(--gold);background:#fbbf240f;border-color:#fbbf2433}.stat-item.trophies{color:var(--cyan);background:#22d3ee0f;border-color:#22d3ee33}.stat-item.energy{color:var(--pink);background:#fb71850f;border-color:#fb718533}.mute-btn{background:var(--glass-heavy);border:1px solid var(--glass-border);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.mute-btn:active{transform:scale(.9)}.app-navigation{border-top:1px solid var(--glass-border);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0d1220fa 0%,#0a0e1afa 100%);justify-content:space-around;align-items:center;height:70px;padding:0 4px 12px;display:flex}.nav-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding-top:6px;font-family:inherit;font-size:10px;font-weight:700;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.nav-icon{filter:grayscale(60%)brightness(.7);font-size:22px;transition:all .25s}.nav-tab-btn.active{color:var(--green)}.nav-tab-btn.active .nav-icon{filter:none;transform:scale(1.15)translateY(-2px)}.nav-tab-btn.active:after{content:"";background:var(--green);border-radius:0 0 4px 4px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #4ade8066}.screen-wrapper{flex-direction:column;flex:1;width:100%;padding:16px 16px 20px;display:flex;position:relative;overflow-y:visible}.section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:1.5px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.profile-glance-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#667eea1f 0%,#764ba214 100%);border:1px solid #667eea33;flex-shrink:0;min-height:140px;margin-bottom:16px;padding:16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea14}.profile-glance-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#667eea26 0%,#0000 70%);width:140px;height:140px;position:absolute;top:-30%;right:-15%}.level-badge-container{align-items:center;gap:12px;margin-bottom:14px;display:flex}.level-hexagon{background:var(--grad-purple);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;display:flex}.xp-bar-outer{background:#0000004d;border:1px solid #ffffff0d;border-radius:10px;flex:1;height:16px;position:relative;overflow:hidden}.xp-bar-inner{background:var(--grad-purple);border-radius:10px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1);position:relative}.xp-bar-inner:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-50%}.xp-text{color:var(--text-bright);text-shadow:0 1px 2px #00000080;font-size:9px;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.league-widget{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#0003;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.league-info{align-items:center;gap:10px;display:flex}.league-badge{font-size:28px}.league-name{color:var(--text-bright);font-size:14px;font-weight:800}.league-trophies{color:var(--cyan);font-size:12px;font-weight:700}.battle-launcher{flex-direction:column;align-items:center;gap:10px;margin:16px 0 20px;display:flex}.primary-neon-btn{background:var(--grad-battle);border-radius:var(--radius-lg);color:#fff;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;width:88%;height:58px;box-shadow:0 6px 0 var(--green-dark), 0 12px 30px #4ade8040;border:none;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:18px;font-weight:900;transition:all .1s;display:flex;position:relative;overflow:hidden}.primary-neon-btn:active{box-shadow:0 2px 0 var(--green-dark), 0 6px 15px #4ade8026;transform:translateY(4px)}.btn-flash{background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:40%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-60%;transform:skew(-25deg)}.battle-subtext{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.chest-drawer-container{flex-shrink:0;margin-bottom:20px}.chest-slots-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.chest-card{background:linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;min-height:115px;padding:12px 6px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 16px #00000040}.chest-card:active{transform:scale(.95)}.chest-card.gold-chest{background:linear-gradient(180deg, #fbbf2414 0%, var(--bg-card) 100%);border-color:#fbbf2440}.chest-icon{filter:drop-shadow(0 4px 12px #0000004d);margin:6px 0;font-size:36px;animation:3s ease-in-out infinite alternate float}.chest-name{color:var(--text-primary);font-size:10px;font-weight:800}.chest-timer{color:var(--text-secondary);background:#00000040;border-radius:8px;padding:3px 8px;font-size:9px;font-weight:700}.chest-card.claimable{border-color:var(--green);box-shadow:var(--glow-green), 0 4px 16px #00000040;animation:2s ease-in-out infinite gentle-pulse}.chest-card.claimable .chest-timer{color:var(--green);background:#4ade801a;font-weight:800}.chest-empty{color:var(--text-muted);background:#0000001a;border:1px dashed #ffffff0f;justify-content:center;align-items:center;font-size:11px;display:flex}.daily-quest-item{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;transition:border-color .2s;display:flex}.quest-desc{flex:1;padding-right:12px}.quest-text{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600}.quest-progress-track{background:#0000004d;border-radius:10px;width:100%;height:5px;overflow:hidden}.quest-progress-fill{background:var(--grad-success);border-radius:10px;height:100%;transition:width .6s}.quest-claim-btn{background:var(--grad-purple);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .15s;box-shadow:0 2px 8px #8b5cf64d}.quest-claim-btn:active{transform:scale(.95)}.quest-claim-btn.claimed{background:var(--glass-heavy);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.matchmaking-screen{background:radial-gradient(ellipse at center, #667eea1a 0%, var(--bg-base) 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex;position:relative}.matchmaking-radar{border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:32px;display:flex;position:relative}.radar-pulse,.radar-pulse-2{border-radius:50%;width:100%;height:100%;position:absolute}.radar-pulse{border:2px solid var(--purple-bright);animation:2.5s infinite pulse-ring}.radar-pulse-2{border:2px solid var(--cyan);animation:2.5s 1.25s infinite pulse-ring}.radar-avatar{z-index:10;filter:drop-shadow(0 0 15px #667eea80);font-size:56px;animation:2s infinite alternate float}.matchmaking-title{text-transform:uppercase;letter-spacing:3px;color:var(--text-bright);margin-bottom:8px;font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700}.matchmaking-status{color:var(--green);text-align:center;margin-bottom:40px;font-size:14px;font-weight:700;animation:1.2s infinite blink}.cancel-btn{background:var(--grad-danger);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;padding:12px 28px;font-family:inherit;font-size:13px;font-weight:800;transition:all .15s;box-shadow:0 4px 16px #f43f5e4d}.cancel-btn:active{transform:scale(.95)}.faceoff-container{background:radial-gradient(ellipse at 30% 40%, #22d3ee0f 0%, transparent 60%), radial-gradient(ellipse at 70% 60%, #8b5cf60f 0%, transparent 60%), linear-gradient(180deg, var(--bg-base) 0%, #111a30 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:40px 20px;display:flex}.faceoff-card{background:linear-gradient(135deg, var(--bg-card-alt) 0%, var(--bg-card) 100%);border:2px solid var(--glass-border);border-radius:var(--radius-xl);flex-direction:column;align-items:center;width:220px;padding:24px 20px;display:flex;box-shadow:0 12px 40px #0006}.faceoff-card.player{box-shadow:var(--glow-cyan), 0 12px 40px #0006;border-color:#22d3ee4d}.faceoff-card.opponent{box-shadow:var(--glow-purple), 0 12px 40px #0006;border-color:#8b5cf64d}.faceoff-avatar{margin-bottom:12px;font-size:52px}.faceoff-name{color:var(--text-bright);margin-bottom:6px;font-size:16px;font-weight:800}.faceoff-league-badge{color:var(--text-secondary);background:#ffffff0d;border-radius:12px;padding:3px 12px;font-size:11px;font-weight:700}.vs-divider{color:var(--pink);text-shadow:0 0 30px #fb718580;font-family:Rajdhani,sans-serif;font-size:44px;font-weight:700;animation:.5s cubic-bezier(.175,.885,.32,1.275) pop}.battle-arena-wrapper{background:radial-gradient(at 50% 30%,#667eea0f 0%,#0000 60%),linear-gradient(#0e1528 0%,#0a0f1e 100%);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.battle-arena-wrapper:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#667eea06 1px,#0000 1px),linear-gradient(#667eea06 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-game-arena{--arena-a:#22d3ee;--arena-b:#7c3aed;--arena-soft:#22d3ee21;--arena-line:#ffffff14}.mobile-game-arena.arena-math{--arena-a:#22d3ee;--arena-b:#2563eb;--arena-soft:#22d3ee24}.mobile-game-arena.arena-verbal{--arena-a:#f97316;--arena-b:#e11d48;--arena-soft:#f9731621}.mobile-game-arena.arena-science{--arena-a:#4ade80;--arena-b:#14b8a6;--arena-soft:#4ade801f}.mobile-game-arena.arena-social{--arena-a:#facc15;--arena-b:#06b6d4;--arena-soft:#facc151f}.mobile-game-arena.arena-language{--arena-a:#c084fc;--arena-b:#ec4899;--arena-soft:#c084fc1f}.mobile-game-arena:after{content:"";background:radial-gradient(circle at 18% 20%, var(--arena-soft), transparent 25%), radial-gradient(circle at 82% 16%, #ffffff0b, transparent 23%), linear-gradient(135deg, #ffffff05, transparent 45%);pointer-events:none;z-index:0;position:absolute;inset:0}.arena-atmosphere{pointer-events:none;z-index:1;position:absolute;inset:74px 0 0;overflow:hidden}.arena-rune{border:1px solid var(--arena-line);opacity:.55;will-change:transform, opacity;border-radius:18px;width:84px;height:84px;position:absolute;transform:rotate(45deg)}.arena-rune:before,.arena-rune:after{content:"";border:1px solid color-mix(in srgb, var(--arena-a), transparent 58%);border-radius:14px;position:absolute;inset:16px}.arena-rune:after{background:var(--arena-a);opacity:.24;inset:32px}.rune-one{animation:7s ease-in-out infinite alternate arena-float-slow;top:10%;left:-30px}.rune-two{animation:8s ease-in-out infinite alternate-reverse arena-float-slow;top:34%;right:-38px}.rune-three{opacity:.35;width:54px;height:54px;animation:9s ease-in-out infinite alternate arena-float-slow;bottom:9%;left:42%}@keyframes arena-float-slow{0%{opacity:.3;transform:translate(0,0)rotate(45deg)}to{opacity:.62;transform:translateY(-14px)rotate(58deg)}}.duel-hud{border-bottom:1px solid var(--glass-border);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 24px #0000002e, inset 0 -1px 0 color-mix(in srgb, var(--arena-a), transparent 68%);background:linear-gradient(#0d1220f5 0%,#0a0e1ae6 100%);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.hud-players-row{justify-content:space-between;align-items:center;display:flex}.hud-player-node{align-items:center;gap:8px;width:40%;display:flex;position:relative}.hud-player-node.right{text-align:right;flex-direction:row-reverse}.hud-avatar-box{background:linear-gradient(145deg, #ffffff14, #ffffff03), var(--bg-elevated);border-radius:var(--radius-sm);border:2px solid var(--arena-a);width:46px;height:46px;box-shadow:0 0 18px color-mix(in srgb, var(--arena-a), transparent 70%);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex;position:relative}.hud-player-node.right .hud-avatar-box{border-color:var(--purple-bright)}.hud-player-name{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:11px;font-weight:800;overflow:hidden}.hud-player-score{color:var(--text-bright);font-family:Rajdhani,sans-serif;font-size:17px;font-weight:700}.hud-class-tag{border:1px solid color-mix(in srgb, var(--arena-a), transparent 55%);background:color-mix(in srgb, var(--arena-a), transparent 90%);width:fit-content;max-width:88px;color:var(--arena-a);letter-spacing:.4px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;margin:1px 0 0;padding:1px 6px;font-size:8px;font-weight:900;line-height:1.45;overflow:hidden}.hud-bot-status{color:var(--green);background:#4ade801a;border-radius:4px;margin-top:2px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.live-progress-container{flex-direction:column;gap:4px;display:flex}.progress-track-hud{background:#0006;border:1px solid #ffffff0a;border-radius:6px;width:100%;height:10px;overflow:hidden}.progress-bar-hud{border-radius:6px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);position:relative}.progress-bar-hud:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:60%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-60%}.progress-bar-hud.player-bar{background:linear-gradient(90deg, var(--arena-b), var(--arena-a))}.progress-bar-hud.opponent-bar{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.blitz-timer-bar{background:#ffffff0f;border-radius:2px;width:100%;height:4px;overflow:hidden}.blitz-timer-fill{background:var(--green);height:100%;transition:width 1s linear,background-color .5s}.blitz-timer-fill.warning{background:var(--pink);animation:.5s infinite blink}.hud-round-indicator{flex-direction:column;align-items:center;display:flex}.round-number{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700}.round-timer-text{color:var(--text-bright);font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700}.projectile{z-index:100;border-radius:50%;width:14px;height:14px;position:absolute}.projectile.player-projectile{background:var(--cyan);box-shadow:0 0 12px var(--cyan), 0 0 24px var(--cyan);animation:.5s cubic-bezier(.25,.46,.45,.94) forwards projectile-shoot-right;top:30px;left:20px}.projectile.opponent-projectile{background:var(--purple);box-shadow:0 0 12px var(--purple), 0 0 24px var(--purple);animation:.5s cubic-bezier(.25,.46,.45,.94) forwards projectile-shoot-left;top:30px;right:20px}@keyframes projectile-shoot-right{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(280px)scale(.5)}}@keyframes projectile-shoot-left{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-280px)scale(.5)}}.wrong-shake{animation:.35s cubic-bezier(.36,.07,.19,.97) both arena-shake}.hit-shake{animation:.35s cubic-bezier(.36,.07,.19,.97) both avatar-hit-shake}@keyframes arena-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes avatar-hit-shake{10%,90%{transform:translate(-1px,2px)scale(.95)}20%,80%{transform:translate(2px,-2px)scale(1.05)}30%,50%,70%{transform:translate(-2px,2px)scale(.95)}40%,60%{transform:translate(2px,-2px)scale(1.05)}}.combat-stage{z-index:2;flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:14px;display:flex;position:relative;overflow:hidden}.arena-title-strip{border:1px solid color-mix(in srgb, var(--arena-a), transparent 62%);max-width:min(100%,340px);min-height:28px;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:#0508128f;border-radius:999px;align-self:center;align-items:center;gap:8px;margin:0 auto 8px;padding:5px 10px;font-size:10px;font-weight:800;display:flex;box-shadow:0 6px 18px #00000038}.arena-title-strip span{color:var(--arena-a)}.arena-title-strip strong{color:var(--text-bright);text-overflow:ellipsis;font-size:9px;font-weight:900;overflow:hidden}.battle-emote-trigger{background:var(--bg-elevated);border:1px solid var(--glass-border);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 4px 12px #0000004d}.battle-emote-trigger:active{transform:scale(.9)}.battle-question-card{background:linear-gradient(135deg, color-mix(in srgb, var(--arena-a), transparent 94%) 0%, #131a2eed 100%), #131a2ee6;border:1px solid color-mix(in srgb, var(--arena-a), transparent 70%);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:none;flex-direction:column;max-height:100%;padding:16px;display:flex;overflow-y:auto;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.battle-question-card::-webkit-scrollbar{display:none}.question-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.subject-badge{background:linear-gradient(135deg, var(--arena-b), var(--arena-a));color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:3px 10px;font-size:10px;font-weight:800}.category-badge{color:var(--cyan);font-size:10px;font-weight:700}.question-body{color:var(--text-bright);margin-bottom:14px;font-size:14px;font-weight:600;line-height:1.55}.options-deck{flex-direction:column;gap:8px;display:flex}.option-btn{background:linear-gradient(90deg, color-mix(in srgb, var(--arena-a), transparent 96%), transparent), var(--bg-card);border:1.5px solid color-mix(in srgb, var(--arena-a), transparent 80%);border-radius:var(--radius-md);text-align:left;color:var(--text-primary);cursor:pointer;will-change:transform;flex-shrink:0;align-items:center;gap:12px;min-height:50px;padding:13px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex;transform:translateZ(0)}.option-btn:active:not(.correct):not(.wrong){border-color:var(--arena-a);background:color-mix(in srgb, var(--arena-a), var(--bg-elevated) 86%);transform:scale(.98)}.option-prefix{background:color-mix(in srgb, var(--arena-a), transparent 88%);width:24px;height:24px;color:var(--arena-a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .2s;display:flex}.option-btn.correct{border-color:var(--green);box-shadow:var(--glow-green);background:#4ade8014}.option-btn.correct .option-prefix{background:var(--green);color:#000}.option-btn.wrong{border-color:var(--pink);box-shadow:var(--glow-pink);background:#fb718514}.option-btn.wrong .option-prefix{background:var(--pink);color:#fff}.combo-banner-container{justify-content:center;gap:8px;min-height:24px;margin-bottom:10px;display:flex}.combo-banner{color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#f97316,#ef4444);border-radius:20px;padding:3px 14px;font-size:11px;font-weight:900;animation:.5s infinite alternate bounce-small;box-shadow:0 0 12px #ef444480}.speed-banner{background:linear-gradient(90deg, var(--cyan-dark), var(--blue));color:#fff;text-transform:uppercase;border-radius:20px;padding:3px 14px;font-size:11px;font-weight:900;animation:.5s infinite alternate blink;box-shadow:0 0 12px #22d3ee80}.feedback-tip{color:var(--green);border-radius:var(--radius-sm);background:#4ade800d;border:1px dashed #4ade8033;margin-top:12px;padding:10px 12px;font-size:11px;line-height:1.5}.match-result-overlay{background:var(--bg-overlay);z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}.result-card{background:linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%);border:2px solid var(--cyan);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:310px;box-shadow:var(--glow-cyan), 0 20px 60px #00000080;flex-direction:column;align-items:center;padding:28px 24px;display:flex}.result-card.victory{border-color:var(--gold);box-shadow:var(--glow-gold), 0 20px 60px #00000080}.result-badge{text-transform:uppercase;letter-spacing:4px;margin-bottom:6px;font-family:Rajdhani,sans-serif;font-size:38px;font-weight:700}.result-badge.victory{color:var(--gold);text-shadow:0 0 25px #fbbf2480}.result-badge.defeat{color:var(--pink);text-shadow:0 0 25px #fb718580}.result-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:12px;font-weight:500}.result-score-block{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#0003;justify-content:space-around;width:100%;margin-bottom:24px;padding:14px;display:flex}.score-node-result{flex-direction:column;align-items:center;gap:2px;display:flex}.score-node-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.score-node-val{font-family:Rajdhani,sans-serif;font-size:26px;font-weight:700}.reward-pills-row{gap:10px;margin-bottom:24px;display:flex}.reward-pill-item{background:var(--glass-heavy);border:1px solid var(--glass-border);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:800;display:flex}.reward-pill-item.trophies{color:var(--cyan);border-color:#22d3ee33}.reward-pill-item.xp{color:var(--purple);border-color:#a78bfa33}.result-actions{gap:10px;width:100%;display:flex}.result-btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:12px;font-family:inherit;font-size:12px;font-weight:800;transition:all .15s}.result-btn:active{transform:scale(.96)}.result-btn.secondary{background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-primary)}.result-btn.primary{background:var(--grad-battle);color:#fff;box-shadow:0 4px 16px #4ade8040}.emote-picker-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:100px;display:flex;position:fixed;top:0;left:0}.emote-picker-card{background:var(--bg-card-alt);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:280px;padding:16px;box-shadow:0 20px 60px #0009}.emote-picker-title{color:var(--text-bright);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:20px}.emotes-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.emote-btn{background:var(--glass-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:all .15s;display:flex}.emote-btn:active{transform:scale(.9)}.emote-emoji{font-size:26px}.emote-label{color:var(--text-muted);font-size:9px;font-weight:700}.emote-bubble{z-index:50;background:#fffffff2;border-radius:14px;padding:5px 10px;font-size:20px;position:absolute;top:-35px;box-shadow:0 4px 16px #0000004d}.emote-bubble.bubble-player{left:40px}.emote-bubble.bubble-opponent{right:40px}.bubble-arrow{border-top:6px solid #fffffff2;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px}.emote-bubble.bubble-player .bubble-arrow{left:10px}.emote-bubble.bubble-opponent .bubble-arrow{right:10px}.confetti-container{pointer-events:none;z-index:999;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.leagues-ladder-container{flex-direction:column;gap:12px;padding:8px 0;display:flex;position:relative}.leagues-ladder-container:before{content:"";background:linear-gradient(180deg, var(--green) 0%, var(--purple-bright) 50%, var(--cyan) 100%);opacity:.3;border-radius:10px;width:4px;position:absolute;top:30px;bottom:30px;left:50%;transform:translate(-50%)}.ladder-node{background:var(--bg-card);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);z-index:10;align-self:center;align-items:center;gap:14px;width:92%;padding:14px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 16px #0003}.ladder-node.active{background:linear-gradient(135deg, #4ade8014 0%, var(--bg-card) 100%);border-color:var(--green);box-shadow:var(--glow-green);transform:scale(1.02)}.node-badge{font-size:30px}.node-details{flex:1}.node-name{font-size:14px;font-weight:800}.node-req{color:var(--text-muted);font-size:11px;font-weight:600}.ladder-node.active .node-req{color:var(--green)}.leaderboard-list{flex-direction:column;gap:6px;display:flex}.leader-row{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .2s;display:flex}.leader-row.player{background:linear-gradient(90deg, #22d3ee0f 0%, var(--bg-card) 100%);border-color:#22d3ee40}.leader-left{align-items:center;gap:10px;display:flex}.leader-rank{width:22px;color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700}.leader-row.player .leader-rank{color:var(--cyan)}.leader-avatar-dot{background:var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.leader-name{font-size:13px;font-weight:700}.leader-score{color:var(--cyan);font-size:13px;font-weight:800}.custom-game-bg{position:relative;background-color:#081125!important;background-image:linear-gradient(135deg,#050b18 25%,#0000 25%),linear-gradient(225deg,#050b18 25%,#0000 25%),linear-gradient(45deg,#050b18 25%,#0000 25%),linear-gradient(315deg,#050b18 25%,#081125 25%)!important;background-position:24px 0,24px 0,0 0,0 0!important;background-repeat:repeat!important;background-size:48px 48px!important;height:100%!important;padding:14px 16px 20px!important;overflow:hidden auto!important}.bg-particles-layer{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle-spark{opacity:.6;filter:blur(1px);background:radial-gradient(circle,#22d3ee 0%,#22d3ee00 70%);border-radius:50%;width:6px;height:6px;position:absolute}.particle-spark.p1{animation:12s linear infinite drift-spark-slow;top:15%;left:10%}.particle-spark.p2{background:radial-gradient(circle,#a78bfa 0%,#a78bfa00 70%);animation:8s linear infinite drift-spark-fast;top:45%;left:85%}.particle-spark.p3{animation:15s linear infinite drift-spark-slow;top:75%;left:25%}.particle-spark.p4{background:radial-gradient(circle,#4ade80 0%,#4ade8000 70%);animation:10s linear infinite drift-spark-fast;top:30%;left:60%}@keyframes drift-spark-slow{0%{opacity:0;transform:translateY(100px)translate(0)scale(.6)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-300px)translate(50px)scale(1.2)}}@keyframes drift-spark-fast{0%{opacity:0;transform:translateY(80px)translate(0)scale(.8)}15%{opacity:.7}85%{opacity:.7}to{opacity:0;transform:translateY(-240px)translate(-40px)scale(1.4)}}.premium-metallic-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;transition:all .2s;position:relative;border-radius:var(--radius-xl)!important;background:linear-gradient(135deg,#1c2744cc 0%,#131a2ef2 100%)!important;border:2px solid #667eea4d!important;border-bottom:5px solid #0006!important;box-shadow:0 10px 30px #0006,inset 0 1px #ffffff1a,0 0 15px #667eea1a!important}.premium-metallic-card:hover{border-color:#667eea80!important;box-shadow:0 12px 35px #00000080,inset 0 1px #ffffff26,0 0 25px #667eea33!important}.premium-level-badge{text-shadow:0 2px 4px #0009;clip-path:none!important;background:linear-gradient(135deg,#eab308 0%,#d97706 100%)!important;border:2px solid #fef08a!important;border-bottom:4px solid #854d0e!important;border-radius:12px!important;font-weight:900!important;box-shadow:0 4px 8px #0006,0 0 10px #eab30880!important}.premium-bar{background:#00000080!important;border:1.5px solid #eab30859!important;box-shadow:inset 0 2px 5px #0009!important}.neon-flow-bar{background:linear-gradient(90deg,#fbbf24 0%,#fef08a 50%,#fbbf24 100%)!important;box-shadow:0 0 8px #fbbf2499!important}.premium-capsule-glass{background:#0006!important;border:1.5px solid #ffffff14!important;border-bottom-width:3px!important;box-shadow:inset 0 1px 1px #ffffff0d!important}.text-gradient-gold{text-shadow:0 0 15px #fbbf2433;background:linear-gradient(135deg,#ffe066 0%,#fbbf24 50%,#b45309 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;font-weight:950!important}.duel-btn-3d{width:100%;height:62px;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important;color:#fff!important;letter-spacing:2px!important;cursor:pointer!important;text-shadow:0 2px 4px #0009,0 0 10px #ffffff4d!important;background:linear-gradient(135deg,#facc15 0%,#f97316 45%,#dc2626 100%)!important;border:none!important;border-bottom:5px solid #991b1b!important;justify-content:center!important;align-items:center!important;gap:10px!important;font-family:Rajdhani,sans-serif!important;font-size:22px!important;font-weight:950!important;transition:all 50ms!important;display:flex!important;box-shadow:0 8px #7f1d1d,0 12px 25px #f9731666,0 0 20px #fbbf2433!important}.duel-btn-3d:hover{transform:translateY(-1px);box-shadow:0 9px #7f1d1d,0 14px 30px #f9731673,0 0 25px #fbbf2440!important}.duel-btn-3d:active{border-bottom:1px solid #7f1d1d!important;transform:translateY(4px)!important;box-shadow:0 2px #7f1d1d,0 4px 10px #f9731633!important}.blue-btn-3d{width:75px;height:58px;border-radius:var(--radius-lg)!important;color:#fff!important;cursor:pointer!important;text-shadow:0 1px 3px #00000080!important;background:linear-gradient(135deg,#60a5fa 0%,#2563eb 50%,#1d4ed8 100%)!important;border:none!important;border-bottom:4px solid #1e3a8a!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;font-family:Rajdhani,sans-serif!important;font-size:13px!important;font-weight:800!important;transition:all 50ms!important;display:flex!important;box-shadow:0 6px #172554,0 8px 15px #2563eb4d!important}.blue-btn-3d:active{border-bottom:1px solid #1e3a8a!important;transform:translateY(3px)!important;box-shadow:0 2px #1e3a8a,0 4px 8px #2563eb33!important}.gold-btn-3d{width:75px;height:58px;border-radius:var(--radius-lg)!important;color:#fff!important;cursor:pointer!important;text-shadow:0 1px 3px #00000080!important;background:linear-gradient(135deg,#fbbf24 0%,#ca8a04 50%,#854d0e 100%)!important;border:none!important;border-bottom:4px solid #713f12!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;font-family:Rajdhani,sans-serif!important;font-size:13px!important;font-weight:800!important;transition:all 50ms!important;display:flex!important;box-shadow:0 6px #451a03,0 8px 15px #ca8a044d!important}.gold-btn-3d:active{border-bottom:1px solid #713f12!important;transform:translateY(3px)!important;box-shadow:0 2px #713f12,0 4px 8px #ca8a0433!important}.circle-btn-3d{z-index:10;width:48px;height:48px;position:relative;color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important;border:2px solid #eab308!important;border-bottom:4.5px solid #854d0e!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:18px!important;transition:all 50ms!important;display:flex!important;box-shadow:0 5px #451a03,0 6px 12px #0006!important}.circle-btn-3d:active{border-bottom:1px solid #854d0e!important;transform:translateY(3px)!important;box-shadow:0 1px #854d0e,0 3px 6px #0000004d!important}.epic-btn-shine-overlay{background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:50%;height:100%;animation:3.5s ease-in-out infinite shine-sweep;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shine-sweep{0%{left:-100%}30%,to{left:150%}}.epic-btn-glow-back{pointer-events:none;background:radial-gradient(circle,#fbbf2433 0%,#0000 70%);width:100%;height:100%;animation:2s ease-in-out infinite alternate pulse-bloom;position:absolute;top:0;left:0}@keyframes pulse-bloom{0%{opacity:.5;transform:scale(.9)}to{opacity:.9;transform:scale(1.15)}}.epic-btn-text{z-index:10;text-shadow:0 2px 4px #00000080,0 0 10px #fff6;position:relative}.premium-pulsing-subtext{color:var(--text-secondary);text-shadow:0 0 8px #ffffff1a;font-size:11px;font-weight:800;animation:2s ease-in-out infinite pulse-subtext}@keyframes pulse-subtext{0%,to{opacity:.7}50%{opacity:1}}.neon-pink-text{text-shadow:0 0 8px #fb718566;color:var(--pink)!important}.launcher-shockwave-ring{pointer-events:none;z-index:5;border:4px solid #f97316;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;position:absolute;top:50%;left:50%;box-shadow:0 0 25px #f97316}.chest-empty-premium{position:relative;overflow:hidden;color:var(--text-muted)!important;background:#00000040!important;border:2px dashed #ffffff14!important}.empty-dashed-border-rotator{border-radius:var(--radius-md);border:1px dashed #22d3ee1f;width:100%;height:100%;animation:12s linear infinite spin-dashed;position:absolute;top:0;left:0}@keyframes spin-dashed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.premium-card-chest{position:relative;overflow:hidden;border-radius:var(--radius-lg)!important;background:linear-gradient(#1c2744d9 0%,#0d1220fa 100%)!important;border:2px solid #ffffff1a!important;border-bottom:4.5px solid #00000073!important;transition:all .2s!important;box-shadow:0 6px 15px #0000004d!important}.premium-card-chest:active{border-bottom-width:1px!important;transform:translateY(2px)scale(.96)!important}.gold-chest-glow{background:linear-gradient(#fbbf240f 0%,#0d1220fa 100%)!important;border-color:#fbbf2459!important;box-shadow:0 6px 20px #00000059,0 0 12px #fbbf241a!important}.premium-claimable-glow{border-color:#4ade8073!important;box-shadow:0 6px 20px #00000059,0 0 12px #4ade8033!important}.chest-shimmer-sweep{background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:70%;height:100%;animation:4s ease-in-out infinite shimmer-chest;position:absolute;top:0;left:-150%;transform:skew(-20deg)}@keyframes shimmer-chest{0%{left:-150%}40%,to{left:200%}}.chest-icon-emoji{filter:drop-shadow(0 4px 10px #0006);z-index:2;margin:6px 0;font-size:38px;display:block}.chest-timer-badge{color:var(--text-secondary);background:#00000059;border:1px solid #ffffff0a;border-radius:8px;padding:3px 6px;font-size:9px;font-weight:800}.claim-text-bright{text-shadow:0 0 8px #22ff7a4d;color:var(--green-bright)!important;font-weight:900!important}.premium-quest-box{border-radius:var(--radius-lg)!important;background:linear-gradient(135deg,#172038b3 0%,#131a2ecc 100%)!important;border:1.2px solid #ffffff14!important;margin-bottom:10px!important;padding:14px 16px!important;transition:all .25s!important;box-shadow:0 4px 15px #0003!important}.premium-quest-box:hover{background:linear-gradient(135deg,#1c2744d9 0%,#131a2ee6 100%)!important;border-color:#ffffff26!important}.completed-glowing-border{border-color:#4ade804d!important;box-shadow:0 0 15px #4ade801a,0 4px 15px #0003!important}.quest-text-row{align-items:center;margin-bottom:8px;display:flex}.premium-track{border:1px solid #ffffff08;background:#00000073!important;border-radius:10px!important;height:6px!important}.premium-fill-success{border-radius:10px!important;box-shadow:0 0 8px #22d3ee66!important}.premium-claim-glow-button{letter-spacing:.5px;color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;border-radius:12px!important;padding:8px 16px!important;font-weight:900!important;transition:all .1s!important;box-shadow:0 3px #047857,0 0 12px #10b98180!important}.premium-claim-glow-button:active{transform:translateY(2px)scale(.96)!important;box-shadow:0 1px #047857,0 0 6px #10b9814d!important}.premium-chest-preview-card{background:linear-gradient(#1a223f 0%,#0d1222 100%);border:2px solid #ffffff1f;border-radius:28px;flex-direction:column;align-items:center;width:320px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 30px #667eea26}.preview-top-glow{opacity:.8;height:6px;position:absolute;top:0;left:0;right:0}.preview-close-cross{color:var(--text-muted);cursor:pointer;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex;position:absolute;top:14px;right:16px}.preview-close-cross:hover{color:#fff;background:#00000080}.preview-chest-icon{filter:drop-shadow(0 8px 16px #00000080);margin:16px 0 10px;font-size:72px;animation:2.5s ease-in-out infinite alternate float}.preview-chest-title{color:#fff;letter-spacing:.5px;margin-bottom:4px;font-size:18px;font-weight:900}.preview-chest-rarity{color:var(--cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:800}.preview-loot-breakdown{background:#00000040;border:1px solid #ffffff0d;border-radius:16px;width:100%;margin-bottom:24px;padding:16px}.loot-item-bullet{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.loot-item-bullet:last-child{margin-bottom:0}.preview-action-btn{letter-spacing:1px;cursor:pointer;border:none;border-radius:16px;width:100%;height:48px;font-family:inherit;font-size:14px;font-weight:900;transition:all .1s;box-shadow:0 4px 15px #00000040}.preview-action-btn.primary{color:#fff;background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)}.preview-action-btn.primary:active{transform:translateY(2px)}.preview-action-btn.secondary{color:var(--text-muted);cursor:not-allowed;background:#172038;border:1px solid #ffffff0d}.preview-action-btn.active-gold{color:#000;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);box-shadow:0 4px 15px #fbbf2466}.preview-action-btn.active-gold:active{transform:translateY(2px)}.full-screen-cinematic-backdrop{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04060ff2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.cinematic-sunrays{pointer-events:none;opacity:.85;background:radial-gradient(circle,#fbbf2433 0%,#0000 60%);width:800px;height:800px;animation:25s linear infinite rotate-sunrays;position:absolute}.cinematic-sunrays:before,.cinematic-sunrays:after{content:"";background-image:conic-gradient(#0000 0deg,#fbbf2414 15deg,#0000 30deg 60deg,#fbbf2414 75deg,#0000 90deg 120deg,#fbbf2414 135deg,#0000 150deg 180deg,#fbbf2414 195deg,#0000 210deg 240deg,#fbbf2414 255deg,#0000 270deg 300deg,#fbbf2414 315deg,#0000 330deg);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes rotate-sunrays{0%{transform:rotate(0)scale(.9)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(.9)}}.cinematic-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative}.cinematic-giant-chest{cursor:pointer;filter:drop-shadow(0 15px 30px #0009);transform-origin:bottom;margin-bottom:24px;font-size:110px}.wobble-shake-cinematic{animation:.6s cubic-bezier(.36,.07,.19,.97) both shake-cinematic}@keyframes shake-cinematic{10%,90%{transform:translate(-2px)rotate(-4deg)}20%,80%{transform:translate(4px)rotate(6deg)}30%,50%,70%{transform:translate(-8px)rotate(-10deg)}40%,60%{transform:translate(8px)rotate(10deg)}}.cinematic-instruction-text{color:var(--cyan);letter-spacing:2px;text-shadow:0 0 10px #22d3ee80;margin-top:10px;font-size:13px;font-weight:900}.rewards-reveal-stage{text-align:center;background:linear-gradient(135deg,#1a223ff2 0%,#0d1222fa 100%);border:2px solid #fbbf2440;border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:350px;padding:32px 24px;display:flex;box-shadow:0 15px 40px #000000b3,0 0 35px #fbbf2433}.reveal-banner{letter-spacing:2px;margin-bottom:6px;font-size:26px;font-weight:950}.reveal-cards-deck{flex-direction:column;gap:12px;width:100%;margin-bottom:28px;display:flex}.reveal-reward-card{cursor:pointer;background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:16px;padding:12px 18px;transition:all .2s;display:flex;box-shadow:0 6px 15px #0003}.reveal-reward-card:hover{background:linear-gradient(135deg,#ffffff1a 0%,#ffffff08 100%);border-color:#ffffff26;box-shadow:0 8px 20px #0000004d}.reward-card-emoji{filter:drop-shadow(0 2px 5px #0000004d);font-size:28px}.reward-card-label{color:#fff;font-size:14px;font-weight:800}.cinematic-claim-finish-btn{color:#000;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:none;border-radius:18px;width:100%;height:52px;font-family:inherit;font-size:15px;font-weight:900;transition:all .1s;box-shadow:0 4px #b45309,0 8px 20px #fbbf244d}.cinematic-claim-finish-btn:active{transform:translateY(3px);box-shadow:0 1px #b45309,0 4px 10px #fbbf2440}.app-navigation .nav-tab-btn.active .nav-icon{animation:2s ease-in-out infinite alternate pulse-active-tab;filter:drop-shadow(0 0 10px #4ade8099)!important}@keyframes pulse-active-tab{0%{transform:scale(1.15)translateY(-2px)}to{transform:scale(1.22)translateY(-4px)}}.heartbeat-vignette{pointer-events:none;z-index:100;transition:box-shadow .3s;position:absolute;inset:0;box-shadow:inset 0 0 45px #ef444400}.heartbeat-vignette.active{animation:.8s ease-in-out infinite alternate heartbeat-pulse-vignette}@keyframes heartbeat-pulse-vignette{0%{box-shadow:inset 0 0 25px #ef444440}to{box-shadow:inset 0 0 50px #ef4444a6}}.option-btn.kritik-option{background:linear-gradient(135deg,#f59e0b14 0%,#1e293bf2 100%)!important;border:2px solid #f59e0b66!important}.option-btn.kritik-option:hover{border-color:#f59e0bcc!important;box-shadow:0 0 15px #f59e0b4d!important}.kritik-badge{color:#000;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:8px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:900;display:inline-block;box-shadow:0 0 10px #f59e0b66}.aaa-hud-header{z-index:100;background:linear-gradient(#0f172af5 0%,#0f172acc 100%);border-bottom:2px solid #ffffff0d;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex;box-shadow:0 4px 16px #00000040}@media (width<=500px){.aaa-hud-header{padding-top:calc(24px + env(safe-area-inset-top,0px))!important}}.hud-profile-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;min-width:0;max-width:145px;padding:4px 10px 4px 6px;transition:all .2s;display:flex}.hud-profile-btn:hover{background:#ffffff0f;border-color:#ffffff26;transform:scale(1.02)}.hud-profile-btn:active{transform:scale(.98)}.hud-profile-avatar-outer{background:#00000040;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex;position:relative}.hud-profile-info{flex-direction:column;min-width:0;display:flex}.hud-profile-name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:900;line-height:1.25;overflow:hidden}.hud-profile-title-tag{color:#39ff14;white-space:nowrap;text-overflow:ellipsis;opacity:.95;letter-spacing:.2px;font-size:8px;font-weight:850;line-height:1.1;overflow:hidden}.hud-resources-deck{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.hud-sound-btn{cursor:pointer;color:#fff;background:#00000073;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:all .15s;display:flex;box-shadow:inset 0 2px 4px #00000080}.hud-sound-btn:hover{background:#ffffff0d;transform:scale(1.05)}.hud-sound-btn:active{transform:scale(.95)}.hud-capsule-deck{align-items:center;gap:5px;display:flex}.hud-capsule{background:#00000073;border:1px solid #ffffff14;border-radius:20px;align-items:center;padding:3px 8px 3px 5px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:850;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:inset 0 2px 4px #00000080}.hud-capsule-icon{filter:drop-shadow(0 2px 4px #0000004d);margin-right:4px;font-size:12px}.profile-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0b1020d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-modal-card{background:linear-gradient(#151d35 0%,#0d1220 100%);border:2px solid #667eea59;border-radius:24px;width:100%;max-width:340px;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 48px #0009,inset 0 1px #ffffff26}.profile-modal-card:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#6366f126 0%,#0000 70%);height:45%;position:absolute;top:0;left:0;right:0}.profile-modal-close{color:var(--text-muted);cursor:pointer;z-index:10;background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.profile-modal-close:hover{color:#ef4444;background:#ef444433}.profile-modal-title{text-align:center;color:#fff;letter-spacing:1px;text-shadow:0 2px 4px #0006;margin-bottom:20px;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:900}.profile-modal-avatar-section{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.profile-modal-avatar-frame{background:#00000040;border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:12px;font-size:38px;transition:all .3s;display:flex;position:relative}.profile-modal-name-input-deck{gap:8px;width:100%;margin-bottom:20px;display:flex}.profile-modal-input{color:#fff;background:#00000059;border:1.5px solid #ffffff1f;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;transition:border-color .2s}.profile-modal-input:focus{border-color:#3b82f6}.profile-modal-save-btn{color:#fff;cursor:pointer;background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);border:none;border-bottom:3px solid #1e3a8a;border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:850;transition:all .1s;display:flex;box-shadow:0 4px 6px #00000026}.profile-modal-save-btn:active{border-bottom-width:1px;transform:translateY(2px)}.profile-modal-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-top:10px;display:grid}.profile-modal-stat-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:4px;padding:12px;display:flex;box-shadow:0 4px 10px #00000026}.profile-modal-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.profile-modal-stat-value{color:#fff;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:900}.profile-modal-stat-value.gold{color:#fbbf24}.profile-modal-stat-value.trophy{color:#22d3ee}.profile-modal-stat-value.energy{color:#f43f5e}.profile-modal-stat-value.wins{color:#22c55e}.aaa-tab-bar{z-index:100;background:linear-gradient(#0d1222e6 0%,#0d1222fa 100%);border-top:1.2px solid #ffffff0f;justify-content:space-around;align-items:center;height:64px;padding:0 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.tab-btn-wrapper{flex:1;justify-content:center;align-items:center;height:48px;display:flex;position:relative}.aaa-tab-btn{color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;font-weight:800;transition:color .25s;display:flex}.tab-btn-icon{margin-bottom:2px;font-size:18px;transition:transform .2s}.aaa-tab-btn:active .tab-btn-icon{transform:scale(.85)}.tab-active-indicator{z-index:1;background:linear-gradient(135deg,#667eea26 0%,#667eea08 100%);border:1px solid #667eea2e;border-radius:14px;position:absolute;inset:0}.aaa-loading-screen{background:radial-gradient(#0d1222f2 0%,#04060f 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.loading-logo-shield{filter:drop-shadow(0 8px 16px #667eea66);margin-bottom:20px;font-size:56px;animation:2.2s ease-in-out infinite alternate pulse-shield}@keyframes pulse-shield{0%{filter:drop-shadow(0 8px 16px #667eea4d);transform:scale(1)translateY(0)}to{filter:drop-shadow(0 12px 28px #667eea99);transform:scale(1.08)translateY(-6px)}}.loading-progress-deck{flex-direction:column;align-items:center;width:80%;margin-top:16px;display:flex}.loading-bar-outer{background:#00000080;border:1px solid #ffffff0f;border-radius:6px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.loading-bar-inner{background:linear-gradient(90deg,#6366f1 0%,#818cf8 100%);border-radius:6px;height:100%;transition:width .1s linear}.loading-percent{color:var(--cyan);font-family:Rajdhani,sans-serif;font-size:12px;font-weight:800}.loading-tip-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;justify-content:center;align-items:center;max-width:280px;min-height:52px;margin-top:32px;padding:12px 16px;display:flex}.loading-tip-text{color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1.4}.matchmaking-ping{color:var(--green-bright);background:#10b98114;border:1px solid #10b98126;border-radius:10px;margin-top:10px;padding:4px 10px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:800}.arena-pass-card{border-radius:var(--radius-lg);cursor:pointer;background:linear-gradient(135deg,#ec489926 0%,#8b5cf626 100%);border:1.5px solid #ec489940;border-bottom:3.5px solid #8b5cf666;flex-shrink:0;justify-content:space-between;align-items:center;margin:12px 0;padding:12px 16px;display:flex;box-shadow:0 4px 15px #0003}.arena-pass-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border-radius:6px;padding:2px 8px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:900;box-shadow:0 0 10px #ec489966}.diorama-container-3d{z-index:5;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:240px;margin:10px 0;display:flex;position:relative}.diorama-bg-ring{pointer-events:none;z-index:1;background:radial-gradient(circle,#6366f114 0%,#0000 70%);border:1.5px dashed #6366f126;border-radius:50%;width:190px;height:190px;animation:20s linear infinite spin-dashed;position:absolute}.diorama-image{object-fit:contain;filter:drop-shadow(0 15px 25px #0000008c);z-index:2;width:220px;height:auto}.diorama-side-controls{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.diorama-side-btn{pointer-events:auto;position:absolute}.diorama-side-btn.left-top{top:15%;left:12%}.diorama-side-btn.left-bottom{bottom:15%;left:12%}.diorama-side-btn.right-top{top:15%;right:12%}.diorama-side-btn.right-bottom{bottom:15%;right:12%}.trophy-road-container{border-radius:var(--radius-lg);background:#00000059;border:1px solid #ffffff0d;flex-shrink:0;margin-bottom:14px;padding:10px 14px;box-shadow:inset 0 2px 4px #0006}.trophy-road-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.trophy-road-track-bg{background:#0009;border:1px solid #ffffff08;border-radius:6px;width:100%;height:10px;position:relative}.trophy-road-track-fill{background:linear-gradient(90deg,#3b82f6 0%,#22d3ee 100%);border-radius:6px;height:100%;box-shadow:0 0 10px #22d3ee66}.trophy-road-node{cursor:pointer;background:#0d1222e6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:transform .2s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000080}.trophy-road-node:hover{border-color:var(--gold);transform:translate(-50%,-50%)scale(1.2)}.chest-slots-grid-4{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:8px;display:grid}.battle-subtext{align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.shop-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;display:grid}.shop-card{text-align:center;background:linear-gradient(135deg,#1e293b99 0%,#0f172acc 100%);border:1.5px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:center;height:175px;padding:14px;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.shop-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 100%);height:35%;position:absolute;top:0;left:0;right:0}.shop-card:hover{border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.shop-preview-frame{background:#00000040;border:3px solid #1e293b;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:6px;font-size:26px;transition:all .25s;display:flex;box-shadow:inset 0 0 8px #0006}.shop-item-name{color:var(--text-bright);text-shadow:0 1px 2px #00000080;margin-bottom:8px;font-size:13px;font-weight:850;line-height:1.25}.shop-item-tag{color:#a78bfa;letter-spacing:.5px;text-transform:uppercase;background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:6px;margin-bottom:8px;padding:3px 8px;font-size:9px;font-weight:800}.shop-buy-btn{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 10px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:900;transition:all .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #0000004d,inset 0 1px #fff3}.shop-buy-btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.shop-buy-btn.buy-gold{color:#581c87;background:linear-gradient(#fbbf24 0%,#d97706 100%);border-bottom:3px solid #b45309}.shop-buy-btn.buy-gold:hover{background:linear-gradient(#fcd34d 0%,#ea580c 100%)}.shop-buy-btn.buy-purple{color:#fff;background:linear-gradient(#a78bfa 0%,#6d28d9 100%);border-bottom:3px solid #4c1d95}.shop-buy-btn.buy-purple:hover{background:linear-gradient(#c4b5fd 0%,#7c3aed 100%)}.shop-buy-btn.equip{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border-bottom:3px solid #0369a1}.shop-buy-btn.equip:hover{background:linear-gradient(#7dd3fc 0%,#0ea5e9 100%)}.shop-buy-btn.equipped{color:#fff;cursor:default;box-shadow:none;pointer-events:none;background:linear-gradient(#4ade80 0%,#166534 100%);border-bottom:3px solid #14532d}body.low-perf-mode .bg-particles-layer,body.low-perf-mode .particle-spark{display:none!important}body.low-perf-mode .epic-btn-shine-overlay,body.low-perf-mode .chest-shimmer-sweep,body.low-perf-mode .launcher-shockwave-ring,body.low-perf-mode .epic-btn-glow-back,body.low-perf-mode .empty-dashed-border-rotator{animation:none!important;display:none!important}body.low-perf-mode .premium-metallic-card,body.low-perf-mode .settings-card,body.low-perf-mode .modal-card,body.low-perf-mode .glass-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0f172a!important}body.low-perf-mode .arena-rune,body.low-perf-mode .progress-bar-hud:after,body.low-perf-mode .heartbeat-vignette.active,body.low-perf-mode .critical-vignette.active{animation:none!important}body.low-perf-mode .battle-question-card,body.low-perf-mode .duel-hud,body.low-perf-mode .match-result-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.native-app-shell .app-layout-container,body.native-app-shell .app-layout-container{background:var(--bg-base)!important}html.native-app-shell .app-layout-container:before,body.native-app-shell .app-layout-container:before{display:none!important}html.native-app-shell .phone-bezel,body.native-app-shell .phone-bezel{width:100vw!important;height:100dvh!important;box-shadow:none!important;border:none!important;border-radius:0!important}html.native-app-shell .phone-speaker,body.native-app-shell .phone-speaker,html.native-app-shell .phone-home-button,body.native-app-shell .phone-home-button{display:none!important}html.native-app-shell .phone-screen-content,body.native-app-shell .phone-screen-content{padding-top:0!important}html.native-app-shell .battle-arena-wrapper,body.native-app-shell .battle-arena-wrapper{overscroll-behavior:none;min-height:100dvh;padding-top:max(env(safe-area-inset-top,0px), 28px)}html.native-app-shell .battle-question-card,body.native-app-shell .battle-question-card,html.native-app-shell .duel-hud,body.native-app-shell .duel-hud{-webkit-backdrop-filter:none;backdrop-filter:none}html.native-app-shell .aaa-hud-header,body.native-app-shell .aaa-hud-header,html.native-app-shell .matchmaking-screen,body.native-app-shell .matchmaking-screen,html.native-app-shell .faceoff-container,body.native-app-shell .faceoff-container,html.native-app-shell .aaa-loading-screen,body.native-app-shell .aaa-loading-screen,html.native-app-shell .match-result-overlay,body.native-app-shell .match-result-overlay{padding-top:max(env(safe-area-inset-top,0px), 28px)}@media (width<=500px),(prefers-reduced-motion:reduce){.battle-arena-wrapper:before{background-size:32px 32px}.arena-rune{opacity:.32;animation-duration:12s}.progress-bar-hud:after{display:none}.duel-hud{-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px 12px}.hud-avatar-box{width:42px;height:42px;font-size:20px}.hud-class-tag{max-width:74px}.arena-title-strip{min-height:25px;margin-bottom:6px;font-size:9px}.battle-question-card{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px;padding:14px}.option-btn{min-height:48px;padding:12px;transition:transform .12s,border-color .12s,background-color .12s}.combo-banner,.speed-banner{animation:none}.match-result-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;padding:14px}.result-card{border-radius:20px;max-width:330px;max-height:calc(100dvh - 28px);padding:20px 16px;overflow-y:auto}}:root{--premium-navy:#0a0f1e;--premium-purple:#7c3aed;--premium-gold:#f59e0b;--premium-cyan:#22d3ee;--premium-panel:#0f172ab8;--premium-panel-strong:#0a0f1ee0;--premium-stroke:#ffffff1b;--premium-stroke-bright:#22d3ee47}.custom-game-bg,.screen-wrapper{background:radial-gradient(circle at 16% -5%,#7c3aed2e,#0000 34%),radial-gradient(circle at 84% 6%,#22d3ee26,#0000 30%),radial-gradient(circle at 50% 100%,#f59e0b14,#0000 35%),linear-gradient(#0a0f1e 0%,#070b16 100%)!important;font-family:Rajdhani,sans-serif!important}.custom-game-bg:before,.screen-wrapper:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 72%);mask-image:linear-gradient(#000000bf,#0000 72%)}.aaa-hud-header{-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);height:54px;padding:calc(6px + env(safe-area-inset-top,0px)) 10px 6px!important;background:linear-gradient(#0a0f1ef5,#0a0f1ec7),radial-gradient(circle at 15% 0,#7c3aed2e,#0000 45%)!important;border-bottom:1px solid #22d3ee2e!important;box-shadow:0 10px 24px #00000052,inset 0 -1px #ffffff0f!important}.hud-profile-btn{min-width:0;max-width:150px;min-height:38px;box-shadow:inset 0 1px #ffffff1a,0 6px 16px #00000047;background:linear-gradient(135deg,#ffffff13,#ffffff06)!important;border:1px solid #22d3ee2e!important;border-radius:13px!important;padding:4px 9px 4px 5px!important}.hud-profile-avatar-outer{background:radial-gradient(circle at 35% 25%,#ffffff29,#0000 34%),linear-gradient(145deg,#7c3aed38,#22d3ee1f)!important;border-radius:11px!important;width:34px!important;height:34px!important}.hud-profile-name{letter-spacing:.2px;font-size:12px!important}.hud-profile-title-tag{letter-spacing:.45px;max-width:84px;color:var(--premium-gold)!important}.hud-resources-deck{gap:6px!important}.hud-capsule-deck{gap:5px!important}.hud-capsule{box-shadow:inset 0 1px #ffffff1a,0 6px 14px #0000003d;background:linear-gradient(#ffffff14,#ffffff06)!important;border:1px solid #ffffff1c!important;border-radius:12px!important;min-width:46px!important;height:30px!important;padding:0 7px!important;font-size:12px!important}.hud-capsule.gold-cap{color:var(--premium-gold)!important;border-color:#f59e0b57!important}.hud-capsule.trophy-cap{color:var(--premium-cyan)!important;border-color:#22d3ee57!important}.hud-capsule.energy-cap{color:#fb7185!important;border-color:#fb718552!important}.hud-sound-btn{background:linear-gradient(145deg,#7c3aed33,#22d3ee14)!important;border:1px solid #ffffff1f!important;border-radius:12px!important;width:32px!important;height:32px!important}.aaa-tab-bar{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(#111827e0,#0a0f1ef5),radial-gradient(circle at 50% 0,#22d3ee1f,#0000 62%)!important;border:1px solid #ffffff1f!important;border-radius:22px!important;height:66px!important;padding:6px!important;bottom:8px!important;left:8px!important;right:8px!important;box-shadow:0 18px 42px #0000008c,inset 0 1px #ffffff17!important}.tab-btn-wrapper{height:54px!important}.aaa-tab-btn{letter-spacing:.25px;color:#cbd5e1b8!important;border-radius:17px!important;font-size:10px!important}.tab-btn-icon{filter:saturate(.75)brightness(.82);font-size:19px!important}.aaa-tab-btn.active{color:#fff!important}.aaa-tab-btn.active .tab-btn-icon{filter:saturate(1.25)brightness(1.08)drop-shadow(0 0 10px #22d3ee73);transform:translateY(-5px)scale(1.22)}.tab-active-indicator{box-shadow:0 0 22px #7c3aed4d,inset 0 1px #ffffff29;background:linear-gradient(135deg,#7c3aed70,#22d3ee2e),linear-gradient(#ffffff1f,#ffffff06)!important;border:1px solid #22d3ee4d!important;border-radius:17px!important;inset:2px!important}.profile-glance-card,.arena-pass-card,.trophy-road-container,.premium-card-chest,.premium-quest-box,.shop-card{-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);border:1px solid var(--premium-stroke)!important;background:linear-gradient(145deg,#ffffff18,#ffffff07),linear-gradient(#0f172acc,#0a0f1ee0)!important;box-shadow:0 14px 34px #00000057,inset 0 1px #ffffff1a!important}.profile-glance-card{overflow:hidden;border-color:#22d3ee38!important;border-radius:24px!important}.profile-glance-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff1a 46%,#0000 58%);animation:7s ease-in-out infinite premium-card-sheen;position:absolute;inset:0;transform:translate(-130%)}@keyframes premium-card-sheen{0%,54%{transform:translate(-130%)}72%,to{transform:translate(130%)}}.premium-level-badge{background:linear-gradient(145deg, #facc15, var(--premium-gold) 52%, #92400e)!important;border-color:#ffffff8c!important}.premium-capsule-glass{background:#0206177a!important;border-radius:16px!important}.arena-pass-card{position:relative;overflow:hidden;background:radial-gradient(circle at 0 0,#f59e0b2e,#0000 40%),linear-gradient(135deg,#7c3aed38,#0a0f1edb)!important;border-color:#f59e0b57!important}.arena-pass-card:after{content:"";background:linear-gradient(90deg,#0000,#f59e0b2e,#0000);width:90px;height:140%;position:absolute;top:-20%;right:-48px;transform:rotate(16deg)}.arena-pass-badge{background:linear-gradient(135deg, var(--premium-gold), #fbbf24)!important;color:#1e1038!important}.diorama-container-3d{height:226px!important;margin:4px 0 8px!important}.diorama-bg-ring{background:radial-gradient(circle,#22d3ee1c,#0000 68%)!important;border-color:#22d3ee38!important}.diorama-image{filter:drop-shadow(0 18px 28px #0000009e)drop-shadow(0 0 22px #7c3aed2e)!important;width:226px!important}.circle-btn-3d,.blue-btn-3d,.gold-btn-3d,.green-btn-3d{border-radius:16px!important;box-shadow:0 9px 18px #00000057,inset 0 1px #ffffff29!important}.trophy-road-container{position:relative;overflow:hidden;border-color:#22d3ee33!important;padding:13px 14px!important}.trophy-road-container:before{content:"";background:linear-gradient(90deg,#0000,#22d3ee14,#0000);animation:5.5s ease-in-out infinite trophy-road-scan;position:absolute;inset:0;transform:translate(-100%)}@keyframes trophy-road-scan{0%,42%{transform:translate(-100%)}72%,to{transform:translate(100%)}}.trophy-road-track-bg{box-shadow:inset 0 2px 5px #00000094;background:#020617b8!important;border-color:#ffffff14!important;height:12px!important}.trophy-road-track-fill{background:linear-gradient(90deg, var(--premium-purple), var(--premium-cyan), var(--premium-gold))!important;box-shadow:0 0 16px #22d3ee70!important}.trophy-road-node{background:linear-gradient(145deg,#111827,#020617)!important;border:1px solid #f59e0b73!important;width:24px!important;height:24px!important;box-shadow:0 4px 12px #00000080,0 0 12px #f59e0b2e!important}.duel-btn-3d{background:radial-gradient(circle at 50% 0%, #ffffff47, transparent 34%), linear-gradient(135deg, #fbbf24 0%, var(--premium-gold) 36%, #ef4444 100%)!important;letter-spacing:2.6px!important;border-bottom:6px solid #7f1d1d!important;border-radius:22px!important;height:70px!important;box-shadow:0 9px #7f1d1d,0 18px 36px #f59e0b57,0 0 34px #f59e0b52!important}.duel-btn-3d:before{content:"";background:conic-gradient(#0000,#f59e0b29,#0000 34%,#22d3ee1f,#0000 62%);animation:6s linear infinite duel-aura-spin;position:absolute;inset:-22px}@keyframes duel-aura-spin{to{transform:rotate(360deg)}}.epic-btn-text{letter-spacing:2px;font-size:24px!important}.launcher-shockwave-ring{border-color:#f59e0bc7!important;box-shadow:0 0 28px #f59e0b8a,inset 0 0 22px #f59e0b33!important}.chest-slots-grid-4{gap:10px!important}.premium-card-chest{border-radius:18px!important}.daily-quest-item.premium-quest-box{border-color:#7c3aed33!important}.premium-track{background:#020617b8!important}.premium-fill-success{background:linear-gradient(90deg, var(--premium-purple), var(--premium-cyan))!important}.quest-claim-btn.premium-claim-glow-button:not(.claimed){background:linear-gradient(135deg, var(--premium-cyan), var(--premium-purple))!important;box-shadow:0 4px #3b1a83,0 0 16px #22d3ee52!important}.screen-wrapper:has(.shop-grid){position:relative;overflow-y:auto;padding:18px 16px 86px!important}.screen-wrapper:has(.shop-grid)>div:first-child{-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);background:radial-gradient(circle at 50% 0,#7c3aed38,#0000 46%),linear-gradient(145deg,#ffffff16,#ffffff06);border:1px solid #22d3ee2e;border-radius:24px;padding:18px 14px 16px;position:relative;box-shadow:0 16px 34px #00000057,inset 0 1px #ffffff1a;margin:0 0 18px!important}.screen-wrapper:has(.shop-grid) h2{background:linear-gradient(135deg, #fff, var(--premium-cyan) 42%, var(--premium-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;letter-spacing:1.6px!important}.shop-grid{gap:12px!important}.shop-card{border-color:#ffffff1f!important;border-radius:22px!important;height:184px!important;padding:14px 12px!important}.shop-card:before{background:radial-gradient(circle at 50% 0,#22d3ee29,#0000 54%),linear-gradient(#ffffff14,#0000)!important;height:52%!important}.shop-card:after{content:"";pointer-events:none;border:1px solid #ffffff09;border-radius:20px;position:absolute;inset:1px}.shop-card.equipped{border-color:#22d3ee94!important;box-shadow:0 0 24px #22d3ee29,0 14px 34px #00000057,inset 0 1px #ffffff1a!important}.shop-preview-frame{background:radial-gradient(circle at 35% 25%,#ffffff38,#0000 36%),linear-gradient(145deg,#7c3aed33,#0a0f1eb8)!important;border-radius:18px!important;width:62px!important;height:62px!important;box-shadow:inset 0 0 12px #00000073,0 10px 18px #00000047!important}.shop-item-name{letter-spacing:.25px;color:#f8fafc!important;font-size:14px!important}.shop-item-tag{color:var(--premium-cyan)!important;background:#22d3ee17!important;border-color:#22d3ee3b!important}.shop-buy-btn{min-height:36px;letter-spacing:.7px!important;border-radius:13px!important}.shop-buy-btn.buy-gold{color:#241100!important;background:linear-gradient(180deg, #fcd34d 0%, var(--premium-gold) 100%)!important;box-shadow:0 4px #92400e,0 0 15px #f59e0b38,inset 0 1px #ffffff59!important}.shop-buy-btn.buy-purple{background:linear-gradient(180deg, #a78bfa 0%, var(--premium-purple) 100%)!important;box-shadow:0 4px #4c1d95,0 0 15px #7c3aed42,inset 0 1px #ffffff3d!important}.shop-buy-btn.equip{background:linear-gradient(#67e8f9 0%,#0891b2 100%)!important;box-shadow:0 4px #155e75,0 0 15px #22d3ee3d,inset 0 1px #ffffff40!important}.shop-buy-btn.equipped{background:linear-gradient(#34d399 0%,#047857 100%)!important;box-shadow:0 4px #064e3b,inset 0 1px #ffffff38!important}body.low-perf-mode .profile-glance-card:after,body.low-perf-mode .arena-pass-card:after,body.low-perf-mode .trophy-road-container:before,body.low-perf-mode .duel-btn-3d:before{animation:none!important;display:none!important}@media (width<=500px){.custom-game-bg{padding:12px 12px 88px!important}.aaa-hud-header{height:52px}.hud-profile-btn{max-width:132px}.hud-capsule{min-width:42px!important;padding:0 6px!important}.hud-sound-btn{display:none!important}.diorama-container-3d{height:210px!important}.diorama-image{width:210px!important}.duel-btn-3d{height:66px!important}.epic-btn-text{font-size:22px!important}.shop-grid{gap:10px!important}.shop-card{height:178px!important}}.battle-arena-wrapper{perspective:760px;isolation:isolate}.battle-3d-backdrop{pointer-events:none;transform-style:preserve-3d;z-index:1;position:absolute;inset:62px 0 0;overflow:hidden}.battle-starfield{opacity:.5;will-change:transform;background-image:radial-gradient(circle,#fffc 0 1px,#0000 1.8px),radial-gradient(circle,#22d3eed9 0 1px,#0000 1.6px);background-size:54px 54px,92px 92px;position:absolute;inset:-20%}.starfield-a{animation:22s linear infinite star-drift-a}.starfield-b{opacity:.34;animation:34s linear infinite star-drift-b;transform:translateZ(-90px)scale(1.25)}@keyframes star-drift-a{to{transform:translate(-54px,54px)}}@keyframes star-drift-b{to{transform:translate3d(72px,92px,-90px)scale(1.25)}}.floating-island{filter:blur(.1px)drop-shadow(0 18px 20px #00000057);opacity:.75;will-change:transform;background:radial-gradient(#22d3ee3d,#0000 62%),linear-gradient(#7c3aed4d,#02061700);border:1px solid #22d3ee2e;border-radius:50%;width:112px;height:34px;position:absolute}.island-left{animation:5.5s ease-in-out infinite alternate island-float-left;top:24%;left:-28px;transform:rotateX(64deg)rotate(-10deg)}.island-right{animation:6.2s ease-in-out infinite alternate island-float-right;top:44%;right:-26px;transform:rotateX(64deg)rotate(12deg)}@keyframes island-float-left{to{transform:translate3d(8px,-12px,22px)rotateX(64deg)rotate(-5deg)}}@keyframes island-float-right{to{transform:translate3d(-10px,10px,18px)rotateX(64deg)rotate(8deg)}}.arena-orbit-ring{border:1px solid #22d3ee2e;border-radius:50%;width:250px;height:250px;margin-left:-125px;position:absolute;top:26%;left:50%;transform:rotateX(68deg);box-shadow:0 0 26px #22d3ee14,inset 0 0 24px #7c3aed14}.ring-a{animation:12s linear infinite arena-ring-spin}.ring-b{border-color:#f59e0b29;width:190px;height:190px;margin-left:-95px;animation:9s linear infinite reverse arena-ring-spin;top:32%}@keyframes arena-ring-spin{to{transform:rotateX(68deg)rotate(360deg)}}.arena-platform-3d{background:radial-gradient(#22d3ee47,#7c3aed1c 42%,#0000 70%),linear-gradient(90deg,#0000,#f59e0b2e,#0000);border:1px solid #22d3ee38;border-radius:50%;width:210px;height:72px;margin-left:-105px;animation:2.8s ease-in-out infinite alternate arena-platform-breathe;position:absolute;top:43%;left:50%;transform:rotateX(68deg)translateZ(8px);box-shadow:0 0 34px #22d3ee2e,0 24px 34px #00000057}@keyframes arena-platform-breathe{to{opacity:.9;transform:rotateX(68deg)translateZ(18px)scale(1.04)}}.battle-fx-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.lightning-bolt,.damage-slash,.combo-flames{opacity:0}.lightning-bolt{background:linear-gradient(180deg, transparent, #fff, var(--premium-cyan), transparent);filter:drop-shadow(0 0 12px #22d3eee6);clip-path:polygon(45% 0,100% 0,62% 42%,100% 42%,28% 100%,46% 54%,0 54%);width:5px;height:170px;position:absolute;top:20%}.bolt-one{left:24%;transform:rotate(18deg)}.bolt-two{right:23%;transform:rotate(-15deg)}.fx-player-correct .lightning-bolt,.fx-critical .lightning-bolt{animation:.55s ease-out forwards lightning-strike}@keyframes lightning-strike{0%{opacity:0;transform:translateY(-40px) scaleY(.4) rotate(var(--r,14deg))}24%{opacity:1}to{opacity:0;transform:translateY(95px) scaleY(1.1) rotate(var(--r,14deg))}}.damage-slash{background:linear-gradient(90deg,#0000,#fff,#ef4444,#0000);border-radius:999px;width:72%;height:5px;position:absolute;top:20%;left:15%;box-shadow:0 0 18px #ef4444bf}.slash-one{transform:rotate(-18deg)}.slash-two{top:31%;transform:rotate(18deg)}.fx-player-wrong .damage-slash,.fx-opponent-correct .damage-slash{animation:.52s ease-out forwards damage-slash-hit}@keyframes damage-slash-hit{0%{opacity:0;transform:translate(-70%)rotate(-18deg)}28%{opacity:1}to{opacity:0;transform:translate(42%)rotate(-18deg)}}.fx-player-wrong,.fx-opponent-correct{animation:.45s ease-out red-damage-flash}@keyframes red-damage-flash{0%,to{box-shadow:inset 0 0 #ef444400}45%{box-shadow:inset 0 0 70px #ef444485}}.combo-flames{width:180px;height:80px;position:absolute;bottom:34%;left:50%;transform:translate(-50%)}.combo-flames span{filter:blur(.4px)drop-shadow(0 0 14px #f59e0b80);transform-origin:bottom;background:radial-gradient(circle at 50% 80%,#fef3c7 0 12%,#f59e0b 35%,#ef4444 58%,#0000 72%);border-radius:50% 50% 46% 46%;width:56px;height:72px;animation:.55s ease-in-out infinite alternate flame-flicker;position:absolute;bottom:0}.combo-flames span:first-child{left:22px;transform:scale(.82)}.combo-flames span:nth-child(2){animation-delay:.12s;left:62px}.combo-flames span:nth-child(3){animation-delay:.22s;right:22px;transform:scale(.76)}.fx-combo-hot .combo-flames{opacity:1}@keyframes flame-flicker{to{opacity:.72;transform:translateY(-8px)scaleX(.85)scaleY(1.12)}}.fx-critical:before{content:"KRITIK VURUS!";color:#fff;letter-spacing:2px;text-shadow:0 2px 8px #00000080;background:linear-gradient(135deg,#f59e0bf5,#ef4444f5);border-radius:18px;padding:12px 18px;font-family:Rajdhani,sans-serif;font-size:22px;font-weight:950;animation:1.1s cubic-bezier(.2,.9,.2,1) forwards critical-slam;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 32px #f59e0b73}@keyframes critical-slam{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)rotate(-5deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-76%)scale(.92)}}.battle-character-card{background:linear-gradient(145deg,#ffffff0e,#ffffff03);border:1px solid #ffffff14;border-radius:16px;padding:5px;box-shadow:inset 0 1px #ffffff14}.battle-character-avatar{will-change:transform, filter;transform:translateZ(0)}.character-sprite{transform-origin:50% 85%;display:inline-block}.battle-character-card.is-attacking .character-sprite{animation:.48s cubic-bezier(.2,1.2,.2,1) both character-attack}.battle-character-card.opponent.is-attacking .character-sprite{animation-name:character-attack-left}.battle-character-card.is-damaged .character-sprite{filter:drop-shadow(0 0 10px #ef4444cc);animation:.42s cubic-bezier(.36,.07,.19,.97) both character-damage}@keyframes character-attack{0%{transform:translate(0)rotate(0)scale(1)}42%{transform:translate(24px)rotate(10deg)scale(1.14)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes character-attack-left{0%{transform:translate(0)rotate(0)scale(1)}42%{transform:translate(-24px)rotate(-10deg)scale(1.14)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes character-damage{0%,to{transform:translate(0)scale(1)}20%{transform:translate(-5px)scale(.94)}40%{transform:translate(5px)scale(1.04)}60%{transform:translate(-4px)scale(.98)}}.hp-row{grid-template-columns:42px 1fr 34px;align-items:center;gap:7px;display:grid}.hp-label,.hp-value{color:#e2e8f0c7;letter-spacing:.7px;font-family:Rajdhani,sans-serif;font-size:9px;font-weight:900}.hp-value{text-align:right;color:#fff}.hp-track{padding:2px;background:#020617b8!important;border:1px solid #ffffff13!important;border-radius:999px!important;height:13px!important}.hp-fill{border-radius:999px!important;transition:width .55s cubic-bezier(.2,.9,.2,1)!important}.hp-fill.player-bar{box-shadow:0 0 14px #22d3ee66;background:linear-gradient(90deg,#16a34a,#22d3ee,#67e8f9)!important}.hp-fill.opponent-bar{box-shadow:0 0 14px #f59e0b59;background:linear-gradient(90deg,#ef4444,#f59e0b,#fcd34d)!important}.opponent-status-pop{letter-spacing:.8px;color:#fff;background:#0f172adb;border:1px solid #ffffff1f;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:950;animation:.75s ease-out both status-pop-in;box-shadow:0 8px 18px #00000047}.opponent-status-pop.correct{color:#fcd34d;border-color:#f59e0b70}.opponent-status-pop.wrong{color:#67e8f9;border-color:#22d3ee5c}@keyframes status-pop-in{0%{opacity:0;transform:translateY(8px)scale(.86)}25%,82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.85;transform:translateY(-2px)scale(.98)}}body.low-perf-mode .battle-starfield,body.low-perf-mode .floating-island,body.low-perf-mode .arena-orbit-ring,body.low-perf-mode .arena-platform-3d,body.low-perf-mode .combo-flames span,body.low-perf-mode .duel-btn-3d:before{animation:none!important}@media (width<=500px),(prefers-reduced-motion:reduce){.battle-starfield{opacity:.28;animation-duration:40s}.floating-island{opacity:.42}.arena-orbit-ring{opacity:.62}.battle-character-card{padding:3px}.hp-row{grid-template-columns:36px 1fr 30px;gap:5px}.fx-critical:before{font-size:18px;top:30%}}