:root{--paper:#f5f1e8;--paper-raised:#fffdf8;--ink:#20231f;--ink-soft:#656a61;--line:#d8d4c9;--accent:#315e4e;--accent-strong:#234a3d;--accent-ink:#fff;--accent-soft:#dce9e1;--success:#1f6a48;--success-soft:#dceee4;--danger:#9b4038;--danger-soft:#f5dfdc;--shadow:0 18px 55px #29261d17;--serif:Iowan Old Style, Baskerville, Times New Roman, serif;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:radial-gradient(circle at 12% 18%, #315e4e14, transparent 28rem), linear-gradient(135deg, transparent 49.75%, #43413605 50%, transparent 50.25%), var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans);background-size:auto,20px 20px,auto;margin:0;font-size:16px;line-height:1.55}button,summary{font:inherit}button{color:inherit}button:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px}button:disabled{cursor:wait;opacity:.68}.site-shell{grid-template-rows:auto auto 1fr auto;min-height:100vh;display:grid}.site-header,.site-footer{width:min(100% - 2rem,1120px);margin-inline:auto;display:flex}.site-header{justify-content:space-between;align-items:center;gap:1.5rem;min-height:82px}.brand{letter-spacing:-.02em;align-items:center;gap:.7rem;font-weight:700;display:flex}.brand-mark{background:var(--accent);width:2.1rem;height:2.1rem;color:var(--accent-ink);font-family:var(--serif);border-radius:.6rem;place-items:center;font-size:1.3rem;font-weight:700;display:grid;transform:rotate(-3deg)}.scoreboard{color:var(--ink-soft);align-items:center;gap:1.15rem;font-size:.9rem;display:flex}.score{color:var(--ink);font-weight:700}.text-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0}.text-button:hover{color:var(--ink)}.progress-track{background:var(--line);height:3px}.progress-track span{background:var(--accent);height:100%;transition:width .35s;display:block}.game-stage{align-content:start;width:min(100% - 2rem,760px);margin-inline:auto;padding-block:clamp(3rem,9vw,6.5rem);display:grid}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .85rem;font-size:.75rem;font-weight:800}h1{font-family:var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.65rem,8vw,5.25rem);font-weight:600;line-height:.98}.welcome{max-width:660px;padding-top:clamp(1rem,6vw,4rem)}.welcome h1,.game-over h1{font-size:clamp(2.7rem,7vw,4.75rem);line-height:1.02}.welcome-copy{max-width:580px;color:var(--ink-soft);font-family:var(--serif);margin:1.75rem 0 2rem;font-size:clamp(1.15rem,2.5vw,1.4rem)}.primary-button{border:1px solid var(--accent);background:var(--accent);min-height:48px;color:var(--accent-ink);cursor:pointer;border-radius:.65rem;padding:.75rem 1.2rem;font-weight:750;transition:background .14s,transform .14s,box-shadow .14s}.primary-button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 8px 22px #234a3d2e}.start-button{min-width:160px}.how-to-play{width:fit-content;color:var(--ink-soft);margin-top:1.5rem;font-size:.9rem}.how-to-play summary{cursor:pointer;font-weight:650}.how-to-play p{max-width:430px;margin:.7rem 0 0}.part-of-speech{background:var(--accent-soft);width:fit-content;color:var(--accent-strong);font-family:var(--serif);border-radius:999px;margin:.9rem 0 2rem;padding:.25rem .65rem;font-style:italic}.answers{gap:.75rem;display:grid}.answer-option{border:1px solid var(--line);background:var(--paper-raised);cursor:pointer;text-align:left;border-radius:.8rem;grid-template-columns:2.15rem minmax(0,1fr) auto;align-items:center;gap:.85rem;min-height:72px;padding:.9rem 1rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;box-shadow:0 2px 8px #29261d08}.answer-option:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.answer-option:disabled{cursor:default;opacity:1}.answer-key{border:1px solid var(--line);background:var(--paper);width:2.15rem;height:2.15rem;color:var(--ink-soft);border-radius:.5rem;place-items:center;font-size:.85rem;font-weight:750;display:grid}.answer-state{letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;font-weight:800}.answer-option.is-correct{border-color:var(--success);background:var(--success-soft)}.answer-option.is-correct .answer-key{border-color:var(--success);background:var(--success);color:#fff}.answer-option.is-correct .answer-state{color:var(--success)}.answer-option.is-incorrect{border-color:var(--danger);background:var(--danger-soft)}.answer-option.is-incorrect .answer-key{border-color:var(--danger);background:var(--danger);color:#fff}.answer-option.is-incorrect .answer-state{color:var(--danger)}.feedback{border-radius:.8rem;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:1.25rem;padding:1rem;display:flex}.feedback strong,.feedback span{display:block}.feedback span{color:var(--ink-soft);margin-top:.15rem;font-size:.9rem}.feedback.correct{background:var(--success-soft)}.feedback.incorrect{background:var(--danger-soft)}.error-message{border-left:4px solid var(--danger);background:var(--danger-soft);color:var(--danger);margin-bottom:1.25rem;padding:.85rem 1rem}.game-over{max-width:690px}.game-over>p:not(.eyebrow){color:var(--ink-soft);font-family:var(--serif);margin-block:1rem 1.75rem;font-size:1.25rem}.final-score{color:var(--accent);font-family:var(--serif);align-items:flex-start;margin-top:2rem;display:flex}.final-score span{letter-spacing:-.07em;font-size:clamp(4.5rem,14vw,8rem);line-height:.8}.final-score small{margin:.25rem 0 0 .3rem;font-size:1.4rem}.site-footer{border-top:1px solid var(--line);min-height:64px;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;font-size:.82rem}.fatal-error{width:min(100% - 2rem,680px);margin:15vh auto 0}.fatal-error p:not(.eyebrow){color:var(--ink-soft)}@media (max-width:620px){.site-header{min-height:72px}.brand>span:last-child,.scoreboard>span:first-child,.keyboard-hint{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scoreboard{gap:.85rem}.game-stage{padding-block:2.75rem}.answer-option{grid-template-columns:2rem minmax(0,1fr);padding:.85rem}.answer-state{grid-column:2}.feedback{flex-direction:column;align-items:stretch}.feedback .primary-button{width:100%}}@media (prefers-color-scheme:dark){:root{--paper:#171713;--paper-raised:#21221d;--ink:#f3f0e7;--ink-soft:#b0b2a8;--line:#3a3c34;--accent:#9acbb5;--accent-strong:#b4ddca;--accent-ink:#12261f;--accent-soft:#253c32;--success:#80c9a2;--success-soft:#21382d;--danger:#edaaa3;--danger-soft:#442925;--shadow:0 18px 55px #00000047}body{background:radial-gradient(circle at 12% 18%, #9acbb512, transparent 28rem), linear-gradient(135deg, transparent 49.75%, #ffffff04 50%, transparent 50.25%), var(--paper);background-size:auto,20px 20px,auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}