.landing-screen{position:relative;z-index:10;min-height:100vh;width:100%;background:linear-gradient(135deg,#f8fafb,#fff,#f5f9f7);color:#1e293b;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.landing-screen:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(34,197,94,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,197,94,.06) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none;z-index:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(34,197,94,.15);padding:1rem 8%;animation:slideDown .6s ease-out;box-shadow:0 2px 10px #0000000d}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.header-logo{display:flex;align-items:center;gap:1rem;position:relative}.header-logo .brand-logo-full{height:50px;width:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(34,197,94,.8));animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 12px rgba(34,197,94,.8))}50%{filter:drop-shadow(0 0 20px rgba(34,197,94,1))}}.brand-name{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#22c55e,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.header-cta{padding:.75rem 1.5rem;background:linear-gradient(135deg,#22c55e,#10b981);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #22c55e66;position:relative;overflow:hidden}.header-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.header-cta:hover:before{left:100%}.header-cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px #22c55e99}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:8rem 8% 4rem;position:relative;overflow:hidden;z-index:2}.hero-section:before{content:"";position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(34,197,94,.15) 0%,rgba(147,197,253,.1) 50%,transparent 70%);border-radius:50%;animation:pulse 6s ease-in-out infinite;filter:blur(60px)}.hero-section:after{content:"";position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,rgba(251,191,36,.08) 50%,transparent 70%);border-radius:50%;animation:pulse 8s ease-in-out infinite reverse;filter:blur(60px)}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.hero-content{max-width:700px;z-index:1}.hero-badge{display:inline-block;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out;box-shadow:0 4px 15px #22c55e26;color:#059669;font-weight:600}.hero-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .1s backwards;letter-spacing:-.02em;color:#0f172a}.gradient-text{background:linear-gradient(135deg,#22c55e,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite;background-size:200% 200%}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.25rem;color:#475569;line-height:1.7;margin-bottom:2.5rem;animation:fadeInUp .6s ease-out .2s backwards}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;animation:fadeInUp .6s ease-out .3s backwards}.cta-button{padding:1.1rem 2.2rem;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:hover:before{width:300px;height:300px}.cta-button.primary{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;box-shadow:0 10px 30px #22c55e4d}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px #22c55e80}.cta-button.secondary{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button.secondary:hover{background:#22c55e33;transform:translateY(-2px);border-color:#22c55e80}.cta-button.large{padding:1.35rem 2.8rem;font-size:1.15rem}.arrow{transition:transform .3s ease;position:relative;z-index:1}.cta-button:hover .arrow{transform:translate(5px)}.hero-stats{display:flex;gap:4rem;animation:fadeInUp .6s ease-out .4s backwards}.stat{text-align:center;position:relative}.stat:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(34,197,94,.1) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s}.stat:hover:before{opacity:1}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.stat-label{font-size:.9rem;color:#0f172a!important;margin-top:.25rem;position:relative;z-index:1;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.character-showcase{margin-top:3rem;animation:fadeInUp .6s ease-out .5s backwards}.showcase-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#22c55e;margin-bottom:1rem;text-align:center}.showcase-card{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#ffffffe6,#fffc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(34,197,94,.3);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #22c55e33,inset 0 0 40px #22c55e0d;transition:all .4s ease;position:relative;overflow:hidden}.showcase-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #22c55e4d,inset 0 0 60px #22c55e14;border-color:#22c55e80}.showcase-character-image{width:100px;height:100px;object-fit:cover;border-radius:12px;border:2px solid rgba(34,197,94,.4);background:#22c55e0d;animation:float 3s ease-in-out infinite;box-shadow:0 4px 16px #22c55e33}.showcase-info{flex:1}.showcase-name{font-size:1.25rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-ability{font-size:.875rem;color:#475569;font-weight:600;display:flex;align-items:center;gap:.5rem}.hero-decoration{position:relative;width:400px;height:500px}.floating-card{position:absolute;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(34,197,94,.2);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;animation:float 3s ease-in-out infinite;box-shadow:0 10px 40px #22c55e26;transition:all .3s ease}.floating-card:hover{transform:translateY(-5px);border-color:#22c55e80;box-shadow:0 20px 60px #22c55e4d}.floating-card.card-1{top:10%;left:0;animation-delay:0s}.floating-card.card-2{top:45%;right:10%;animation-delay:1s}.floating-card.card-3{bottom:15%;left:20%;animation-delay:2s}.card-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(34,197,94,.5))}.card-text{font-weight:600;white-space:nowrap;color:#1e293b}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(1deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}section{padding:7rem 8%;position:relative}.section-header{text-align:center;margin-bottom:5rem;animation:fadeInUp 1s ease-out}.section-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;margin-bottom:1rem;color:#0f172a}.section-subtitle{font-size:1.2rem;color:#475569;max-width:650px;margin:0 auto;line-height:1.7}.proof-section{background:linear-gradient(135deg,#22c55e0a,#93c5fd0a);border-top:1px solid rgba(34,197,94,.15);border-bottom:1px solid rgba(34,197,94,.15);position:relative;overflow:hidden}.proof-section:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(34,197,94,.06) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.proof-grid-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative;z-index:1;max-width:1400px;margin:0 auto}.proof-card{background:#fffc;border:2px solid rgba(34,197,94,.2);border-radius:16px;padding:1rem;transition:all .4s ease;position:relative;overflow:hidden;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #22c55e14}.proof-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#10b981);transform:scaleX(0);transition:transform .4s ease;z-index:2}.proof-card:hover{transform:translateY(-10px);border-color:#22c55e80;box-shadow:0 30px 60px #22c55e40;background:#fffffff2}.proof-card:hover:before{transform:scaleX(1)}.proof-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px;transition:all .3s ease}.proof-card:hover .proof-image{transform:scale(1.05)}.features-section{background:linear-gradient(180deg,#ffffff80,#22c55e05);border-top:1px solid rgba(34,197,94,.1);border-bottom:1px solid rgba(34,197,94,.1)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.feature-card{background:#fffc;border:2px solid rgba(34,197,94,.15);border-radius:20px;padding:2.5rem;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #22c55e14}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#10b981);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-10px);background:#fffffff2;border-color:#22c55e66;box-shadow:0 25px 50px #22c55e33}.feature-icon{font-size:3.5rem;margin-bottom:1.5rem;display:inline-block;filter:drop-shadow(0 0 15px rgba(34,197,94,.4));transition:transform .4s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.35rem;font-weight:700;margin-bottom:1rem;color:#0f172a}.feature-description{color:#475569;line-height:1.7;font-size:1.05rem}.pricing-section{background:linear-gradient(135deg,#22c55e08,#93c5fd08);border-top:1px solid rgba(34,197,94,.15);border-bottom:1px solid rgba(34,197,94,.15)}.premium-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto 4rem}.benefits-column{display:flex;flex-direction:column;gap:1rem}.benefit-item{display:flex;align-items:center;gap:.75rem;font-size:1.05rem}.benefit-check{background:#22c55e;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.benefit-text{color:#334155}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background:#ffffffe6;border:2px solid rgba(34,197,94,.2);border-radius:20px;padding:2.5rem 2rem;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #22c55e1a}.pricing-card.popular,.pricing-card.best-value{border-color:#22c55e66}.pricing-card.best-value{border-color:#eab308;background:#fef3c74d}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #22c55e33}.pricing-badge{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:1px}.pricing-badge.gold{background:#eab308;color:#1e293b}.pricing-header{text-align:center;margin-top:3rem}.pricing-duration{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.pricing-price{font-size:3.5rem;font-weight:900;color:#0f172a;margin-bottom:.5rem}.pricing-monthly{font-size:1.1rem;color:#64748b;margin-bottom:.75rem}.pricing-savings{font-size:1rem;font-weight:600;color:#22c55e;margin-bottom:2rem}.pricing-savings.gold{color:#eab308}.pricing-button{width:100%;padding:1rem 2rem;background:#22c55e1a;border:2px solid rgba(34,197,94,.3);color:#22c55e;font-size:1.1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease}.pricing-button:hover{background:#22c55e33;border-color:#22c55e99;transform:scale(1.05)}.pricing-button.highlighted{background:linear-gradient(135deg,#eab308,#ca8a04);border-color:#eab308;color:#1e293b}.pricing-button.highlighted:hover{background:linear-gradient(135deg,#fbbf24,#eab308);transform:scale(1.05)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.review-card{background:#fffc;border:2px solid rgba(34,197,94,.15);border-radius:20px;padding:2.5rem;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #22c55e14}.review-card:after{content:'"';position:absolute;top:10px;right:20px;font-size:8rem;color:#22c55e14;font-family:Georgia,serif;line-height:1}.review-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #22c55e26;border-color:#22c55e4d;background:#fffffff2}.review-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.reviewer-avatar{font-size:2.5rem;width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:#22c55e33;border:2px solid rgba(34,197,94,.3);border-radius:50%;transition:all .3s ease}.review-card:hover .reviewer-avatar{transform:scale(1.1);border-color:#22c55e99}.reviewer-info{flex:1}.reviewer-name{font-weight:700;font-size:1.15rem;color:#0f172a}.reviewer-role{color:#64748b;font-size:.9rem;margin-top:.25rem}.review-rating{font-size:1.1rem}.review-text{color:#475569;line-height:1.7;font-size:1.05rem;position:relative;z-index:1}.faq-section{background:linear-gradient(180deg,#ffffff80,#22c55e05);border-top:1px solid rgba(34,197,94,.1)}.faq-container{max-width:900px;margin:0 auto}.faq-item{background:#fffc;border:2px solid rgba(34,197,94,.15);border-radius:16px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px #22c55e14}.faq-item:hover{border-color:#22c55e4d;box-shadow:0 10px 30px #22c55e1f}.faq-item.open{border-color:#22c55e66;background:#fffffff2;box-shadow:0 10px 40px #22c55e26}.faq-question{width:100%;background:none;border:none;color:#0f172a;padding:1.75rem;text-align:left;font-size:1.15rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{background:#22c55e0d}.faq-icon{font-size:1.5rem;color:#22c55e;transition:transform .3s ease;font-weight:300}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 1.75rem 1.75rem;color:#475569;line-height:1.8;font-size:1.05rem;animation:slideDown .3s ease-out}.cta-section{text-align:center;padding:8rem 8%;background:linear-gradient(135deg,#22c55e14,#93c5fd14,#fbbf2414);border-top:1px solid rgba(34,197,94,.2);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:50%;left:50%;width:500px;height:500px;background:radial-gradient(circle,rgba(34,197,94,.12) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 4s ease-in-out infinite}.cta-content{max-width:700px;margin:0 auto;position:relative;z-index:1}.cta-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#0f172a,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-text{font-size:1.3rem;color:#475569;margin-bottom:3rem;line-height:1.7}.landing-footer{text-align:center;padding:2.5rem;background:#f8fafccc;border-top:1px solid rgba(34,197,94,.15);color:#64748b;font-size:.95rem}.footer-contact{margin-bottom:1rem;font-size:1rem}.footer-email{color:#22c55e;text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:1px solid transparent}.footer-email:hover{color:#10b981;border-bottom-color:#10b981}.footer-copyright{color:#64748b;font-size:.875rem;margin:0}@media (max-width: 1024px){.hero-section{flex-direction:column;text-align:center;padding:5rem 5% 4rem}.hero-content{max-width:100%}.hero-buttons,.hero-stats{justify-content:center}.character-showcase{max-width:500px;margin-left:auto;margin-right:auto}.hero-decoration{display:none}section{padding:5rem 5%}}@media (max-width: 1024px){.proof-grid-row{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (max-width: 768px){.features-grid,.reviews-grid,.pricing-grid,.premium-benefits{grid-template-columns:1fr}.proof-grid-row{grid-template-columns:1fr;gap:1.5rem}.proof-card{aspect-ratio:16/9}.hero-stats{flex-direction:column;gap:2rem}.character-showcase{margin-top:2rem}.showcase-card{flex-direction:column;text-align:center;padding:1.25rem}.showcase-character-image{width:120px;height:120px}.hero-buttons{flex-direction:column;width:100%}.cta-button{width:100%;justify-content:center}.hero-title{font-size:clamp(2rem,8vw,3rem)}.landing-header{padding:1rem 5%}}.dashboard-container{display:flex;height:100vh;background-color:#1e293b;background-image:url(/background-training.png),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:#fff}.dashboard-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;pointer-events:none;z-index:0}.home-credits{position:fixed;bottom:12px;left:260px;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:240px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.1);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:150px;height: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:#fff9;font-weight:700;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-item:hover{background:#ffffff1a;color:#fff}.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: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-coming-soon{opacity:.7;cursor:pointer}.nav-item-coming-soon:hover{background:transparent}.nav-item-coming-soon .coming-soon-badge{font-size:.65rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin-left:auto}.rank-widget{width:100%;background:#0006;border:none;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:inherit;text-align:left}.rank-widget:hover{background:#0000008c}.rank-widget-icon{font-size:1.5rem}.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:#fbbf24}.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:absolute;top:0;right:0;left:0;padding:.75rem 2.5rem;display:flex;justify-content:flex-end;align-items:center;pointer-events:none}.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:4px;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-name .nameplate-level{font-size:.85em;opacity:.95;margin-left:.1rem}.character-hero-image{width:350px;height: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.png);background-size:contain;background-repeat:no-repeat;background-position:center;padding:1rem 2rem;width:400px;height: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;width:100%}.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:#271a0c;border-color:#f59e0b;color:#fff}.stat-badge.trophies 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;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:linear-gradient(135deg,#fef3c7,#fde68a,#fcd34d);border:2px solid #f59e0b;border-radius:12px;box-shadow:0 4px 16px #f59e0b66,0 0 20px #fbbf244d;color:#1f2937;font-weight:700;font-size:.8rem;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(-8px) scale(1);box-shadow:0 4px 16px #f59e0b66,0 0 20px #fbbf244d}45%{opacity:.4;transform:translate(-50%) translateY(-14px) scale(1.08);box-shadow:0 6px 24px #f59e0b99,0 0 30px #fbbf2480}55%{opacity:.4;transform:translate(-50%) translateY(-14px) scale(1.08);box-shadow:0 6px 24px #f59e0b99,0 0 30px #fbbf2480}}.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:.85rem;font-weight:700;color:#fff;background:#0009;padding:.3rem .8rem;border-radius:8px;border:1px solid rgba(59,130,246,.4);text-shadow:0 1px 4px rgba(0,0,0,.8);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}.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:800px;height:200px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;will-change:transform}.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:200px;min-height: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}.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-header{padding:.5rem 1rem}.stat-badge{padding:0 1rem;font-size:.9rem;height:36px}.sidebar{width:70px;padding:1rem .25rem}.nav-item .label,.rank-widget-info{display:none}.arena-card{padding:1.5rem}}.premium-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-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,#1e293b,#0f172a);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:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;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 rgba(255,255,255,.1)}.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-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:#fff9;font-size:1.1rem;margin:0}.premium-modal-benefits{padding:2rem}.premium-modal-benefits h3{color:#fff;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:#fffc;font-size:.95rem}.premium-modal-benefit-check{width:24px;height:24px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0}.premium-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 2rem 2rem}.price-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);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:#fff;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:#fff;line-height:1}.price-per-month{color:#ffffff80;font-size:.9rem;margin-top:.5rem;font-weight:600}.price-period{color:#ffffff80;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}.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}}.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)}.modal-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header-right{display:flex;align-items:center;gap:1rem}.modal-gems{background:#02061799;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.5rem .9rem;font-weight:700;font-size:.95rem}.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:2rem;overflow-y:auto;width:100%;max-width:none;box-sizing:border-box}.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-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;width:100%;max-width:100%;padding:0;margin:0 auto}.avatar-option{background:#1e293b80;border:2px solid rgba(255,255,255,.1);border-radius:14px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s;position:relative;width:100%}.avatar-option:hover:not(.locked) .avatar-display{border-color:#3b82f6}.avatar-option.selected{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.avatar-option.locked{opacity:.85}.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-earned-hint{font-size:.7rem;color:#fff9;text-align:center;padding:.4rem .5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-display{width:100%;aspect-ratio:1;max-width:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;flex-shrink:0;background:#fff;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.avatar-display:hover{border-color:#3b82f680}.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{width:100%;padding:.5rem .6rem;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid}.avatar-unlock-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff}.avatar-unlock-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66;filter:brightness(1.1)}.avatar-unlock-btn:disabled{opacity:.5;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:1.25rem;width:100%;max-width:100%;padding:0;margin:0 auto}.banner-option{background:#1e293b80;border:2px solid rgba(255,255,255,.1);border-radius:14px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s;position:relative;width:100%}.banner-option:hover:not(.locked) .banner-display{border-color:#3b82f6}.banner-option.selected{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.banner-option.locked{opacity:.85}.banner-display{width:100%;height:120px;border-radius:12px;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}.banner-option:not(.locked) .banner-display:hover{border-color:#3b82f680}.banner-img{width:100%;height:100%;object-fit:cover}.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}.modal-header{padding:1.5rem}.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{grid-template-columns:repeat(4,1fr);gap:.75rem}.avatar-display{min-height:72px}.banner-grid{grid-template-columns:1fr;gap:.75rem}.banner-display{min-height:80px}.modal-actions{padding:1rem;flex-direction:column-reverse}.cancel-modal-btn,.save-modal-btn{width:100%}}.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,#78716c,#eab308,#fbbf24);transition:width .3s ease;box-shadow:0 0 8px #fbbf2480}.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(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--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}.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.png) center/contain no-repeat;mask:url(/star.png) 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}}.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)}}.game-screen{width:100vw;height:100vh;margin:0;padding:0;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.png);background-size:cover;background-position:center;background-attachment:fixed;overflow:visible}.game-screen--training{background-image:url(/arena.png)}.battle-arena{width:100%;flex:1;display:flex;flex-direction:column;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:0;box-shadow:none;position:relative}.game-clock{position:fixed;top:20px;left:50%;transform:translate(-50%);font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.9),0 0 30px rgba(255,255,255,.3);padding:.5rem 1.5rem;background:linear-gradient(135deg,#0009,#0006);border-radius: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: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}.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}.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:fixed;top:40%;left:75%;transform:translate(-50%,-50%);font-size: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: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:fixed;top:40%;left:25%;transform:translate(-50%,-50%);font-size: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: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:fixed;top:20%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:1.5rem 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:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:specialAttackSpin .8s ease-out}.special-attack-text{font-size: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:fixed;top:35%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:1.2rem 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:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:specialAttackSpin .6s ease-out}.reflect-text{font-size: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:fixed;top:28%;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:22%;top:38%}.battle-message-opponent-side{left:78%;top:38%}.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:50%;top:32%;background:linear-gradient(135deg,#ef4444f2,#b91c1cf2);color:#fff;border:2px solid #b91c1c;box-shadow:0 0 24px #ef444499}.battle-signals{position:fixed;top:36%;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:22%;transform:translate(-50%)}.battle-signals-opponent-side{left:78%;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: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:320px;height: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: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}@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{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:flex-end;min-height:50vh;position:relative;padding:40px 100px}.ability-strip-vertical.ability-strip-one-bar{position:absolute;left:28px;top: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:18px;min-height:12px;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:100px;height:100px;margin-left:-50px;margin-top:-50px;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:110px;height: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{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:280px}.battle-side-player{order:1}.battle-side-opponent{order:2}.battle-status{width:75%;min-width:210px;box-sizing:border-box;align-self:center}.battle-platform{position:relative;border:none;overflow:visible;min-height:320px;width:100%;display:flex;align-items:flex-end;justify-content:center;box-shadow:none;background:transparent}.battle-platform:after{display:none}.battle-platform-opponent{justify-content:flex-end;padding:16px 20px}.battle-platform-player{justify-content:flex-start;padding:18px 22px}@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}.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:120px;height:120px;border-radius:22px;border:2px solid rgba(255,255,255,.16);object-fit:cover;background:#0f172a80}.battle-avatar-emoji{font-size:90px;line-height:1}.battle-status{background:linear-gradient(135deg,#fffffffa,#f1f5f9fa);border:3px solid rgba(15,23,42,.9);border-radius:18px;padding:16px 20px;color:#0f172a;box-shadow:0 12px 40px #0009,inset 0 1px #fff9;min-width:210px}.battle-banner-strip{width:75%;min-width:210px;height:52px;border-radius:12px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:0 4px 16px #00000059;align-self:center;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:12px;padding:0 14px;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}.battle-avatar-wrap{width:44px;height:44px;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:8px}.battle-name{font-weight:900;letter-spacing:1px;text-transform:uppercase;font-size: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: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:4px}.battle-hp-bar-container{min-width:0;overflow:visible;position:relative;transition:width .4s ease-out}.battle-hp-bar{height: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:4px;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:1400px;background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:3px solid rgba(15,23,42,.92);border-radius:22px;padding:1.2rem 2rem 1.3rem;box-shadow:0 14px 60px #000c,inset 0 1px #fff9;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.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:1rem;margin-bottom:12px}.battle-dialog-controls{display:flex;align-items:center;gap:12px}.battle-text{font-size:17px;line-height:1.5;margin-bottom: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:16px;padding:14px 18px;box-shadow:0 2px 8px #0000000a;max-height:120px;overflow-y:auto}.battle-text.long-text{font-size:15px}.battle-text.very-long-text{font-size:13px}.battle-moves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.battle-move{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:15px 16px;border-radius: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:40px;height:40px;border-radius: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}.ability-charge-row{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(15,23,42,.12)}.ability-charge-bar-wrap{flex:1;display:flex;align-items:center;gap:10px}.ability-charge-bar{flex:1;height: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:44px;text-align:right}.ability-charge-bar.ability-ready+.ability-charge-label{color:#b45309}.ability-use-btn{padding:10px 18px;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:20px;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:12px 16px;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:12px;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:44px;height:44px;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:13px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6)}.score{font-size:32px;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:20px;font-weight:800;color:#fff;padding:0 24px;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:16px;border-top:2px solid rgba(99,102,241,.4)}.question-counter{font-size:15px;font-weight:700;color:#e0e7ff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.timer{font-size:14px;font-weight:700;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:8px 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:10px;font-weight:900;font-size:.85em;background:#ffffff2e;padding:3px 8px;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:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.pt-portrait{width:26px;height:26px;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:72px}.battle-avatar-img{width:96px;height:96px}}.question-type{font-size:11px;font-weight:900;letter-spacing:2.5px;color:#78350f;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:9px 18px;border-radius: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:22px;line-height:1.6;margin-bottom:24px;white-space:pre-wrap;color:#000;font-weight:500;letter-spacing:.3px;background:#fff;padding:20px 24px;border-radius:16px;box-shadow:none;border:none}.question-text sup{color:#0f172a;font-weight:700}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;gap:16px;padding:16px 22px;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:16px;font-weight:800;min-width:40px;height:40px;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:17px;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:20px;padding:20px 24px;-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:24px;justify-content:center}.feedback-icon{font-size:48px;font-weight:800;min-width:48px;height:48px;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:20px;font-weight:800;margin-bottom:6px;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:15px;color:#fca5a5;margin-bottom:6px;font-weight:500}.correct-answer-text strong{color:#fff;font-weight:700;font-size:16px;background:#ef444433;padding:2px 8px;border-radius:6px;border:1px solid rgba(239,68,68,.4)}.score-gained{font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:.3px}.answer-feedback.correct .score-gained{color:#86efac}.answer-feedback.incorrect .score-gained{color:#cbd5e1;opacity:.7}.waiting-message{font-size:15px;color:#cbd5e1;font-weight:600;opacity:.8;margin:0}.answer-feedback-indicator{position:fixed;left:20px;top:50%;transform:translateY(-50%);padding:14px 18px;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:350px;min-width:140px}@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:14px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.feedback-answer{font-size:13px;color:#fffffff2;font-weight:500;line-height:1.4;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.3)}.feedback-answer strong{font-weight:700;font-size:14px}.pt-sprite{display:inline-block;background-repeat:no-repeat;image-rendering:auto}.results-screen{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:40px 20px;overflow-y:auto}.results-end-screen{background:linear-gradient(180deg,#0f172a,#1e293b,#334155);min-height:100vh;padding-top:32px}.end-screen-banner{display:none}.results-content{max-width:900px;width:100%;text-align:center;background:#fffffffa;border-radius:24px;padding:48px 32px;box-shadow:0 20px 60px #0000004d;margin:0 auto}.result-header{margin-bottom:48px}.result-character-pose-wrap{display:flex;justify-content:center;align-items:center;margin:0 0 24px;min-height:200px}.result-character-pose-wrap .pt-sprite{border-radius:18px;background:#0000000a;box-shadow:0 10px 28px #0000002e}.result-character-pose-img{max-width:280px;width:auto;height:auto;max-height: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:96px;margin-bottom: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:48px;margin-bottom: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:space-between;margin-bottom:32px;padding:32px;background:linear-gradient(135deg,#f8fdf5,#e8f5e0);border-radius:20px;border:2px solid rgba(45,95,63,.1)}.player-final-score{flex:1;padding:20px;border-radius:12px;transition:all .3s ease}.player-final-score.winner{background:#fff;border:2px solid #2D5F3F;box-shadow:0 4px 16px #2d5f3f26}.player-final-score .player-name{font-size:14px;color:#4a5568;margin-bottom:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.final-score{font-size:48px;font-weight:800;color:#2d5f3f;margin-bottom:8px;text-shadow:0 2px 8px rgba(45,95,63,.2)}.winner-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#2d5f3f,#3a7a52);border-radius:20px;font-size:13px;font-weight:700;color:#fff;margin-top:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #2d5f3f4d}.vs-results{font-size:20px;font-weight:800;color:#718096;padding:0 24px}.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}.play-again-btn{width:100%;font-size:17px;padding:18px 40px}.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;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.question-item:hover{border-color:#6366f1;box-shadow:0 4px 16px #6366f133;transform:translateY(-2px)}.question-item.correct{border-left:5px solid #22c55e}.question-item.incorrect{border-left:5px solid #ef4444}.question-item-header{display:flex;justify-content:space-between;align-items:center}.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}.question-details{margin-top:20px;padding-top:20px;border-top:2px solid #e2e8f0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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}}.dashboard-container{display:flex;height:100vh;background-color:#f0fdf4;font-family:Inter,system-ui,sans-serif}.sidebar{width:250px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:1.5rem}.logo-icon{font-size:2rem;margin-bottom:2rem}.nav-menu{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#4b5563;font-weight:600;text-align:left}.nav-item.active{background:#dcfce7;color:#166534}.nav-item:hover:not(.active){background:#f3f4f6}.main-content{flex:1;padding:2rem;overflow-y:auto;overflow-x:hidden;max-height:100vh;display:flex;flex-direction:column}.dashboard-header{margin-bottom:2rem;flex-shrink:0}.dashboard-header h1{color:#166534;margin:0;font-size:2rem}.subtitle{color:#6b7280;margin-top:.5rem}.user-greeting{margin-top:.5rem;color:#4b5563}.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:3px solid #22c55e}.exam-title{margin:0;font-size:1.75rem;font-weight:900;color:#166534;text-transform:uppercase;letter-spacing:.05em}.exam-subtitle{font-size:.95rem;color:#fff;font-weight:700;background:#000000b3;padding:.25rem .75rem;border-radius:8px;display:inline-block}.lessons-grid{display:flex;flex-direction:column;gap:1rem;flex:1}.lesson-card-item{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid #f3f4f6;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);box-shadow:0 10px 15px -3px #0000001a;border-color:#dcfce7}.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:#e0f2fe;color:#0284c7}.lesson-icon.writing{background:#fce7f3;color:#db2777}.lesson-icon.reading,.lesson-icon.english{background:#fef3c7;color:#d97706}.lesson-info{flex:1;display:flex;flex-direction:column}.lesson-info h3{margin:0;font-size:1rem;color:#1f2937;margin-bottom:.25rem}.lesson-meta{font-size:.8rem;color:#6b7280}.lesson-score{display:flex;flex-direction:column;align-items:center;background:#f9fafb;padding:.5rem;border-radius:8px;min-width:60px}.score-label{font-size:.65rem;text-transform:uppercase;color:#000!important;font-weight:800;letter-spacing:.5px}.score-number{font-size:1.25rem;font-weight:800;color:#16a34a}.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;padding:2rem;color:#fff;position:relative;z-index:1}.clan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000004d}.clan-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;background:linear-gradient(135deg,#fff,#a78bfa,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.5);letter-spacing:1px}.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}.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}.back-text-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.9rem 1.25rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s;text-align:left}.back-text-btn:hover{background:#ffffff26;transform:translate(-4px)}.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{min-height:100vh;padding:2rem;overflow-y:auto;color:#fff;position:relative;z-index:1}.shop-notification{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:1000;padding:1rem 2rem;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:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) 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-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000004d}.back-icon-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:12px;cursor:pointer;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-icon-btn:hover{background:#fff3;border-color:#fff6;transform:translate(-4px)}.shop-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;font-style:italic;margin:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.5);letter-spacing:1px}.currency-display{display:flex;align-items:center;gap:.75rem;background:#fbbf2433;padding:.75rem 1.5rem;border-radius:50px;border:2px solid #fbbf24;box-shadow:0 4px 12px #fbbf244d}.gem-icon{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(251,191,36,.6))}.gem-count{font-size:1.5rem}.currency-label{font-size:.9rem;opacity:.9;margin-left:.25rem}.shop-banner{background:linear-gradient(135deg,#8b5cf633,#7c3aed33);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(139,92,246,.4);border-radius:24px;padding:2.5rem;margin-bottom:3rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 32px #8b5cf64d;position:relative;overflow:hidden}.shop-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.banner-content{flex:1;z-index:1}.banner-content h2{font-size:2rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1px}.banner-content p{color:#fffc;font-size:1rem;margin:0 0 1.5rem;font-weight:600}.banner-btn{padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:14px;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}.banner-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf699;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.banner-image{font-size:6rem;z-index:1;filter:drop-shadow(0 4px 16px rgba(251,191,36,.8));animation:float 3s ease-in-out infinite}.section-title{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fbbf24;margin:0 0 1.5rem .5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.shop-card{background:linear-gradient(135deg,#0f172acc,#1e1b4bcc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;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}.shop-card:hover{transform:translateY(-8px);border-color:#fbbf2480;box-shadow:0 12px 48px #fbbf244d}.shop-card.owned{border-color:#22c55e66;background:linear-gradient(135deg,#0f172ae6,#16653433)}.shop-card.owned:before{content:"OWNED";position:absolute;top:1rem;right:1rem;background:#22c55e4d;border:1px solid rgba(34,197,94,.5);color:#22c55e;font-size:.7rem;font-weight:800;padding:.35rem .75rem;border-radius:12px;letter-spacing:.5px}.item-icon-area{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1.25rem;transition:transform .3s;filter:drop-shadow(0 4px 12px currentColor)}.shop-card:hover .item-icon-area{transform:scale(1.1) rotate(5deg)}.item-details{flex:1;width:100%;margin-bottom:1.5rem}.item-details h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:.3px}.item-type{display:inline-block;background:#ffffff1a;padding:.35rem .85rem;border-radius:12px;font-size:.8rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.item-description{font-size:.85rem;color:#fff9;margin:.75rem 0 0;line-height:1.4}.buy-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;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 12px #22c55e4d;display:flex;align-items:center;justify-content:center;gap:.5rem}.buy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e80;background:linear-gradient(135deg,#16a34a,#15803d)}.buy-btn:active:not(:disabled){transform:translateY(0)}.buy-btn:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed;box-shadow:none}.buy-btn.owned-btn{background:linear-gradient(135deg,#22c55e4d,#16a34a4d);border:2px solid rgba(34,197,94,.5);color:#22c55e;cursor:default}.gem-mini{font-size:1.1rem;filter:drop-shadow(0 2px 4px rgba(251,191,36,.6))}.check-icon{font-size:1.1rem}@media (max-width: 768px){.shop-screen-container{padding:1rem}.shop-header{padding:1rem;flex-direction:column;gap:1rem}.shop-header h1{font-size:1.75rem}.currency-display{width:100%;justify-content:center}.shop-banner{flex-direction:column;text-align:center;padding:1.5rem}.banner-image{font-size:4rem;margin-top:1rem}.shop-grid{grid-template-columns:1fr;gap:1.5rem}}.inventory-screen-container{width:100%;min-height:100vh;padding:40px 60px;background:linear-gradient(135deg,#0f1729,#1a1f35);color:#fff;position:relative;overflow-y:auto}.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:40px}.header-left{display:flex;align-items:center;gap:20px}.back-icon-btn{width:50px;height:50px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-icon-btn:hover{background:#ffffff1a;border-color:#8b5cf680;transform:translate(-5px)}.inventory-header h1{font-size:48px;font-weight:800;font-style:italic;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:1px;text-shadow:0 0 30px rgba(251,191,36,.3)}.inventory-count{display:flex;flex-direction:column;align-items:center;padding:12px 24px;background:#8b5cf61a;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:80px 20px;max-width:500px;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(300px,1fr));gap:24px;padding-bottom:40px}.inventory-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;flex-direction:column;gap:16px;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:#ffffff0d;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:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:8px}.item-details{flex:1}.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}.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}@media (max-width: 768px){.inventory-screen-container{padding:20px}.inventory-header h1{font-size:32px}.inventory-grid{grid-template-columns:1fr}}.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;padding:40px;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);position:relative;overflow-y:auto}.practice-exam-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(34,197,94,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none}.exam-header{position:relative;z-index:1;margin-bottom:48px}.back-btn-exam{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:24px}.back-btn-exam:hover{background:#fff3;border-color:#22c55e80;transform:translate(-4px)}.exam-header-content{text-align:center}.exam-title{font-size:48px;font-weight:900;background:linear-gradient(135deg,#fff,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-1px}.exam-subtitle{font-size:18px;color:#ffffffb3;font-weight:400}.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:#ffffff0d;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;padding:2rem;overflow-y:auto;color:#fff}.rank-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem 2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.header-left{display:flex;align-items:center;gap:1.5rem}.back-icon-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:12px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-icon-btn:hover{background:#fff3;transform:translate(-4px)}.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:#0f172acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid #3b82f6;border-radius:24px;padding:2.5rem;margin-bottom:3rem;display:flex;align-items:center;gap:2rem;box-shadow:0 0 30px #3b82f64d}.rank-icon-large{font-size:5rem;filter:drop-shadow(0 0 20px currentColor)}.rank-info{flex:1}.rank-info h2{font-size:2rem;font-weight:800;margin:0 0 .5rem;color:#fff}.rank-subtitle{color:#ffffffb3;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 currentColor}.progress-text{font-size:.85rem;color:#fff9;font-weight:600}.rank-road-section{max-width:900px;margin:0 auto}.rank-road-section>h3{font-size:1.8rem;font-weight:800;color:#fff;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:#ffffff1a;margin:0 auto;transition:background .3s}.road-connector.achieved{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 0 10px #22c55e80}.rank-node{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s;opacity:.5;filter:grayscale(.8)}.rank-node.achieved{opacity:1;filter:grayscale(0);border-color:#22c55e80;background:#0f172acc}.rank-node.current{opacity:1;filter:grayscale(0);border-color:#3b82f6;border-width:3px;background:#0f172ae6;box-shadow:0 0 30px #3b82f666;transform:scale(1.02)}.rank-node:hover{transform:scale(1.02);background:#0f172ae6}.rank-node-icon{width:80px;height:80px;border:3px solid;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:#0000004d;flex-shrink:0}.rank-node-details{flex:1}.rank-node-details h4{margin:0 0 .5rem;font-size:1.25rem;color:#fff;font-weight:800}.trophy-req{font-size:.9rem;color:#fbbf24;margin:0 0 .75rem;font-weight:700}.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:#ffffffb3}.rank-node.achieved .rewards-header{color:#4ade80}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.65rem;max-width:100%}.reward-item{background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:.6rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:all .2s;cursor:pointer;position:relative}.reward-item.locked{opacity:.5;filter:grayscale(.8)}.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-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}.reward-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.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:#fff6}.prize-claimed,.prize-locked{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.5rem 1rem;border-radius:12px;width:fit-content}.prize-claimed{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#4ade80;font-weight:600}.checkmark{font-size:1rem;font-weight:800}.prize-locked{background:#64748b33;border:1px solid rgba(100,116,139,.3);color:#ffffff80}@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-icon-large{font-size:4rem}.rank-node{padding:1rem;flex-direction:column}.rank-node-icon{width:60px;height:60px;font-size:2rem}.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:.4rem}.reward-item{padding:.5rem .4rem}.reward-icon{font-size:1.25rem}.reward-text{font-size:.7rem}.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;padding:2rem;overflow-y:auto;color:#fff;max-width:1200px;margin:0 auto}.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:#0f172a99;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:#0f172a99;-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:120px 1fr 180px 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:600px;overflow-y:auto}.lb-row{display:grid;grid-template-columns:120px 1fr 180px 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}.player-avatar-small{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;box-shadow:0 2px 8px #0000004d}.player-avatar-small.me{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 15px #fbbf2480}.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}@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 120px 80px;padding:1rem}.rank-medal{width:32px;height:32px;font-size:1rem}.player-avatar-small{width:36px;height:36px;font-size:1rem}.player-name{font-size:.9rem}.col-score{font-size:1rem}.clan-tag{font-size:.8rem;padding:.3rem .5rem}}@media (max-width: 480px){.leaderboard-table-header{grid-template-columns:80px 1fr 60px;font-size:.8rem}.leaderboard-table-header .col-clan{display:none}.lb-row{grid-template-columns:80px 1fr 60px}.lb-row .col-clan{display:none}.tab-btn{padding:.5rem 1rem;font-size:.9rem}}.tracker-screen{min-height:100vh;padding:2rem;overflow-y:auto}.tracker-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.tracker-header h1{font-size:2.5rem;color:#fff;margin:0;font-weight:800;text-transform:uppercase;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.5)}.back-button{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#fff3;transform:translate(-4px)}.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:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1.5rem;text-align:center;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:#fff3;background:#0f172acc}.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:#fff;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:#fff9;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:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.filter-btn{padding:.6rem 1.2rem;background:transparent;border:none;border-radius:10px;color:#fff9;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.filter-btn:hover{color:#fff;background:#ffffff1a}.filter-btn.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f666}.matches-container{background:#0f172a80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.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:#fff;margin-bottom:.5rem;font-weight:800}.empty-state p{font-size:1.1rem;color:#ffffff80}.matches-list{display:flex;flex-direction:column;gap:1rem}.match-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#1e293b66;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.match-card:hover{transform:translate(4px);background:#1e293b99;border-color:#ffffff1a}.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:#ffffff80;font-weight:700;text-transform:uppercase}.score-value{font-size:1.8rem;font-weight:800;color:#fff;line-height:1}.vs-divider{font-size:1rem;font-weight:800;color:#fff3;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:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1)}.meta-badge.rating.positive{color:#4ade80;background:#22c55e1a}.meta-badge.rating.negative{color:#f87171;background:#ef44441a}.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;background-image:url(/introbackground.png);background-size:cover;background-position:center;background-attachment:fixed}.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{font-size:4rem;margin-bottom:1rem;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}.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(135deg,#1e293bf2,#0f172af2);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;max-width:450px;width:90%;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff9;font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:2rem}.modal-icon{font-size:3rem;margin-bottom:1rem}.modal-header h2{font-size:1.75rem;margin-bottom:.75rem;color:#fff}.modal-subtitle{font-size:.95rem;color:#fff9;line-height:1.5}.reset-form{margin-top:1.5rem}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:1.5rem;text-align:center;color:#22c55e;animation:slideUp .3s ease}.success-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.success-message p{margin:0;font-size:1rem;line-height:1.5}.settings-screen{min-height:100vh;position:relative;overflow-y:auto;color:#fff}.settings-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.5rem;color:#fff9}.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;background:#0f172a99;padding:1rem 1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-header h1{font-size:1.8rem;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5);text-transform:uppercase;font-style:italic}.back-btn{background:#ffffff1a;border:none;color:#fff;padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;font-weight:700;transition:all .2s}.back-btn:hover{background:#fff3;transform:translate(-2px)}.settings-section{margin-bottom:2rem}.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:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0003}.info-row{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-label{color:#fff9;font-weight:600}.info-value{color:#fff;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:#0006;border:1px solid #3b82f6;border-radius:8px;padding:.5rem 1rem;color:#fff;font-size:1rem;width:160px;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:32px;height:32px;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{font-size:4rem;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:#ffffffb3;margin:0;font-size:.95rem}.premium-benefits-text{color:#fff9;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}.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 rgba(255,255,255,.05)}.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:#ffffff80;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 rgba(255,255,255,.05);transition:all .2s}.preference-row:last-child{border-bottom:none}.preference-row:hover{background:#ffffff05}.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}.preference-text{display:flex;flex-direction:column;gap:.25rem}.preference-label{color:#fff;font-weight:700;font-size:1.05rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.preference-desc{color:#ffffff80;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:linear-gradient(135deg,#0006,#1e293b99);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:34px;border:2px solid rgba(255,255,255,.1);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)}@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)}}.tournament-screen{min-height:100vh;color:#fff;padding:2rem;overflow-y:auto}.tournament-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.tournament-header h1{font-size:2.5rem;font-weight:800;text-transform:uppercase;font-style:italic;margin:0;background:linear-gradient(180deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tournament-header .back-btn{background:#ffffff1a;border:none;color:#fff;padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;font-weight:700;transition:all .2s}.tournament-header .back-btn:hover{background:#fff3;transform:translate(-2px)}.tournament-under-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.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}@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;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}.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;display:flex;flex-direction:column;padding:1rem 1.5rem;color:#fff;background-image:url(/characterscreenbackground.png);background-size:cover;background-position:center;background-attachment:fixed}.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:10rem;min-width: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}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding-bottom:1rem;align-items:stretch}.character-card{background:#0f172ab3;-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;height:800px;min-height:800px}.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:1px 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--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;border-image:linear-gradient(110deg,#fff,#93c5fd,#c4b5fd,#f9a8d4,#fca5a5,#fde047,#fff) 1;border-image-slice:1;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{display:flex;align-items:baseline;justify-content:center;gap:.5rem;flex-wrap:wrap}.character-name{font-size:1.25rem;font-weight:700}.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-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: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}@media (max-width: 768px){.characters-screen{padding:1rem}.character-grid{grid-template-columns:1fr}.characters-header h1{font-size:1.75rem}}.require-auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;gap:1rem}.auth-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);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:100vh;width:100%;position:relative;z-index:1}*{box-sizing:border-box}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)}*{margin:0;padding:0;box-sizing:border-box}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:#0f172a;background-image:url(/background.png),linear-gradient(135deg,#1e3a8a,#0f172a,#7c2d12);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;color:#fff}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}.glass-card{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #0000004d}.glass-panel{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:12px}.animation-fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}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}}