.board{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;position:relative}.board svg{touch-action:none;width:100%;height:100%;display:block;overflow:visible}.board .key{cursor:pointer;-webkit-tap-highlight-color:transparent}.board .tile{transition:translate .22s var(--ease-flick), filter .22s var(--ease-out-expo)}@media (hover:hover){.board .key:hover .tile{translate:0 -3px}}.board .key.is-down .tile{transition-duration:60ms;translate:0 5px}.board .is-amber.is-down .face,.board .is-own.is-down .face{fill:#ffd466}.board .is-white.is-down .face{fill:#ffe9ad}.board .is-dim.is-down .face{fill:#3d3450}.board .streaks{opacity:0;pointer-events:none;display:block}.board .streaks .s1{fill:var(--color-amber)}.board .streaks .s2{fill:var(--color-orange)}.board .streaks .s3{fill:var(--color-red)}.board .key.is-flicked .tile{animation:flick-up .42s var(--ease-flick)}.board .key.is-flicked-down .tile{animation:flick-down .42s var(--ease-flick)}.board .key.is-flicked-down .streaks{scale:1 -1}.board .key.is-flicked .streaks,.board .key.is-flicked-down .streaks{animation:streak .42s var(--ease-out-expo) forwards}.board .key[data-kind=space].is-flicked .tile{animation-name:nod-up}.board .key[data-kind=space].is-flicked-down .tile{animation-name:nod-down}@keyframes flick-up{35%{filter:drop-shadow(0 22px 14px #00000080);translate:0 -44px}}@keyframes flick-down{35%{filter:drop-shadow(0 10px 10px #00000080);translate:0 34px}}@keyframes nod-up{35%{translate:0 -14px}}@keyframes nod-down{35%{translate:0 10px}}@keyframes streak{0%{opacity:1;transform:translateY(0)scaleY(1)}to{opacity:0;transform:translateY(14px)scaleY(.2)}}.board .key.is-resting .tile{filter:drop-shadow(0 22px 14px #00000080);translate:0 -30px}.board .key.is-resting .streaks{opacity:1;transition:opacity .3s var(--ease-out-expo)}.board .key.is-deleting .face{fill:var(--stage,var(--color-amber))}.board .key.is-cursor .face{fill:#ffe9ad}.board .cursor-mark{fill:none;stroke:var(--color-ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;display:none}.board .key.is-cursor .cursor-mark{display:block}.board .key.is-cursor .tile>:not(.edge,.face,.cursor-mark){visibility:hidden}.board .popup{pointer-events:none}.board .popup-box{fill:var(--color-ink);stroke:var(--color-rule);stroke-width:3px;filter:drop-shadow(0 12px 14px #0000008c)}.board .popup-sel,.board .popup.is-armed .popup-box{fill:var(--color-amber)}.board .popup.is-armed .popup-box{stroke:var(--color-amber)}.board .popup .t{fill:var(--color-paper);font-weight:700}.board .popup .t.on,.board .popup.is-armed .t{fill:var(--color-ink)}@media (prefers-reduced-motion:reduce){.board .tile{transition:none}.board .key.is-flicked .tile,.board .key.is-flicked-down .tile,.board .key.is-flicked .streaks,.board .key.is-flicked-down .streaks{animation:none}}.playground[data-astro-cid-alq5tfmz]{width:100%;position:relative}.field-wrap[data-astro-cid-alq5tfmz]{margin-bottom:clamp(1.1rem,3vw,1.75rem);position:relative}.field[data-astro-cid-alq5tfmz]{background:var(--color-paper);min-height:3.25rem;color:var(--color-ink);white-space:pre;scrollbar-width:none;border-radius:14px;align-items:center;padding:.6rem 1.25rem;font-size:clamp(1.15rem,1rem + .8vw,1.5rem);font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -20px #000000b3}.field-text[data-astro-cid-alq5tfmz]{white-space:pre;flex:none}.comp[data-astro-cid-alq5tfmz]{white-space:pre;text-decoration:underline;text-decoration-color:var(--color-orange);text-underline-offset:4px;flex:none;text-decoration-thickness:2px}.comp[data-astro-cid-alq5tfmz]:empty{display:none}.strip[data-astro-cid-alq5tfmz]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;min-height:2.6rem;margin-top:.6rem;display:flex}.strip[data-astro-cid-alq5tfmz] button{border:1.5px solid var(--color-rule);min-height:2.4rem;color:var(--color-paper);cursor:pointer;transition:border-color .16s var(--ease-out-expo), background-color .16s var(--ease-out-expo);background:0 0;border-radius:999px;padding:0 .9rem;font-size:1.02rem;font-weight:600}.strip[data-astro-cid-alq5tfmz] button:hover{border-color:var(--color-amber)}.strip[data-astro-cid-alq5tfmz] button.best{border-color:var(--color-amber);color:var(--color-amber);font-weight:800}.strip[data-astro-cid-alq5tfmz] button.more{color:var(--color-mist)}.strip[data-astro-cid-alq5tfmz] button:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.strip[data-astro-cid-alq5tfmz] .strip-empty{color:#8f88a0;font-size:.95rem;font-weight:500}.ghost[data-astro-cid-alq5tfmz]{color:var(--color-ink);background:var(--stage,var(--color-amber));white-space:pre;border-radius:4px;text-decoration:line-through 2px}.ghost[data-astro-cid-alq5tfmz]:empty{display:none}.caret[data-astro-cid-alq5tfmz]{background:var(--color-orange);flex:none;width:2px;height:1.25em;margin-left:1px;animation:1.1s steps(2,start) infinite blink;display:inline-block}.placeholder[data-astro-cid-alq5tfmz]{color:#6b6177;pointer-events:none;font-weight:500;position:absolute;left:1.35rem}@keyframes blink{to{visibility:hidden}}.status[data-astro-cid-alq5tfmz]{min-height:1.6em;color:var(--color-mist);text-align:center;margin-top:.25rem;font-size:.98rem;font-weight:600}.status[data-astro-cid-alq5tfmz] b{color:var(--color-amber)}.moves[data-astro-cid-alq5tfmz]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-top:clamp(1.25rem,3vw,2rem);display:flex}.moves-label[data-astro-cid-alq5tfmz]{color:var(--color-mist);font-variant-numeric:tabular-nums;font-weight:600}.moves-label[data-astro-cid-alq5tfmz] strong[data-astro-cid-alq5tfmz]{color:var(--color-paper)}.move-chips[data-astro-cid-alq5tfmz]{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chip[data-astro-cid-alq5tfmz]{border:1.5px solid var(--color-rule);min-height:2.5rem;color:var(--color-mist);cursor:help;transition:border-color .2s var(--ease-out-expo), color .2s var(--ease-out-expo), background-color .2s var(--ease-out-expo);background:0 0;border-radius:999px;align-items:center;gap:.45rem;padding:0 .9rem 0 .7rem;font-size:.92rem;font-weight:600;display:inline-flex}.chip-hex[data-astro-cid-alq5tfmz]{background:var(--color-rule);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:.8rem;height:.92rem;transition:background-color .2s}.chip[data-astro-cid-alq5tfmz].done{border-color:var(--color-amber);color:var(--color-paper)}.chip[data-astro-cid-alq5tfmz].done .chip-hex[data-astro-cid-alq5tfmz]{background:var(--color-amber)}.chip[data-astro-cid-alq5tfmz].pulse{animation:pulse .7s var(--ease-out-expo)}@keyframes pulse{30%{background:color-mix(in oklab, var(--color-amber) 30%, transparent);transform:scale(1.06)}}