.wg .wg-stage{gap:10px}.wg .wg-modes{display:inline-flex;padding:4px;background:#fff;border:1px solid var(--line);border-radius:999px}.wg .wg-modes button{border:0;background:transparent;border-radius:999px;padding:7px 16px;font-weight:700;font-size:15px;color:var(--ink-2)}.wg .wg-modes button small{font-size:12px;opacity:.7}.wg .wg-modes button[aria-pressed=true]{background:var(--ink);color:#fff}.wg .wg-grid{display:flex;flex-direction:column;gap:6px}.wg .wg-grid:empty{min-height:342px}.wg .wg-kb:empty{min-height:150px}.wg .wg-row{display:grid;grid-template-columns:repeat(6,var(--cs, 52px)) 64px;gap:6px;align-items:center}.wg .wg-row.shake{animation:wg-shake .35s}@keyframes wg-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.wg .wg-c{width:var(--cs, 52px);aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--line);background:#fff;border-radius:10px;font-size:24px;font-weight:800;color:var(--ink)}.wg .wg-c.on{border-color:#b9b2ad}.wg .wg-row.now .wg-c.on{animation:wg-pop .12s}@keyframes wg-pop{50%{transform:scale(1.08)}}.wg .wg-c.g{background:var(--ok);border-color:var(--ok);color:#fff}.wg .wg-c.y{background:#f2b705;border-color:#f2b705;color:#fff}.wg .wg-c.b{background:#8e8a86;border-color:#8e8a86;color:#fff}.wg .wg-c.flip{animation:wg-flip .45s ease-in-out var(--d) both}@keyframes wg-flip{0%{transform:rotateX(0);background:#fff;border-color:#b9b2ad;color:var(--ink)}49%{background:#fff;border-color:#b9b2ad;color:var(--ink)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.wg .wg-w{font-style:normal;font-size:15px;font-weight:800;color:var(--muted);padding-left:4px;white-space:nowrap}.wg .wg-line{margin:0;min-height:26px;display:flex;gap:10px;align-items:center;justify-content:center}.wg .wg-prev{font-size:20px;font-weight:800;color:var(--ink-2)}.wg .wg-msg{font-size:14px;font-weight:700;color:var(--brand-ink)}.wg .wg-msg.show{animation:fade .25s}.wg .wg-end{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;background:#fff;border:2px solid var(--brand);border-radius:18px;text-align:center}.wg .wg-end-t{font-size:22px}.wg .wg-end-a{margin:0;font-size:16px;color:var(--ink-2)}.wg .wg-end-a b{font-size:20px;color:var(--ink)}.wg .wg-end-a a{margin-left:6px;font-size:13px;color:var(--accent)}.wg .wg-end-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wg .wg-end-next{margin:0;font-size:13px;color:var(--muted)}.wg .wg-kb{width:100%;max-width:500px;display:flex;flex-direction:column;gap:6px;user-select:none}.wg .wg-kb>div{display:flex;justify-content:center;gap:4px}.wg .wg-k{flex:1;min-width:0;max-width:46px;height:50px;border:0;border-radius:8px;background:#e9e4df;font-size:18px;font-weight:800;color:var(--ink);padding:0}.wg .wg-k:active{transform:translateY(1px)}.wg .wg-k.wide{max-width:62px;flex:1.4;font-size:18px}.wg .wg-k.wide.on{background:var(--ink);color:#fff}.wg .wg-k.enter{max-width:240px;flex:none;width:60%;background:var(--brand);color:#fff;font-size:16px}.wg .wg-k.g{background:var(--ok);color:#fff}.wg .wg-k.y{background:#f2b705;color:#fff}.wg .wg-k.b{background:#8e8a86;color:#fff}.wg .wg-note{color:var(--muted);font-weight:600}.wg .wg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wg .wg-stats div{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border-radius:12px;background:var(--surface-2)}.wg .wg-stats b{font-size:22px}.wg .wg-stats span{font-size:12px;font-weight:700;color:var(--muted)}.wg .wg-sub{margin:0;font-size:15px;color:var(--ink-2)}.wg .wg-dist{display:flex;flex-direction:column;gap:4px}.wg .wg-dist div{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800}.wg .wg-dist span{width:12px;color:var(--muted)}.wg .wg-dist i{display:block;min-width:22px;padding:2px 6px;border-radius:4px;background:#c9c3bd;color:#fff;font-style:normal;text-align:right}.wg .wg-dist i.now{background:var(--ok)}.wg .wg-legend{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--line)}.wg .wg-legend p{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}.wg .wg-legend span{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:#fff;font-weight:800;font-size:14px}.wg .wg-legend .g{background:var(--ok)}.wg .wg-legend .y{background:#f2b705}.wg .wg-legend .b{background:#8e8a86}@media(max-width:560px){.wg .wg-row{--cs: 44px;grid-template-columns:repeat(6,var(--cs))}.wg .wg-grid:empty{min-height:294px}.wg .wg-w{display:none}.wg .wg-c{font-size:20px}.wg .wg-k{height:46px;font-size:16px}}.wg [hidden]{display:none!important}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.wg .wg-grid.land-board .wg-row{--cs: calc((100dvh - 60px) / 6)}.wg .wg-grid.land-board .wg-c{font-size:calc((100dvh - 60px) / 13)}.wg .wg-kb{max-width:100%}}