*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f8f0;--surface: #ffffff;--green: #b6d7a8;--green-dark: #2d5016;--green-mid: #5a8a3c;--green-border: #c8dfc0;--text: #1a2e0d;--text-muted: #5a7a4a;--correct: #2d5016;--correct-bg: #dff0d8;--wrong: #8b1a1a;--wrong-bg: #fce8e8}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif;font-size:16px;line-height:1.5}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.start-content{text-align:center;max-width:480px}.start-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;color:var(--green-dark);line-height:1.1;margin-bottom:.5rem}.start-plus{color:var(--green-mid)}.start-subtitle{font-family:Space Mono,monospace;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2rem}.start-description{font-size:1.05rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.75}.how-to-play{text-align:left;background-color:var(--surface);border:1.5px solid var(--green-border);border-radius:10px;padding:1.25rem 1.5rem;margin:1.75rem 0}.how-to-play-title{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.875rem}.how-to-play-steps{display:flex;flex-direction:column;gap:.5rem;padding-left:1.25rem;font-size:.95rem;color:var(--text);line-height:1.6;margin-bottom:1rem}.how-to-play-model{font-size:.82rem;color:var(--text-muted);border-top:1px solid var(--green-border);padding-top:.875rem;line-height:1.6}.question-screen{justify-content:flex-start;padding-top:0}.progress-bar{width:100%;height:5px;background-color:var(--green-border);flex-shrink:0}.progress-fill{height:100%;background-color:var(--green-dark);transition:width .4s ease}.question-header{width:100%;max-width:640px;padding:1.25rem 1.5rem 0;display:flex;justify-content:space-between;align-items:center}.question-counter{font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.btn-home{font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease}.btn-home:hover{color:var(--text)}.question-body{width:100%;max-width:640px;padding:2rem 1.5rem 2.5rem;display:flex;flex-direction:column;gap:1.75rem}.equation-label{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.equation{font-family:Space Mono,monospace;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;color:var(--green-dark);background-color:var(--green);border-radius:10px;padding:1.25rem 1.5rem;line-height:1.4;word-break:break-word}.equation .blank{display:inline-block;min-width:3rem;border-bottom:3px solid var(--green-dark);vertical-align:bottom;margin-left:.25rem}.answer-form{display:flex;flex-direction:column;gap:.75rem}.answer-label{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.answer-input-row{display:flex;gap:.75rem;align-items:stretch}.answer-input{flex:1;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:500;color:var(--text);background-color:var(--surface);border:2px solid var(--green-border);border-radius:8px;padding:.75rem 1rem;outline:none;transition:border-color .15s ease}.answer-input:focus{border-color:var(--green-dark)}.answer-input:disabled{background-color:var(--bg);cursor:default}.feedback{border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.4rem}.feedback.correct{background-color:var(--correct-bg);border:1.5px solid var(--correct)}.feedback.wrong{background-color:var(--wrong-bg);border:1.5px solid var(--wrong)}.feedback-verdict{font-weight:700;font-size:1rem;letter-spacing:.02em}.feedback.correct .feedback-verdict{color:var(--correct)}.feedback.wrong .feedback-verdict{color:var(--wrong)}.feedback-answer{font-size:.9rem;color:var(--text-muted)}.feedback-answer strong{color:var(--text)}.results-content{text-align:center;max-width:480px}.results-title{font-family:Space Mono,monospace;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.results-score{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:1.5rem}.score-number{font-size:clamp(5rem,18vw,8rem);font-weight:700;color:var(--green-dark);line-height:1}.score-sep{font-size:3rem;color:var(--green-border);font-weight:400}.score-total{font-size:2.5rem;font-weight:600;color:var(--text-muted)}.results-label{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;color:var(--green-dark);margin-bottom:.5rem}.results-blurb{font-size:1rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.7}.post-submit-actions{display:flex;gap:.75rem;align-items:center}.btn-primary{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--surface);background-color:var(--green-dark);border:2px solid var(--green-dark);padding:.75rem 2rem;border-radius:8px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.btn-primary:hover{background-color:transparent;color:var(--green-dark)}.btn-primary:disabled{opacity:.4;cursor:default;background-color:var(--green-dark);color:var(--surface)}.btn-secondary{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background-color:transparent;border:2px solid var(--green-border);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}