.wgg{--wg-correct: #4e9d55;--wg-present: #d9a422;--wg-absent: #8a8494;padding:clamp(1rem,2.5vw,1.6rem)}[data-theme=dark] .wgg{--wg-correct: #4f9c58;--wg-present: #c99b25;--wg-absent: #4c4658}@media(prefers-color-scheme:dark){:root:not([data-theme]) .wgg,[data-theme=dark] .wgg{--wg-correct: #4f9c58;--wg-present: #c99b25;--wg-absent: #4c4658}}.wgg.cb{--wg-correct: #e69138;--wg-present: #4a92d9}.wgg-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.1rem;margin-bottom:1rem}.wgg .seg{display:inline-flex;background:var(--bg-sunken);border:1px solid var(--line);border-radius:999px;padding:.2rem}.wgg .seg button{border:0;background:transparent;color:var(--ink-soft);font-family:var(--font-display);font-weight:700;font-size:.92rem;padding:.3rem .8rem;border-radius:999px;cursor:pointer}.wgg .seg button.is-on{background:var(--gold);color:#fffdf7}.wgg-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.92rem;color:var(--ink-soft);cursor:pointer;user-select:none}.wgg-actions{display:flex;gap:.5rem;margin-inline-start:auto}.wgg-banner{background:var(--gold-soft);color:var(--gold);font-family:var(--font-display);font-weight:700;border-radius:var(--radius-sm);padding:.5rem .9rem;margin-bottom:1rem}.wgg-board{display:grid;gap:.32rem;justify-content:center;margin-block:.5rem 1rem}.wg-row{display:grid;grid-template-columns:repeat(var(--wg-len, 5),1fr);gap:.32rem}.wg-tile{inline-size:clamp(2.4rem,min(11vw,8.5vw + .5rem),3.4rem);block-size:clamp(2.4rem,min(11vw,8.5vw + .5rem),3.4rem);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:clamp(1.15rem,4vw,1.6rem);color:var(--ink);background:var(--tile-face);border:2px solid var(--line);border-radius:var(--radius-sm);text-transform:uppercase}.wg-tile.is-typed{border-color:var(--ink-soft);animation:wg-pop .09s ease-out}.wg-row.is-active .wg-tile{cursor:pointer}.wg-tile.is-cursor{border-color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold)}.wg-tile.is-clearout{animation:wg-clearout .24s ease forwards;animation-delay:calc(var(--d, 0) * .06s)}.wg-tile.is-c,.wg-tile.is-p,.wg-tile.is-a{color:#fffdf7;border-color:transparent}.wg-tile.is-flip{animation:wg-flip .45s ease both;animation-delay:calc(var(--d, 0) * .12s)}.wg-tile.is-c{background:var(--wg-correct)}.wg-tile.is-p{background:var(--wg-present)}.wg-tile.is-a{background:var(--wg-absent)}.wg-row.is-shake{animation:wg-shake .4s ease}@keyframes wg-pop{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes wg-flip{0%{transform:rotateX(90deg);opacity:.4}to{transform:rotateX(0);opacity:1}}@keyframes wg-clearout{to{transform:scale(.55);opacity:0}}@keyframes wg-shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.wgg-status{min-block-size:1.5em;text-align:center;font-family:var(--font-display);font-weight:700;color:var(--ink);margin:0 0 .6rem}.wgg-kbd{display:grid;gap:.3rem;max-inline-size:34rem;margin-inline:auto}.wg-krow{display:flex;justify-content:center;gap:.3rem}.wg-key{flex:1 1 0;max-inline-size:2.9rem;min-inline-size:0;padding-block:.85rem;border:0;border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:.95rem;cursor:pointer;touch-action:manipulation}.wg-key:active{transform:translateY(1px)}.wg-key-wide{flex:1.6 1 0;max-inline-size:4.6rem;font-size:.8rem}.wg-key.is-c{background:var(--wg-correct);color:#fffdf7}.wg-key.is-p{background:var(--wg-present);color:#fffdf7}.wg-key.is-a{background:var(--wg-absent);color:#fffdf7}.wgg-result{text-align:center;border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1.1rem}.wgg-result p{margin:0 0 .8rem;font-size:1.08rem}.wgg-result .wgg-share-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.wgg-statsbox{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1.1rem}.wgg-statsbox h2{font-size:1.05rem;margin:0 0 .7rem}.wgg-stats{display:flex;gap:1.6rem;flex-wrap:wrap;margin-bottom:.9rem}.wg-stat{display:grid;text-align:center}.wg-stat strong{font-family:var(--font-display);font-size:1.5rem;line-height:1.1}.wg-stat span{font-size:.8rem;color:var(--ink-soft)}.wgg-dist{display:grid;gap:.25rem;max-inline-size:22rem}.wg-dist-row{display:grid;grid-template-columns:1.2rem 1fr;align-items:center;gap:.4rem}.wg-dist-n{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--ink-soft);text-align:center}.wg-dist-bar span{display:block;background:var(--gold);color:#fffdf7;font-family:var(--font-display);font-weight:700;font-size:.8rem;text-align:end;padding-inline-end:.35rem;border-radius:4px;min-block-size:1.15rem;line-height:1.15rem}@media(prefers-reduced-motion:reduce){.wg-tile.is-typed,.wg-tile.is-flip,.wg-tile.is-clearout,.wg-row.is-shake{animation:none}}