.wb{gap:var(--mty-space-4);display:grid}.wb .g-head{margin-bottom:0}.wb-progress{gap:var(--mty-space-2);display:grid}.wb-rank strong{font-size:1.25rem}.wb-track{justify-content:space-between;align-items:center;height:1.5rem;display:flex;position:relative}.wb-track:before{content:"";background:var(--mty-border);height:2px;position:absolute;top:50%;left:0;right:0}.wb-dot{background:var(--mty-border);border-radius:50%;width:.7rem;height:.7rem;position:relative}.wb-dot.reached{background:var(--mty-action)}.wb-dot.current{border-radius:var(--mty-radius-pill);min-width:2rem;height:2rem;color:var(--mty-on-action);place-items:center;padding:0 .3rem;font-size:.875rem;font-weight:700;display:grid}@keyframes wb-blink{50%{opacity:0}}@keyframes wb-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media (width>=801px){.g-main.wb{width:min(64rem, calc(100% - 2 * var(--mty-gutter)));column-gap:var(--mty-space-12);grid-template:"head head""play progress""play found"1fr"note note"/minmax(0,1fr) minmax(0,1fr);align-items:start}.wb>.g-head{grid-area:head}body.throwback .g-main.wb{grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"head head""banner banner""play progress""play found""note note"}.wb-throwback{grid-area:banner}.wb-progress{grid-area:progress}.wb-found{grid-area:found}.wb-play{grid-area:play;padding-top:0}.wb>.g-note{grid-area:note}.wb-found-list{display:block}.wb-found-toggle{pointer-events:none}.wb-chevron{display:none}}@media (width<=800px){.wb{gap:var(--mty-space-3)}.g-main.wb{padding-top:var(--mty-space-6)}.wb-play{gap:var(--mty-space-3);padding-top:0}.wb-letters{--r:clamp(4.75rem, 21vw, 6rem);--d:clamp(4rem, 18vw, 5rem)}}@media (prefers-reduced-motion:reduce){.wb-caret{animation:none}}@media (width<=480px){.wb-letters.wb-mini{--r:3.1rem;--d:2.7rem}.wb-guide-example{padding:var(--mty-space-1) var(--mty-space-3);gap:var(--mty-space-2)}}@media (width<=800px){.g-main.wb{grid-template-columns:minmax(0,1fr)}.wb>*{min-width:0}.wb-play{order:2}.wb-found{order:3}.wb>.g-note{order:4}}@media (width<=800px) and (height<=520px) and (width>=560px){.g-main.wb{width:calc(100% - 2 * var(--mty-gutter));column-gap:var(--mty-space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""play progress""play found""note note";align-items:start}.wb>.g-head{grid-area:head}.wb-play{grid-area:play}.wb-progress{grid-area:progress}.wb-found{grid-area:found}.wb>.g-note{grid-area:note}}.wb-next{font-size:var(--mty-text-small);margin:0}.wb-found{padding:var(--mty-space-3) var(--mty-space-6)}.wb-found-toggle{width:100%;min-height:var(--mty-control-min);color:var(--mty-ink);font:500 1rem var(--mty-font);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.wb-chevron{transition:transform var(--mty-motion-feedback) var(--mty-ease)}.wb-found-toggle[aria-expanded=true] .wb-chevron{transform:rotate(180deg)}.wb-found-list{padding:var(--mty-space-2) 0 var(--mty-space-2);columns:3 8rem;column-gap:var(--mty-space-6);margin:0;list-style:none;display:none}.wb-found-toggle[aria-expanded=true]+.wb-found-list{display:block}.wb-found-list li{border-bottom:1px solid var(--mty-border);text-transform:capitalize;break-inside:avoid;padding:.2rem 0}.wb-throwback{padding:var(--mty-space-3) var(--mty-space-4);border-radius:var(--mty-radius-control);background:var(--mty-accent);margin:0;font-size:1rem}.wb-throwback[hidden]{display:none}.wb-found-list li.vintage:after{content:" ★";color:var(--mty-action)}.wb-found-list li.pangram{font-weight:700}.wb-play{justify-items:center;gap:var(--mty-space-6);padding-top:var(--mty-space-4);display:grid}.wb-entry{letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;justify-content:center;align-items:center;max-width:100%;min-height:3rem;font-size:clamp(1.75rem,7vw,2.25rem);font-weight:700;display:flex}.wb-entry .center{color:var(--mty-action)}.wb-entry .invalid{color:var(--mty-border)}.wb-caret{background:var(--mty-action);width:2px;height:2.2rem;margin-left:2px;animation:1s step-end infinite wb-blink}.wb-entry.shake{animation:wb-shake .4s var(--mty-ease)}.wb-letters{--r:clamp(5.25rem, 23vw, 6.5rem);--d:clamp(4.25rem, 19vw, 5.25rem);width:calc(2 * var(--r) + var(--d));height:calc(2 * var(--r) + var(--d));position:relative}.wb-letter{width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border:2px solid var(--mty-border);background:var(--mty-surface);color:var(--mty-ink);font:700 clamp(1.5rem, 6vw, 1.9rem) var(--mty-font);text-transform:uppercase;cursor:pointer;transform:rotate(var(--a)) translateY(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));transition:transform var(--mty-motion-transition) var(--mty-ease), background var(--mty-motion-feedback) var(--mty-ease);border-radius:50%;position:absolute;top:50%;left:50%}.wb-letter:hover{background:var(--mty-soft)}.wb-letter:active{background:var(--mty-accent)}.wb-letter.center{background:var(--mty-action);border-color:var(--mty-action);color:var(--mty-on-action);transform:none}.wb-letter:focus-visible{outline:3px solid var(--mty-action);outline-offset:3px}.wb-letters.shuffling .wb-letter:not(.center){opacity:0;transform:none}.wb-controls{gap:var(--mty-space-3);justify-content:center;display:flex}.wb-controls .g-button{min-width:6rem;min-height:3rem}.wb-controls .wb-icon{min-width:3rem;font-size:1.4rem}.wb-y-letters{letter-spacing:.1em;text-transform:uppercase;font-weight:700}.wb-y-list{columns:2 8rem;max-height:50vh;padding:0;list-style:none;overflow:auto}.wb-y-list li{text-transform:capitalize;padding:.15rem 0}.wb-y-list li.found:after{content:" ✓";color:var(--mty-action)}.wb-y-list li.pangram{font-weight:700}@media (width>=801px){.g-main.wb{width:min(64rem, calc(100% - 2 * var(--mty-gutter)));column-gap:var(--mty-space-12);grid-template:"head head""play progress""play found"1fr"note note"/minmax(0,1fr) minmax(0,1fr);align-items:start}.wb>.g-head{grid-area:head}body.throwback .g-main.wb{grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"head head""banner banner""play progress""play found""note note"}.wb-throwback{grid-area:banner}.wb-progress{grid-area:progress}.wb-found{grid-area:found}.wb-play{grid-area:play;padding-top:0}.wb>.g-note{grid-area:note}.wb-found-list{display:block}.wb-found-toggle{pointer-events:none}.wb-chevron{display:none}}@media (width<=800px){.wb{gap:var(--mty-space-3)}.g-main.wb{padding-top:var(--mty-space-6)}.wb-play{gap:var(--mty-space-3);padding-top:0}.wb-letters{--r:clamp(4.75rem, 21vw, 6rem);--d:clamp(4rem, 18vw, 5rem)}}@media (prefers-reduced-motion:reduce){.wb-caret{animation:none}}.wb-guide-demo{justify-items:center;gap:var(--mty-space-2);display:grid}.wb-mini .wb-letter{cursor:default;place-items:center;font-size:1.2rem;display:grid}.wb-letter.pressed{background:var(--mty-accent)}.wb-letter.center.pressed{background:var(--mty-ink)}.wb-mini-entry{min-height:2.2rem;font-size:1.6rem}.wb-guide-word{letter-spacing:.06em;text-transform:uppercase;font-weight:700}.wb-guide-word .center{color:var(--mty-action)}.wb-guide-result{min-height:1.6rem;color:var(--mty-action);font-weight:700}.wb-guide-examples{gap:var(--mty-space-2);width:100%;display:grid}.wb-guide-example{align-items:baseline;gap:var(--mty-space-3);padding:var(--mty-space-2) var(--mty-space-3);border-radius:var(--mty-radius-control);background:var(--mty-surface);flex-wrap:wrap;display:flex}@media (width<=480px){.wb-letters.wb-mini{--r:3.1rem;--d:2.7rem}.wb-guide-example{padding:var(--mty-space-1) var(--mty-space-3);gap:var(--mty-space-2)}}.wb-guide-mark{width:1.2rem;font-weight:700}.wb-guide-example.ok .wb-guide-mark{color:#2f7a52}.wb-guide-example.no .wb-guide-mark,.wb-guide-example.no .wb-guide-word{color:#9a3b3b}.wb-guide-note{color:var(--mty-muted);font-size:1rem}.wb-guide-points{margin-left:auto;font-weight:700}.wb-guide-rank{gap:var(--mty-space-2);width:100%;display:grid}.wb-guide-rank p{margin:0}.wb-guide-rank-label{font-size:1.15rem;font-weight:700}.wb-bonus-summary{margin:var(--mty-space-3) 0 0;font-weight:600}.wb-bonus-summary[hidden]{display:none}.wb-bonus-list li{color:var(--mty-muted)}.wb-found-toggle[aria-expanded=true]~.wb-bonus-list{display:block}@media (width<=800px){.g-main.wb{grid-template-columns:minmax(0,1fr)}.wb>*{min-width:0}.wb-play{order:2}.wb-found{order:3}.wb>.g-note{order:4}}@media (width<=800px) and (height<=520px) and (width>=560px){.g-main.wb{width:calc(100% - 2 * var(--mty-gutter));column-gap:var(--mty-space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""play progress""play found""note note";align-items:start}.wb>.g-head{grid-area:head}.wb-play{grid-area:play}.wb-progress{grid-area:progress}.wb-found{grid-area:found}.wb>.g-note{grid-area:note}}.wb-letters.wb-mini{--r:min(3.4rem, 22cqi, 26cqh);--d:min(3rem, 19cqi, 22cqh)}.wb-guide-example .wb-guide-word{font-size:clamp(1rem,7cqi,1.2rem)}.wb-next{font-size:1rem}@media (width<=340px){.wb-letters{--r:clamp(3.6rem, 22vw, 6rem);--d:clamp(3rem, 19vw, 5rem)}.wb-controls{gap:var(--mty-space-2);width:100%}.wb-controls .g-button{flex:auto;min-width:0;padding-inline:.4rem}#complete .actions{flex-wrap:wrap}#complete .actions .g-button{flex:auto}}@media (width<=800px) and (height<=520px) and (width>=560px){.wb-letters{--r:min(6rem, calc((100dvh - 9rem) * .3));--d:max(44px, min(5rem, calc((100dvh - 9rem) * .27)))}.wb-play{gap:var(--mty-space-2)}}.wb-entry-hint{letter-spacing:0;text-transform:none;color:var(--mty-muted);white-space:nowrap;font-size:1.125rem;font-weight:600}