*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#0a0a2e;color:#fff;min-height:100vh;overflow-x:hidden;padding-bottom:80px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-animation span{position:absolute;display:block;width:20px;height:20px;background:rgba(255,255,255,0.05);animation:float 25s linear infinite;bottom:-150px;border-radius:50%}.bg-animation span:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.bg-animation span:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.bg-animation span:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.bg-animation span:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.bg-animation span:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}@keyframes float{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(-1000px) rotate(720deg);opacity:0}}.top-bar{position:fixed;top:0;left:0;width:100%;padding:85px 20px 15px;display:flex;justify-content:space-between;align-items:center;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(10,10,46,0.85);border-bottom:1px solid rgba(255,255,255,0.1)}.logo{font-size:1.4rem;font-weight:bold;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.top-bar-right{display:flex;align-items:center;gap:10px}.icon-btn{width:40px;height:40px;border:2px solid rgba(102,126,234,0.5);background:rgba(10,10,46,0.8);color:#fff;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all 0.3s;display:flex;align-items:center;justify-content:center;position:relative}.icon-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 0 10px rgba(102,126,234,0.5)}.lang-switcher{position:relative}.lang-switcher select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;appearance:none}.page{display:none;min-height:calc(100vh - 80px);padding:140px 20px 40px;animation:pageIn 0.4s ease-out}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;background:rgba(10,10,46,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,0.1);padding:8px 0;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;cursor:pointer;color:#666;background:none;border:none;font-family:inherit;transition:all 0.3s}.nav-item:hover,.nav-item.active{color:#667eea}.nav-item .nav-icon{font-size:1.4rem}.nav-item .nav-label{font-size:0.65rem;font-weight:bold}.nav-item.active .nav-icon{transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(102,126,234,0.6))}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 160px)}.home-page h1{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite;background-size:200% 200%;line-height:1.2}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.home-page p{font-size:1.1rem;color:#aaa;margin-bottom:30px;max-width:500px}.cta-container{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}.cta-button{padding:15px 40px;font-size:1.1rem;border:none;border-radius:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;cursor:pointer;transition:all 0.3s;font-weight:bold;box-shadow:0 10px 30px rgba(102,126,234,0.4)}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px rgba(102,126,234,0.6)}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;max-width:600px;margin-top:50px;width:100%}.home-feature{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:15px;padding:20px 10px;text-align:center;transition:all 0.3s}.home-feature:hover{transform:translateY(-5px);border-color:rgba(102,126,234,0.5)}.home-feature .icon{font-size:2rem;margin-bottom:8px}.home-feature .title{font-size:0.85rem;color:#ccc}.reg-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px)}.reg-card{background:linear-gradient(145deg,#1a1a4e,#0d0d35);border:1px solid rgba(102,126,234,0.3);border-radius:30px;padding:40px 30px;max-width:450px;width:100%;text-align:center;position:relative;overflow:hidden}.reg-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(102,126,234,0.05),transparent);animation:rotateGlow 10s linear infinite}@keyframes rotateGlow{100%{transform:rotate(360deg)}}.reg-content{position:relative;z-index:1}.reg-card h2{font-size:1.8rem;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reg-card .subtitle{color:#888;margin-bottom:30px;font-size:0.95rem}.form-group{margin-bottom:25px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#aaa;font-size:0.9rem;font-weight:bold}.form-group input[type="text"]{width:100%;padding:14px 18px;font-size:1.1rem;border:2px solid rgba(102,126,234,0.3);background:rgba(255,255,255,0.05);color:white;border-radius:15px;outline:none;transition:all 0.3s}.form-group input[type="text"]:focus{border-color:#667eea;box-shadow:0 0 15px rgba(102,126,234,0.2)}.country-select{width:100%;padding:14px 18px;font-size:1.1rem;border:2px solid rgba(102,126,234,0.3);background:rgba(255,255,255,0.05);color:white;border-radius:15px;outline:none;transition:all 0.3s}.country-select:focus{border-color:#667eea;box-shadow:0 0 15px rgba(102,126,234,0.2)}.country-select option{background:#0a0a2e;color:white}.age-display{font-size:3rem;font-weight:bold;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:10px 0;transition:all 0.2s;text-align:center}.age-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:5px;background:rgba(255,255,255,0.1);outline:none}.age-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 5px 15px rgba(102,126,234,0.5)}.age-labels{display:flex;justify-content:space-between;margin-top:8px;color:#666;font-size:0.8rem}.modal-submit-btn{width:100%;padding:16px;font-size:1.1rem;border:none;border-radius:25px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;cursor:pointer;transition:all 0.3s;font-weight:bold;margin-top:10px}.modal-submit-btn:hover{transform:scale(1.03);box-shadow:0 10px 30px rgba(102,126,234,0.5)}.error-shake{animation:shake 0.4s;border-color:#ff6b6b !important}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.game-header{text-align:center;margin-bottom:20px;position:relative}.game-header h2{font-size:1.8rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}.game-container{max-width:700px;margin:0 auto;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:30px;padding:25px 15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.level-selector{display:flex;justify-content:center;gap:6px;margin-bottom:15px;flex-wrap:wrap}.level-btn{padding:8px 14px;border:2px solid rgba(102,126,234,0.5);background:transparent;color:#667eea;border-radius:25px;cursor:pointer;transition:all 0.3s;font-size:0.85rem;font-weight:bold;position:relative}.level-btn:hover:not(:disabled),.level-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:transparent}.level-btn:disabled{opacity:0.3;cursor:not-allowed;border-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.4)}.level-time-badge{display:block;font-size:0.65rem;opacity:0.8;margin-top:2px;font-weight:normal}.level-desc{text-align:center;font-size:0.85rem;color:#a1b0fa;margin-bottom:20px;padding:12px;background:rgba(102,126,234,0.1);border-radius:15px;border:1px dashed rgba(102,126,234,0.3);line-height:1.5}.timers-row{display:flex;justify-content:space-around;align-items:center;margin-bottom:15px;gap:15px;flex-wrap:wrap}.timer-block{text-align:center;flex:1;min-width:120px}.timer-label{font-size:0.7rem;color:#888;margin-bottom:5px;text-transform:uppercase}.total-timer{font-size:1.2rem;color:#f093fb;font-weight:bold}.question-timer-display{font-size:2rem;font-weight:bold;color:#4ecdc4;transition:color 0.3s}.question-timer-display.warning{color:#ffa500}.question-timer-display.danger{color:#ff6b6b}.question-timer-display.danger.pulse{animation:timerPulse 0.5s ease-in-out infinite}@keyframes timerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.question-timer-bar{width:100%;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden;margin-bottom:15px}.question-timer-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#667eea);border-radius:3px;transition:width 0.1s linear,background 0.3s;width:100%}.question-timer-fill.warning{background:linear-gradient(90deg,#ffa500,#ff8c00)}.question-timer-fill.danger{background:linear-gradient(90deg,#ff6b6b,#ff4757);animation:dangerShimmer 0.5s linear infinite}@keyframes dangerShimmer{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.progress-container{width:100%;max-width:500px;margin:15px auto;background:rgba(255,255,255,0.1);border-radius:10px;overflow:hidden;height:8px}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:10px;transition:width 0.5s ease;background-size:200% 100%;animation:shimmer 2s linear infinite;width:0%}.question-display{font-size:2.2rem;margin:25px 0;font-weight:bold;min-height:70px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;transition:opacity 0.3s}.question-display .num{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:popIn 0.5s ease-out}@keyframes popIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.question-display .operator{color:#f093fb;font-size:1.8rem}.input-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px;flex-wrap:wrap}.answer-input{width:110px;padding:12px;font-size:1.5rem;text-align:center;border:2px solid rgba(102,126,234,0.5);background:rgba(255,255,255,0.05);color:white;border-radius:15px;outline:none;transition:all 0.3s}.answer-input:focus{border-color:#667eea;box-shadow:0 0 20px rgba(102,126,234,0.3)}.answer-input:disabled{opacity:0.4;cursor:not-allowed}.submit-btn{padding:12px 20px;font-size:1rem;border:none;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;cursor:pointer;transition:all 0.3s;font-weight:bold}.submit-btn:hover:not(:disabled){transform:scale(1.05)}.submit-btn:disabled{opacity:0.4;cursor:not-allowed}.mcq-container{display:none;justify-content:center;gap:10px;margin-top:15px;flex-wrap:wrap}.mcq-btn{padding:15px 20px;font-size:1.3rem;border:2px solid rgba(102,126,234,0.5);background:rgba(255,255,255,0.05);color:white;border-radius:15px;cursor:pointer;transition:all 0.3s;font-weight:bold;flex:1;min-width:80px;max-width:120px}.mcq-btn:hover:not(:disabled){border-color:#667eea;background:rgba(102,126,234,0.2);transform:translateY(-3px);box-shadow:0 5px 15px rgba(102,126,234,0.3)}.mcq-btn:disabled{opacity:0.4;cursor:not-allowed}.streak-display{margin-top:15px;font-size:1rem;color:#f093fb;min-height:25px;text-align:center}.score-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}.score-item{text-align:center;background:rgba(255,255,255,0.03);padding:10px 5px;border-radius:12px;border:1px solid rgba(255,255,255,0.05)}.score-item .label{font-size:0.65rem;color:#888;margin-bottom:5px;text-transform:uppercase}.score-item .value{font-size:1.2rem;font-weight:bold;color:#667eea}.score-item .value.correct{color:#4ecdc4}.score-item .value.wrong{color:#ff6b6b}.gameover-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;animation:overlayIn 0.4s ease-out}.gameover-overlay.active{display:flex}@keyframes overlayIn{from{opacity:0}to{opacity:1}}.gameover-card{background:linear-gradient(145deg,#1a1a4e,#0d0d35);border:2px solid rgba(255,107,107,0.4);border-radius:30px;padding:40px 30px;max-width:450px;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(255,75,87,0.3)}.gameover-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,107,107,0.08),transparent);animation:rotateGlow 10s linear infinite}.gameover-content{position:relative;z-index:1}.gameover-emoji{font-size:5rem;margin-bottom:10px;animation:emojiBounce 1s ease-in-out infinite;display:inline-block}@keyframes emojiBounce{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.gameover-title{font-size:2.2rem;font-weight:bold;background:linear-gradient(135deg,#ff6b6b,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;text-transform:uppercase}.gameover-subtitle{color:#aaa;margin-bottom:25px;font-size:0.95rem}.gameover-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:25px}.go-stat{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:15px;padding:15px 10px}.go-stat .label{font-size:0.7rem;color:#888;margin-bottom:5px;text-transform:uppercase}.go-stat .value{font-size:1.5rem;font-weight:bold;color:#667eea}.go-stat .value.highlight{color:#ffd700}.go-stat .value.correct{color:#4ecdc4}.go-stat .value.wrong{color:#ff6b6b}.gameover-answer{background:rgba(255,107,107,0.1);border:1px solid rgba(255,107,107,0.3);border-radius:12px;padding:12px;margin-bottom:20px;font-size:1rem;color:#ff9999}.gameover-answer strong{color:#fff;font-size:1.2rem}.gameover-buttons{display:flex;flex-direction:column;gap:10px}.go-btn{padding:14px 20px;font-size:1rem;border:none;border-radius:25px;cursor:pointer;font-weight:bold;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:8px}.go-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 10px 25px rgba(102,126,234,0.4)}.go-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 35px rgba(102,126,234,0.6)}.go-btn-secondary{background:transparent;color:#ffd700;border:2px solid rgba(255,215,0,0.5)}.go-btn-secondary:hover{background:rgba(255,215,0,0.1);transform:translateY(-2px)}.timeout-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 30%,rgba(255,75,87,0.4) 100%);z-index:9998;pointer-events:none;animation:timeoutFlash 0.8s ease-out forwards}@keyframes timeoutFlash{0%{opacity:1}100%{opacity:0}}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,10,46,0.9);backdrop-filter:blur(10px);z-index:10001;display:none;align-items:center;justify-content:center}.countdown-number{font-size:8rem;font-weight:bold;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes countPulse{0%{transform:scale(0.5);opacity:0}30%{transform:scale(1.2);opacity:1}100%{transform:scale(1);opacity:0}}.lb-page-header{text-align:center;margin-bottom:15px}.lb-page-header h2{font-size:1.8rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.leaderboard-filters{display:flex;justify-content:center;gap:10px;margin-bottom:15px;flex-wrap:wrap;align-items:center}.lb-select{padding:6px 12px;background:rgba(10,10,46,0.8);color:white;border:2px solid rgba(102,126,234,0.5);border-radius:15px;outline:none;font-weight:bold;cursor:pointer;font-family:inherit}.leaderboard-container{max-width:700px;margin:0 auto;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:25px;padding:20px 15px;backdrop-filter:blur(10px)}.leaderboard-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:15px;flex-wrap:wrap}.lb-tab{padding:6px 14px;border:2px solid rgba(102,126,234,0.5);background:transparent;color:#667eea;border-radius:25px;cursor:pointer;transition:all 0.3s;font-size:0.75rem;font-weight:bold}.lb-tab:hover,.lb-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:transparent}.leaderboard-list{list-style:none}.lb-item{display:flex;align-items:center;padding:12px 10px;margin-bottom:8px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:15px;transition:all 0.3s}.lb-item:hover{background:rgba(255,255,255,0.08)}.lb-item.top-1{background:linear-gradient(135deg,rgba(255,215,0,0.15),rgba(255,215,0,0.05));border-color:rgba(255,215,0,0.3)}.lb-item.top-2{background:linear-gradient(135deg,rgba(192,192,192,0.15),rgba(192,192,192,0.05));border-color:rgba(192,192,192,0.3)}.lb-item.top-3{background:linear-gradient(135deg,rgba(205,127,50,0.15),rgba(205,127,50,0.05));border-color:rgba(205,127,50,0.3)}.lb-item.current-user{border-color:#667eea;box-shadow:0 0 15px rgba(102,126,234,0.3)}.lb-rank{font-size:1.2rem;font-weight:bold;width:40px;text-align:center}.lb-rank.gold{color:#ffd700}.lb-rank.silver{color:#c0c0c0}.lb-rank.bronze{color:#cd7f32}.lb-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1rem;margin:0 10px;flex-shrink:0}.lb-info{flex:1;text-align:left;min-width:0}.lb-name{font-weight:bold;font-size:0.9rem;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-details{font-size:0.7rem;color:#888}.lb-details span.mode-badge{display:inline-block;background:rgba(102,126,234,0.2);padding:2px 6px;border-radius:10px;color:#a1b0fa;margin-left:4px}.lb-score{font-size:1.1rem;font-weight:bold;color:#667eea;margin-left:10px}.lb-loading{padding:40px;text-align:center;color:#888}.lb-loading .spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,0.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{100%{transform:rotate(360deg)}}.lb-empty{padding:40px;text-align:center;color:#666}.table-page-header{text-align:center;margin-bottom:20px}.table-page-header h2{font-size:1.8rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px}.table-container{max-width:800px;margin:0 auto}.table-selector{display:flex;justify-content:center;gap:8px;margin-bottom:25px;flex-wrap:wrap}.table-btn{width:45px;height:45px;border:2px solid rgba(102,126,234,0.5);background:transparent;color:#667eea;border-radius:50%;cursor:pointer;font-size:1.1rem;font-weight:bold;transition:all 0.3s}.table-btn:hover,.table-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:transparent;transform:scale(1.1)}.table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.table-cell{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:15px 10px;font-size:0.9rem;text-align:center;transition:all 0.3s;cursor:pointer;animation:popIn 0.3s ease-out both}.table-cell:hover{background:linear-gradient(135deg,rgba(102,126,234,0.3),rgba(118,75,162,0.3));transform:scale(1.05);border-color:#667eea}.profile-page{max-width:500px;margin:0 auto}.profile-card{background:linear-gradient(145deg,#1a1a4e,#0d0d35);border:1px solid rgba(102,126,234,0.3);border-radius:25px;padding:30px 20px;text-align:center;margin-bottom:20px}.profile-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 15px;box-shadow:0 10px 30px rgba(102,126,234,0.4)}.profile-name{font-size:1.5rem;font-weight:bold;margin-bottom:5px}.profile-age{color:#888;margin-bottom:20px}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.profile-stat{background:rgba(255,255,255,0.05);padding:15px 10px;border-radius:15px;border:1px solid rgba(255,255,255,0.05)}.profile-stat .label{font-size:0.75rem;color:#888;margin-bottom:5px}.profile-stat .value{font-size:1.5rem;font-weight:bold;color:#667eea}.reset-btn{width:100%;padding:14px;border:2px solid rgba(255,107,107,0.5);background:transparent;color:#ff6b6b;border-radius:15px;cursor:pointer;font-size:0.95rem;font-weight:bold;transition:all 0.3s;margin-top:20px}.reset-btn:hover{background:rgba(255,107,107,0.1)}.feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;z-index:9999;pointer-events:none;animation:feedbackAnim 1s ease-out forwards}@keyframes feedbackAnim{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}.combo-text{position:fixed;font-size:1.5rem;color:#ffd700;font-weight:bold;animation:comboFloat 1s ease-out forwards;pointer-events:none;z-index:9999}@keyframes comboFloat{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-50px) scale(1.5);opacity:0}}.achievement{position:fixed;top:140px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);padding:15px 25px;border-radius:15px;z-index:10000;animation:slideIn 0.5s ease,slideOut 0.5s ease 2.5s forwards;box-shadow:0 10px 30px rgba(102,126,234,0.5);max-width:280px}@keyframes slideIn{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}.achievement h4{margin-bottom:5px;font-size:1rem}.achievement p{font-size:0.85rem;opacity:0.9}.confetti{position:fixed;top:-10px;z-index:9999;pointer-events:none;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width:600px){.home-page h1{font-size:2.2rem}.question-display{font-size:1.8rem}.score-board{grid-template-columns:repeat(2,1fr)}.nav-item .nav-label{font-size:0.6rem}.nav-item .nav-icon{font-size:1.2rem}.question-timer-display{font-size:1.6rem}.gameover-title{font-size:2rem}.gameover-emoji{font-size:4rem}.gameover-stats{grid-template-columns:repeat(2,1fr);gap:8px}.go-stat .value{font-size:1.2rem}}