:root{--bg: #0f0f1a;--card-bg: #1a1a2e;--card-border: rgba(255, 255, 255, .08);--text: #f0f0f5;--text-dim: rgba(255, 255, 255, .6);--accent: #6c5ce7;--accent-glow: rgba(108, 92, 231, .3);--green: #00b894;--green-glow: rgba(0, 184, 148, .3);--red: #e74c3c;--red-glow: rgba(231, 76, 60, .3);--yellow: #fdcb6e;--orange: #e17055;--pink: #e84393;--blue: #0984e3;--cyan: #00cec9;--gradient-1: linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-2: linear-gradient(135deg, #e84393, #fd79a8);--gradient-3: linear-gradient(135deg, #00b894, #55efc4);--gradient-4: linear-gradient(135deg, #e17055, #fab1a0);--radius: 16px;--radius-sm: 10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}body{background-image:radial-gradient(circle at 20% 80%,rgba(108,92,231,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(232,67,147,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,206,201,.04) 0%,transparent 50%);background-attachment:fixed}.app{min-height:100vh;display:flex;flex-direction:column}.home-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2.5rem}.home-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.logo-icon{font-size:4rem;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--accent-glow))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.home-title{font-size:2.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.home-subtitle{color:var(--text-dim);font-size:1.1rem;max-width:28rem}.modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:600px;width:100%}.mode-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .25s ease;display:flex;align-items:flex-start;gap:1rem;text-align:left;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s}.mode-classic:before{background:var(--gradient-1)}.mode-time:before{background:var(--gradient-2)}.mode-multi:before{background:var(--gradient-3)}.mode-daily:before{background:var(--gradient-4)}.mode-card:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 8px 32px #0000004d}.mode-card:hover:before{opacity:.08}.mode-card:active{transform:translateY(0)}.mode-icon{font-size:2rem;flex-shrink:0;position:relative}.mode-info h3{font-size:1.1rem;font-weight:700;margin-bottom:.25rem;position:relative}.mode-info p{font-size:.85rem;color:var(--text-dim);position:relative}.mode-daily.completed{opacity:.7}.badge{position:absolute;top:1rem;right:1rem;background:var(--green);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.category-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem}.back-btn{align-self:flex-start;background:none;border:1px solid var(--card-border);color:var(--text-dim);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all .2s}.back-btn:hover{border-color:#fff3;color:var(--text)}.category-screen h2{font-size:1.8rem;font-weight:700}.cat-subtitle{color:var(--text-dim);font-size:.95rem}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:500px;width:100%}.category-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-sm);padding:1.25rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cat-color);opacity:0;transition:opacity .2s}.category-card:hover{border-color:#ffffff26}.category-card:hover:after{opacity:.08}.category-card.selected{border-color:var(--cat-color);box-shadow:0 0 16px color-mix(in srgb,var(--cat-color) 30%,transparent)}.category-card.selected:after{opacity:.12}.cat-icon{font-size:1.8rem;position:relative}.cat-name{font-size:.8rem;font-weight:600;position:relative}.start-btn{background:var(--gradient-1);color:#fff;border:none;padding:1rem 2.5rem;border-radius:999px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:.5rem}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.quiz-screen{min-height:100vh;display:flex;flex-direction:column;padding:1rem 1.5rem 2rem;max-width:700px;margin:0 auto;width:100%;gap:1rem}.quiz-top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.quit-btn{background:none;border:1px solid var(--card-border);color:var(--text-dim);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.quit-btn:hover{border-color:var(--red);color:var(--red)}.quiz-stats{display:flex;gap:1.5rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.stat-value{font-size:1.3rem;font-weight:800}.streak-stat .stat-value{color:var(--yellow)}.question-counter{font-size:.9rem;font-weight:700;color:var(--text-dim);background:var(--card-bg);padding:.4rem .8rem;border-radius:999px}.progress-bar{height:4px;background:#ffffff0f;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-1);border-radius:999px;transition:width .4s ease}.timer{display:flex;align-items:center;gap:.75rem}.timer-bar{flex:1;height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden}.timer-fill{height:100%;background:var(--gradient-1);border-radius:999px;transition:width 1s linear}.timer-danger .timer-fill{background:var(--red);animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.timer-text{font-size:1.2rem;font-weight:800;min-width:2.5rem;text-align:right}.timer-danger .timer-text{color:var(--red)}.mp-scoreboard{display:flex;align-items:center;justify-content:center;gap:1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:.75rem 1.25rem}.mp-player{display:flex;flex-direction:column;align-items:center;min-width:100px}.mp-name{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.mp-score{font-size:1.5rem;font-weight:800}.mp-you .mp-score{color:var(--green)}.mp-opp .mp-score{color:var(--orange)}.mp-vs{font-size:.8rem;font-weight:800;color:var(--text-dim);background:#ffffff0d;padding:.25rem .6rem;border-radius:999px}.quiz-category-tag{align-self:center;padding:.35rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600}.question-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center}.question-text{font-size:1.3rem;font-weight:700;line-height:1.5}.options-grid{display:flex;flex-direction:column;gap:.6rem}.option-btn{display:flex;align-items:center;gap:.75rem;background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-sm);padding:1rem 1.25rem;cursor:pointer;transition:all .2s;text-align:left;font-size:1rem;color:var(--text);position:relative}.option-btn:not(:disabled):hover{border-color:var(--accent);background:#6c5ce714;transform:translate(4px)}.option-btn:disabled{cursor:default}.option-letter{width:32px;height:32px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;transition:all .2s}.option-text{flex:1}.option-icon{font-size:1.2rem;font-weight:700}.option-btn.correct{border-color:var(--green);background:#00b8941a}.option-btn.correct .option-letter{background:var(--green);color:#fff}.option-btn.correct .option-icon{color:var(--green)}.option-btn.wrong{border-color:var(--red);background:#e74c3c1a}.option-btn.wrong .option-letter{background:var(--red);color:#fff}.option-btn.wrong .option-icon{color:var(--red)}.option-btn.dimmed{opacity:.35}.feedback{text-align:center;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:700;font-size:1rem;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-correct{background:var(--green-glow);color:var(--green);border:1px solid var(--green)}.feedback-wrong{background:var(--red-glow);color:var(--red);border:1px solid var(--red)}.results-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.results-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:2rem;max-width:500px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.result-banner{text-align:center}.result-banner h2{font-size:1.8rem;font-weight:800}.result-banner p{color:var(--text-dim);font-size:1rem;margin-top:.25rem}.result-banner.won h2{color:var(--green)}.result-banner.lost h2{color:var(--red)}.results-score-circle{display:flex;flex-direction:column;align-items:center;gap:.5rem}.score-ring{display:flex;align-items:baseline;gap:.15rem}.big-score{font-size:4rem;font-weight:900;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-divider{font-size:2rem;color:var(--text-dim);font-weight:300}.total-q{font-size:2rem;color:var(--text-dim);font-weight:600}.score-label{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.rank-display{display:flex;flex-direction:column;align-items:center;gap:.4rem}.rank-stars{display:flex;gap:.25rem}.star{font-size:1.8rem;color:#ffffff1a;transition:all .3s}.star.filled{color:var(--yellow);text-shadow:0 0 12px rgba(253,203,110,.5)}.rank-title{font-size:1.2rem;font-weight:700;color:var(--yellow)}.results-stats{display:flex;gap:2rem;justify-content:center}.result-stat{display:flex;flex-direction:column;align-items:center}.rs-value{font-size:1.5rem;font-weight:800}.rs-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.review-section{width:100%}.review-section h3{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dim)}.review-list{display:flex;flex-direction:column;gap:.4rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.review-list::-webkit-scrollbar{width:4px}.review-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.review-item{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;border-radius:var(--radius-sm);background:#ffffff05}.review-correct{border-left:3px solid var(--green)}.review-wrong{border-left:3px solid var(--red)}.review-icon{font-weight:700;font-size:.9rem;margin-top:.1rem}.review-correct .review-icon{color:var(--green)}.review-wrong .review-icon{color:var(--red)}.review-content{display:flex;flex-direction:column;gap:.15rem}.review-question{font-size:.85rem;font-weight:500}.review-answer{font-size:.8rem;color:var(--green);font-weight:600}.results-actions{display:flex;gap:.75rem;width:100%}.btn-primary{flex:1;background:var(--gradient-1);color:#fff;border:none;padding:.9rem 1.5rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.btn-secondary{flex:1;background:#ffffff0d;color:var(--text);border:1px solid var(--card-border);padding:.9rem 1.5rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:#fff3;background:#ffffff14}@media(max-width:600px){.modes-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.home-title{font-size:1.8rem}.question-text{font-size:1.1rem}.quiz-stats,.results-stats{gap:1rem}}