:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#f4f0e8;color:#20211f;font-family:"Fraunces",Georgia,serif;padding:clamp(20px,5vw,56px) 16px 64px}.word-grid{--ink:#20211f;--paper:#fffdf7;--sage:#65725f;--line:#bbb5a8;width:min(760px,100%);margin:auto}.screen-header{position:relative;padding:clamp(26px,6vw,48px);overflow:hidden;background:var(--ink);color:var(--paper);border-radius:2px 2px 0 0}.screen-header:after{content:"";position:absolute;width:190px;height:190px;right:-65px;bottom:-100px;border:30px solid #c7a75a;border-radius:50%;opacity:.9}.eyebrow{margin:0 0 18px;color:#d6c484;font:600 12px/1.2 Georgia,serif;letter-spacing:.18em;text-transform:uppercase}.word-grid h1{position:relative;z-index:1;margin:0;font-size:clamp(36px,8vw,68px);line-height:.84;letter-spacing:-.04em;text-transform:uppercase}.word-grid h1 em{color:#d6c484;font-weight:400;text-transform:none}.instructions{position:relative;z-index:1;max-width:520px;margin:26px 0 0;color:#e7e3d9;font-size:15px;line-height:1.6}.workspace{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#ded8ca;border-bottom:1px solid var(--line)}.size-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.size-picker>span{margin-right:5px;color:#53574f;font:600 11px/1 Georgia,serif;letter-spacing:.12em;text-transform:uppercase}.word-grid button{font:600 14px/1 "Fraunces",Georgia,serif;cursor:pointer}.size-picker button{padding:8px 10px;color:var(--ink);background:transparent;border:1px solid transparent}.size-picker button[aria-pressed=true]{background:var(--paper);border-color:var(--ink)}.direction{margin:0;white-space:nowrap;color:#53574f;font-size:13px}.direction strong{display:block;color:var(--ink);font-size:15px}.grid-scroll{display:flex;justify-content:center;overflow:auto;padding:28px 12px;background:var(--paper);outline-offset:3px}.grid{--cell-size:34px;display:grid;width:max-content;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.cell{width:var(--cell-size);height:var(--cell-size);min-width:0;padding:0;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);border-radius:0;outline:0;background:var(--paper);color:var(--ink);font:600 calc(var(--cell-size)*.5)/1 "Fraunces",Georgia,serif;text-align:center;text-transform:uppercase}.cell.active{background:#ded8ca;box-shadow:inset 0 0 0 2px var(--ink)}.actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:20px;background:var(--paper);border-top:1px solid #e6e0d5}.actions button{padding:12px 17px;border:1px solid var(--ink)}.primary{background:var(--ink);color:var(--paper)}.secondary{background:transparent;color:var(--ink)}.word-grid button:hover{filter:brightness(.9)}.word-grid button:focus-visible,.grid-scroll:focus-visible{outline:3px solid #a37325;outline-offset:3px}.print-header,.print-grid{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){body{padding:0 0 32px}.grid{--cell-size:30px}.workspace{align-items:flex-start;flex-direction:column}.direction strong{display:inline;margin-left:4px}.actions{justify-content:center}}@media(prefers-reduced-motion:reduce){.word-grid *{scroll-behavior:auto!important;transition:none!important}}@media print{@page{margin:12mm}body{padding:0;background:white}.word-grid{width:100%}.screen-header,.workspace,.grid-scroll,.actions{display:none!important}.print-header{display:block;text-align:center}.print-header h1{font-size:28px;line-height:1;margin:0 0 24px;letter-spacing:.04em}.print-fields{display:flex;justify-content:center;gap:35px;margin-bottom:18px}.print-fields span{width:190px;padding:0 0 4px;border-bottom:1px solid #20211f;text-align:left}.print-grid{display:grid;width:max-content;margin:auto;border-top:2px solid #20211f;border-left:2px solid #20211f}.pcell{display:grid;width:26px;height:26px;place-items:center;border-right:1px solid #20211f;border-bottom:1px solid #20211f;font-weight:600}}