:root{--ink: #171514;--paper: #fff5e6;--blue: #2f5cff;--coral: #ff5a3c;--yellow: #ffd23c;--green: #3ad07a;--body-muted: #5a544c;--ink-muted: #4a453b;--subtle: #8a857a;--card-white: #ffffff;--track: #e6dcc6;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body)}.page{max-width:640px;margin:0 auto;padding:24px 20px 48px}@media(min-width:640px){.page{padding:32px 40px 64px}}.pill{display:inline-block;font:600 13px var(--font-body);color:var(--ink);border-radius:20px;padding:6px 12px;text-decoration:none}.pill-active{background:var(--ink);color:#fff}.pill-yellow{background:var(--yellow);border:2px solid var(--ink);font:700 12px var(--font-body);text-transform:uppercase;letter-spacing:1px;padding:6px 14px}.pill-ink{background:var(--ink);color:var(--yellow);font:600 14px var(--font-body);padding:6px 14px;border-radius:20px}.btn-hero{font:800 19px var(--font-display);letter-spacing:-.5px;color:#fff;background:var(--blue);border:3px solid var(--ink);border-radius:12px;padding:16px 46px;box-shadow:6px 6px 0 var(--ink);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.btn-hero:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.btn-next{font:800 16px var(--font-display);color:#fff;background:var(--blue);border:2.5px solid var(--ink);border-radius:10px;padding:12px 26px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.btn-next:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.card{background:var(--card-white);border:2.5px solid var(--ink);border-radius:12px;padding:26px 28px;box-shadow:4px 4px 0 var(--ink)}.idiom-card{background:var(--ink);border-radius:14px;padding:34px 24px;text-align:center;color:#fff}.choice{background:var(--card-white);border:2.5px solid var(--ink);border-radius:11px;padding:16px 18px;font:500 15px var(--font-body);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-align:left;transition:background .08s ease}.choice:hover:enabled{background:var(--yellow)}.choice:disabled{cursor:default}.choice.choice-correct{background:var(--green)}.choice.choice-wrong{background:var(--coral);color:#fff}.label-blue,.label-coral{font:700 12px var(--font-body);text-transform:uppercase;letter-spacing:1px;margin:18px 0 6px}.label-blue{color:var(--blue)}.label-coral{color:var(--coral)}.hero-h1{font:800 clamp(34px,9vw,52px) var(--font-display);line-height:.98;letter-spacing:-1.5px;max-width:520px;margin:20px auto 0}.idiom-literal{font:800 clamp(26px,7vw,38px) var(--font-display);line-height:1.08;letter-spacing:-.5px}.share-score{font:800 clamp(56px,16vw,72px) var(--font-display);line-height:.9;margin:20px 0 8px}