*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:nitti-grotesk-condensed,sans-serif;background:#f2ebe0;color:#1a1816;min-height:100vh;min-height:100dvh}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pop{0%{opacity:0}to{opacity:1}}@keyframes fogLift{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.cursor-blink{animation:blink 1s step-end infinite}.shake{animation:shake .35s ease-in-out}.letter-reveal{animation:pop .2s ease-out forwards;opacity:0}.fog-lift{animation:fogLift .3s ease-out forwards}.game-root{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:16px 18px 8px}.identifier-zone{flex-shrink:0;margin-bottom:14px}.wordmark-row{display:flex;justify-content:space-between;align-items:baseline}.wordmark{font-family:din-1451-lt-pro,"DIN 1451",sans-serif;font-size:18px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#1a1816}.edition-row{display:flex;justify-content:space-between;margin-top:3px}.edition-text{font-family:din-1451-lt-pro,"DIN 1451",sans-serif;font-size:10px;font-weight:400;letter-spacing:.06em;color:#9a8e84}.zone-rule{border:none;border-top:1px solid rgba(26,24,22,.18);margin:8px 0 0}.zone-label{font-family:din-1451-lt-pro,"DIN 1451",sans-serif;font-size:8px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#9a8e84;padding:8px 0 6px}.reference-zone{flex-shrink:0;max-height:200px;overflow-y:auto;margin-bottom:4px}.keyboard{padding:4px 0 6px}.kb-row{display:flex;justify-content:center;gap:4px;margin-bottom:4px}.key{font-family:nitti-grotesk-condensed,sans-serif;font-size:13px;font-weight:500;background:#e0d5c4;color:#1a1816;border:1px solid rgba(26,24,22,.12);border-radius:2px;width:34px;height:42px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;transition:opacity .1s,transform .08s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.key-fn{font-family:din-1451-lt-pro,"DIN 1451",sans-serif;font-size:10px;font-weight:500;letter-spacing:.08em;background:#cec4b3;min-width:50px;width:auto;padding:0 10px}.key:hover{opacity:.82}.key:active{transform:scale(.95)}.key-correct{color:#2d6b3f}.key-present{color:#946d1a}.key-absent{color:#a8a090;text-decoration:line-through}.kb-legend{display:flex;justify-content:center;gap:16px;padding:6px 0 4px}.legend-item{display:flex;align-items:center;gap:4px;font-family:nitti-grotesk-condensed,sans-serif;font-size:9px;color:#9a8e84;letter-spacing:.06em}.legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.error-msg{font-family:Atkinson Hyperlegible Mono,Courier New,monospace;font-size:11px;color:#c0392b;padding:4px 0 6px;min-height:22px;letter-spacing:.02em}.end-state{padding:16px;text-align:center;border-top:1px solid rgba(26,24,22,.18);border-bottom:1px solid rgba(26,24,22,.18);margin-bottom:8px}.end-headline{font-family:din-1451-lt-pro,"DIN 1451",sans-serif;font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px}.end-word{font-family:nitti-grotesk-condensed,sans-serif;font-size:20px;font-weight:400;letter-spacing:.14em}.end-sub{font-family:nitti-grotesk-condensed,sans-serif;font-size:12px;color:#5a4e44;margin-top:4px}.end-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.btn-primary{font-family:din-1451-lt-pro,"DIN 1451",sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:8px 18px;border-radius:2px;cursor:pointer;border:none;background:#1a1816;color:#f2ebe0;transition:opacity .1s}.btn-primary:hover{opacity:.85}.btn-secondary{font-family:din-1451-lt-pro,"DIN 1451",sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:8px 18px;border-radius:2px;cursor:pointer;background:transparent;color:#5a4e44;border:1px solid rgba(26,24,22,.12);transition:opacity .1s}.btn-secondary:hover{opacity:.8}.meta-zone{border-top:1px solid rgba(26,24,22,.18);padding:8px 0 6px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-top:auto}.meta-text{font-family:nitti-grotesk-condensed,sans-serif;font-size:10px;color:#9a8e84;letter-spacing:.04em}.meta-btn{font-family:nitti-grotesk-condensed,sans-serif;font-size:10px;color:#9a8e84;letter-spacing:.04em;background:transparent;border:none;cursor:pointer;padding:0;transition:color .1s}.meta-btn:hover{color:#5a4e44}