@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-dark: #0a0a0f;--bg-card: #13131a;--bg-elevated: #1a1a24;--accent: #6c5ce7;--accent-glow: rgba(108, 92, 231, .4);--correct: #00b894;--correct-glow: rgba(0, 184, 148, .4);--wrong: #e17055;--wrong-glow: rgba(225, 112, 85, .4);--warning: #fdcb6e;--danger: #e17055;--text: #eee;--text-dim: #888;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100dvh;overflow-x:hidden}#app{max-width:680px;margin:0 auto;padding:16px;min-height:100dvh}.screen{display:none;min-height:100dvh}.screen.active{display:flex;flex-direction:column}.intro-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.logo-text{font-family:Space Grotesk,sans-serif;font-size:3.5rem;font-weight:700;letter-spacing:-2px;color:var(--text-dim)}.logo-text span{color:var(--accent)}.logo-text.small{font-size:2rem;margin-bottom:12px}.tagline{font-size:1.2rem;color:var(--text);font-weight:600}.subtitle{color:var(--text-dim);font-size:.9rem}.btn-primary{background:var(--accent);color:#fff;border:none;padding:16px 48px;border-radius:var(--radius);font-size:1.1rem;font-weight:700;cursor:pointer;letter-spacing:2px;margin-top:24px;transition:all .2s;font-family:Space Grotesk,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid #333;padding:14px 36px;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Space Grotesk,sans-serif}.btn-secondary:hover{background:#222;border-color:var(--accent)}.game-header{display:flex;align-items:center;gap:12px;padding:8px 0 12px;flex-shrink:0}.progress-info{display:flex;align-items:center;gap:8px;white-space:nowrap}#question-counter{font-weight:700;font-size:.9rem;color:var(--text-dim);font-family:Space Grotesk,sans-serif}.timer-bar-container{flex:1;height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.timer-bar{height:100%;width:100%;background:var(--accent);border-radius:3px;transition:width 1s linear}.timer-bar.warning{background:var(--warning)}.timer-bar.danger{background:var(--danger);animation:pulse-bar .5s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.5}}.score-display{font-weight:700;font-size:.9rem;color:var(--accent);font-family:Space Grotesk,sans-serif;white-space:nowrap}.streak-badge{background:var(--correct);color:#000;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;font-family:Space Grotesk,sans-serif;letter-spacing:1px}.streak-badge.hidden{display:none}.streak-badge.pulse{animation:streak-pop .4s ease-out}@keyframes streak-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius);overflow:hidden;flex-shrink:0}#game-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-overlay.hidden{display:none}.video-overlay.correct{background:#00b89440}.video-overlay.wrong{background:#e1705540}.video-overlay.timeout{background:#0009}#overlay-content{text-align:center}.feedback-icon{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:4px;animation:feedback-in .3s ease-out}.video-overlay.correct .feedback-icon{color:var(--correct);text-shadow:0 0 30px var(--correct-glow)}.video-overlay.wrong .feedback-icon,.video-overlay.timeout .feedback-icon{color:var(--wrong);text-shadow:0 0 30px var(--wrong-glow)}.feedback-points{font-size:1.3rem;font-weight:700;color:var(--correct);margin-top:8px;font-family:Space Grotesk,sans-serif}.feedback-streak{font-size:1rem;color:var(--warning);font-weight:700;margin-top:4px;animation:streak-pop .4s ease-out}.feedback-game{font-size:1rem;color:var(--text);margin-top:8px;opacity:.9}@keyframes feedback-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.answers-container{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 0;flex-shrink:0}.answer-btn{background:var(--bg-card);border:2px solid #2a2a35;color:var(--text);padding:14px 12px;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:Inter,sans-serif;text-align:center;line-height:1.3}.answer-btn:hover:not(:disabled){border-color:var(--accent);background:var(--bg-elevated);transform:translateY(-1px)}.answer-btn:active:not(:disabled){transform:translateY(0)}.answer-btn.correct{border-color:var(--correct);background:#00b89426;color:var(--correct);box-shadow:0 0 20px var(--correct-glow)}.answer-btn.wrong{border-color:var(--wrong);background:#e1705526;color:var(--wrong);box-shadow:0 0 20px var(--wrong-glow)}.answer-btn:disabled{cursor:default;opacity:.6}.answer-btn.correct,.answer-btn.wrong{opacity:1}.results-container{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:40px;gap:20px}.results-score{text-align:center;width:100%}.big-score{font-family:Space Grotesk,sans-serif;font-size:4rem;font-weight:700;color:var(--accent);line-height:1;text-shadow:0 0 40px var(--accent-glow)}.score-label{font-size:.85rem;color:var(--text-dim);letter-spacing:3px;margin-top:4px;font-weight:600}.stats-row{display:flex;justify-content:center;gap:24px;margin-top:20px}.stat{text-align:center}.stat-value{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text)}.stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.results-breakdown{width:100%;max-width:500px;display:flex;flex-direction:column;gap:4px}a.result-row{text-decoration:none;color:inherit}.result-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--bg-card);font-size:.85rem;cursor:pointer;transition:background .15s}.result-row:hover{background:var(--bg-elevated)}.result-row.correct .result-indicator{color:var(--correct)}.result-row.wrong .result-indicator{color:var(--wrong)}.result-indicator{font-size:1.1rem;font-weight:700;width:20px;text-align:center}.result-name{flex:1;display:flex;flex-direction:column;gap:2px}.steam-link{font-size:.7rem;color:var(--text-dim);opacity:0;transition:opacity .15s}.result-row:hover .steam-link{opacity:1}.result-points{font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--text-dim)}.result-row.correct .result-points{color:var(--correct)}.results-actions{display:flex;gap:12px;margin-top:12px;padding-bottom:40px}.results-actions .btn-primary,.results-actions .btn-secondary{flex:1;padding:16px 24px;text-align:center}@media(max-width:480px){.logo-text{font-size:2.5rem}.answers-container{grid-template-columns:1fr}.answer-btn{padding:16px;font-size:.9rem}.stats-row{gap:16px}.stat-value{font-size:1.2rem}.big-score{font-size:3rem}.feedback-icon{font-size:2rem}.results-actions{flex-direction:column;width:100%}.results-actions button{width:100%}}