@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{font-family:'DM Sans',sans-serif;font-synthesis:none;color-scheme:light;--bg:#f7f5ed;--glow:#e5ebd8;--ink:#1d3530;--heading:#193b30;--accent:#326b4a;--accent-soft:#57885a;--line:#c9d4c8;--muted:#687d6c;--surface:#fffef8;--tile:#e7ecd9;--tile-hover:#d8e4c8;--center:#d8a645;--center-hover:#e1b962;--shadow:#1b372329;--focus:#163b93}
:root[data-theme=dark]{color-scheme:dark;--bg:#10201c;--glow:#1d3a2f;--ink:#e3ece1;--heading:#eef3e6;--accent:#8fc493;--accent-soft:#8fc493;--line:#2c4a3e;--muted:#a3b8a6;--surface:#18302a;--tile:#345445;--tile-hover:#416651;--center:#b78836;--center-hover:#cca145;--shadow:#0008;--focus:#8fb4ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 2%,var(--glow) 0,transparent 28%),var(--bg);color:var(--ink)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.shell{min-height:100vh;max-width:1100px;margin:auto;padding:0 28px;display:flex;flex-direction:column}.topbar{min-height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font:700 25px Fraunces,Georgia,serif;color:var(--heading);text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--accent);color:var(--bg);font:25px Arial,sans-serif}.topbar nav{display:flex;align-items:center;gap:10px}.account{font-size:13px;color:var(--muted);margin-right:10px}.account a{color:var(--accent);font-weight:700;text-decoration:none}.account a:hover{text-decoration:underline}.icon-button,.dialog-head button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:21px}.icon-button:hover,.dialog-head button:hover{background:var(--tile-hover)}main{flex:1;display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,440px);gap:clamp(30px,7vw,100px);align-items:center;padding:38px 0 55px}.intro{align-self:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.23em;color:var(--muted);margin:0 0 19px}.intro h1{font:600 clamp(42px,5.2vw,70px)/1.09 Fraunces,Georgia,serif;letter-spacing:-.055em;margin:0;color:var(--heading)}.intro em{font-style:normal;color:var(--accent-soft)}.date{font-size:14px;color:var(--muted);margin-top:25px}.intro-copy{max-width:370px;line-height:1.6;color:var(--muted)}.scorecard{max-width:370px;margin-top:32px}.score-row{display:flex;justify-content:space-between;align-items:end;color:var(--heading);font:600 25px Fraunces,Georgia,serif}.score-row strong{font:700 34px 'DM Sans',sans-serif}.progress{height:11px;margin-top:11px;border-radius:9px;background:var(--tile);overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);transition:width .3s}.scorecard p{font-size:13px;color:var(--muted)}.game{display:flex;flex-direction:column;align-items:center}.status{min-height:40px;margin:0;text-align:center;font-size:14px;font-weight:600;color:var(--accent);padding:9px 0}.entry{min-height:60px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:29px;font-weight:700;letter-spacing:.13em;color:var(--heading);overflow-wrap:anywhere}.entry.empty{font-size:16px;letter-spacing:0;color:var(--muted);font-weight:500}.hive{--size:78px;display:grid;grid-template-columns:repeat(3,var(--size));grid-template-rows:repeat(5,calc(var(--size)*.53));grid-template-areas:'. top .' 'upper-left . upper-right' '. center .' 'lower-left . lower-right' '. bottom .';column-gap:4px;justify-content:center;align-items:center;margin:10px auto 25px;width:100%;touch-action:manipulation}.hex{width:var(--size);height:calc(var(--size)*.89);border:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--tile);color:var(--heading);font-size:28px;font-weight:700;transition:transform .1s,background .1s}.hex:hover{background:var(--tile-hover);transform:scale(1.05)}.hex:active{transform:scale(.96)}.hex.center{background:var(--center);color:#171e17}.hex.center:hover{background:var(--center-hover)}.controls{display:flex;gap:9px;justify-content:center}.control{border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);padding:10px 18px;font-weight:700;font-size:14px}.control:hover{background:var(--tile-hover)}.control.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.control.primary:hover{filter:brightness(1.13)}.found{width:100%;margin-top:31px;border-top:1px solid var(--line)}.found-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.found-head h2{font:600 21px Fraunces,Georgia,serif;color:var(--heading)}.found-head h2 span{font:700 13px 'DM Sans',sans-serif;color:var(--muted);margin-left:5px}.found-head button{border:0;background:none;color:var(--accent);font-weight:700}.found-head button:disabled{opacity:.4;cursor:default}#found-words{min-height:75px;max-height:185px;overflow:auto;list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-content:start;gap:7px}#found-words li{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.05em}#found-words li.pangram{border-color:var(--center);background:var(--tile)}footer{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}footer a{color:var(--accent);text-decoration:none}dialog{width:min(92vw,430px);border:1px solid var(--line);border-radius:12px;padding:25px 29px;background:var(--surface);color:var(--ink);box-shadow:0 20px 55px var(--shadow)}dialog::backdrop{background:#102b23a8}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font:600 29px Fraunces,Georgia,serif;margin:0;color:var(--heading)}dialog p{line-height:1.55}
@media(max-width:760px){.shell{padding:0 16px}.topbar{min-height:65px}.brand{font-size:21px}main{display:block;padding:23px 0}.intro{text-align:center}.intro h1{font-size:34px}.intro h1 br{display:none}.eyebrow{font-size:10px;margin-bottom:8px}.date{margin:10px 0}.intro-copy{display:none}.scorecard{margin:15px auto 5px;max-width:440px}.score-row{font-size:20px}.score-row strong{font-size:25px}.scorecard p{margin:6px 0}.entry{min-height:48px;font-size:25px}.hive{--size:68px;margin:2px auto 17px}.found{margin-top:19px}.found-head h2{margin:13px 0}footer{padding:13px 0}}
@media(max-width:420px){.account{font-size:11px;max-width:90px;line-height:1.2;text-align:right;margin-right:0}.topbar nav{gap:5px}.icon-button{width:34px;height:34px}.hive{--size:60px}.hex{font-size:23px}.control{padding:8px 12px}.intro h1{font-size:29px}}