/* WortSpielen.de — Wortjagd (Boggle-style letter grid + Löser), from the WordGames.club Word Hunt styles (wu.css).
   Only the .wh / .wh-* rules; the shared .pdd rules and the :root colour variables come from de.css. */
.wh{max-width:900px;min-height:0}
.wh-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:4px auto 8px}
.wh select,.wh-type input{font:inherit;font-weight:600;padding:8px 10px;border-radius:10px;border:1px solid var(--tb);background:var(--gbg);color:var(--gfg)}
.wh-btn{border:0;border-radius:10px;padding:9px 16px;font:inherit;font-weight:800;cursor:pointer;background:var(--w-acc,#d9532a);color:#fff}
.wh-btn:hover{filter:brightness(.95)}
.wh-btn.wh-ghost{background:var(--kbg);color:var(--kfg)}
.wh-stat{display:flex;justify-content:center;gap:18px;font-weight:800;font-size:17px;margin:2px 0 10px;flex-wrap:wrap}
.wh-clock{font-variant-numeric:tabular-nums;min-width:52px;text-align:center}
.wh-clock.wh-low{color:#d24a3c}
.wh-count{color:var(--mut);font-weight:700}
.wh-main{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start}
.wh-left{display:flex;flex-direction:column;align-items:center;gap:10px}
.wh-word{min-height:34px;font-weight:900;font-size:24px;letter-spacing:.06em;text-align:center}
.wh-word.ok{color:#2f9e5b}.wh-word.bad{color:#d24a3c}.wh-word.old{color:var(--mut)}
.wh-board{--n:4;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:8px;width:min(440px,92vw);touch-action:none;user-select:none;-webkit-user-select:none}
.wh-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:12px;font-weight:900;font-size:clamp(22px,6vw,38px);cursor:pointer;
  background:var(--w-tile,#f6e2b5);color:var(--w-tile-ink,#3b2c12);box-shadow:inset 0 -5px 0 var(--w-tile-edge,#d8b56f);transition:transform .08s,background .08s}
.wh-b5 .wh-cell{font-size:clamp(18px,5vw,30px);border-radius:10px}
.wh-cell.on{background:var(--w-acc,#d9532a);color:#fff;box-shadow:inset 0 -5px 0 rgba(0,0,0,.25);transform:scale(.96)}
.wh-cell.ok{background:#2f9e5b;color:#fff;box-shadow:inset 0 -5px 0 rgba(0,0,0,.25)}
.wh-cell.bad{background:#d24a3c;color:#fff}
.wh-cell.old{background:#8a8f99;color:#fff}
.wh-edit{width:100%;text-align:center;border:2px dashed var(--w-tile-edge,#d8b56f);text-transform:uppercase;cursor:text;padding:0;font-family:inherit}
.wh-edit:focus{outline:3px solid var(--w-acc,#d9532a);outline-offset:1px}
.wh-type{display:flex;gap:8px;width:min(440px,92vw)}
.wh-type input{flex:1;min-width:0}
.wh-h{font-size:17px;margin:0 0 8px}
.wh-list{list-style:none;margin:0;padding:0;max-height:430px;overflow:auto;border-top:1px solid var(--line)}
.wh-list li{display:flex;justify-content:space-between;padding:6px 4px;border-bottom:1px solid var(--line);font-weight:600;letter-spacing:.03em}
.wh-list li.c{font-weight:900}
.wh-list li small{color:var(--mut);font-weight:700}
.wh-list li.wh-tip{display:block;font-weight:500;letter-spacing:0;color:var(--mut)}
.wh-res{margin:22px auto 0;max-width:900px;border-top:2px solid var(--line);padding-top:16px}
.wh-res .wh-btn{margin:0 8px 10px 0}
.wh-note{color:var(--mut);margin:6px 0 12px;font-size:15px}
.wh-group h4{margin:14px 0 6px;font-size:15px}
.wh-all{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.wh-all li{padding:4px 9px;border-radius:8px;background:var(--kbg);color:var(--mut);font-weight:600;cursor:pointer;letter-spacing:.03em}
.wh-all li.c{color:var(--gfg);font-weight:900}
.wh-all li:hover,.wh-all li:focus{outline:2px solid var(--w-acc,#d9532a)}
.wh-solving .wh-stat{display:none}
@media (max-width:760px){.wh-main{grid-template-columns:1fr}.wh-list{max-height:220px}.wh-word{font-size:21px}}