:root{--primary: #6366f1;--secondary: #a855f7;--accent: #f43f5e;--bg: #0f172a;--card-bg: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--correct: #22c55e;--wrong: #ef4444;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(168,85,247,.15) 0px,transparent 50%);color:var(--text-primary)}.game-container{width:90%;max-width:500px;background:var(--card-bg);border-radius:24px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;margin:2rem 0}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.score-badge{background:#6366f11a;color:var(--primary);padding:.5rem 1rem;border-radius:9999px;font-weight:600;font-size:.875rem;border:1px solid rgba(99,102,241,.2)}.progress-bar{height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:2rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,var(--primary),var(--secondary));transition:width .3s ease}.description-card{background:#ffffff08;padding:1.5rem;border-radius:16px;margin-bottom:2rem;line-height:1.6;font-size:1.125rem;color:var(--text-primary);border:1px solid rgba(255,255,255,.05)}.options-grid{display:grid;gap:1rem}.option-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1.25rem;border-radius:12px;color:var(--text-primary);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1rem;position:relative;overflow:hidden}.option-button:hover:not(:disabled){background:#ffffff14;transform:translateY(-2px);border-color:#6366f166}.option-button.correct{background:#22c55e1a;border-color:var(--correct);color:var(--correct)}.option-button.wrong{background:#ef44441a;border-color:var(--wrong);color:var(--wrong)}.option-button:disabled{cursor:default;opacity:.7}.result-screen{text-align:center;padding:2rem 0}.result-icon{width:80px;height:80px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--primary)}.result-score{font-size:4rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.restart-button{background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:2rem;transition:all .2s;box-shadow:0 10px 15px -3px #6366f166}.restart-button:hover{transform:scale(1.05);box-shadow:0 15px 20px -5px #6366f180}.feedback-container{margin-top:1.5rem;height:1.5rem;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.feedback-correct{color:var(--correct)}.feedback-wrong{color:var(--wrong)}