:root{--bg: #0f172a;--card: #111827;--text: #e5e7eb;--muted: #9ca3af;--accent: #38bdf8;--correct: #16a34a;--wrong: #ef4444}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 20% 10%,#111827,#0b1020 60%,#070b16);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.container{max-width:860px;margin:0 auto;padding:1.5rem}.header{text-align:center;margin:1rem 0 1.5rem}.header h1{margin:0;font-size:2rem}.header p{color:var(--muted);margin:.25rem 0 .75rem}.scoreboard{display:inline-block;background:#0b1222;border:1px solid #1f2937;padding:.5rem .75rem;border-radius:8px}.quiz{background:var(--card);border:1px solid #1f2937;border-radius:14px;padding:1rem}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.progress{width:60%;height:8px;background:#0b1222;border-radius:999px;overflow:hidden;border:1px solid #1f2937}.progress .bar{height:100%;background:var(--accent)}.image-wrap{display:flex;justify-content:center;align-items:center;min-height:260px;background:#0b1222;border:1px dashed #1f2937;border-radius:10px;overflow:hidden}.image-wrap img{max-width:100%;max-height:360px;display:block}.options{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.option{width:100%;text-align:left;padding:.6rem .75rem;background:#0b1222;border:1px solid #1f2937;color:var(--text);border-radius:10px;cursor:pointer;transition:all .12s ease}.option:hover{border-color:#334155}.option.correct{border-color:var(--correct);color:#d1fae5}.option.wrong{border-color:var(--wrong);color:#fee2e2}.actions{display:flex;gap:.5rem}.actions button{background:#0b1222;border:1px solid #1f2937;color:var(--text);border-radius:8px;padding:.5rem .75rem;cursor:pointer}.actions button:disabled{opacity:.5;cursor:not-allowed}.loader{text-align:center;color:var(--muted);padding:2rem 0}.feedback{text-align:center;font-weight:600;margin:.25rem 0 .75rem}.footer{margin-top:1rem;text-align:center;color:var(--muted)}.footer button{margin-bottom:.5rem;background:transparent;border:1px solid #1f2937;color:var(--text);border-radius:8px;padding:.4rem .6rem;cursor:pointer}
