:root{--wg-green:#4f8763;--wg-on-green:#f5f0e8;--wg-yellow:#b8924a;--wg-on-yellow:#15110a;--wg-grey:#1d1b18;--wg-on-grey:#6f675c;--wg-key:#2a2723;--wg-sheet:#1c1a17}:root[data-theme=light]{--wg-green:#4a7d5a;--wg-on-green:#fff;--wg-yellow:#c99b45;--wg-on-yellow:#1a1306;--wg-grey:#e9e3d9;--wg-on-grey:#a39a8c;--wg-key:#e6dfd3;--wg-sheet:#fff}@media (prefers-color-scheme:light){:root[data-theme=device]{--wg-green:#4a7d5a;--wg-on-green:#fff;--wg-yellow:#c99b45;--wg-on-yellow:#1a1306;--wg-grey:#e9e3d9;--wg-on-grey:#a39a8c;--wg-key:#e6dfd3;--wg-sheet:#fff}}.wg{flex-direction:column;min-height:100dvh;display:flex}:where(.wg>:not(header)){width:100%;max-width:520px;margin-inline:auto}.wg-top{padding:6px var(--gutter) 0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.wg-langs{grid-column:2;gap:28px;display:flex}.wg-langs a{min-height:44px;color:var(--meta);font:500 15px / 1 var(--f-body);align-items:center;gap:8px;text-decoration:none;display:flex}.wg-langs a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.wg-dot{border:1.5px solid var(--line2);border-radius:50%;width:8px;height:8px}.wg-dot.done{border-color:var(--wg-green);background:var(--wg-green)}.wg-tools{justify-content:flex-end;margin-right:-10px;display:flex}.wg-icon{width:44px;height:44px;color:var(--ink2);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.wg-icon:hover{background:var(--surf)}.wg-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:18px 0;display:flex}.wg-line{width:284px;min-height:40px;display:flex}.wg-puzzle,.wg-msg{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.wg-no{color:var(--ink);font:700 16px / 1 var(--f-head);white-space:nowrap}.wg-date{color:var(--meta);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.2;overflow:hidden}.wg-pips{gap:4px;margin-left:auto;display:flex}.wg-pips i{background:var(--ink2);width:14px;height:6px;transition:background var(--dur-base);border-radius:3px;display:block}.wg-pips i.used{background:var(--line)}.wg-msg b{color:var(--ink);font:600 15px / 1.2 var(--f-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wg-msg small{color:var(--meta);white-space:nowrap;margin-left:auto;font-size:13px}.wg-msg-icon{color:var(--hot);display:none}.wg-msg[data-kind=error]{background:color-mix(in srgb, var(--hot) 16%, var(--bg));border-radius:10px;padding:0 14px 0 12px}.wg-msg[data-kind=error] .wg-msg-icon{display:block}.wg-msg[data-kind=good] b{color:var(--wg-green)}.wg-msg[data-kind=plain] b{white-space:normal;font-weight:500}.wg-board{perspective:600px;gap:6px;display:grid}.wg-row{grid-template-columns:repeat(5,52px);gap:6px;display:grid}.wg-t{border:1.5px solid var(--line);height:52px;color:var(--ink);font:600 24px / 1 var(--f-body);border-radius:6px;place-items:center;padding-top:.08em;display:grid}.wg-t.typed{border-color:var(--line2)}.wg-row.bad .wg-t.typed{border-color:color-mix(in srgb, var(--hot) 70%, var(--line2))}.wg-t.correct,.wg-t.present,.wg-t.absent{border-color:#0000}.wg-t.correct{background:var(--wg-green);color:var(--wg-on-green)}.wg-t.present{background:var(--wg-yellow);color:var(--wg-on-yellow)}.wg-t.absent{background:var(--wg-grey);color:var(--wg-on-grey)}.wg-row.wg-small,.wg-stage.done .wg-row{grid-template-columns:repeat(5,40px);gap:4px}.wg-small .wg-t,.wg-stage.done .wg-t{border-radius:5px;height:40px;font-size:20px}.wg-stage.done{flex:none;gap:10px;padding:16px 0 14px}.wg-stage.done .wg-board{gap:4px}.wg-stage.done .wg-line{width:216px}.wg-stage.done .wg-pips{display:none}.wg-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wg-kb{width:100%;max-width:400px;padding:0 8px max(16px, env(safe-area-inset-bottom));gap:7px;margin:0 auto;display:grid}.wg-kr{justify-content:center;gap:5px;display:flex}.wg-key{background:var(--wg-key);max-width:34px;height:52px;color:var(--ink);font:400 18px / 1 var(--f-body);cursor:pointer;touch-action:manipulation;transition:transform 70ms, background var(--dur-fast);border:0;border-radius:6px;flex:1 1 0;padding:0}.wg-key:active{transform:translateY(1px)scale(.97)}.wg-key.wg-wide{flex-basis:54px;place-items:center;max-width:54px;font-size:13px;display:grid}.wg-kb[data-layout=tr] .wg-key{max-width:31px;font-size:17px}.wg-kb[data-layout=tr] .wg-key.wg-wide{flex-basis:50px;max-width:50px;font-size:13px}.wg-key.correct{background:var(--wg-green);color:var(--wg-on-green)}.wg-key.present{background:var(--wg-yellow);color:var(--wg-on-yellow)}.wg-key.absent{color:var(--wg-on-grey);background:0 0}.wg-key:disabled{opacity:.5;cursor:default}.wg-sheet{padding:24px 22px max(24px, env(safe-area-inset-bottom));background:var(--wg-sheet);border-radius:24px 24px 0 0;gap:18px;margin-block-start:auto;display:grid;box-shadow:0 -10px 30px #00000040}.wg-sheet-body{gap:18px;display:grid}.wg-sheet h2{font-size:28px;font-weight:700;line-height:1.05}.wg-sheet h2+p{color:var(--meta);margin-top:6px;font-size:16px;line-height:1.4}.wg-praise{align-items:center;gap:18px;display:flex}.wg-mini{flex:none;gap:3px;display:grid}.wg-mini div{grid-template-columns:repeat(5,12px);gap:3px;display:grid}.wg-mini i{background:var(--line);border-radius:3px;width:12px;height:12px;display:block}.wg-mini i.correct{background:var(--wg-green)}.wg-mini i.present{background:var(--wg-yellow)}.wg-mini i.absent{background:var(--wg-grey)}.wg-answer{justify-items:start;gap:14px;display:grid}.wg-streak{background:var(--bg);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.wg-streak-n{min-width:44px;color:var(--ink);font:700 34px / 1 var(--f-head);text-align:center}.wg-streak-label{color:var(--meta);gap:2px;font-size:14px;line-height:1.3;display:grid}.wg-streak-label small{color:var(--meta2);font-size:12px}.wg-week{color:var(--meta);text-align:center;grid-template-columns:repeat(7,22px);gap:4px;margin:0 0 0 auto;padding:0;font-size:11px;line-height:1.2;list-style:none;display:grid}.wg-week i{background:var(--wg-grey);border-radius:6px;width:22px;height:22px;margin-bottom:4px;display:block}.wg-week i.solved{background:var(--wg-green)}.wg-week i.rest{border:2px dashed var(--line2);background:0 0}.wg-week i.none{border:1.5px solid var(--line);background:0 0}.wg-week i.open{border:1.5px solid var(--line2);background:0 0}.wg-week li:last-child i{outline:2px solid var(--ink);outline-offset:2px}.wg-actions{grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.wg-btn{background:var(--ink);width:100%;min-height:52px;color:var(--bg);font:600 16px / 1 var(--f-body);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;display:flex}.wg-next{color:var(--meta);text-align:right;font-size:13px;line-height:1.25}.wg-next b{color:var(--ink);font:700 20px / 1.2 var(--f-head);font-variant-numeric:tabular-nums;display:block}.wg-news{border-top:1px solid var(--line);color:var(--ink);font:600 15.5px / 1.3 var(--f-body);gap:2px;padding-top:16px;text-decoration:none;display:grid}.wg-news small{color:var(--meta);font-size:14px;font-weight:400}.wg-note{color:var(--meta);font-size:14px;line-height:1.45}.wg-dialog{width:100%;max-width:520px;max-height:100dvh;color:inherit;background:0 0;border:0;margin:auto auto 0;padding:0}.wg-dialog .wg-sheet:focus{outline:none}.wg-dialog::backdrop{background:var(--scrim)}.wg-dialog h2{font-size:23px}.wg-dialog-head{justify-content:space-between;align-items:center;margin:-6px -10px -6px 0;display:flex}.wg-ex{gap:8px;display:grid}.wg-ex p{color:var(--ink2);font-size:15.5px;line-height:1.4}.wg-ex b{color:var(--ink)}.wg-stats{gap:18px;display:grid}.wg-totals{gap:32px;display:flex}.wg-totals dt{color:var(--meta);font-size:13px}.wg-totals dd{color:var(--ink);font:700 24px / 1.2 var(--f-head);margin:0}.wg-dist{gap:5px;display:grid}.wg-dist-title{color:var(--meta);margin-bottom:4px;font-size:13px}.wg-dist div{color:var(--meta);font:600 13px / 1 var(--f-body);grid-template-columns:14px 1fr;align-items:center;gap:8px;display:grid}.wg-dist span{background:var(--wg-grey);min-width:22px;height:18px;color:var(--wg-on-grey);border-radius:4px;justify-content:flex-end;align-items:center;padding-right:6px;font-size:12px;display:flex}.wg-dist span.now{background:var(--wg-green);color:var(--wg-on-green)}@media (prefers-reduced-motion:no-preference){.wg-row.reveal .wg-t{animation:wg-flip .46s var(--d,0s) ease-in-out both}.wg-row.shake{animation:.36s ease-out wg-shake}.wg-row.win .wg-t{animation:wg-hop .42s var(--d,0s) var(--ease-out) both}.wg-t.pop{animation:.1s ease-out wg-pop}.wg-msg.drop{animation:wg-drop .18s var(--ease-out)}.wg-sheet.rise{animation:wg-rise .46s var(--ease-out) both}.wg-streak-n.bump{animation:wg-bump .38s var(--ease-out)}.wg-dialog[open] .wg-sheet{animation:wg-rise .28s var(--ease-out) both}}@keyframes wg-flip{0%,49.9%{border-color:var(--ink2);color:var(--ink);background:0 0}0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes wg-rise{0%{transform:translateY(100%)}}@keyframes wg-bump{40%{transform:scale(1.12)}}@keyframes wg-shake{20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes wg-pop{50%{transform:scale(1.06)}}@keyframes wg-drop{0%{opacity:0;transform:translateY(-4px)}}@keyframes wg-hop{35%{transform:translateY(-8px)}70%{transform:translateY(1px)}}@media (width<360px){.wg-row{grid-template-columns:repeat(5,46px)}.wg-t{height:46px;font-size:22px}}