@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg, #0d0d0d);background-image:radial-gradient(circle at 50% 50%,rgba(168,85,247,.15),transparent 70%),radial-gradient(circle at 90% 10%,rgba(236,72,153,.1),transparent 70%),var(--bg-gradient, radial-gradient(ellipse 80% 50% at 50% 0%, rgba(98,0,234,.12) 0%, transparent 70%));color:var(--text, #ffffff);font-family:Inter,Segoe UI,sans-serif;padding:24px;position:relative;overflow:hidden}.login-page .ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.6;animation:floatOrb 10s ease-in-out infinite alternate;pointer-events:none}.login-page .ambient-orb-1{width:450px;height:450px;background:#a855f726;top:-120px;left:-150px}.login-page .ambient-orb-2{width:350px;height:350px;background:#38bdf81f;bottom:10%;right:-100px;animation-delay:-3s;animation-duration:12s}.login-page .ambient-orb-3{width:300px;height:300px;background:#ef444417;top:40%;left:25%;transform:translate(-50%,-50%);animation-delay:-6s;animation-duration:15s}.login-card{position:relative;z-index:1;width:100%;max-width:500px;background:var(--card-bg, rgba(255,255,255,.03));-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(168,85,247,.22);border-radius:28px;padding:48px 40px 44px;box-shadow:0 0 40px #8b5cf626,0 24px 80px #00000073,inset 0 0 20px #ffffff08;animation:loginCardIn .7s cubic-bezier(.23,1,.32,1) forwards,floatCard 5s ease-in-out .7s infinite;transition:box-shadow .3s ease}.login-card:hover{box-shadow:0 0 60px #8b5cf647,0 32px 90px #00000080,inset 0 0 20px #ffffff0a}@keyframes loginCardIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.login-logo{text-align:center;margin-bottom:36px}.login-logo-icon{font-size:3rem;display:block;margin-bottom:8px;filter:drop-shadow(0 0 18px rgba(168,85,247,.65));animation:floatIcon 3s ease-in-out infinite alternate}@keyframes floatIcon{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.login-title{font-size:clamp(2rem,6vw,2.8rem);font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(168,85,247,.4));animation:titleGlowPulse 3s ease-in-out infinite alternate}@keyframes titleGlowPulse{0%{filter:drop-shadow(0 0 12px rgba(168,85,247,.35))}to{filter:drop-shadow(0 0 28px rgba(168,85,247,.75))}}.login-subtitle{font-size:.95rem;color:var(--text-muted, #94a3b8);font-weight:500}.login-form{display:flex;flex-direction:column;gap:24px}.login-field{display:flex;flex-direction:column;gap:10px}.login-label{font-size:.78rem;font-weight:700;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.9px}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:15px;font-size:1rem;pointer-events:none;z-index:1;opacity:.7}.login-input{width:100%;padding:14px 16px 14px 44px;background:#ffffff0f;border:1.5px solid var(--border, rgba(255,255,255,.1));border-radius:14px;color:var(--text, #ffffff);font-size:1rem;font-family:inherit;font-weight:500;outline:none;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease,transform .25s ease}.login-input::placeholder{color:#555}.login-input:focus{border-color:var(--accent, #a855f7);background:#a855f717;box-shadow:0 0 0 3px #a855f733,0 0 12px #a855f799;transform:scale(1.02)}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.avatar-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 10px;background:var(--surface, rgba(255,255,255,.04));border:1.5px solid var(--border, rgba(255,255,255,.08));border-radius:16px;cursor:pointer;transition:all .25s cubic-bezier(.23,1,.32,1);color:var(--text-muted, #94a3b8);font-family:inherit}.avatar-card:hover{background:#ec489912;border-color:#ec48994d;transform:translateY(-3px) scale(1.08);box-shadow:0 0 12px #fff3;color:var(--text, #fff)}.avatar-card--selected{background:#ec489926;border:2px solid #ec4899;box-shadow:0 0 20px #ec489999;transform:translateY(-3px) scale(1.12);color:var(--text, #fff);animation:avatarSelectedPulse 2s ease-in-out infinite alternate}@keyframes avatarSelectedPulse{0%{box-shadow:0 0 12px #ec489973}to{box-shadow:0 0 28px #ec4899d9}}.avatar-emoji{font-size:1.85rem;display:block;transition:transform .25s ease,filter .25s ease}.avatar-card--selected .avatar-emoji{filter:drop-shadow(0 0 10px rgba(236,72,153,.9));transform:scale(1.12)}.avatar-card:hover:not(.avatar-card--selected) .avatar-emoji{filter:drop-shadow(0 0 6px rgba(236,72,153,.5))}.avatar-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.login-error{font-size:.85rem;color:#f87171;font-weight:500;text-align:center;padding:10px 16px;background:#f8717114;border:1px solid rgba(248,113,113,.22);border-radius:10px;animation:slideUpFade .2s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-submit{width:100%;padding:15px;background:linear-gradient(270deg,#a855f7,#6366f1,#ec4899,#a855f7);background-size:400% 400%;animation:gradientShift 6s ease infinite,buttonBreathe 3s ease-in-out infinite;color:#fff;border:none;border-radius:16px;font-size:1.05rem;font-weight:700;font-family:inherit;letter-spacing:.3px;cursor:pointer;transition:transform .25s ease;box-shadow:0 0 12px #a855f766,0 4px 22px #a855f74d,0 0 10px #a855f733 inset;margin-top:4px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes buttonBreathe{0%{filter:brightness(1)}50%{filter:brightness(1.18)}to{filter:brightness(1)}}.login-submit:hover:not(:disabled){transform:scale(1.05);filter:brightness(1.25)!important}.login-submit:active:not(:disabled){transform:scale(.95);transition-duration:.07s}.login-submit:disabled{opacity:.75;cursor:not-allowed;animation:none;filter:none}.login-submit-inner{display:flex;align-items:center;justify-content:center;gap:10px}.login-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.login-card{padding:36px 20px 32px}.avatar-grid{gap:8px}.avatar-card{padding:10px 4px 8px}.avatar-emoji{font-size:1.5rem}.avatar-label{font-size:.6rem}}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .3s ease forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.login-overlay-content{text-align:center;animation:slideUpFade .5s ease .2s both}.login-overlay-icon{font-size:4rem;margin-bottom:16px;animation:pulseIcon 1s ease infinite alternate}@keyframes pulseIcon{0%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(168,85,247,.5))}to{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(168,85,247,1))}}.login-overlay-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.login-overlay-sub{color:#94a3b8;font-size:1.1rem;margin-bottom:32px}.login-progress-track{width:100%;max-width:300px;height:6px;background:#ffffff1a;border-radius:3px;margin:0 auto;overflow:hidden}.login-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#a855f7);border-radius:3px;width:0%;animation:fillProgress 1.5s cubic-bezier(.65,0,.35,1) forwards}@keyframes fillProgress{0%{width:0%}to{width:100%}}.avatar-subtitle{font-size:.75rem;color:#a855f7;text-align:center;margin-top:12px;font-style:italic;opacity:.8}.avatar-card{position:relative;overflow:hidden}.login-input-wrap:after{content:"|";position:absolute;right:15px;color:#a855f7;font-weight:900;font-size:1.2rem;animation:blinkCaret 1s step-end infinite;opacity:0;pointer-events:none}.login-input-wrap:focus-within:after{opacity:1}@keyframes blinkCaret{50%{opacity:0}}.login-particle{position:absolute;width:4px;height:4px;background:#a855f7cc;border-radius:50%;box-shadow:0 0 10px #a855f7;pointer-events:none;animation:floatParticle linear infinite;z-index:0}@keyframes floatParticle{0%{transform:translateY(100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh);opacity:0}}.login-particle:nth-child(2n){background:#38bdf8cc;box-shadow:0 0 10px #38bdf8}.login-particle-1{left:27%;animation-duration:7s;animation-delay:1.5s}.login-particle-2{left:54%;animation-duration:9s;animation-delay:3s}.login-particle-3{left:81%;animation-duration:11s;animation-delay:4.5s}.login-particle-4{left:8%;animation-duration:13s;animation-delay:6s}.login-particle-5{left:35%;animation-duration:5s;animation-delay:7.5s}.login-particle-6{left:62%;animation-duration:7s;animation-delay:9s}.login-particle-7{left:89%;animation-duration:9s;animation-delay:0s}.login-particle-8{left:16%;animation-duration:11s;animation-delay:1.5s}.login-particle-9{left:43%;animation-duration:13s;animation-delay:3s}.login-particle-10{left:70%;animation-duration:5s;animation-delay:4.5s}.login-particle-11{left:97%;animation-duration:7s;animation-delay:6s}.login-particle-12{left:24%;animation-duration:9s;animation-delay:7.5s}.login-particle-13{left:51%;animation-duration:11s;animation-delay:9s}.login-particle-14{left:78%;animation-duration:13s;animation-delay:0s}.login-particle-15{left:5%;animation-duration:5s;animation-delay:1.5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;background-color:var(--bg, #0d0d0d);background-image:var(--bg-gradient, radial-gradient(ellipse 80% 50% at 50% 0%, rgba(98, 0, 234, .12) 0%, transparent 70%));color:var(--text, #ffffff);text-align:center;padding:72px 24px 40px;font-family:Inter,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.home-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(168,85,247,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 70%,rgba(99,102,241,.09) 0%,transparent 60%);animation:ambientShift 18s ease-in-out infinite alternate;pointer-events:none}@keyframes ambientShift{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.6;animation:floatOrb 10s ease-in-out infinite alternate;pointer-events:none}.ambient-orb-1{width:450px;height:450px;background:#a855f726;top:-100px;left:-150px}.ambient-orb-2{width:350px;height:350px;background:#38bdf81f;bottom:15%;right:-100px;animation-delay:-3s;animation-duration:12s}.ambient-orb-3{width:300px;height:300px;background:#ef44441a;top:40%;left:25%;transform:translate(-50%,-50%);animation-delay:-6s;animation-duration:15s}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:32px 20px 0;animation:slideUpFadeIn .8s ease-out forwards}.hero-icon{font-size:4rem;margin-bottom:8px}.floating-icon{animation:float 4s ease-in-out infinite}.hero-title{font-size:clamp(3.5rem,10vw,5.5rem);font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,#fff,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:text-shine 4s linear infinite}.glow-text{animation:glow-pulse 3s ease-in-out infinite}.hero-subtitle{font-size:clamp(1rem,3vw,1.35rem);color:#94a3b8;margin:0 0 16px;max-width:600px;line-height:1.6;font-weight:500;letter-spacing:.5px}.arcade-divider{margin:48px 0 32px;text-align:center;display:flex;flex-direction:column;gap:8px}.section-heading{text-transform:uppercase;font-size:.85rem;letter-spacing:4px;color:#a855f7;font-weight:800;margin:0}.section-tagline{font-size:1rem;color:#64748b;font-weight:400;margin:0}.hero-play-btn{font-size:1.2rem;padding:16px 56px;border-radius:100px;cursor:pointer}@media (max-width: 720px){.home-page{padding:72px 16px 64px;justify-content:flex-start}.home-subtitle{margin-bottom:48px}.card-grid{grid-template-columns:1fr;max-width:380px;gap:20px}.game-card{padding:32px 24px}}@media (min-width: 721px) and (max-width: 1000px){.card-grid{grid-template-columns:repeat(2,1fr)}}.view{display:flex;flex-direction:column;align-items:center;width:100%;transition:opacity .35s ease,transform .35s ease}.view--active{opacity:1;transform:none;pointer-events:all}.view--hidden{opacity:0;transform:translateY(12px);pointer-events:none;position:absolute}.loading-icon{font-size:3.5rem;margin-bottom:24px;animation:pulse 1.2s ease-in-out infinite}.loading-text{font-size:1.1rem;color:#888;font-weight:500;letter-spacing:1px;margin-bottom:28px}.loading-bar{width:220px;height:4px;background-color:#2a2a2a;border-radius:99px;overflow:hidden}.loading-bar__fill{height:100%;background:linear-gradient(90deg,#6200ea,#a855f7);border-radius:99px;animation:load 1.5s ease-in-out forwards}@keyframes load{0%{width:0%}to{width:100%}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.7}}.game-screen{display:flex;flex-direction:column;align-items:center;gap:16px;animation:slideUp .4s ease both}.game-screen-icon{font-size:4rem;margin-bottom:8px}.game-screen-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;letter-spacing:.5px}.game-screen-desc{font-size:1rem;color:#666;margin-bottom:12px}.back-btn{padding:12px 24px;background:transparent;color:#cbd5e1;border:1px solid #475569;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:600;font-family:inherit;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.back-btn:hover{transform:scale(1.05);background-color:#ffffff0d;border-color:#94a3b8;color:#fff}.back-btn:active{transform:scale(.95);transition-duration:.1s}.play-btn{padding:12px 24px;background:linear-gradient(135deg,#a855f7,#7e22ce);color:#fff;border:none;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:700;font-family:inherit;transition:all .3s ease;box-shadow:0 4px 15px #a855f766;display:inline-flex;align-items:center;justify-content:center}.play-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 8px 25px #a855f799}.play-btn:active:not(:disabled){transform:scale(.95);transition-duration:.1s}.play-btn:disabled,.btn-disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.quiz-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:36px 36px 32px;border-radius:24px;background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);transition:box-shadow .3s ease,background-color .3s ease;animation:slideUp .35s ease both}.quiz-wrapper.danger-mode{background-color:#ef444405;box-shadow:inset 0 0 30px #ef444426,0 0 40px #ef44441a;animation:wrapperDangerPulse 1s ease-in-out infinite}@keyframes wrapperDangerPulse{0%,to{box-shadow:inset 0 0 30px #ef44441a,0 0 20px #ef44440d}50%{box-shadow:inset 0 0 60px #ef444440,0 0 60px #ef444433}}.quiz-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;gap:16px;flex-wrap:wrap}.quiz-progress{font-size:.8rem;color:#555;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.quiz-score{font-size:.85rem;color:#888;font-weight:600}.quiz-bar{width:100%;height:3px;background-color:#222;border-radius:99px;margin-bottom:20px;overflow:hidden}.quiz-bar__fill{height:100%;background:linear-gradient(90deg,#6200ea,#a855f7);border-radius:99px;transition:width .4s ease}.quiz-question{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.25;margin-bottom:36px;text-align:center;color:#f8fafc;letter-spacing:-.4px;text-shadow:0 2px 24px rgba(168,85,247,.45),0 0 80px rgba(168,85,247,.18);max-width:860px;width:100%}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:900px;margin:0 auto 32px}.quiz-option{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:24px;width:100%;padding:14px 24px;border-radius:18px;font-size:1.25rem;font-weight:700;color:#fff;cursor:pointer;text-align:left;border:2px solid transparent;min-height:75px;line-height:1.35;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,filter .25s ease;animation:tileIdle 3s ease-in-out infinite}.quiz-option:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(255,255,255,.25) 0%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.quiz-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 55%);opacity:0;transition:opacity .25s ease;border-radius:inherit;pointer-events:none}.quiz-option--a{background:linear-gradient(145deg,#7c3aed,#5b21b6);border-color:#a78bfa66;box-shadow:0 8px 24px #6d28d973,inset 0 0 12px #ffffff1a}.quiz-option--b{background:linear-gradient(145deg,#1d4ed8,#1e40af);border-color:#60a5fa66;box-shadow:0 8px 24px #1d4ed873,inset 0 0 12px #ffffff1a}.quiz-option--c{background:linear-gradient(145deg,#ea580c,#c2410c);border-color:#fb923c66;box-shadow:0 8px 24px #ea580c73,inset 0 0 12px #ffffff1a}.quiz-option--d{background:linear-gradient(145deg,#db2777,#be185d);border-color:#f9a8d466;box-shadow:0 8px 24px #db277773,inset 0 0 12px #ffffff1a}.quiz-option:hover:not(:disabled){transform:translateY(-4px) scale(1.03);filter:brightness(1.18)}.quiz-option:hover:not(:disabled):before{opacity:1}.quiz-option:active:not(:disabled){transform:scale(.95);transition-duration:.08s}.quiz-option:active:not(:disabled):after{opacity:1;transform:scale(1.4);transition-duration:.25s}@keyframes tileIdle{0%,to{box-shadow:inherit}50%{filter:brightness(1.06)}}.quiz-option--selected{transform:scale(.97);filter:brightness(1.3);box-shadow:0 0 32px #ffffff40;animation:glowFlash .35s ease}@keyframes glowFlash{0%{box-shadow:0 0 #fff0}50%{box-shadow:0 0 40px #ffffff59}to{box-shadow:0 0 20px #ffffff26}}.quiz-option--correct{background:linear-gradient(145deg,#16a34a,#15803d)!important;border-color:#4ade80!important;box-shadow:0 0 36px #22c55e80!important;color:#fff!important;animation:none!important}.quiz-option--wrong{background:linear-gradient(145deg,#991b1b,#7f1d1d)!important;border-color:#f87171!important;box-shadow:0 0 24px #ef444459!important;color:#fca5a5!important;opacity:.75;animation:none!important}.quiz-option-letter{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;min-width:34px;background:#00000040;border:1.5px solid rgba(255,255,255,.3);border-radius:10px;font-size:14px;font-weight:900;color:#fff;letter-spacing:0;transition:all .2s ease;text-shadow:0 1px 4px rgba(0,0,0,.4)}.quiz-option:hover:not(:disabled) .quiz-option-letter{background:#00000059;border-color:#ffffff8c}.quiz-option--correct .quiz-option-letter{background:#0000004d;border-color:#ffffff80;color:#fff}.quiz-option--wrong .quiz-option-letter{background:#0000004d;border-color:#ff646480;color:#fca5a5}.quiz-option-text{flex:1;text-align:center;font-size:1.25rem;font-weight:700;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.3)}.quiz-feedback-row{display:flex;align-items:center;justify-content:center;width:100%;gap:16px;transition:opacity .2s ease}.quiz-feedback{font-size:1rem;font-weight:700;letter-spacing:.3px;padding:8px 20px;border-radius:99px}.quiz-feedback--correct{color:#86efac;background:#22c55e1a;border:1px solid rgba(34,197,94,.25)}.quiz-feedback--wrong{color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.2)}.quiz-next-btn{margin-top:0}@media (max-width: 640px){.quiz-wrapper{padding:20px 16px;max-width:100%}.quiz-question{font-size:clamp(1.3rem,5vw,1.8rem);margin-bottom:22px}.quiz-options{grid-template-columns:1fr;gap:14px;width:100%}.quiz-option{min-height:72px;padding:16px 18px;font-size:1.1rem}.quiz-option-text{font-size:1.1rem}.quiz-option-letter{width:32px;height:32px;min-width:32px;font-size:13px}.quiz-header{gap:10px;margin-bottom:16px}}.quiz-back{margin-top:16px;font-size:.75rem;padding:6px 16px;opacity:.35;border-color:#ffffff26;box-shadow:none;transition:opacity .25s ease,transform .2s ease}.quiz-back:hover{opacity:.6;transform:translateY(-1px);box-shadow:none}.quiz-result{display:flex;flex-direction:column;align-items:center;gap:12px;animation:slideUp .4s ease both}.quiz-result-icon{font-size:4rem;margin-bottom:8px}.quiz-result-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.quiz-result-score{color:#cbd5e1;font-size:1rem;margin-bottom:24px}.quiz-result-actions{display:flex;flex-direction:row;gap:18px;margin-top:8px;justify-content:center;align-items:center;width:100%}@media (max-width: 500px){.quiz-options{grid-template-columns:1fr}.quiz-feedback-row{flex-direction:column;align-items:flex-start}}.quiz-timer{font-size:.85rem;font-weight:700;color:#888;letter-spacing:.3px;transition:color .3s ease}.quiz-timer--danger{color:#ef4444;font-weight:900;text-shadow:0 0 10px rgba(239,68,68,.5);animation:timerBlink 1s ease-in-out infinite}@keyframes timerBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1);color:#f87171;text-shadow:0 0 15px rgba(239,68,68,.8)}}.quiz-timer-bar{width:100%;height:4px;background-color:#1e1e1e;border-radius:99px;margin-bottom:4px;overflow:hidden}.quiz-timer-bar__fill{height:100%;background:linear-gradient(90deg,#6200ea,#a855f7);border-radius:99px;transition:width .9s linear,background .3s ease}.quiz-timer-bar__fill--danger{background:linear-gradient(90deg,#dc2626,#ef4444);box-shadow:0 0 15px #ef4444cc}.quiz-lives{display:flex;gap:4px}.quiz-heart--lost{opacity:.3;filter:grayscale(1) scale(.9)}.quiz-powerups{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.quiz-powerups{display:flex;gap:20px;justify-content:center;margin-bottom:32px}.powerup-card{background:#ffffff08;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:12px 18px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);min-width:140px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.powerup-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.powerup-card:hover:not(.powerup--used){transform:translateY(-6px) scale(1.04);background:#ffffff14;border-color:#ffffff4d}.powerup-card:hover:not(.powerup--used):before{opacity:1}.powerup-card:active:not(.powerup--used){transform:translateY(-2px) scale(.98)}.powerup-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.powerup-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.powerup-label{font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.powerup-status{font-size:.75rem;font-weight:500;color:#ffffff80}.powerup--freeze:hover:not(.powerup--used){box-shadow:0 8px 25px #38bdf866;border-color:#38bdf866}.powerup--freeze .powerup-icon{filter:drop-shadow(0 0 10px #38bdf8)}.powerup--5050:hover:not(.powerup--used){box-shadow:0 8px 25px #a855f766;border-color:#a855f766}.powerup--5050 .powerup-icon{filter:drop-shadow(0 0 10px #a855f7)}.powerup--life:hover:not(.powerup--used){box-shadow:0 8px 25px #ef444466;border-color:#ef444466}.powerup--life .powerup-icon{filter:drop-shadow(0 0 10px #ef4444)}.powerup--used{opacity:.4;cursor:not-allowed;filter:grayscale(.8);border-color:#ffffff0d}.quiz-wrapper.freeze-active{background-image:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(56,189,248,.1) 0%,transparent 80%);animation:freezeGlitch .2s infinite alternate}.freeze-active .quiz-timer{color:#38bdf8!important;text-shadow:0 0 15px rgba(56,189,248,.8);transform:scale(1.1)}@keyframes freezeGlitch{0%{opacity:.95}to{opacity:1}}.powerup--life:active:not(.powerup--used) .powerup-icon{animation:heartPulse .4s ease-out}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.quiz-heart--lost{opacity:.25;filter:grayscale(100%)}.quiz-result-title--gameover{color:#ef4444}.quiz-streak-display{text-align:center;font-weight:700;color:#ff9800;margin-top:8px;animation:streakBounce .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes streakBounce{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes strikeRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.quiz-cat-page{width:100%;max-width:1200px;padding:0 8px}.quiz-cat-header{text-align:center;margin-bottom:40px}.quiz-cat-page-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;margin:0 0 10px;background:linear-gradient(135deg,#fff,#a855f7 60%,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(168,85,247,.35));letter-spacing:-.5px}.quiz-cat-page-sub{font-size:1rem;color:#94a3b8;font-weight:500;letter-spacing:.3px;margin:0}.quiz-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%;max-width:1200px;margin:0 auto}.quiz-category-grid--single{display:flex;justify-content:center;align-items:flex-start}.quiz-category-grid--single .quiz-category-card{max-width:540px;width:100%;padding:48px 40px;border-color:#ffffff26;box-shadow:0 0 40px #a855f726,0 8px 32px #0006}.quiz-category-card{position:relative;overflow:hidden;background:#ffffff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.08);border-radius:20px;padding:28px 20px 24px;cursor:pointer;opacity:0;animation:fadeUpStagger .5s ease-out forwards;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease,background .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.quiz-cat-glow-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 30%,var(--card-color, rgba(168,85,247,.2)),transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0}.quiz-category-card:hover .quiz-cat-glow-layer,.quiz-category-card.quiz-cat-selected .quiz-cat-glow-layer{opacity:1}.quiz-category-icon,.quiz-category-title,.quiz-category-desc,.quiz-cat-selected-badge{position:relative;z-index:1}.quiz-category-card:hover{transform:translateY(-10px) scale(1.04);border-color:var(--card-color, rgba(168, 85, 247, .5));box-shadow:0 0 20px var(--card-color, rgba(168,85,247,.35)),0 0 50px color-mix(in srgb,var(--card-color, rgba(168,85,247,.2)) 40%,transparent),0 16px 40px #0006;background:#ffffff0f}.quiz-category-card.quiz-cat-selected{transform:translateY(-8px) scale(1.03);border:2px solid var(--card-color, #a855f7);box-shadow:0 0 25px var(--card-color, rgba(168,85,247,.5)),0 0 55px color-mix(in srgb,var(--card-color, rgba(168,85,247,.3)) 50%,transparent),0 12px 36px #00000073}.quiz-category-card:active{transform:translateY(-2px) scale(.97);transition-duration:.1s}.quiz-category-icon{font-size:3rem;margin-bottom:8px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s ease;display:block;line-height:1}.quiz-category-card:hover .quiz-category-icon{transform:scale(1.15) translateY(-6px);filter:drop-shadow(0 0 12px var(--card-color, rgba(168,85,247,.7)))}.quiz-category-card.quiz-cat-selected .quiz-category-icon{filter:drop-shadow(0 0 15px var(--card-color, rgba(168,85,247,.9)))}.quiz-category-title{font-size:1.05rem;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:.2px}.quiz-category-desc{font-size:.78rem;color:#94a3b8;margin:0;line-height:1.4}.quiz-cat-selected-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 12px;border-radius:999px;background:var(--card-color, rgba(168,85,247,.25));border:1px solid var(--card-color, rgba(168,85,247,.5));font-size:.72rem;font-weight:800;letter-spacing:.5px;color:#fff;animation:badgeIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes badgeIn{0%{opacity:0;transform:scale(.7) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.quiz-cat-cta-wrap{width:100%;display:flex;justify-content:center;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin .3s ease;margin-top:0}.quiz-cat-cta-wrap--visible{max-height:100px;opacity:1;margin-top:36px}.quiz-cat-cta-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 44px;background:linear-gradient(270deg,var(--cta-color, #a855f7),color-mix(in srgb,var(--cta-color, #a855f7) 60%,#6366f1),var(--cta-color, #a855f7));background-size:300% 100%;animation:ctaGradientShift 4s ease infinite;color:#fff;border:none;border-radius:999px;font-size:1.05rem;font-weight:800;font-family:inherit;letter-spacing:.5px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 0 16px var(--cta-color, rgba(168,85,247,.5)),0 6px 28px #0000004d}@keyframes ctaGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.quiz-cat-cta-btn:hover{transform:scale(1.06);box-shadow:0 0 28px var(--cta-color, rgba(168,85,247,.7)),0 8px 32px #0000004d}.quiz-cat-cta-btn:active{transform:scale(.96);transition-duration:.08s}.quiz-cat-cta-rocket{font-size:1.2rem;animation:rocketBob 1.5s ease-in-out infinite}@keyframes rocketBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(8deg)}}.quiz-difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;width:100%;max-width:1400px;margin:0 auto;animation:slideUpFadeIn .5s ease-out forwards}.quiz-difficulty-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 20px;text-align:center;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .3s ease;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.quiz-difficulty-card:active{transform:scale(.98)!important}.quiz-difficulty-card--easy:hover,.quiz-difficulty-card.active--easy{transform:scale(1.05) translateY(-2px);box-shadow:0 10px 20px #22c55e66;border-color:#22c55ecc}.quiz-difficulty-card.active--easy{border-width:2px;background-color:#22c55e0d}.quiz-difficulty-card--easy .quiz-difficulty-title{color:#22c55e}.quiz-difficulty-card--medium:hover,.quiz-difficulty-card.active--medium{transform:scale(1.05) translateY(-2px);box-shadow:0 10px 20px #eab30866;border-color:#eab308cc}.quiz-difficulty-card.active--medium{border-width:2px;background-color:#eab3080d}.quiz-difficulty-card--medium .quiz-difficulty-title{color:#eab308}.quiz-difficulty-card--hard:hover,.quiz-difficulty-card.active--hard{transform:scale(1.05) translateY(-2px);box-shadow:0 10px 20px #ef444466;border-color:#ef4444cc}.quiz-difficulty-card.active--hard{border-width:2px;background-color:#ef44440d}.quiz-difficulty-card--hard .quiz-difficulty-title{color:#ef4444}.quiz-difficulty-icon{font-size:2.5rem;line-height:1}.quiz-difficulty-title{font-size:1.4rem;font-weight:800;margin:0}.quiz-difficulty-desc{font-size:.85rem;color:#94a3b8;margin:0;line-height:1.4;flex-grow:1}.quiz-difficulty-time{font-size:.9rem;font-weight:600;color:#cbd5e1;background:#ffffff0d;padding:6px 12px;border-radius:8px;margin-top:4px}.start-glow-btn{background:#a855f7;color:#fff;border:none;font-weight:700;transition:all .3s ease}.start-glow-btn:not(:disabled){box-shadow:0 0 15px #a855f799;animation:pulseGlow 2s infinite alternate}.start-glow-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 25px #a855f7e6}.btn-disabled{opacity:.5;cursor:not-allowed;background:#ffffff14!important;color:#fff6}@keyframes pulseGlow{0%{box-shadow:0 0 10px #a855f766}to{box-shadow:0 0 20px #a855f7cc}}.section-heading{text-transform:uppercase;font-size:.8rem;letter-spacing:3px;color:#a855f7;font-weight:700;margin-bottom:8px}.section-tagline{font-size:.95rem;color:#94a3b8;font-weight:400;margin-bottom:48px;letter-spacing:.2px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;width:100%;max-width:1100px;padding-bottom:100px}.game-card{background:#ffffff05;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;box-shadow:0 4px 30px #0006;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;animation:fadeUpStagger .55s ease-out forwards;transition:all .35s ease;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,var(--glow-color, rgba(168,85,247,.15)),transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}.game-card:hover:before{opacity:1}@keyframes fadeUpStagger{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-card:hover{transform:translateY(-10px) scale(1.03);border-color:#ffffff2e;background:#ffffff0a;box-shadow:0 0 30px var(--glow-color),0 0 60px color-mix(in srgb,var(--glow-color) 50%,transparent),0 20px 40px #00000080}.game-card:active{transform:translateY(-4px) scale(.98)}.card-icon{font-size:4rem;line-height:1;margin-bottom:12px;transition:transform .3s ease,filter .3s ease;display:block}.game-card:hover .card-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 18px var(--glow-color))}.card-title{font-size:1.4rem;font-weight:800;letter-spacing:.5px;color:#fff;margin:0}.card-desc{font-size:.95rem;color:#cbd5e1;line-height:1.5;margin:0 0 12px;font-weight:400;flex-grow:1}.card-play-btn{margin-top:16px;padding:11px 32px;background:linear-gradient(135deg,var(--btn-glow, rgba(168,85,247,.8)) 0%,color-mix(in srgb,var(--btn-glow, rgba(168,85,247,.8)) 70%,#000) 100%);color:#fff;border:none;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;transition:all .25s ease;box-shadow:0 4px 15px var(--btn-glow, rgba(168,85,247,.4));white-space:nowrap}.card-play-btn:hover{transform:scale(1.08);box-shadow:0 0 20px var(--btn-glow, rgba(168,85,247,.6)),0 0 40px color-mix(in srgb,var(--btn-glow, rgba(168,85,247,.4)) 50%,transparent);filter:brightness(1.15)}.card-play-btn:active{transform:scale(.96);transition-duration:.08s}.game-card:hover .card-play-btn{transform:scale(1.05)}.quiz-level-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f7,#6200ea);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:4px 10px;min-width:60px;box-shadow:0 0 15px #a855f766}.lvl-text{font-size:.65rem;font-weight:800;opacity:.8;letter-spacing:1px}.lvl-num{font-size:1.2rem;font-weight:900;line-height:1}.quiz-xp-container{width:100%;margin:16px 0 24px;display:flex;flex-direction:column;gap:6px}.quiz-xp-label{font-size:.7rem;font-weight:800;color:#a855f7;letter-spacing:1.5px;text-align:left}.quiz-xp-bar{width:100%;height:8px;background:#ffffff0d;border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.quiz-xp-fill{height:100%;background:linear-gradient(90deg,#a855f7,#ec4899);box-shadow:0 0 15px #a855f780;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.quiz-xp-values{font-size:.75rem;font-weight:600;color:#fff6;text-align:right}.levelup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:grid;place-items:center;animation:fadeIn .3s ease-out both}.levelup-content{text-align:center;animation:levelupPop .6s cubic-bezier(.175,.885,.32,1.275) both}.levelup-stars{font-size:3rem;margin-bottom:16px;filter:drop-shadow(0 0 10px gold)}.levelup-title{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f59e0b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;letter-spacing:-1px}.levelup-new{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:12px}.levelup-reward{font-size:1rem;color:#a855f7;font-weight:600;text-transform:uppercase;letter-spacing:2px;animation:pulse 2s infinite}@keyframes levelupPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.quiz-shake{animation:quizShake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes quizShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.quiz-correct-glow{position:relative}.quiz-correct-glow:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:20px;background:#22c55e33;box-shadow:0 0 30px #22c55e66;z-index:-1;animation:glowPulse .6s ease-out}@keyframes glowPulse{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1.1);opacity:0}}.result-fade-in{animation:resultFadeIn .8s cubic-bezier(.16,1,.3,1) both}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.strategy-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.strategy-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:32px;max-width:900px;width:100%;text-align:center;box-shadow:0 20px 50px #00000080;animation:slideUpFadeIn .5s cubic-bezier(.16,1,.3,1)}.strategy-title{font-size:2.5rem;font-weight:900;letter-spacing:4px;margin-bottom:8px;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.strategy-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px 20px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.strategy-card:hover{transform:translateY(-10px) scale(1.05);background:#ffffff14}.strategy--skip:hover{border-color:#94a3b8;box-shadow:0 0 30px #94a3b84d}.strategy--double:hover{border-color:#ef4444;box-shadow:0 0 30px #ef44444d}.strategy--intel:hover{border-color:#facc15;box-shadow:0 0 30px #facc154d}.strategy-icon{font-size:3rem;margin-bottom:16px}.strategy-label{font-size:1.2rem;font-weight:800;margin-bottom:8px}.strategy-penalty{font-size:.85rem;color:#ef4444;font-weight:600}.strategy-bonus{font-size:.85rem;color:#22c55e;font-weight:600}.category-mastery{margin-top:16px;width:100%}.mastery-label{font-size:.75rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;text-align:left}.mastery-bar{height:6px;background:#ffffff0d;border-radius:99px;overflow:hidden;margin-bottom:10px}.mastery-fill{height:100%;border-radius:99px;transition:width 1s ease-in-out}.quiz-option--intel-hint{border-color:#facc15!important;box-shadow:0 0 15px #facc1566!important;background-color:#facc151a!important}@media (max-width: 768px){.strategy-grid{grid-template-columns:1fr}}.ipl-year-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;width:100%;max-width:860px;margin:0 auto}@media (max-width: 600px){.ipl-year-grid{grid-template-columns:repeat(3,1fr);gap:10px}}.ipl-year-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px 10px 14px;border-radius:16px;border:1px solid rgba(249,115,22,.15);background:linear-gradient(145deg,#f973160f,#dc26260a);cursor:pointer;opacity:0;animation:fadeUpStagger .5s ease-out forwards;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s ease,border-color .3s ease,background .3s ease;will-change:transform;-webkit-user-select:none;user-select:none}.ipl-year-card:hover{transform:translateY(-6px) scale(1.06);border-color:#f9731699;background:linear-gradient(145deg,#f973162e,#dc26261f);box-shadow:0 10px 30px #f973164d}.ipl-year-card:active{transform:scale(.96);transition-duration:.1s}.ipl-year-card--selected{border-color:#f97316!important;background:linear-gradient(145deg,#f9731647,#dc26262e)!important;box-shadow:0 0 0 2px #f97316,0 10px 35px #f9731673!important;transform:translateY(-4px) scale(1.04)}.ipl-year-trophy{font-size:1.4rem;line-height:1;filter:drop-shadow(0 0 8px rgba(249,115,22,.6));transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.ipl-year-card:hover .ipl-year-trophy,.ipl-year-card--selected .ipl-year-trophy{transform:scale(1.25) translateY(-2px)}.ipl-year-label{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:.5px}.ipl-year-card--selected .ipl-year-label{color:#f97316;text-shadow:0 0 12px rgba(249,115,22,.6)}.ipl-year-season{font-size:.68rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.8px}.ipl-year-card--selected .ipl-year-season{color:#f97316b3}.ipl-mode-timer .quiz-timer-bar__fill:not(.quiz-timer-bar__fill--danger){background:linear-gradient(90deg,#dc2626,#f97316)}.ipl-year-card--new{border-color:#facc1559!important;background:linear-gradient(145deg,#f973161a,#facc1514)!important;box-shadow:0 0 18px #facc1526}.ipl-year-card--new:hover{border-color:#facc15b3!important;box-shadow:0 12px 30px #facc154d!important}.ipl-new-badge{position:absolute;top:-10px;right:-6px;background:linear-gradient(135deg,#f97316,#facc15);color:#000;font-size:.55rem;font-weight:800;letter-spacing:.5px;padding:2px 7px;border-radius:100px;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px #f9731680;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 2px 8px #f9731680}50%{box-shadow:0 2px 16px #facc15cc}}.ipl-year-card{position:relative}.ipl-mode-toggle{display:flex;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:4px;margin-bottom:24px}.ipl-mode-btn{flex:1;padding:10px 24px;border:none;border-radius:100px;background:transparent;color:#64748b;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s ease;white-space:nowrap}.ipl-mode-btn--active{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;box-shadow:0 4px 16px #f9731673}.ipl-dashboard{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:0 16px 48px;overflow:hidden;animation:slideUp .35s ease both}.ipl-stadium-glow{position:fixed;top:-120px;left:50%;transform:translate(-50%);width:700px;height:300px;background:radial-gradient(ellipse at center,rgba(249,115,22,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.ipl-stadium-glow--2{top:auto;bottom:-80px;background:radial-gradient(ellipse at center,rgba(220,38,38,.08) 0%,transparent 70%)}.ipl-dash-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px;gap:12px}.ipl-dash-title-badge{display:inline-block;padding:4px 14px;background:#f9731626;border:1px solid rgba(249,115,22,.35);border-radius:100px;color:#f97316;font-size:.7rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.ipl-dash-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:#fff;margin:0}.ipl-dash-subtitle{font-size:.85rem;color:#64748b;margin:4px 0 0}.ipl-tab-row{position:relative;z-index:1;display:flex;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:4px;margin-bottom:20px;width:100%;max-width:400px}.ipl-tab-btn{flex:1;padding:10px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.ipl-tab-btn--active{background:#f973162e;color:#f97316;border:1px solid rgba(249,115,22,.3)}.ipl-filter-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;justify-content:center}.ipl-filter-pill{padding:6px 18px;border-radius:100px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#94a3b8;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.ipl-filter-pill:hover{border-color:#f9731666;color:#f97316}.ipl-filter-pill--active{background:#f973162e;border-color:#f9731680;color:#f97316}.ipl-matches-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:14px;width:100%}@media (min-width: 640px){.ipl-matches-grid{grid-template-columns:repeat(2,1fr)}}.ipl-match-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .3s ease;animation:fadeUpStagger .4s ease-out both}.ipl-match-card:hover:not(.ipl-match-card--completed){transform:translateY(-4px);border-color:#f973164d;box-shadow:0 10px 30px #f9731626}.ipl-match-card--live{border-color:#ef444466!important;background:#ef44440f!important;animation:fadeUpStagger .4s ease-out both,liveCardPulse 3s ease-in-out infinite}@keyframes liveCardPulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 24px 4px #ef444440}}.ipl-match-card--completed{opacity:.75;cursor:default}.ipl-match-card--completed:hover{transform:none!important;box-shadow:none!important}.ipl-match-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ipl-badge-live{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;background:#ef44442e;border:1px solid rgba(239,68,68,.4);border-radius:100px;color:#ef4444;font-size:.65rem;font-weight:800;letter-spacing:1.5px}.ipl-live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:liveDotPulse 1s ease-in-out infinite;@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes liveRingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes diffBadgeIn{0%{opacity:0;transform:scale(.7) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes firePulse{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 20px 4px #f9731666}}@keyframes readyGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes countPop{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes multPop{0%{transform:scale(0) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes timerShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes ptsFloat{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-60px)}}@keyframes tapPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.6)}}@keyframes answerSlideIn{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rankBounce{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes ladderGlow{0%,to{box-shadow:0 0 16px #f9731633}50%{box-shadow:0 0 28px #f9731673}}}.ipl-live-dot .ipl-badge-upcoming{padding:2px 10px;background:#f973161f;border:1px solid rgba(249,115,22,.25);border-radius:100px;color:#f97316;font-size:.65rem;font-weight:700;letter-spacing:1px}.ipl-live-dot .ipl-badge-completed{padding:2px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:100px;color:#22c55e;font-size:.65rem;font-weight:700;letter-spacing:1px}.ipl-live-dot .ipl-match-date{margin-left:auto;font-size:.72rem;color:#64748b;font-weight:500}.ipl-live-dot .ipl-match-teams{display:flex;align-items:center;justify-content:space-between;gap:12px}.ipl-live-dot .ipl-match-team{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.ipl-live-dot .ipl-match-team--away{align-items:center}.ipl-live-dot .ipl-team-flag{font-size:1.8rem;line-height:1}.ipl-live-dot .ipl-team-short{font-size:1.1rem;font-weight:800;letter-spacing:.5px}.ipl-live-dot .ipl-match-score{font-size:.78rem;color:#94a3b8;font-weight:600;font-variant-numeric:tabular-nums}.ipl-live-dot .ipl-live-score{color:#ef4444;animation:liveDotPulse 1.5s ease-in-out infinite}.ipl-live-dot .ipl-winner-chip{font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:100px;color:#fff;letter-spacing:1px}.ipl-live-dot .ipl-vs-divider{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.ipl-live-dot .ipl-vs-text{font-size:.7rem;font-weight:800;color:#475569;letter-spacing:2px}.ipl-live-dot .ipl-vs-live-ring{width:10px;height:10px;border-radius:50%;border:2px solid #ef4444;animation:liveRingPulse 1.2s ease-in-out infinite}.ipl-live-dot .ipl-match-venue{font-size:.72rem;color:#475569;text-align:center;margin:0}.ipl-live-dot .ipl-match-predict-cta{text-align:center;font-size:.78rem;font-weight:700;color:#f97316;padding:6px;border-top:1px solid rgba(249,115,22,.15);transition:color .2s ease}.ipl-live-dot .ipl-match-predict-cta--live{color:#ef4444}.ipl-live-dot .ipl-match-card:hover .ipl-match-predict-cta{color:#fb923c}.ipl-live-dot .ipl-section-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:.3px}.ipl-live-dot .ipl-points-table{position:relative;z-index:1;width:100%;animation:slideUp .35s ease both}.ipl-live-dot .ipl-table{width:100%;border-collapse:collapse;font-size:.85rem}.ipl-live-dot .ipl-table th{padding:10px 12px;text-align:left;color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}.ipl-live-dot .ipl-table td{padding:12px;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.04)}.ipl-live-dot .ipl-table-row--playoff{background:#f973160a}.ipl-live-dot .ipl-table-pos{color:#64748b;font-weight:600}.ipl-live-dot .ipl-table-team{display:flex;align-items:center;gap:8px;font-weight:700;color:#f1f5f9}.ipl-live-dot .ipl-table-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ipl-live-dot .ipl-nrr-pos{color:#22c55e;font-weight:600}.ipl-live-dot .ipl-nrr-neg{color:#ef4444;font-weight:600}.ipl-live-dot .ipl-table-note{font-size:.72rem;color:#475569;margin-top:10px;text-align:center}.ipl-live-dot .ipl-predictor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.ipl-live-dot .ipl-predictor-modal{position:relative;background:#14151a;border:1px solid rgba(249,115,22,.25);border-radius:20px;padding:28px 24px;width:100%;max-width:440px;box-shadow:0 24px 60px #0009,0 0 60px #f9731614;animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:16px}.ipl-live-dot .ipl-predictor-close{position:absolute;top:14px;right:14px;background:#ffffff0f;border:none;border-radius:50%;width:28px;height:28px;color:#64748b;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.ipl-live-dot .ipl-predictor-close:hover{background:#ffffff1f;color:#fff}.ipl-live-dot .ipl-predictor-header{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.4rem;font-weight:800}.ipl-live-dot .ipl-predictor-vs{font-size:.75rem;color:#475569;font-weight:700;letter-spacing:2px}.ipl-live-dot .ipl-predictor-date{text-align:center;font-size:.8rem;color:#64748b;margin:-8px 0 0}.ipl-live-dot .ipl-predictor-section{display:flex;flex-direction:column;gap:10px}.ipl-live-dot .ipl-predictor-q{font-size:.9rem;font-weight:700;color:#e2e8f0;margin:0}.ipl-live-dot .ipl-predictor-choices{display:flex;gap:10px}.ipl-live-dot .ipl-pred-btn{flex:1;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0a;color:#94a3b8;font-weight:700;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s ease}.ipl-live-dot .ipl-pred-btn:hover{border-color:var(--pc);color:var(--pc)}.ipl-live-dot .ipl-pred-btn--selected{border-color:var(--pc)!important;background:color-mix(in srgb,var(--pc) 15%,transparent)!important;color:var(--pc)!important;box-shadow:0 0 16px color-mix(in srgb,var(--pc) 30%,transparent)}.ipl-live-dot .ipl-predictor-ranges{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ipl-live-dot .ipl-range-btn{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#94a3b8;font-weight:600;font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:center}.ipl-live-dot .ipl-range-btn:hover{border-color:#f9731666;color:#f97316}.ipl-live-dot .ipl-range-btn--selected{border-color:#f97316!important;background:#f9731626!important;color:#f97316!important}.ipl-live-dot .ipl-pred-submit{padding:13px;background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #f9731659}.ipl-live-dot .ipl-pred-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.ipl-live-dot .ipl-pred-submit--disabled{background:#ffffff14!important;color:#475569!important;cursor:not-allowed;box-shadow:none;transform:none!important}.ipl-live-dot .ipl-pred-result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0}.ipl-live-dot .ipl-pred-result-title{font-size:1.3rem;font-weight:800;color:#fff;margin:0}.ipl-live-dot .ipl-diff-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;animation:diffBadgeIn .35s cubic-bezier(.175,.885,.32,1.275) both;transition:all .3s ease}.ipl-live-dot .ipl-diff--easy{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#22c55e;box-shadow:0 0 12px #22c55e26}.ipl-live-dot .ipl-diff--medium{background:#eab30826;border:1px solid rgba(234,179,8,.35);color:#eab308;box-shadow:0 0 12px #eab30826}.ipl-live-dot .ipl-diff--hard{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#ef4444;box-shadow:0 0 12px #ef444426}.ipl-live-dot .quiz-streak-display--ipl-fire{background:linear-gradient(135deg,#f9731633,#ef444433);border:1px solid rgba(249,115,22,.4);border-radius:100px;padding:4px 16px;font-size:1rem;font-weight:800;color:#f97316;text-shadow:0 0 16px rgba(249,115,22,.6);animation:streakBounce .4s cubic-bezier(.175,.885,.32,1.275),firePulse 1.5s ease-in-out infinite}.ipl-live-dot .ipl-mode-btn--rapid.ipl-mode-btn--active{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;box-shadow:0 4px 16px #a855f780!important}.ipl-live-dot .rf-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:0 16px 32px;animation:slideUp .35s ease both;min-height:560px}.ipl-live-dot .rf-screen--ready{justify-content:center;position:relative;overflow:hidden}.ipl-live-dot .rf-ready-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(ellipse at center,rgba(168,85,247,.15) 0%,transparent 65%);pointer-events:none;animation:readyGlowPulse 1.2s ease-in-out infinite}.ipl-live-dot .rf-ready-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;position:relative;z-index:1}.ipl-live-dot .rf-mode-badge{padding:5px 18px;background:#a855f733;border:1px solid rgba(168,85,247,.4);border-radius:100px;color:#a855f7;font-size:.75rem;font-weight:800;letter-spacing:3px;text-transform:uppercase}.ipl-live-dot .rf-ready-title{font-size:2.2rem;font-weight:800;color:#fff;margin:0}.ipl-live-dot .rf-ready-count{font-size:6rem;font-weight:900;line-height:1;background:linear-gradient(135deg,#f97316,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countPop .4s cubic-bezier(.175,.885,.32,1.275) both}.ipl-live-dot .rf-ready-sub{color:#64748b;font-size:.9rem;margin:0}.ipl-live-dot .rf-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px;gap:8px}.ipl-live-dot .rf-score-box,.ipl-live-dot .rf-streak-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.ipl-live-dot .rf-score-val{font-size:1.6rem;font-weight:900;color:#f97316;line-height:1;transition:all .2s ease}.ipl-live-dot .rf-score-label,.ipl-live-dot .rf-streak-label{font-size:.6rem;font-weight:700;color:#475569;letter-spacing:1.5px;text-transform:uppercase}.ipl-live-dot .rf-streak-val{font-size:1.1rem;font-weight:800;color:#ef4444;line-height:1}.ipl-live-dot .rf-mult-badge{display:inline-block;padding:1px 8px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:.65rem;font-weight:800;border-radius:100px;letter-spacing:.5px;animation:multPop .4s cubic-bezier(.175,.885,.32,1.275) both}.ipl-live-dot .rf-timer-block{position:relative;width:72px;height:72px;flex-shrink:0}.ipl-live-dot .rf-timer-block--danger{animation:timerShake .5s ease-in-out infinite}.ipl-live-dot .rf-timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.ipl-live-dot .rf-ring-bg{fill:none;stroke:#ffffff12;stroke-width:4}.ipl-live-dot .rf-ring-fill{fill:none;stroke:#f97316;stroke-width:4;stroke-linecap:round}.ipl-live-dot .rf-ring-fill--danger{stroke:#ef4444}.ipl-live-dot .rf-timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;color:#fff}.ipl-live-dot .rf-timer-block--danger .rf-timer-num{color:#ef4444}.ipl-live-dot .rf-timer-bar{width:100%;height:4px;background:#ffffff0f;border-radius:100px;overflow:hidden;margin-bottom:16px}.ipl-live-dot .rf-timer-bar-fill{height:100%;background:linear-gradient(90deg,#f97316,#fbbf24);border-radius:100px}.ipl-live-dot .rf-timer-bar-fill--danger{background:linear-gradient(90deg,#ef4444,#f97316)}.ipl-live-dot .rf-pts-popup{position:absolute;left:50%;top:120px;transform:translate(-50%);font-size:1.6rem;font-weight:900;color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.6);pointer-events:none;animation:ptsFloat .9s ease-out forwards;z-index:9}.ipl-live-dot .rf-q-card{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;min-height:200px;justify-content:center;position:relative;transition:transform .2s ease,border-color .3s ease,box-shadow .3s ease;margin-bottom:16px}.ipl-live-dot .rf-q-card--interactive{cursor:pointer;border-color:#a855f733}.ipl-live-dot .rf-q-card--interactive:hover{transform:scale(1.01);border-color:#a855f766;box-shadow:0 8px 32px #a855f71f}.ipl-live-dot .rf-q-card--revealed{border-color:#22c55e40;background:#22c55e0a}.ipl-live-dot .rf-q-year-tag{font-size:.7rem;font-weight:700;color:#f97316;letter-spacing:1px;text-transform:uppercase;background:#f973161a;padding:3px 12px;border-radius:100px;border:1px solid rgba(249,115,22,.2)}.ipl-live-dot .rf-q-text{font-size:1.15rem;font-weight:700;color:#f1f5f9;line-height:1.5;margin:0}.ipl-live-dot .rf-tap-hint{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#64748b;font-weight:500}.ipl-live-dot .rf-tap-pulse{width:8px;height:8px;border-radius:50%;background:#a855f7;animation:tapPulse 1s ease-in-out infinite}.ipl-live-dot .rf-answer-reveal{display:flex;flex-direction:column;align-items:center;gap:6px;animation:answerSlideIn .3s cubic-bezier(.175,.885,.32,1.275) both}.ipl-live-dot .rf-answer-label{font-size:.65rem;font-weight:700;color:#22c55e;letter-spacing:2px;text-transform:uppercase}.ipl-live-dot .rf-answer-text{font-size:1.4rem;font-weight:800;color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.4)}.ipl-live-dot .rf-answer-row{display:flex;gap:12px;width:100%;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275) both}.ipl-live-dot .rf-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:none;border-radius:14px;font-family:inherit;font-weight:800;font-size:.95rem;cursor:pointer;transition:transform .15s ease,filter .15s ease;position:relative;overflow:hidden}.ipl-live-dot .rf-btn:active{transform:scale(.97)}.ipl-live-dot .rf-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.ipl-live-dot .rf-btn--got{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 4px 16px #22c55e59}.ipl-live-dot .rf-btn--miss{background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;box-shadow:0 4px 16px #ef444459}.ipl-live-dot .rf-btn-icon{font-size:1.4rem;line-height:1}.ipl-live-dot .rf-btn-pts{font-size:.7rem;opacity:.75;font-weight:600}.ipl-live-dot .rf-screen--done{justify-content:flex-start;padding-top:8px}.ipl-live-dot .rf-done-rank-icon{font-size:4rem;line-height:1;animation:rankBounce .6s cubic-bezier(.175,.885,.32,2.5) both;margin-bottom:4px}.ipl-live-dot .rf-done-rank-label{font-size:2.2rem;font-weight:900;margin:0 0 4px}.ipl-live-dot .rf-done-rank-desc{color:#94a3b8;font-size:.9rem;margin:0 0 24px}.ipl-live-dot .rf-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-bottom:20px}.ipl-live-dot .rf-stat{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.ipl-live-dot .rf-stat-val{font-size:1.3rem;font-weight:800;line-height:1}.ipl-live-dot .rf-stat-label{font-size:.6rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.ipl-live-dot .rf-rank-ladder{display:flex;gap:6px;width:100%;margin-bottom:16px}.ipl-live-dot .rf-ladder-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;opacity:.45;transition:all .3s ease}.ipl-live-dot .rf-ladder-step--passed{opacity:.7;border-color:#ffffff1f;background:#ffffff0d}.ipl-live-dot .rf-ladder-step--current{opacity:1;border-color:#f9731680;background:#f973161a;box-shadow:0 0 16px #f9731633;animation:ladderGlow 1.5s ease-in-out infinite}.ipl-live-dot .rf-ladder-icon{font-size:1.4rem;line-height:1}.ipl-live-dot .rf-ladder-name{font-size:.6rem;font-weight:700;color:#94a3b8}.ipl-live-dot .rf-ladder-score{font-size:.55rem;color:#475569}.ipl-live-dot .rf-multiplier-note{font-size:.75rem;color:#475569;text-align:center;margin:0 0 20px}.ipl-live-dot .rf-done-actions{display:flex;gap:12px;width:100%}.ipl-live-dot .rf-play-again-btn{flex:1;padding:14px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:12px;font-weight:800;font-size:1rem;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #a855f766}.ipl-live-dot .rf-play-again-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 24px #a855f780}.difficulty-group{display:flex;gap:12px;justify-content:center;margin-bottom:32px;background:#ffffff08;padding:8px;border-radius:999px;width:fit-content;margin-left:auto;margin-right:auto;border:1px solid rgba(255,255,255,.05)}.difficulty-btn{padding:8px 24px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#bbb;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:100px}.difficulty-btn:hover{color:#fff;border-color:#a855f799;box-shadow:0 0 12px #a855f74d;background:#a855f71a}.difficulty-btn.active{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;box-shadow:0 0 20px #a855f799;transform:scale(1.05)}.difficulty-btn:active{transform:scale(.95)}.subcategory-play-btn{margin-top:20px;width:70%;max-width:260px;padding:12px 0;margin-left:auto;margin-right:auto;border-radius:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;letter-spacing:.5px}.subcategory-play-btn:hover{background:var(--card-color, rgba(168, 85, 247, .6));box-shadow:0 0 20px var(--card-color, rgba(168, 85, 247, .4));transform:translateY(-2px) scale(1.02);border-color:transparent}.ready-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:120px;height:calc(100vh - 80px);gap:16px;text-align:center}.ready-title{font-size:8rem;font-weight:900;margin:0;line-height:1}.ready-subtitle{font-size:1.5rem;color:#cbd5e1;text-transform:uppercase;letter-spacing:4px}.ecm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:ecm-fade-in .18s ease forwards}@keyframes ecm-fade-in{0%{opacity:0}to{opacity:1}}.ecm-card{background:linear-gradient(145deg,#0f0f1e,#0a0a14);border:1px solid rgba(168,85,247,.35);border-radius:24px;padding:40px 36px 32px;max-width:400px;width:100%;text-align:center;box-shadow:0 0 0 1px #a855f71f,0 0 40px #a855f72e,0 24px 64px #0009;animation:ecm-scale-in .2s cubic-bezier(.34,1.56,.64,1) forwards;position:relative;overflow:hidden}.ecm-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.6),transparent)}@keyframes ecm-scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.ecm-icon{font-size:3rem;margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(250,204,21,.4));animation:ecm-pulse 2s ease-in-out infinite}@keyframes ecm-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ecm-title{font-size:1.6rem;font-weight:900;color:#f8fafc;margin:0 0 10px;letter-spacing:.5px;font-family:Inter,system-ui,sans-serif}.ecm-subtitle{font-size:.95rem;color:#94a3b8;line-height:1.6;margin:0 0 28px;font-family:Inter,system-ui,sans-serif}.ecm-actions{display:flex;gap:12px;justify-content:center}.ecm-btn{flex:1;max-width:160px;padding:13px 20px;border-radius:999px;font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:all .25s ease;font-family:Inter,system-ui,sans-serif;letter-spacing:.3px}.ecm-btn--danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.35)}.ecm-btn--danger:hover{background:#ef4444e6;color:#fff;border-color:transparent;box-shadow:0 0 18px #ef444473;transform:translateY(-2px)}.ecm-btn--danger:active{transform:scale(.96)}.ecm-btn--primary{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border:none;box-shadow:0 4px 14px #a855f759}.ecm-btn--primary:hover{filter:brightness(1.12);box-shadow:0 6px 20px #a855f78c;transform:translateY(-2px)}.ecm-btn--primary:active{transform:scale(.96)}@media (max-width: 480px){.ecm-card{padding:32px 24px 28px}.ecm-actions{flex-direction:column;align-items:center}.ecm-btn{max-width:100%;width:100%}}.mm-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:10px 24px 40px;min-height:100dvh;animation:mmSlideUp .35s ease both}@keyframes mmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mm-screen--start,.mm-screen--modes{max-width:1000px;justify-content:center;position:relative;overflow:hidden}.mm-start-glow{position:fixed;border-radius:50%;pointer-events:none;filter:blur(80px);z-index:0}.mm-start-glow--1{width:400px;height:400px;top:-100px;left:-100px;background:radial-gradient(circle,rgba(56,189,248,.12),transparent 70%);animation:glowFloat1 8s ease-in-out infinite}.mm-start-glow--2{width:350px;height:350px;bottom:-80px;right:-80px;background:radial-gradient(circle,rgba(168,85,247,.1),transparent 70%);animation:glowFloat2 10s ease-in-out infinite}@keyframes glowFloat1{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes glowFloat2{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}.mm-start-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.mm-logo{font-size:4.5rem;line-height:1;animation:logoJiggle 3s ease-in-out infinite}@keyframes logoJiggle{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.08)}}.mm-start-title{font-size:clamp(2rem,6vw,3rem);font-weight:900;margin:0;background:linear-gradient(135deg,#38bdf8 20%,#818cf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.mm-start-sub{color:#64748b;font-size:1rem;margin:-8px 0 0}.mm-best-badge{padding:6px 20px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:100px;color:#f59e0b;font-size:.85rem;font-weight:700}.mm-start-btn{padding:15px 48px;background:linear-gradient(135deg,#38bdf8,#818cf8);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 6px 24px #38bdf859;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.mm-start-btn:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.1);box-shadow:0 10px 32px #38bdf880}.mm-start-btn:active{transform:scale(.98)}.mm-title{font-size:clamp(2rem,6vw,3rem);font-weight:900;margin:0;background:linear-gradient(135deg,#38bdf8 20%,#818cf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;text-align:center;position:relative;z-index:1}.mm-subtitle{color:#94a3b8;font-size:1rem;margin:4px 0 24px;text-align:center}.mm-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;position:relative;z-index:1}.mm-mode-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1);color:#fff;font-family:inherit}.mm-mode-card:hover{background:#38bdf81a;border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 8px 24px #38bdf833}.mm-mode-icon{font-size:3.2rem;filter:drop-shadow(0 0 10px rgba(56,189,248,.4));margin-bottom:4px}.mm-mode-info h3{font-size:1.25rem;margin:0 0 10px;font-weight:800;color:#e2e8f0}.mm-mode-info p{font-size:.9rem;color:#94a3b8;margin:0;line-height:1.5}.mm-screen--game{justify-content:flex-start;gap:12px}.mm-wrong-shake{animation:mmWrongShake .35s ease both}@keyframes mmWrongShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.mm-hud{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;margin-bottom:24px}.mm-hearts{display:flex;gap:4px}.mm-heart{font-size:1.2rem;line-height:1}.mm-heart--lost{filter:grayscale(1) opacity(.35)}.mm-hud-center{display:flex;flex-direction:column;align-items:center;gap:4px}.mm-level-badge{padding:3px 12px;background:linear-gradient(135deg,#38bdf833,#818cf833);border:1px solid rgba(56,189,248,.35);border-radius:100px;color:#38bdf8;font-size:.75rem;font-weight:800;letter-spacing:1px}.mm-streak-badge{background:#f973162e;border:1px solid rgba(249,115,22,.35);border-radius:100px;color:#f97316;font-size:.7rem;font-weight:700;padding:2px 10px;animation:streakPop .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes streakPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.mm-hud-right{display:flex;flex-direction:column;align-items:flex-end}.mm-score{font-size:1.4rem;font-weight:900;color:#38bdf8;line-height:1}.mm-score-label{font-size:.55rem;color:#475569;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.mm-phase-banner{width:100%;text-align:center;padding:8px 16px;border-radius:10px;font-size:.88rem;font-weight:700;transition:background .3s,color .3s}.mm-phase-banner--memorize,.mm-phase-banner--distracting{background:#38bdf81f;border:1px solid rgba(56,189,248,.25);color:#38bdf8}.mm-phase-banner--distracting{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.mm-phase-banner--recall{background:#f973161a;border:1px solid rgba(249,115,22,.25);color:#f97316}.mm-phase-banner--round-result{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.mm-phase-banner--feedback{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.mm-timer-bar{width:100%;height:5px;background:#ffffff0f;border-radius:100px;overflow:hidden}.mm-timer-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:100px}.mm-timer-bar-fill--danger{background:linear-gradient(90deg,#ef4444,#f97316);animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.mm-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:10px;width:100%;padding:4px;max-width:480px;margin:0 auto}.mm-grid--5{gap:6px}.mm-card{aspect-ratio:1;border-radius:14px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .25s ease,border-color .25s ease,box-shadow .25s ease;animation:cardIn .4s ease both;cursor:default;-webkit-user-select:none;user-select:none}@keyframes cardIn{0%{opacity:0;transform:scale(.7) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.mm-card--clickable{cursor:pointer}.mm-card--clickable:hover{transform:scale(1.08);border-color:#38bdf880;background:#38bdf814;box-shadow:0 6px 20px #38bdf826}.mm-card--clickable:active{transform:scale(.95)}.mm-card--highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--custom-glow, #38bdf8) 25%,transparent),transparent)!important;border-color:var(--custom-glow, #38bdf8)!important;box-shadow:0 0 20px color-mix(in srgb,var(--custom-glow, #38bdf8) 40%,transparent),inset 0 0 20px color-mix(in srgb,var(--custom-glow, #38bdf8) 10%,transparent)!important;animation:cardIn .4s ease both,highlightPulse 1.2s ease-in-out infinite}@keyframes highlightPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.mm-card-glow-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:18px;border:2px solid var(--custom-glow, #38bdf8);animation:ringPulse 1.2s ease-in-out infinite;pointer-events:none;opacity:.6}@keyframes ringPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.12)}}.mm-card--distraction{background:#ef444440!important;border-color:#ef4444cc!important;box-shadow:0 0 30px #ef444480!important}.mm-card--correct{background:color-mix(in srgb,var(--custom-glow, #22c55e) 20%,transparent)!important;border-color:var(--custom-glow, #22c55e)!important;box-shadow:0 0 20px color-mix(in srgb,var(--custom-glow, #22c55e) 35%,transparent)!important;animation:cardCorrect .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes cardCorrect{0%{transform:scale(.9)}to{transform:scale(1)}}.mm-card--wrong{background:#ef444433!important;border-color:#ef444499!important;box-shadow:0 0 20px #ef444459!important;animation:cardWrong .3s ease both}@keyframes cardWrong{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mm-card--reveal{background:#38bdf81f!important;border-color:#38bdf866!important;animation:cardReveal .5s ease both}@keyframes cardReveal{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.mm-card-mark{font-size:1.5rem;font-weight:900;pointer-events:none;animation:markIn .3s cubic-bezier(.34,1.56,.64,1) both}.mm-card--correct .mm-card-mark{color:var(--custom-glow, #22c55e)}.mm-card--wrong .mm-card-mark{color:#ef4444}.mm-card-mark--reveal{color:#38bdf8;font-size:1rem}@keyframes markIn{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.mm-burst-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:100;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 60%);animation:burstFade 1.5s ease forwards}.mm-burst-text{font-size:4rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:4px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(245,158,11,.8));animation:burstPop 1.5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes burstFade{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes burstPop{0%{transform:scale(.2);opacity:0}30%{transform:scale(1.1);opacity:1}50%{transform:scale(1)}to{transform:scale(1.3);opacity:0;filter:blur(10px)}}.mm-round-info{display:flex;gap:16px;align-items:center;justify-content:center;font-size:.75rem;color:#475569;font-weight:600;letter-spacing:.5px;flex-wrap:wrap;margin-top:auto}.mm-round-label{color:#818cf8;text-transform:uppercase}.mm-cards-label{color:#f97316}.mm-grid-label{color:#64748b}.mm-screen--gameover{justify-content:center;text-align:center;gap:20px}.mm-go-icon{font-size:4.5rem;line-height:1;animation:goIconPop .6s cubic-bezier(.175,.885,.32,2.5) both}.mm-go-title{font-size:2.2rem;font-weight:900;color:#ef4444;margin:0}.mm-go-sub{color:#64748b;font-size:.95rem;margin:-12px 0 0}.mm-go-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.mm-go-stat{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 8px}.mm-go-stat-val{font-size:1.4rem;font-weight:900;line-height:1}.mm-go-stat-label{font-size:.58rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.8px;text-align:center}.mm-go-actions{display:flex;gap:12px;width:100%}.mm-go-actions .mm-start-btn{flex:1;font-size:.9rem;padding:12px 20px}@media (max-width: 900px){.mm-mode-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.mm-mode-grid{grid-template-columns:1fr}.mm-grid{gap:7px}.mm-grid--5{gap:4px}.mm-card{border-radius:10px}.mm-go-stats{grid-template-columns:repeat(2,1fr)}.mm-burst-text{font-size:3rem}}.rr-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:10px 24px 40px;min-height:100dvh;animation:rrSlideUp .35s ease both}@keyframes rrSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rr-screen--modes{max-width:1000px;justify-content:center;position:relative;overflow:hidden}.rr-title{font-size:clamp(2rem,6vw,3rem);font-weight:900;margin:0;background:linear-gradient(135deg,#f97316 20%,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-align:center}.rr-subtitle{color:#94a3b8;font-size:1rem;margin:4px 0 24px;text-align:center}.rr-best-badge{padding:6px 20px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:100px;color:#f59e0b;font-size:.85rem;font-weight:700;margin-bottom:24px}.rr-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}.rr-mode-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1);color:#fff;font-family:inherit;text-align:center}.rr-mode-card:hover{background:#f973161a;border-color:#f9731666;transform:translateY(-4px);box-shadow:0 8px 24px #f9731633}.rr-mode-icon{font-size:3rem;filter:drop-shadow(0 0 10px rgba(249,115,22,.4));flex-shrink:0}.rr-mode-info h3{font-size:1.25rem;margin:0 0 8px;font-weight:800;color:#e2e8f0}.rr-mode-info p{font-size:.9rem;color:#94a3b8;margin:0;line-height:1.4}.rr-screen--game{padding:10px 24px 40px;margin:0;max-width:100%;min-height:100dvh;justify-content:flex-start;background:#0f172a;overflow:hidden}.rr-hud{width:100%;max-width:900px;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:32px}.rr-hud-round{padding:6px 16px;color:#fff;font-weight:800;font-size:.9rem;letter-spacing:1px}.rr-play-area{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:24px}.rr-bg-ready{background:#1e293b}.rr-bg-waiting{background:#991b1b}.rr-bg-fake{background:#ea580c}.rr-bg-react{background:#15803d}.rr-bg-error{background:#7f1d1d}.rr-bg-result{background:#1e1b4b}.rr-msg{font-size:3rem;font-weight:900;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.rr-msg--large{font-size:5rem}.rr-msg--shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.rr-react-content{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;padding:20px}.rr-task-container{background:#0006;padding:40px;border-radius:32px;border:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:500px}.rr-task-instruction{color:#e2e8f0;font-size:1.1rem;font-weight:600}.rr-task-word{font-size:4rem;font-weight:900;letter-spacing:4px;text-transform:uppercase;text-shadow:0 4px 12px rgba(0,0,0,.5);margin-bottom:16px}.rr-options-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.rr-color-btn{width:80px;height:80px;border-radius:20px;border:3px solid rgba(255,255,255,.4);cursor:pointer;transition:transform .1s,filter .1s}.rr-color-btn:hover{transform:scale(1.1);filter:brightness(1.2)}.rr-color-btn:active{transform:scale(.9)}.rr-screen--gameover{justify-content:center;text-align:center;gap:20px}.rr-go-icon{font-size:4.5rem;line-height:1;animation:goIconPop .6s cubic-bezier(.175,.885,.32,2.5) both}@keyframes goIconPop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.rr-go-title{font-size:2.2rem;font-weight:900;color:#fff;margin:0}.rr-go-sub{color:#64748b;font-size:.95rem;margin:-12px 0 0}.rr-rank-box{background:#0003;border:2px solid;border-radius:16px;padding:16px 32px;display:flex;flex-direction:column;gap:4px;margin:10px 0}.rr-rank-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-weight:700}.rr-rank-value{font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:2px}.rr-go-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.rr-go-stat{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px}.rr-go-stat-val{font-size:1.8rem;font-weight:900;line-height:1}.rr-go-stat-label{font-size:.65rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:1px}.rr-go-actions{display:flex;gap:12px;width:100%;margin-top:10px}.rr-start-btn{flex:1;padding:14px;border-radius:12px;background:#ffffff1a;color:#fff;border:none;font-family:inherit;font-weight:800;cursor:pointer;transition:background .2s}.rr-start-btn:hover{background:#fff3}@media (max-width: 768px){.rr-mode-grid{grid-template-columns:1fr}}@media (max-width: 480px){.rr-msg{font-size:2rem}.rr-msg--large{font-size:3.5rem}.rr-task-word{font-size:3rem}.rr-color-btn{width:64px;height:64px}.rr-go-actions{flex-direction:column}}.pt-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:10px 24px 40px;min-height:100dvh;animation:ptSlideUp .35s ease both}@keyframes ptSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pt-screen--modes{max-width:1000px;justify-content:center;position:relative;overflow:hidden}.pt-title{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:900;margin:0;background:linear-gradient(135deg,#10b981 20%,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;text-align:center;position:relative;z-index:1}.pt-subtitle{color:#94a3b8;font-size:1.1rem;margin:4px 0 32px;text-align:center}.pt-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;position:relative;z-index:1}.pt-mode-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1);color:#fff;font-family:inherit}.pt-mode-card:hover{background:#10b9811a;border-color:#10b98166;transform:translateY(-4px);box-shadow:0 8px 24px #10b98133}.pt-mode-icon{font-size:3.2rem;filter:drop-shadow(0 0 10px rgba(16,185,129,.4));margin-bottom:4px}.pt-mode-info h3{font-size:1.25rem;margin:0 0 10px;font-weight:800;color:#e2e8f0}.pt-mode-info p{font-size:.9rem;color:#94a3b8;margin:0;line-height:1.5}.pt-screen--game{padding:10px 24px 40px;max-width:100%;min-height:100dvh;justify-content:flex-start;background:#0d1117;overflow:hidden;-webkit-user-select:none;user-select:none}.pt-hud{width:100%;max-width:800px;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;margin-bottom:24px}.pt-hud-left{display:flex;flex-direction:column;gap:8px}.pt-round-dots{display:flex;gap:6px;padding-left:4px}.pt-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.pt-dot--active{background:#3b82f6;box-shadow:0 0 10px #3b82f6;transform:scale(1.2)}.pt-dot--perfect{background:#10b981;box-shadow:0 0 10px #10b981;border-color:#10b981}.pt-dot--close{background:#f59e0b;box-shadow:0 0 10px #f59e0b;border-color:#f59e0b}.pt-dot--miss{background:#ef4444;box-shadow:0 0 10px #ef4444;border-color:#ef4444}.pt-round-badge{padding:6px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:#fff;font-weight:700;font-size:.9rem;letter-spacing:1px}.pt-main-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:32px;width:100%;cursor:pointer;position:relative}.pt-target-label{font-size:1.2rem;color:#64748b;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:12px}.pt-target-time{font-size:2.5rem;font-weight:900;color:#e2e8f0;margin-bottom:40px;font-variant-numeric:tabular-nums;background:#ffffff0d;padding:8px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.pt-timer-display{font-size:clamp(5rem,15vw,10rem);font-weight:900;color:#10b981;font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgba(16,185,129,.5);line-height:1;margin-bottom:60px;transition:opacity .3s ease}.pt-instruction{font-size:1.2rem;color:#94a3b8;font-weight:600;animation:ptPulse 1.5s ease-in-out infinite}@keyframes ptPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.pt-action-btn{padding:24px 64px;font-size:2rem;font-weight:900;border-radius:100px;border:none;cursor:pointer;font-family:inherit;transition:all .1s ease;box-shadow:0 10px 30px #0000004d;margin-bottom:40px}.pt-action-btn--start{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pt-action-btn--start:active{transform:scale(.95);background:#059669}.pt-action-btn--stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.pt-action-btn--stop:active{transform:scale(.95);background:#dc2626}.pt-result-box{display:flex;flex-direction:column;align-items:center;background:#ffffff08;padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:ptPopIn .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes ptPopIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.pt-diff-label{font-size:1.2rem;color:#94a3b8;font-weight:600;margin-bottom:8px}.pt-diff-val{font-size:4rem;font-weight:900;margin-bottom:24px;font-variant-numeric:tabular-nums;line-height:1}.pt-rank{font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.pt-rank--perfect{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.5)}.pt-rank--close{color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.5)}.pt-rank--miss{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5)}.pt-screen--gameover{justify-content:center;text-align:center;gap:24px}.pt-go-icon{font-size:5rem;animation:ptPopIn .6s cubic-bezier(.175,.885,.32,2.5) both}.pt-go-title{font-size:2.5rem;font-weight:900;color:#fff;margin:0}.pt-go-stats{display:flex;justify-content:center;gap:24px;width:100%;margin-bottom:12px}.pt-go-stat{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;min-width:140px}.pt-go-stat-val{font-size:2rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.pt-go-stat-label{font-size:.75rem;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pt-go-actions{display:flex;gap:16px;width:100%;justify-content:center}.pt-go-actions .pt-start-btn{font-size:1rem;padding:14px 24px;border-radius:12px;font-weight:700;cursor:pointer;border:none}.pt-btn-primary{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.pt-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2)!important;color:#fff}@media (max-width: 900px){.pt-mode-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.pt-mode-grid{grid-template-columns:1fr}.pt-timer-display{font-size:4.5rem}.pt-action-btn{padding:20px 48px;font-size:1.5rem}.pt-diff-val{font-size:3rem}.pt-rank{font-size:2rem}}.ow-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding:90px 24px 40px;background:#0b0f19;color:#fff;animation:owFadeIn .4s ease both;-webkit-user-select:none;user-select:none}@keyframes owFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ow-screen--start{text-align:center}.ow-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;margin-bottom:8px;background:linear-gradient(135deg,#f472b6,#a855f7,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.ow-subtitle{color:#94a3b8;font-size:1.2rem;margin-bottom:48px}.ow-start-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:32px;display:flex;flex-direction:column;align-items:center;gap:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ow-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ow-preview-tile{width:40px;height:40px;background:#a855f7;border-radius:8px;opacity:.8}.ow-preview-tile--odd{background:#f472b6;transform:rotate(15deg) scale(.9);animation:owPulse 2s infinite}@keyframes owPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.ow-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:40px;background:#ffffff0d;padding:16px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.ow-hud-item{display:flex;flex-direction:column;align-items:center}.ow-label{font-size:.7rem;font-weight:800;color:#64748b;letter-spacing:1px}.ow-val{font-size:1.5rem;font-weight:900}.ow-timer-container{flex:1;max-width:300px;height:12px;background:#0000004d;border-radius:100px;position:relative;margin:0 40px;overflow:hidden}.ow-timer-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#a855f7);border-radius:100px;transition:width .1s linear}.ow-timer-text{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:800;color:#fff}.ow-grid{display:grid;gap:10px;width:100%;aspect-ratio:1;max-width:500px;margin-bottom:40px}.ow-tile{width:100%;height:100%;border:none;border-radius:12px;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center}.ow-tile:active{transform:scale(.9)!important}.ow-tile-content{font-size:1.5rem;opacity:.3}.ow-grid--moving{animation:owFloat 4s ease-in-out infinite}@keyframes owFloat{0%,to{transform:translate(0)}25%{transform:translate(15px,5px)}50%{transform:translateY(15px)}75%{transform:translate(-15px,5px)}}.ow-tile--hidden{transition:background-color .5s ease;box-shadow:none!important;filter:none!important}.ow-tile--correct{background-color:#10b981!important;box-shadow:0 0 30px #10b981!important;transform:scale(1.1)!important;z-index:10}.ow-combo-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.5);animation:owComboIn .8s ease-out forwards;z-index:100;pointer-events:none}@keyframes owComboIn{0%{opacity:0;transform:translate(-50%,-20%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1.2)}}.ow-shake{animation:owShake .4s ease}@keyframes owShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-5px)}}.ow-screen--gameover{justify-content:center;gap:24px}.ow-go-icon{font-size:5rem}.ow-go-title{font-size:3rem;font-weight:900}.ow-stats-grid{display:flex;gap:20px}.ow-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:20px;display:flex;flex-direction:column}.ow-stat-label{font-size:.8rem;color:#64748b;font-weight:700;text-transform:uppercase}.ow-stat-val{font-size:2.5rem;font-weight:900}.ow-btn{padding:16px 48px;font-size:1.2rem;font-weight:800;border-radius:100px;border:none;cursor:pointer;transition:all .2s ease}.ow-btn--primary{background:linear-gradient(135deg,#f472b6,#a855f7);color:#fff;box-shadow:0 8px 24px #a855f74d}.ow-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #a855f780}.ow-actions{display:flex;flex-direction:column;gap:16px;align-items:center}@media (max-width: 600px){.ow-hud{flex-direction:column;gap:20px}.ow-timer-container{margin:0;width:100%}.ow-grid{max-width:100%!important}}.back-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#94a3b8;padding:8px 20px!important;border-radius:100px;font-size:.85rem!important;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:6px;text-decoration:none;font-family:inherit}.back-btn:hover{background:#ffffff1f;border-color:#ffffff4d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.ow-screen .back-btn{margin-top:24px}.vtm-screen{width:100%;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:90px 24px 20px;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;transition:background-color .3s ease}.vtm-bg-correct{background-color:#10b9811a}.vtm-bg-wrong{background-color:#ef444426;animation:vtmShake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes vtmShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.vtm-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:900px;padding:20px 40px;background:#ffffff14;border-radius:20px;border:1px solid rgba(255,255,255,.15);margin-bottom:20px;box-shadow:0 4px 20px #0000004d}.vtm-hud-left{display:flex;align-items:center;gap:16px}.vtm-hub-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.vtm-hub-btn:hover{background:#ffffff26;border-color:#c026d3;transform:translate(-4px)}.vtm-hud-divider{width:1px;height:24px;background:#ffffff1a;margin:0 4px}.vtm-hud-round{font-size:1.2rem;font-weight:800;color:#fff;white-space:nowrap}.vtm-hud-streak{font-size:1.1rem;font-weight:800;color:#f97316;animation:popIn .3s ease}.vtm-hud-right{display:flex;justify-content:flex-end}.vtm-hud-score{font-size:1.8rem;font-weight:900;color:#f0abfc;font-variant-numeric:tabular-nums}.vtm-screen--start{text-align:center}.vtm-title{font-size:clamp(3rem,8vw,4.5rem);font-weight:900;background:linear-gradient(135deg,#f0abfc,#c026d3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.vtm-subtitle{color:#94a3b8;font-size:1.1rem;margin-bottom:48px}.vtm-start-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.vtm-preview-row{font-size:3rem;display:flex;gap:16px;margin-bottom:8px}.vtm-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.vtm-get-ready{text-align:center;animation:zoomIn .4s ease forwards}.vtm-ready-text{font-size:3.5rem;font-weight:900;color:#fff;margin-bottom:8px}.vtm-ready-sub{font-size:1.5rem;color:#c026d3;font-weight:700;letter-spacing:2px}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.vtm-memorize-container{position:relative;text-align:center;width:100%;max-width:800px}.vtm-countdown{position:absolute;top:-80px;left:50%;transform:translate(-50%);font-size:4rem;font-weight:900;color:#fffc;animation:pingCount 1s infinite}@keyframes pingCount{0%{transform:translate(-50%) scale(1.2);opacity:1}to{transform:translate(-50%) scale(.8);opacity:0}}.vtm-sequence{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;position:relative}.vtm-item{font-size:4rem;background:#ffffff0d;width:110px;height:110px;display:flex;align-items:center;justify-content:center;border-radius:20px;border:1px solid rgba(255,255,255,.1);animation:vtmItemPop .4s cubic-bezier(.175,.885,.32,1.275) both}.vtm-item-pulse{animation:vtmItemPop .4s both,vtmItemGlow 2s infinite alternate}@keyframes vtmItemPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vtmItemGlow{0%{box-shadow:0 0 10px #c026d333;border-color:#c026d34d}to{box-shadow:0 0 25px #c026d399;border-color:#c026d3cc}}.vtm-item-fake-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);opacity:0;filter:blur(2px) grayscale(.5);pointer-events:none;animation:fakeFlash .15s ease-out;z-index:100}@keyframes fakeFlash{0%{opacity:.8;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.vtm-question-container{text-align:center;animation:fadeUp .4s ease both;width:100%;max-width:700px}.vtm-question-text{font-size:2.2rem;font-weight:800;margin-bottom:32px;line-height:1.3}.vtm-q-timer-container{position:relative;width:100%;height:8px;background:#ffffff14;border-radius:99px;margin-bottom:28px;overflow:visible}.vtm-q-timer-bar{height:100%;border-radius:99px}.vtm-timer-label{position:absolute;right:0;top:-24px;font-size:.85rem;font-weight:700;min-width:28px;text-align:right}.vtm-timer-pulse{animation:vtm-pulse-anim .5s ease-in-out infinite alternate}@keyframes vtm-pulse-anim{0%{opacity:1}to{opacity:.55}}.vtm-options{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.vtm-opt-btn{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);padding:24px;font-size:3.5rem;border-radius:24px;cursor:pointer;transition:all .2s ease}.vtm-opt-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-4px) scale(1.02);border-color:#ffffff4d;box-shadow:0 8px 25px #ffffff1a}.vtm-opt-btn--correct{background:#10b981!important;border-color:#10b981!important;box-shadow:0 0 30px #10b98166;transform:scale(1.05);z-index:2}.vtm-opt-btn--wrong{background:#ef4444!important;border-color:#ef4444!important}.vtm-opt-btn--dim{opacity:.3;transform:scale(.95)}.vtm-feedback-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:16px 40px;border-radius:100px;font-weight:900;font-size:1.5rem;animation:vtmToastIn .3s cubic-bezier(.175,.885,.32,1.275) both;box-shadow:0 10px 30px #00000080;z-index:2000}.vtm-toast-correct{background:#10b981;color:#fff}.vtm-toast-wrong{background:#ef4444;color:#fff}@keyframes vtmToastIn{0%{transform:translate(-50%,60px) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.vtm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040814e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;animation:vtmFadeIn .3s ease}@keyframes vtmFadeIn{0%{opacity:0}to{opacity:1}}.vtm-modal{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:48px;max-width:440px;width:100%;text-align:center;box-shadow:0 30px 60px #0009;animation:vtmZoomIn .3s cubic-bezier(.175,.885,.32,1.275) both}@keyframes vtmZoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.vtm-modal-icon{font-size:4rem;margin-bottom:24px}.vtm-modal h2{font-size:2rem;font-weight:900;margin-bottom:12px;color:#f0abfc}.vtm-modal p{color:#94a3b8;margin-bottom:32px;line-height:1.6}.vtm-modal-actions{display:flex;gap:16px;justify-content:center}.vtm-btn--exit-confirm{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444}.vtm-btn--exit-confirm:hover{background:#ef4444;color:#fff;box-shadow:0 8px 20px #ef444466}.vtm-screen--gameover{justify-content:center;gap:32px}.vtm-go-icon{font-size:5rem;animation:popIn .5s ease}.vtm-go-title{font-size:3rem;font-weight:900}.vtm-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:800px;width:100%}.vtm-stat{background:#ffffff0d;padding:32px 24px;border-radius:24px;text-align:center;border:1px solid rgba(255,255,255,.1)}.vtm-stat-label{font-size:.9rem;color:#94a3b8;font-weight:800;display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.vtm-stat-val{font-size:2.5rem;font-weight:900;color:#c026d3}.vtm-btn{padding:16px 48px;font-size:1.2rem;font-weight:800;border-radius:100px;border:none;cursor:pointer;transition:all .2s ease}.vtm-btn--primary{background:linear-gradient(135deg,#f0abfc,#c026d3);color:#fff;box-shadow:0 8px 24px #c026d34d}.vtm-btn--primary:hover{transform:translateY(-4px);box-shadow:0 12px 32px #c026d380}.back-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#94a3b8;padding:10px 24px;border-radius:100px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#ffffff1f;color:#fff;transform:translateY(-2px)}@media (max-width: 600px){.vtm-stats-grid,.vtm-options{grid-template-columns:1fr}.vtm-opt-btn{padding:16px;font-size:2.5rem}.vtm-question-text{font-size:1.5rem}.vtm-item{width:80px;height:80px;font-size:3rem}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tp-screen{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:90px;background:transparent;color:#fff;font-family:Inter,sans-serif;overflow-x:hidden;-webkit-user-select:none;user-select:none}.tp-screen--start{gap:32px;animation:tpFadeIn .5s ease;padding-bottom:40px}.tp-hero{text-align:center;position:relative;margin-top:20px}.tp-logo{font-size:5rem;margin-bottom:8px;filter:drop-shadow(0 0 20px rgba(168,85,247,.5))}.tp-v-tag{font-size:.9rem;vertical-align:middle;background:#a855f7;color:#fff;padding:2px 8px;border-radius:6px;font-weight:800;margin-left:8px;box-shadow:0 0 10px #a855f766}.tp-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:950;margin:0;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.tp-tagline{color:#94a3b8;font-size:1.1rem;margin-top:8px;opacity:.8;font-weight:500}.tp-rules{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:24px 32px;border-radius:24px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 50px #0000004d;width:100%;max-width:380px}.tp-rule-item{display:flex;align-items:center;gap:12px;color:#cbd5e1;font-weight:600;font-size:.95rem}.tp-rule-item span{font-size:1.2rem}.tp-start-actions{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.tp-btn{display:flex;align-items:center;justify-content:center;min-width:280px;height:60px;border-radius:999px;font-weight:800;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:inherit;padding:0 32px;text-align:center}.tp-btn--primary{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;box-shadow:0 10px 30px #a855f766}.tp-btn--primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #a855f799}.tp-btn--secondary{background:#2a2a2a;color:#fff}.tp-btn--secondary:hover{background:#3a3a3a;transform:translateY(-2px)}.tp-btn--text{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1);opacity:.8}.tp-btn--text:hover{background:#ffffff1a;color:#fff;opacity:1;transform:translateY(-2px)}.tp-screen--playing{padding-top:150px;justify-content:flex-start}.tp-top-bar{position:fixed;top:80px;left:0;width:100%;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:900;background:transparent}.tp-hud-item{display:flex;flex-direction:column}.tp-hud-score{align-items:center}.tp-hud-lives{align-items:flex-end;padding-right:48px}.tp-label{font-size:.7rem;font-weight:900;color:#64748b;letter-spacing:2px;margin-bottom:4px}.tp-round-dots{display:flex;gap:6px}.tp-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1a;transition:all .3s}.tp-dot--done{background:#a855f7;box-shadow:0 0 10px #a855f780}.tp-dot--active{background:#fff;transform:scale(1.3);box-shadow:0 0 12px #fff}.tp-score-wrapper{display:flex;align-items:baseline;gap:12px}.tp-value{font-size:2.2rem;font-weight:950;color:#fff;text-shadow:0 0 15px rgba(168,85,247,.8);font-variant-numeric:tabular-nums}.tp-multiplier{font-size:1rem;font-weight:900;color:#10b981;background:#10b98126;padding:2px 10px;border-radius:6px}.tp-heart{font-size:1.4rem;transition:all .3s}.tp-heart--lost{opacity:.1;filter:grayscale(1);transform:scale(.7)}.tp-exit-btn{position:fixed;top:80px;right:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:910;color:#fff}.tp-game-area{flex:1;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:400px}.tp-target-container{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:50;transition:left .1s linear,top .1s linear}.tp-target-ring{position:absolute;border:3px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 40px #00000080}.tp-perfect-zone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(168,85,247,.4);border-radius:50%;box-shadow:inset 0 0 10px #a855f733}.tp-shrinker{position:absolute;border:5px solid #fff;border-radius:50%;box-shadow:0 0 25px #fff6;z-index:60}.tp-screen--end{height:calc(100vh - 62px)!important;padding:20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 20% 30%,rgba(168,85,247,.15),transparent),radial-gradient(circle at 80% 70%,rgba(99,102,241,.15),transparent),#050510!important}.tp-result-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin:0!important}.tp-result-wrapper:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.25),transparent 70%);filter:blur(80px);z-index:-1;animation:tpAuraMove 6s ease-in-out infinite}@keyframes tpAuraMove{0%{transform:translate(-10px,-10px)}50%{transform:translate(10px,10px)}to{transform:translate(-10px,-10px)}}.tp-result-card{position:relative;width:380px;max-height:85vh;padding:32px;border-radius:20px;background:linear-gradient(145deg,#0f0f1a,#0a0a12);border:1px solid rgba(168,85,247,.3);box-shadow:0 0 25px #a855f766,0 0 80px #a855f733;animation:tpFloatCard 4s ease-in-out infinite,tpResultSlideIn .6s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;margin-top:0!important}.tp-result-card:before,.tp-result-card:after{content:"";position:absolute;top:10%;width:4px;height:80%;background:linear-gradient(to bottom,transparent,#a855f7,transparent);filter:blur(6px);opacity:.7}.tp-result-card:before{left:-6px}.tp-result-card:after{right:-6px}@keyframes tpFloatCard{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.tp-result-header-top{margin-bottom:24px;text-align:center}.tp-result-status-title{font-size:1.1rem;font-weight:900;letter-spacing:2px;color:#a855f7}.tp-result-score-hero{margin-bottom:28px;text-align:center}.tp-score-value-large{font-size:64px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4),0 0 25px rgba(168,85,247,.6)}.tp-result-grid-v2{display:flex;gap:16px;width:100%;margin-bottom:28px}.tp-stat-mini-card{flex:1;padding:16px;border-radius:14px;background:#ffffff08;text-align:center;display:flex;flex-direction:column;gap:4px}.tp-stat-value-mid{font-size:1.5rem;font-weight:900;color:#fff}.tp-result-actions-v2{display:flex;flex-direction:column;gap:12px;width:100%}.tp-btn--result{padding:14px;height:auto;min-width:100%;border-radius:999px;font-size:1rem}@keyframes tpResultSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tpFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.tp-result-wrapper{width:90%}.tp-result-card{width:100%;padding:24px}.tp-score-value-large{font-size:48px}.tp-result-wrapper:before{width:300px;height:300px}}.pb-screen{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:90px;background:transparent;color:#fff;font-family:Inter,sans-serif;overflow-x:hidden;-webkit-user-select:none;user-select:none}.pb-screen--start{padding-top:70px!important;justify-content:flex-start!important;min-height:calc(100vh - 62px)}.pb-start-card{width:100%;max-width:420px;background:#0d112266;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:48px 40px;display:flex;flex-direction:column;align-items:center;box-shadow:0 40px 100px #0006;animation:pbSlideUp .6s cubic-bezier(.175,.885,.32,1.275)}.pb-hero{text-align:center;margin-bottom:32px}.pb-logo{font-size:4rem;margin-bottom:12px;filter:drop-shadow(0 0 20px rgba(56,189,248,.5))}.pb-title{font-size:2.5rem;font-weight:950;background:linear-gradient(135deg,#fff,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.pb-tagline{color:#94a3b8;font-size:1rem;margin-top:8px;font-weight:500}.pb-rules{background:#ffffff08;padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:32px}.pb-rule-item{display:flex;align-items:center;gap:12px;color:#cbd5e1;font-weight:600;font-size:.9rem}.pb-rule-item span{font-size:1.1rem}.pb-start-actions{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.pb-hud{position:fixed;top:80px;width:100%;max-width:900px;padding:0 32px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;z-index:900}.pb-hud-left{display:flex;align-items:center;gap:12px}.pb-round-text{font-size:.8rem;font-weight:900;color:#64748b;letter-spacing:1px}.pb-multiplier-tag{background:#f59e0b;color:#fff;padding:2px 8px;border-radius:6px;font-weight:900;font-size:.75rem;animation:pbPulse 1.5s infinite}.pb-hud-center{padding:0 20px}.pb-timer-outer{height:8px;background:#ffffff1a;border-radius:99px;overflow:hidden}.pb-timer-inner{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);transition:width 1s linear}.pb-timer--danger{background:#ef4444;box-shadow:0 0 15px #ef444480}.pb-hud-right{display:flex;align-items:center;justify-content:flex-end;gap:20px}.pb-score-hud{text-align:right}.pb-label-xs{display:block;font-size:.6rem;font-weight:900;color:#64748b}.pb-score-hud-val{font-size:1.4rem;font-weight:950;color:#fff;text-shadow:0 0 10px rgba(56,189,248,.5)}.pb-exit-mini{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer}.pb-screen--playing{padding-top:150px}.pb-question-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:40px}.pb-pattern-container{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;background:#ffffff05;padding:40px;border-radius:32px;border:1px solid rgba(255,255,255,.05);animation:pbSlideUp .6s ease both}.pb-pattern-item{font-size:3.5rem;font-weight:900;color:#fff;min-width:80px;text-align:center}.pb-pattern-arrow{font-size:1.5rem;color:#64748b;font-weight:900;opacity:.5}.pb-pattern-target{color:#38bdf8;text-shadow:0 0 20px rgba(56,189,248,.6);border:2px dashed rgba(56,189,248,.3);padding:0 10px;border-radius:12px;animation:pbPulse 2s infinite}.pb-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:500px;margin-bottom:40px;padding:0 20px}.pb-option-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;font-size:2.2rem;font-weight:900;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.pb-option-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-4px);border-color:#38bdf8;box-shadow:0 10px 25px #38bdf833}.pb-option--correct{background:#10b981!important;border-color:#10b981!important;box-shadow:0 0 30px #10b98166;transform:scale(1.05)}.pb-option--wrong{background:#ef4444!important;border-color:#ef4444!important;animation:pbShake .4s ease}.pb-option--dimmed{opacity:.3;transform:scale(.95)}.pb-lives-bar{display:flex;gap:8px;margin-bottom:40px}.pb-heart{font-size:1.5rem;transition:all .3s}.pb-heart--lost{opacity:.1;filter:grayscale(1);transform:scale(.8)}.pb-screen--end{height:calc(100vh - 62px)!important;justify-content:center!important;background:radial-gradient(circle at 50% 50%,rgba(56,189,248,.1) 0%,transparent 80%)!important}.pb-result-card{width:100%;max-width:420px;background:linear-gradient(145deg,#0d1117,#07090d);padding:48px 40px;border-radius:32px;border:1px solid rgba(56,189,248,.3);display:flex;flex-direction:column;align-items:center;box-shadow:0 0 40px #38bdf833,0 40px 100px #0009;animation:pbSlideUp .8s cubic-bezier(.175,.885,.32,1.275)}.pb-rank-badge{background:linear-gradient(135deg,#38bdf8,#818cf8);padding:6px 16px;border-radius:100px;font-size:.8rem;font-weight:900;letter-spacing:1px;margin-bottom:16px;display:inline-block}.pb-status-title{font-size:1.5rem;font-weight:950;letter-spacing:3px;color:#fff;margin-bottom:32px}.pb-score-hero{text-align:center;margin-bottom:40px}.pb-label-small{font-size:.7rem;font-weight:900;color:#64748b;letter-spacing:2px;margin-bottom:8px;display:block}.pb-score-value{font-size:5rem;font-weight:950;color:#fff;line-height:1;text-shadow:0 0 30px rgba(56,189,248,.5)}.pb-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-bottom:40px}.pb-stat-box{background:#ffffff08;border-radius:20px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,.05)}.pb-stat-val{font-size:1.8rem;font-weight:900;color:#fff}.pb-actions{display:flex;flex-direction:column;gap:16px;width:100%}.pb-btn{padding:14px 24px;border-radius:100px;font-weight:800;font-size:1rem;border:none;cursor:pointer;transition:all .3s;width:auto;min-width:260px;text-align:center;font-family:inherit}.pb-btn--primary{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#fff;box-shadow:0 8px 24px #38bdf84d}.pb-btn--primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 32px #38bdf880}.pb-btn--secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;min-width:240px;padding:12px 24px}.pb-btn--secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.pb-btn--text{background:transparent;color:#64748b;border:1px solid rgba(255,255,255,.1);width:auto;min-width:240px;padding:12px 24px}.pb-btn--text:hover{color:#fff;background:#ffffff0d}@keyframes pbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pbSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pbPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pbShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (max-width: 600px){.pb-hud{padding:0 16px;grid-template-columns:1fr 1fr}.pb-hud-center{display:none}.pb-pattern-item{font-size:2.2rem;min-width:50px}.pb-pattern-container{padding:24px;gap:8px}.pb-option-btn{font-size:1.5rem;padding:16px}.pb-start-card{padding:32px 24px;width:90%}}.mq-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:62px;padding:0 24px;background:var(--navbar-bg, rgba(13,13,13,.88));-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border, rgba(255,255,255,.08));display:flex;align-items:center;font-family:Inter,Segoe UI,sans-serif}.mq-navbar__inner{width:100%;max-width:100%;margin:0;display:flex;align-items:center;justify-content:space-between}.mq-navbar__brand{display:flex;align-items:center;gap:12px;text-decoration:none}.mq-navbar__brand-icon{font-size:1.8rem;filter:drop-shadow(0 0 12px var(--accent-glow, rgba(168,85,247,.8)))}.mq-navbar__brand-name{font-size:1.4rem;font-weight:900;letter-spacing:.5px;background:linear-gradient(135deg,var(--text, #fff) 20%,var(--accent, #a855f7) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px var(--accent-glow, rgba(168,85,247,.5)))}.mq-navbar__controls{display:flex;align-items:center;gap:10px}.mq-theme-toggle{display:flex;align-items:center;gap:7px;padding:7px 14px;background:var(--surface, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:99px;color:var(--text-muted, #94a3b8);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:.3px}.mq-theme-toggle:hover{background:var(--surface-hover, rgba(255,255,255,.09));border-color:var(--accent, #a855f7);color:var(--text, #fff);box-shadow:0 0 14px var(--accent-glow, rgba(168,85,247,.3))}.mq-theme-toggle__icon{font-size:1rem;line-height:1}.mq-theme-toggle__label{line-height:1}.mq-navbar__avatar-btn{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;background:var(--surface, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:99px;color:var(--text, #fff);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s ease;max-width:160px}.mq-navbar__avatar-btn:hover{background:#a855f71a;border-color:var(--accent, #a855f7);box-shadow:0 0 14px var(--accent-glow, rgba(168,85,247,.25))}.mq-navbar__avatar-emoji{font-size:1.25rem;line-height:1;flex-shrink:0}.mq-navbar__username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text, #fff)}@media (max-width: 480px){.mq-navbar{padding:0 16px}.mq-theme-toggle__label,.mq-navbar__username{display:none}.mq-navbar__avatar-btn{padding:6px 8px}}.profile-page{min-height:100vh;background-color:var(--bg, #0d0d0d);background-image:var(--bg-gradient, radial-gradient(ellipse 80% 50% at 50% 0%, rgba(98,0,234,.12) 0%, transparent 70%));color:var(--text, #fff);font-family:Inter,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.profile-page .ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.6;animation:floatOrb 10s ease-in-out infinite alternate;pointer-events:none}.profile-page .ambient-orb-1{width:400px;height:400px;background:#a855f724;top:-80px;left:-120px}.profile-page .ambient-orb-2{width:300px;height:300px;background:#38bdf81a;bottom:10%;right:-80px;animation-delay:-3s;animation-duration:12s}.profile-page .ambient-orb-3{width:260px;height:260px;background:#ef444414;top:50%;left:30%;animation-delay:-6s;animation-duration:15s}@keyframes floatOrb{0%{transform:translateY(0) scale(1)}to{transform:translateY(60px) scale(1.15)}}.profile-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:96px 24px 60px;gap:24px}.profile-back-btn{align-self:center;margin-top:16px}.profile-card{width:100%;max-width:480px;background:var(--card-bg, rgba(255,255,255,.03));-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(168,85,247,.18);border-radius:28px;padding:48px 36px 40px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 0 60px #a855f712,0 24px 80px #0006;animation:profileCardIn .6s cubic-bezier(.23,1,.32,1) forwards}@keyframes profileCardIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-avatar{font-size:5rem;line-height:1;filter:drop-shadow(0 0 24px rgba(168,85,247,.65));animation:avatarFloat 3s ease-in-out infinite alternate;margin-bottom:8px}@keyframes avatarFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.profile-username{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(168,85,247,.35))}.profile-badge{font-size:.82rem;color:var(--text-muted, #94a3b8);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-bottom:28px}.profile-stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 10px;background:var(--surface, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:18px;transition:all .25s ease}.profile-stat-card:hover{border-color:#a855f759;background:#a855f714;box-shadow:0 0 18px #a855f72e;transform:translateY(-2px)}.profile-stat-icon{font-size:1.4rem;filter:drop-shadow(0 0 6px rgba(168,85,247,.5))}.profile-stat-value{font-size:1.8rem;font-weight:800;color:var(--text, #fff);line-height:1.1}.profile-stat-label{font-size:.68rem;font-weight:700;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.7px;text-align:center}.profile-actions{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:16px;width:100%}.reset-wrapper{display:flex;flex-direction:column;align-items:center}.logout-btn{padding:11px 24px;background:var(--surface, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.15));border-radius:12px;color:var(--text, #fff);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}.logout-btn:hover{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 0 16px #ffffff1a}.reset-btn{padding:11px 24px;background:transparent;border:1px solid rgba(248,113,113,.3);border-radius:12px;color:#f87171;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}.reset-btn:hover{background:#f8717114;border-color:#f87171;box-shadow:0 0 16px #f8717138}.reset-btn--confirm{background:#f871711f;border-color:#f87171;animation:shakePulse .5s ease}@keyframes shakePulse{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.reset-hint{font-size:.78rem;color:#f87171;opacity:.75;text-align:center;margin-top:4px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:.75}}@media (max-width: 480px){.profile-card{padding:36px 20px 32px}.profile-stats-grid{gap:10px}.profile-stat-value{font-size:1.5rem}}*,*:before,*:after{transition:background-color .4s ease,border-color .4s ease,color .3s ease,box-shadow .4s ease}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--accent, #a855f7)}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;scroll-behavior:smooth}:root,:root[data-theme=dark]{--bg: #0d0d0d;--bg-gradient: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(98,0,234,.12) 0%, transparent 70%);--surface: rgba(255,255,255,.04);--surface-hover:rgba(255,255,255,.08);--border: rgba(255,255,255,.08);--text: #ffffff;--text-muted: #94a3b8;--accent: #a855f7;--accent-dark: #7e22ce;--accent-glow: rgba(168,85,247,.5);--accent2: #00e5be;--accent2-glow: rgba(0,229,190,.4);--card-bg: rgba(255,255,255,.03);--navbar-bg: rgba(13,13,13,.88)}:root[data-theme=light]{--bg: #f2eeff;--bg-gradient: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(168,85,247,.12) 0%, transparent 70%);--surface: rgba(0,0,0,.05);--surface-hover:rgba(0,0,0,.09);--border: rgba(0,0,0,.1);--text: #0f0f1a;--text-muted: #6b5f80;--accent: #7c3aed;--accent-dark: #6d28d9;--accent-glow: rgba(124,58,237,.35);--accent2: #00b894;--accent2-glow: rgba(0,184,148,.35);--card-bg: rgba(255,255,255,.65);--navbar-bg: rgba(242,238,255,.9)}:root[data-theme=neon]{--bg: #06060f;--bg-gradient: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(140,0,255,.2) 0%, transparent 70%);--surface: rgba(168,85,247,.06);--surface-hover:rgba(168,85,247,.12);--border: rgba(168,85,247,.22);--text: #f0e8ff;--text-muted: #a98ac8;--accent: #c060ff;--accent-dark: #9b33ea;--accent-glow: rgba(192,96,255,.7);--accent2: #00ffcc;--accent2-glow: rgba(0,255,204,.6);--card-bg: rgba(140,0,255,.05);--navbar-bg: rgba(6,6,15,.92)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 10px var(--accent-glow))}50%{filter:drop-shadow(0 0 25px var(--accent-glow))}}@keyframes mesh-drift{0%{transform:scale(1)}to{transform:scale(1.05) translate(5px,5px)}}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border:none;color:#fff;padding:12px 28px;border-radius:999px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--accent-glow);text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px var(--accent-glow);filter:brightness(1.1)}.btn-primary:active{transform:scale(.96)}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:12px 28px;border-radius:999px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}