.dashboard-container{--sidebar-w: 240px;display:flex;height:100vh;height:100dvh;background-color:var(--bg-secondary);background-image:url(/trainingbackground1.webp),linear-gradient(135deg,#334155,#1e293b,#0f172a);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;position:relative;color:var(--text-primary)}.dashboard-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);pointer-events:none;z-index:0}.home-credits{position:fixed;bottom:12px;left:calc(var(--sidebar-w, 240px) + 20px);font-size:.8rem;color:#fff;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 12px rgba(255,255,255,.3);pointer-events:none;z-index:50}.adventure-mode-btn{position:absolute;top:1.5rem;left:1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid rgba(16,185,129,.5);border-radius:16px;padding:1rem 2.25rem;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #10b98166,0 0 30px #10b98140;transition:all .3s ease;z-index:100;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);pointer-events:auto}.adventure-mode-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #10b98199,0 0 30px #10b98166;border-color:#10b981cc}.adventure-mode-btn:active{transform:translateY(0) scale(1)}.characters-mode-btn{position:absolute;top:5.15rem;left:1.5rem;background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff;border:2px solid rgba(168,85,247,.55);border-radius:16px;padding:.9rem 2.05rem;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #a855f759,0 0 30px #a855f738;transition:all .3s ease;z-index:100;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);pointer-events:auto}.characters-mode-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 24px #a855f780,0 0 34px #a855f752;border-color:#a855f7d9}.characters-mode-btn:active{transform:translateY(0) scale(1)}.sidebar{width:var(--sidebar-w);background:var(--bg-card-solid);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem .5rem;gap:.75rem;flex-shrink:0;z-index:20;transition:all .3s ease}.logo-area{padding:.5rem;margin-bottom:.5rem;display:flex;justify-content:center}.logo-icon{font-size:2rem;filter:drop-shadow(0 2px 8px rgba(34,197,94,.6));display:flex;align-items:center;justify-content:center;padding:.5rem}.brand-logo{width:clamp(80px,22vw,150px);height:clamp(80px,22vw,150px);object-fit:cover;object-position:center;filter:drop-shadow(0 4px 12px rgba(34,197,94,.8));animation:logoGlow 3s ease-in-out infinite;transform:scale(1.25);margin:-25px}@keyframes logoGlow{0%,to{filter:drop-shadow(0 4px 12px rgba(34,197,94,.8))}50%{filter:drop-shadow(0 4px 20px rgba(34,197,94,1)) drop-shadow(0 0 30px rgba(34,197,94,.6))}}.nav-menu{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:.5rem;padding-right:.25rem}.nav-menu::-webkit-scrollbar{width:6px}.nav-menu::-webkit-scrollbar-track{background:#0003;border-radius:10px}.nav-menu::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:10px;transition:background .2s}.nav-menu::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}.nav-item{background:transparent;border:none;width:100%;padding:.85rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:1rem;color:#22c55e;font-weight:700;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-item:hover{background:#22c55e1f;color:#059669}.nav-item.active{background:#3b82f6;color:#fff;box-shadow:0 0 15px #3b82f680}.nav-item .icon{min-width:24px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:inherit}.nav-item .icon svg{width:100%;height:100%;color:inherit;stroke:currentColor;fill:none;transition:all .2s}.nav-item .icon{position:relative}.nav-chest-dot{position:absolute;top:-2px;right:-4px;width:9px;height:9px;background:#f59e0b;border-radius:50%;border:2px solid #0f172a;box-shadow:0 0 6px #f59e0bb3;animation:chestDotPulse 2s ease-in-out infinite}@keyframes chestDotPulse{0%,to{box-shadow:0 0 4px #f59e0b80}50%{box-shadow:0 0 10px #f59e0be6}}.nav-item:hover .icon svg{filter:drop-shadow(0 0 4px rgba(99,102,241,.6))}.nav-item.active .icon svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.nav-item .label{opacity:1;transition:opacity .2s}.nav-item-wrapper.nav-item-disabled{position:relative;width:100%;display:flex}.nav-item-wrapper.nav-item-disabled .nav-item{color:#94a3b8;cursor:not-allowed;pointer-events:none;flex:1}.nav-item-wrapper.nav-item-disabled .nav-item .icon,.nav-item-wrapper.nav-item-disabled .nav-item .icon svg{color:#94a3b8}.nav-item-wrapper.nav-item-disabled .nav-coming-soon-popup{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:.85rem;font-weight:600;border-radius:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;box-shadow:0 2px 8px #0000004d}.nav-item-wrapper.nav-item-disabled:hover .nav-coming-soon-popup{opacity:1}.rank-widget{width:100%;background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-top:auto;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;overflow:hidden;cursor:pointer;font:inherit;color:var(--text-primary);text-align:left}.rank-widget:hover{background:var(--bg-hover)}.rank-widget-icon{font-size:1.5rem;display:flex;align-items:center}.rank-widget-icon-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.rank-widget-info{display:flex;flex-direction:column}.rank-widget-name{font-size:.8rem;font-weight:700;white-space:nowrap}.rank-widget-trophies{font-size:.7rem;color:#ca8a04}.sidebar-footer{margin-top:.5rem}.main-content{flex:1;display:flex;flex-direction:column;position:relative;z-index:10;padding-bottom:2rem}.dashboard-header{position:fixed;top:0;right:0;padding:.75rem 2.5rem;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:50}.welcome-text{display:none}.train-dummy-btn{position:fixed;left:34.5%;top:60%;transform:translateY(-50%);background:linear-gradient(135deg,#6366f14d,#4f46e54d);border:3px solid rgba(129,140,248,.5);border-radius:16px;padding:1rem 2rem;font-size:1.3rem;font-weight:800;color:#fff;cursor:pointer;z-index:40;display:flex;flex-direction:column;align-items:center;gap:.3rem;box-shadow:0 0 30px #6366f166,0 8px 20px #0006,inset 0 1px #fff3;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;animation:trainPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.train-dummy-btn:hover{transform:translateY(-50%) scale(1.1);background:linear-gradient(135deg,#6366f180,#4f46e580);box-shadow:0 0 50px #6366f1b3,0 12px 30px #00000080,inset 0 1px #ffffff4d}.train-dummy-btn:active{transform:translateY(-50%) scale(.95)}.train-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.train-text{text-shadow:0 2px 8px rgba(0,0,0,.6)}@keyframes trainPulse{0%,to{box-shadow:0 0 30px #6366f166,0 8px 20px #0006,inset 0 1px #fff3}50%{box-shadow:0 0 50px #6366f1b3,0 8px 20px #0006,inset 0 1px #fff3}}.hero-character-showcase{position:fixed;bottom:2rem;left:68%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;animation:heroEntrance .8s ease-out;cursor:pointer;transition:all .3s ease}.hero-character-showcase:hover{transform:translate(-50%) scale(1.05);filter:brightness(1.2)}.hero-character-showcase:before{content:"Click to change";position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#0006;padding:.4rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;color:#ffffffb3;text-shadow:0 1px 4px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:200;white-space:nowrap}.hero-character-showcase:hover:before{opacity:.8}.hero-character-showcase:hover .character-glow{opacity:1.5;transform:scale(1.3)}.hero-xp-bar-wrap{width:100%;max-width:280px;margin:.5rem auto;display:flex;justify-content:center}.hero-xp-bar-wrap .character-xp-bar-inner{justify-content:center;width:100%}.hero-xp-bar-wrap .character-xp-bar-track-wrap--iridescent{max-width:280px}.hero-xp-bar-inside-box .character-xp-bar-track-wrap--iridescent{max-width:240px}.hero-xp-bar-wrap .character-xp-bar-track-wrap--iridescent .character-xp-bar-track{max-width:none}@keyframes heroEntrance{0%{opacity:0;transform:translate(-50%) translateY(50px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.character-hero-image-container{position:relative;margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center;animation:heroFloat 4s ease-in-out infinite}.hero-xp-bar-inside-box{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:260px;padding:.4rem .5rem;z-index:10;background:transparent;border:none}.character-hero-image-container--ascended{padding:5px;border-radius:28px;background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff);background-size:200% 100%;animation:character-xp-iridescent-shimmer 4s ease-in-out infinite;box-shadow:0 0 12px #93c5fd80}.character-hero-image-container--ascended .character-hero-image{border:none;box-shadow:0 25px 70px #000000e6,inset 0 0 4px #0000004d}.character-hero-image-container--boosted{padding:5px;border-radius:28px;background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff);background-size:200% 100%;animation:character-xp-iridescent-shimmer 4s ease-in-out infinite}.character-hero-image-container--boosted .character-hero-image{border:none}.character-hero-name .nameplate-level{font-size:.85em;opacity:.95;margin-left:.1rem}.character-hero-image{width:clamp(200px,50vw,350px);height:clamp(200px,50vw,350px);object-fit:cover;border-radius:24px;border:5px solid rgba(59,130,246,.7);background:#0006;box-shadow:0 25px 70px #000000e6,0 0 50px #3b82f680;position:relative;z-index:2}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.character-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:50%;animation:glowPulse 3s ease-in-out infinite;z-index:1}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.character-nameplate-container{position:relative;margin-bottom:.5rem;display:inline-block;pointer-events:none}.character-hero-name{font-size:.3rem;font-weight:700;color:#fff;text-shadow:0 0 40px currentColor,0 0 60px currentColor,0 0 80px currentColor,2px 2px 0 rgba(0,0,0,1),-1px -1px 0 rgba(0,0,0,.8);letter-spacing:1px;text-transform:uppercase;filter:drop-shadow(0 0 50px currentColor) brightness(1.6) saturate(1.3);-webkit-text-stroke:1.5px rgba(0,0,0,.6);position:relative;z-index:100;background-image:url(/assets/ui/nameplate.webp);background-size:contain;background-repeat:no-repeat;background-position:center;padding:1rem 2rem;width:clamp(240px,60vw,400px);height:clamp(50px,12vw,80px);display:flex;align-items:center;justify-content:center;gap:0;margin:0;transform:scale(3.5);transform-origin:center;will-change:transform;pointer-events:none}.nameplate-text-clickable{pointer-events:auto;cursor:pointer;padding:.5rem;text-align:center;display:block;width:100%}.home-boosted-level{display:inline-block;margin-left:.15em;font-size:.85em;font-weight:800;background:linear-gradient(110deg,#fff,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fde047 95%,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:home-iridescent-shimmer 2s ease-in-out infinite}@keyframes home-iridescent-shimmer{0%{background-position:0% center}to{background-position:200% center}}.nameplate-stars{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:1.4rem;display:flex;gap:6px;filter:drop-shadow(0 0 15px currentColor) drop-shadow(0 4px 10px rgba(0,0,0,.9));animation:starShine 2s ease-in-out infinite;z-index:150;-webkit-text-stroke:1px rgba(0,0,0,.9);pointer-events:none}@keyframes starShine{0%,to{filter:drop-shadow(0 0 10px currentColor) drop-shadow(0 4px 8px rgba(0,0,0,.9))}50%{filter:drop-shadow(0 0 20px currentColor) drop-shadow(0 4px 8px rgba(0,0,0,.9))}}.character-hero-ability{font-size:1.1rem;font-weight:600;color:#fffc;text-shadow:0 2px 10px rgba(0,0,0,.6);letter-spacing:.5px;margin-bottom:.5rem}.character-rarity-badge{padding:.5rem 1.25rem;border-radius:12px;border:2px solid;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #00000080,inset 0 0 20px #ffffff1a;animation:rarityPulse 3s ease-in-out infinite}@keyframes rarityPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.03);filter:brightness(1.2)}}.character-hint{margin-top:1rem;font-size:1.1rem;font-weight:700;color:#60a5fa;background:#0f172ae6;padding:.5rem 1.5rem;border-radius:12px;border:2px solid rgba(59,130,246,.6);text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(59,130,246,.8);letter-spacing:.5px;animation:hintPulse 2s ease-in-out infinite;box-shadow:0 4px 12px #00000080,0 0 20px #3b82f64d}@keyframes hintPulse{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.player-stats{display:flex;gap:1rem;align-items:center;pointer-events:auto}.player-stats .stat-badge{transform:translateY(-18px)}.stat-badge{height:44px;padding:0 1.5rem;border-radius:50px;font-weight:800;display:flex;align-items:center;gap:.5rem;font-size:1.1rem;box-shadow:0 4px 12px #00000080;border:2px solid rgba(255,255,255,.1)}.stat-badge.trophies{background:#1e0a3a;border-color:#c084fc;color:#fff}.stat-badge.trophies span{color:#d8b4fe}.stat-badge.gold{background:#1c1508;border-color:#f59e0b;color:#fff}.stat-badge.gold span{color:#fbbf24}.stat-badge.gems{background:#022c22;border-color:#10b981;color:#fff}.stat-badge.gems span:not(.gem-count){color:#34d399}.profile-mini{border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s;padding:0;background:transparent}.profile-mini:active{transform:scale(.98)}.avatar-wrapper.avatar-circle{width:96px;height:96px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0006;border:3px solid rgba(255,255,255,.9)}.avatar-wrapper.avatar-circle.avatar-circle--premium{border:none;padding:3px;background:linear-gradient(110deg,#a16207,#fbbf24,#fde047,#fbbf24,#a16207);background-size:200% 100%;animation:avatar-premium-shimmer 2.5s ease-in-out infinite;box-shadow:0 0 12px #fbbf2480,0 4px 12px #0006}@keyframes avatar-premium-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.avatar-wrapper.avatar-circle .avatar-img-mini{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.08)}.avatar-wrapper.avatar-circle .avatar{font-size:3rem;color:inherit;opacity:1}.profile-section{display:flex;flex-direction:column;align-items:center;gap:.4rem}.profile-section-with-unlock-notification{position:relative}.new-unlock-notification{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);display:flex;align-items:center;gap:.35rem;padding:.3rem .65rem;background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d);border:2px solid #f59e0b;border-radius:10px;box-shadow:0 4px 12px #f59e0b59;color:#1f2937;font-weight:700;font-size:.7rem;white-space:nowrap;animation:newUnlockPulse 1.8s ease-in-out infinite;z-index:10;pointer-events:none}@keyframes newUnlockPulse{0%,to{opacity:1;transform:translate(-50%) translateY(4px) scale(1);box-shadow:0 4px 12px #f59e0b59}45%{opacity:.4;transform:translate(-50%) translateY(8px) scale(1.05);box-shadow:0 4px 16px #f59e0b80}55%{opacity:.4;transform:translate(-50%) translateY(8px) scale(1.05);box-shadow:0 4px 16px #f59e0b80}}.new-unlock-exclamation{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#1f2937;color:#fef3c7;font-weight:900;font-size:1rem;line-height:1}.new-unlock-message{flex:1}.new-unlock-arrow{font-size:1.1rem;color:#92400e;font-weight:900}.username-display{font-size:1rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:#0009;padding:.3rem .8rem;border-radius:8px;border:1px solid rgba(59,130,246,.4);text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.username-display.username-clickable{cursor:pointer;transition:all .2s;border:none;font:inherit}.username-display.username-clickable:hover{background:#3b82f64d;border:1px solid rgba(59,130,246,.6);box-shadow:0 0 12px #3b82f64d}.avatar{font-size:1.5rem;color:#fff;opacity:.8}.arena-container{width:100%;max-width:550px;padding:0 1rem;display:flex;align-items:center;justify-content:center}.arena-card-inner{animation:zoomIn .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;width:100%}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.arena-card{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:6%;left:55%;transform:translate(-50%);z-index:45;box-shadow:none}.arena-icon{font-size:1.8rem;margin-bottom:.15rem;filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}.arena-header{display:none!important}.arena-header h2{font-size:1.4rem;font-weight:800;text-transform:uppercase;font-style:italic;margin:0 0 .35rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.02em}.arena-status{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.live-badge{background:#dc2626e6;color:#fff;padding:.4rem 1.2rem;border-radius:50px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #dc262666}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}.player-count-badge{background:#22c55e26;border:2px solid rgba(34,197,94,.4);color:#22c55e;padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 2px 12px #22c55e33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-count-badge .player-icon{font-size:1rem}.player-count-badge .count{font-size:.9rem;font-weight:800;color:#22c55e}.battle-content{width:100%;display:flex;flex-direction:column;align-items:center}.options-box{display:flex;flex-direction:column;gap:.5rem;background:#0f172ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem;border-radius:16px;border:2px solid #3b82f6;box-shadow:0 8px 32px #0000004d;position:fixed;left:17%;top:16%;transform:translateY(-50%) scale(.7);z-index:100}.battle-box{display:flex;flex-direction:column;gap:.6rem;background:transparent;align-items:center;width:100%}.mode-toggles{display:flex;flex-direction:column;gap:.5rem;flex:0 0 auto;width:auto;background:transparent!important;padding:0!important;border:none!important}.toggle-group{background:#00000080;padding:.3rem;border-radius:12px;display:flex;gap:.25rem;flex:1}.toggle-group .toggle-btn{flex:1}.toggle-btn{background:transparent;color:#fff9;padding:.4rem .75rem;border-radius:10px;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-size:.75rem;position:relative;overflow:visible}.toggle-btn:hover:not(.active){color:#fff;background:#ffffff1a}.toggle-btn.active{background:#334155;color:#fff;box-shadow:0 2px 4px #0000004d}.toggle-btn.premium-locked{color:#ffffff4d}.toggle-btn.under-construction{color:#fff6;cursor:not-allowed;opacity:.8}.toggle-btn.under-construction:hover{color:#ffffff80;background:#ffffff0d}.construction-badge{margin-left:.25rem;font-size:.75em}.lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.8rem;pointer-events:none;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));line-height:1;display:flex;align-items:center;justify-content:center;opacity:.65}.subject-selector{display:flex;justify-content:center;gap:.4rem;background:#00000080;padding:.3rem;border-radius:12px;flex:1}.subject-btn{background:transparent;color:#3b82f6;padding:.4rem .75rem;border-radius:10px;cursor:pointer;font-weight:700;font-size:.75rem;border:1px solid transparent;transition:all .2s}.subject-btn:hover:not(.active){background:#3b82f61a}.subject-btn.active{background:#3b82f633;border-color:#3b82f6;color:#60a5fa;box-shadow:0 0 10px #3b82f633}.adaptive-mode-row{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-top:6px;border-radius:12px;background:#7c3aed14;border:1px solid rgba(124,58,237,.2);cursor:pointer;transition:all .2s;position:relative}.adaptive-mode-row:hover{background:#7c3aed26}.adaptive-mode-row.adaptive-active{background:linear-gradient(135deg,#7c3aed40,#6366f133,#a855f733);border-color:#a78bfa66;box-shadow:0 0 12px #8b5cf626,inset 0 0 20px #8b5cf60f}.adaptive-mode-row.adaptive-active:hover{background:linear-gradient(135deg,#7c3aed59,#6366f147,#a855f747);border-color:#a78bfa8c}.adaptive-mode-row.adaptive-active .adaptive-label{color:#ddd6fe}.adaptive-mode-row.premium-locked{opacity:.5;cursor:pointer}.adaptive-sparkle-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;filter:invert(73%) sepia(30%) saturate(1200%) hue-rotate(220deg) brightness(100%) contrast(95%)}.adaptive-label{font-size:.82rem;font-weight:700;color:#c4b5fd;letter-spacing:.02em;flex:1}.adaptive-toggle-switch{width:38px;height:20px;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);position:relative;transition:all .25s;flex-shrink:0}.adaptive-toggle-switch.on{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#a78bfa80}.adaptive-toggle-knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:1px;left:1px;transition:transform .25s;box-shadow:0 1px 3px #0000004d}.adaptive-toggle-switch.on .adaptive-toggle-knob{transform:translate(18px)}.clean-input{width:100%;padding:.85rem;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:1rem;text-align:center;font-weight:600;transition:all .2s}.clean-input:focus{outline:none;border-color:#3b82f6;background:#000c;box-shadow:0 0 0 2px #3b82f64d}.clean-input.locked-input{color:#ffffffb3;background:#0006;border-color:transparent}@keyframes battle-btn-glow{0%{filter:drop-shadow(0 8px 15px rgba(0,0,0,.5)) brightness(1.02) drop-shadow(0 0 6px rgba(255,255,255,.15))}50%{filter:drop-shadow(0 8px 15px rgba(0,0,0,.5)) brightness(1.28) drop-shadow(0 0 4px rgba(255,255,255,1)) drop-shadow(0 0 12px rgba(255,255,255,.95)) drop-shadow(0 0 28px rgba(255,255,255,.7)) drop-shadow(0 0 55px rgba(255,255,255,.4))}to{filter:drop-shadow(0 8px 15px rgba(0,0,0,.5)) brightness(1.02) drop-shadow(0 0 6px rgba(255,255,255,.15))}}.hero-battle-btn-wrap{position:relative;width:clamp(280px,80vw,800px);height:clamp(80px,25vw,200px);display:flex;align-items:center;justify-content:center;transition:transform .2s ease;will-change:transform}.xp-booster-timer{position:absolute;bottom:52px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#10b98140,#05966933);border:1px solid rgba(16,185,129,.5);border-radius:8px;padding:.15rem .6rem;box-shadow:0 4px 12px #0000004d;z-index:10;white-space:nowrap}.xp-booster-2x{font-weight:800;font-size:.85rem;color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.6);margin-right:-.15rem}.xp-booster-countdown{font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600;color:#fffffff2}.hero-battle-btn-wrap.adaptive-glow{filter:drop-shadow(0 0 18px rgba(139,92,246,.5)) drop-shadow(0 0 40px rgba(124,58,237,.3))}.hero-battle-btn-wrap.adaptive-glow .hero-battle-btn{color:#ddd6fe;text-shadow:0 0 20px rgba(167,139,250,.9),0 0 40px rgba(139,92,246,.6),2px 2px 0 rgba(0,0,0,1),-1px -1px 0 rgba(0,0,0,.8)}.hero-battle-btn-icon{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;animation:battle-btn-glow 5s ease-in-out infinite}.hero-battle-btn-wrap:has(.hero-battle-btn:hover){transform:scale(1.05)}.hero-battle-btn-wrap:has(.hero-battle-btn:active){transform:scale(.98)}.hero-battle-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% - 10px));width:52%;height:52%;min-width:clamp(120px,40vw,200px);min-height:clamp(40px,10vw,60px);display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:#fff;font-size:1.5rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 0 20px currentColor,0 0 40px currentColor,2px 2px 0 rgba(0,0,0,1),-1px -1px 0 rgba(0,0,0,.8);filter:none}.private-actions{display:none;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;margin-top:1rem;flex-wrap:wrap}.text-link{color:#ffffff80;text-decoration:none;background:none;border:none;cursor:pointer;transition:all .2s ease}.text-link:hover{color:#fff}.divider-dot{color:#ffffff4d;font-size:.8rem;-webkit-user-select:none;user-select:none}.quick-access{display:none}.quick-btn-disabled-wrapper{position:relative;display:inline-flex}.quick-btn-disabled-wrapper .quick-btn-disabled{color:#94a3b8;cursor:not-allowed;pointer-events:none}.quick-btn-disabled-wrapper .nav-coming-soon-popup{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:.85rem;font-weight:600;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;box-shadow:0 2px 8px #0000004d}.quick-btn-disabled-wrapper:hover .nav-coming-soon-popup{opacity:1}.cpu-settings{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1rem;margin-bottom:1rem;animation:fadeIn .3s ease-out}.cpu-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.cpu-icon{font-size:1.5rem}.cpu-title{font-weight:600;font-size:1rem;color:#fff}.cpu-difficulty{margin-bottom:.75rem}.cpu-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cpu-label{font-weight:700;font-size:1.1rem;color:#a5b4fc}.cpu-elo{font-size:.9rem;color:#94a3b8;font-family:monospace}.cpu-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#22c55e,#eab308,#ef4444);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.cpu-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #6366f1;cursor:pointer;box-shadow:0 2px 6px #0000004d}.cpu-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #6366f1;cursor:pointer;box-shadow:0 2px 6px #0000004d}.cpu-range-labels{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.75rem;color:#64748b}.cpu-info{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#eab3081a;border-radius:8px;font-size:.8rem;color:#fbbf24}.info-icon{font-size:1rem}.hero-battle-btn.cpu-battle{background:linear-gradient(180deg,#6366f1,#4f46e5);box-shadow:0 4px #3730a3,0 6px 20px #6366f166}.hero-battle-btn.cpu-battle:hover{transform:translateY(-2px);box-shadow:0 6px #3730a3,0 8px 25px #6366f180}.cpu-main-btn{width:100%;padding:.9rem 1.5rem;background:linear-gradient(180deg,#6366f1,#4f46e5);border:none;border-radius:14px;color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px #3730a3,0 4px 16px #6366f166;text-transform:uppercase;margin-bottom:.75rem}.cpu-main-btn:hover{transform:translateY(-2px);box-shadow:0 5px #3730a3,0 6px 20px #6366f180}.cpu-main-btn:active{transform:translateY(2px);box-shadow:0 1px #3730a3,0 3px 12px #6366f14d}.cpu-link{color:#a5b4fc!important;font-size:1rem!important;font-weight:700!important;padding:12px 24px!important;background:#6366f126!important;border:2px solid rgba(99,102,241,.4)!important;border-radius:12px!important;transition:all .3s ease!important;box-shadow:0 2px 12px #6366f133!important}.cpu-link:hover{color:#fff!important;background:#6366f140!important;border-color:#6366f1!important;transform:translateY(-2px)!important;box-shadow:0 4px 20px #6366f166!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-container{--sidebar-w: 70px}.dashboard-header{padding:.5rem 1rem}.stat-badge{padding:0 1rem;font-size:.9rem;height:36px}.sidebar{width:var(--sidebar-w);padding:1rem .25rem}.nav-item .label,.rank-widget-info{display:none}.arena-card{padding:1.5rem}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.dashboard-container{--sidebar-w: 60px}.sidebar{width:var(--sidebar-w);padding:.2rem .1rem;gap:.1rem;overflow-y:auto;overflow-x:hidden}.sidebar:after{display:none}.logo-area{margin-bottom:.08rem;padding:.1rem}.brand-logo{width:28px;height:28px}.nav-item{padding:.25rem;border-radius:5px;justify-content:center}.nav-item .icon{min-width:20px;width:20px;height:20px;font-size:.9rem}.nav-item .label{display:none}.rank-widget{padding:.25rem;display:flex;justify-content:center;align-items:center;border-radius:5px}.rank-widget-header{display:flex;justify-content:center;align-items:center}.rank-widget-icon-img{width:20px;height:20px}.rank-widget-info,.rank-widget-progress-bar,.rank-widget-next,.rank-widget-max{display:none}.sidebar-footer{margin-top:.08rem}.dashboard-header{padding:.2rem .5rem}.stat-badge{height:22px;padding:0 .3rem;font-size:.6rem;gap:.15rem}.stat-badge .stat-icon{width:14px;height:14px}.home-credits{display:none}.adventure-mode-btn{top:.4rem;left:calc(var(--sidebar-w) + .5rem);padding:.3rem .6rem;font-size:.6rem;border-radius:8px;border-width:2px;gap:.25rem}.characters-mode-btn{top:2.1rem;left:calc(var(--sidebar-w) + .5rem);padding:.25rem .55rem;font-size:.55rem;border-radius:8px;border-width:2px;gap:.25rem}.hero-character-showcase{animation:none;bottom:.8rem;left:66%;right:auto;transform:translate(-50%)}.hero-character-showcase:hover{transform:translate(-50%) scale(1.05)}.hero-character-showcase:before{display:none}.character-hero-image-container{margin-bottom:.15rem;animation:none;overflow:visible}.character-hero-image{width:clamp(115px,34vh,160px);height:clamp(115px,34vh,160px);border-radius:12px;border-width:3px}.character-glow{opacity:.8}.hero-xp-bar-inside-box{width:calc(100% - .2rem);max-width:120px;padding:.04rem .08rem}.character-nameplate-container{margin-top:-12px;margin-bottom:-20px}.character-hero-name{font-size:.5rem;white-space:nowrap;overflow:visible}.character-hero-ability{font-size:.45rem;padding:.04rem .3rem;white-space:nowrap}.arena-card{top:2%;left:50%;transform:translate(-50%);padding:0}.arena-container{max-width:240px}.arena-header h2{font-size:clamp(.55rem,1.5vh,.75rem)}.arena-icon{font-size:clamp(.6rem,1.6vh,.85rem)}.options-box{left:calc(var(--sidebar-w) + 52px)!important;top:8%!important;transform:scale(.55)!important;transform-origin:top left!important}.battle-settings-bar{gap:.1rem}.toggle-group{gap:.04rem}.toggle-btn{padding:.1rem .2rem;font-size:.44rem}.cpu-main-btn{padding:.22rem .5rem;font-size:.55rem;border-radius:7px;margin-bottom:.12rem}.cpu-link{font-size:.5rem!important;padding:.18rem .45rem!important}.train-dummy-btn{left:38%;top:52%;padding:.22rem .5rem;font-size:.55rem;border-radius:7px;border-width:2px}.train-icon{font-size:.75rem}}@media (max-width: 480px),(max-height: 550px) and (orientation: landscape){.character-nameplate-container{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;margin-top:-10px!important;margin-bottom:-18px!important;pointer-events:none!important}.character-hero-name{transform:none!important;will-change:auto!important;width:clamp(145px,42vw,200px)!important;height:clamp(70px,18vw,95px)!important;padding:0!important;margin:0!important;font-size:.5rem!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;white-space:nowrap!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important}.nameplate-stars{position:static!important;inset:auto!important;transform:none!important;margin-top:-10px!important;margin-bottom:0!important;gap:1px!important;z-index:150!important;display:flex!important;justify-content:center!important;pointer-events:none!important;animation:none!important}.nameplate-stars .rarity-star-icon,.nameplate-stars .rarity-star-icon--ascendant{width:16px!important;height:16px!important}.nameplate-stars .rarity-star-icon:not(:first-child),.nameplate-stars .rarity-star-icon--ascendant:not(:first-child){margin-left:-4px!important}.character-hero-ability{font-size:.45rem!important;padding:.04rem .3rem!important;white-space:nowrap!important;margin-top:-4px!important;margin-bottom:0!important}}.premium-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.premium-modal{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:28px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid rgba(251,191,36,.3);box-shadow:0 20px 60px #00000080,0 0 100px #fbbf2433;animation:slideUp .3s ease}.premium-close{position:absolute;top:1.5rem;right:1.5rem;background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.premium-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.premium-header{text-align:center;padding:3rem 2rem 2rem;border-bottom:1px solid var(--border-color)}.premium-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 12px rgba(251,191,36,.5));animation:float 3s ease-in-out infinite}.premium-icon-img{width:72px;height:72px;object-fit:contain;margin-bottom:1rem;filter:drop-shadow(0 4px 12px rgba(251,191,36,.5));animation:float 3s ease-in-out infinite}.premium-header h2{font-size:2.25rem;font-weight:900;margin:0 0 .75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0}.premium-modal-benefits{padding:2rem}.premium-modal-benefits h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.premium-modal-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:600px;margin:0 auto}.premium-modal-benefit-item{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.95rem}.premium-benefit-icon-wrap{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.premium-benefit-icon{width:32px;height:32px;object-fit:contain}.premium-benefit-icon--filtered{filter:invert(73%) sepia(30%) saturate(1200%) hue-rotate(220deg) brightness(100%) contrast(95%)}.premium-benefit-icon--svg{width:28px;height:28px}.premium-benefit-icon--round{border-radius:50%;border:2px solid rgba(251,191,36,.4)}.premium-benefit-label{display:flex;flex-direction:column;gap:1px;font-weight:600}.premium-benefit-soon{font-size:.65rem;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:.06em}.premium-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 2rem 2rem}.price-card{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:20px;padding:2rem 1.5rem;text-align:center;position:relative;transition:all .3s}.price-card:hover{background:#ffffff0d;border-color:#fbbf244d;transform:translateY(-4px)}.price-card.featured{border:2px solid rgba(251,191,36,.5);background:linear-gradient(180deg,#fbbf2426,#ffffff08)}.price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;padding:.35rem 1rem;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #fbbf2466}.price-card h4{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1rem}.price{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.5rem}.price-amount{font-size:2.25rem;font-weight:900;color:var(--text-primary);line-height:1}.price-per-month{color:var(--text-muted);font-size:.9rem;margin-top:.5rem;font-weight:600}.price-period{color:var(--text-muted);font-size:1rem;margin-left:.25rem}.price-savings{color:#22c55e;font-size:.9rem;font-weight:700;margin-bottom:1.5rem;min-height:1.5rem}.premium-btn{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.premium-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.premium-btn:disabled{opacity:.6;cursor:not-allowed}.premium-btn-primary{background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#78350f;border:none;box-shadow:0 8px 24px #fbbf2466,inset 0 -3px #0003,inset 0 1px #ffffff4d}.premium-btn-primary:hover{box-shadow:0 12px 32px #fbbf2480,inset 0 -3px #0003,inset 0 1px #ffffff4d}.premium-error{text-align:center;padding:1rem 2rem;margin:0 2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;font-size:.9rem}.referral-applied-banner{text-align:center;padding:.6rem 1.5rem;margin:0 2rem 1rem;background:#22c55e1f;border:1px solid rgba(34,197,94,.35);border-radius:12px;color:#4ade80;font-size:.9rem;font-weight:700}.price-amount-original{font-size:1.3rem;font-weight:700;color:var(--text-muted);text-decoration:line-through;line-height:1;margin-bottom:.25rem}.price-amount--discounted{color:#4ade80}.premium-footer{text-align:center;padding:0 2rem 2rem;color:#fff6;font-size:.85rem}@media (max-width: 768px){.premium-modal{max-width:600px}.premium-pricing{grid-template-columns:1fr}.price-card{padding:1.5rem}}@media (max-width: 640px){.premium-modal-benefits-grid,.premium-pricing{grid-template-columns:1fr}.premium-header{padding:2.5rem 1.5rem 1.5rem}.premium-header h2{font-size:1.75rem}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.premium-modal{max-height:95vh;max-height:95dvh}.premium-header{padding:1.5rem 1rem .75rem}.premium-header h2{font-size:1.3rem}.premium-modal-content{padding:.5rem .75rem}.price-card{padding:1rem}}.customization-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.customization-modal{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #3b82f6;border-radius:24px;width:90%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009,0 0 40px #3b82f64d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.customization-modal .modal-header{padding:1.5rem 1.5rem 1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;margin-bottom:0}.customization-modal .modal-header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.customization-modal .modal-gems{background:#02061799;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.5rem .9rem;font-weight:700;font-size:.95rem}.customization-modal .modal-header h2{margin:0;font-size:1.8rem;font-weight:800;color:#fff;text-transform:uppercase;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.5)}.close-btn{width:40px;height:40px;border-radius:8px;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ef44444d;color:#ef4444}.modal-tabs{display:flex;padding:0 2rem;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{background:transparent;border:none;color:#fff9;padding:1rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{color:#60a5fa;border-bottom-color:#3b82f6}.customization-modal .modal-content{flex:1;padding:1rem 1.5rem;overflow-y:auto;width:100%;max-width:none;box-sizing:border-box}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;width:100%;max-width:100%;padding:0;margin:0 auto}.customization-notification{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#020617f2;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.65rem 1rem;display:flex;gap:.6rem;align-items:center;z-index:10;box-shadow:0 12px 40px #00000080}.customization-notification.success{border-color:#22c55e59}.customization-notification.error{border-color:#ef444459}.customization-notification.info{border-color:#3b82f659}.customization-notification .notification-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff14;font-weight:900;font-size:.9rem}.customization-notification .notification-message{font-size:.9rem;font-weight:600}.avatar-option{background:#1e293b80;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:.4rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;transition:all .2s;position:relative;width:100%;min-width:0;min-height:118px}.avatar-option:hover:not(.locked) .avatar-option-display{border-color:#3b82f6}.avatar-option.selected{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.avatar-option.locked{opacity:.7}.avatar-option.locked:hover{opacity:1}.avatar-option.locked:has(.avatar-unlock-btn:hover:not(:disabled)){opacity:1}.avatar-option.new-unviewed,.banner-option.new-unviewed{animation:newUnviewedBorderFlash 1.2s ease-in-out infinite;box-shadow:0 0 12px #fbbf2480}@keyframes newUnviewedBorderFlash{0%,to{border-color:#f59e0b;box-shadow:0 0 12px #fbbf2480,0 0 20px #f59e0b4d}50%{border-color:#fcd34d;box-shadow:0 0 18px #fbbf24cc,0 0 30px #f59e0b80}}.avatar-requirement-btn{text-align:center;cursor:default;pointer-events:none;border-color:#4b5563;background:#4b556380;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.avatar-option-display{width:72px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#fff;cursor:pointer;border:2px solid transparent;transition:border-color .2s;position:relative}.avatar-option-display:hover{border-color:#3b82f680}.avatar-option-display .avatar-display-wrap{width:100%;height:100%}.avatar-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;line-height:1;pointer-events:none;opacity:.35;transition:opacity .2s}.avatar-option.locked:hover .avatar-lock-overlay{opacity:.9}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.08)}.avatar-emoji{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.avatar-unlock-btn,.avatar-select-btn,.avatar-requirement-btn{width:100%;min-width:0;height:28px;min-height:28px;max-height:28px;padding:0 .4rem;border-radius:8px;font-size:.7rem;font-weight:600;transition:all .2s;border:2px solid;display:flex;align-items:center;justify-content:center;gap:.15rem;flex-shrink:0}.avatar-unlock-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;cursor:pointer;opacity:.7}.avatar-option.locked:hover .avatar-unlock-btn:not(:disabled){opacity:1}.avatar-unlock-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66;filter:brightness(1.2);opacity:1;background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#4ade80}.avatar-unlock-btn:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;color:#ffffff80}.avatar-select-btn{background:#3b82f633;border-color:#3b82f680;color:#93c5fd}.avatar-select-btn:hover{background:#3b82f64d;border-color:#3b82f6;color:#fff}.avatar-select-btn.selected{background:#22c55e40;border-color:#22c55e;color:#86efac;cursor:default}.premium-lock{position:absolute;top:8px;right:8px;font-size:1.2rem}.premium-badge{position:absolute;top:8px;left:8px;font-size:.9rem;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.avatar-option.busy{pointer-events:none;opacity:.7}.banner-tab-content{position:relative}.banner-loading{text-align:center;padding:2rem;color:#ffffffb3;font-size:1rem}.banner-grid{display:grid;grid-template-columns:1fr;gap:.5rem;width:100%;max-width:100%;padding:0;margin:0 auto}.banner-option{background:#1e293b80;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s;position:relative;width:100%}.banner-option .avatar-unlock-btn,.banner-option .avatar-select-btn{width:100%;max-width:none}.banner-option:hover:not(.locked) .banner-display-wrap{border-color:#3b82f6}.banner-option.selected{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.banner-option.locked{opacity:.7}.banner-option.locked:hover{opacity:1}.banner-option.locked:has(.avatar-unlock-btn:hover:not(:disabled)){opacity:1}.banner-display-wrap{width:100%;aspect-ratio:4.2;min-height:50px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000004d;border:2px solid transparent;cursor:pointer;transition:border-color .2s,box-shadow .2s;flex-shrink:0;background:#0f172a80;position:relative}.banner-option:not(.locked) .banner-display-wrap:hover{border-color:#3b82f680}.banner-lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;line-height:1;pointer-events:none;opacity:.35;transition:opacity .2s}.banner-option.locked:hover .banner-lock-overlay{opacity:.9}.banner-display-wrap .banner-img,.banner-img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}.banner-preview{width:100%;height:100%}.banner-locked-label{width:100%;padding:.5rem .6rem;border-radius:10px;font-size:.8rem;font-weight:600;border:2px solid #4b5563;background:#4b556380;color:#ffffff80;cursor:not-allowed;text-align:center}.modal-actions{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;justify-content:flex-end}.cancel-modal-btn,.save-modal-btn{padding:.75rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;border:none;font-size:1rem;transition:all .2s}.cancel-modal-btn{background:#ffffff1a;color:#fff}.cancel-modal-btn:hover{background:#fff3}.save-modal-btn{background:linear-gradient(180deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px #1e40af}.save-modal-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.save-modal-btn:active{transform:translateY(2px);box-shadow:none}@media (max-width: 640px){.customization-modal{width:95%;max-height:90vh}.customization-modal .modal-header{padding:1.5rem}.customization-modal .modal-header h2{font-size:1.3rem}.modal-tabs{padding:0 1rem}.customization-modal .modal-content{padding:1rem;width:100%;max-width:none;box-sizing:border-box}.avatar-grid{gap:.4rem}.avatar-option-display{width:64px;height:64px}.banner-grid{grid-template-columns:1fr;gap:.4rem}.modal-actions{padding:1rem;flex-direction:column-reverse}.cancel-modal-btn,.save-modal-btn{width:100%}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.customization-modal{width:90%;max-height:95vh;max-height:95dvh}.customization-modal .modal-header{padding:.75rem 1rem}.customization-modal .modal-header h2{font-size:1.1rem}.customization-modal .modal-content{padding:.5rem .75rem}.avatar-option-display{width:52px;height:52px}.modal-actions{padding:.5rem .75rem;gap:.4rem}}.avatar-display-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;flex-shrink:0}.avatar-display-img{width:100%;height:100%;object-fit:cover;object-position:center}.avatar-display-wrap--pfp1-zoom .avatar-display-img{transform:scale(1.15)}.avatar-display-emoji{font-size:inherit;line-height:1}.avatar-display-wrap.small{width:36px;height:36px}.avatar-display-wrap.small .avatar-display-emoji{font-size:1.25rem}.avatar-display-wrap.medium{width:44px;height:44px}.avatar-display-wrap.medium .avatar-display-emoji{font-size:1.5rem}.avatar-display-wrap.large{width:64px;height:64px}.avatar-display-wrap.large .avatar-display-emoji{font-size:2rem}.avatar-display-wrap.xlarge{width:100px;height:100px}.avatar-display-wrap.xlarge .avatar-display-emoji{font-size:2.5rem}.avatar-display-wrap.battle{width:100%;height:100%;min-width:0;min-height:0}.avatar-display-wrap.battle .avatar-display-emoji{font-size:2rem}.avatar-display-wrap.profile{width:100%;height:100%;min-width:0;min-height:0}.avatar-display-wrap.profile .avatar-display-img{transform:scale(1.08)}.avatar-display-wrap.profile.avatar-display-wrap--pfp1-zoom .avatar-display-img{transform:scale(1.15)}.avatar-display-wrap.profile .avatar-display-emoji{font-size:2.5rem}.avatar-display-wrap.grid{width:100%;height:100%;min-width:0;min-height:0}.avatar-display-wrap.grid .avatar-display-img{transform:scale(1.08)}.avatar-display-wrap.grid.avatar-display-wrap--pfp1-zoom .avatar-display-img{transform:scale(1.15)}.avatar-display-wrap.grid .avatar-display-emoji{font-size:2rem}.change-name-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.change-name-modal{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #3b82f6;border-radius:24px;width:90%;max-width:420px;padding:2rem;box-shadow:0 20px 60px #0009,0 0 40px #3b82f64d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.change-name-modal h2{margin:0 0 1.5rem;font-size:1.4rem;font-weight:800;color:#fff;text-transform:uppercase;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.5)}.change-name-input{width:100%;padding:.85rem 1rem;background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;box-sizing:border-box}.change-name-input:focus{outline:none;border-color:#3b82f6}.change-name-input::placeholder{color:#fff6}.change-name-cost{margin-bottom:1.5rem;font-size:1rem;font-weight:600}.cost-free{color:#22c55e}.cost-gems{display:inline-flex;align-items:center;gap:.5rem;color:#60a5fa}.cost-warning{color:#ef4444;font-size:.9rem}.change-name-actions{display:flex;gap:1rem;justify-content:flex-end}.change-name-cancel,.change-name-confirm{padding:.7rem 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;border:none;font-size:1rem;transition:all .2s}.change-name-cancel{background:#ffffff1a;color:#fff}.change-name-cancel:hover{background:#fff3}.change-name-confirm{background:linear-gradient(180deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px #1e40af}.change-name-confirm:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.change-name-confirm:disabled{opacity:.5;cursor:not-allowed}.character-xp-bar{display:flex;flex-direction:column;width:100%}.character-xp-bar-inner{display:flex;align-items:center;gap:.6rem}.character-xp-bar-track{position:relative;width:100%;max-width:320px;height:20px;background:#000;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.character-xp-bar-track-wrap--iridescent{padding:2px;border-radius:12px;width:100%;max-width:324px;background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff);background-size:200% 100%;animation:character-xp-iridescent-shimmer 4s ease-in-out infinite;box-shadow:0 0 8px #93c5fd80}.character-xp-bar-track-wrap--iridescent .character-xp-bar-track{border:none}@keyframes character-xp-iridescent-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.character-xp-bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#fff,#f0f9ff,#93c5fd 30%,#c4b5fd,#f9a8d4 70%,#fca5a5,#fde047);background-size:200% 100%;animation:character-xp-fill-shimmer 4s ease-in-out infinite;transition:width .3s ease;box-shadow:0 0 8px #93c5fd80}@keyframes character-xp-fill-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.character-xp-bar-percent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.6);opacity:0;transition:opacity .2s ease;pointer-events:none}.character-xp-bar-track:hover .character-xp-bar-percent{opacity:1}.character-xp-bar-level-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Rajdhani,Segoe UI,sans-serif;font-size:.85rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7);pointer-events:none}.character-xp-bar-rank{font-family:Rajdhani,Segoe UI,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.02em;word-spacing:-.2em;white-space:nowrap;background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(147,197,253,.6)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}.character-xp-bar--small .character-xp-bar-track{height:14px;max-width:200px}.character-xp-bar--small .character-xp-bar-percent{font-size:.65rem}.character-xp-bar--small .character-xp-bar-rank{font-size:.7rem}.character-xp-bar--large .character-xp-bar-track{height:24px;max-width:380px}.character-xp-bar--large .character-xp-bar-percent{font-size:.85rem}.character-xp-bar--large .character-xp-bar-level-center,.character-xp-bar--large .character-xp-bar-rank{font-size:.95rem}.character-xp-bar-track--boosted{border:none}.character-xp-bar-fill--boosted{background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff);background-size:200% 100%;animation:character-xp-fill-shimmer 3s ease-in-out infinite}.character-xp-bar-boosted-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Rajdhani,Segoe UI,sans-serif;font-size:.8rem;font-weight:900;letter-spacing:.15em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(147,197,253,.6);pointer-events:none}.rarity-stars-wrap{display:inline-flex;align-items:center;gap:0}.rarity-star-icon{display:block;width:2.5rem;height:2.5rem;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 0 2px rgba(255,255,255,.7)) drop-shadow(0 0 3px rgba(255,255,255,.5)) drop-shadow(0 0 4px rgba(251,191,36,.2)) drop-shadow(0 0 6px rgba(245,158,11,.15))}.rarity-star-icon:not(:first-child){margin-left:-.6rem}.rarity-star-icon--ascendant{background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff);background-size:200% 100%;animation:rarity-star-iridescent 4s ease-in-out infinite;-webkit-mask:url(/star.webp) center/contain no-repeat;mask:url(/star.webp) center/contain no-repeat;flex-shrink:0;filter:drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 4px rgba(147,197,253,.6)) drop-shadow(0 0 6px rgba(196,181,253,.4))}.rarity-star-icon--ascendant:not(:first-child){margin-left:-.6rem}@keyframes rarity-star-iridescent{0%,to{background-position:0% center}50%{background-position:100% center}}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200000;cursor:not-allowed}.tut-spotlight{position:fixed;z-index:200001;border-radius:10px;background:transparent;box-shadow:0 0 0 9999px #0009;pointer-events:none;transition:none!important}.tut-click-proxy{position:fixed;z-index:200003;cursor:pointer;background:transparent}.tut-tip{position:fixed;z-index:200002;width:max-content;max-width:280px;padding:12px 16px;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid rgba(251,191,36,.55);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 20px #fbbf241f;pointer-events:auto;cursor:default;transition:none;animation:tutFadeIn .12s ease-out}@keyframes tutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutShake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.tut-shake{animation:tutShake .45s ease-in-out!important}.tut-tip--top.tut-shake,.tut-tip--bottom.tut-shake,.tut-tip--left.tut-shake,.tut-tip--right.tut-shake{animation:tutShake .45s ease-in-out,tutFadeIn 0s!important}.tut-arrow{position:absolute;width:10px;height:10px;background:#1e293b;border:2px solid rgba(251,191,36,.55);transform:rotate(45deg)}.tut-tip--top .tut-arrow{bottom:-6px;border-top:none;border-left:none}.tut-tip--bottom .tut-arrow{top:-6px;border-bottom:none;border-right:none}.tut-tip--left .tut-arrow{right:-6px;border-left:none;border-bottom:none}.tut-tip--right .tut-arrow{left:-6px;border-right:none;border-top:none}.tut-msg{margin:0 0 10px;font-size:13px;line-height:1.5;color:#f1f5f9;font-weight:500}.tut-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.tut-step{font-size:11px;color:#f1f5f973;font-weight:700;letter-spacing:.5px}.tut-btn{padding:5px 14px;font-size:12px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;letter-spacing:.3px}.tut-btn:hover{transform:scale(1.05);box-shadow:0 2px 12px #fbbf2466}.tut-btn:active{transform:scale(.97)}.tut-hint{font-size:11px;color:#fbbf24b3;font-style:italic}@media (max-width: 600px){.tut-tip{max-width:220px;padding:10px 12px}.tut-msg{font-size:12px}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.tut-tip{max-width:200px;padding:8px 10px;border-radius:10px}.tut-msg{font-size:11px;line-height:1.4;margin-bottom:6px}.tut-btn{padding:4px 10px;font-size:11px}.tut-step{font-size:10px}}.analytics-panel{position:fixed;right:2%;top:50%;transform:translateY(-30%);width:200px;background:#0000008c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 14px;z-index:3;display:flex;flex-direction:column;gap:12px;max-height:50vh;overflow-y:auto;pointer-events:auto}.analytics-panel--locked{position:relative;overflow:hidden}.analytics-blur-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:16px;display:flex;align-items:center;justify-content:center}.analytics-lock-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#c4b5fd;text-align:center;padding:16px}.analytics-lock-title{font-size:.85rem;font-weight:800;color:#e0d4fd}.analytics-lock-sub{font-size:.7rem;color:#ffffff80}.analytics-lock-btn{margin-top:4px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:6px 16px;border-radius:10px;font-size:.72rem;font-weight:700;cursor:pointer;transition:transform .2s}.analytics-lock-btn:hover{transform:scale(1.05)}.analytics-preview{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;opacity:.3;filter:blur(2px)}.analytics-placeholder-bar{width:80%;height:8px;border-radius:4px;background:#ffffff26}.analytics-placeholder-bar.short{width:55%}.analytics-header{display:flex;align-items:center;gap:6px}.analytics-header-icon{color:#a78bfa}.analytics-header-title{font-size:.78rem;font-weight:800;color:#e0d4fd;letter-spacing:.04em;text-transform:uppercase}.analytics-score-section{display:flex;align-items:center;gap:10px}.analytics-score-ring{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#7c3aed4d,#6366f133);border:2.5px solid rgba(167,139,250,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-score-number{font-size:1.3rem;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.analytics-score-meta{display:flex;flex-direction:column;gap:2px}.analytics-score-label{font-size:.7rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.analytics-trend{font-size:.78rem;font-weight:800}.analytics-trend.trend-up{color:#34d399}.analytics-trend.trend-down{color:#f87171}.analytics-trend.trend-stable{color:#fff6}.analytics-accuracy-bars{display:flex;flex-direction:column;gap:6px}.accuracy-bar-row{display:flex;align-items:center;gap:6px}.accuracy-label{font-size:.65rem;font-weight:700;color:#ffffff8c;width:42px;flex-shrink:0}.accuracy-bar-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.accuracy-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.accuracy-bar-fill.math-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.accuracy-bar-fill.english-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.accuracy-pct{font-size:.65rem;font-weight:800;color:#ffffffb3;width:28px;text-align:right;flex-shrink:0}.analytics-topic-section{display:flex;flex-direction:column;gap:4px}.analytics-topic-heading{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.analytics-topic-heading.weak{color:#f87171}.analytics-topic-heading.strong{color:#34d399}.analytics-topic-row{display:flex;justify-content:space-between;align-items:center}.analytics-topic-name{font-size:.68rem;color:#ffffffb3;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.analytics-topic-acc{font-size:.68rem;font-weight:800}.analytics-topic-acc.weak{color:#fca5a5}.analytics-topic-acc.strong{color:#6ee7b7}.analytics-recent{display:flex;align-items:center;gap:8px}.analytics-recent-label{font-size:.6rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.analytics-recent-dots{display:flex;gap:4px}.recent-dot{width:22px;height:22px;border-radius:5px;font-size:.55rem;font-weight:900;display:flex;align-items:center;justify-content:center;color:#fff}.recent-dot.win{background:#34d39940;border:1px solid rgba(52,211,153,.4);color:#6ee7b7}.recent-dot.loss{background:#f8717133;border:1px solid rgba(248,113,113,.35);color:#fca5a5}.analytics-loading{text-align:center;padding:24px 0;font-size:.72rem;color:#fff6;font-weight:600}.analytics-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0;text-align:center}.analytics-empty-chart{width:44px;height:44px;opacity:.45}.analytics-empty-text{font-size:.72rem;color:#ffffff73;font-weight:600;line-height:1.4}@media (max-width: 767px) and (orientation: portrait){.analytics-panel{display:none}}@media (min-width: 768px) and (max-width: 1100px){.analytics-panel{display:flex;width:155px;padding:12px 10px;right:1%;border-radius:14px;gap:8px;max-height:45vh}.analytics-header-title{font-size:.68rem}.analytics-score-ring{width:42px;height:42px}.analytics-score-number{font-size:1.05rem}.analytics-score-label{font-size:.6rem}.analytics-trend{font-size:.65rem}.accuracy-label{font-size:.55rem;width:36px}.accuracy-bar-track{height:5px}.accuracy-pct{font-size:.55rem;width:24px}.analytics-topic-heading{font-size:.5rem}.analytics-topic-name{font-size:.58rem;max-width:90px}.analytics-topic-acc{font-size:.58rem}.analytics-recent-label{font-size:.5rem}.recent-dot{width:18px;height:18px;font-size:.45rem}.analytics-panel--locked{width:140px}.analytics-lock-title{font-size:.72rem}.analytics-lock-sub{font-size:.6rem}.analytics-lock-btn{font-size:.62rem;padding:5px 12px}.analytics-preview .analytics-score-ring{width:36px;height:36px}.analytics-preview .analytics-score-number{font-size:1rem}.analytics-empty-chart{width:32px;height:32px}.analytics-empty-text{font-size:.62rem}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.analytics-panel{display:block!important;position:fixed;right:auto;left:calc(66% + clamp(68px,18vh,88px));top:calc(100dvh - .8rem - clamp(115px,34vh,160px) - 80px);bottom:auto;transform:none;width:95px;height:auto;max-height:clamp(140px,44vh,220px);padding:.3rem;border-radius:10px;z-index:40;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-y:auto}.analytics-header{gap:.1rem;margin-bottom:.12rem;padding-bottom:.1rem}.analytics-header-icon{width:8px;height:8px}.analytics-header-title{font-size:.35rem}.analytics-score-section{gap:.15rem;margin-bottom:.12rem}.analytics-score-ring{width:28px;height:28px}.analytics-score-number{font-size:.55rem}.analytics-score-label{font-size:.28rem}.analytics-trend{font-size:.25rem}.analytics-score-meta{gap:0}.analytics-accuracy-bars{gap:.08rem;margin-bottom:.1rem}.accuracy-label{font-size:.25rem;width:16px!important;min-width:16px!important}.accuracy-bar-track{height:3px;flex:1!important;min-width:0!important}.accuracy-pct{font-size:.25rem;width:14px!important}.analytics-topic-section{margin-bottom:.08rem}.analytics-topic-heading{font-size:.25rem;margin-bottom:.04rem}.analytics-topic-row{padding:.02rem 0}.analytics-topic-name,.analytics-topic-acc{font-size:.25rem}.analytics-recent{margin-top:.08rem}.analytics-recent-label{font-size:.25rem}.recent-dot{width:10px;height:10px;font-size:.22rem}.analytics-panel--locked{width:80px}.analytics-lock-content svg{width:14px;height:14px}.analytics-lock-title{font-size:.32rem}.analytics-lock-sub{font-size:.25rem}.analytics-lock-btn{font-size:.28rem;padding:.1rem .2rem}.analytics-preview .analytics-score-ring{width:22px;height:22px}.analytics-preview .analytics-score-number{font-size:.4rem}.analytics-placeholder-bar{height:3px}.analytics-empty{padding:.2rem}.analytics-empty-chart{width:16px;height:16px}.analytics-empty-text{font-size:.28rem}}.waiting-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background-size:cover;background-position:center;background-attachment:fixed}.waiting-content{max-width:520px;width:100%;text-align:center;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(99,102,241,.4);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0009,0 0 40px #6366f133;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.waiting-icon-container{display:flex;justify-content:center;margin-bottom:2rem}.waiting-icon{width:80px;height:80px;filter:drop-shadow(0 0 20px rgba(99,102,241,.4));animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.waiting-title{font-size:32px;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#a5b4fc,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.waiting-text{color:#cbd5e1;margin-bottom:2.5rem;font-size:16px;font-weight:500;opacity:.9}.loading-dots{display:flex;justify-content:center;gap:12px;margin-bottom:2.5rem}.loading-dots span{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.room-code-display{margin-bottom:2rem}.room-code-label{font-size:14px;color:#94a3b8;margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.code-box{background:linear-gradient(135deg,#6366f133,#8b5cf633);padding:20px 40px;border-radius:16px;font-size:36px;font-weight:800;color:#c7d2fe;letter-spacing:6px;border:2px dashed rgba(99,102,241,.5);display:inline-block;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #6366f133;transition:all .3s ease}.code-box:hover{transform:scale(1.02);border-color:#6366f1cc;box-shadow:0 8px 24px #6366f14d}.waiting-cancel-btn{padding:14px 32px;font-size:16px;font-weight:600;color:#f1f5f9;background:#1e293bcc;border:2px solid rgba(148,163,184,.4);border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.5px}.waiting-cancel-btn:hover{background:#334155e6;border-color:#ef444499;color:#fca5a5;transform:translateY(-2px);box-shadow:0 8px 20px #ef444433}.loading-game-screen{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-size:cover;background-position:center;background-attachment:fixed}.loading-battle-text{font-size:clamp(28px,5vw,42px);font-weight:800;margin:0;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.9),0 0 40px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.3);letter-spacing:.08em;z-index:2}.loading-battle-char{display:inline-block;animation:letterBob .9s cubic-bezier(.37,0,.63,1) infinite}@keyframes letterBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fullscreen-prompt--battle-prep{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;background:#0f172af2;border:2px solid rgba(99,102,241,.5);border-radius:999px;color:#fffffff2;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #0006,0 0 24px #6366f126;transition:all .2s ease;pointer-events:auto}.fullscreen-prompt--battle-prep:hover{background:#1e293bfa;border-color:#6366f1b3;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 24px #00000080,0 0 30px #6366f133}.fullscreen-prompt--battle-prep .fullscreen-prompt-icon{font-size:1.1rem;opacity:.9}.fullscreen-prompt--battle-prep .fullscreen-prompt-dismiss{margin-left:.25rem;background:transparent;border:none;color:#fff9;font-size:1.25rem;line-height:1;cursor:pointer;padding:0 .25rem;border-radius:4px;transition:color .2s}.fullscreen-prompt--battle-prep .fullscreen-prompt-dismiss:hover{color:#fffffff2}.loading-game-screen .quit-btn{padding:8px 14px;border-radius:10px;border:2px solid rgba(239,68,68,.4);background:linear-gradient(135deg,#ef444426,#dc262626);color:#ffffffe6;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #ef444433}.loading-game-screen .quit-btn:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#ef444499;transform:translateY(-1px);box-shadow:0 6px 18px #ef444459}.quit-btn-fixed{position:fixed;top:12px;right:16px;z-index:99999;pointer-events:auto}.game-screen{width:100vw;height:100vh;height:100dvh;margin:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;background-image:url(/battlebackground.webp);background-size:cover;background-position:center 65%;overflow:hidden;zoom:calc(1 / var(--zoom, 1))}.game-screen--training{background-image:url(/arena.webp)}.game-screen--windowed .battle-field{margin-top:clamp(2px,.8vh,8px)}.game-screen--windowed .battle-status{padding:clamp(4px,1vh,10px) clamp(6px,1.2vw,14px);border-width:2px}.game-screen--windowed .battle-banner-strip{height:clamp(28px,5.5vh,48px)}.game-screen--windowed .battle-hp-box-char-name{font-size:clamp(.55rem,1.1vh,.8rem)}.game-screen--windowed .battle-hp-box-stats{font-size:clamp(.5rem,.85vh,.65rem)}.game-screen--windowed .battle-lv-stylized{font-size:clamp(.45rem,.8vh,.6rem)}.game-screen--windowed .battle-hp-bar{height:clamp(7px,1.3vh,11px)}.game-screen--windowed .battle-hp-label,.game-screen--windowed .battle-hp-num,.game-screen--windowed .battle-stats-row{font-size:clamp(.55em,1vh,.8em)}.game-screen--windowed .battle-platform{min-height:clamp(80px,16vh,200px)}.game-screen--windowed .battle-dialog{bottom:clamp(2px,.8vh,6px);padding:clamp(.4rem,1vh,.75rem) clamp(.7rem,1.5vw,1.2rem) clamp(.5rem,1vh,.9rem);max-width:92%}.game-screen--windowed .battle-dialog-top{margin-bottom:clamp(4px,.8vh,8px)}.game-screen--windowed .question-type{font-size:clamp(7px,1vh,9px);padding:clamp(3px,.6vh,6px) clamp(6px,1vw,12px);border-radius:8px}.game-screen--windowed .battle-dialog-controls .timer{font-size:clamp(9px,1.2vh,11px);padding:clamp(3px,.6vh,6px) clamp(6px,1vw,12px)}.game-screen--windowed .expand-question-btn{width:clamp(20px,3vh,26px);height:clamp(20px,3vh,26px)}.game-screen--windowed .expand-question-btn svg{width:clamp(10px,1.5vh,13px);height:clamp(10px,1.5vh,13px)}.game-screen--windowed .battle-text{font-size:clamp(11px,1.6vh,14px);padding:clamp(5px,1vh,10px) clamp(6px,1.2vw,14px);margin-bottom:clamp(4px,.8vh,10px);max-height:clamp(45px,10vh,90px)}.game-screen--windowed .battle-moves{gap:clamp(4px,.7vh,8px) clamp(6px,1vw,12px)}.game-screen--windowed .battle-move{padding:clamp(5px,1vh,10px) clamp(6px,1vw,12px);gap:clamp(4px,.7vh,8px)}.game-screen--windowed .battle-move-label{width:clamp(22px,3.5vh,32px);height:clamp(22px,3.5vh,32px);font-size:clamp(.7rem,1vh,.85rem)}.game-screen--windowed .battle-move-text{font-size:clamp(10px,1.4vh,13px)}@media (min-width: 1400px){.battle-arena{padding-top:clamp(72px,8vh,90px)}}@media (min-width: 901px) and (max-height: 900px){.battle-dialog{max-height:max(300px,50vh);bottom:6px;padding:.5rem 1.4rem .6rem}.battle-text{max-height:clamp(45px,10vh,90px);font-size:clamp(11px,1.7vh,15px);padding:6px 12px;margin-bottom:5px}.battle-moves{gap:5px 8px}.battle-move{padding:6px 10px;min-height:34px}.battle-move-label{width:26px;height:26px;font-size:.72rem}.battle-move-text{font-size:clamp(10px,1.5vh,14px)}.battle-dialog-top{margin-bottom:4px}.question-type{font-size:9px;padding:3px 8px}.battle-dialog-controls .timer{font-size:11px;padding:3px 10px}.game-clock{height:38px;font-size:1rem}.battle-arena{padding-top:clamp(40px,6vh,64px);padding-bottom:clamp(160px,30vh,300px)}}@media (min-width: 901px) and (max-height: 750px){.battle-dialog{max-height:max(260px,54vh);bottom:2px;padding:.4rem 1rem .5rem;border-radius:12px}.battle-text{max-height:clamp(36px,9vh,70px);font-size:clamp(10px,1.5vh,13px);padding:4px 8px;margin-bottom:3px;border-radius:8px}.battle-moves{gap:3px 6px}.battle-move{padding:4px 7px;min-height:30px;border-radius:8px}.battle-move-label{width:22px;height:22px;font-size:.65rem;border-radius:6px}.battle-move-text{font-size:clamp(9px,1.3vh,12px)}.battle-dialog-top{margin-bottom:2px}.question-type{font-size:7px;padding:2px 6px}.battle-dialog-controls .timer{font-size:9px;padding:2px 6px}.game-clock{height:32px;font-size:.9rem;padding:.1rem .6rem}.quit-btn-fixed{padding:5px 8px;font-size:.7rem}.battle-arena{padding-top:clamp(32px,5vh,48px);padding-bottom:clamp(130px,26vh,240px)}.battle-status{padding:6px 8px}.battle-banner-strip{height:clamp(24px,4.5vh,38px)}.battle-hp-box-char-name{font-size:clamp(.5rem,1vh,.7rem)}.battle-hp-bar{height:clamp(6px,1.1vh,9px)}.expand-question-btn{width:22px;height:22px}}@media (max-width: 900px),(max-height: 600px){.game-screen{flex-direction:row;align-items:stretch}.battle-arena{order:2;flex:1;min-width:0;max-width:none;padding-bottom:0}.battle-dialog{order:1;position:static;left:auto;bottom:auto;transform:none;flex:0 0 42%;width:42%;max-width:none;max-height:none;margin:clamp(4px,.8vh,8px) 0 clamp(4px,.8vh,8px) clamp(4px,.5vw,8px);padding:clamp(.4rem,1vh,.75rem) clamp(.5rem,1vw,1rem) clamp(.5rem,1vh,1rem);overflow-y:auto;min-width:0}.battle-ad-center{top:clamp(24px,6vh,48px);width:clamp(140px,22vw,220px)}.battle-field{min-height:0}.battle-side{width:48%;top:0}.battle-side-player{left:1%;right:auto;width:48%;align-items:center}.battle-side-opponent{right:1%;left:auto;width:48%;align-items:center}.battle-platform{width:100%;max-width:none}.battle-status{min-width:0;width:95%;max-width:100%;align-self:center}.battle-banner-strip{height:clamp(24px,4.5vh,36px);min-width:0;width:95%;max-width:100%;align-self:center}.battle-strip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.battle-strip-trophy-pill{padding:1px clamp(4px,1vw,8px) 1px clamp(3px,.6vw,6px)}.battle-strip-trophy-num{font-size:.7rem}.battle-strip-trophy-pill .trophy-icon-img{width:clamp(14px,2.5vh,20px)!important;height:clamp(14px,2.5vh,20px)!important}.battle-platform-opponent,.battle-platform-player{padding:clamp(6px,1.2vh,10px) clamp(3px,.6vw,6px)}.battle-character-plate{gap:1px}.battle-character-plate-name{font-size:.72rem}.battle-character-plate-level,.battle-character-plate-stats{font-size:.58rem}.battle-lv-stylized{font-size:.55rem}.battle-status{padding:clamp(4px,.8vh,8px) clamp(6px,1.2vw,12px)}.battle-hp-bar{height:clamp(8px,1.5vh,12px)}.battle-platform{min-height:clamp(60px,14vh,120px)}.battle-question-image img{max-height:clamp(70px,15vh,130px);max-width:80vw}.battle-text{font-size:clamp(11px,1.5vh,13px);padding:clamp(4px,.8vh,8px) clamp(6px,1vw,10px);max-height:clamp(40px,9vh,70px)}.battle-moves{grid-template-columns:1fr;gap:clamp(3px,.5vh,6px)}.battle-move{padding:clamp(4px,.8vh,8px) clamp(6px,1vw,10px)}.battle-move-label{width:clamp(20px,3.5vh,28px);height:clamp(20px,3.5vh,28px);font-size:clamp(.65rem,1vh,.8rem)}.battle-move-text{font-size:clamp(10px,1.3vh,12px)}.question-type{font-size:clamp(7px,.9vh,8px);padding:clamp(2px,.4vh,4px) clamp(4px,.8vw,8px)}.battle-dialog-controls .timer{font-size:clamp(8px,1.1vh,10px);padding:clamp(2px,.4vh,4px) clamp(4px,.8vw,8px)}.game-clock{font-size:clamp(.9rem,1.8vh,1.2rem);padding:clamp(.15rem,.4vh,.25rem) clamp(.4rem,.8vw,.75rem);height:clamp(28px,5vh,36px);top:clamp(2px,.5vh,4px)}}.battle-arena{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:0;box-shadow:none;position:relative;padding-top:clamp(44px,8vh,72px);padding-bottom:clamp(180px,30vh,320px);padding-bottom:clamp(180px,30dvh,320px)}.game-clock{position:fixed;top:clamp(4px,.8vh,8px);left:50%;transform:translate(-50%);font-size:clamp(1rem,2.2vh,1.6rem);font-weight:900;color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.9),0 0 20px rgba(255,255,255,.3);padding:clamp(.15rem,.5vh,.3rem) clamp(.6rem,1.2vw,1.1rem);background:linear-gradient(135deg,#0009,#0006);height:clamp(36px,6.5vh,58px);display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:clamp(10px,1.5vh,15px);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;letter-spacing:2px;transition:all .3s ease}.game-clock.low-time{color:#ef4444;text-shadow:0 4px 12px rgba(0,0,0,.9),0 0 30px rgba(239,68,68,.6);border-color:#ef444466;background:linear-gradient(135deg,#ef44444d,#dc262633);animation:pulse-timer 1s ease-in-out infinite}.battle-hud{display:none}.battle-hud-left{display:flex;align-items:center;gap:.75rem}.quit-btn{padding:clamp(6px,1vh,10px) clamp(10px,1.5vw,16px);border-radius:10px;border:2px solid rgba(239,68,68,.4);background:linear-gradient(135deg,#ef444426,#dc262626);color:#ffffffe6;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #ef444433}.quit-btn:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#ef444499;transform:translateY(-1px);box-shadow:0 6px 18px #ef444459}.quit-btn-fixed{position:fixed;top:clamp(6px,1vh,12px);right:clamp(8px,1.5vw,16px);z-index:99999;pointer-events:auto}.battle-counter{font-weight:900;letter-spacing:.6px;color:#fffffff2;font-size:.95rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.damage-number{position:absolute;top:60%;left:calc(75% + clamp(15px,3vw,35px));transform:translate(-50%,-50%);font-size:clamp(1.8rem,4vh,3rem);font-weight:900;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.8),0 4px 8px rgba(0,0,0,.9);animation:damageFloat 2s ease-out forwards;z-index:1000;pointer-events:none}.damage-number.special{font-size:clamp(2.2rem,5vh,4rem);color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,1),0 4px 12px rgba(0,0,0,.9)}.damage-number-player{position:absolute;top:60%;left:calc(25% - clamp(15px,3vw,35px));transform:translate(-50%,-50%);font-size:clamp(1.8rem,4vh,3rem);font-weight:900;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.8),0 4px 8px rgba(0,0,0,.9);animation:damageFloat 2s ease-out forwards;z-index:1000;pointer-events:none}.damage-number-player.special{font-size:clamp(2.2rem,5vh,4rem);color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,1),0 4px 12px rgba(0,0,0,.9)}@keyframes damageFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-80px) scale(1.2)}to{opacity:0;transform:translate(-50%,-120px) scale(1)}}.special-attack-notification{position:absolute;top:50%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:clamp(.5rem,1vw,1rem);padding:clamp(.7rem,2vh,1.5rem) clamp(1rem,2.5vw,2.5rem);background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2);border:3px solid #fbbf24;border-radius:20px;box-shadow:0 10px 40px #fbbf2499,0 0 60px #fbbf2466;animation:specialAttackPulse 3s ease-out forwards;z-index:1001;pointer-events:none}.special-attack-icon{font-size:clamp(1.8rem,4vh,3rem);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:specialAttackSpin .8s ease-out}.special-attack-text{font-size:clamp(1.1rem,2.5vh,1.8rem);font-weight:900;letter-spacing:2px;color:#78350f;text-shadow:0 2px 4px rgba(255,255,255,.5);text-transform:uppercase}.void-step-notification{position:fixed;top:38%;left:50%;transform:translate(-50%);padding:.5rem 1.25rem;font-size:.95rem;font-weight:700;background:#a855f7e6;border:2px solid #a855f7;border-radius:12px;box-shadow:0 4px 16px #a855f780;animation:battleMessagePop .4s ease-out;z-index:999;pointer-events:none}.reflect-notification{position:absolute;top:55%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:clamp(.5rem,1vw,1rem);padding:clamp(.6rem,1.5vh,1.2rem) clamp(1rem,2vw,2rem);background:linear-gradient(135deg,#a855f7f2,#9333eaf2);border:3px solid #a855f7;border-radius:20px;box-shadow:0 10px 40px #a855f799,0 0 60px #a855f766;animation:specialAttackPulse 2s ease-out forwards;z-index:1000;pointer-events:none}.reflect-icon{font-size:clamp(1.5rem,3.5vh,2.5rem);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:specialAttackSpin .6s ease-out}.reflect-text{font-size:clamp(1rem,2vh,1.5rem);font-weight:900;letter-spacing:1.5px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);text-transform:uppercase}.battle-message{position:absolute;top:60%;left:50%;transform:translate(-50%);padding:.6rem 1.5rem;border-radius:12px;font-size:1.25rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;animation:battleMessagePop .4s ease-out;z-index:999;pointer-events:none}.battle-message-player-side{left:calc(25% - clamp(15px,3vw,35px));top:60%}.battle-message-opponent-side{left:calc(75% + clamp(15px,3vw,35px));top:60%}.battle-message-crit{background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2);color:#1f2937;border:2px solid #f59e0b;box-shadow:0 0 24px #fbbf24b3}.battle-message-burn{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;border:2px solid #dc2626;box-shadow:0 0 24px #ef444499}.battle-message-frozen{background:linear-gradient(135deg,#93c5fdf2,#3b82f6f2);color:#1e3a5f;border:2px solid #3b82f6;box-shadow:0 0 24px #3b82f680}.battle-message-heal{background:linear-gradient(135deg,#4ade80f2,#22c55ef2);color:#fff;border:2px solid #22c55e;box-shadow:0 0 24px #4ade8080}.battle-message-cleansed{background:linear-gradient(135deg,#a78bfaf2,#8b5cf6f2);color:#fff;border:2px solid #8b5cf6;box-shadow:0 0 24px #8b5cf680}.battle-message-nullify{background:linear-gradient(135deg,#475569f2,#334155f2);color:#e2e8f0;border:2px solid #64748b;box-shadow:0 0 24px #64748b99}.battle-message-void-step{background:linear-gradient(135deg,#8b5cf6f2,#7c3aedf2);color:#fff;border:2px solid #7c3aed;box-shadow:0 0 24px #7c3aed99}.battle-message-streak-broken{left:calc(25% - clamp(15px,3vw,35px));top:55%;background:linear-gradient(135deg,#ef4444f2,#b91c1cf2);color:#fff;border:2px solid #b91c1c;box-shadow:0 0 24px #ef444499}.battle-signals{position:absolute;top:55%;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;padding:.4rem .8rem;z-index:999;pointer-events:none;animation:battleMessagePop .4s ease-out}.battle-signals-player-side{left:calc(25% - clamp(15px,3vw,35px));transform:translate(-50%)}.battle-signals-opponent-side{left:calc(75% + clamp(15px,3vw,35px));transform:translate(-50%)}.battle-signal{font-size:1rem;font-weight:700;padding:.25rem .6rem;border-radius:8px;white-space:nowrap}.battle-signal-negative{color:#fef2f2;background:#ef4444e6;border:1px solid #dc2626;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-signal-positive{color:#f0fdf4;background:#22c55ee6;border:1px solid #16a34a;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes battleMessagePop{0%{opacity:0;transform:translate(-50%) scale(.8)}70%{transform:translate(-50%) scale(1.08)}to{opacity:1;transform:translate(-50%) scale(1)}}.question-loading-overlay{position:fixed;bottom:0;left:0;right:0;height:clamp(160px,30vh,280px);height:clamp(160px,30dvh,280px);display:flex;align-items:center;justify-content:center;background:transparent;z-index:900;animation:fadeIn .3s ease-out;pointer-events:none}.question-loading-box{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .8rem;background:transparent;border:none;border-radius:20px;box-shadow:none}.loading-dagger-container{position:relative;display:flex;align-items:center;justify-content:center}.loading-spinner-image{width:clamp(160px,35vh,320px);width:clamp(160px,35dvh,320px);height:clamp(160px,35vh,320px);height:clamp(160px,35dvh,320px);object-fit:contain;filter:drop-shadow(0 4px 12px rgba(255,255,255,.3));animation:spin 1.5s linear infinite}.loading-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.2rem,2.5vh,2rem);font-weight:900;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,1),0 0 30px rgba(255,255,255,.6);letter-spacing:3px;pointer-events:none;z-index:10;white-space:nowrap}.fatigue-banner{display:flex;align-items:center;gap:clamp(6px,1vh,10px);background:#b43c3cd9;border:1px solid rgba(255,100,100,.5);border-radius:8px;padding:clamp(4px,.8vh,8px) clamp(12px,2vw,20px);margin-bottom:clamp(8px,1.2vh,14px);animation:fatiguePulse 1.5s ease-in-out infinite}.fatigue-icon{font-size:1.3rem}.fatigue-text{font-size:1rem;font-weight:800;color:#fcc;letter-spacing:2px;text-transform:uppercase}.loading-spinner-image.fatigue-slow{filter:drop-shadow(0 4px 12px rgba(255,80,80,.4)) saturate(.6)}@keyframes fatiguePulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}@keyframes specialAttackPulse{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%) scale(1.2)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.8)}}@keyframes specialAttackSpin{0%{transform:rotate(0) scale(.5)}50%{transform:rotate(180deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}.battle-hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.battle-abilities{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.battle-field{position:relative;width:100%;flex:1;min-height:0;overflow:visible}.ability-strip-vertical.ability-strip-one-bar{position:absolute;left:clamp(8px,2vw,28px);top:clamp(44px,8vh,72px);display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;min-height:0;background:transparent;border:none;box-shadow:none;z-index:100;overflow:visible}.ability-strip-vertical.ability-strip-one-bar.ability-ready{padding:0;margin:0}.ability-strip-segment{min-width:clamp(14px,2.5vw,22px);min-height:clamp(10px,1.8vh,16px);flex-shrink:0;overflow:visible;border:none;padding:0;margin:0;background:transparent;position:relative;display:flex;align-items:center;justify-content:center}.ability-strip-segment-svg{display:block;overflow:visible;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.ability-strip-segment-path{transition:fill .25s ease}@keyframes segment-stroke-flash{0%,to{stroke-opacity:.88}50%{stroke-opacity:1}}@keyframes segment-fill-flash{0%,to{opacity:.88}50%{opacity:1}}@keyframes segment-fill-flash-top{0%,to{opacity:.45}50%{opacity:1}}@keyframes sun-glow-pulse{0%,to{opacity:.65;transform:translate(-50%,-50%) scale(1);filter:blur(12px)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.35);filter:blur(18px)}}@keyframes fill-bottom-up{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes gold-replace-purple{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.ability-strip-segment.filled .ability-strip-segment-glow{clip-path:inset(100% 0 0 0);animation:fill-bottom-up .45s ease-out var(--fill-delay, 0) forwards}.ability-strip-segment.filled .ability-strip-segment-path{animation:segment-stroke-flash 1.2s ease-in-out infinite}.ability-strip-one-bar:not(.ability-ready) .ability-strip-segment.filled .ability-strip-segment-svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(99,102,241,.65))}.ability-strip-one-bar.ability-ready .ability-strip-segment-gold-reveal{clip-path:inset(100% 0 0 0);animation:gold-replace-purple .7s ease-out var(--fill-delay, 0) forwards,segment-fill-flash 1.2s ease-in-out calc(var(--fill-delay, 0) + .7s) infinite}.ability-strip-one-bar.ability-ready .ability-strip-top-btn .ability-strip-segment-gold-reveal{animation:gold-replace-purple .7s ease-out var(--fill-delay, 0) forwards,segment-fill-flash-top 1s ease-in-out calc(var(--fill-delay, 0) + .7s) infinite}.ability-strip-one-bar.ability-ready .ability-strip-segment-path{animation:segment-stroke-flash 1.1s ease-in-out infinite}.ability-strip-one-bar.ability-ready .ability-strip-segment.filled .ability-strip-segment-svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 18px rgba(251,191,36,.65)) drop-shadow(0 0 32px rgba(253,224,71,.45));animation:ability-whole-bar-glow-pulse .9s ease-in-out infinite}@keyframes ability-whole-bar-glow-pulse{0%,to{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 14px rgba(251,191,36,.55)) drop-shadow(0 0 26px rgba(253,224,71,.35))}50%{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 22px rgba(251,191,36,.8)) drop-shadow(0 0 40px rgba(253,224,71,.55))}}.ability-strip-top-btn{cursor:default;padding:0;border:none;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;font:inherit;color:#ffffff59}.ability-strip-top-btn:disabled{cursor:default}.ability-strip-top-btn.filled.ability-ready{cursor:pointer;color:#1c1917}.ability-strip-top-btn.filled.ability-ready:after{content:"";position:absolute;left:50%;top:calc(50% - 1px);width:clamp(60px,12vh,120px);height:clamp(60px,12vh,120px);margin-left:calc(-1*clamp(30px,6vh,60px));margin-top:calc(-1*clamp(30px,6vh,60px));border-radius:50%;background:radial-gradient(circle at center,rgba(253,224,71,.4) 0%,transparent 65%);z-index:-1;pointer-events:none;animation:sun-glow-pulse .9s ease-in-out infinite}.ability-strip-top-btn.filled.ability-ready:hover:not(:disabled) .ability-strip-segment-svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(251,191,36,.5))}.ability-strip-top-btn-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% + 1px));font-size:1.1rem;font-weight:900;line-height:1;pointer-events:none;z-index:1;display:flex;align-items:center;justify-content:center}.ability-strip-top-btn-inner .ability-top-icon{width:clamp(60px,12vh,110px);height:clamp(60px,12vh,110px);object-fit:contain;transition:filter .3s ease;filter:brightness(.55) opacity(.85)}.ability-strip-top-btn-inner.ability-icon-ready .ability-top-icon{filter:brightness(1.4) opacity(1) drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 12px rgba(251,191,36,.6))}.ability-strip-top-btn-inner .ability-icon-letter{display:block;color:#ffffff73;transition:color .3s ease,text-shadow .3s ease}.ability-strip-top-btn-inner.ability-icon-ready .ability-icon-letter{color:#1c1917;text-shadow:0 0 8px rgba(255,255,255,.8)}.battle-side{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.6vh,8px)}.battle-side-player{left:1%;width:48%}.battle-side-opponent{right:1%;width:48%}@media (min-width: 901px) and (min-height: 601px){.battle-side{top:clamp(-30px,-4vh,-50px)}.battle-side-player{left:0;right:auto;width:calc(50% - clamp(40px,5vw,70px))}.battle-side-opponent{left:calc(50% + clamp(40px,5vw,70px));right:auto;width:calc(50% - clamp(40px,5vw,70px))}}.battle-status{width:92%;min-width:min(clamp(140px,25vw,200px),100%);max-width:min(480px,92vw);box-sizing:border-box}.battle-platform{position:relative;border:none;overflow:visible;min-height:clamp(80px,18vh,200px);width:92%;max-width:min(480px,92vw);display:flex;align-items:center;justify-content:center;box-shadow:none;background:transparent}.battle-platform:after{display:none}.battle-platform-opponent,.battle-platform-player{justify-content:center;padding:clamp(6px,1.2vh,10px) clamp(8px,1.5vw,14px)}@keyframes battleSpriteBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.battle-sprite-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 12px 28px rgba(0,0,0,.55));animation:battleSpriteBob 3.5s ease-in-out infinite;max-width:100%}.battle-sprite-wrap img,.battle-sprite-wrap .battle-pt-sprite{object-fit:contain}.battle-sprite-wrap-player .battle-pt-sprite,.battle-sprite-wrap-player .battle-avatar-img,.battle-sprite-wrap-player .battle-avatar-emoji{transform:translateY(6px)}.battle-sprite-wrap-opponent .battle-pt-sprite,.battle-sprite-wrap-opponent .battle-avatar-img,.battle-sprite-wrap-opponent .battle-avatar-emoji,.battle-sprite-wrap-opponent img{transform:scaleX(-1)}.battle-character-sprite{max-width:100%;height:auto;object-fit:contain}.battle-character-sprite.mirrored{transform:scaleX(-1)}.battle-pt-sprite{image-rendering:pixelated}.battle-avatar-img{width:clamp(64px,13vh,120px);height:clamp(64px,13vh,120px);border-radius:clamp(14px,2.5vh,22px);border:2px solid rgba(255,255,255,.16);object-fit:cover;background:#0f172a80}.battle-avatar-emoji{font-size:clamp(48px,10vh,90px);line-height:1}.battle-status{background:linear-gradient(135deg,#fffffffa,#f1f5f9fa);border:clamp(2px,.3vh,3px) solid rgba(15,23,42,.9);border-radius:clamp(12px,2vh,18px);padding:clamp(6px,1.3vh,12px) clamp(8px,1.5vw,16px);color:#0f172a;box-shadow:0 12px 40px #0009,inset 0 1px #fff9;min-width:min(clamp(140px,25vw,200px),100%)}.battle-banner-strip{width:92%;min-width:min(clamp(140px,25vw,200px),100%);max-width:min(480px,92vw);height:clamp(34px,6.5vh,58px);border-radius:clamp(8px,1.2vh,12px);overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:0 4px 16px #00000059;border:3px solid rgba(255,255,255,.95);box-sizing:border-box}.battle-banner-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:clamp(8px,1.5vw,16px);padding:0 clamp(8px,1.5vw,18px);box-sizing:border-box;z-index:1}.battle-banner-strip.battle-banner-strip--premium{border:none;padding:3px;background:linear-gradient(110deg,#a16207,#fbbf24,#fde047,#fbbf24,#a16207)!important;background-size:200% 100%!important;animation:battle-banner-premium-shimmer 2.5s ease-in-out infinite;box-shadow:0 0 12px #fbbf2480,0 4px 16px #00000059}.battle-banner-strip.battle-banner-strip--premium .battle-banner-inner{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:10px;background-size:cover;background-position:center;z-index:0;pointer-events:none}.battle-banner-strip.battle-banner-strip--premium .battle-banner-content{z-index:1}@keyframes battle-banner-premium-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.battle-strip-name{font-weight:900;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.battle-strip-trophy-pill{display:flex;align-items:center;gap:clamp(3px,.6vw,6px);flex-shrink:0;background:#6d28d9bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(167,139,250,.4);border-radius:20px;padding:2px clamp(6px,1.2vw,12px) 2px clamp(4px,.8vw,8px)}.battle-strip-trophy-pill .trophy-icon-img{width:clamp(18px,3vh,26px)!important;height:clamp(18px,3vh,26px)!important}.battle-strip-trophy-num{font-size:.8rem;font-weight:800;color:#fff;letter-spacing:.3px;line-height:1}.battle-hp-box-header{margin-bottom:clamp(3px,.7vh,8px);padding-bottom:clamp(2px,.5vh,6px);border-bottom:2px solid rgba(15,23,42,.15)}.battle-hp-box-name-row{display:flex;align-items:baseline;gap:clamp(4px,1vw,10px);flex-wrap:nowrap;margin-bottom:clamp(2px,.5vh,6px)}.battle-hp-box-char-name{font-weight:900;font-size:clamp(.58rem,1.1vh,.82rem);letter-spacing:.5px;text-transform:uppercase;color:var(--rarity-color);text-shadow:0 0 6px var(--rarity-color),0 0 12px var(--rarity-color),0 1px 2px rgba(0,0,0,.25);animation:battle-rarity-shine 2.5s ease-in-out infinite;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-hp-box-level{display:flex;align-items:baseline;gap:3px;flex-shrink:0}@keyframes battle-rarity-shine{0%,to{text-shadow:0 0 6px var(--rarity-color),0 0 12px var(--rarity-color),0 1px 2px rgba(0,0,0,.25)}50%{text-shadow:0 0 10px var(--rarity-color),0 0 18px var(--rarity-color),0 1px 2px rgba(0,0,0,.25)}}.battle-lv-stylized{font-weight:900;font-size:.65rem;letter-spacing:1px;color:var(--rarity-color);text-shadow:0 0 6px var(--rarity-color),0 0 10px var(--rarity-color),0 1px 2px rgba(0,0,0,.25);opacity:.95}.battle-level-num{color:var(--rarity-color);font-weight:900;font-size:.85rem;text-shadow:0 0 6px var(--rarity-color),0 0 10px var(--rarity-color),0 1px 2px rgba(0,0,0,.25)}.battle-hp-box-stats{display:flex;gap:.75rem;font-size:clamp(.5rem,.95vh,.72rem);font-weight:700;color:var(--rarity-color);text-shadow:0 0 5px var(--rarity-color),0 1px 2px rgba(0,0,0,.25);animation:battle-rarity-shine 2.5s ease-in-out infinite}.battle-avatar-wrap{width:clamp(36px,6vh,52px);height:clamp(36px,6vh,52px);flex-shrink:0;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #00000080;background:#1e293be6;display:flex;align-items:center;justify-content:center}.battle-avatar-wrap.battle-avatar-wrap--premium{border:none;padding:3px;background:linear-gradient(110deg,#a16207,#fbbf24,#fde047,#fbbf24,#a16207);background-size:200% 100%;animation:battle-avatar-premium-shimmer 2.5s ease-in-out infinite;box-shadow:0 0 12px #fbbf2480,0 2px 8px #00000080}@keyframes battle-avatar-premium-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.battle-status-top{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:clamp(4px,1vh,10px)}.battle-name{font-weight:900;letter-spacing:1px;text-transform:uppercase;font-size:clamp(.8rem,1.4vh,1.15rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;text-shadow:0 1px 2px rgba(255,255,255,.8)}.battle-score{font-weight:900;font-size:.85rem;color:#0f172ac7;white-space:nowrap}.battle-hp-row{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:clamp(4px,.8vw,10px)}.battle-hp-label{font-weight:1000;font-size:.8rem;letter-spacing:1px;padding-top:2px}.battle-hp-bar-wrap{min-width:0;display:flex;flex-direction:column;gap:clamp(3px,.5vh,6px)}.battle-hp-bar-container{min-width:0;overflow:visible;position:relative;transition:width .4s ease-out}.battle-hp-bar{height:clamp(8px,1.5vh,14px);border-radius:999px;background:#0f172a38;overflow:hidden;border:2px solid rgba(15,23,42,.6);box-shadow:inset 0 2px 4px #00000026}.battle-hp-fill-wrapper{display:flex;height:100%;min-width:0;border-radius:999px;transition:width .35s ease}.battle-hp-fill{height:100%;flex:none;min-width:0;border-radius:999px 0 0 999px;background:linear-gradient(90deg,#22c55e,#16a34a);transition:none;box-shadow:0 0 8px #22c55e80}.battle-hp-shield{height:100%;flex:none;min-width:0;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#7dd3fc,#38bdf8);box-shadow:0 0 10px #38bdf899;animation:shield-pulse 1.5s ease-in-out infinite}@keyframes shield-pulse{0%,to{box-shadow:0 0 10px #38bdf899;border:1px solid rgba(56,189,248,.8)}50%{box-shadow:0 0 18px #38bdf8f2;border:1px solid rgba(56,189,248,1)}}.battle-hp-fill:only-child{border-radius:999px}.battle-hp-fill.warn{background:linear-gradient(90deg,#f59e0b,#f97316);box-shadow:0 0 8px #f59e0b80}.battle-hp-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444499;animation:pulse-danger 1s ease-in-out infinite}@keyframes pulse-danger{0%,to{box-shadow:0 0 8px #ef444499}50%{box-shadow:0 0 16px #ef4444e6}}.battle-hp-num{font-weight:900;font-size:.78rem}.battle-hp-shield-num{color:#7dd3fc;text-shadow:0 0 8px rgba(56,189,248,.5)}.battle-stats-row{display:flex;gap:.75rem;margin-top:clamp(3px,.5vh,6px);font-size:.75rem;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.6)}.battle-stats-row span{white-space:nowrap}.battle-dialog{margin-bottom:0;width:95%;max-width:min(1400px,95vw);max-height:max(280px,45vh);max-height:max(280px,45dvh);overflow:visible;background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:clamp(2px,.3vh,3px) solid rgba(15,23,42,.92);border-radius:clamp(14px,2.5vh,22px);padding:clamp(.5rem,1.3vh,1.2rem) clamp(1rem,2vw,2rem) clamp(.6rem,1.3vh,1.3rem);box-shadow:0 14px 60px #000c,inset 0 1px #fff9;position:fixed;bottom:clamp(4px,1vh,20px);left:50%;transform:translate(-50%);z-index:20}.battle-ad-center{position:absolute;top:clamp(8px,1.5vh,15px);left:50%;transform:translate(-50%);width:clamp(160px,18vw,260px);z-index:5;border-radius:12px;overflow:hidden}.battle-dialog-frozen-blur .battle-text,.battle-dialog-frozen-blur .battle-moves{filter:blur(5px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.battle-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,1vw,1rem);margin-bottom:clamp(4px,1vh,12px)}.battle-dialog-controls{display:flex;align-items:center;gap:clamp(8px,1.5vw,16px)}.battle-question-image{position:absolute;bottom:calc(100% + clamp(4px,.8vh,10px));left:50%;transform:translate(-50%);z-index:1;pointer-events:none}.battle-question-image img{max-width:min(90vw,460px);max-height:clamp(100px,22vh,200px);border-radius:12px;border:2px solid rgba(15,23,42,.15);box-shadow:0 4px 20px #00000026;object-fit:contain;background:#fff;pointer-events:auto}.battle-question-image-mobile{display:none}.battle-text{font-size:max(11px,clamp(12px,1.9vh,17px));line-height:1.5;margin-bottom:clamp(6px,1.2vh,14px);color:#0f172a;font-weight:600;white-space:pre-wrap;background:linear-gradient(135deg,#f1f5f999,#f8fafc99);border:2px solid rgba(15,23,42,.14);border-radius:clamp(10px,1.5vh,16px);padding:clamp(6px,1.2vh,14px) clamp(8px,1.5vw,18px);box-shadow:0 2px 8px #0000000a;max-height:max(45px,clamp(50px,12vh,120px));overflow-y:auto}.battle-text.long-text{font-size:clamp(13px,1.8vh,17px)}.battle-text.very-long-text{font-size:clamp(11px,1.5vh,15px)}.expand-question-btn{display:flex;align-items:center;justify-content:center;width:clamp(24px,3.5vh,32px);height:clamp(24px,3.5vh,32px);border-radius:8px;border:2px solid rgba(15,23,42,.14);background:linear-gradient(135deg,#f1f5f999,#f8fafc99);color:#475569;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0;position:relative;z-index:25}.expand-question-btn:hover{background:#6366f11f;color:#6366f1}.question-expanded-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:clamp(12px,2vh,24px);animation:fadeIn .15s ease}.question-expanded-card{position:relative;background:#fff;border-radius:20px;padding:clamp(20px,3vh,36px) clamp(24px,4vw,40px) clamp(18px,2.5vh,32px);max-width:min(860px,92vw);width:100%;max-height:88vh;max-height:88dvh;overflow-y:auto;box-shadow:0 24px 64px #00000059}.question-expanded-close{position:sticky;top:0;float:right;z-index:10;width:clamp(28px,5vh,44px);height:clamp(28px,5vh,44px);border-radius:50%;border:none;background:#00000014;color:#1e293b;font-size:clamp(18px,3vh,26px);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s;margin:clamp(-10px,-1.5vh,-6px) clamp(-10px,-1.5vw,-6px) 0 0}.question-expanded-close:hover{background:#00000029}.question-expanded-label{font-size:clamp(10px,1.4vh,13px);font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#6366f1;margin-bottom:clamp(12px,2vh,20px)}.question-expanded-image{display:flex;justify-content:center;margin-bottom:clamp(16px,2.5vh,24px)}.question-expanded-image img{max-width:100%;max-height:clamp(200px,45vh,450px);border-radius:12px;border:2px solid rgba(15,23,42,.1);object-fit:contain;background:#f8fafc}.question-expanded-text{font-size:clamp(15px,2.2vh,20px);line-height:1.75;color:#0f172a;font-weight:500;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.battle-moves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,1vh,12px) clamp(6px,1.2vw,16px)}.battle-move{display:grid;grid-template-columns:auto 1fr;gap:clamp(6px,1vw,12px);align-items:center;padding:clamp(6px,1.3vh,15px) clamp(8px,1.2vw,16px);min-height:32px;border-radius:clamp(10px,1.5vh,16px);border:2px solid rgba(15,23,42,.18);background:linear-gradient(135deg,#fff,#fafbfc);color:#0f172a;text-align:left;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.battle-move:hover:not(:disabled){transform:translateY(-2px);border-color:#6366f180;box-shadow:0 12px 24px #6366f133;background:linear-gradient(135deg,#6366f114,#6366f10f)}.battle-move.selected{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1bf;color:#fff;box-shadow:0 12px 26px #6366f140}.battle-move:disabled{cursor:default;opacity:.92}.battle-move.crossed-out{opacity:.6;text-decoration:line-through;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#64748b66;color:#64748b;cursor:not-allowed}.battle-move.crossed-out .battle-move-label{background:#64748b33;color:#64748b}.battle-move-label{width:clamp(26px,4.5vh,40px);height:clamp(26px,4.5vh,40px);border-radius:clamp(8px,1.2vh,12px);display:inline-flex;align-items:center;justify-content:center;font-weight:1000;background:#0f172a0f;border:2px solid rgba(15,23,42,.16)}.battle-move.selected .battle-move-label{background:#ffffff38;border-color:#ffffff47;color:#fff}.battle-move-text{font-weight:750;font-size:max(11px,clamp(11px,1.6vh,16px))}.ability-charge-row{display:flex;align-items:center;gap:clamp(8px,1.5vw,16px);margin-top:clamp(10px,2vh,18px);padding-top:clamp(8px,1.5vh,14px);border-top:1px solid rgba(15,23,42,.12)}.ability-charge-bar-wrap{flex:1;display:flex;align-items:center;gap:clamp(8px,1.2vw,14px)}.ability-charge-bar{flex:1;height:clamp(12px,2.2vh,20px);border-radius:10px;background:#0f172a26;border:2px solid rgba(15,23,42,.2);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.ability-charge-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#6366f1,#818cf8);transition:width .3s ease}.ability-charge-bar.ability-ready{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b80;animation:ability-bar-flash .8s ease-in-out infinite}.ability-charge-bar.ability-ready .ability-charge-fill{background:linear-gradient(90deg,#d97706,#fbbf24,#f59e0b);background-size:200% 100%;animation:ability-gold-shine 1.2s ease-in-out infinite}@keyframes ability-bar-flash{0%,to{box-shadow:0 0 16px #f59e0b80}50%{box-shadow:0 0 24px #fbbf24cc,0 0 32px #f59e0b66}}@keyframes ability-gold-shine{0%,to{background-position:100% 0}50%{background-position:0 0}}.ability-charge-label{font-size:.85rem;font-weight:700;color:#0f172ab3;min-width:clamp(36px,6vw,52px);text-align:right}.ability-charge-bar.ability-ready+.ability-charge-label{color:#b45309}.ability-use-btn{padding:clamp(8px,1.5vh,12px) clamp(14px,2vw,22px);border-radius:12px;border:2px solid rgba(15,23,42,.25);background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;font-weight:800;font-size:.9rem;cursor:not-allowed;transition:all .2s ease;white-space:nowrap}.ability-use-btn.ability-ready{border-color:#f59e0b;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1c1917;cursor:pointer;box-shadow:0 4px 16px #f59e0b66}.ability-use-btn.ability-ready:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b80}.ability-use-btn:disabled.ability-ready{cursor:not-allowed;opacity:.9}.game-header{margin-bottom:clamp(12px,2.5vh,24px);width:100%;background:linear-gradient(135deg,#0f172afa,#1e293bfa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(99,102,241,.5);border-radius:20px;padding:1.25rem;box-shadow:0 12px 48px #000c,0 0 60px #6366f126}.scoreboard{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.player-score{text-align:center;flex:1;padding:clamp(8px,1.5vh,14px) clamp(10px,2vw,20px);background:#0f172a99;border:2px solid rgba(99,102,241,.5);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:0 4px 16px #0006}.player-banner-accent{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.35;pointer-events:none}.player-info{display:flex;align-items:center;gap:clamp(8px,1.5vw,16px);position:relative;z-index:2}.player-side .player-info{justify-content:flex-start}.opponent-side .player-info{justify-content:flex-end}.game-avatar-container{width:clamp(36px,6vh,52px);height:clamp(36px,6vh,52px);border-radius:50%;overflow:hidden;border:2px solid rgba(99,102,241,.5);background:#1e293bcc;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.game-avatar-img{width:100%;height:100%;object-fit:cover}.game-avatar-emoji{font-size:1.5rem}.player-details{display:flex;flex-direction:column;gap:2px}.player-side .player-details{text-align:left}.opponent-side .player-details{text-align:right}.player-name{font-size:clamp(11px,1.6vh,15px);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(100px,18vw,160px);text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6)}.score{font-size:clamp(24px,4vh,36px);font-weight:800;color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.8),0 2px 8px rgba(0,0,0,.9),0 4px 16px rgba(34,197,94,.4);line-height:1}.vs{font-size:clamp(16px,2.5vh,22px);font-weight:800;color:#fff;padding:0 clamp(16px,2.5vw,28px);text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 12px rgba(99,102,241,.6)}.progress-info{display:flex;justify-content:space-between;align-items:center;padding-top:clamp(12px,2vh,20px);border-top:2px solid rgba(99,102,241,.4)}.question-counter{font-size:clamp(13px,1.8vh,16px);font-weight:700;color:#e0e7ff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.timer{font-size:clamp(10px,1.5vh,14px);font-weight:700;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:clamp(4px,.8vh,8px) clamp(8px,1.2vw,16px);border-radius:20px;box-shadow:0 4px 12px #22c55e4d;transition:all .3s ease}.timer-warning{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444480;animation:pulse-timer 1s ease-in-out infinite}.timer-area{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.timer-frozen{background:linear-gradient(135deg,#06b6d4,#0ea5e9);box-shadow:0 6px 18px #0ea5e973}.frozen-tag{margin-left:clamp(6px,1.2vw,12px);font-weight:900;font-size:.85em;background:#ffffff2e;padding:clamp(2px,.4vh,4px) clamp(6px,1vw,10px);border-radius:999px;border:1px solid rgba(255,255,255,.25)}.playthrough-hud{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.playthrough-character{display:flex;align-items:center;gap:.5rem;padding:clamp(4px,.8vh,8px) clamp(8px,1.2vw,12px);border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.pt-portrait{width:clamp(22px,4vh,32px);height:clamp(22px,4vh,32px);display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff1a;font-size:1rem}.pt-portrait-sprite{border-radius:10px;background-color:#ffffff14;box-shadow:0 2px 10px #00000040}.pt-name{font-size:.85rem;font-weight:900;color:#ffffffe6}.playthrough-abilities{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.passive-pill{padding:6px 10px;border-radius:999px;background:#a855f726;border:1px solid rgba(168,85,247,.25);color:#ffffffe6;font-weight:900;font-size:.82rem}.ability-btn{border:none;cursor:pointer;padding:7px 10px;border-radius:999px;background:#06b6d438;border:1px solid rgba(6,182,212,.35);color:#fffffff2;font-weight:900;font-size:.82rem;box-shadow:0 6px 18px #00000040}.ability-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@keyframes pulse-timer{0%,to{transform:scale(1);box-shadow:0 4px 12px #ef444480}50%{transform:scale(1.05);box-shadow:0 6px 20px #ef4444cc}}.question-container{margin-bottom:0;width:100%;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(99,102,241,.5);border-radius:20px;padding:2rem 2.5rem;box-shadow:0 12px 48px #000c,0 0 80px #6366f126}@media (max-width: 900px){.battle-moves{grid-template-columns:1fr}.battle-avatar-emoji{font-size:clamp(40px,9vh,72px)}.battle-avatar-img{width:clamp(56px,11vh,96px);height:clamp(56px,11vh,96px)}}@media (min-width: 901px) and (max-height: 800px){.battle-arena{padding-top:clamp(36px,6vh,52px);padding-bottom:clamp(180px,30vh,260px);padding-bottom:clamp(180px,30dvh,260px)}.battle-side{gap:3px}.battle-banner-strip{height:clamp(26px,4.5vh,36px)}.battle-status{padding:clamp(4px,.8vh,8px) clamp(6px,1vw,12px)}.battle-platform{min-height:clamp(60px,12vh,120px)}.battle-dialog{padding:clamp(.35rem,.8vh,.6rem) clamp(.8rem,1.5vw,1.2rem)}.battle-text{max-height:clamp(35px,7vh,60px);margin-bottom:clamp(3px,.5vh,6px)}.battle-move{padding:clamp(4px,.8vh,8px) clamp(6px,1vw,10px)}.battle-move-label{width:clamp(20px,3vh,28px);height:clamp(20px,3vh,28px)}}.question-type{font-size:clamp(8px,1.2vh,11px);font-weight:900;letter-spacing:2.5px;color:#78350f;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:clamp(4px,.8vh,9px) clamp(8px,1.5vw,18px);border-radius:clamp(8px,1.2vh,12px);display:inline-block;text-transform:uppercase;border:2px solid #f59e0b;box-shadow:0 3px 12px #fbbf2473,inset 0 1px #ffffff4d}.question-text{font-size:clamp(17px,2.5vh,24px);line-height:1.6;margin-bottom:clamp(16px,2.5vh,28px);white-space:pre-wrap;color:#000;font-weight:500;letter-spacing:.3px;background:#fff;padding:clamp(14px,2vh,22px) clamp(16px,2.5vw,26px);border-radius:16px;box-shadow:none;border:none}.question-text sup{color:#0f172a;font-weight:700}.options{display:flex;flex-direction:column;gap:clamp(8px,1.5vh,14px)}.option{display:flex;align-items:center;gap:clamp(10px,1.8vw,18px);padding:clamp(12px,1.8vh,18px) clamp(16px,2vw,24px);background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#000;text-align:left;transition:all .3s ease;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;box-shadow:0 2px 8px #0000001a}.option:hover:not(:disabled){background:#f0f9ff;border-color:#6366f1;transform:translate(6px);box-shadow:0 6px 20px #6366f166}.option.selected{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#818cf8;color:#fff;box-shadow:0 6px 24px #6366f199;transform:translate(6px)}.option.selected .option-label{background:#ffffff40;color:#fff;border:1px solid rgba(255,255,255,.3)}.option:disabled{cursor:default;opacity:.9}.option-label{font-size:clamp(14px,1.8vh,18px);font-weight:800;min-width:clamp(32px,5vh,44px);height:clamp(32px,5vh,44px);display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#0f172a;border-radius:10px;border:2px solid #cbd5e1;flex-shrink:0}.option-text{flex:1;font-size:clamp(14px,1.9vh,18px);font-weight:600;color:#0f172a;text-shadow:none;letter-spacing:.2px}.option-text sup{color:#0f172a;font-weight:700}.option.selected .option-text,.option.selected .option-text sup{color:#fff}.answer-feedback{margin-top:clamp(14px,2vh,22px);padding:clamp(14px,2vh,22px) clamp(16px,2.5vw,26px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;display:flex;align-items:center;gap:16px;border:3px solid;animation:slideIn .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0006}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-feedback.correct{background:linear-gradient(135deg,#22c55e47,#16a34a47);border-color:#22c55e;box-shadow:0 8px 32px #22c55e73,inset 0 1px #ffffff26}.answer-feedback.incorrect{background:linear-gradient(135deg,#ef444447,#dc262647);border-color:#ef4444;box-shadow:0 8px 32px #ef444473,inset 0 1px #ffffff26}.answer-feedback.checking{background:#6366f133;border-color:#6366f166;padding:clamp(18px,2.5vh,28px);justify-content:center}.feedback-icon{font-size:clamp(36px,6vh,52px);font-weight:800;min-width:clamp(36px,6vh,52px);height:clamp(36px,6vh,52px);display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.answer-feedback.correct .feedback-icon{color:#22c55e;background:#22c55e33;border:3px solid #22c55e;text-shadow:0 0 20px rgba(34,197,94,.6)}.answer-feedback.incorrect .feedback-icon{color:#ef4444;background:#ef444433;border:3px solid #ef4444;text-shadow:0 0 20px rgba(239,68,68,.6)}.feedback-content{flex:1;text-align:left}.feedback-title{font-size:clamp(16px,2.5vh,22px);font-weight:800;margin-bottom:clamp(4px,.8vh,8px);letter-spacing:.5px}.answer-feedback.correct .feedback-title{color:#22c55e;text-shadow:0 2px 8px rgba(34,197,94,.4)}.answer-feedback.incorrect .feedback-title{color:#ef4444;text-shadow:0 2px 8px rgba(239,68,68,.4)}.correct-answer-text{font-size:clamp(13px,1.8vh,17px);color:#fca5a5;margin-bottom:clamp(4px,.7vh,8px);font-weight:500}.correct-answer-text strong{color:#fff;font-weight:700;font-size:clamp(14px,1.9vh,18px);background:#ef444433;padding:clamp(2px,.3vh,4px) clamp(6px,1vw,10px);border-radius:6px;border:1px solid rgba(239,68,68,.4)}.score-gained{font-size:clamp(14px,1.9vh,18px);font-weight:700;margin-bottom:clamp(6px,1vh,10px);letter-spacing:.3px}.answer-feedback.correct .score-gained{color:#86efac}.answer-feedback.incorrect .score-gained{color:#cbd5e1;opacity:.7}.waiting-message{font-size:clamp(13px,1.8vh,17px);color:#cbd5e1;font-weight:600;opacity:.8;margin:0}.answer-feedback-indicator{position:fixed;left:clamp(8px,1.5vw,20px);top:50%;transform:translateY(-50%);padding:clamp(10px,1.5vh,16px) clamp(14px,2vw,20px);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;box-shadow:0 4px 16px #0000004d;z-index:500;animation:slideInLeft .3s ease-out;max-width:min(350px,90vw);min-width:clamp(120px,20vw,160px)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}.answer-feedback-indicator.correct{background:#22c55ee6;border-color:#22c55e}.answer-feedback-indicator.incorrect{background:#ef4444e6;border-color:#ef4444}.feedback-status{font-size:clamp(12px,1.6vh,16px);font-weight:700;color:#fff;margin-bottom:clamp(3px,.5vh,6px);text-shadow:0 1px 3px rgba(0,0,0,.3)}.feedback-answer{font-size:clamp(11px,1.5vh,14px);color:#fffffff2;font-weight:500;line-height:1.4;margin-top:clamp(4px,.7vh,8px);padding-top:clamp(4px,.7vh,8px);border-top:1px solid rgba(255,255,255,.3)}.feedback-answer strong{font-weight:700;font-size:clamp(12px,1.6vh,15px)}.report-question-btn{margin-top:clamp(4px,.7vh,8px);padding:clamp(2px,.4vh,4px) clamp(8px,1.2vw,12px);font-size:clamp(10px,1.3vh,12px);font-weight:600;color:#fffc;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;transition:all .15s ease}.report-question-btn:hover:not(:disabled){background:#ffffff40;color:#fff}.report-question-btn:disabled{cursor:default;opacity:.7}.report-question-btn.reported{background:#ffffff1a;color:#fff9;border-color:#ffffff26}@media (max-width: 480px){.battle-dialog{flex:0 0 50%;width:50%}.quit-btn{min-width:44px;min-height:44px;padding:10px 14px}.battle-move{padding:clamp(8px,1.5vh,12px) clamp(8px,1.5vw,12px);min-height:44px}.battle-move-label{width:clamp(24px,5vh,32px);height:clamp(24px,5vh,32px);font-size:clamp(10px,1.4vh,13px)}.battle-move-text{font-size:clamp(10px,1.5vh,13px)}.battle-dialog-controls .timer{font-size:clamp(10px,1.5vh,12px);padding:clamp(3px,.6vh,5px) clamp(6px,1vw,10px);min-width:44px;min-height:32px}.question-type{font-size:clamp(7px,1.2vh,10px);padding:clamp(3px,.5vh,6px) clamp(6px,1vw,12px)}.question-expanded-close,.expand-question-btn{min-width:44px;min-height:44px}.battle-text{font-size:clamp(11px,1.6vh,14px)}.battle-avatar-img{width:clamp(44px,9vh,72px);height:clamp(44px,9vh,72px)}.battle-avatar-emoji{font-size:clamp(32px,7vh,56px)}.battle-sprite-wrap{max-height:clamp(40px,10vh,80px)}.game-clock{font-size:clamp(.7rem,1.5vh,.9rem);height:clamp(24px,4vh,32px);padding:clamp(.1rem,.3vh,.2rem) clamp(.3rem,.6vw,.5rem)}.battle-banner-strip{height:clamp(20px,3.5vh,30px)}.battle-status{padding:clamp(3px,.6vh,6px) clamp(4px,1vw,8px)}.battle-hp-box-char-name{font-size:clamp(.5rem,1vh,.7rem)}.battle-hp-box-stats{font-size:clamp(.45rem,.85vh,.62rem)}.battle-avatar-wrap{width:clamp(28px,5vh,38px);height:clamp(28px,5vh,38px)}.ability-top-icon{width:clamp(40px,8vh,70px);height:clamp(40px,8vh,70px)}.battle-platform{min-height:clamp(40px,10vh,80px)}.answer-feedback-indicator{max-width:min(280px,80vw);padding:clamp(8px,1.2vh,12px) clamp(10px,1.5vw,16px)}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.game-screen{flex-direction:column;align-items:center}.battle-arena{order:unset;flex:1;padding-top:clamp(12px,3.5vh,20px);padding-bottom:clamp(100px,32vh,140px);max-width:none}.battle-dialog{order:unset;position:fixed;left:2%;right:2%;bottom:env(safe-area-inset-bottom,2px);transform:none;width:auto;max-width:none;max-height:max(96px,31vh);flex:none;margin:0;padding:.12rem .4rem .15rem;overflow-y:auto;min-width:0;border-radius:8px;border-width:2px}.battle-field{min-height:0}.battle-side{width:48%;top:0;gap:0}.battle-side-player{left:1%;width:48%}.battle-side-opponent{right:1%;left:auto;width:48%}.battle-platform{min-height:0;width:90%;max-width:90vw;padding:0;border:none!important;background:none!important;box-shadow:none!important;outline:none!important}.battle-platform-opponent,.battle-platform-player{padding:0;border:none!important;background:none!important;box-shadow:none!important;outline:none!important}.battle-side{background:none!important;border:none!important;box-shadow:none!important;outline:none!important}.battle-sprite-wrap{max-height:clamp(90px,28vh,130px);overflow:visible;animation:none;filter:none!important;border:none!important;background:none!important;box-shadow:none!important;outline:none!important}.battle-character-sprite{width:clamp(110px,32vh,150px)!important;height:auto!important;border:none!important;background:none!important;box-shadow:none!important;outline:none!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.battle-pt-sprite{zoom:.6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.battle-avatar-img{border:none!important;background:none!important;box-shadow:none!important;outline:none!important}.battle-status{padding:1px 2px;width:88%;max-width:88vw;zoom:.8}.battle-banner-strip{height:clamp(8px,2vh,12px);width:88%;max-width:88vw}.battle-strip-name{font-size:.32rem}.battle-strip-trophy-pill .trophy-icon-img{width:clamp(5px,1.2vh,8px)!important;height:clamp(5px,1.2vh,8px)!important}.battle-strip-trophy-num{font-size:.32rem}.battle-avatar-img{width:clamp(12px,3vh,18px);height:clamp(12px,3vh,18px)}.battle-avatar-emoji{font-size:clamp(8px,2.5vh,16px)}.battle-avatar-wrap{width:clamp(10px,3vh,18px);height:clamp(10px,3vh,18px)}.battle-hp-box-char-name{font-size:clamp(.2rem,.55vh,.3rem)}.battle-hp-box-level{font-size:clamp(.18rem,.4vh,.26rem)}.battle-hp-box-stats{font-size:clamp(.16rem,.4vh,.24rem)}.battle-hp-bar{height:2px}.battle-hp-num,.battle-hp-label{font-size:clamp(.16rem,.4vh,.24rem)}.battle-hp-row,.battle-hp-bar-wrap{gap:1px}.battle-character-plate{gap:0}.battle-character-plate-name{font-size:.3rem}.battle-character-plate-level,.battle-character-plate-stats{font-size:.22rem}.battle-lv-stylized{font-size:.2rem}.battle-text{font-size:clamp(4.5px,1.1vh,6px);max-height:clamp(14px,4vh,24px);padding:1px 3px;margin-bottom:1px;border-radius:4px;line-height:1.2}.battle-moves{grid-template-columns:1fr 1fr;gap:1px 2px}.battle-move{padding:1px 2px;min-height:13px;border-radius:4px}.battle-move-label{width:9px;height:9px;font-size:.28rem;border-radius:2px}.battle-move-text{font-size:clamp(5px,1.3vh,7px);line-height:1.15}.battle-dialog-top{margin-bottom:0}.question-type{font-size:4.5px;padding:0 2px;border-radius:2px}.battle-dialog-controls .timer{font-size:5px;padding:0 2px}.expand-question-btn{width:12px;height:12px;min-width:12px;min-height:12px}.expand-question-btn svg{width:6px;height:6px}.game-clock{height:clamp(12px,3.2vh,16px);font-size:clamp(.35rem,1vh,.5rem);padding:.03rem .12rem;top:1px}.quit-btn-fixed{padding:1px 4px;font-size:.38rem;top:1px}.ability-strip-vertical.ability-strip-one-bar{left:1px;top:clamp(12px,3.5vh,20px);zoom:.35}.battle-question-image{display:none!important}.battle-question-image-mobile{display:block!important;position:fixed;bottom:calc(env(safe-area-inset-bottom,2px) + max(96px,31vh) + 4px);left:50%;top:auto;transform:translate(-50%);z-index:25;pointer-events:auto}.battle-question-image-mobile img{max-height:clamp(32px,10vh,60px);max-width:50vw;border-radius:4px;box-shadow:0 2px 8px #00000080;object-fit:contain;background:#fff;border:1px solid rgba(0,0,0,.2)}.battle-ad-center{top:clamp(12px,3.2vh,18px);width:clamp(55px,8vw,90px)}.answer-feedback-indicator{max-width:min(160px,50vw);padding:clamp(3px,.7vh,6px) clamp(4px,.7vw,8px);font-size:clamp(8px,2vh,11px)}.damage-number,.damage-number-player{font-size:clamp(.7rem,2.2vh,1.1rem)}.special-attack-notification{font-size:.55rem;padding:.2rem .4rem}.battle-message{font-size:.5rem}.reflect-notification{font-size:.5rem;padding:.15rem .3rem}}.pt-sprite{display:inline-block;background-repeat:no-repeat;image-rendering:auto}.manual-ad-wrap{display:flex;align-items:center;justify-content:center}.manual-ad{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:inherit;overflow:hidden;cursor:pointer;transition:all .25s ease}.manual-ad:hover{opacity:.92;transform:translateY(-1px)}.manual-ad--premium{background:linear-gradient(135deg,#7c3aed,#6d28d9 40%,#4f46e5);gap:10px;padding:6px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 12px #7c3aed4d}.manual-ad--premium.manual-ad--results{padding:16px 28px;gap:18px;border-radius:16px;box-shadow:0 4px 20px #7c3aed59}.manual-ad-favicon{width:28px;height:28px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.manual-ad--results .manual-ad-favicon{width:40px;height:40px}.manual-ad-text{display:flex;flex-direction:column;gap:2px;min-width:0}.manual-ad-headline{font-size:.95rem;font-weight:800;color:#fff;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.2)}.manual-ad-sub{font-size:.72rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.manual-ad-cta{flex-shrink:0;background:#fff3;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.82rem;font-weight:700;padding:7px 18px;border-radius:20px;transition:all .2s;letter-spacing:.3px}.manual-ad--premium:hover .manual-ad-cta{background:#ffffff59;box-shadow:0 2px 8px #ffffff26}.manual-ad--results .manual-ad-headline{font-size:1.1rem}.manual-ad--results .manual-ad-sub{font-size:.82rem}.manual-ad--results .manual-ad-cta{font-size:.88rem;padding:8px 22px;background:#ffffff40;border:1.5px solid rgba(255,255,255,.4)}.manual-ad--side{flex-direction:column;padding:60px 18px 28px;gap:16px;text-align:center;height:100%;min-height:600px;justify-content:flex-start}.manual-ad--side .manual-ad-favicon{width:52px;height:52px}.manual-ad--side .manual-ad-text{align-items:center;text-align:center}.manual-ad--side .manual-ad-headline{font-size:1.1rem;white-space:normal;line-height:1.3}.manual-ad--side .manual-ad-sub{font-size:.82rem;white-space:normal;line-height:1.5;max-width:140px}.manual-ad--side .manual-ad-cta{margin-top:4px}.manual-ad-logo{width:56px;height:34px;object-fit:contain;flex-shrink:0;border-radius:4px}.manual-ad--results .manual-ad-logo{width:88px;height:52px}.manual-ad--side .manual-ad-logo{width:100px;height:60px}.manual-ad-store-logo{width:68px;height:24px;object-fit:contain;flex-shrink:0;opacity:.7}.manual-ad--results .manual-ad-store-logo{width:82px;height:30px}.manual-ad--side .manual-ad-store-logo{width:90px;height:32px}.manual-ad--banner{flex-direction:column;padding:8px 12px 10px;gap:3px;text-align:center}.manual-ad--banner .manual-ad-logo{width:60px;height:28px;margin-bottom:0}.manual-ad--banner .manual-ad-text{align-items:center;text-align:center}.manual-ad--banner .manual-ad-headline{font-size:.72rem;white-space:normal;line-height:1.2}.manual-ad--banner .manual-ad-sub{font-size:.58rem;white-space:normal;line-height:1.2}.manual-ad--banner .manual-ad-store-logo{width:52px;height:16px}.manual-ad--banner .manual-ad-cta{font-size:.65rem;padding:4px 12px}.manual-ad--banner .manual-ad-resource-badge{font-size:.5rem;padding:2px 7px}.manual-ad--banner .manual-ad-favicon{width:24px;height:24px;margin-bottom:0}.manual-ad--affiliate{background:linear-gradient(135deg,#131921,#1a2332,#232f3e);gap:12px;padding:8px 14px;border-radius:12px;border:1px solid rgba(255,153,0,.15);box-shadow:0 2px 12px #0000004d}.manual-ad--affiliate .manual-ad-headline{font-size:.88rem}.manual-ad--affiliate .manual-ad-sub{color:#ffffff80;font-size:.68rem}.manual-ad--affiliate.manual-ad--results{padding:16px 28px;gap:18px;border-radius:16px}.manual-ad--affiliate.manual-ad--results .manual-ad-headline{font-size:1.05rem}.manual-ad--affiliate.manual-ad--results .manual-ad-sub{font-size:.78rem}.manual-ad--affiliate.manual-ad--side{flex-direction:column;padding:60px 18px 28px;gap:16px;text-align:center;height:100%;min-height:600px;justify-content:flex-start}.manual-ad--affiliate.manual-ad--side .manual-ad-text{align-items:center;text-align:center}.manual-ad--affiliate.manual-ad--side .manual-ad-headline{font-size:1.05rem;white-space:normal;line-height:1.3}.manual-ad--affiliate.manual-ad--side .manual-ad-sub{font-size:.82rem;white-space:normal;line-height:1.5;max-width:150px}.manual-ad-cta--affiliate{background:#ff990026!important;border:1.5px solid rgba(255,153,0,.35)!important;color:#fbbf24!important;font-weight:800;letter-spacing:.5px}.manual-ad--affiliate:hover .manual-ad-cta--affiliate{background:#ff99004d!important;box-shadow:0 2px 8px #f903}.manual-ad--resource{background:linear-gradient(135deg,#0c4a6e,#164e63,#134e4a);gap:12px;padding:8px 14px;border-radius:12px;border:1px solid rgba(94,234,212,.12);box-shadow:0 2px 12px #00000040}.manual-ad--resource .manual-ad-headline{font-size:.88rem}.manual-ad--resource .manual-ad-sub{color:#5eead4b3;font-size:.68rem}.manual-ad--resource.manual-ad--results{padding:16px 28px;gap:18px;border-radius:16px}.manual-ad--resource.manual-ad--results .manual-ad-headline{font-size:1.05rem}.manual-ad--resource.manual-ad--results .manual-ad-sub{font-size:.78rem}.manual-ad--resource.manual-ad--side{flex-direction:column;padding:60px 18px 28px;gap:16px;text-align:center;height:100%;min-height:600px;justify-content:flex-start}.manual-ad--resource.manual-ad--side .manual-ad-text{align-items:center;text-align:center}.manual-ad--resource.manual-ad--side .manual-ad-headline{font-size:1.05rem;white-space:normal;line-height:1.3}.manual-ad--resource.manual-ad--side .manual-ad-sub{font-size:.82rem;white-space:normal;line-height:1.5;max-width:160px}.manual-ad--light{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9)!important;border-color:#3b82f626!important}.manual-ad--light .manual-ad-headline{color:#1e293b;text-shadow:none}.manual-ad--light .manual-ad-sub{color:#64748b}.manual-ad--light .manual-ad-cta--resource{background:#3b82f61a!important;border-color:#3b82f64d!important;color:#2563eb!important}.manual-ad--light:hover .manual-ad-cta--resource{background:#3b82f633!important}.manual-ad--light .manual-ad-resource-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.manual-ad-resource-badge{flex-shrink:0;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.6rem;font-weight:900;padding:3px 8px;border-radius:6px;letter-spacing:1.2px;text-transform:uppercase;box-shadow:0 1px 4px #10b9814d}.manual-ad--side .manual-ad-resource-badge{padding:5px 14px;font-size:.7rem}.manual-ad-cta--resource{background:#5eead41f!important;border:1.5px solid rgba(94,234,212,.3)!important;color:#5eead4!important;font-weight:800;letter-spacing:.5px}.manual-ad--resource:hover .manual-ad-cta--resource{background:#5eead440!important;box-shadow:0 2px 8px #5eead426}@media (max-width: 600px){.manual-ad--premium{gap:8px;padding:5px 10px}.manual-ad-favicon{width:22px;height:22px}.manual-ad-headline{font-size:.82rem}.manual-ad-sub{font-size:.65rem}.manual-ad-cta{font-size:.72rem;padding:5px 12px}.manual-ad--affiliate,.manual-ad--resource{gap:8px;padding:5px 10px}.manual-ad-logo{width:42px;height:26px}.manual-ad-store-logo{width:46px;height:16px}.manual-ad-resource-badge{font-size:.5rem;padding:2px 6px}}.results-screen{display:flex;align-items:flex-start;justify-content:center;height:100vh;height:100dvh;padding:clamp(16px,4vh,40px) 20px;overflow-y:auto;overflow-x:hidden;zoom:calc(1 / var(--zoom, 1));scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:20px}.results-side-ad{display:none;width:160px;flex-shrink:0;position:sticky;top:40px;align-self:flex-start;z-index:10}@media (min-width: 1200px){.results-side-ad{display:block}}.results-skyscraper{width:160px;min-height:600px;border-radius:12px;overflow:hidden}.results-end-screen{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,#334155 100%);padding-top:32px}.end-screen-banner{display:none}.results-content{max-width:900px;width:100%;text-align:center;background:#fffffffa;border-radius:24px;padding:clamp(20px,5vh,48px) clamp(16px,3vw,32px);box-shadow:0 20px 60px #0000004d;margin:0 auto}.result-header{margin-bottom:clamp(16px,4vh,48px)}.result-character-pose-wrap{display:flex;justify-content:center;align-items:center;margin:0 0 clamp(8px,2vh,24px) 0;min-height:clamp(80px,18vh,200px)}.result-character-pose-wrap .pt-sprite{border-radius:18px;background:#0000000a;box-shadow:0 10px 28px #0000002e}.result-character-pose-img{max-width:clamp(160px,30vw,280px);width:auto;height:auto;max-height:clamp(120px,24vh,240px);object-fit:contain;border-radius:18px;box-shadow:0 10px 28px #0000002e}.playthrough-result-sprite{display:flex;justify-content:center;margin:0 0 18px}.playthrough-result-sprite .pt-sprite{border-radius:18px;background:#0000000a;box-shadow:0 10px 28px #0000002e}.trophy{font-size:clamp(48px,10vh,96px);margin-bottom:clamp(8px,2vh,24px);animation:bounce-in .6s ease-out;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.result-title{font-size:clamp(24px,5vh,48px);margin-bottom:clamp(8px,1.5vh,16px);font-weight:800;color:#0d1117;letter-spacing:-1px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.result-subtitle{font-size:20px;color:#4a5568;font-weight:500}.final-scores{display:flex;align-items:center;justify-content:center;margin-bottom:clamp(12px,2.5vh,28px);padding:clamp(12px,2.5vh,28px) clamp(10px,2vw,20px);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:2px solid rgba(0,0,0,.06);gap:0}.results-rewards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:stretch;margin-bottom:32px}.reward-item{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:700;color:#334155;min-width:clamp(120px,35vw,180px);padding:clamp(10px,1.5vh,14px) clamp(14px,2vw,20px);border-radius:14px;justify-content:center}.reward-item .reward-value{white-space:nowrap;font-size:1.15rem;font-weight:800}.player-final-score{flex:1;padding:20px 16px;border-radius:16px;transition:all .3s ease;text-align:center;max-width:240px;display:flex;flex-direction:column;align-items:center}.player-final-score.winner{background:#fff;border:2px solid #22c55e;box-shadow:0 4px 16px #22c55e1f}.player-final-score.loser{background:#ffffff80;border:2px solid transparent}.player-final-score .player-name{font-size:13px;color:#64748b;margin-bottom:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-hp{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:8px}.hp-value{font-size:clamp(24px,4.5vh,40px);font-weight:800;color:#0f172a;line-height:1}.player-final-score.winner .hp-value{color:#16a34a}.player-final-score.loser .hp-value{color:#94a3b8}.hp-label{font-size:14px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.winner-badge{display:inline-block;padding:6px 18px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;font-size:12px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #22c55e4d}.surrendered-badge{display:inline-block;padding:6px 18px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:20px;font-size:12px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f973164d}.vs-results{font-size:18px;font-weight:800;color:#94a3b8;padding:0 20px;flex-shrink:0}.reward-item.xp-reward{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid rgba(59,130,246,.25)}.reward-item.xp-reward .reward-value{color:#2563eb}.reward-item.ascendant-reward{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid rgba(139,92,246,.3)}.reward-item.ascendant-reward .reward-value{font-weight:800;background:linear-gradient(135deg,#c4b5fd,#a78bfa,#8b5cf6,#7c3aed,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 4px rgba(139,92,246,.4))}.gold-reward{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid rgba(245,158,11,.25)}.gold-reward .reward-value{color:#fbbf24;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.reward-item.gems-reward{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid rgba(16,185,129,.25)}.reward-item.gems-reward .reward-value{color:#10b981;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.reward-item.trophy-reward{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid rgba(192,132,252,.3)}.reward-item.trophy-reward .reward-value{color:#d8b4fe;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.reward-item.trophy-reward.loss .reward-value{color:#ef4444}.reward-coin-icon{width:44px;height:44px;object-fit:contain}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;padding:32px;background:#fff;border-radius:20px;border:2px solid rgba(0,0,0,.05)}.stat-item{text-align:center}.stat-label{font-size:13px;color:#666;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:800;color:#2d5f3f}.action-buttons{margin-top:2rem;width:100%;max-width:300px;display:flex;flex-direction:column;gap:1rem}.return-home-btn{width:100%;font-size:17px;font-weight:700;padding:16px 40px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:2px solid rgba(99,102,241,.4);border-radius:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #3b82f64d;letter-spacing:.3px}.return-home-btn:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f673}.return-home-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.return-adventure-btn{width:100%;font-size:17px;padding:18px 40px;background:linear-gradient(135deg,#10b981,#059669);border:2px solid rgba(16,185,129,.5);color:#fff;cursor:pointer;border-radius:12px;font-weight:700;transition:all .3s ease}.return-adventure-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.question-review-section{margin:32px 0;text-align:left}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(0,0,0,.1)}.review-title{font-size:24px;font-weight:800;color:#0d1117;margin:0}.review-stats{display:flex;gap:16px}.stat-correct{font-size:14px;font-weight:700;color:#22c55e;background:#22c55e1a;padding:6px 14px;border-radius:20px;border:2px solid #22c55e}.stat-incorrect{font-size:14px;font-weight:700;color:#ef4444;background:#ef44441a;padding:6px 14px;border-radius:20px;border:2px solid #ef4444}.question-list{display:flex;flex-direction:column;gap:12px}.question-item{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:16px 20px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.question-item.correct{border-left:5px solid #22c55e}.question-item.incorrect{border-left:5px solid #ef4444}.question-item.expanded{border-color:#6366f1;box-shadow:0 4px 16px #6366f126}.question-item-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:8px;padding:4px 0;transition:opacity .15s}.question-item-header:hover{opacity:.8}.question-number{display:flex;align-items:center;gap:12px}.q-num{font-size:16px;font-weight:800;color:#0d1117}.q-status{font-size:18px;font-weight:800;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.q-status.correct{color:#22c55e;background:#22c55e26}.q-status.incorrect{color:#ef4444;background:#ef444426}.question-meta{display:flex;gap:10px;align-items:center}.q-type{font-size:12px;font-weight:700;color:#6366f1;background:#6366f11a;padding:4px 10px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.q-difficulty{font-size:12px;font-weight:700;color:#f59e0b;background:#f59e0b1a;padding:4px 10px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.q-points{font-size:13px;font-weight:700;color:#22c55e}.q-expand-arrow{font-size:14px;color:#94a3b8;margin-left:6px;transition:color .15s}.question-item-header:hover .q-expand-arrow{color:#6366f1}.question-details{margin-top:20px;padding-top:20px;border-top:2px solid #e2e8f0;overflow:hidden}.question-image-review{margin-bottom:16px;text-align:center}.question-image-review .review-image{max-width:100%;max-height:300px;border-radius:10px;border:1px solid #e2e8f0}.report-btn-results{display:block;margin:14px 0 0 auto;padding:6px 16px;font-size:12px;font-weight:600;color:#94a3b8;background:transparent;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.report-btn-results:hover:not(:disabled){color:#ef4444;border-color:#fca5a5;background:#ef44440d}.report-btn-results:disabled{cursor:default}.report-btn-results.reported{color:#22c55e;border-color:#86efac;background:#22c55e0d}.question-text-review{font-size:17px;line-height:1.6;color:#0d1117;font-weight:600;margin-bottom:20px;padding:16px 20px;background:#f8fafc;border-radius:12px;border-left:4px solid #6366f1}.answer-options-review{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option-review{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.option-review.user-answer{background:#6366f114;border-color:#6366f1}.option-review.correct-answer{background:#22c55e14;border-color:#22c55e;border-width:3px}.option-review.user-answer.correct-answer{background:#22c55e1f}.option-letter{font-size:14px;font-weight:800;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;color:#0d1117;border-radius:8px;border:2px solid #cbd5e1;flex-shrink:0}.option-review.correct-answer .option-letter{background:#22c55e;color:#fff;border-color:#22c55e}.option-review.user-answer .option-letter{background:#6366f1;color:#fff;border-color:#6366f1}.option-text-review{flex:1;font-size:15px;font-weight:600;color:#0d1117}.badge-your-answer{font-size:11px;font-weight:700;color:#6366f1;background:#6366f126;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.badge-correct{font-size:11px;font-weight:700;color:#22c55e;background:#22c55e26;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.explanation-box{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:2px solid rgba(99,102,241,.3);border-radius:12px;padding:20px;margin-top:16px}.explanation-title{font-size:16px;font-weight:800;color:#6366f1;margin:0 0 12px;display:flex;align-items:center;gap:8px}.explanation-text{font-size:15px;line-height:1.7;color:#334155;margin:0;font-weight:500}@media (max-width: 768px){.results-content{padding:32px 20px}.review-header{flex-direction:column;align-items:flex-start;gap:12px}.question-meta{flex-wrap:wrap}.question-text-review{font-size:15px}}.results-ad-banner{width:100%;max-width:728px;margin:20px auto;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}@media (max-width: 768px){.results-ad-banner{max-width:100%;min-height:60px}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.results-screen{padding:clamp(8px,2vh,16px) 10px}.results-content{padding:clamp(12px,3vh,24px) clamp(10px,2vw,20px);border-radius:16px}.result-header{margin-bottom:clamp(8px,2vh,16px)}.result-character-pose-wrap{min-height:clamp(50px,14vh,100px)}.result-character-pose-img{max-height:clamp(60px,16vh,120px);max-width:clamp(80px,20vw,160px)}.results-summary{gap:clamp(4px,1vh,8px)}.reward-item{padding:clamp(6px,1.5vh,12px) clamp(10px,2vw,16px)}}.lesson-list-screen{min-height:100vh;padding:2rem;position:relative;max-width:1200px;margin:0 auto}.lesson-list-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/trainingbackground2.webp);background-size:cover;background-position:center}.lesson-list-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.lesson-list-header .header-left{display:flex;align-items:center;gap:1rem}.lesson-list-screen .back-icon-btn{width:48px;height:48px;border-radius:12px;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lesson-list-screen .back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.lesson-list-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.lesson-main-content{overflow-y:auto;color:#fff}.exam-sections{display:grid;grid-template-columns:1fr 1fr;gap:2rem;flex:1;overflow-y:auto;padding-bottom:2rem}.exam-section{display:flex;flex-direction:column;min-width:0}.exam-section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.2)}.exam-sections .exam-title{margin:0;font-size:1.5rem;font-weight:900;color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.exam-sections .exam-subtitle{font-size:.9rem;color:#ffffffe6;font-weight:700;background:#0f172a99;padding:.25rem .75rem;border-radius:8px;display:inline-block;border:1px solid rgba(255,255,255,.1)}.lessons-grid{display:flex;flex-direction:column;gap:1rem;flex:1}.lesson-card-item{background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;position:relative}.lesson-card-item.premium-locked{opacity:.7;background:linear-gradient(135deg,#fffffff2,#fffbebf2);border:2px solid #fbbf24;box-shadow:0 0 15px #fbbf2433}.lesson-card-item.premium-locked:hover{transform:scale(1.02);box-shadow:0 0 20px #fbbf244d}.lesson-card-item:hover{transform:translateY(-2px);border-color:#3b82f666;background:#0f172aeb}.lesson-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.lesson-icon.math{background:#3b82f64d;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}.lesson-icon.writing{background:#ec489933;color:#f9a8d4;border:1px solid rgba(236,72,153,.3)}.lesson-icon.reading,.lesson-icon.english{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.lesson-info{flex:1;display:flex;flex-direction:column}.lesson-info h3{margin:0;font-size:1rem;color:#fff;margin-bottom:.25rem}.lesson-meta{font-size:.8rem;color:#ffffffb3}.lesson-score{display:flex;flex-direction:column;align-items:center;background:#0003;padding:.5rem;border-radius:8px;min-width:60px;border:1px solid rgba(255,255,255,.1)}.score-label{font-size:.65rem;text-transform:uppercase;color:#ffffffb3!important;font-weight:800;letter-spacing:.5px}.score-number{font-size:1.25rem;font-weight:800;color:#86efac}.score-number.mastered{color:#ca8a04}.premium-badge{display:inline-block;margin-left:.5rem;font-size:.7rem;color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:.2rem .5rem;border-radius:6px;font-weight:700;border:1px solid #fbbf24}.lock-icon{font-size:2rem;text-align:center;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}.name-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.name-prompt-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:90%;text-align:center}.name-prompt-card h2{margin:0 0 .5rem;color:#166534}.name-prompt-card p{margin:0 0 1.5rem;color:#6b7280}.name-prompt-card input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;margin-bottom:1rem;box-sizing:border-box}.name-prompt-card input:focus{outline:none;border-color:#22c55e}.name-prompt-card button{width:100%;padding:.75rem;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.name-prompt-card button:hover:not(:disabled){background:#16a34a}.name-prompt-card button:disabled{background:#d1d5db;cursor:not-allowed}@media (max-width: 1024px){.exam-sections{grid-template-columns:1fr}}.practice-screen{min-height:100vh;background-color:#f9fafb;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;width:100%}.practice-screen.loading-state,.practice-screen.error-state{align-items:center;justify-content:center;text-align:center;padding:2rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.error-icon{font-size:3rem;margin-bottom:1rem}.practice-header{background:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100;width:100%;box-sizing:border-box}.back-btn{background:transparent;border:2px solid #2D5F3F;padding:.5rem 1rem;border-radius:8px;cursor:pointer;color:#1f2937!important;font-weight:700;transition:all .2s}.back-btn:hover{background:#f0fdf4;border-color:#22c55e;color:#1f2937!important}.topic-title{display:flex;flex-direction:column;align-items:center}.subject-tag{font-size:.75rem;text-transform:uppercase;color:#6b7280;font-weight:700;letter-spacing:.05em}.topic-title h2{margin:0;color:#1f2937;font-size:1.25rem}.smart-score-container{background:linear-gradient(135deg,#22c55e,#16a34a);padding:1rem 1.5rem;border-radius:16px;border:3px solid #15803d;text-align:right;min-width:120px;box-shadow:0 4px 12px #22c55e66}.score-label{font-size:.75rem;text-transform:uppercase;color:#fff;font-weight:800;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.score-value{font-size:2.5rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.practice-content{max-width:800px;margin:2rem auto;width:90%;display:flex;flex-direction:column;gap:2rem}.question-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.question-text{font-size:1.25rem;color:#000;margin-bottom:2rem;line-height:1.6;font-weight:500}.question-text sup,.option-text sup{font-size:.75em;vertical-align:super;line-height:0;position:relative;top:-.3em}.options-grid{display:grid;gap:1rem;margin-bottom:2rem}.option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #d1d5db;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s}.option-btn:hover:not(:disabled){background:#f0fdf4;border-color:#22c55e}.option-btn.selected{background:#dcfce7;border-color:#22c55e}.option-btn.selected .option-text,.option-btn.selected .option-key{color:#14532d}.option-btn.correct{background:#dcfce7;border-color:#22c55e}.option-btn.correct .option-text,.option-btn.correct .option-key{color:#14532d}.option-btn.wrong{background:#fee2e2;border-color:#ef4444}.option-btn.wrong .option-text,.option-btn.wrong .option-key{color:#7f1d1d}.option-key{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:1px solid #d1d5db;color:#000}.option-text{font-size:1rem;font-weight:500;color:#000}.submit-btn{width:100%;padding:1rem;background:#22c55e;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px #15803d}.submit-btn:hover:not(:disabled){background:#16a34a;transform:translateY(-2px);box-shadow:0 6px #15803d}.submit-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #15803d}.submit-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.feedback-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 12px #0000001a;border-left:8px solid;animation:slideUp .3s ease-out}.feedback-card.success{border-left-color:#22c55e}.feedback-card.error{border-left-color:#ef4444}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.feedback-header h3{margin:0;font-size:1.5rem}.success h3{color:#16a34a}.error h3{color:#dc2626}.score-delta{font-size:1.5rem;font-weight:800}.success .score-delta{color:#16a34a}.error .score-delta{color:#dc2626}.explanation{background:#f9fafb;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.explanation h4{margin:0 0 .5rem;color:#374151}.explanation p{margin:0;color:#4b5563;line-height:1.5}.next-btn{background:#1f2937;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;float:right}.next-btn:hover{background:#374151}.mastery-message{text-align:center;padding:4rem 2rem;background:#fff;border-radius:24px}.mastery-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 1s infinite}.mastery-message h1{color:#ca8a04;font-size:2.5rem;margin-bottom:1rem}.primary-btn{background:#22c55e;color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:2rem}.secondary-btn{background:#fff;border:1px solid #e5e7eb;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.geometry-diagram-container{display:flex;justify-content:center;margin:1.5rem 0;padding:1rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;border:1px solid rgba(99,102,241,.3)}.geometry-diagram{width:100%;max-width:250px;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.geometry-diagram text{font-family:Inter,system-ui,sans-serif}@media (max-width: 768px){.geometry-diagram-container{padding:.75rem;margin:1rem 0}.geometry-diagram{max-width:200px}}.clan-screen-container{min-height:100vh;width:100%;padding:2rem;color:#fff;position:relative;z-index:1;max-width:1200px;margin:0 auto}.clan-screen-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/friendsbackground.webp);background-size:cover;background-position:center}.clan-screen-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0000004d;pointer-events:none}.clan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.clan-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.clan-screen-container .back-icon-btn,.clan-dashboard .back-icon-btn{width:48px;height:48px;border-radius:12px;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.clan-screen-container .back-icon-btn:hover,.clan-dashboard .back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.create-clan-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:14px;padding:1rem 2rem;color:#fff;font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #8b5cf666}.create-clan-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf699;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.clans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.no-clans-placeholder{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;border:2px dashed rgba(255,255,255,.2)}.placeholder-icon{font-size:4rem;display:block;margin-bottom:1rem;filter:drop-shadow(0 4px 12px rgba(139,92,246,.6))}.no-clans-placeholder p{color:#fff9;font-size:1.1rem;font-weight:600;margin:0}.clan-card-item{background:linear-gradient(135deg,#0f172acc,#1e1b4bcc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(139,92,246,.3);border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:1.5rem}.clan-card-item:hover{transform:translateY(-8px);border-color:#8b5cf699;box-shadow:0 12px 48px #8b5cf666;background:linear-gradient(135deg,#0f172ae6,#1e1b4be6)}.clan-card-header{display:flex;align-items:center;gap:1.25rem}.clan-avatar{width:64px;height:64px;background:linear-gradient(135deg,#8b5cf64d,#7c3aed4d);border:2px solid rgba(139,92,246,.5);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;filter:drop-shadow(0 4px 12px rgba(139,92,246,.6));transition:transform .3s}.clan-card-item:hover .clan-avatar{transform:scale(1.1) rotate(5deg)}.clan-info{flex:1}.clan-info h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(139,92,246,.6);letter-spacing:.5px}.member-count{color:#fff9;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.member-count:before{content:"👥";font-size:1rem}.join-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-weight:800;font-size:1.05rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #22c55e4d}.join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e80;background:linear-gradient(135deg,#16a34a,#15803d)}.join-btn:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed;box-shadow:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:linear-gradient(135deg,#0f172af2,#1e1b4bf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(139,92,246,.4);border-radius:24px;padding:2.5rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.modal-content h3{margin:0 0 1.5rem;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;text-transform:uppercase;letter-spacing:1px}.modal-content input{width:100%;background:#0006;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem 1.25rem;color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.5rem;transition:all .2s}.modal-content input:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf633}.modal-content input::placeholder{color:#fff6}.modal-actions{display:flex;gap:1rem}.cancel-btn,.confirm-btn{flex:1;padding:1rem;border:none;border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.cancel-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff}.cancel-btn:hover{background:#ffffff26;border-color:#ffffff4d}.confirm-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf666}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.confirm-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;box-shadow:none}.clan-dashboard{display:flex;min-height:100vh;gap:2rem;padding:2rem;position:relative;max-width:1200px;margin:0 auto;width:100%}.clan-dashboard:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:url(/friendsbackground.webp);background-size:cover;background-position:center}.clan-dashboard:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0000004d;pointer-events:none}.clan-dash-sidebar{width:320px;background:linear-gradient(135deg,#0f172acc,#1e1b4bcc);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(139,92,246,.3);border-radius:24px;padding:2rem;display:flex;flex-direction:column;gap:2rem;box-shadow:0 8px 32px #0000004d;height:fit-content;position:sticky;top:2rem}.clan-dash-sidebar .header-left{display:flex;align-items:center;gap:1rem}.clan-dash-title{font-size:2rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.clan-identity{text-align:center;padding:1.5rem;background:#8b5cf61a;border-radius:16px;border:1px solid rgba(139,92,246,.3)}.clan-large-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 16px rgba(139,92,246,.8));animation:float 3s ease-in-out infinite}.clan-identity h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clan-identity p{margin:0;color:#fff9;font-weight:600;font-size:1rem}.members-list{flex:1}.members-list h3{margin:0 0 1rem;font-size:1.1rem;font-weight:800;text-transform:uppercase;color:#a78bfa;letter-spacing:.5px}.members-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.members-list li{background:#ffffff0d;padding:.9rem 1rem;border-radius:10px;color:#fffc;font-weight:600;display:flex;align-items:center;gap:.75rem;transition:all .2s;border:1px solid transparent}.members-list li:hover{background:#ffffff14;border-color:#8b5cf64d}.members-list li.me{background:#8b5cf633;border-color:#8b5cf666;color:#fff}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55ecc;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.6}}.leave-clan-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#ef444433,#dc262633);border:2px solid rgba(239,68,68,.4);border-radius:12px;color:#fca5a5;font-weight:800;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px}.leave-clan-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.clan-chat-area{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172acc,#1e1b4bcc);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(139,92,246,.3);border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.chat-header{padding:1.75rem 2rem;background:#0000004d;border-bottom:2px solid rgba(139,92,246,.3)}.chat-header h3{margin:0;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1px}.chat-messages{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.chat-message{display:flex;max-width:70%;animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own{align-self:flex-end}.msg-content{background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem 1.25rem;box-shadow:0 4px 12px #0003}.chat-message.own .msg-content{background:linear-gradient(135deg,#8b5cf666,#7c3aed66);border-color:#8b5cf666}.msg-sender{display:block;font-size:.85rem;font-weight:800;color:#a78bfa;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.msg-content p{margin:0 0 .5rem;color:#fff;line-height:1.5;font-weight:500}.msg-time{font-size:.75rem;color:#fff6;font-weight:600}.chat-input-area{padding:1.75rem 2rem;background:#0000004d;border-top:2px solid rgba(139,92,246,.3);display:flex;gap:1rem}.chat-input-area input{flex:1;background:#0006;border:2px solid rgba(255,255,255,.15);border-radius:14px;padding:1rem 1.5rem;color:#fff;font-size:1rem;font-weight:600;transition:all .2s}.chat-input-area input:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf633}.chat-input-area input::placeholder{color:#fff6}.chat-input-area button{padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:14px;color:#fff;font-weight:800;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #8b5cf666}.chat-input-area button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf699}.chat-input-area button:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;box-shadow:none}@media (max-width: 1024px){.clan-dashboard{flex-direction:column}.clan-dash-sidebar{width:100%;position:static}.clans-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 640px){.clan-screen-container,.clan-dashboard{padding:1rem}.clan-header h1{font-size:1.75rem}.clans-grid{grid-template-columns:1fr}.chat-message{max-width:85%}}.shop-screen-container{height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;color:#fff;position:relative;z-index:1;overflow:hidden}.shop-screen-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/marketbackground.webp);background-size:cover;background-position:center}.shop-screen-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0000004d;pointer-events:none}.shop-notification{position:fixed;top:1rem;left:0;right:0;width:fit-content;max-width:90vw;margin:0 auto;z-index:10000;padding:.75rem 1.5rem;border-radius:14px;display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000080;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.shop-notification.success{background:linear-gradient(135deg,#22c55ef2,#16a34af2);border:2px solid #22c55e}.shop-notification.error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:2px solid #ef4444}.notification-icon{font-size:1.25rem;font-weight:800}.notification-message{letter-spacing:.3px}.shop-premium-sticky{position:sticky;top:0;z-index:50;padding:1rem 2rem .75rem;flex-shrink:0}.shop-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.shop-header-row .header-left{display:flex;align-items:center;gap:1rem}.shop-screen-container .back-icon-btn{width:44px;height:44px;border-radius:12px;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.shop-screen-container .back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.shop-header-row h1{font-size:2rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.shop-balances{display:flex;gap:.75rem}.balance-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-weight:800;font-size:1.05rem;border:2px solid}.balance-gold{background:#eab30826;border-color:#f59e0b;color:#fbbf24}.balance-gems{background:#10b98126;border-color:#10b981;color:#34d399}.shop-banner{background:linear-gradient(135deg,#b45309,#d97706 40%,#f59e0b 75%,#fbbf24);border:2px solid rgba(255,255,255,.5);border-radius:16px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 20px #fbbf2466,inset 0 1px #ffffff40;position:relative;overflow:hidden}.shop-banner .banner-content{flex:1}.shop-banner .banner-content h2{font-size:1.2rem;font-weight:900;margin:0;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.shop-banner .banner-content p{color:#ffffffd9;font-size:.8rem;margin:.2rem 0 0;font-weight:600}.shop-banner .banner-btn{padding:.6rem 1.5rem;background:#fff;border:none;border-radius:10px;color:#92400e;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0003;flex-shrink:0}.shop-banner .banner-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;background:#fef3c7}.banner-logo{height:48px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(251,191,36,.8));flex-shrink:0}.shop-scroll-area{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:.5rem 2rem 2rem;gap:2rem;cursor:grab}.shop-scroll-area::-webkit-scrollbar{height:8px}.shop-scroll-area::-webkit-scrollbar-track{background:#0003;border-radius:10px}.shop-scroll-area::-webkit-scrollbar-thumb{background:#fbbf2466;border-radius:10px}.shop-scroll-area::-webkit-scrollbar-thumb:hover{background:#fbbf24b3}.shop-section{flex-shrink:0;display:flex;flex-direction:column}.shop-section .section-title{font-size:1.3rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem .25rem;text-shadow:0 2px 4px rgba(0,0,0,.5);flex-shrink:0;color:#fff}.section-title-chests{color:#fbbf24}.section-title-items{color:#60a5fa}.section-title-resources{color:#34d399}.section-title-gold{color:#fbbf24}.section-title-gems{color:#34d399}.section-title-money{color:#c084fc}.shop-row{display:flex;gap:1.25rem;flex:1;align-items:stretch}.chest-card{width:220px;background:linear-gradient(135deg,#0f172af2,#1e1b4bf2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--chest-border);border-radius:20px;padding:.8rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d,0 0 20px var(--chest-glow);position:relative;flex-shrink:0}.chest-card:hover{transform:translateY(-6px);box-shadow:0 12px 48px #0006,0 0 30px var(--chest-glow)}.chest-image-area{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}.chest-preview-img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 4px 12px var(--chest-glow));transition:transform .3s}.chest-card:hover .chest-preview-img{transform:scale(1.08) rotate(3deg)}.chest-name{margin:0 0 .2rem;font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.chest-desc{font-size:.65rem;color:#ffffff80;margin:0 0 .5rem;line-height:1.2}.chest-loot-list{width:100%;display:flex;flex-direction:column;gap:2px;margin-bottom:.5rem;flex:1}.loot-row{display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:4px;background:#ffffff08}.loot-icon-cell{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.loot-char-img{width:18px;height:18px;object-fit:contain;border-radius:3px}.loot-avatar-preview{object-fit:cover;border-radius:3px}.loot-banner-preview{border-radius:3px;overflow:hidden;position:relative}.loot-banner-preview img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300%;height:auto;min-height:100%;object-fit:cover}.loot-label{flex:1;font-size:.6rem;font-weight:600;color:#ffffffbf;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loot-pct{font-size:.58rem;font-weight:800;color:#ffffff73;flex-shrink:0}.chest-open-btn{width:100%;padding:.45rem;border:none;border-radius:12px;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 3px 10px #0000004d}.chest-open-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 16px #0006}.chest-open-btn:disabled{background:#ffffff14!important;color:#ffffff59;cursor:not-allowed;box-shadow:none}.chest-btn-free{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 3px 12px #22c55e66;animation:free-pulse 2s ease-in-out infinite}@keyframes free-pulse{0%,to{box-shadow:0 3px 12px #22c55e66}50%{box-shadow:0 3px 20px #22c55eb3}}.chest-premium-note{font-size:.55rem;color:#a855f7b3;margin-top:4px;font-style:italic}.shop-card{width:200px;min-height:0;background:linear-gradient(135deg,#0f172aeb,#1e1b4beb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:.6rem .8rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d;position:relative;flex-shrink:0}.shop-card:hover{transform:translateY(-6px);border-color:#fbbf2480;box-shadow:0 12px 48px #fbbf2440}.item-icon-area{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.35rem;transition:transform .3s}.shop-card:hover .item-icon-area{transform:scale(1.08) rotate(3deg)}.item-details{flex:0;width:100%;margin-bottom:.3rem}.item-details h4{margin:0 0 .15rem;font-size:.85rem;font-weight:800;color:#fff;letter-spacing:.2px}.item-type{display:inline-block;background:#ffffff1a;padding:.15rem .5rem;border-radius:8px;font-size:.65rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem}.item-description{font-size:.7rem;color:#ffffff8c;margin:.15rem 0 0;line-height:1.2}.dual-btn-stack{width:100%;display:flex;flex-direction:column;gap:.35rem;margin-top:auto}.buy-btn{width:100%;padding:.4rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #22c55e4d;display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:auto}.buy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 16px #22c55e80}.buy-btn:disabled{background:#ffffff14;color:#ffffff59;cursor:not-allowed;box-shadow:none}.buy-btn-just-purchased{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;cursor:default!important;box-shadow:0 0 20px #10b98199!important;animation:buy-btn-success-pulse .9s ease-out}@keyframes buy-btn-success-pulse{0%{transform:scale(.98);box-shadow:0 0 16px #10b981cc}50%{transform:scale(1.02);box-shadow:0 0 24px #10b981e6}to{transform:scale(1);box-shadow:0 0 20px #10b98199}}.buy-btn-gold{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 3px 10px #f59e0b4d!important}.buy-btn-gold:hover:not(:disabled){box-shadow:0 5px 16px #f59e0b80!important}.buy-btn-gold.buy-btn-just-purchased{background:linear-gradient(135deg,#10b981,#059669)!important}.buy-btn-money{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 3px 10px #8b5cf666!important;font-size:1rem!important}.buy-btn-money:hover:not(:disabled){box-shadow:0 5px 16px #8b5cf699!important}.gem-mini{filter:drop-shadow(0 1px 3px rgba(251,191,36,.6))}.gem-pack-card{border-color:#10b9814d!important}.gem-pack-card:hover{border-color:#10b98199!important;box-shadow:0 12px 48px #10b98140!important}.pack-badge{position:absolute;top:.6rem;right:.6rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.65rem;font-weight:800;padding:.25rem .6rem;border-radius:10px;letter-spacing:.5px;text-transform:uppercase}.gem-pack-amount{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:1.2rem;font-weight:800;color:#34d399;margin-top:.25rem}@media (max-width: 768px){.shop-premium-sticky{padding:.75rem 1rem .5rem}.shop-header-row h1{font-size:1.5rem}.shop-balances{gap:.5rem}.balance-pill{padding:.35rem .75rem;font-size:.9rem}.shop-banner{padding:.75rem 1rem}.shop-banner .banner-content h2{font-size:1rem}.shop-scroll-area{padding:.5rem 1rem 1rem;gap:1.5rem}.shop-card{width:160px;min-height:0;padding:.5rem .7rem}.chest-card{width:180px;padding:.6rem}.chest-image-area{width:80px;height:80px}.chest-preview-img{width:70px;height:70px}.item-icon-area{width:48px;height:48px}}@media (max-width: 480px),(max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.shop-screen-container{overflow-y:auto;-webkit-overflow-scrolling:touch}.shop-premium-sticky{padding:.2rem 1.5rem .15rem!important}.shop-header-row{margin-bottom:.3rem!important}.shop-header-row h1{font-size:.85rem!important}.shop-balances{gap:.3rem!important}.balance-pill{padding:.15rem .4rem!important;font-size:.6rem!important}.balance-pill .stat-icon,.balance-pill img{width:14px!important;height:14px!important}.shop-banner{padding:.25rem .5rem!important;border-radius:10px!important}.shop-banner .banner-content h2{font-size:.65rem!important}.shop-banner .banner-content p{font-size:.45rem!important}.banner-logo{height:22px!important}.shop-banner .banner-btn{padding:.2rem .5rem!important;font-size:.55rem!important;border-radius:8px!important}.shop-scroll-area{overflow-y:visible!important;padding:.2rem 1.5rem .5rem!important;gap:.6rem!important;align-items:flex-start!important}.shop-section{align-self:flex-start;display:flex!important;flex-direction:column!important;gap:5px!important;width:max-content;max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}.shop-section .section-title{font-size:9px!important;margin:0!important;margin-block:0!important;padding:0!important;text-transform:uppercase;letter-spacing:.35px!important;flex-shrink:0!important;white-space:nowrap!important;overflow:visible!important;line-height:1!important;font-weight:800!important;min-height:11px!important;display:flex!important;align-items:center!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important}.shop-row{gap:.35rem!important;flex:0 0 auto!important;align-items:stretch!important;align-self:flex-start}.chest-card,.shop-card{width:110px!important;padding:.3rem!important;border-radius:10px!important;border-width:1.5px!important;min-height:clamp(200px,60vh,280px)!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}.chest-image-area{width:30px!important;height:30px!important;margin-bottom:.1rem!important;flex-shrink:0!important}.chest-preview-img{width:26px!important;height:26px!important}.chest-name{font-size:.45rem!important;margin-bottom:.04rem!important;flex-shrink:0!important}.chest-desc{font-size:.35rem!important;margin-bottom:.04rem!important;line-height:1.2!important;flex-shrink:0!important}.chest-loot-list{font-size:.3rem!important;margin-bottom:.06rem!important;gap:1px!important;flex-shrink:0!important}.loot-icon-cell,.loot-char-img{width:9px!important;height:9px!important}.loot-label{font-size:.3rem!important}.loot-row{gap:2px!important}.loot-pct{font-size:.28rem!important}.chest-open-btn{padding:.25rem .35rem!important;font-size:.48rem!important;border-radius:6px!important;flex-shrink:0!important;margin-top:auto!important}.chest-open-btn>img{width:12px!important;height:12px!important}.item-icon-area{width:28px!important;height:28px!important;border-radius:6px!important;margin-bottom:.08rem!important;overflow:hidden!important;flex-shrink:0!important}.item-icon-area>*{max-width:22px!important;max-height:22px!important;width:22px!important;height:22px!important;font-size:.6rem!important}.item-details{margin-bottom:.06rem!important;flex:1!important;min-height:0!important}.item-details h4{font-size:.42rem!important;margin-bottom:.02rem!important;letter-spacing:0!important}.item-type{font-size:.3rem!important;padding:.02rem .12rem!important;border-radius:3px!important;margin-bottom:.03rem!important}.item-description{font-size:.34rem!important;line-height:1.2!important}.item-badge{font-size:.3rem!important;padding:.02rem .12rem!important;border-radius:3px!important}.item-price-tag{font-size:.35rem!important;flex-shrink:0!important}.item-price-tag .price-icon{width:9px!important;height:9px!important}.buy-btn{padding:.25rem .35rem!important;font-size:.48rem!important;border-radius:6px!important;gap:.1rem!important;flex-shrink:0!important;margin-top:auto!important}.buy-btn>img{width:12px!important;height:12px!important}.buy-btn .gem-icon-img{width:12px!important;height:12px!important}.buy-btn-money{font-size:.48rem!important}.dual-btn-stack{gap:.1rem!important;flex-shrink:0!important;margin-top:auto!important}.gem-pack-amount{font-size:.38rem!important;gap:.08rem!important}.gem-pack-amount .gem-icon-img{width:10px!important;height:10px!important}.gem-pack-card .item-icon-area{width:24px!important;height:24px!important}.pack-badge{font-size:.22rem!important;padding:.04rem .16rem!important;top:.1rem!important;right:.1rem!important;border-radius:3px!important}.chest-premium-note{font-size:.25rem!important}}.chest-open-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none}.chest-open-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chest-particle{position:absolute;width:var(--size);height:var(--size);border-radius:50%;pointer-events:none;animation:particle-fly .8s ease-out forwards;z-index:10002}@keyframes particle-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.chest-cancel-btn{position:fixed;top:1.5rem;right:1.5rem;z-index:10010;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0009;color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chest-cancel-btn:hover{background:#ef444499;border-color:#ef4444;transform:scale(1.05)}.chest-tap-area{position:relative;z-index:10001;display:flex;flex-direction:column;align-items:center;gap:2rem}.chest-tap-image{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 0 30px var(--glow-color))}.chest-idle-bounce{animation:chest-bounce 2s ease-in-out infinite}@keyframes chest-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.chest-shaking{animation:chest-shake .2s ease-in-out}@keyframes chest-shake{0%{transform:rotate(0) scale(1.05)}20%{transform:rotate(-6deg) scale(1.1)}40%{transform:rotate(6deg) scale(1.1)}60%{transform:rotate(-4deg) scale(1.08)}80%{transform:rotate(3deg) scale(1.06)}to{transform:rotate(0) scale(1.05)}}.chest-tap-prompt{display:flex;flex-direction:column;align-items:center;gap:.75rem}.tap-text{font-size:1.5rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 12px rgba(0,0,0,.8);animation:tap-pulse 1s ease-in-out infinite}@keyframes tap-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.tap-counter{display:flex;gap:10px}.tap-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--dot-color);background:transparent;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tap-dot-filled{background:var(--dot-color);transform:scale(1.2);box-shadow:0 0 12px var(--dot-color)}.chest-burst-area{position:relative;z-index:10001;display:flex;align-items:center;justify-content:center}.chest-burst-image{width:200px;height:200px;object-fit:contain;animation:chest-burst .9s ease-out forwards;filter:drop-shadow(0 0 60px var(--glow-color))}@keyframes chest-burst{0%{transform:scale(1.1);opacity:1;filter:brightness(1) drop-shadow(0 0 60px var(--glow-color))}40%{transform:scale(1.4);opacity:1;filter:brightness(2) drop-shadow(0 0 100px var(--glow-color))}to{transform:scale(2);opacity:0;filter:brightness(3) drop-shadow(0 0 150px var(--glow-color))}}.chest-reveal-area{position:relative;z-index:10001;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:default;max-width:440px;width:90%;max-height:80vh;animation:reveal-slide-up .5s cubic-bezier(.34,1.56,.64,1)}@keyframes reveal-slide-up{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.reveal-title{margin:0;font-size:1.2rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.reward-list{width:100%;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:55vh;padding:.25rem}.reward-list::-webkit-scrollbar{width:4px}.reward-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.reward-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);animation:reward-row-pop .35s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 0 16px #0003}@keyframes reward-row-pop{0%{transform:translate(-20px) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.reward-row-rarity{padding:.2rem .5rem;border-radius:8px;font-size:.55rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:48px;text-align:center}.reward-row-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reward-icon-img{object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.reward-avatar-img{border-radius:8px;object-fit:cover!important}.reward-banner-img{border-radius:6px;object-fit:cover!important}.reward-row-info{display:flex;flex-direction:column;gap:1px;min-width:0}.reward-row-label{font-size:.9rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reward-row-sublabel{font-size:.7rem;color:#ffffff80;font-weight:600}.reward-collect-btn{padding:.75rem 3rem;border:none;border-radius:14px;color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #0006;transition:all .2s;margin-top:.5rem;flex-shrink:0;animation:reveal-slide-up .4s cubic-bezier(.34,1.56,.64,1) .2s both}.reward-collect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000080}.reward-collect-btn:active{transform:translateY(0)}@media (max-width: 600px){.chest-tap-image,.chest-burst-image{width:160px;height:160px}.tap-text{font-size:1.2rem}.reward-row{padding:.5rem .6rem;gap:.5rem}.reward-row-icon{width:36px;height:36px}.reward-row-label{font-size:.8rem}.reward-collect-btn{padding:.6rem 2.5rem;font-size:1rem}.reveal-title{font-size:1rem}}.inventory-screen-container{width:100%;min-height:100vh;padding:2rem;color:#fff;position:relative;overflow-y:auto;max-width:1200px;margin:0 auto}.inventory-screen-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/trainingbackground3.webp);background-size:cover;background-position:center}.inventory-screen-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0000004d;pointer-events:none}.inventory-notification{position:fixed;top:30px;right:30px;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;font-weight:600;z-index:1000;animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006}.inventory-notification.success{background:linear-gradient(135deg,#10b98133,#0596694d);border:1px solid rgba(16,185,129,.4);color:#10b981}.inventory-notification.error{background:linear-gradient(135deg,#ef444433,#dc26264d);border:1px solid rgba(239,68,68,.4);color:#ef4444}.inventory-notification.info{background:linear-gradient(135deg,#3b82f633,#2563eb4d);border:1px solid rgba(59,130,246,.4);color:#3b82f6}.notification-icon{font-size:20px;display:flex;align-items:center;justify-content:center}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.inventory-header .header-left{display:flex;align-items:center;gap:1rem}.inventory-screen-container .back-icon-btn{width:48px;height:48px;border-radius:12px;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.inventory-screen-container .back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.inventory-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.inventory-count{display:flex;flex-direction:column;align-items:center;padding:12px 24px;background:#0f172ad9;border:1px solid rgba(139,92,246,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.count-number{font-size:28px;font-weight:700;color:#a78bfa}.count-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:1px}.inventory-loading{text-align:center;padding:80px 20px;font-size:18px;color:#fff9}.empty-inventory{text-align:center;padding:clamp(40px,10vh,80px) 20px;max-width:min(500px,90vw);margin:0 auto}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-inventory h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px}.empty-inventory p{font-size:16px;color:#fff9;margin-bottom:30px}.go-to-shop-btn{padding:14px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf666}.go-to-shop-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8b5cf699}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding-bottom:40px}.inventory-card{background:#0f172ad9;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.inventory-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}.inventory-card:hover:before{opacity:1}.inventory-card:hover{background:#0f172aeb;border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 12px 40px #8b5cf633}.inventory-card.active{border-color:#10b98180;background:#10b9810d}.inventory-card.active:before{background:linear-gradient(90deg,#10b981,#059669);opacity:1}.item-icon-area{width:68px;height:68px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin-bottom:6px;align-self:center}.item-icon-area img,.item-icon-area span{max-width:100%;max-height:100%;object-fit:contain;display:flex;align-items:center;justify-content:center}.item-details{flex:1;text-align:center}.item-details h4{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.item-type{display:inline-block;padding:4px 12px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:20px;font-size:12px;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.item-description{font-size:14px;color:#fff9;line-height:1.5;margin:8px 0 0}.active-status{display:flex;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px}.status-badge{font-size:12px;font-weight:600;color:#10b981;display:flex;align-items:center;gap:4px}.time-remaining{font-size:12px;color:#ffffffb3;margin-left:auto;font-weight:600}.activate-btn{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #10b9814d}.activate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #10b98180}.activate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.activate-btn-just-activated{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;cursor:default!important;box-shadow:0 0 20px #10b98199!important;animation:activate-btn-success-pulse .9s ease-out}@keyframes activate-btn-success-pulse{0%{transform:scale(.98);box-shadow:0 0 16px #10b981cc}50%{transform:scale(1.02);box-shadow:0 0 24px #10b981e6}to{transform:scale(1);box-shadow:0 0 20px #10b98199}}.deactivate-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 15px #6b72804d}.deactivate-btn:hover{box-shadow:0 6px 25px #6b728080}.cosmetic-label{padding:12px 24px;text-align:center}.auto-applied{font-size:13px;color:#a78bfa;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.inventory-card.token-active{border-color:#8b5cf680;background:#8b5cf60f}.inventory-card.token-active:before{background:linear-gradient(90deg,#8b5cf6,#3b82f6,#8b5cf6);opacity:1}.token-active-status{background:#8b5cf61a!important;border-color:#8b5cf64d!important}.token-active-status .status-badge{color:#a78bfa!important}.token-extend-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 4px 15px #8b5cf64d!important}.token-extend-btn:hover{box-shadow:0 6px 25px #8b5cf680!important}.boost-activate-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s}.boost-activate-modal-overlay.visible{opacity:1;pointer-events:auto}.boost-activate-modal{background:linear-gradient(135deg,#0f172afa,#1e1b4bfa);border:2px solid rgba(251,191,36,.5);border-radius:16px;padding:1.5rem;min-width:280px;max-width:90vw}.boost-activate-modal h3{margin:0 0 .5rem;font-size:1.1rem;color:#fbbf24}.boost-activate-description{font-size:.85rem;color:#ffffffb3;margin:0 0 1rem}.boost-activate-char-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.boost-activate-char-btn{padding:.6rem 1rem;background:#fbbf2426;border:2px solid rgba(251,191,36,.4);border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.boost-activate-char-btn:hover:not(.disabled){background:#fbbf244d;border-color:#fbbf24}.boost-activate-char-btn.disabled{opacity:.6;cursor:not-allowed}.boost-activate-char-btn .char-has-boost{font-size:.75rem;color:#ffffff80;margin-left:.5rem}.boost-activate-cancel{width:100%;padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .2s}.boost-activate-cancel:hover{border-color:#fff6;color:#fff}@media (max-width: 768px){.inventory-screen-container{padding:20px}.inventory-header h1{font-size:32px}.inventory-grid{grid-template-columns:1fr}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.inventory-screen-container{padding:.3rem 1.5rem}.inventory-header h1{font-size:.85rem}.inventory-header{margin-bottom:.3rem}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.3rem}.inventory-card{padding:.3rem;border-radius:12px}.inventory-card .item-icon-area{width:28px;height:28px}.inventory-card .item-details h4{font-size:.55rem}.inventory-card .item-type{font-size:.4rem;padding:.06rem .25rem}.inventory-card .item-description{font-size:.4rem}}.exam-loading,.exam-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:40px;text-align:center}.loading-spinner-exam{width:64px;height:64px;border:4px solid rgba(34,197,94,.2);border-top-color:#22c55e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.exam-loading h2,.exam-error h2{font-size:32px;margin-bottom:12px;font-weight:800}.exam-loading p,.exam-error p{font-size:16px;color:#ffffffb3;margin-bottom:24px}.exam-exit-btn{padding:12px 32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.exam-exit-btn:hover{background:#fff3;border-color:#22c55e}.exam-session{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;flex-direction:column}.exam-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.exam-info{display:flex;flex-direction:column;gap:4px}.exam-name{font-size:16px;font-weight:700;color:#fff}.question-counter{font-size:13px;color:#fff9;font-weight:500}.exam-timer{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;color:#22c55e;font-weight:700;font-size:18px}.time-warning{color:#ef4444!important;animation:pulse-warning 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.5}}.submit-exam-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #3b82f666}.submit-exam-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #3b82f699}.exam-back-btn{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.exam-back-btn:hover{background:#ffffff1a;border-color:#ef444466;transform:translate(-2px)}.exam-progress-bar{height:4px;background:#ffffff1a;position:relative}.exam-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .3s ease;box-shadow:0 0 10px #22c55e80}.exam-content{display:flex;flex:1;overflow:hidden}.exam-sidebar{width:280px;background:#0000004d;border-right:1px solid rgba(255,255,255,.1);padding:24px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exam-sidebar h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:24px}.question-nav-btn{aspect-ratio:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.question-nav-btn:hover{background:#ffffff1a;border-color:#22c55e4d}.question-nav-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;box-shadow:0 0 20px #22c55e80}.question-nav-btn.answered{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.legend{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:10px;color:#ffffffb3;font-size:13px}.legend-box{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.legend-box.answered{background:#22c55e33;border-color:#22c55e66}.legend-box.unanswered{background:#ffffff0d}.exam-question-area{flex:1;padding:40px;overflow-y:auto;display:flex;flex-direction:column;gap:32px}.question-header{display:flex;align-items:center;justify-content:space-between}.question-type-badge{padding:8px 16px;background:linear-gradient(135deg,#eab30833,#ca8a0433);border:1px solid rgba(234,179,8,.4);border-radius:20px;color:#eab308;font-size:12px;font-weight:700;letter-spacing:.5px}.question-text-exam{background:#fffffffa;padding:32px;border-radius:20px;font-size:18px;line-height:1.7;color:#000;font-weight:500;box-shadow:0 10px 40px #0000004d}.answer-options-exam{display:grid;gap:16px}.answer-option-exam{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.answer-option-exam:hover{background:#f0f9ff;border-color:#6366f1;transform:translate(4px)}.answer-option-exam.selected{background:#dcfce7;border-color:#22c55e;box-shadow:0 0 30px #22c55e4d}.option-letter{width:48px;height:48px;background:#f8fafc;border:2px solid #cbd5e1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#0f172a;flex-shrink:0}.answer-option-exam.selected .option-letter{background:#22c55e;border-color:#22c55e;color:#fff}.option-text-exam{flex:1;color:#0f172a;font-size:16px;font-weight:500;line-height:1.5}.selected-indicator{color:#22c55e;animation:checkmark-appear .3s ease}@keyframes checkmark-appear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.exam-navigation{display:flex;gap:16px;justify-content:space-between;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.nav-btn-exam{padding:14px 28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.nav-btn-exam:hover:not(:disabled){background:#ffffff1a;border-color:#22c55e66}.nav-btn-exam:disabled{opacity:.3;cursor:not-allowed}.nav-btn-exam.primary{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 4px 20px #22c55e66}.nav-btn-exam.primary:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 30px #22c55e99}.exam-results{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;padding:40px}.results-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:64px 48px;max-width:600px;width:100%;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080}.results-icon{font-size:80px;margin-bottom:24px;animation:bounce-in .6s ease-out}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.results-card h2{font-size:36px;color:#fff;font-weight:900;margin-bottom:32px}.score-display{margin-bottom:32px}.score-big{font-size:72px;font-weight:900;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.score-detail{font-size:20px;color:#ffffffb3;font-weight:600}.performance-breakdown{margin-bottom:32px}.performance-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:12px}.performance-fill{height:100%;transition:width .8s ease;box-shadow:0 0 20px #22c55e80}.performance-labels{display:flex;justify-content:space-between;color:#ffffff80;font-size:12px;font-weight:600}.results-message{margin-bottom:40px}.results-message p{color:#fffc;font-size:16px;line-height:1.6}.results-actions{display:flex;gap:16px;justify-content:center}.review-btn,.finish-btn{padding:16px 32px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease}.review-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.review-btn:hover{background:#fff3;border-color:#22c55e}.finish-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;box-shadow:0 4px 20px #22c55e66}.finish-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #22c55e99}@media (max-width: 1024px){.exam-sidebar{width:200px}.question-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.exam-content{flex-direction:column}.exam-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:16px}.question-grid{grid-template-columns:repeat(6,1fr)}.exam-question-area{padding:24px}.question-text-exam{padding:24px;font-size:16px}.results-card{padding:40px 24px}.score-big{font-size:56px}}.practice-exam-container{min-height:100vh;width:100%;padding:2rem;position:relative;overflow-y:auto;max-width:1200px;margin:0 auto}.practice-exam-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/trainingbackground2.webp);background-size:cover;background-position:center}.exam-header{position:relative;z-index:1;max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:48px}.exam-header-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.practice-exam-container .back-icon-btn{width:48px;height:48px;border-radius:12px;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.practice-exam-container .back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.exam-title{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.exam-subtitle{font-size:18px;font-weight:600;display:inline-block;padding:.5rem 1rem;background:#0f172ae0;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.exam-subtitle .exam-subtitle-text{background:linear-gradient(135deg,#86efac,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;position:relative;z-index:1;max-width:1400px;margin:0 auto}.exam-card-modern{position:relative;background:#0f172ae0;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.exam-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#22c55e1a,#3b82f61a);opacity:0;transition:opacity .4s ease}.exam-card-modern:hover{transform:translateY(-8px);border-color:#22c55e80;box-shadow:0 20px 60px #0006,0 0 40px #22c55e33}.exam-card-modern:hover:before{opacity:1}.exam-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(34,197,94,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.exam-card-modern:hover .exam-card-glow{opacity:1}.exam-card-modern.exam-locked{opacity:.7;border-color:#fbbf244d}.exam-card-modern.exam-locked:before{background:linear-gradient(135deg,#fbbf240d,#f59e0b0d);opacity:1}.exam-card-modern.exam-locked:hover{border-color:#fbbf2499;box-shadow:0 20px 60px #0006,0 0 40px #fbbf2433}.exam-card-modern.exam-locked .exam-badge{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf244d;color:#fbbf24}.exam-card-content{position:relative;z-index:1;padding:32px;display:flex;flex-direction:column;gap:20px}.exam-badge{width:64px;height:64px;background:linear-gradient(135deg,#22c55e33,#16a34a33);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#22c55e;border:1px solid rgba(34,197,94,.3);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #22c55e4d}50%{box-shadow:0 0 40px #22c55e80}}.exam-card-title{font-size:24px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.premium-badge-inline{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;padding:4px 12px;border-radius:20px;letter-spacing:.5px;box-shadow:0 2px 8px #fbbf244d}.exam-description{font-size:14px;color:#fff9;line-height:1.6;margin:0}.exam-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.exam-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fffc;font-size:13px;font-weight:600;text-align:center;min-width:0}.exam-stat span{word-wrap:break-word;white-space:normal;text-align:center}.exam-stat svg{color:#22c55e}.start-exam-btn-modern{width:100%;padding:16px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 20px #22c55e66}.start-exam-btn-modern:hover{transform:scale(1.02);box-shadow:0 6px 30px #22c55e99}.start-exam-btn-modern:active{transform:scale(.98)}.start-exam-btn-modern.btn-locked{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 20px #fbbf2466}.start-exam-btn-modern.btn-locked:hover{box-shadow:0 6px 30px #fbbf2499}@media (max-width: 768px){.practice-exam-container{padding:20px}.exam-title{font-size:32px}.exam-subtitle{font-size:14px}.exams-grid{grid-template-columns:1fr;gap:20px}.exam-card-content{padding:24px}}.rank-screen-container{min-height:100vh;width:100%;padding:2rem;overflow-y:auto;color:var(--text-primary);position:relative;max-width:1200px;margin:0 auto}.rank-screen-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/ruinsbackground.webp);background-size:cover;background-position:center;filter:brightness(var(--bg-image-brightness))}.rank-screen-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg-overlay);pointer-events:none}.rank-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.rank-header .header-left{display:flex;align-items:center;gap:1rem}.rank-screen-container .back-icon-btn{width:48px;height:48px;border-radius:12px;background:var(--bg-card);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.rank-screen-container .back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.rank-header h1{font-size:2.5rem;font-weight:900;margin:0;text-transform:uppercase;font-style:italic;color:#fbbf24;text-shadow:0 4px 8px rgba(0,0,0,.5)}.current-trophies{font-size:1.5rem;font-weight:800;background:#fbbf2433;padding:.75rem 1.5rem;border-radius:50px;border:2px solid #fbbf24;color:#fbbf24;box-shadow:0 4px 12px #fbbf244d}.current-rank-banner{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid var(--border-color-strong);border-radius:24px;padding:2.5rem;margin-bottom:3rem;display:flex;align-items:center;gap:2rem;box-shadow:0 0 30px #0006}.current-rank-banner.tier-bronze{border-color:#cd7f32;box-shadow:0 0 30px #cd7f324d}.current-rank-banner.tier-silver{border-color:silver;box-shadow:0 0 30px #c0c0c04d}.current-rank-banner.tier-gold{border-color:gold;box-shadow:0 0 30px #ffd7004d}.current-rank-banner.tier-platinum{border-image:linear-gradient(110deg,#93c5fd,#c4b5fd,#f9a8d4,#fde047) 1;box-shadow:0 0 30px #c4b5fd4d}.current-rank-banner.tier-ascendant{border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf666}.rank-icon-large{flex-shrink:0}.rank-tier-icon-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.rank-info{flex:1}.rank-info h2{font-size:2rem;font-weight:800;margin:0 0 .5rem}.rank-subtitle{color:var(--text-secondary);font-size:1rem;margin:0 0 1rem}.progress-to-next{margin-top:1rem}.progress-bar-container{width:100%;height:12px;background:#00000080;border-radius:20px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;border-radius:20px;transition:width .5s ease;box-shadow:0 0 10px #fff3}.progress-text{font-size:.85rem;color:var(--text-secondary);font-weight:600}.rank-road-section{max-width:900px;margin:0 auto}.rank-road-section>h3{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:.05em}.rank-road{display:flex;flex-direction:column;gap:1rem;position:relative}.rank-road-item{position:relative}.road-connector{width:4px;height:30px;background:var(--border-color);margin:0 auto;transition:background .3s;border-radius:2px}.road-connector.achieved{box-shadow:0 0 8px #ffffff26}.rank-node{background:var(--bg-card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border:2px solid var(--border-color);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s}.rank-node.achieved{background:#0f172acc}.rank-node.achieved.tier-bronze{border-color:#cd7f3280}.rank-node.achieved.tier-silver{border-color:#c0c0c080}.rank-node.achieved.tier-gold{border-color:#ffd70080}.rank-node.achieved.tier-platinum{border-image:linear-gradient(110deg,#93c5fd80,#c4b5fd80,#f9a8d480) 1}.rank-node.achieved.tier-ascendant{border-color:#8b5cf680}.rank-node.current{border-width:3px;background:#0f172aeb;transform:scale(1.03);animation:currentRankPulse 2.5s ease-in-out infinite}@keyframes currentRankPulse{0%,to{box-shadow:0 0 20px var(--rank-glow),0 0 40px var(--rank-glow)}50%{box-shadow:0 0 30px var(--rank-glow),0 0 60px var(--rank-glow)}}.rank-node.current.tier-bronze{--rank-glow: rgba(205, 127, 50, .5);border-color:#cd7f32}.rank-node.current.tier-silver{--rank-glow: rgba(192, 192, 192, .5);border-color:silver}.rank-node.current.tier-gold{--rank-glow: rgba(255, 215, 0, .5);border-color:gold}.rank-node.current.tier-platinum{--rank-glow: rgba(196, 181, 253, .5);border-image:linear-gradient(110deg,#93c5fd,#c4b5fd,#f9a8d4,#fde047) 1}.rank-node.current.tier-ascendant{--rank-glow: rgba(139, 92, 246, .55);border-color:#8b5cf6}.rank-node:hover{transform:scale(1.02);background:var(--bg-glass)}.rank-node-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:.35rem;min-width:80px}.rank-node-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center}.rank-node-icon-img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));transition:filter .3s}.rank-node.current .rank-node-icon-img{filter:drop-shadow(0 0 12px rgba(255,255,255,.3)) drop-shadow(0 2px 8px rgba(0,0,0,.35))}.trophy-req{font-size:.85rem;color:#fbbf24;margin:0;font-weight:700;display:flex;align-items:center;gap:.3rem;white-space:nowrap;line-height:1}.rank-node-details{flex:1}.rank-node-details h4{margin:0 0 .4rem;font-size:1.25rem;color:var(--text-primary);font-weight:800}.no-rewards-text{font-size:.85rem;color:var(--text-muted);font-style:italic;margin:0}.rewards-section{width:100%;margin-top:.75rem}.rewards-header{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;color:var(--text-secondary)}.rank-node.achieved .rewards-header{color:#4ade80}.rewards-grid{display:flex;flex-wrap:wrap;gap:.75rem}.reward-item{background:var(--input-bg);border:2px solid var(--border-color);border-radius:10px;padding:.6rem .65rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:all .2s;cursor:pointer;position:relative;min-width:90px;flex-shrink:0}.reward-item.locked{opacity:1}.reward-item.claimed{border-color:#22c55e66;background:linear-gradient(135deg,#22c55e26,#10b98126);box-shadow:0 2px 8px #22c55e33}.reward-item.claimed:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d;border-color:#22c55e99}.reward-item:hover,.reward-item:focus{transform:translateY(-2px);border-color:#fff3;z-index:100;outline:none}.reward-item:focus{border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf64d}.reward-item--banner{min-width:130px}.reward-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));display:flex;align-items:center;justify-content:center}.reward-icon--avatar{font-size:unset;filter:none}.reward-avatar-circle{width:48px;height:48px;border-radius:50%;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reward-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.08)}.reward-icon--banner{font-size:unset;filter:none;width:100%}.reward-banner-img{width:100%;height:40px;object-fit:cover;object-position:center 50%;border-radius:6px;display:block}.reward-coin-img{width:36px;height:36px;object-fit:contain}.reward-text{font-size:.75rem;font-weight:700;color:#fff;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reward-item.locked .reward-text{color:#ffffffd9}.reward-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0f172afa,#1e1b4bfa);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(139,92,246,.5);border-radius:12px;padding:.75rem 1rem;min-width:200px;max-width:280px;box-shadow:0 8px 24px #0009,0 0 20px #8b5cf64d;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000;white-space:normal}.reward-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(139,92,246,.5)}.reward-item:hover .reward-tooltip,.reward-item:focus .reward-tooltip{opacity:1;visibility:visible;bottom:calc(100% + 16px)}.tooltip-title{font-size:.9rem;font-weight:800;color:#a78bfa;margin-bottom:.4rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}.tooltip-description{font-size:.8rem;font-weight:500;color:#fffc;line-height:1.4;text-align:center}@media (max-width: 768px){.rank-screen-container,.rank-header{padding:1rem}.rank-header h1{font-size:1.5rem}.current-trophies{font-size:1.1rem;padding:.5rem 1rem}.current-rank-banner{flex-direction:column;text-align:center;padding:1.5rem}.rank-tier-icon-img{width:64px;height:64px}.rank-node{padding:1rem}.rank-node-left{min-width:64px}.rank-node-icon,.rank-node-icon-img{width:56px;height:56px}.trophy-req{font-size:.7rem}.rewards-grid{gap:.5rem}.reward-item{padding:.5rem .4rem;min-width:78px}.reward-icon{font-size:1.25rem}.reward-text{font-size:.7rem}.reward-avatar-circle{width:40px;height:40px}.reward-banner-img{height:32px}.reward-coin-img{width:28px;height:28px}.reward-tooltip{max-width:220px;font-size:.85rem}.tooltip-title{font-size:.8rem}.tooltip-description{font-size:.75rem}.reward-item:active .reward-tooltip,.reward-item:focus .reward-tooltip{opacity:1;visibility:visible;bottom:calc(100% + 16px)}}.leaderboard-screen-container{min-height:100vh;width:100%;padding:2rem;overflow-y:auto;color:#fff;max-width:1200px;margin:0 auto;position:relative}.leaderboard-screen-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/ruinsbackground.webp);background-size:cover;background-position:center}.leaderboard-screen-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0000004d;pointer-events:none}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.back-icon-btn{width:48px;height:48px;border-radius:12px;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.leaderboard-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.leaderboard-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;background:#0f172ad9;padding:.5rem;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;margin-left:auto;margin-right:auto}.tab-btn{padding:.75rem 2rem;background:transparent;border:none;color:#fff9;font-weight:700;border-radius:12px;cursor:pointer;transition:all .2s;font-size:1rem}.tab-btn:hover{color:#fff;background:#ffffff1a}.tab-btn.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.leaderboard-table-container{background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;position:relative}.leaderboard-table-header{display:grid;grid-template-columns:clamp(70px,15vw,120px) 1fr clamp(60px,12vw,100px);padding:1.25rem 1.5rem;background:#3b82f633;border-bottom:1px solid rgba(255,255,255,.1);font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#60a5fa}.leaderboard-list-items{max-height:clamp(300px,65vh,600px);overflow-y:auto}.leaderboard-loading,.leaderboard-error{padding:3rem 1.5rem;text-align:center;color:#ffffffb3;font-size:1.1rem}.leaderboard-error{color:#f87171}.lb-row{display:grid;grid-template-columns:clamp(70px,15vw,120px) 1fr clamp(60px,12vw,100px);padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s;align-items:center}.lb-row:hover{background:#3b82f61a}.lb-row.top-tier{background:linear-gradient(90deg,#fbbf2426,#0f172a33);border-left:3px solid #fbbf24}.col-rank{display:flex;align-items:center;gap:.75rem;font-weight:700}.rank-medal{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-weight:900;font-size:1.1rem}.rank-medal.gold{background:linear-gradient(135deg,gold,#ffed4e);color:#1e3a8a;box-shadow:0 0 20px #ffd70080}.rank-medal.silver{background:linear-gradient(135deg,silver,#e8e8e8);color:#1e3a8a;box-shadow:0 0 15px #c0c0c080}.rank-medal.bronze{background:linear-gradient(135deg,#cd7f32,#e89b5c);color:#fff;box-shadow:0 0 15px #cd7f3280}.rank-text{font-size:1.1rem;color:#ffffffb3;font-weight:700}.rank-change{font-size:.85rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;white-space:nowrap}.rank-change.up{color:#22c55e;background:#22c55e26}.rank-change.down{color:#ef4444;background:#ef444426}.rank-change.neutral{color:#fff6}.col-player{display:flex;align-items:center;gap:1rem}.lb-avatar-wrap{width:40px;height:40px;border-radius:50%;flex-shrink:0;border:2px solid transparent;box-shadow:0 2px 8px #0000004d}.lb-avatar-wrap.lb-avatar-premium{border-color:#fbbf24;box-shadow:0 0 10px #fbbf2473}.player-name{font-weight:700;font-size:1rem;color:#fff}.player-name.me{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.col-clan{display:flex;align-items:center}.clan-tag{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f633;padding:.4rem .75rem;border-radius:8px;font-size:.9rem;font-weight:600;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.no-clan{color:#ffffff4d;font-weight:500}.col-score{font-weight:800;font-size:1.2rem;color:#fbbf24;text-align:right}.current-user-sticky{position:sticky;bottom:0;background:linear-gradient(135deg,#fbbf2433,#3b82f633);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:2px solid #3b82f6;box-shadow:0 -4px 20px #0000004d;z-index:10}.current-user-sticky:hover{background:linear-gradient(135deg,#fbbf2440,#3b82f640)}.leaderboard-list-items::-webkit-scrollbar{width:8px}.leaderboard-list-items::-webkit-scrollbar-track{background:#0f172a4d}.leaderboard-list-items::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:4px}.leaderboard-list-items::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.league-coming-soon{background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;padding:3rem 2rem 4rem;text-align:center;min-height:clamp(280px,55vh,420px);display:flex;align-items:center;justify-content:center}.league-coming-soon-inner{max-width:600px;margin:0 auto}.league-coming-soon-title{font-size:2.6rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0 0 .75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b 40%,#fde68a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 4px 8px rgba(251,191,36,.3))}.league-coming-soon-subtitle{font-size:1.1rem;color:#fff9;margin:0 0 2.5rem;font-weight:500}.league-rewards-showcase{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}@keyframes rewardBob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.league-reward-float{animation:rewardBob 2.8s ease-in-out infinite;will-change:transform}.league-reward-avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid transparent;box-shadow:0 6px 20px #0006;transition:transform .2s}.league-reward-avatar:hover{transform:scale(1.08)}.league-reward-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scale(1.08)}.league-reward-banner-wrap{width:140px;height:52px;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #0006;border:2px solid rgba(255,255,255,.15);flex-shrink:0;transition:transform .2s}.league-reward-banner-wrap:hover{transform:scale(1.06)}.league-reward-banner-img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}@media (max-width: 768px){.leaderboard-screen-container{padding:1rem}.leaderboard-header h1{font-size:1.8rem}.leaderboard-table-header,.lb-row{grid-template-columns:100px 1fr 80px;padding:1rem}.rank-medal{width:32px;height:32px;font-size:1rem}.lb-avatar-wrap{width:36px;height:36px}.player-name{font-size:.9rem}.col-score{font-size:1rem}.clan-tag{font-size:.8rem;padding:.3rem .5rem}.league-coming-soon{padding:2rem 1rem 3rem;min-height:360px}.league-coming-soon-title{font-size:2rem}.league-coming-soon-subtitle{font-size:.95rem;margin-bottom:2rem}.league-rewards-showcase{gap:1rem}.league-reward-avatar{width:72px;height:72px}.league-reward-banner-wrap{width:110px;height:42px}}@media (max-width: 480px){.leaderboard-table-header{grid-template-columns:80px 1fr 60px;font-size:.8rem}.lb-row{grid-template-columns:80px 1fr 60px}.tab-btn{padding:.5rem 1rem;font-size:.9rem}}.friends-screen-container{min-height:100vh;width:100%;padding:2rem;color:#fff;position:relative;max-width:1200px;margin:0 auto}.friends-screen-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/friendsbackground.webp);background-size:cover;background-position:center}.friends-screen-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0000004d;pointer-events:none}.friends-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.friends-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.friends-screen-container .back-icon-btn{width:48px;height:48px;border-radius:12px;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.friends-screen-container .back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.friends-code-section{background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.friends-code-label{display:block;font-size:.85rem;font-weight:600;color:#93c5fd;margin-bottom:.5rem}.friends-code-row{display:flex;align-items:center;gap:.75rem}.friends-code-value{font-family:monospace;font-size:1.25rem;font-weight:700;letter-spacing:.15em;color:#fff;background:#0003;padding:.5rem 1rem;border-radius:8px}.friends-copy-btn{background:#3b82f6;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.friends-copy-btn:hover:not(:disabled){opacity:.9}.friends-copy-btn:disabled{opacity:.5;cursor:not-allowed}.friends-code-hint{font-size:.85rem;color:#fff9;margin:.75rem 0 0}.friends-add-section{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.friends-add-input{flex:1;min-width:clamp(120px,40vw,180px);padding:.75rem 1rem;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:1rem}.friends-add-input::placeholder{color:#fff6}.friends-add-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;cursor:pointer;transition:opacity .2s}.friends-add-btn:hover:not(:disabled){opacity:.9}.friends-add-btn:disabled{opacity:.5;cursor:not-allowed}.friends-message{width:100%;font-size:.9rem;padding:.5rem 0}.friends-message.success{color:#4ade80}.friends-message.error{color:#f87171}.friends-list-section{background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.25rem}.friends-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:700;font-size:1rem}.friends-leaderboard-btn{background:transparent;border:2px solid rgba(251,191,36,.5);color:#fbbf24;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.friends-leaderboard-btn:hover{background:#fbbf2433}.friends-loading,.friends-empty{padding:2rem;text-align:center;color:#fff9}.friends-list{list-style:none;margin:0;padding:0}.friends-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;margin-bottom:.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.friend-avatar{flex-shrink:0;border-radius:50%;border:2px solid transparent}.friend-avatar.friend-avatar-premium{border-color:#fbbf24;box-shadow:0 0 10px #fbbf2473}.friend-info{flex:1;display:flex;align-items:center;gap:1rem}.friend-name{font-weight:700}.friend-trophies{display:flex;align-items:center;gap:.35rem;color:#fbbf24;font-size:.95rem}.friend-remove-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;width:44px;height:44px;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.friend-remove-btn:hover{opacity:.8}.friends-requests-section{background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.35);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.friends-section-title{font-weight:700;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.friends-badge{background:#ef4444;color:#fff;border-radius:999px;font-size:.75rem;font-weight:800;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.friends-request-item{border-color:#fbbf2433}.friend-request-actions{display:flex;gap:.5rem}.friend-accept-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;padding:.45rem 1rem;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:opacity .2s}.friend-accept-btn:hover{opacity:.9}.friend-decline-btn{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;padding:.45rem .85rem;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:opacity .2s}.friend-decline-btn:hover{opacity:.8}.friends-pending-item{opacity:.7;border-style:dashed}.friend-pending-label{font-size:.78rem;color:#fbbf24;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.friend-actions{display:flex;align-items:center;gap:.5rem}.friend-challenge-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;color:#fff;padding:.45rem .9rem;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer;transition:opacity .2s,background .2s;white-space:nowrap}.friend-challenge-btn:hover:not(:disabled){opacity:.9}.friend-challenge-btn:disabled{cursor:not-allowed}.friend-challenge-btn.sent{background:#7c3aed59;border:1px solid rgba(124,58,237,.5);color:#a78bfa}.friend-challenge-btn.declined{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.friends-screen-container{padding:.4rem 1.5rem}.friends-screen-container h1{font-size:.9rem}.friends-screen-container .back-icon-btn{width:28px;height:28px;border-radius:6px}.friend-card{padding:.3rem .5rem;border-radius:10px}.friend-avatar{width:30px;height:30px}.friend-name{font-size:.6rem}.friend-status{font-size:.45rem}.friend-actions button{padding:.2rem .4rem;font-size:.5rem;border-radius:6px}}.tracker-screen{min-height:100vh;width:100%;padding:2rem;overflow-y:auto;position:relative;max-width:1200px;margin:0 auto}.tracker-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/ruinsbackground.webp);background-size:cover;background-position:center;filter:brightness(var(--bg-image-brightness))}.tracker-screen:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg-overlay);pointer-events:none}.tracker-header{display:flex;align-items:center;margin-bottom:2rem}.tracker-header .header-left{display:flex;align-items:center;gap:1rem}.tracker-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.tracker-screen .back-icon-btn{width:48px;height:48px;border-radius:12px;background:var(--bg-card);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tracker-screen .back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.loading-state .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-size:1.2rem;color:#ffffffb3}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border-radius:20px;padding:1.5rem;text-align:center;box-shadow:0 8px 32px var(--shadow-color);border:1px solid var(--border-color);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-color-strong);background:var(--bg-glass)}.stat-card.win{border-bottom:4px solid #22c55e}.stat-card.loss{border-bottom:4px solid #ef4444}.stat-value{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-card.win .stat-value{color:#4ade80}.stat-card.loss .stat-value{color:#f87171}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-group{display:flex;gap:.5rem;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:16px;border:1px solid var(--border-color)}.filter-btn{padding:.6rem 1.2rem;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.filter-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.filter-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f666}.matches-container{background:var(--bg-card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border-radius:24px;padding:2rem;border:1px solid var(--border-color)}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;filter:grayscale(1)}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:800}.empty-state p{font-size:1.1rem;color:var(--text-muted)}.matches-list{display:flex;flex-direction:column;gap:1rem}.match-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-hover);border-radius:16px;border:1px solid var(--border-color);transition:all .2s ease}.match-card:hover{transform:translate(4px);background:var(--bg-glass);border-color:var(--border-color-strong)}.match-card.win{border-left:4px solid #22c55e;background:linear-gradient(90deg,#22c55e1a,#1e293b66)}.match-card.loss{border-left:4px solid #ef4444;background:linear-gradient(90deg,#ef44441a,#1e293b66)}.match-result-badge{font-size:.9rem;font-weight:800;padding:.4rem .8rem;border-radius:8px;text-transform:uppercase;min-width:80px;text-align:center}.match-card.win .match-result-badge{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.match-card.loss .match-result-badge{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.match-details{flex:1;display:flex;flex-direction:column;gap:.75rem}.match-scores{display:flex;align-items:center;gap:2rem}.player-score,.opponent-score{display:flex;flex-direction:column;gap:.25rem}.score-label{font-size:.8rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.score-value{font-size:1.8rem;font-weight:800;color:var(--text-primary);line-height:1}.player-score.winner .score-value,.opponent-score.winner .score-value{color:#4ade80}.player-score.loser .score-value,.opponent-score.loser .score-value{color:#f87171}.score-hp-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.surrendered-tag{font-size:.65rem;font-weight:800;color:#fb923c;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.vs-divider{font-size:1rem;font-weight:800;color:var(--text-muted);font-style:italic}.match-meta{display:flex;flex-wrap:wrap;gap:.5rem}.meta-badge{padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:700;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.meta-badge.rating{display:inline-flex;align-items:center;gap:3px;padding-top:.15rem;padding-bottom:.15rem}.meta-badge.rating.positive{color:#4ade80;background:#22c55e1a}.meta-badge.rating.negative{color:#f87171;background:#ef44441a}.meta-badge.rating.neutral{color:#ffffff59;background:#ffffff0a;border-color:#ffffff0f}.match-time{font-size:.85rem;color:#fff6;font-weight:600}@media (max-width: 768px){.tracker-screen{padding:1rem}.stats-overview{grid-template-columns:repeat(2,1fr)}.match-card{flex-direction:column;align-items:flex-start;padding:1rem}.match-scores{width:100%;justify-content:space-between}.match-time{align-self:flex-end}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 4rem;background-image:url(/introbackground.webp);background-size:cover;background-position:center;background-attachment:fixed;overflow-y:auto}.auth-card{background:#0f172ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid #3b82f6;border-radius:24px;padding:3rem 2.5rem;width:100%;max-width:420px;text-align:center;box-shadow:0 20px 60px #0009;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.auth-logo{margin-bottom:1rem}.auth-logo-img{width:72px;height:72px;border-radius:18px;filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}.auth-card h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.auth-subtitle{color:#fff9;margin-bottom:2rem;font-size:1rem}.error-message{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#fca5a5;padding:.75rem;border-radius:12px;margin-bottom:1.5rem;display:flex!important;align-items:center;gap:.5rem;font-size:.9rem;position:relative;z-index:10;opacity:1!important;visibility:visible!important}.input-group{margin-bottom:1.25rem;text-align:left}.input-group label{display:block;font-size:.85rem;font-weight:700;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.input-field{width:100%;padding:1rem;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:1rem;transition:all .2s}.input-field:focus{outline:none;border-color:#3b82f6;background:#0009;box-shadow:0 0 0 4px #3b82f633}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper .input-field{padding-right:3rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:8px}.password-toggle-btn:hover{color:#ffffffe6;background:#ffffff1a}.password-toggle-btn:focus{outline:none;color:#3b82f6;background:#3b82f61a}.password-toggle-btn svg{width:20px;height:20px}.submit-btn{width:100%;padding:1rem;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border:none;border-radius:14px;color:#fff;font-weight:800;font-size:1.1rem;margin-top:1rem;cursor:pointer;box-shadow:0 4px #1e40af;transition:transform .1s}.submit-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.submit-btn:active{transform:translateY(2px);box-shadow:none}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:#fff6;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.google-btn{width:100%;padding:1rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;color:#3c4043;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 2px 4px #0000001a}.google-btn:hover{background:#f8f9fa;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.google-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.apple-btn{width:100%;padding:1rem;background:#000;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 2px 4px #0003;margin-top:.75rem}.apple-btn:hover{background:#1a1a1a;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.apple-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.apple-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.toggle-auth{margin-top:2rem;font-size:.9rem;color:#ffffff80}.toggle-link{background:none;border:none;color:#60a5fa;font-weight:700;margin-left:.5rem;cursor:pointer;text-decoration:underline}.toggle-link:hover{color:#fff}.forgot-password-link{text-align:right;margin-top:-.5rem;margin-bottom:1rem}.link-btn{background:none;border:none;color:#fff9;font-size:.85rem;cursor:pointer;text-decoration:none;transition:color .2s;padding:0}.link-btn:hover{color:#60a5fa;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(180deg,#1e293bf7,#0f172af7);border:1px solid rgba(96,165,250,.15);border-radius:20px;padding:2rem 2rem 1.75rem;max-width:380px;width:90%;position:relative;box-shadow:0 20px 60px #0009,0 0 40px #60a5fa14;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:.85rem;right:.85rem;background:#ffffff14;border:none;color:#ffffff80;font-size:1.2rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ffffff26;color:#fff}.modal-header{text-align:center;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.modal-icon-svg{width:48px;height:48px;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(96,165,250,.4))}.modal-header h2{font-size:1.5rem;margin:0 0 .5rem;color:#fff;font-weight:800}.modal-subtitle{font-size:.9rem;color:#ffffff8c;line-height:1.5;margin:0}.reset-form{margin-top:.5rem}.reset-form .input-group{margin-bottom:1rem}.reset-form .submit-btn{margin-top:.25rem}.success-message{background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:14px;padding:1.5rem;text-align:center;color:#4ade80;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:slideUp .3s ease}.success-icon-svg{width:40px;height:40px;filter:drop-shadow(0 0 8px rgba(34,197,94,.4))}.success-message p{margin:0;font-size:.95rem;line-height:1.5}.otp-inputs{display:flex;justify-content:center;gap:.6rem;margin:1.5rem 0}.otp-digit{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:800;color:#fff;background:#0006;border:2px solid rgba(255,255,255,.15);border-radius:12px;transition:all .2s;caret-color:#3b82f6}.otp-digit:focus{outline:none;border-color:#3b82f6;background:#0009;box-shadow:0 0 0 4px #3b82f633}.otp-resend{margin-top:1.25rem;text-align:center}.otp-resend-timer{color:#fff6;font-size:.9rem}.otp-back{margin-top:1rem;text-align:center}.username-picker-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 4rem;background-image:url(/introbackground.webp);background-size:cover;background-position:center;background-attachment:fixed;overflow-y:auto}.username-picker-card{background:#0f172ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid #3b82f6;border-radius:24px;padding:3rem 2.5rem;width:100%;max-width:420px;text-align:center;box-shadow:0 20px 60px #0009;animation:usernamePickerSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes usernamePickerSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.username-picker-logo{margin-bottom:1rem}.username-picker-favicon{width:64px;height:64px;border-radius:16px;filter:drop-shadow(0 0 20px rgba(59,130,246,.5))}.username-picker-card h1{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.username-picker-subtitle{color:#fff9;margin-bottom:2rem;font-size:1rem}.username-picker-error{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#fca5a5;padding:.75rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.username-picker-form{display:flex;flex-direction:column}.username-picker-input-group{margin-bottom:1.25rem;text-align:left}.username-picker-input-group label{display:block;font-size:.85rem;font-weight:700;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.username-picker-input{width:100%;padding:1rem;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:1rem;transition:all .2s}.username-picker-input:focus{outline:none;border-color:#3b82f6;background:#0009;box-shadow:0 0 0 4px #3b82f633}.username-picker-btn{width:100%;padding:1rem;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border:none;border-radius:14px;color:#fff;font-weight:800;font-size:1.1rem;margin-top:.5rem;cursor:pointer;box-shadow:0 4px #1e40af;transition:transform .1s}.username-picker-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.username-picker-btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.username-picker-btn:disabled{opacity:.5;cursor:not-allowed}.settings-screen{min-height:100vh;min-height:100dvh;position:relative;overflow-y:auto;color:var(--text-primary)}.settings-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/landingpagebackground.webp);background-size:cover;background-position:center;filter:brightness(var(--bg-image-brightness))}.settings-screen:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg-overlay);pointer-events:none}.settings-loading{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;font-size:1.5rem;color:var(--text-secondary)}.settings-container{max-width:800px;margin:0 auto;padding:2rem 2rem 4rem}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.settings-header-left{display:flex;align-items:center;gap:1rem}.settings-header h1{font-size:2.2rem;font-weight:900;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);text-transform:uppercase;font-style:italic;color:#fbbf24}.back-btn{width:48px;height:48px;border-radius:12px;background:var(--bg-card);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.back-btn:hover{background:#3b82f64d;border-color:#3b82f6}.settings-section{margin-bottom:2rem}.settings-section .section-title{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:#fbbf24;margin-bottom:.75rem;font-weight:800;padding-left:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.settings-card{background:var(--bg-card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px var(--shadow-color)}.info-row{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-weight:600}.info-value{color:var(--text-primary);font-weight:700;font-size:1.05rem}.username-display{display:flex;align-items:center;gap:.75rem}.change-username-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:8px;cursor:pointer;font-size:.9rem;padding:.4rem;transition:all .2s}.change-username-btn:hover{background:#3b82f6;transform:scale(1.05)}.username-edit-container{display:flex;align-items:center;gap:.5rem}.username-edit-input{background:var(--input-bg);border:1px solid #3b82f6;border-radius:8px;padding:.5rem 1rem;color:var(--text-primary);font-size:1rem;width:clamp(120px,40vw,180px);font-weight:600}.username-edit-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d}.edit-actions{display:flex;gap:.25rem}.edit-btn{background:#ffffff1a;border:none;border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.edit-btn.save{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#4ade80}.edit-btn.save:hover{background:#22c55e;color:#fff}.edit-btn.cancel{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171}.edit-btn.cancel:hover{background:#ef4444;color:#fff}.premium-status-card{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,#fbbf241a,#0f172a99);border:1px solid rgba(251,191,36,.3)}.premium-badge-large{display:flex;align-items:center;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.premium-crown-img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(251,191,36,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.premium-info{text-align:left}.premium-info h3{font-size:1.75rem;font-weight:800;color:#fbbf24;margin:0 0 .25rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.premium-info p{color:var(--text-secondary);margin:0;font-size:.95rem}.premium-benefits-text{color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0 auto}.premium-actions{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.cancel-subscription-btn{width:100%;max-width:300px;padding:.9rem 1.25rem;background:#ef44441f;border:2px solid rgba(239,68,68,.4);border-radius:14px;color:#fecaca;font-weight:800;font-size:1rem;cursor:pointer;transition:all .25s;text-transform:uppercase;letter-spacing:.04em}.cancel-subscription-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}.cancel-subscription-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.cancel-subscription-btn:disabled{opacity:.6;cursor:not-allowed}.premium-cancel-message{max-width:520px;font-size:.95rem;line-height:1.4;padding:.75rem 1rem;border-radius:12px;background:#00000040;border:1px solid rgba(255,255,255,.12);color:#ffffffd9}.premium-cancel-message.error{border-color:#ef444459;color:#fecaca}.premium-cancel-message.success{border-color:#22c55e59;color:#bbf7d0}.upgrade-btn{width:100%;max-width:300px;padding:1rem 2rem;background:linear-gradient(180deg,#fbbf24,#d97706);border:none;border-radius:14px;color:#451a03;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px #92400e;margin-top:1.5rem}.upgrade-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.upgrade-btn:active{transform:translateY(2px);box-shadow:none}.license-card-inner{padding:1.25rem 1.5rem}.license-desc{color:var(--text-secondary);font-size:.85rem;margin:0 0 1rem;line-height:1.5}.license-redeem-row{display:flex;gap:.6rem;align-items:center;max-width:420px}.license-input{flex:1;min-width:0;padding:.65rem .85rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-family:JetBrains Mono,monospace;letter-spacing:.08em;text-transform:lowercase;outline:none;transition:border-color .2s}.license-input:focus{border-color:#8b5cf680}.license-input::placeholder{text-transform:none;letter-spacing:normal;font-family:inherit;color:var(--text-muted)}.license-redeem-btn{padding:.65rem 1.25rem;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.license-redeem-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.license-redeem-btn:disabled{opacity:.5;cursor:not-allowed}.license-message{margin-top:.75rem;padding:.5rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;max-width:420px}.license-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.license-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);padding:0}.stat-box{padding:2rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;border-right:1px solid var(--border-color)}.stat-box:last-child{border-right:none}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#6366f133,#a855f733);border:2px solid rgba(99,102,241,.3);color:#a5b4fc;transition:all .3s}.stat-icon svg{filter:drop-shadow(0 2px 6px rgba(99,102,241,.6))}.stat-box:hover .stat-icon{transform:scale(1.1);box-shadow:0 4px 16px #6366f166}.rating-icon{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf2466;color:#fde047}.rating-icon svg{filter:drop-shadow(0 2px 8px rgba(251,191,36,.8))}.medal-icon{background:linear-gradient(135deg,#9333ea33,#a855f733);border-color:#9333ea66;color:#d8b4fe}.medal-icon svg{filter:drop-shadow(0 2px 8px rgba(147,51,234,.8))}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2.25rem;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.6);background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.stat-box:hover .stat-value{background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preferences-card{padding:0;overflow:hidden}.preference-row{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid var(--border-color);transition:all .2s}.preference-row:last-child{border-bottom:none}.preference-row:hover{background:var(--bg-hover)}.preference-info{flex:1}.preference-header{display:flex;align-items:center;gap:1rem}.preference-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid rgba(99,102,241,.3);color:#a5b4fc;transition:all .3s}.preference-icon svg{filter:drop-shadow(0 2px 4px rgba(99,102,241,.5))}.preference-row:hover .preference-icon{background:linear-gradient(135deg,#6366f14d,#a855f74d);border-color:#6366f180;transform:scale(1.05)}.sound-icon{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e4d;color:#86efac}.preference-row:hover .sound-icon{background:linear-gradient(135deg,#22c55e4d,#10b9814d);border-color:#22c55e80}.notification-icon{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf244d;color:#fde047}.preference-row:hover .notification-icon{background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);border-color:#fbbf2480}.display-icon{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f14d;color:#a5b4fc}.preference-row:hover .display-icon{background:linear-gradient(135deg,#6366f14d,#a855f74d);border-color:#6366f180}.theme-segmented-control{display:flex;background:var(--input-bg);border-radius:12px;padding:3px;gap:2px;border:1px solid var(--border-color);flex-shrink:0}.theme-segment{padding:8px 16px;border-radius:10px;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap;font-family:inherit}.theme-segment:hover{color:var(--text-primary);background:var(--bg-hover)}.theme-segment.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f166}.preference-text{display:flex;flex-direction:column;gap:.25rem}.preference-label{color:var(--text-primary);font-weight:700;font-size:1.05rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.preference-desc{color:var(--text-muted);font-size:.85rem;font-weight:500}.toggle-switch{position:relative;width:60px;height:34px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--input-bg);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:34px;border:2px solid var(--border-color);box-shadow:inset 0 2px 4px #0000004d}.toggle-slider:hover{border-color:#fff3}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:2px;bottom:2px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 6px #0000004d}input:checked+.toggle-slider{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;box-shadow:0 0 15px #22c55e66,inset 0 2px 4px #0003}input:checked+.toggle-slider:before{transform:translate(26px);background:linear-gradient(135deg,#fff,#f1f5f9);box-shadow:0 2px 8px #0006}input:focus+.toggle-slider{box-shadow:0 0 0 4px #6366f133}.danger-zone{border:1px solid rgba(239,68,68,.3);background:#ef44440d;padding:1.5rem}.logout-btn{width:100%;padding:1rem 1.5rem;background:#ef44441a;border:2px solid rgba(239,68,68,.4);border-radius:14px;color:#fca5a5;font-weight:700;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.logout-icon{stroke:currentColor;transition:transform .3s}.logout-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.logout-btn:hover .logout-icon{transform:translate(3px)}.logout-btn:active{transform:translateY(0)}.change-password-section{padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--border-color)}.change-password-btn{width:100%;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);color:#c4b5fd;padding:.75rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.change-password-btn:hover{background:#8b5cf638;border-color:#8b5cf673;color:#ddd6fe}.change-password-form{display:flex;flex-direction:column;gap:.65rem}.change-pw-input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.75rem 1rem;color:#e2e8f0;font-size:.9rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.change-pw-input:focus{border-color:#8b5cf680;background:#ffffff14}.change-pw-hint{color:#a78bfa;font-size:.85rem;font-weight:600;margin:0 0 .15rem}.change-pw-error{color:#f87171;font-size:.82rem;margin:0}.change-pw-success{color:#4ade80;font-size:.82rem;margin:0}.change-pw-actions{display:flex;gap:.6rem;margin-top:.15rem}.change-pw-submit{flex:1;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;padding:.7rem;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.change-pw-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.change-pw-submit:disabled{opacity:.5;cursor:not-allowed}.change-pw-cancel{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;padding:.7rem;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.change-pw-cancel:hover{background:#ffffff1a;color:#e2e8f0}@media (max-width: 768px){.settings-container{padding:1.5rem 1rem}.stats-grid{grid-template-columns:1fr}.stat-box{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.settings-container{padding:.4rem 1.5rem}.settings-header h1{font-size:.9rem;margin-bottom:.3rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.35rem}.settings-card{padding:.4rem;margin-bottom:.4rem;border-radius:10px}.settings-card h2{font-size:.7rem}.settings-card label{font-size:.55rem}.settings-card input,.settings-card select{font-size:.55rem;padding:.2rem .3rem}}.tournament-screen{min-height:100vh;width:100%;color:#fff;padding:2rem;overflow-y:auto;position:relative;max-width:1200px;margin:0 auto}.tournament-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:url(/ruinsbackground.webp);background-size:cover;background-position:center}.tournament-screen:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0000004d;pointer-events:none}.tournament-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.tournament-header .header-left{display:flex;align-items:center;gap:1rem}.tournament-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.5);color:#fbbf24}.tournament-screen .back-icon-btn{width:48px;height:48px;border-radius:12px;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tournament-screen .back-icon-btn:hover{background:#3b82f64d;border-color:#3b82f6}.tournament-under-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.tournament-under-construction .construction-message{font-size:1.5rem;font-weight:700;color:#facc15;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.tournament-under-construction .construction-subtitle{font-size:1.25rem;color:#fffc;margin:0}.actions-bar{display:flex;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.action-btn.create{background:linear-gradient(to bottom,#facc15,#ca8a04);border:none;padding:.85rem 1.5rem;border-radius:12px;color:#422006;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 4px #854d0e;transition:transform .1s}.action-btn.create:hover{transform:translateY(-2px);filter:brightness(1.1)}.action-btn.create:active{transform:translateY(2px);box-shadow:0 2px #854d0e}.join-code-group{display:flex;gap:.5rem;background:#0f172a99;padding:.5rem;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.join-code-group input{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem 1rem;color:#fff;width:150px}.join-code-group button{background:#3b82f6;border:none;border-radius:8px;padding:0 1rem;color:#fff;font-weight:700;cursor:pointer;transition:background .2s}.join-code-group button:hover{background:#2563eb}.tournaments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.tournament-card{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s}.tournament-card:hover{transform:translateY(-4px);border-color:#3b82f6;background:#0f172acc}.tournament-card h3{margin:0;font-size:1.25rem;color:#fbbf24}.t-info{display:flex;justify-content:space-between;font-size:.9rem;color:#fff9}.join-btn{background:#22c55e;border:none;padding:.75rem;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;margin-top:auto;box-shadow:0 4px #15803d}.join-btn:active{transform:translateY(4px);box-shadow:none}.create-view{max-width:500px;margin:0 auto;background:#0f172acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:2.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.1)}.create-view h2{margin-top:0;text-align:center;margin-bottom:2rem;color:#fbbf24}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffb3;font-weight:600}.form-group input{width:100%;padding:.75rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0006;color:#fff;font-size:1rem}.size-options{display:flex;gap:.5rem}.size-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.75rem;color:#fff;border-radius:12px;cursor:pointer;transition:all .2s}.size-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 10px #3b82f64d}.form-actions{display:flex;gap:1rem;margin-top:2rem}.cancel-btn,.create-confirm-btn{flex:1;padding:1rem;border-radius:12px;font-weight:700;cursor:pointer;border:none}.cancel-btn{background:#ffffff1a;color:#fff}.create-confirm-btn{background:linear-gradient(to bottom,#facc15,#ca8a04);color:#422006;box-shadow:0 4px #854d0e}.lobby-view{max-width:600px;margin:0 auto;text-align:center;background:#0f172a99;padding:2rem;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lobby-header{margin-bottom:2rem}.lobby-code{background:#0000004d;padding:.5rem 1rem;border-radius:8px;font-family:monospace;font-size:1.2rem;border:1px dashed rgba(255,255,255,.3);color:#fbbf24}.player-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.lobby-player{background:#ffffff0d;padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(255,255,255,.1)}.lobby-player.empty{opacity:.4;border-style:dashed}.start-btn{background:#22c55e;border:none;padding:1rem 3rem;border-radius:12px;color:#fff;font-weight:800;font-size:1.2rem;cursor:pointer;box-shadow:0 4px #15803d}.start-btn:disabled{background:#475569;box-shadow:none;cursor:not-allowed}.bracket-container{display:flex;gap:3rem;overflow-x:auto;padding:2rem;background:#0f172a66;border-radius:24px;min-height:400px}.bracket-round{min-width:240px;display:flex;flex-direction:column;gap:2rem}.bracket-round h3{text-align:center;color:#fbbf24;margin-bottom:1rem;text-transform:uppercase;font-size:.9rem;letter-spacing:.1em}.round-matches{display:flex;flex-direction:column;justify-content:space-around;flex:1;gap:2rem}.bracket-match{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;position:relative;box-shadow:0 4px 12px #0000004d}.match-player{padding:.6rem;background:#0000004d;border-radius:8px;margin-bottom:.5rem;font-size:.9rem;display:flex;justify-content:space-between}.match-player:last-child{margin-bottom:0}.match-player.me{border:1px solid #3b82f6;color:#60a5fa;background:#3b82f61a}.match-player.winner{background:#22c55e33;color:#22c55e;border-color:#22c55e}.vs{font-size:.7rem;color:#ffffff4d;text-align:center;margin:.25rem 0;font-weight:800}.play-btn{width:100%;margin-top:.8rem;background:#facc15;border:none;border-radius:8px;padding:.6rem;font-weight:800;cursor:pointer;color:#422006;box-shadow:0 2px #854d0e}.premium-success-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f1729,#1a1f35);padding:20px}.premium-success-card{max-width:600px;width:100%;background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:28px;padding:3rem 2rem;text-align:center;border:2px solid rgba(251,191,36,.3);box-shadow:0 20px 60px #00000080,0 0 100px #fbbf2433;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-icon{font-size:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 20px rgba(251,191,36,.6));animation:float 3s ease-in-out infinite}.success-icon-img{width:80px;height:80px;object-fit:contain;margin-bottom:1.5rem;filter:drop-shadow(0 4px 20px rgba(251,191,36,.6));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-icon{filter:drop-shadow(0 4px 20px rgba(239,68,68,.6))}.success-spinner{display:flex;justify-content:center;margin-bottom:2rem}.spinner{width:60px;height:60px;border:4px solid rgba(251,191,36,.2);border-top-color:#fbbf24;border-radius:50%;animation:spin 1s linear infinite}.premium-success-card h2{font-size:2.5rem;font-weight:900;margin:0 0 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-success-card p{color:#ffffffb3;font-size:1.1rem;margin:0 0 2rem;line-height:1.6}.success-message{color:#fffc;font-size:1.2rem;font-weight:500}.plan-info{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:1.5rem;margin:2rem 0;display:flex;flex-direction:column;gap:1rem}.plan-detail{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#fff9;font-size:1rem;font-weight:600}.detail-value{color:#fbbf24;font-size:1.1rem;font-weight:700}.premium-features-list{margin:2rem 0;text-align:left}.premium-features-list h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-align:center}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.feature-item{color:#fffc;font-size:.95rem;padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px;display:flex;align-items:center;gap:.5rem;font-weight:500}.success-btn{padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:1rem;width:100%;max-width:300px}.success-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.success-btn.primary{background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#78350f;border:none;box-shadow:0 8px 24px #fbbf2466,inset 0 -3px #0003,inset 0 1px #ffffff4d}.success-btn.primary:hover{box-shadow:0 12px 32px #fbbf2480,inset 0 -3px #0003,inset 0 1px #ffffff4d}.auto-redirect{color:#fff6;font-size:.9rem;margin-top:1rem;margin-bottom:0}.premium-success-card.error{border-color:#ef444480;box-shadow:0 20px 60px #00000080,0 0 100px #ef444433}.premium-success-card.error h2{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-success-card.success{border-color:#22c55e80;box-shadow:0 20px 60px #00000080,0 0 100px #22c55e33}@media (max-width: 640px){.premium-success-card{padding:2rem 1.5rem}.premium-success-card h2{font-size:2rem}.features{grid-template-columns:1fr}.success-icon{font-size:4rem}}.adventure-mode{width:100vw;height:100vh;background:radial-gradient(circle at 30% 20%,rgba(45,212,191,.18),transparent 45%),radial-gradient(circle at 70% 10%,rgba(59,130,246,.2),transparent 40%),linear-gradient(180deg,#0d1b2d,#0a1626);display:flex;flex-direction:column;overflow:hidden;position:relative}.adventure-mode:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='2' fill='%2310b981' fill-opacity='0.08'/%3E%3C/svg%3E");opacity:.6;pointer-events:none}.adventure-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(90deg,#0f172ad9,#10b98114);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid rgba(16,185,129,.35);z-index:100}.adventure-title{text-align:center;flex:1}.adventure-title h1{margin:0;font-size:2.2rem;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(16,185,129,.3)}.adventure-title p{margin:.25rem 0 0;color:#ffffffb3;font-size:.9rem}.back-btn{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border:1px solid rgba(59,130,246,.5);padding:.5rem 1rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.back-btn:hover{background:#3b82f6e6;transform:translate(-2px)}.player-stats-mini{display:flex;gap:1rem;font-size:1.1rem;font-weight:600;color:#fff}.game-world{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(16,185,129,.08) 0%,transparent 35%),radial-gradient(circle at 80% 30%,rgba(59,130,246,.08) 0%,transparent 35%),linear-gradient(180deg,#0c1c30,#0a1a2b 45%,#0b1f37)}.game-map{position:absolute;transition:transform .2s ease-out;filter:drop-shadow(0 12px 30px rgba(0,0,0,.35))}.map-tile{position:absolute;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:12px;box-shadow:inset 0 4px #ffffff14,inset 0 -4px #0000002e}.map-tile.grass{background:linear-gradient(145deg,#1b8b4b,#23a85c 45%,#1a914f);border:1px solid rgba(34,197,94,.35)}.map-tile.path{background:linear-gradient(145deg,#9b6b3e,#b27b44 45%,#8c5c30);border:1px solid rgba(139,92,46,.4)}.tile-emoji{font-size:0;opacity:0;-webkit-user-select:none;user-select:none}.map-tile:after{content:"";position:absolute;inset:2px 2px auto 2px;height:20%;border-radius:10px;background:#ffffff1f;opacity:.6}.player-character{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;transition:all .2s ease-out;animation:playerBob 2s ease-in-out infinite;filter:drop-shadow(0 6px 20px rgba(16,185,129,.5))}.player-character:before{content:"";position:absolute;width:86%;height:86%;background:radial-gradient(circle at 30% 30%,#ffffff40,#10b98140);border:2px solid rgba(16,185,129,.4);border-radius:16px;box-shadow:inset 0 6px 14px #fff3,inset 0 -6px 14px #00000059}@keyframes playerBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.player-emoji{font-size:3.2rem;filter:drop-shadow(0 4px 8px rgba(16,185,129,.6));animation:playerGlow 2s ease-in-out infinite;position:relative;z-index:1}@keyframes playerGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(16,185,129,.6))}50%{filter:drop-shadow(0 6px 12px rgba(16,185,129,1))}}.player-name{margin-top:.25rem;background:#0f172ae6;color:#10b981;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:700;border:1px solid rgba(16,185,129,.5);white-space:nowrap}.opponent{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:40;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 6px 16px rgba(0,0,0,.45))}.opponent:before{content:"";position:absolute;width:92%;height:92%;border-radius:14px;background:radial-gradient(circle at 30% 30%,#ffffff2e,#ef44442e);border:2px solid rgba(239,68,68,.35);box-shadow:inset 0 5px 12px #ffffff26,inset 0 -5px 12px #00000059}.opponent.unlocked:hover{transform:scale(1.1)}.opponent.locked{opacity:.5;cursor:not-allowed}.opponent.defeated{opacity:.7}.opponent-emoji{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(239,68,68,.6));animation:opponentFloat 3s ease-in-out infinite;position:relative;z-index:1}@keyframes opponentFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.opponent-label{margin-top:.25rem;background:#0f172af2;color:#ef4444;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700;border:1px solid rgba(239,68,68,.5);white-space:nowrap;position:relative;z-index:1}.opponent.defeated .opponent-label{color:#10b981;border-color:#10b98180}.locked-badge{position:absolute;top:-8px;right:-8px;background:#475569f2;color:#fff;padding:.2rem .4rem;border-radius:4px;font-size:.65rem;font-weight:700;border:1px solid rgba(100,116,139,.5)}.study-area{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:30;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}.study-area:before{content:"";position:absolute;width:92%;height:92%;border-radius:14px;background:radial-gradient(circle at 30% 30%,#ffffff2e,#3b82f62e);border:2px solid rgba(59,130,246,.35);box-shadow:inset 0 5px 12px #ffffff26,inset 0 -5px 12px #0000004d}.study-area:hover{transform:scale(1.1)}.study-emoji{font-size:2.6rem;filter:drop-shadow(0 4px 8px rgba(59,130,246,.6));animation:studyPulse 2s ease-in-out infinite;position:relative;z-index:1}@keyframes studyPulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(59,130,246,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 6px 12px rgba(59,130,246,1))}}.study-label{margin-top:.25rem;background:#0f172af2;color:#3b82f6;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700;border:1px solid rgba(59,130,246,.5);white-space:nowrap}.controls-guide{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.95rem;font-weight:600;z-index:90;box-shadow:0 10px 25px #00000059}.interaction-panel{position:absolute;bottom:5rem;right:2rem;background:#0f172af2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(16,185,129,.5);border-radius:16px;padding:1.5rem;min-width:300px;max-width:350px;z-index:80;box-shadow:0 8px 32px #00000080;animation:slideInRight .3s ease-out;background-image:linear-gradient(135deg,rgba(255,255,255,.04),transparent)}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.opponent-panel{border-color:#ef444480}.study-panel{border-color:#3b82f680}.panel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.panel-emoji{font-size:2.5rem}.panel-header h3{margin:0;color:#fff;font-size:1.4rem}.panel-description{color:#fffc;margin-bottom:1rem;font-size:.95rem}.panel-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#0000004d;border-radius:8px;font-size:.9rem;color:#ffffffe6}.battle-btn,.study-btn{width:100%;padding:.75rem;border-radius:10px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}.battle-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444466}.battle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.study-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f666}.study-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.defeated-badge{text-align:center;color:#10b981;font-weight:700;font-size:1.1rem;padding:.75rem;background:#10b98133;border-radius:8px;border:1px solid rgba(16,185,129,.5)}.progress-tracker{position:absolute;top:5rem;right:2rem;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);min-width:250px;z-index:90;box-shadow:0 10px 25px #00000059}.progress-tracker h4{margin:0 0 .75rem;color:#fff;font-size:1.1rem}.progress-bar{width:100%;height:12px;background:#0006;border-radius:6px;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .5s ease;box-shadow:0 0 10px #10b98199}.progress-tracker span{color:#fffc;font-size:.9rem}@media (max-width: 768px){.adventure-header{padding:.75rem 1rem}.adventure-title h1{font-size:1.5rem}.interaction-panel{right:1rem;left:1rem;min-width:auto}.progress-tracker{top:auto;bottom:5rem;left:1rem;right:auto}}.playthrough-screen{height:100vh;height:100dvh;width:100%;background:radial-gradient(1200px 600px at 20% 0%,rgba(99,102,241,.25),transparent 60%),radial-gradient(900px 600px at 100% 30%,rgba(16,185,129,.18),transparent 55%),linear-gradient(135deg,#0b1022,#0f172a 55%,#111827);color:#fff;overflow:auto;padding:1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif}.playthrough-notification{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#020617e6;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.75rem 1rem;display:flex;gap:.75rem;align-items:center;z-index:9999;box-shadow:0 18px 60px #00000080}.playthrough-notification.success{border-color:#22c55e59}.playthrough-notification.error{border-color:#ef444459}.playthrough-notification.info{border-color:#3b82f659}.notification-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff14;font-weight:900}.playthrough-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.header-left{display:flex;align-items:center;gap:1rem}.back-icon-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:12px;width:44px;height:44px;cursor:pointer;font-size:1.1rem}.playthrough-header h1{margin:0;font-size:1.75rem;font-weight:900;letter-spacing:.01em}.subtitle{color:#ffffffa6;font-weight:600;font-size:.95rem;margin-top:.25rem}.currency-display{background:#02061799;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.65rem 1rem;display:flex;align-items:center;gap:.5rem;font-weight:900}.gem-icon{color:#34d399}.gem-count{font-size:1.1rem}.playthrough-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:1.25rem;align-items:start}.panel-card{background:#0206178c;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1rem;box-shadow:0 24px 80px #00000059}.tab-row{display:flex;gap:.5rem;margin-bottom:1rem}.tab-btn{flex:1;padding:.75rem .9rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fffc;font-weight:900;cursor:pointer}.tab-btn.active{background:linear-gradient(180deg,#6366f18c,#4f46e559);border-color:#6366f18c;color:#fff}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.character-card{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0f172a59;padding:.9rem;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .2s ease,filter .2s ease}.character-card.locked{opacity:.6;filter:brightness(.85)}.character-card.locked:hover{opacity:1;filter:brightness(1)}.character-card:hover{transform:translateY(-2px);border-color:#6366f166;box-shadow:0 12px 40px #00000059}.character-card.selected{border-color:#22c55e8c;box-shadow:0 0 0 1px #22c55e33,0 18px 60px #00000073}.card-top{display:flex;flex-direction:column;align-items:center}.card-top-stack{display:flex;flex-direction:column;align-items:center;gap:.35rem}.portrait{width:44px;height:44px;border-radius:14px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.portrait.small{width:34px;height:34px;border-radius:12px;font-size:1.25rem}.name-row{display:flex;flex-direction:column;align-items:center;gap:.5rem}.name{font-weight:900;font-size:1rem}.rarity{font-size:.7rem;font-weight:900;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;text-align:center}.rarity.common{background:#94a3b81f}.rarity.rare{background:#3b82f626;border-color:#3b82f64d}.rarity.epic{background:#a855f726;border-color:#a855f759}.desc{margin-top:.35rem;color:#ffffffa6;font-weight:600;font-size:.85rem;line-height:1.25}.ability-list{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.4rem}.ability-pill{font-size:.75rem;padding:.25rem .55rem;border-radius:999px;background:#6366f126;border:1px solid rgba(99,102,241,.25);color:#ffffffd9;font-weight:800;cursor:default}.ability-pill-tooltip-inline{margin-top:.5rem;padding:.5rem .75rem;border-radius:10px;background:#0f172af2;border:1px solid rgba(99,102,241,.4);box-shadow:0 4px 12px #0000004d}.ability-pill-tooltip-inline .ability-pill-tooltip-name{font-weight:900;color:#60a5fa;margin-bottom:.2rem;font-size:.8rem}.ability-pill-tooltip-inline .ability-pill-tooltip-desc{font-size:.8rem;color:#ffffffd9;font-weight:600;line-height:1.3}.ability-pill-tooltip-inline .ability-pill-tooltip-desc span.desc-stat-highlight{font-weight:700;color:#fff}.card-actions{margin-top:.85rem;display:flex;justify-content:flex-end}.primary-btn{width:100%;padding:.75rem .9rem;border-radius:14px;border:none;cursor:pointer;font-weight:900;color:#fff;background:linear-gradient(180deg,#3b82f6,#1d4ed8);box-shadow:0 4px #1d4ed8cc}.primary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.primary-btn.unlock-btn:hover:not(:disabled){opacity:1;filter:brightness(1.2);background:linear-gradient(180deg,#60a5fa,#3b82f6);box-shadow:0 6px #1d4ed8e6,0 8px 24px #3b82f680}.primary-btn.selected-btn{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 4px #16a34ad9}.selected-card .selected-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.selected-title{font-weight:900;color:#ffffffd9}.selected-name{display:flex;align-items:center;gap:.6rem;font-weight:900}.selected-desc{margin-top:.75rem;color:#ffffffbf;font-weight:600;line-height:1.4}.selected-abilities{margin-top:.85rem;display:flex;flex-direction:column;gap:.6rem}.selected-ability{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.7rem .85rem}.ability-name{font-weight:900;color:#60a5fa;text-shadow:0 0 12px rgba(96,165,250,.7),0 0 24px rgba(96,165,250,.4),0 1px 2px rgba(0,0,0,.3)}.ability-desc{margin-top:.2rem;color:#ffffffb3;font-weight:600;font-size:.9rem;line-height:1.25}.ability-desc span.desc-stat-highlight{font-weight:700;color:#fff}.start-card{margin-top:1rem}.start-title{font-weight:900;font-size:1.05rem;margin-bottom:.85rem}.start-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.field label{display:block;font-weight:800;color:#ffffffbf;font-size:.85rem;margin-bottom:.4rem}.segmented{display:flex;gap:.35rem;background:#00000059;padding:.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.seg-btn{flex:1;border:none;border-radius:12px;padding:.55rem .65rem;background:transparent;color:#ffffffb3;font-weight:900;cursor:pointer}.seg-btn.active{background:#6366f159;color:#fff;box-shadow:0 0 0 1px #6366f140 inset}.slider-row{display:flex;align-items:center;gap:.75rem}.slider-row input[type=range]{flex:1}.slider-value{width:60px;text-align:center;font-weight:900;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.35rem .5rem}.start-btn{width:100%;margin-top:.9rem;padding:.95rem 1rem;border-radius:16px;border:none;cursor:pointer;font-weight:950;color:#fff;background:linear-gradient(180deg,#6366f1,#4f46e5);box-shadow:0 5px #3730a3f2}.start-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.start-note{margin-top:.75rem;color:#ffffffa6;font-weight:600;font-size:.9rem;line-height:1.35}@media (max-width: 1000px){.playthrough-layout,.character-grid{grid-template-columns:1fr}}.characters-screen{min-height:100vh;width:100%;display:flex;flex-direction:column;padding:1rem 1.5rem;color:var(--text-primary);position:relative}.characters-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/magicbackground.webp);background-size:cover;background-position:center;filter:brightness(var(--bg-image-brightness))}.characters-screen:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg-overlay);pointer-events:none}.characters-notification{position:fixed;top:2rem;right:2rem;z-index:1000;background:#0f172af2;border:2px solid;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #00000080;animation:slideIn .3s ease-out}.characters-notification.success{border-color:#22c55e}.characters-notification.error{border-color:#ef4444}.characters-notification.info{border-color:#3b82f6}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.characters-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-icon-btn{background:#3b82f633;border:2px solid #3b82f6;border-radius:12px;color:#fff;font-size:1.25rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.back-icon-btn:hover{background:#3b82f666;transform:translate(-4px)}.characters-header h1{font-size:2rem;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.subtitle{color:#fff9;font-size:.9rem}.currency-display{margin-left:auto;background:#fbbf2433;border:2px solid #fbbf24;border-radius:12px;height:40px;padding:0 1.25rem;display:flex;align-items:center;gap:1rem;font-size:1.25rem;font-weight:700}.currency-display .ascendant-icon{margin-left:.5rem}.currency-display .gem-count{background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:iridescent-shimmer 4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(147,197,253,.5)) drop-shadow(0 1px 2px rgba(0,0,0,.4));-webkit-text-stroke:1px rgba(255,255,255,.85);paint-order:stroke fill}.currency-display .ascendant-count{background:linear-gradient(135deg,#c4b5fd,#a78bfa,#8b5cf6,#7c3aed,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(139,92,246,.7)) drop-shadow(0 1px 2px rgba(0,0,0,.4))}.characters-content{flex:1;display:flex;flex-direction:column;gap:1rem}.tab-row{display:flex;gap:1rem;justify-content:center;align-items:stretch}.tab-btn{border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:0 1.25rem;width:auto;min-width:clamp(5rem,20vw,10rem);height:2.5rem;min-height:2.5rem;max-height:2.5rem;flex-shrink:0;font-size:1rem;font-weight:600;line-height:1;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box}.tab-btn--hero,.tab-btn--hero:hover,.tab-btn--hero.active,.tab-btn--hero:focus{color:#0f172a!important}.tab-btn--hero{background:#ffffff80}.tab-btn--villain{background:#00000080;color:#ffffffe6}.tab-btn--hero:hover{background:#ffffffb3;border-color:#3b82f680}.tab-btn--villain:hover{background:#000000b3;border-color:#ef444480;color:#fff}.tab-btn--hero.active{background:#fff;border-color:#fbbf24;border-width:2px;box-shadow:0 0 16px #fbbf24b3}.tab-btn--villain.active{background:#000;border-color:#fbbf24;border-width:2px;box-shadow:0 0 16px #fbbf24b3}.tab-btn .tab-icon{width:2.25rem;height:2.25rem;object-fit:contain;flex-shrink:0}.tab-token-timer{font-size:.7rem;font-weight:700;opacity:.9;white-space:nowrap}.tab-token-timer--hero{color:#1e40af}.tab-token-timer--villain{color:#dc2626}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding-bottom:1rem;align-items:stretch}.character-grid.no-transition,.character-grid.no-transition *,.character-grid.no-transition *:before,.character-grid.no-transition *:after{transition:none!important;animation-duration:0s!important}.character-card{background:#0f172ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid rgba(255,255,255,.1);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080;box-sizing:border-box;min-height:500px}.character-card:hover:not(:has(.character-stats:hover)){transform:translateY(-4px);box-shadow:0 8px 24px #0006}.character-card.locked{opacity:.7}.character-card.selected{box-shadow:0 0 24px currentColor}.character-card.rarity-legendary{background:linear-gradient(135deg,#fbbf240d,#0f172ab3,#fbbf240d)}.character-card.rarity-mythic{background:linear-gradient(135deg,#ef44440d,#0f172ab3,#ef44440d)}.character-card.rarity-epic{background:linear-gradient(135deg,#a855f708,#0f172ab3,#a855f708)}.character-rarity-wrap{width:100%;margin-top:.4rem}.character-rarity-wrap.character-rarity-above{margin-top:0;margin-bottom:.4rem}.character-rarity{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:#0006;border-radius:8px;border:3px solid currentColor;box-shadow:0 0 12px #00000080,inset 0 0 20px #ffffff1a;width:100%;box-sizing:border-box;transition:box-shadow .25s ease,background .25s ease}.character-card:hover .character-rarity{background:var(--rarity-grad);background-size:200% 100%;animation:rarity-shimmer 2.5s ease-in-out infinite;box-shadow:0 0 12px #00000080,inset 0 0 20px #ffffff26,0 0 16px currentColor,0 0 24px currentColor}.character-card:hover .character-rarity .rarity-text{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}@keyframes rarity-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.card-header{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.character-portrait-wrap{position:relative}.character-portrait-wrap--rarity{padding:3px;border-radius:15px;background:var(--rarity-color, #3b82f6);box-shadow:0 0 12px color-mix(in srgb,var(--rarity-color, #3b82f6) 50%,transparent)}.character-portrait-wrap--rarity .character-portrait{border:none}.character-portrait-wrap--ascended{padding:3px;border-radius:15px;background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff);background-size:200% 100%;animation:iridescent-shimmer 4s ease-in-out infinite;box-shadow:0 0 8px #93c5fd80}.character-portrait-wrap--ascended .character-portrait{border:none}.character-card.ascended{border:3px solid transparent;background:#0f172ae0 padding-box,linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff) border-box;background-size:100% 100%,200% 100%;animation:iridescent-shimmer 4s ease-in-out infinite;box-shadow:0 0 20px #00000080,0 0 30px #93c5fd66,inset 0 -5px 15px #93c5fd33}.character-card.ascended .character-portrait-wrap--ascended{margin:-1px}.character-portrait-stars{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);z-index:2;pointer-events:none}.character-portrait{position:relative;width:120px;height:120px;border-radius:12px;background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.character-portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ability-bg);background-size:250%;background-position:center;background-repeat:no-repeat;opacity:.3;pointer-events:none}.character-portrait>*{position:relative;z-index:1}.portrait-image{width:100%;height:100%;object-fit:cover;object-position:center;animation:portraitFloat 4s ease-in-out infinite}.portrait-icon{font-size:2.5rem;animation:portraitFloat 4s ease-in-out infinite}@keyframes portraitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lock-overlay-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.75rem;line-height:1;pointer-events:none}.character-info{width:100%;min-width:0;box-sizing:border-box}.character-name-rank{position:relative;min-height:1.75rem;width:100%}.character-name-level-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:baseline;gap:.35rem;white-space:nowrap}.character-name{font-size:1.25rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem}.character-rank-inline{font-family:Rajdhani,Segoe UI,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.02em;word-spacing:-.2em;white-space:nowrap;background:linear-gradient(180deg,#e8e8e8,silver 45%,#909090);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(192,192,192,.7)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}.character-xp-bar-wrap{margin:.35rem 0}.character-card .character-xp-bar-percent,.character-card .character-xp-bar-boosted-label{opacity:0;transition:opacity .2s ease}.character-card:hover .character-xp-bar-percent,.character-card:hover .character-xp-bar-boosted-label{opacity:1}.character-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.18rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;width:calc(100% - 10px);max-width:100%;min-width:0;box-sizing:border-box}.stat-box{position:relative;background:#0000004d;border-radius:10px;padding:.14rem .12rem;display:flex;align-items:center;justify-content:center;gap:.1rem;border:1px solid transparent;animation:statBorderFlash 2s ease-in-out infinite;box-shadow:0 4px 12px #0006,inset 0 0 0 3px transparent;min-width:0;cursor:default;outline:none;overflow:hidden;box-sizing:border-box}@keyframes statBorderFlash{0%,to{box-shadow:0 4px 12px #0006,inset 0 0 0 3px transparent}50%{box-shadow:0 4px 12px #0006,inset 0 0 0 3px #ffffffd9}}.stat-box .stat-icon{position:absolute;left:50%;top:50%;width:2.35rem;height:2.35rem;margin-left:-1.175rem;margin-top:-1.175rem;font-size:2.35rem;line-height:1;opacity:.4;pointer-events:none;z-index:0;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;transition:none}.stat-info{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:0;text-align:center}.stat-label{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.3px;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.5)}.stat-value{font-size:.95rem;font-weight:900;color:#fff;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.abilities-list{display:flex;flex-direction:column;gap:.5rem}.ability-item{background:#0000004d;border-radius:8px;padding:.75rem}.ability-name{font-size:.875rem;font-weight:600;color:#60a5fa;margin-bottom:.25rem;text-shadow:0 0 12px rgba(96,165,250,.7)}.ability-desc{font-size:.75rem;color:#fff9;line-height:1.3}.ability-type{font-style:italic;color:#fbbf24f2;font-weight:500}.card-actions{margin-top:auto;width:100%}.card-actions-row{display:flex;gap:.5rem;width:100%;justify-content:center;align-items:stretch}.card-actions-row .select-btn,.card-actions-row .upgrade-ascendant-btn{flex:1;min-width:clamp(80px,30vw,140px);max-width:50%;padding:.75rem 1.25rem}.select-btn,.unlock-btn{width:100%;padding:.875rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid}.select-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff}.select-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.select-btn.selected{background:#22c55e4d;border-color:#22c55e;cursor:default}.select-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.unlock-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;box-shadow:0 4px 16px #22c55e66}.unlock-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e99;opacity:1;filter:brightness(1.2);background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#4ade80}.character-card.locked:has(.unlock-btn:hover){opacity:1}.unlock-btn:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;color:#fff6}.upgrade-ascendant-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#a855f7,#7c3aed);border:2px solid #a855f7;color:#fff;cursor:pointer;transition:all .2s}.upgrade-ascendant-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #a855f766}.upgrade-ascendant-btn:disabled{opacity:.5;cursor:not-allowed}.character-card.boosted-active{border:3px solid transparent;background:linear-gradient(135deg,#93c5fd1f,#0f172ad1 40%,#c4b5fd1a) padding-box,linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff) border-box;background-size:100% 100%,200% 100%;animation:iridescent-shimmer 4s ease-in-out infinite;box-shadow:0 0 20px #00000080,0 0 30px #93c5fd66,inset 0 -5px 15px #93c5fd33}.character-rank-inline--iridescent{background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:iridescent-shimmer 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(147,197,253,.7)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}.boost-timer-overlay{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:10;padding:.3rem 1rem;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #93c5fd;border-radius:10px;font-family:Rajdhani,Segoe UI,monospace;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:#93c5fd;text-shadow:0 0 6px rgba(147,197,253,.6);white-space:nowrap}.boost-btn-wrap{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:10;padding-bottom:12px}.boost-btn-wrap:before{content:"";position:absolute;bottom:100%;left:-20px;right:-20px;height:60px}.boost-overlay-btn{display:flex;align-items:center;justify-content:center;padding:.3rem 1rem;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #f59e0b;border-radius:10px;color:#fbbf24;font-size:.75rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s;white-space:nowrap}.boost-overlay-btn:hover{background:#f59e0b40;box-shadow:0 0 12px #f59e0b80}.boost-picker{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:8px;padding:8px;background:#0f172af2;border:2px solid rgba(245,158,11,.6);border-radius:12px;z-index:100;box-shadow:0 4px 16px #0009;white-space:nowrap}.boost-picker-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0d;border:2px solid transparent;cursor:pointer;transition:all .2s}.boost-picker-icon:hover,.boost-picker-icon.hovered{border-color:#f59e0b;background:#f59e0b26;box-shadow:0 0 8px #f59e0b66}.boost-desc-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000eb;color:#fff;font-size:.75rem;font-weight:500;padding:8px 12px;border-radius:8px;white-space:nowrap;z-index:110;pointer-events:none;box-shadow:0 4px 12px #0009;border:1px solid rgba(255,255,255,.15)}.boost-arrows-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1;border-radius:16px}.boost-arrow{position:absolute;bottom:-36px;width:28px;height:32px;background:var(--arrow-color, #fbbf24);opacity:.3;clip-path:polygon(0% 100%,0% 40%,50% 0%,100% 40%,100% 100%,50% 60%);animation:boost-arrow-rise 1.6s linear infinite}@keyframes boost-arrow-rise{0%{transform:translateY(0);opacity:.3}40%{opacity:.45}to{transform:translateY(-700px);opacity:0}}.stat-value--iridescent{background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:iridescent-shimmer 2s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(147,197,253,.6))}.character-card{overflow:visible}.ascend-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.ascend-popup{background:linear-gradient(135deg,#0f172af7,#1e1b4bf7);border:2px solid rgba(168,85,247,.5);border-radius:20px;padding:2rem 2.5rem;min-width:320px;max-width:420px;text-align:center;box-shadow:0 20px 60px #00000080,0 0 40px #a855f733}.ascend-popup-title{margin:0 0 .5rem;font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#c4b5fd,#a78bfa,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.ascend-popup-balance{margin:0 0 1.25rem;font-size:.9rem;color:#ffffffa6}.ascend-popup-balance strong{color:#c4b5fd}.ascend-popup-options{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.ascend-popup-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:12px;font-size:.95rem;font-weight:700;background:linear-gradient(135deg,#a855f7,#7c3aed);border:2px solid rgba(168,85,247,.6);color:#fff;cursor:pointer;transition:all .2s}.ascend-popup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.ascend-popup-btn:disabled{opacity:.35;cursor:not-allowed}.ascend-popup-cost{font-size:.78rem;opacity:.7;font-weight:500}.ascend-popup-close{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:.5rem 1.5rem;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s}.ascend-popup-close:hover{border-color:#fff6;color:#fff}.character-card.character-card--iridescent-outline{border:3px solid transparent!important;box-shadow:0 0 20px #00000080,0 0 30px #93c5fd66,inset 0 -5px 15px #93c5fd33!important}.character-card.token-hero-active{box-shadow:0 0 24px #ffffff1f,0 0 48px #c8dcff14,inset 0 0 24px #ffffff0a!important;background:linear-gradient(135deg,#ffffff1a,#dce6ff14,#ffffff1a)!important}.character-card.token-villain-active{box-shadow:0 0 24px #00000073,0 0 48px #3c005033,inset 0 0 24px #00000026!important;background:linear-gradient(135deg,#0000006b,#14001e61,#0000006b)!important}.token-shimmer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;overflow:hidden}.token-shimmer--hero{background:linear-gradient(120deg,transparent 0%,transparent 30%,rgba(255,255,255,.12) 42%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.12) 58%,transparent 70%,transparent 100%);background-size:250% 100%;animation:token-shimmer-sweep 3s ease-in-out infinite}.token-shimmer--villain{background:linear-gradient(120deg,transparent 0%,transparent 30%,rgba(0,0,0,.18) 42%,rgba(30,0,50,.32) 50%,rgba(0,0,0,.18) 58%,transparent 70%,transparent 100%);background-size:250% 100%;animation:token-shimmer-sweep 3s ease-in-out infinite}@keyframes token-shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.token-timer-inline{font-size:.65rem!important;letter-spacing:.5px}.token-timer--hero{color:#dce6ffe6!important;text-shadow:0 0 6px rgba(255,255,255,.4)}.token-timer--villain{color:#c8a0ffe6!important;text-shadow:0 0 6px rgba(100,0,160,.4)}@media (max-width: 768px){.characters-screen{padding:1rem}.character-grid{grid-template-columns:1fr}.characters-header h1{font-size:1.75rem}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){.characters-screen{padding:.3rem 1.5rem}.characters-header{margin-bottom:.2rem}.characters-header h1{font-size:.85rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.3rem}.character-card{min-height:0;padding:.3rem;gap:.2rem;border-radius:12px}.character-portrait{width:55px;height:55px;border-radius:7px}.character-portrait-stars{font-size:.55rem}.character-info h3{font-size:.65rem}.character-rarity{padding:.1rem .4rem;font-size:.45rem}.character-stats{gap:.08rem;margin-bottom:.2rem}.stat-box{padding:.15rem;font-size:.5rem}.character-xp-bar-wrap{margin:.1rem 0}.card-actions{margin-top:auto!important;padding-top:.1rem}.card-actions-row{gap:.15rem}.card-actions-row .select-btn,.card-actions-row .upgrade-ascendant-btn{flex:1;min-width:0!important;max-width:48%!important;padding:.15rem .2rem!important;font-size:.38rem!important;border-radius:4px!important;border-width:1.5px!important}.character-actions{gap:.1rem;flex-wrap:wrap}.select-btn,.unlock-btn,.upgrade-ascendant-btn{padding:.12rem .2rem!important;font-size:.36rem!important;border-radius:4px!important;min-height:0!important;line-height:1.15!important;border-width:1.5px!important;max-width:100%!important}.ascend-btn,.upgrade-btn{padding:.1rem .2rem;font-size:.34rem;border-radius:4px}}.privacy-screen{min-height:100vh;background:#fff;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow-y:auto}.privacy-container{max-width:820px;margin:0 auto;padding:2rem 2.5rem 3rem}.privacy-back-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:#22c55e;font-size:1rem;font-weight:600;cursor:pointer;padding:.5rem 0;margin-bottom:1.5rem;transition:color .2s}.privacy-back-btn:hover{color:#10b981}.privacy-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(34,197,94,.2)}.privacy-logo{width:72px;height:72px;object-fit:contain;margin-bottom:1rem}.privacy-header h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.02em}.privacy-effective{color:#64748b;font-size:.95rem;margin:0}.privacy-content section{margin-bottom:2rem}.privacy-content h2{font-size:1.3rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(34,197,94,.15)}.privacy-content h3{font-size:1.05rem;font-weight:600;color:#1e293b;margin:1rem 0 .4rem}.privacy-content p{color:#475569;line-height:1.7;margin:0 0 .75rem;font-size:.975rem}.privacy-content ul{color:#475569;line-height:1.7;margin:0 0 .75rem;padding-left:1.5rem;font-size:.975rem}.privacy-content li{margin-bottom:.35rem}.privacy-content a{color:#22c55e;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s}.privacy-content a:hover{color:#10b981;border-bottom-color:#10b981}.privacy-contact{background:#22c55e0f;border:1px solid rgba(34,197,94,.15);border-radius:12px;padding:1rem 1.25rem;display:inline-block}.privacy-footer{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(34,197,94,.15)}.privacy-footer p{color:#94a3b8;font-size:.875rem;margin:0}@media (max-width: 768px){.privacy-container{padding:1.5rem 1.25rem 2rem}.privacy-header h1{font-size:1.75rem}.privacy-content h2{font-size:1.15rem}}.admin-screen{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.admin-login-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:3rem;max-width:420px;width:100%;text-align:center}.admin-login-logo{width:64px;height:64px;margin-bottom:1.5rem}.admin-login-card h1{font-size:1.75rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-login-card p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem}.admin-login-input{width:100%;padding:.85rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s;margin-bottom:1rem}.admin-login-input:focus{border-color:#8b5cf680}.admin-login-btn{width:100%;padding:.85rem;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.admin-login-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.admin-back-link{display:inline-block;margin-top:1rem;background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;text-decoration:underline}.admin-container{max-width:1100px;margin:0 auto;padding:1.5rem 2rem 3rem}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0 1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.admin-header-left{display:flex;align-items:center;gap:.75rem}.admin-back-btn{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;border-radius:10px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.admin-back-btn:hover{background:#ffffff1a;color:#fff}.admin-header-logo{width:36px;height:36px}.admin-header h1{font-size:1.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-logout-btn{padding:.5rem 1.25rem;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.admin-tab{padding:.65rem 1.5rem;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-tab:hover{background:#ffffff0f}.admin-tab.active{background:linear-gradient(180deg,#8b5cf626,#8b5cf60d);border-color:#8b5cf666;color:#c4b5fd}.admin-error{padding:.75rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.admin-error button{background:none;border:none;color:#f87171;cursor:pointer;text-decoration:underline;font-size:.85rem}.admin-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.admin-panel-header h2{font-size:1.15rem;font-weight:700;margin:0}.admin-create-btn{padding:.5rem 1.25rem;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.admin-create-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.admin-create-form{padding:1.5rem;border-bottom:1px solid var(--border-color);background:#8b5cf608}.admin-create-form h3{font-size:1.05rem;font-weight:700;margin:0 0 1.25rem}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.admin-field{display:flex;flex-direction:column;gap:.35rem}.admin-field label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.admin-field input,.admin-field select{padding:.65rem .85rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.admin-field input:focus,.admin-field select:focus{border-color:#8b5cf680}.admin-form-actions{margin-top:1.25rem}.admin-submit-btn{padding:.7rem 2rem;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.admin-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.admin-submit-btn:disabled{opacity:.5;cursor:not-allowed}.admin-success-card{margin-top:1.25rem;padding:1.25rem;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:14px}.admin-success-card h4{margin:0 0 .75rem;font-size:1rem;color:#4ade80}.admin-license-code{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:800;letter-spacing:.15em;color:#4ade80;background:#0003;padding:.75rem 1.25rem;border-radius:10px;text-align:center;margin-bottom:.75rem;-webkit-user-select:all;user-select:all}.admin-success-card p{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0;line-height:1.5}.admin-meta{font-size:.8rem!important;color:var(--text-muted)!important}.admin-table-wrap{padding:.5rem}.admin-loading,.admin-empty{padding:3rem;text-align:center;color:var(--text-muted);font-size:.95rem}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.admin-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.admin-table tbody tr:hover{background:#ffffff05}.admin-org-name{font-weight:600;color:var(--text-primary)}.admin-org-email{font-size:.8rem;color:var(--text-muted);margin-top:2px}.admin-code{font-family:JetBrains Mono,monospace;font-size:.85rem;background:#8b5cf61a;padding:.25rem .6rem;border-radius:6px;color:#c4b5fd;-webkit-user-select:all;user-select:all}.admin-badge{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:capitalize}.admin-badge--classroom{background:#60a5fa26;color:#93c5fd}.admin-badge--school{background:#fbbf2426;color:#fcd34d}.admin-badge--district{background:#a78bfa26;color:#c4b5fd}.admin-status{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:capitalize}.admin-status--active{background:#22c55e26;color:#4ade80}.admin-status--expired,.admin-status--cancelled{background:#ef444426;color:#f87171}@media (max-width: 768px){.admin-container{padding:1rem}.admin-form-grid{grid-template-columns:1fr}.admin-table-wrap{overflow-x:auto}.admin-table{min-width:600px}.admin-tabs{flex-wrap:wrap}}.terms-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem;animation:termsIn .25s ease}@keyframes termsIn{0%{opacity:0}to{opacity:1}}.terms-modal{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem 2.5rem 2rem;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080}.terms-logo{width:56px;height:56px;margin-bottom:1.25rem;filter:drop-shadow(0 4px 12px rgba(251,191,36,.4))}.terms-modal h2{font-size:1.5rem;font-weight:800;margin:0 0 .75rem;color:var(--text-primary)}.terms-body{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.25rem;line-height:1.5}.terms-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.terms-links a{color:#a78bfa;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.terms-links a:hover{color:#c4b5fd;text-decoration:underline}.terms-divider{color:var(--text-muted);font-size:.85rem}.terms-accept-btn{width:100%;padding:.85rem;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:1rem}.terms-accept-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.terms-accept-btn:disabled{opacity:.6;cursor:not-allowed}.terms-fine-print{color:var(--text-muted);font-size:.75rem;margin:0;line-height:1.5}@media (max-width: 480px){.terms-modal{padding:2rem 1.5rem 1.5rem}.terms-modal h2{font-size:1.3rem}}.require-auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#fff;color:#0f172a;gap:1rem}.auth-spinner{width:48px;height:48px;border:4px solid rgba(15,23,42,.15);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.require-auth-loading p{font-size:1rem;opacity:.8;margin:0}.App{min-height:100%;width:100%;position:relative;z-index:1;display:flex;flex-direction:column}*{box-sizing:border-box}.challenge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.challenge-modal{background:linear-gradient(160deg,#1e1b4b,#0f172a);border:1px solid rgba(167,139,250,.4);border-radius:20px;padding:2rem 2.5rem;max-width:380px;width:100%;text-align:center;box-shadow:0 0 40px #7c3aed4d,0 20px 60px #00000080;animation:challengePop .25s ease-out}@keyframes challengePop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.challenge-modal-icon{font-size:2.5rem;margin-bottom:.75rem}.challenge-modal-title{font-size:1.5rem;font-weight:900;color:#a78bfa;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.04em}.challenge-modal-body{color:#ffffffd9;font-size:1rem;line-height:1.5;margin:0 0 1.75rem}.challenge-modal-body strong{color:#fbbf24}.challenge-modal-actions{display:flex;gap:.75rem;justify-content:center}.challenge-accept-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;padding:.7rem 1.75rem;border-radius:10px;font-weight:800;font-size:1rem;cursor:pointer;transition:opacity .2s}.challenge-accept-btn:hover{opacity:.9}.challenge-decline-btn{background:#ef444426;border:1px solid rgba(239,68,68,.45);color:#f87171;padding:.7rem 1.5rem;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .2s}.challenge-decline-btn:hover{opacity:.8}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--primary-blue: #3b82f6;--accent-gold: #f59e0b;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .45);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(15, 23, 42, .6);--bg-card-solid: #1e293b;--bg-glass: rgba(15, 23, 42, .7);--bg-overlay: rgba(0, 0, 0, .3);--bg-hover: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .1);--border-color-strong: rgba(255, 255, 255, .15);--shadow-color: rgba(0, 0, 0, .3);--input-bg: rgba(0, 0, 0, .3);--modal-bg: rgba(15, 23, 42, .95);--overlay-bg: rgba(0, 0, 0, .6);--body-bg-color: #0f172a;--body-gradient: linear-gradient(135deg, #1e3a8a 0%, #0f172a 50%, #7c2d12 100%);--body-overlay: rgba(0, 0, 0, .3);--body-text: white;--card-blur: blur(12px);--bg-image-brightness: 1}.theme-dimmed{--glass-bg: rgba(30, 35, 50, .75);--glass-border: rgba(200, 200, 220, .1);--text-primary: #e2e0e8;--text-secondary: rgba(220, 218, 230, .7);--text-muted: rgba(200, 198, 210, .45);--bg-primary: #1a1d2e;--bg-secondary: #252839;--bg-card: rgba(30, 35, 50, .65);--bg-card-solid: #252839;--bg-glass: rgba(30, 35, 50, .75);--bg-overlay: rgba(0, 0, 0, .25);--bg-hover: rgba(255, 255, 255, .04);--border-color: rgba(200, 200, 220, .1);--border-color-strong: rgba(200, 200, 220, .15);--shadow-color: rgba(0, 0, 0, .25);--input-bg: rgba(0, 0, 0, .2);--modal-bg: rgba(26, 29, 46, .95);--overlay-bg: rgba(0, 0, 0, .55);--body-bg-color: #1a1d2e;--body-gradient: linear-gradient(135deg, #1e2d5a 0%, #1a1d2e 50%, #3d1e12 100%);--body-overlay: rgba(0, 0, 0, .35);--body-text: #e2e0e8;--bg-image-brightness: .75}.theme-light{--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--text-primary: #1e293b;--text-secondary: rgba(30, 41, 59, .7);--text-muted: rgba(30, 41, 59, .45);--bg-primary: #f1f5f9;--bg-secondary: #e2e8f0;--bg-card: rgba(255, 255, 255, .75);--bg-card-solid: #ffffff;--bg-glass: rgba(255, 255, 255, .8);--bg-overlay: rgba(255, 255, 255, .3);--bg-hover: rgba(0, 0, 0, .04);--border-color: rgba(0, 0, 0, .1);--border-color-strong: rgba(0, 0, 0, .15);--shadow-color: rgba(0, 0, 0, .1);--input-bg: rgba(0, 0, 0, .05);--modal-bg: rgba(255, 255, 255, .97);--overlay-bg: rgba(0, 0, 0, .35);--body-bg-color: #f1f5f9;--body-gradient: linear-gradient(135deg, #dbeafe 0%, #f1f5f9 50%, #fed7aa 100%);--body-overlay: rgba(255, 255, 255, .25);--body-text: #1e293b;--bg-image-brightness: 1.15}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px!important;touch-action:manipulation}img,svg,.battle-character-sprite,.battle-pt-sprite,.battle-avatar-img,.game-avatar-img,.result-character-pose-img,.avatar-img,.avatar-img-mini,.pt-sprite{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{height:100%;overflow:hidden;touch-action:manipulation;-ms-touch-action:manipulation}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--body-bg-color);background-image:var(--body-gradient);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;height:100%;overflow:hidden;color:var(--body-text)}img{backface-visibility:hidden;-webkit-backface-visibility:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--body-overlay);pointer-events:none;z-index:-1}#root{height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}button{cursor:pointer;font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}.glass-card{background:var(--bg-card);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color)}.glass-panel{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px}.animation-fade-in{animation:fadeIn .35s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}span.desc-stat-highlight{font-weight:700!important;color:#fff!important;text-shadow:0 0 6px rgba(255,255,255,.6)}.gem-count{font-weight:800;background:linear-gradient(110deg,#fff,#f0f9ff 10%,#93c5fd 25%,#c4b5fd,#f9a8d4 65%,#fca5a5 82%,#fde047 95%,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:iridescent-shimmer 4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(147,197,253,.5)) drop-shadow(0 1px 2px rgba(0,0,0,.4));-webkit-text-stroke:1px rgba(255,255,255,.85);paint-order:stroke fill}@keyframes iridescent-shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}@media (min-width: 1601px) and (max-width: 1799px){html{--zoom: 1.1;zoom:1.1}}@media (min-width: 1800px) and (max-width: 2099px){html{--zoom: 1.25;zoom:1.25}}@media (min-width: 2100px) and (max-width: 2559px){html{--zoom: 1.4;zoom:1.4}}@media (min-width: 2560px) and (max-width: 3439px){html{--zoom: 1.6;zoom:1.6}}@media (min-width: 3440px){html{--zoom: 2;zoom:2}}@media (max-width: 1279px) and (min-width: 1024px){html{--zoom: .88;zoom:.88}}@media (max-width: 1023px) and (min-width: 768px){html{--zoom: .75;zoom:.75}}@media (max-width: 767px){html{--zoom: .8;zoom:.8}}@media (max-width: 767px) and (orientation: portrait){#root{display:none!important}body:after{content:"📱  Please rotate your device to landscape mode";position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:1.1rem;font-weight:600;line-height:1.8;color:var(--text-primary);background:var(--bg-primary);padding:2rem;white-space:pre-wrap}body.is-safari:after{content:'📱  Please rotate your device to landscape mode\a\a⚙️  For the best experience, go to\aSettings → Safari → turn off "Landscape Tab Bar"'}}@media (max-width: 767px) and (orientation: landscape),(max-height: 450px) and (orientation: landscape) and (max-width: 932px){body{background:#0f172a}}