:root{--sky:#bdeaff;--ink:#22304a;--paper:#fff;--accent:#a83200;--accent-ink:#fff;--good:#1f9d55;--key:#fff3c4;--focus:#5b2bd9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--sky);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;margin:0;font-family:ui-rounded,Nunito,Segoe UI,system-ui,sans-serif;font-size:18px}.keyboard,.stage,.blanks{-webkit-user-select:none;user-select:none}button,select{font:inherit}:focus-visible{outline:4px solid var(--focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:720px;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));min-height:100dvh;margin:0 auto;display:block}button{cursor:pointer;border:0;border-radius:16px;min-width:48px;min-height:48px}.primary{background:var(--accent);color:var(--accent-ink);padding:12px 24px;font-weight:800;box-shadow:0 4px #0003}.primary.big{width:100%;padding:16px 32px;font-size:1.4rem}.ghost{color:var(--ink);background:#ffffffb3;padding:8px 16px;font-weight:700}.home{gap:20px;padding-top:24px;display:grid}.title{text-align:center;color:var(--accent);text-shadow:0 4px #00000026;margin:0;font-size:clamp(3rem,14vw,5rem)}.tagline{text-align:center;margin:0}.choices{border:0;gap:10px;margin:0;padding:0;display:grid}.choices legend{margin-bottom:8px;font-weight:800}.choice{background:var(--paper);cursor:pointer;border:4px solid #0000;border-radius:16px;padding:12px 16px;display:grid}.choice.selected{border-color:var(--accent)}.choice:has(input:focus-visible){outline:4px solid var(--focus);outline-offset:2px}.choice input{opacity:0;pointer-events:none;position:absolute}.choice-label{font-weight:800}.choice-blurb{opacity:.8;font-size:.85rem}.picker{gap:6px;font-weight:800;display:grid}.picker select{border:3px solid var(--ink);background:var(--paper);border-radius:12px;min-height:48px;padding:0 12px}.about{gap:12px;max-width:36rem;margin:0 auto;padding-top:24px;padding-bottom:32px;display:grid}.title.small{font-size:clamp(2rem,9vw,3rem)}.about h2,.about p{margin:0}.about h3{margin:12px 0 0}.about ul{gap:4px;margin:0;padding-left:1.2em;display:grid}.about .ghost{justify-self:start}.about .updated{opacity:.8}.version{opacity:.8;text-align:center}.game{gap:16px;display:grid}.game-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.theme-tag{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.stumbles{white-space:nowrap;letter-spacing:2px;flex:none}.game-bar>button{flex:none}@media (max-width:400px){.stumbles{letter-spacing:0;font-size:.85rem}.game-bar .ghost{padding:8px 12px}}.stage{aspect-ratio:2;border:4px solid var(--paper);background:#bfe6ff;border-radius:20px;width:100%;display:block}.blanks{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.blank{background:var(--paper);border-bottom:6px solid var(--ink);border-radius:10px 10px 4px 4px;place-items:center;width:clamp(32px,9vw,52px);height:clamp(44px,12vw,64px);font-size:clamp(1.5rem,6vw,2.4rem);font-weight:800;display:inline-grid}.blank.filled{border-bottom-color:var(--good)}.blank.missed{color:#d64545;border-bottom-color:#d64545}.blank-gap{width:20px}.keyboard{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px;display:grid}.key{background:var(--key);color:var(--ink);min-height:56px;font-size:1.3rem;font-weight:800;position:relative;box-shadow:0 4px #0000002e}.key:disabled{cursor:default;box-shadow:none}.key.correct{background:#b9f0cc}.key.wrong{background:#f6c4c4;text-decoration:line-through}.key .mark{font-size:.7rem;position:absolute;top:2px;right:6px}.result{background:var(--paper);text-align:center;border-radius:20px;padding:16px 20px}.result h2{margin:0 0 8px}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
