@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/atkinson-hyperlegible-next.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-canvas:#0f1724;--surface-primary:#172234;--surface-elevated:#202d42;--surface-sunken:#0b111b;--text-primary:#f7f4ec;--text-secondary:#b9c1cc;--text-muted:#8c96a5;--border-default:#3b4656;--border-strong:#667386;--brand-primary:#8bb8ff;--state-success:#7bd7a8;--state-error:#ff8a80;--state-rule:#f4c25b;--focus-ring:#b8c7ff;--font-numeric:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ink:var(--text-primary);--paper:var(--surface-canvas);--muted:var(--text-secondary);--rule:var(--border-default)}:where(button,input,a,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:.4rem}body{background:var(--paper);color:var(--ink);margin:0;font-family:Atkinson Hyperlegible Next,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1rem;line-height:1.5}main{max-width:34rem;margin:0 auto;padding:1.5rem 1rem 4rem}h1{letter-spacing:.02em;font-size:1.5rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}fieldset{border:1px solid var(--rule);border-radius:.4rem;margin:1.25rem 0;padding:1rem}label{padding:.35rem 0;display:block}input[type=text]{box-sizing:border-box;width:100%;font:inherit;text-transform:uppercase;background:var(--paper);color:var(--ink);border:2px solid var(--rule);border-radius:.4rem;padding:.6rem;font-size:1.5rem}button{font:inherit;border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:.4rem;padding:.6rem 1.2rem}:focus-visible{outline-offset:2px;outline:3px solid}output{font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700}pre{white-space:pre-wrap;word-break:break-word;border:1px solid var(--rule);color:var(--muted);border-radius:.4rem;padding:.75rem}code{color:var(--muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.debug-panel{border:1px dashed var(--rule);color:var(--muted);border-radius:.4rem;margin-top:3rem;padding:1rem;font-size:.875rem}.debug-panel button{color:var(--ink);border:1px solid var(--rule);background:0 0;margin:.25rem .5rem .25rem 0;padding:.35rem .7rem;font-size:.875rem}.debug-panel input[type=date]{font:inherit;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:.3rem;padding:.3rem}.board-shell{min-height:var(--game-viewport-height,100vh);padding-bottom:var(--game-viewport-bottom-inset,0);box-sizing:border-box;flex-direction:column;gap:12px;display:flex}:root[data-game-compact] .board-shell{gap:8px}:root[data-game-compact] .active-pair,:root[data-game-compact] h1{margin:0;font-size:1rem}.status-bar{flex-direction:column;gap:6px;display:flex}.status-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.status-timer{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.timer-track{background:var(--surface-sunken);border-radius:2px;height:3px;display:block;overflow:hidden}.timer-fill{background:var(--brand-primary);transform-origin:0;border-radius:2px;height:100%;transition:transform 1s linear;display:block}.status-bar[data-urgent] .status-timer{color:var(--state-error)}.status-bar[data-urgent] .timer-fill{background:var(--state-error)}.status-total{color:var(--text-secondary);justify-self:end;align-items:baseline;gap:6px;font-size:.95rem;display:flex}.status-total-label{letter-spacing:.12em;color:var(--text-muted);font-size:.7rem}.status-total output{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:1.25rem;font-weight:700}.status-delta{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;min-width:3ch;color:var(--state-success);font-size:.85rem;font-weight:700;display:inline-block}.bank-board{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.bank-cell-item{display:flex}.bank-cell{min-height:44px;font:inherit;background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;border-radius:.5rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px;display:flex;position:relative}.bank-cell[data-active]{border-color:var(--brand-primary);background:var(--surface-elevated)}.bank-cell[data-active]:after{content:"";background:var(--brand-primary);border-radius:2px;height:3px;position:absolute;bottom:5px;left:24%;right:24%}.bank-letters{letter-spacing:.06em;font-size:.95rem;font-weight:700}.bank-score{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--state-success);font-size:1.05rem;font-weight:700}.bank-empty{letter-spacing:.1em;color:var(--text-muted);font-size:.68rem;font-weight:400}.bank-checking{color:var(--brand-primary);font-size:.8rem;line-height:1;position:absolute;top:4px;right:6px}.board-status{min-width:44px;min-height:44px;font:inherit;letter-spacing:.14em;color:var(--text-muted);border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:.4rem;justify-self:center;padding:6px 12px;font-size:.68rem;font-weight:700}.lock-in{min-height:44px;font:inherit;letter-spacing:.08em;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;align-self:center;padding:6px 14px;font-size:.75rem}.lock-in[data-state=armed]{color:var(--state-rule);border-color:var(--state-rule);font-weight:700}.lock-in[data-state=sent]{color:var(--text-muted);cursor:default}.centre-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:8.5rem;padding:8px;display:flex}.panel-label{letter-spacing:.16em;color:var(--text-muted);margin:0;font-size:.68rem;font-weight:700}.panel-score{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--text-primary);margin:0;font-size:3.5rem;font-weight:700;line-height:1.05}.panel-comparison{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:var(--text-secondary);margin:0;font-size:.9rem}.panel-comparison[data-comparison=NEEDS]{color:var(--state-rule);font-weight:700}.panel-icon{margin:0;font-size:1.35rem;line-height:1}.panel-headline{color:var(--text-primary);text-wrap:balance;margin:0;font-size:1.5rem;font-weight:700;line-height:1.15}.panel-detail{color:var(--text-secondary);margin:0;font-size:.85rem}.centre-panel[data-numeric] .panel-headline,.centre-panel[data-numeric] .panel-detail{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.centre-panel[data-kind=prompt] .panel-headline{color:var(--text-secondary);font-size:1.15rem}.centre-panel[data-tone=success] .panel-icon,.centre-panel[data-tone=success] .panel-label{color:var(--state-success)}.centre-panel[data-tone=error] .panel-icon,.centre-panel[data-tone=error] .panel-label{color:var(--state-error)}.centre-panel[data-tone=rule] .panel-icon,.centre-panel[data-tone=rule] .panel-label{color:var(--state-rule)}.centre-panel[data-tone=neutral] .panel-label{color:var(--text-muted)}.action-dock{margin-top:auto}.active-editor{flex-direction:column;gap:8px;display:flex}.active-pair{text-align:center;letter-spacing:.12em;color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:700}#bank-input{box-sizing:border-box;width:100%;font:inherit;letter-spacing:.08em;color:var(--text-primary);background:var(--surface-primary);border:2px solid var(--brand-primary);border-radius:.6rem;padding:14px 12px;font-size:1.25rem}.editor-hint{text-align:center;min-height:1.2rem;color:var(--text-secondary);font-size:.8rem}.editor-hint[data-tone=success]{color:var(--state-success)}.editor-hint[data-tone=error]{color:var(--text-secondary)}.editor-hint[data-tone=rule]{color:var(--state-rule)}.bank-button{width:100%;min-height:56px;font:inherit;letter-spacing:.14em;color:var(--surface-canvas);background:var(--brand-primary);cursor:pointer;border:none;border-radius:.6rem;font-size:1.05rem;font-weight:700}.bank-button:active{background:var(--focus-ring);transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.bank-button:active{transform:none}.timer-fill{transition:none}}:root[data-game-compact] .bank-button{min-height:52px}:root[data-game-compact] .centre-panel{min-height:6rem}:root[data-game-compact] .panel-score{font-size:2.75rem}.score-triplet{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:1.5rem}.result-banks{color:var(--muted)}@media (orientation:landscape) and (height<=520px){.board-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-template-areas:"status status""board editor";align-content:start;display:grid}.status-bar{grid-area:status}.board-shell>nav{grid-area:board}.action-dock{grid-area:editor;margin-top:0}.bank-board{grid-template-columns:1fr}}.landing{font-family:var(--font-numeric);text-align:center;flex-direction:column;align-items:stretch;max-width:26rem;margin:0 auto;padding:3rem 1.25rem;display:flex}.landing h1{letter-spacing:.02em;color:var(--text-primary);margin:0 0 .9rem;font-family:Atkinson Hyperlegible Next,system-ui,sans-serif;font-size:clamp(2.4rem,13vw,3.25rem);font-weight:700;line-height:1}.landing-pitch{max-width:19rem;color:var(--text-secondary);text-wrap:balance;margin:0 auto;font-size:1.05rem;line-height:1.5}.landing-motif{grid-template-columns:repeat(3,1fr);gap:8px;margin:2rem 0 2.25rem;padding:0;list-style:none;display:grid}.landing-motif li{border:1px solid var(--border-default);background:var(--surface-primary);border-radius:.5rem;height:3.25rem;position:relative}.landing-motif li:after{content:"+";color:var(--text-muted);justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;inset:0}.landing-motif li:nth-child(2){border-color:var(--brand-primary);background:var(--surface-elevated)}.landing-actions{flex-direction:column;gap:.65rem;display:flex}.play-button{width:100%;min-height:56px;font:inherit;letter-spacing:.14em;color:var(--surface-canvas);background:var(--brand-primary);cursor:pointer;border:none;border-radius:.6rem;font-size:1.05rem;font-weight:700}.extended-button{width:100%;min-height:48px;font:inherit;color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:.6rem;font-size:.9rem}.how-to-play{text-align:left;border-top:1px solid var(--border-default);color:var(--text-secondary);margin:2.25rem 0 0}.how-to-play summary{cursor:pointer;text-align:center;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;min-height:44px;font-size:.8rem;display:flex}.how-to-play[open] summary{color:var(--text-secondary)}.how-to-play ol,.how-to-play ul{padding-left:1.2rem;font-size:.92rem;line-height:1.65}.how-to-play li{margin-bottom:.4rem}.how-to-play strong{color:var(--text-primary)}.how-to-play h3{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:1.5rem 0 .5rem;font-size:.7rem}.landing-edition{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem;font-size:.68rem;display:block}.landing-date{font-family:var(--font-numeric);color:var(--text-secondary);margin:2.25rem 0 .35rem;font-size:.9rem}.worked-example,.landing-footnote{color:var(--text-muted);font-size:.82rem}.landing-footnote{margin:0}.landing-date{margin-top:2rem;margin-bottom:.25rem}.landing-footnote{margin-top:0}.result{text-align:center;max-width:26rem;margin:0 auto;padding-top:2rem}.result-date,.result-versions,.beta-note{color:var(--muted);font-size:.875rem}.result-total{margin:1.5rem 0 .25rem}.result-total output{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-size:4rem;line-height:1}.result-total-label{color:var(--muted);letter-spacing:.1em;font-size:.8rem;display:block}.score-triplet{font-variant-numeric:tabular-nums;letter-spacing:.08em;margin:1.5rem 0 .25rem;font-size:1.75rem}.result-coverage,.result-standing{letter-spacing:.04em;margin:.25rem 0}.result-banks{text-align:left;border-top:1px solid var(--rule);margin:2rem 0;padding:0;list-style:none}.result-banks li{border-bottom:1px solid var(--rule);grid-template-columns:5rem 1fr auto;align-items:baseline;gap:.5rem;padding:.6rem .25rem;display:grid}.result-pair{letter-spacing:.06em;font-weight:700}.result-word{color:var(--muted)}.result-score{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-variant-numeric:tabular-nums;font-weight:700}.result-none{color:var(--muted);font-style:italic}.share-button{min-width:12rem;min-height:56px}.share-status{min-height:1.25rem;color:var(--muted);font-size:.875rem}.share-text{text-align:left;font-size:.8rem}.beta-tools{border:1px dashed var(--rule);border-radius:.4rem;margin-top:2rem;padding:1rem}.another-button{min-height:44px;color:var(--ink);border:1px solid var(--rule);background:0 0}.feedback-link{margin-top:1.5rem}
