:root{--ink: #122238;--muted: #66758a;--line: #dbe2eb;--soft-line: #e9edf2;--paper: #ffffff;--cream: #f5f2e9;--cream-2: #fbfaf6;--blue: #2f6fec;--blue-dark: #2059c8;--blue-soft: #eaf1ff;--green: #138a67;--green-soft: #dff5eb;--gold: #c88c12;--gold-soft: #fff0c7;--red: #c9464a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream-2);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(47,111,236,.32);outline-offset:2px}a{color:inherit;text-decoration:none}main{min-height:100vh;overflow:hidden}.site-header{align-items:center;background:var(--paper);border-bottom:1px solid var(--soft-line);display:flex;justify-content:space-between;margin:0 auto;max-width:800px;padding:18px 24px}.brand{align-items:center;display:inline-flex;gap:12px}.brand-mark{display:block;height:42px;width:42px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:17px;letter-spacing:-.4px}.brand small{color:var(--muted);font-size:9px;font-weight:750;letter-spacing:1.6px;margin-top:5px;text-transform:uppercase}.site-header nav{align-items:center;display:flex;font-size:12px;font-weight:750;gap:26px}.site-header nav a{border-bottom:1px solid var(--ink);padding-bottom:3px}.site-header nav span{color:var(--muted)}.hero{display:grid;gap:80px;grid-template-columns:minmax(0,1fr);margin:68px auto 56px;max-width:1220px;padding:0 34px;position:relative}.hero:before{background:radial-gradient(circle,rgba(47,111,236,.12) 0 2px,transparent 2.5px);background-size:18px 18px;content:"";height:160px;left:-80px;opacity:.55;position:absolute;top:-30px;width:180px}.eyebrow,.section-kicker{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.eyebrow{align-items:center;display:inline-flex;gap:9px}.eyebrow i{background:var(--blue);border-radius:50%;height:7px;width:7px}.hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,7vw,94px);font-weight:500;letter-spacing:-5px;line-height:.91;margin:23px 0 26px}.hero h1 em{color:var(--blue);font-weight:500}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.7;margin:0;max-width:700px}.workspace-shell{background:var(--cream-2);padding:18px max(34px,calc((100vw - 800px)/2)) 54px;position:relative}.workspace-shell:before{display:none}.mode-tabs{background:var(--paper);border:1px solid var(--line);border-radius:18px 18px 0 0;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1152px;overflow:hidden;position:relative;z-index:1}.mode-tabs button{align-items:center;background:var(--paper);border:0;color:var(--muted);cursor:pointer;display:flex;font-size:14px;font-weight:800;gap:13px;min-height:64px;padding:0 30px;position:relative;text-align:left}.mode-tabs button:first-child{border-right:1px solid var(--line)}.mode-tabs button.active{color:var(--blue)}.mode-tabs button.active:after{background:var(--blue);bottom:0;content:"";height:3px;left:26px;position:absolute;right:26px}.tab-number{color:#a5afbd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:1px}.rack-workspace,.board-workspace{background:var(--paper);border-radius:0 0 18px 18px;display:grid;margin:0 auto;max-width:1152px;overflow:hidden}.rack-workspace{grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr)}.filter-fields{margin-top:18px}.filter-fields-label{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.7px;text-transform:uppercase}.filter-fields-label small{color:#98a3b2;font-size:8px;letter-spacing:1px;margin-left:6px}.filter-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid .text-field{margin-top:8px}.rack-workspace.solo{border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr}.rack-workspace.solo .input-card{margin:0 auto;max-width:760px;width:100%}.input-card{padding:54px 64px 56px}.input-card h2,.board-panel h2{font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:500;letter-spacing:-1.4px;margin:11px 0 7px}.input-card>p,.board-panel>p{color:var(--muted);font-size:13px;margin:0 0 27px}.text-field{display:flex;flex-direction:column;gap:8px;margin-top:15px}.text-field>span,.text-field>label{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.7px;text-transform:uppercase}.text-field small{color:#aab2bd;font-size:8px;margin-left:7px}.text-field input{background:#fafbfd;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:18px;font-weight:700;height:52px;letter-spacing:4px;padding:0 16px;text-transform:uppercase;width:100%}.text-field input:focus{background:#fff;border-color:var(--blue)}.input-with-clear{position:relative}.input-with-clear input{padding-right:52px}.input-with-clear button{align-items:center;background:#e9edf3;border:0;border-radius:50%;color:#687587;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:0 0 2px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px}.input-with-clear button:hover{background:#dce3ec;color:var(--ink)}.input-with-clear button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.action-row{display:flex;gap:10px;margin-top:22px}.action-row .primary-button{width:auto}.primary-button,.ghost-button,.mini-button{border:0;border-radius:9px;cursor:pointer;font-size:12px;font-weight:850;letter-spacing:.15px}.primary-button{align-items:center;background:var(--blue);box-shadow:0 8px 24px #2f6fec33;color:#fff;display:inline-flex;flex:1;gap:14px;justify-content:center;min-height:51px;padding:0 22px;transition:background .16s ease,transform .16s ease}.primary-button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.primary-button span{font-size:17px}.primary-button:disabled{cursor:not-allowed;opacity:.48}.ghost-button{background:#edf1f5;color:var(--muted);min-width:104px;padding:0 18px}.ghost-button:disabled{cursor:not-allowed;opacity:.48}.legend-row{align-items:center;color:var(--muted);display:flex;font-size:10px;gap:22px;margin-top:23px}.legend-row span{align-items:center;display:flex;gap:7px}.legend-row i,.result-key span{border-radius:50%;height:7px;width:7px}.legend-board,.green-dot{background:var(--green)}.legend-joker,.gold-dot{background:var(--gold)}.tip-card{align-items:flex-start;background:var(--cream);border-left:1px solid #e4dfd2;display:flex;gap:18px;padding:58px 42px}.tip-icon{align-items:center;background:var(--blue);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;font-size:16px;height:39px;justify-content:center;width:39px}.tip-card h3{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500;line-height:1.18;margin:13px 0 14px}.tip-card p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.board-workspace{grid-template-columns:minmax(0,1fr)}.full-width{margin-top:15px;width:100%}.error-note,.detection-note{color:var(--muted);font-size:10px;line-height:1.5}.error-note{background:#fce9e9;border-radius:7px;color:#9d2f34;padding:10px 12px}.board-panel{padding:42px 44px 48px}.board-panel-heading{align-items:flex-start;display:flex;justify-content:space-between}.board-panel h2{font-size:30px;margin-bottom:0}.mini-button{background:#eff2f6;color:var(--muted);padding:9px 12px}.detection-note{background:var(--green-soft);border-left:3px solid var(--green);color:#27614f;margin:14px 0;padding:9px 11px}.detection-note.muted{background:#f3f5f8;border-color:#a5afbd;color:var(--muted)}.board-grid{aspect-ratio:1;background:#e9edf2;border:1px solid #c7d0da;display:grid;gap:1px;grid-template-columns:repeat(15,minmax(0,1fr));overflow:hidden;width:100%}.board-cell{align-items:center;background:#f7f8fa;border:0;color:#9ca7b4;cursor:pointer;display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(6px,.65vw,9px);font-weight:800;justify-content:center;min-width:0;padding:0;position:relative}.board-cell:hover,.board-cell.selected{box-shadow:inset 0 0 0 2px var(--blue);z-index:2}.board-cell.premium-H2{background:#dfeaff;color:#7892c8}.board-cell.premium-H3{background:#cddcff;color:#5275bc}.board-cell.premium-K2{background:#ffeadf;color:#bb7b5f}.board-cell.premium-K3{background:#ffd9d9;color:#bc6868}.board-cell.occupied{background:#e9d6a3;box-shadow:inset 0 -2px #c1a15b;color:#272a2f;font-family:Georgia,Times New Roman,serif;font-size:clamp(10px,1.15vw,17px)}.board-cell.move-placement{background:var(--blue);box-shadow:inset 0 -2px 0 var(--blue-dark);color:#fff;font-family:Georgia,Times New Roman,serif;font-size:clamp(10px,1.15vw,17px)}.cell-editor{align-items:center;background:#f4f6f8;display:grid;gap:10px;grid-template-columns:1fr 56px 54px;margin-top:10px;padding:10px 12px}.cell-editor div{display:flex;flex-direction:column;gap:2px}.cell-editor div span,.rack-confirm .text-field>span,.rack-confirm .text-field>label{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.cell-editor div strong{font-size:10px}.cell-editor input{border:1px solid var(--line);border-radius:6px;font-size:20px;font-weight:800;height:38px;text-align:center;text-transform:uppercase;width:56px}.cell-editor button{background:transparent;border:0;color:var(--red);cursor:pointer;font-size:10px;font-weight:800}.cell-editor button:disabled,.cell-editor input:disabled{opacity:.4}.rack-confirm{align-items:end;border-top:1px solid var(--soft-line);display:grid;gap:18px;grid-template-columns:1fr 185px;margin-top:18px;padding-top:17px}.rack-confirm .compact-field{margin:0}.rack-confirm .text-field input{font-size:14px;height:42px}.results-section{background:var(--cream-2);margin:0 auto;max-width:1220px;padding:70px 34px 94px}.results-heading{align-items:flex-end;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-bottom:31px;padding-bottom:20px}.results-heading h2{font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:500;letter-spacing:-1.4px;margin:10px 0 0}.result-key{align-items:center;color:var(--muted);display:flex;font-size:9px;gap:7px;text-transform:uppercase}.result-key .gold-dot{margin-left:12px}.word-groups{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.word-group{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.word-group-heading{align-items:center;background:var(--ink);color:#fff;display:flex;justify-content:space-between;padding:15px 18px}.word-group-heading h3{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500;margin:0}.word-group-heading span{color:#afbbca;font-size:8px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}.word-row{align-items:center;border-bottom:1px solid var(--soft-line);display:grid;gap:10px;grid-template-columns:26px 1fr auto;min-height:48px;padding:0 15px}.word-row:last-child{border-bottom:0}.word-rank{color:#a4aeba;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.word-mark{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:800;letter-spacing:1.4px}.letter-source.board{color:var(--green)}.letter-source.joker{color:var(--gold);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.word-score{color:var(--blue);font-size:10px;font-weight:850}.empty-results{background:#fff;border:1px dashed #bfc8d3;border-radius:11px;color:var(--muted);font-size:13px;padding:34px;text-align:center}.move-list{display:grid;gap:8px}.move-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);cursor:pointer;display:grid;gap:18px;grid-template-columns:36px 1fr 2fr auto;min-height:70px;padding:10px 20px;text-align:left}.move-card:hover,.move-card.active{border-color:var(--blue);box-shadow:0 7px 24px #1b375914}.move-card.active{background:var(--blue-soft)}.move-rank{color:#9aa5b2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.move-word{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:700}.move-meta{color:var(--muted);font-size:11px}.move-score{color:var(--blue);display:flex;flex-direction:column;font-size:8px;font-weight:900;letter-spacing:.9px;text-align:right}.move-score strong{font-family:Georgia,Times New Roman,serif;font-size:25px;letter-spacing:-.5px}footer{align-items:center;background:var(--ink);color:#8fa0b4;display:grid;font-size:9px;gap:30px;grid-template-columns:1fr auto auto;padding:38px max(34px,calc((100vw - 1152px)/2))}footer p{margin:0}.footer-brand strong{color:#fff}.footer-brand small{color:#7f91a7}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:980px){.hero{gap:34px;grid-template-columns:1fr;margin-top:40px}.rack-workspace,.board-workspace{grid-template-columns:1fr}.tip-card{border:0;border-top:1px solid #e3dfd4}.word-groups{grid-template-columns:repeat(2,minmax(0,1fr))}footer{grid-template-columns:1fr}}@media(max-width:640px){.filter-grid{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{padding:12px 18px}.workspace-shell{background:var(--paper);padding:0 0 max(26px,env(safe-area-inset-bottom))}.mode-tabs{border-radius:13px 13px 0 0}.mode-tabs button{align-items:flex-start;flex-direction:column;font-size:11px;gap:4px;justify-content:center;min-height:74px;padding:0 14px}.input-card,.board-panel{padding:26px 18px 32px}.rack-workspace.solo{border:0;border-radius:0}.input-card h2,.board-panel h2{font-size:28px;margin-top:8px}.input-card>p{margin-bottom:18px}.text-field{gap:7px;margin-top:0}.text-field input{font-size:18px;height:54px}.input-with-clear button{height:38px;right:8px;width:38px}.filter-fields{margin-top:16px}.filter-grid .text-field>label{font-size:7px;letter-spacing:.35px;line-height:1.2;min-height:18px}.filter-grid .text-field input{font-size:16px;height:48px;letter-spacing:2px;padding-left:8px;padding-right:35px}.filter-grid .input-with-clear button{font-size:16px;height:27px;right:4px;width:27px}.action-row{margin-top:16px}.primary-button,.ghost-button{min-height:50px}.action-row .primary-button,.action-row .ghost-button{width:auto}.board-panel-heading{gap:10px}.board-grid{width:calc(100vw - 70px)}.board-cell{font-size:5px}.board-cell.occupied,.board-cell.move-placement{font-size:10px}.rack-confirm{align-items:stretch;grid-template-columns:1fr}.results-section{padding:36px 16px 56px}.results-heading{align-items:flex-start;flex-direction:column;gap:16px}.results-heading h2{font-size:27px}.word-groups{grid-template-columns:1fr}.move-card{gap:8px;grid-template-columns:28px 1fr auto;padding:12px}.move-meta{grid-column:2 / 4;grid-row:2}.move-score{grid-column:3;grid-row:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button{transition:none}}