.word-grid-game{display:grid;gap:18px}.word-grid-controls{display:flex;justify-content:space-between;gap:14px;align-items:end;flex-wrap:wrap}.word-grid-controls label{display:grid;gap:6px;font-weight:900}.word-grid-controls select{min-width:190px}.word-grid-meta{text-align:right}.word-grid-meta strong{display:block;font-family:var(--pixel,monospace);font-size:1.15rem}.word-grid-meta span{font-size:.8rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.word-grid-layout{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:18px;align-items:start}.word-grid-board{display:grid;grid-template-columns:repeat(var(--word-grid-size),minmax(0,1fr));gap:3px;width:min(100%,660px);aspect-ratio:1;margin:auto;padding:10px;border:3px solid #16101e;border-radius:18px;background:#16101e;touch-action:none}.word-grid-cell{min-width:0;min-height:0;padding:0;border:0;border-radius:4px;background:#fff;color:#16101e;font:900 clamp(.68rem,2.2vw,1.15rem)/1 var(--pixel,monospace);cursor:crosshair}.word-grid-cell:hover,.word-grid-cell:focus-visible{background:#e7ddff;outline:2px solid #b39aff;outline-offset:-2px}.word-grid-cell.selecting{background:#f0e9ff;color:#6c48cf}.word-grid-cell.found{background:#b39aff;color:#16101e}.word-grid-cell.hint{animation:word-hint .42s ease-in-out 3;background:#fff36d}.word-grid-board.paused{filter:blur(8px);pointer-events:none}.word-grid-wordbank{padding:16px;border:2px solid #16101e;border-radius:16px;background:#fff}.word-grid-wordbank h2{margin:0 0 10px;font-size:1rem}.word-grid-words{display:grid;gap:7px;margin:0;padding:0;list-style:none}.word-grid-words li{font-family:var(--pixel,monospace);font-size:.76rem;letter-spacing:.04em;overflow-wrap:anywhere}.word-grid-words li.found{text-decoration:line-through;color:#7755db}.word-grid-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.word-grid-tools button{min-height:44px}.word-grid-tools span{font-weight:800}.word-grid-tools span::before{content:'TIME ';font-size:.72rem;letter-spacing:.08em}@keyframes word-hint{50%{transform:scale(1.13);box-shadow:0 0 0 4px #fff36d}}@media(max-width:720px){.word-grid-layout{grid-template-columns:1fr}.word-grid-wordbank{order:-1}.word-grid-words{grid-template-columns:repeat(3,minmax(0,1fr))}.word-grid-board{gap:2px;padding:5px;border-radius:12px}.word-grid-cell{font-size:clamp(.55rem,2.8vw,.9rem)}.word-grid-meta{text-align:left}}@media(max-width:430px){.word-grid-words{grid-template-columns:repeat(2,minmax(0,1fr))}.word-grid-layout{gap:10px}.word-grid-board{width:calc(100vw - 48px)}}
