.ws-root{--ws-0:var(--sun);--ws-1:var(--pink);--ws-2:var(--sky);--ws-3:var(--mint);--ws-4:var(--orange);--ws-5:var(--lilac);--ws-6:var(--lime);--ws-7:var(--coral);--ws-8:var(--peri)}.ws-root .ka-bar{flex-wrap:nowrap}.ws-root .ka-stats{flex-wrap:nowrap;min-width:0}.ws-root .ka-stat dd{white-space:nowrap;text-overflow:ellipsis;max-width:9em;overflow:hidden}.ws-root .ka-actions{flex-wrap:nowrap}@media (width<=480px){.ws-root .ka-bar{flex-wrap:wrap}.ws-root .ka-stat{min-width:0;padding:4px 10px 5px}.ws-root .ka-stat dd{max-width:7.5em;font-size:18px}.ws-root .ka-actions .ka-btn{height:38px;padding:0 14px}}.ws{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.ws-board{border:var(--edge);border-radius:var(--r-md);background:var(--white);width:min(100%,560px,100dvh - 260px);min-width:280px;box-shadow:var(--hard);padding:6px}.ws-grid{touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:auto;display:block}.ws-letters text{font-family:var(--font-display);fill:var(--ink);text-anchor:middle;dominant-baseline:central;pointer-events:none;user-select:none;font-size:6px;font-weight:800}.ws-letters text.is-found{fill:var(--ink)}.ws-letters text.is-sel{font-size:6.6px}.ws-cap-shadow{fill:var(--ink)}.ws-cap-face{stroke:var(--ink);stroke-width:2.2px;vector-effect:non-scaling-stroke;fill:var(--white)}.ws-cap.is-live .ws-cap-face{fill:var(--cream)}.ws-cap.is-live .ws-cap-shadow{opacity:0}.ws-cap.is-found[data-k="0"] .ws-cap-face{fill:var(--ws-0)}.ws-cap.is-found[data-k="1"] .ws-cap-face{fill:var(--ws-1)}.ws-cap.is-found[data-k="2"] .ws-cap-face{fill:var(--ws-2)}.ws-cap.is-found[data-k="3"] .ws-cap-face{fill:var(--ws-3)}.ws-cap.is-found[data-k="4"] .ws-cap-face{fill:var(--ws-4)}.ws-cap.is-found[data-k="5"] .ws-cap-face{fill:var(--ws-5)}.ws-cap.is-found[data-k="6"] .ws-cap-face{fill:var(--ws-6)}.ws-cap.is-found[data-k="7"] .ws-cap-face{fill:var(--ws-7)}.ws-cap.is-found[data-k="8"] .ws-cap-face{fill:var(--ws-8)}.ws-cap.is-fresh .ws-cap-body{animation:ws-land .38s var(--ease-spring);transform-box:fill-box;transform-origin:50%}.ws-cap.is-miss{animation:.48s ease-out forwards ws-miss}.ws-cap.is-miss .ws-cap-face{fill:#e4decb}.ws-cap.is-miss .ws-cap-shadow{opacity:0}.ws-anchor{fill:var(--sun);stroke:var(--ink);stroke-width:2.2px;vector-effect:non-scaling-stroke}.ws-cursor{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.ws-board.is-done{animation:ws-bounce .56s var(--ease-spring)}.ws-words{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;width:100%;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.ws-words li{border:2px solid var(--ink);background:var(--white);min-height:32px;box-shadow:var(--hard-sm);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;transition:background .16s, transform .16s var(--ease-spring);border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:14px;font-weight:750;display:flex;overflow:hidden}.ws-words li span{text-overflow:ellipsis;overflow:hidden}.ws-words li.is-found{box-shadow:none;transform:translate(2px,2px)}.ws-words li.is-found span{text-decoration:line-through 2.5px}.ws-words li[data-k="0"]{background:var(--ws-0)}.ws-words li[data-k="1"]{background:var(--ws-1)}.ws-words li[data-k="2"]{background:var(--ws-2)}.ws-words li[data-k="3"]{background:var(--ws-3)}.ws-words li[data-k="4"]{background:var(--ws-4)}.ws-words li[data-k="5"]{background:var(--ws-5)}.ws-words li[data-k="6"]{background:var(--ws-6)}.ws-words li[data-k="7"]{background:var(--ws-7)}.ws-words li[data-k="8"]{background:var(--ws-8)}.ws-words li.is-fresh{animation:ws-pop .32s var(--ease-spring)}@media (width<=480px){.ws-words{grid-template-columns:repeat(3,1fr);gap:6px}.ws-words li{min-height:28px;padding:1px 6px;font-size:13px}}@media (width>=760px){.ws{flex-direction:row;justify-content:center;align-items:flex-start;gap:16px}.ws-board{flex-shrink:0;width:min(424px,100dvh - 330px)}.ws-words{flex-shrink:0;grid-template-columns:1fr 1fr;gap:6px;width:200px}.ws-words li{min-height:30px;padding:1px 6px;font-size:13px}}.ws-themes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:100%;display:grid}.ws-theme{border:var(--edge);border-radius:var(--r-md);background:var(--white);min-height:64px;box-shadow:var(--hard-sm);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .14s var(--ease-spring), box-shadow .14s var(--ease-spring), background .14s;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.ws-theme:hover{box-shadow:3px 3px 0 var(--ink);background:var(--cream);transform:translate(-1px,-1px)}.ws-theme:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.ws-theme-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1.1}.ws-theme-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:650;display:flex}.ws-theme-sample{text-transform:capitalize}.ws-theme-best{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800}.ws-tag{border:2px solid var(--ink);background:var(--lime);height:20px;color:var(--ink);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}@media (width<=480px){.ws-themes{grid-template-columns:1fr 1fr;gap:8px}.ws-theme{min-height:56px;padding:8px 10px}.ws-theme-name{font-size:16px}}.ws-mono{font-variant-numeric:tabular-nums}@keyframes ws-land{0%{transform:scale(.8,.6)}60%{transform:scale(1.06,1.15)}to{transform:scale(1)}}@keyframes ws-miss{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes ws-pop{0%{transform:scale(.8)}60%{transform:scale(1.1)translate(2px,2px)}to{transform:translate(2px,2px)}}@keyframes ws-bounce{0%,to{transform:translateY(0)}35%{transform:translateY(-10px)rotate(-1deg)}65%{transform:translateY(2px)scale(1.01,.99)}}@media (prefers-reduced-motion:reduce){.ws-cap.is-fresh .ws-cap-body,.ws-words li.is-fresh,.ws-board.is-done{animation:none}.ws-words li,.ws-theme{transition:none}}
