.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.card{width:min(900px,100%);background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 60px #0f172a14;display:flex;flex-direction:column;gap:1.5rem}.card.center{text-align:center;align-items:center}.setup-card{gap:1rem}.header h1{margin:.35rem 0 0;font-size:clamp(1.5rem,2.4vw,2.5rem);line-height:1.2}.countdown-banner{margin:0;padding:.65rem 1rem;border-radius:.75rem;background:#e0e7ff;color:#312e81;font-weight:600;font-size:.95rem}.countdown-banner.started{background:#ecfdf5;color:#065f46}.label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.counter{margin:0;font-weight:600;color:#0f172a}.scenario{background:#f8fafc;border-radius:1rem;padding:1rem;border:1px solid #e2e8f0}.selection-panel{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;background:#f8fafc;display:flex;flex-direction:column;gap:.75rem}.selection-group{display:flex;flex-direction:column;gap:.5rem}.subject-options,.difficulty-options{display:flex;flex-wrap:wrap;gap:.75rem}.subject-option,.difficulty-option{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #cbd5f5;border-radius:999px;padding:.35rem .85rem;font-weight:600}.subject-option input,.difficulty-option input{width:1rem;height:1rem;accent-color:#6d6afe}.subject-option label,.difficulty-option label{cursor:pointer}.number-field{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.number-field input{width:140px;border-radius:.5rem;border:1px solid #cbd5f5;padding:.45rem .75rem;font-size:1rem}.options{display:flex;flex-direction:column;gap:.75rem}.option-button{border:2px solid #cbd5f5;border-radius:.9rem;padding:1rem;background:#fff;display:flex;gap:.75rem;align-items:center;font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:border .2s ease,background .2s ease,transform .1s ease}.option-button:hover:not(:disabled){border-color:#6d6afe;transform:translateY(-1px)}.option-button:disabled{cursor:not-allowed}.option-button.selected{border-color:#6d6afe;background:#eef2ff}.option-button.correct{border-color:#10b981;background:#ecfdf5}.option-button.incorrect{border-color:#fee2e2}.option-index{width:2rem;height:2rem;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;font-weight:600}.feedback{border-top:1px solid #e2e8f0;padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.difficulty-pill{align-self:flex-start;margin:0;font-size:.9rem;font-weight:600;color:#475569;background:#e2e8f0;border-radius:999px;padding:.25rem .85rem}.explanation h2{margin:0 0 .5rem;font-size:1.1rem}.explanation p,.explanation ul{margin:0;color:#334155}.explanation ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}.correct-text{color:#047857;font-weight:600}.incorrect-text{color:#dc2626;font-weight:600}.primary{background:#111827;color:#fff;border:none;border-radius:999px;padding:.9rem 1.6rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.primary:disabled{opacity:.4;cursor:not-allowed}.actions{display:flex;justify-content:flex-end}.actions-stack{flex-direction:column;align-items:stretch;gap:.75rem}.error-text{color:#dc2626;font-weight:600}.validation-message{color:#dc2626;font-weight:600;margin:0}.availability{margin:0;color:#475569}.muted{color:#475569;margin:0}.secondary{background:transparent;color:#111827;border:2px solid #111827;border-radius:999px;padding:.9rem 1.6rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.secondary:hover{opacity:.85}@media (max-width: 640px){.card{padding:1.25rem;border-radius:1rem}.option-button{flex-direction:row;align-items:center}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f5f5f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f5f4}#root{min-height:100vh}