.wg-game{max-width:720px;margin-inline:auto;text-align:center;container-type:inline-size}.wg-howto{text-align:center;font-size:1.15rem;font-weight:700;color:var(--fgs-ink, #161616);background:var(--fgs-accent-soft, #e6f1e9);border:2px solid var(--fgs-accent, #16692f);border-radius:var(--fgs-radius, 14px);max-width:48ch;margin:0 auto 1rem;padding:.6rem 1rem}.wg-firsttip{text-align:center;font-size:1.15rem;font-weight:700;color:var(--fgs-ink, #161616);background:color-mix(in srgb,var(--fgs-hint, #b06a00) 12%,var(--fgs-surface, #fff));border:2px solid var(--fgs-hint, #b06a00);border-radius:var(--fgs-radius, 14px);max-width:46ch;margin:0 auto 1rem;padding:.6rem 1rem}.wg-puzzle-name{font-size:1.25rem;font-weight:800;margin:0 0 .75rem;color:var(--fgs-ink-soft, #3a3a3a)}.wg-help-bar{display:flex;justify-content:center;margin-bottom:1.25rem}.wg-hint-btn{margin:0;min-height:64px;font-size:1.35rem;font-weight:800;padding:.6rem 2rem;background:var(--fgs-hint, #b06a00);border:3px solid var(--fgs-hint, #b06a00);color:#fff;border-radius:var(--fgs-radius, 14px);box-shadow:0 3px color-mix(in srgb,var(--fgs-hint, #b06a00) 60%,#000)}.wg-hint-btn:hover{background:color-mix(in srgb,var(--fgs-hint, #b06a00) 85%,#000)}.wg-solved{border-radius:var(--fgs-radius, 14px);padding:.7rem 1rem;margin-bottom:.5rem;border:3px solid var(--fgs-accent, #16692f);background:var(--fgs-accent-soft, #e6f1e9)}.wg-solved.wg-d1{border-style:solid}.wg-solved.wg-d2{border-style:double;border-width:5px}.wg-solved.wg-d3{border-style:dashed}.wg-solved.wg-d4{border-style:dotted;border-width:4px}.wg-solved-theme{margin:0 0 .2rem;font-size:1.15rem;font-weight:900;color:var(--fgs-ink, #161616)}.wg-solved-words{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.02em;color:var(--fgs-ink-soft, #3a3a3a)}.wg-solved[hidden]{display:none}.wg-board{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.75rem auto 1.25rem}.wg-word{box-sizing:border-box;margin:0;min-height:4.2rem;padding:.4rem .3rem;display:grid;place-items:center;font-size:clamp(.8rem,3.4cqw,1.15rem);font-weight:800;line-height:1.1;letter-spacing:.01em;overflow-wrap:anywhere;color:var(--fgs-ink, #161616);background:var(--fgs-surface, #fff);border:3px solid var(--fgs-line, #bfbfbf);border-radius:10px;cursor:pointer}.wg-word.wg-long{font-size:clamp(.7rem,2.8cqw,.98rem)}.wg-word:hover{border-color:var(--fgs-accent, #16692f)}.wg-word.wg-selected{background:var(--fgs-ink, #161616);border-color:var(--fgs-ink, #161616);color:#fff;box-shadow:inset 0 0 0 3px color-mix(in srgb,#fff 65%,transparent)}.wg-word.wg-hint{outline:6px solid var(--fgs-hint, #b06a00);outline-offset:-2px;animation:wg-pulse 1.1s ease-in-out infinite}.wg-word.wg-hint:not(.wg-selected){background:color-mix(in srgb,var(--fgs-hint, #b06a00) 20%,#fff)}@keyframes wg-pulse{0%,to{box-shadow:0 0 0 5px color-mix(in srgb,var(--fgs-hint, #b06a00) 35%,transparent)}50%{box-shadow:0 0 0 11px color-mix(in srgb,var(--fgs-hint, #b06a00) 22%,transparent)}}.wg-word:focus-visible{outline:4px solid var(--fgs-focus, #15549e);outline-offset:2px}.wg-status{text-align:center;font-size:1.2rem;font-weight:700;min-height:3.8rem;padding:.5rem;margin:0 auto 1rem;max-width:62ch;color:var(--fgs-ink, #161616)}.wg-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:1rem}.wg-actions button{margin:0;min-height:var(--fgs-tap, 52px);font-size:1.15rem;font-weight:800;padding-inline:1.4rem}.wg-check-btn{background:var(--fgs-accent, #16692f);border-color:var(--fgs-accent, #16692f);color:#fff}.wg-check-btn:disabled{opacity:.6}.wg-game.wg-won .wg-solved{outline:3px solid var(--fgs-good, #1c7a3a);outline-offset:3px}[data-contrast=high] .wg-firsttip{background:#fff!important;color:#000!important;border-color:#000!important}[data-contrast=high] .wg-word{border:3px solid #000!important;background:#fff;color:#000}[data-contrast=high] .wg-word.wg-selected{background:#000!important;color:#fff;box-shadow:inset 0 0 0 3px #fff}[data-contrast=high] .wg-word.wg-hint{outline-color:#00339c;background:#fff}[data-contrast=high] .wg-solved{background:#fff;border-color:#000!important}[data-contrast=high] .wg-check-btn{background:#00339c;border-color:#000;color:#fff}[data-contrast=high] .wg-hint-btn{background:#7a4a00;border-color:#000;color:#fff}@container (max-width: 30rem){.wg-board{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.wg-word.wg-hint{animation:none}}.wg-board{width:100%;margin-inline:0}.wg-board:empty{min-height:18.3rem}@container (max-width: 30rem){.wg-board:empty{min-height:37.1rem}}