.board[data-astro-cid-6oanenr7]{--kfs:5.6cqi;--pfs:max(.95rem, 3.6cqi);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;position:relative;container-type:inline-size}.key[data-astro-cid-6oanenr7]{cursor:pointer;touch-action:none;color:var(--color-ink);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;scale:.95}.key[data-astro-cid-6oanenr7]:focus-visible{outline:none}.key[data-astro-cid-6oanenr7]:focus-visible .face[data-astro-cid-6oanenr7]{stroke:var(--color-orange)}.tile[data-astro-cid-6oanenr7]{transition:translate .22s var(--ease-flick), filter .22s var(--ease-out-expo);will-change:translate;display:block;position:absolute;inset:0}.shape[data-astro-cid-6oanenr7]{filter:drop-shadow(0 5px 6px #00000073);width:100%;height:107.359%;position:absolute;inset:0;overflow:visible}.edge[data-astro-cid-6oanenr7]{fill:#07050b;stroke:#07050b;stroke-width:5px;stroke-linejoin:round}.face[data-astro-cid-6oanenr7]{stroke:var(--color-ink);stroke-width:5px;stroke-linejoin:round;transition:fill .12s linear}.is-white[data-astro-cid-6oanenr7] .face[data-astro-cid-6oanenr7]{fill:var(--color-paper)}.is-amber[data-astro-cid-6oanenr7] .face[data-astro-cid-6oanenr7]{fill:var(--color-amber)}.key[data-astro-cid-6oanenr7]:hover .tile[data-astro-cid-6oanenr7]{translate:0 -3%}.key[data-astro-cid-6oanenr7].is-down .tile[data-astro-cid-6oanenr7]{transition-duration:60ms;translate:0 4%}.key[data-astro-cid-6oanenr7].is-down .face[data-astro-cid-6oanenr7]{fill:#ffd466}.is-white[data-astro-cid-6oanenr7].is-down .face[data-astro-cid-6oanenr7]{fill:#fff3cf}.key[data-astro-cid-6oanenr7].is-flicked .tile[data-astro-cid-6oanenr7]{animation:flick .42s var(--ease-flick)}.key[data-astro-cid-6oanenr7].is-flicked:before{content:"";background:linear-gradient(var(--color-amber), var(--color-amber)) 0 0 / 22% 100% no-repeat, linear-gradient(var(--color-orange), var(--color-orange)) 50% 20% / 22% 80% no-repeat, linear-gradient(var(--color-red), var(--color-red)) 100% 40% / 22% 60% no-repeat;width:18%;height:70%;animation:streak .42s var(--ease-out-expo) forwards;pointer-events:none;border-radius:4px;position:absolute;top:58%;left:50%;translate:-50%}@keyframes flick{35%{filter:drop-shadow(0 18px 14px #00000073);translate:0 -28%}}@keyframes streak{0%{opacity:1;transform-origin:top;transform:scaleY(1)}to{opacity:0;transform-origin:top;transform:scaleY(.2)translateY(60%)}}.key[data-astro-cid-6oanenr7].is-resting{z-index:3}.key[data-astro-cid-6oanenr7].is-resting:before{z-index:-1}.key[data-astro-cid-6oanenr7].is-resting .tile[data-astro-cid-6oanenr7]{filter:drop-shadow(0 18px 14px #00000080);translate:0 -18%}.key[data-astro-cid-6oanenr7].is-resting:before{content:"";transform-origin:top;background:linear-gradient(var(--color-amber), var(--color-amber)) 0 0 / 24% 100% no-repeat, linear-gradient(var(--color-orange), var(--color-orange)) 50% 25% / 24% 75% no-repeat, linear-gradient(var(--color-red), var(--color-red)) 100% 50% / 24% 50% no-repeat;pointer-events:none;width:40%;height:70%;transition:opacity .3s var(--ease-out-expo);border-radius:4px;position:absolute;top:62%;left:50%;translate:-50%;rotate:14deg}.glyph[data-astro-cid-6oanenr7]{text-align:center;font-weight:800;font-size:var(--kfs,1.6rem);line-height:1;position:absolute;top:50%;left:0;right:0;translate:0 -54%}.glyph-up[data-astro-cid-6oanenr7]{font-size:calc(var(--kfs,1.6rem) * .8);top:32%}.glyph-down[data-astro-cid-6oanenr7]{font-size:calc(var(--kfs,1.6rem) * .8);top:70%}.is-split[data-astro-cid-6oanenr7] .glyph-down[data-astro-cid-6oanenr7]{font-size:calc(var(--kfs,1.6rem) * .8)}.kind-emoji[data-astro-cid-6oanenr7] .glyph-down[data-astro-cid-6oanenr7]{font-size:calc(var(--kfs,1.6rem) * .42);letter-spacing:0}.split-line[data-astro-cid-6oanenr7]{background:var(--color-ink);border-radius:2px;height:3px;position:absolute;top:50%;left:12%;right:12%}.mark[data-astro-cid-6oanenr7]{font-size:calc(var(--kfs,1.6rem) * .42);color:var(--color-slate);font-weight:700;line-height:1;position:absolute;top:26%}.is-amber[data-astro-cid-6oanenr7] .mark[data-astro-cid-6oanenr7]{color:#5a3d00}.mark-l[data-astro-cid-6oanenr7]{left:22%}.mark-r[data-astro-cid-6oanenr7]{right:22%}.hint[data-astro-cid-6oanenr7]{text-align:center;font-size:calc(var(--kfs,1.6rem) * .46);font-weight:800;position:absolute;top:25%;left:0;right:0}.spacebar[data-astro-cid-6oanenr7]{border:3px solid var(--color-ink);border-top:0;border-radius:0 0 6px 6px;height:12%;position:absolute;top:58%;left:28%;right:28%}.smile[data-astro-cid-6oanenr7]{width:30%;position:absolute;top:30%;left:50%;translate:-50% -50%}.enter-glyph[data-astro-cid-6oanenr7]{width:44%;position:absolute;top:50%;left:50%;translate:-50% -55%}.popup[data-astro-cid-6oanenr7]{z-index:5;background:var(--color-ink);border-radius:14px;gap:3px;padding:6px;display:flex;position:absolute;translate:-50% -100%;box-shadow:0 16px 30px -10px #0009}.popup[data-astro-cid-6oanenr7] span{min-width:2.4em;height:2.6em;font-size:var(--pfs,1.1rem);color:var(--color-paper);border-radius:9px;place-items:center;padding-inline:.2em;font-weight:800;display:grid}.popup[data-astro-cid-6oanenr7] span.on{background:var(--color-amber);color:var(--color-ink)}.key[data-astro-cid-6oanenr7].is-deleting .face[data-astro-cid-6oanenr7]{fill:var(--stage,var(--color-amber))}.key[data-astro-cid-6oanenr7].is-deleting .glyph[data-astro-cid-6oanenr7],.key[data-astro-cid-6oanenr7].is-deleting .hint[data-astro-cid-6oanenr7]{color:var(--color-ink)}.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}.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:.55rem;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)}}