.whx{display:grid;gap:14px;max-width:880px;margin:0 auto;grid-template-columns:1fr}@media (min-width: 780px){.whx{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"top top" "play side"}.whx-top{grid-area:top}.whx-play{grid-area:play}.whx-side{grid-area:side}}.whx-rank{display:grid;gap:6px}.whx-rank-line{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.whx-rank-line b{font-size:1.1rem}.whx-ladder{display:flex;align-items:center;justify-content:space-between;position:relative;height:26px}.whx-ladder:before{content:"";position:absolute;left:6px;right:6px;top:50%;height:2px;background:var(--cell-line)}.whx-ladder span{position:relative;width:12px;height:12px;border-radius:50%;background:var(--surface-2);border:2px solid var(--cell-line);font-size:.7rem;font-weight:800;display:grid;place-items:center}.whx-ladder span.whx-done{background:var(--good);border-color:var(--good)}.whx-ladder span.whx-now{width:28px;height:26px;background:var(--good);border-color:var(--good);color:#fff}:root.colorblind .whx-ladder span.whx-now{color:#fff}.whx-play{display:grid;justify-items:center;gap:8px}.whx-input{min-height:46px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:1.7rem;font-weight:800;letter-spacing:.06em}.whx-input .whx-c{color:var(--accent)}.whx-input .whx-x{color:var(--muted);text-decoration:line-through}@keyframes whx-blink{50%{opacity:0}}.whx-caret{border-left:3px solid var(--accent);animation:whx-blink 1s steps(1) infinite;height:1.2em}@keyframes whx-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.whx-input.whx-shake{animation:whx-shake .35s}.whx-msg{min-height:1.5em;font-weight:700;font-size:.95rem;text-align:center;color:var(--muted)}.whx-msg[data-kind=good]{color:var(--good)}.whx-msg[data-kind=bad]{color:var(--bad)}.whx-flower{position:relative;width:min(290px,80vw);aspect-ratio:1;margin:4px 0}.whx-petal{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;padding:0;cursor:pointer;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-108%) rotate(calc(-1 * var(--a)));border-radius:50% 50% 46% 46%/58% 58% 42% 42%;border:2px solid var(--cell-line);background:var(--cell-alt);color:var(--text);font:inherit;font-weight:800;font-size:clamp(1.3rem,6.5vw,1.8rem);display:grid;place-items:center;transition:filter .1s}.whx-petal:active{filter:brightness(.92)}.whx-petal.whx-center{transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);border-color:var(--accent);color:var(--accent-text);width:32%}.whx-ctrl{display:flex;gap:10px;align-items:center}.whx-round{width:44px;padding:0;font-size:1.2rem}.whx-side{background:var(--surface-2);border-radius:var(--radius);padding:12px}.whx-found-h{margin-bottom:8px;font-size:.95rem}.whx-found{display:flex;flex-wrap:wrap;gap:4px 12px;max-height:360px;overflow:auto;text-transform:capitalize}.whx-w{font-size:.95rem;border-bottom:1px solid var(--border)}.whx-w.whx-pan{color:var(--accent);font-weight:800}.whx-w.whx-got{font-weight:800;text-decoration:underline}.whx-extras{width:100%;text-transform:none;margin-top:6px}.whx-ranklist{list-style:none;padding:0;margin:0;display:grid;gap:4px}.whx-ranklist li{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:3px 0}