:root{font-family:system-ui,-apple-system,sans-serif;color:#1f2937}body{margin:0;background:#f3f4f6}.app{max-width:640px;margin:0 auto;padding:2rem 1rem;text-align:center}h1{margin-bottom:1.5rem}.progress{color:#6b7280;font-weight:600}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;text-align:left}.question-text{margin-top:0}.options{display:flex;flex-direction:column;gap:.75rem}.option{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;font-size:1rem;text-align:left;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.option:hover:not(:disabled){border-color:#6366f1}.option:disabled{cursor:default}.option-key{font-weight:700;color:#6366f1}.option.correct{background:#dcfce7;border-color:#16a34a}.option.wrong{background:#fee2e2;border-color:#dc2626}.feedback{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;margin-top:1rem;box-shadow:0 2px 8px #00000014;text-align:left}.result-msg{font-size:1.25rem;font-weight:700;margin-top:0}.correct-text{color:#16a34a}.wrong-text{color:#dc2626}.explanation{background:#eef2ff;border-radius:8px;padding:.75rem 1rem}.next-btn{display:inline-block;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:#6366f1;border:none;border-radius:8px;cursor:pointer}.next-btn:hover{background:#4f46e5}.result-card{text-align:center}.score{font-size:1.5rem;font-weight:700;margin-bottom:0}.percent{font-size:3rem;font-weight:800;color:#6366f1;margin:.25rem 0}.summary{font-size:1.1rem;margin-bottom:1.5rem}.intro{font-weight:600;color:#6b7280}.game-select{display:flex;flex-direction:column;gap:1rem}.game-button{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:border-color .15s,transform .1s}.game-button:hover{border-color:#6366f1;transform:translateY(-2px)}.game-title{font-size:1.2rem;font-weight:700}.game-desc{color:#4b5563}.game-meta{font-size:.9rem;color:#6b7280}.button-row{display:flex;gap:.75rem;justify-content:center}.secondary-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#4f46e5;background:#eef2ff;border:none;border-radius:8px;cursor:pointer}.secondary-btn:hover{background:#e0e7ff}.menu-link{display:block;margin:1rem auto 0;background:none;color:#6b7280}.menu-link:hover{background:none;text-decoration:underline}.record{font-weight:700;color:#d97706}.record-prev{color:#6b7280}