main.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{width:100%;max-width:700px;margin:0 auto;padding-bottom:80px;text-align:center}.error-text.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{color:#ff4136;font-weight:700}.start-card.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR,.game-over.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;width:100%;max-width:480px;margin:0 auto}.intro.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{font-size:1.05em;line-height:1.5}.hud.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%;margin-bottom:12px}.hud-chip.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{background:#ffffff38;color:#fff;font-weight:700;padding:4px 12px;border-radius:14px;font-size:.95em}.progress-container.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{width:100%;max-width:600px;height:8px;background:#ffffff40;border-radius:4px;margin:0 auto 10px;overflow:hidden}.progress-bar.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{height:100%;background:#11e74b;transition:width .3s ease}.question-card.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:560px;margin:0 auto 10px;background:#fff;color:#222;border-radius:14px;padding:14px 18px;box-sizing:border-box;text-align:center}.sentence-text.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{margin:0;font-size:1.25rem;font-weight:600;line-height:1.5}.blank.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{display:inline-block;width:2.6em;border-bottom:3px solid #444444;margin:0 3px;transform:translateY(-.1em)}.options.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;max-width:560px;margin:0 auto 10px}.option.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{margin:0;padding:8px 20px;width:fit-content;font-size:1.05rem;background:#fff;color:#222;border:2px solid #cfcdcd;border-radius:10px;font-weight:600;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.option.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR:hover:not(:disabled){border-color:#1367d5}.option.revealed.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{background:#2ecc40;border-color:#1e9e3f;color:#fff}.option.wrong.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{background:#ff4136;border-color:#c0392b;color:#fff}.option.dimmed.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{opacity:.55}.option.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR:disabled{cursor:default}.feedback.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{text-align:center;font-weight:700;border-radius:8px;padding:10px 14px;width:100%;max-width:560px;margin:0 auto 8px;box-sizing:border-box}.feedback.correct.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{background:#e9f9ee;color:#0b6e2d}.feedback.incorrect.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{background:#fdeceb;color:#b3261e}.why-card.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.5rem;background:#fff;color:#333;border-left:4px solid #cfcdcd;border-radius:6px;padding:10px 14px;width:100%;max-width:560px;margin:0 auto 8px;box-sizing:border-box;font-size:1em;line-height:1.45;text-align:left}.why-card.correct.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{border-left-color:#1e9e3f}.why-card.wrong.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{border-left-color:#ff4136}.why-label.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{font-size:.92em;font-weight:700;letter-spacing:.02em;color:#555}.why-card.correct.s-2Ofg7GH2pPWR .why-label.s-2Ofg7GH2pPWR{color:#0b6e2d}.why-card.wrong.s-2Ofg7GH2pPWR .why-label.s-2Ofg7GH2pPWR{color:#b3261e}.reveal-card.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#f0f7ff;border-left:4px solid #1367d5;border-radius:8px;padding:10px 14px;width:100%;max-width:560px;margin:0 auto 8px;box-sizing:border-box;text-align:center}.spoken-sentence.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{margin:0;font-size:1.02rem;font-weight:600;color:#1a3c5e;line-height:1.4}.listen-btn.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{background-color:#1367d5;color:#fff;border:none;width:fit-content;margin:0;padding:6px 14px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer}.listen-btn.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR:hover{background-color:#0f56b3}.primary-btn.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{display:block;margin:10px auto;padding:10px 22px;font-size:1rem;font-weight:700;width:fit-content;background-color:#1e9e3f;color:#fff;border:none;border-radius:8px}.result-icon.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{font-size:3.5rem}.final-score.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{font-size:2.2rem;font-weight:700;margin:0}.performance-message.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{font-size:1.1em;margin:0}.best-line.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{font-weight:700;background:#ffffff38;padding:8px 16px;border-radius:12px;margin:0}.feedback-cta.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{display:inline-block;background:#fff;color:#0b6e2d;border:2px solid #1e9e3f;border-radius:8px;padding:8px 14px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s ease}.feedback-cta.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR:hover{background:#1e9e3f;color:#fff}.help-overlay.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.help-content.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{padding:20px;border-radius:8px;max-width:80%;max-height:80%;overflow-y:auto}@media (max-width: 480px){.options.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{flex-direction:column;align-items:stretch}.option.s-2Ofg7GH2pPWR.s-2Ofg7GH2pPWR{width:100%}}