:root{--page:#eef2f5;--panel:#fff;--field:#f8fafc;--soft:#f1f5f7;--line:#d8e0e6;--line-strong:#9baab5;--ink:#2f3a43;--ink-strong:#111820;--muted:#64717c;--action:#1c6ca8;--action-dark:#14547f;--green:#1f8460;--amber:#b47b1f;--red:#b94a48;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;color:var(--ink);background:var(--page);font-family:var(--sans);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.35}*{box-sizing:border-box}body{background:var(--page);margin:0}input,button{font:inherit}input:focus-visible,button:focus-visible{outline:2px solid var(--action);outline-offset:2px}img{max-width:100%}#root{min-height:100vh}.app-shell{min-height:100vh;color:var(--ink);background:var(--page)}.seo-content{max-width:980px;color:var(--muted);margin:4px auto 36px;padding:0 16px;font-size:13px}.seo-content h2{color:var(--ink-strong);margin:0 0 6px;font-size:16px;line-height:1.2}.seo-content p{max-width:760px;margin:0}.seo-content nav{flex-wrap:wrap;gap:8px 14px;margin-top:10px;display:flex}.seo-content a{color:var(--action);font-weight:700;text-decoration:none}.seo-content a:hover{text-decoration:underline}.brand-panel h1,.panel-section h2,.board-column h2{color:var(--ink-strong);letter-spacing:0;margin:0;font-size:20px;line-height:1.1}.brand-mark{align-items:center;gap:9px;display:inline-flex}.brand-mark img{flex:none;width:28px;height:28px}.app-version{color:var(--muted);letter-spacing:0;margin-top:3px;font-size:11px;font-weight:700;line-height:1;display:block}.brand-panel{padding:12px 14px}.pill{border:1px solid var(--line);background:var(--soft);border-radius:999px;align-items:center;min-height:22px;padding:0 8px;display:inline-flex}.section-title-row,.rack-input-row{align-items:center;gap:8px;display:flex}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);min-width:0;min-height:34px;font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:13px;display:inline-flex}button:hover:not(:disabled){border-color:var(--line-strong);background:var(--soft)}button:disabled{cursor:not-allowed;color:var(--muted);opacity:.65}button svg{flex:none;width:16px;height:16px}.primary-button{background:var(--action);color:#fff;border-color:var(--action)}.primary-button:hover:not(:disabled){background:var(--action-dark);border-color:var(--action-dark)}.icon-button{flex:0 0 38px;width:38px;padding:0}.workbench{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(270px,320px) minmax(420px,1fr) minmax(300px,360px);align-items:stretch;gap:16px;padding:16px;display:grid}.side-panel,.results-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.side-panel{grid-area:1/1}.board-column{grid-area:1/2/span 2;align-self:start}.results-panel{height:var(--board-panel-height,auto);grid-area:1/3/span 2;min-height:0;overflow:hidden}.stock-section{grid-area:2/1;align-self:end}.panel-section,.board-column{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0}.panel-section{padding:14px}.board-column{min-width:0;padding:14px}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin-bottom:8px;font-size:12px;display:block}.rack-input-row input{border:1px solid var(--line);background:var(--field);min-width:0;height:38px;color:var(--ink-strong);font:700 18px/1 var(--mono);letter-spacing:0;text-transform:uppercase;border-radius:7px;flex:130px;padding:0 10px}.input-hint{color:#8a4f00;margin-top:7px;font-size:12px;line-height:1.3}.section-title-row{justify-content:space-between;margin-bottom:10px}.photo-section h2,.stock-section h2,.results-section h2{text-transform:uppercase;font-family:Arial Rounded MT Bold,Aptos Display,Segoe UI,system-ui,sans-serif;font-size:18px;font-weight:900;line-height:1}.photo-title-row{flex-direction:column;align-items:stretch;gap:10px}.photo-title-row h2{flex:none;min-width:100%}.photo-library-button{width:100%;min-height:36px;color:var(--action);white-space:nowrap;border-color:#bcd3e8;flex:none;font-weight:700}.photo-selection-confirmation{color:var(--ink-strong);background:#f7fbff;border:1px solid #bcd3e8;border-radius:7px;gap:8px;margin-bottom:10px;padding:10px;font-size:12px;font-weight:700;display:grid}.photo-selection-header{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.photo-selection-name{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.photo-preview-frame{aspect-ratio:4/3;background:#111820;border:1px solid #26333e;border-radius:6px;place-items:center;width:100%;display:grid;overflow:hidden}.photo-preview-image,.photo-preview-state{grid-area:1/1}.photo-preview-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .12s ease-out}.photo-preview-image.is-ready{opacity:1}.photo-preview-state{color:#eef5fa;text-align:center;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:12px;display:inline-flex}.photo-preview-state svg{width:16px;height:16px}.photo-selection-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.photo-selection-actions button{min-height:34px;padding-inline:8px;font-size:12px;font-weight:700}.photo-note{color:var(--muted);margin-top:-2px;font-size:12px;line-height:1.35}.photo-note a{color:var(--action);text-underline-offset:2px;font-weight:700}.photo-note a:hover{text-decoration-thickness:2px}.status-line{color:var(--muted);gap:6px;margin-top:10px;font-size:12px;display:grid}progress{width:100%;height:8px;accent-color:var(--green)}.vision-test-button{width:100%;min-height:32px;color:var(--action);border-color:#c7d4e2;margin-top:8px;font-size:12px;font-weight:800}.vision-status{color:#41705c;margin-top:6px;font-size:12px;font-weight:700;line-height:1.35}.feedback-link-button{width:100%;min-height:30px;color:var(--action);text-align:left;background:0 0;border:0;justify-content:flex-start;margin-top:6px;padding:0;font-size:12px;font-weight:700}.feedback-link-button:hover,.feedback-link-button:focus-visible{text-decoration:underline}.feedback-consent{color:var(--ink);background:#f7fbff;border:1px solid #bcd3e8;border-radius:7px;gap:9px;margin-top:10px;padding:10px;font-size:12px;line-height:1.35;display:grid}.feedback-done{color:#226b49;background:#f4fbf7;border-color:#c8dfd4;font-weight:700}.feedback-actions{gap:8px;display:flex}.feedback-actions button{flex:1 1 0;min-height:32px;font-size:12px;font-weight:700}.board-grid{aspect-ratio:1;background:#171c24;border-radius:8px;grid-template-columns:repeat(15,minmax(0,1fr));gap:4px;width:min(100%,720px);margin:0 auto;padding:6px;display:grid}.board-cell{--cell-bg:#2a2d34;aspect-ratio:1;background:var(--cell-bg);color:#f2eee8;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #171c24;border-radius:5px;min-width:0;min-height:0;padding:0;font-size:11px;font-weight:700;line-height:1;position:relative;box-shadow:inset 0 -1px #00000047}.board-cell:hover:not(:disabled),.board-cell:active{background:var(--cell-bg);border-color:#171c24}.board-cell:focus{outline:none}.board-cell:focus-visible,.selected-cell{outline:none;box-shadow:inset 0 0 0 2px #f2eee86b,inset 0 -1px #00000047}.bonus-dl{--cell-bg:#709057}.bonus-tl{--cell-bg:#1d6896}.bonus-dw{--cell-bg:#c5751b}.bonus-tw{--cell-bg:#98373e}.bonus-st{--cell-bg:#7b5376}.has-tile{--cell-bg:#f6f0e7;color:#111820;box-shadow:inset 0 1px #ffffffc7,inset 0 -2px #2d231829}.blank-tile{--cell-bg:#ebe4da}.has-tile:focus-visible,.has-tile.selected-cell{box-shadow:inset 0 0 0 2px #171c245c,inset 0 -2px #2d231829}.has-tile.move-word-path{box-shadow:inset 0 1px #ffffffc7,inset 0 -2px #2d231829,inset 0 0 0 2px #65c18c9e}.move-highlight{--cell-bg:#65c18c;color:#fff;box-shadow:inset 0 1px #ffffff38,inset 0 -4px #43a26cbf}.preview-letter{color:#fff;transform:translateY(1px)}.tile-letter{justify-content:center;align-items:center;width:100%;height:100%;font-family:Arial Rounded MT Bold,Arial Rounded MT,Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:21px;font-weight:900;line-height:1;display:inline-flex}.bonus-label{color:#f2eee8;opacity:.96;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;display:inline-flex}.results-section{flex-direction:column;flex:auto;height:100%;min-height:0;padding-bottom:8px;display:flex}.move-list{flex:auto;gap:7px;min-height:0;padding-right:3px;display:grid;overflow:auto}.excluded-words{border:1px solid var(--line);background:#fbfdff;border-radius:8px;gap:7px;margin-bottom:10px;padding:9px;display:grid}.excluded-words-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.excluded-words-head strong{color:var(--ink-strong);font-family:Arial Rounded MT Bold,Aptos Display,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:900;line-height:1}.excluded-words-head button{min-height:24px;color:var(--muted);padding:0 8px;font-size:11px}.excluded-word-list{flex-wrap:wrap;gap:5px;display:flex}.excluded-word-chip{min-height:26px;color:var(--ink);gap:5px;padding:0 7px 0 9px;font-size:12px;font-weight:800}.wordlist-note{background:#fbfdff;border:1px solid #d8e2ea;border-radius:8px;gap:6px;margin-bottom:10px;padding:9px;display:grid}.wordlist-note strong{color:var(--ink-strong);font-family:Arial Rounded MT Bold,Aptos Display,Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:900;line-height:1}.wordlist-note p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.move-row{grid-template-columns:minmax(0,1fr) 36px 36px;align-items:stretch;gap:6px;width:100%;display:grid}.move-select{text-align:left;grid-template-columns:48px minmax(0,1fr);justify-content:stretch;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px;display:grid}.move-row.active .move-select{border-color:var(--action);background:#e8f1fb}.move-define,.move-exclude{min-width:36px;min-height:48px;color:var(--muted);place-items:center;padding:0;display:grid}.move-define:hover:not(:disabled),.move-define[aria-expanded=true]{color:var(--action)}.move-exclude:hover:not(:disabled){color:var(--red)}.move-definition{border:1px solid var(--line);color:var(--ink);background:#f7fafc;border-radius:8px;grid-column:1/-1;gap:7px;padding:10px 12px;font-size:12px;line-height:1.4;display:grid}.move-definition-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.move-definition-heading strong{color:var(--ink-strong);font-family:Arial Rounded MT Bold,Aptos Display,Segoe UI,system-ui,sans-serif;font-size:11px;font-weight:900}.move-definition-heading span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.move-definition ol{gap:5px;margin:0;padding-left:20px;display:grid}.move-definition p{color:var(--muted);margin:0}.move-definition a{width:fit-content;color:var(--action);font-size:11px;font-weight:750;text-decoration:none}.move-definition a:hover{text-decoration:underline}.move-definition-status{color:var(--muted);align-items:center;gap:7px;display:flex}.move-score{background:var(--ink-strong);color:#fff;font:800 16px/1 var(--mono);border-radius:6px;justify-content:center;align-items:center;min-height:24px;display:inline-flex}.move-main{align-content:center;align-self:center;gap:3px;min-width:0;display:grid}.move-main strong{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-strong);font-size:15px;line-height:1.05;overflow:hidden}.move-main small,.move-meta{color:var(--muted);font-size:12px;line-height:1.1}.move-meta{gap:2px;display:grid}.move-crosswords{text-overflow:ellipsis;white-space:nowrap;color:#7a5a22;font-size:11px;font-weight:700;overflow:hidden}.letter-stock{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.stock-cell{border:1px solid var(--line);background:var(--field);border-radius:7px;place-items:center;min-width:0;min-height:44px;display:grid}.stock-cell span{color:var(--ink-strong);font-size:17px;font-weight:800;line-height:1}.stock-cell strong{color:var(--muted);font:700 13px/1 var(--mono)}.stock-cell.overdrawn{border-color:var(--red);background:#fee7e5}.empty-state{min-height:48px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:8px;place-items:center;font-size:13px;display:grid}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1160px){.workbench{grid-template-rows:auto auto auto;grid-template-columns:minmax(260px,320px) minmax(390px,1fr)}.side-panel{grid-area:1/1}.board-column{grid-area:1/2}.stock-section{grid-area:3/1/auto/-1;align-self:stretch}.results-panel{grid-area:2/1/auto/-1;height:auto;overflow:visible}.results-section{height:auto}.move-list{max-height:300px}}@media (width<=780px){.workbench{grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-items:start;padding:10px}.side-panel,.board-column,.stock-section,.results-panel{grid-column:1}.side-panel{grid-row:1}.board-column{grid-row:2}.results-panel{grid-row:3}.stock-section{grid-row:4;align-self:stretch}.board-grid{gap:2px;padding:4px}.tile-letter{font-size:15px}.bonus-label{font-size:9px}.letter-stock{grid-template-columns:repeat(4,1fr)}.seo-content{margin-bottom:26px;padding:0 14px}}