.game{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.wrank{gap:var(--space-2);flex-direction:column;width:min(400px,100%);display:flex}.wrank-top{color:var(--ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.wrank-top b{color:var(--ink)}.wrank-name{font-family:var(--font-display);font-size:16px}.wtrack{justify-content:space-between;align-items:center;display:flex;position:relative}.wtrack:before{content:"";background-color:var(--line);height:2px;position:absolute;left:6px;right:6px}.wdot{border:2px solid var(--line-strong);background-color:var(--surface);border-radius:50%;width:12px;height:12px;position:relative}.wdot.goal{border-color:var(--minze)}.wdot.on{border-color:var(--mango);background-color:var(--mango)}.wdot.now{width:18px;height:18px;box-shadow:0 0 0 3px color-mix(in srgb, var(--mango) 35%, transparent)}.wwords{border:2px solid var(--line);border-radius:var(--radius-md);background-color:var(--surface-raised);width:min(400px,100%)}.wwords summary{padding:var(--space-2) var(--space-3);cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.wlist{padding:0 var(--space-3) var(--space-3);gap:var(--space-1) var(--space-3);flex-wrap:wrap;max-height:180px;margin:0;font-size:15px;list-style:none;display:flex;overflow-y:auto}.wlist li.pangram{color:var(--mango);font-weight:800}.wentry{min-height:44px;font-family:var(--font-display);letter-spacing:.04em;word-break:break-all;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%;font-size:clamp(22px,7vw,30px);font-weight:800;display:flex}.wentry .c{color:var(--mango)}.wentry .x{color:var(--ink-muted)}.wentry .caret{background-color:var(--kobalt);width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite w-blink}@keyframes w-blink{50%{opacity:0}}.wentry.shake{animation:.3s ease-out w-shake}@keyframes w-shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.whive{--w:min(92px, calc((100vw - 2 * var(--space-4)) / 3.4));--hh:calc(var(--w) * .866);width:calc(var(--w) * 2.6);height:calc(var(--hh) * 3.1);position:relative}.whex{--x:0;--y:0;width:var(--w);height:var(--hh);margin:calc(var(--hh) / -2) 0 0 calc(var(--w) / -2);transform:translate(calc(var(--x) * var(--w) * .79), calc(var(--y) * var(--hh) * 1.05));clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background-color:var(--key);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:calc(var(--w) * .34);cursor:pointer;border:0;padding:0;transition:transform 80ms ease-out;position:absolute;top:50%;left:50%}.whex:active{scale:.94}.whex:focus-visible{background-color:var(--kobalt);color:var(--on-kobalt);outline:none}.whex.center{background-color:var(--mango);color:var(--on-mango)}.whex[data-pos="1"]{--y:-1}.whex[data-pos="2"]{--x:1;--y:-.5}.whex[data-pos="3"]{--x:1;--y:.5}.whex[data-pos="4"]{--y:1}.whex[data-pos="5"]{--x:-1;--y:.5}.whex[data-pos="6"]{--x:-1;--y:-.5}.wtools{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);width:min(400px,100%);display:grid}.wtools .sg-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.wranks{gap:2px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.wranks li{padding:2px var(--space-2);border-radius:var(--radius-sm);color:var(--ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.wranks li.on{color:var(--ink)}.wranks li.now{background-color:var(--mango);color:var(--on-mango);font-weight:700}