.star-field{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.screen-transition{animation:.28s cubic-bezier(.22,1,.36,1) both screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen-transition{animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f4ee;--surface:#fffdf9;--ink:#1d1b18;--muted:#655f56;--line:#ddd7cb;--accent:#2f6f5e;--accent-ink:#fff;--warn:#b54a3c;--shadow:0 1px 2px #0000000f;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, ui-serif, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tile:84px;--radius:12px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#18181a;--surface:#222225;--ink:#f1eee8;--muted:#a8a399;--line:#38383c;--accent:#6fb8a2;--accent-ink:#10201b;--warn:#e58d7e;--shadow:0 1px 2px #0006}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}.app{max-width:440px;min-height:100vh;margin:0 auto;padding:28px 20px 40px}.screen{flex-direction:column;gap:20px;display:flex}h1,h2,p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.title{font-family:var(--serif);letter-spacing:-.01em;font-size:2.6rem;font-weight:700;line-height:1.1}.title.small{font-size:1.6rem}.masthead{text-align:center;padding:20px 0 4px}.masthead .title{border-bottom:1px solid var(--line);padding-bottom:12px}.tagline,.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:.75rem}.eyebrow{text-align:center;margin:0}.result .title{text-align:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.btn{appearance:none;font:inherit;border:1px solid var(--accent);cursor:pointer;border-radius:10px;min-height:46px;padding:0 22px;font-weight:600;transition:background-color .15s,opacity .15s}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.secondary{color:var(--accent);background:0 0}.btn.primary:hover:not(:disabled){opacity:.9}.btn.secondary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 10%, transparent)}.btn:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modes{flex-direction:column;gap:14px;display:flex}.mode{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.mode h2{font-family:var(--serif);font-size:1.35rem}.mode p{color:var(--muted);font-size:.95rem}.mode .played{color:var(--ink);font-weight:600}.mode .btn{width:100%;margin-top:8px}.notice{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.howto{color:var(--muted);font-size:.92rem}.howto summary{cursor:pointer;color:var(--ink);font-weight:600}.howto ul{gap:6px;margin:10px 0 0;padding-left:1.2em;display:grid}.howto b{color:var(--ink)}.hud{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:10px;font-size:.8rem;display:flex}.hud b{color:var(--ink);font-family:var(--serif);letter-spacing:0;margin-left:4px;font-size:1.1rem}.tiles{padding-top:12px}.reels{justify-content:center;gap:12px;display:flex}.reel{width:var(--tile);height:var(--tile);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;position:relative;overflow:hidden}.reel.stopped{animation:.35s ease-out settle}.reel-strip{transition-property:transform;transition-timing-function:cubic-bezier(.22,1,.36,1)}.reel-cell{height:var(--tile);font-family:var(--serif);text-transform:uppercase;justify-content:center;align-items:center;font-size:2.6rem;font-weight:700;display:flex}@keyframes settle{0%{transform:scale(1.03)}to{transform:scale(1)}}.timer{align-items:center;gap:12px;display:flex}.timer-track{background:var(--line);border-radius:2px;flex:1;height:4px;overflow:hidden}.timer-bar{background:var(--accent);height:100%}.timer-num{text-align:right;font-variant-numeric:tabular-nums;min-width:2.6em;color:var(--muted);font-size:.85rem}.timer.low .timer-bar{background:var(--warn)}.timer.low .timer-num{color:var(--warn);font-weight:600;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6}}.entry{flex-direction:column;gap:8px;display:flex}.entry label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.entry-row{gap:10px;display:flex}.entry input{min-width:0;font-family:var(--serif);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-bottom:2px solid var(--ink);border-radius:10px 10px 4px 4px;flex:1;min-height:52px;padding:8px 12px;font-size:1.5rem;font-weight:600}.entry input::placeholder{color:var(--muted);text-transform:none;letter-spacing:0;font-size:1rem;font-weight:400;font-family:var(--sans)}.entry input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.entry input:disabled{opacity:.6}.entry input.shake{animation:.35s ease-in-out shake}.entry .btn{min-height:52px}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.msg{font-size:.9rem}.msg.bad{color:var(--warn)}.entry .msg{min-height:1.4em}.note{color:var(--muted);text-align:center;min-height:1.4em;font-size:.85rem}.summary{flex-direction:column;align-items:center;gap:12px;animation:.35s ease-out rise;display:flex}.pop{font-family:var(--serif);color:var(--accent);font-size:1.1rem;font-weight:700}.summary-word{font-family:var(--serif);letter-spacing:.08em;font-size:2rem}.summary table{border-collapse:collapse;width:100%;font-size:.95rem}.summary th{text-align:left;color:var(--muted);font-weight:400}.summary td{text-align:right;font-variant-numeric:tabular-nums}.summary th,.summary td{border-bottom:1px solid var(--line);padding:6px 0}.summary .total th,.summary .total td{color:var(--ink);border-bottom:0;font-weight:700}.summary .btn{width:100%;margin-top:4px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.big-score{font-family:var(--serif);text-align:center;color:var(--accent);font-size:5rem;font-weight:700;line-height:1}.badge{border:1px solid var(--accent);color:var(--accent);border-radius:999px;align-self:center;padding:2px 12px;font-size:.85rem;font-weight:600}.best{text-align:center;color:var(--muted);margin-top:-8px;font-size:.9rem}.rows{margin:0;padding:4px 16px;list-style:none}.rows li{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.rows li:last-child{border-bottom:0}.mini-tiles{gap:4px;display:inline-flex}.mini-tiles span{width:26px;height:26px;font-family:var(--serif);background:var(--bg);border:1px solid var(--line);border-radius:5px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.rows .word{font-family:var(--serif);letter-spacing:.05em;font-weight:600}.rows .word.muted{color:var(--muted);font-family:var(--sans);letter-spacing:0;font-weight:400}.rows .fail .word{color:var(--warn)}.rows .pts{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.rows .pts b{color:var(--ink)}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.actions .btn{flex:120px}.actions .note{flex-basis:100%}.next{text-align:center;color:var(--muted);font-size:.85rem}.next b{font-variant-numeric:tabular-nums;color:var(--ink)}@media (width<=380px){:root{--tile:74px}.title{font-size:2.2rem}.big-score{font-size:4.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}::selection{background:color-mix(in srgb, var(--accent) 22%, transparent);color:inherit}.actions .note:empty{height:0;margin-top:-10px}.btn.link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;flex-basis:100%;padding:6px;text-decoration:underline}.btn.link:hover:not(:disabled){color:var(--ink,inherit);background:0 0}.lang-switch{border:1px solid var(--line);background:var(--surface);border-radius:999px;justify-content:center;gap:2px;width:fit-content;margin:0 auto;padding:2px;display:flex}.lang-switch button{font:inherit;letter-spacing:.08em;min-width:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:.8rem}.lang-switch button:hover{color:var(--ink)}.lang-switch button.on{background:var(--accent);color:var(--accent-ink)}.lang-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-switch{margin-top:14px}.hud{align-items:baseline;gap:12px}.hud>div:first-child{margin-right:auto}.quit-btn{cursor:pointer;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.8;background:0 0;border:0;padding:2px 4px;font-size:.75rem}.quit-btn:hover{color:var(--warn);opacity:1}.quit-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.quit-backdrop{z-index:50;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:20px;animation:.18s ease-out quit-fade;display:grid;position:fixed;inset:0}.quit-dialog{background:var(--surface);width:min(380px,100%);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:22px;animation:.18s ease-out quit-fade;box-shadow:0 12px 40px #0000002e}.quit-dialog h2{font-family:var(--serif);margin:0 0 8px;font-size:1.3rem;font-weight:600}.quit-dialog p{color:var(--muted);margin:0 0 18px;line-height:1.5}.quit-actions{gap:10px;display:flex}.quit-actions .btn{flex:1}.btn.primary.quit-confirm{background:var(--warn);border-color:var(--warn);color:#fff}@keyframes quit-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-color-scheme:dark){.btn.primary.quit-confirm{color:#18181a}}