.play-module__JR3oTa__root{--stage-bg:#eceaf6;--stage-bg-2:#dde2f6;--stage-glow:#869fde73;--stage-glow-2:#ddbfe48c;--stage-text:#1d2466;--stage-muted:#5d6399;--stage-faint:#2933801a;--stage-line:#2933801f;--stage-panel:#ffffffb8;--stage-panel-edge:#2933801a;--key-face:#fff;--key-face-2:#f3f2fa;--key-side:#c4c7e4;--key-legend:#293380;--key-latin:#7a80b3;--key-vowel:#953d60;--key-plate:linear-gradient(180deg, #d9dcf1, #c9cde9);--target:#5f7ee0;--target-2:#869fde;--target-side:#3d58b8;--target-ink:#fff;--target-glow:#5f7ee080;--ok:#2fa060;--miss:#d92d20;--heat:#953d60;isolation:isolate;min-height:100dvh;color:var(--stage-text);background:radial-gradient(60rem 30rem at 50% -8rem, var(--stage-glow), transparent 70%), radial-gradient(40rem 26rem at 8% 110%, var(--stage-glow-2), transparent 70%), linear-gradient(180deg, var(--stage-bg), var(--stage-bg-2));flex-direction:column;display:flex;position:relative;overflow-x:clip}.dark .play-module__JR3oTa__root{--stage-bg:#0b0d1d;--stage-bg-2:#0f1228;--stage-glow:#3a45a08c;--stage-glow-2:#953d6038;--stage-text:#eef0ff;--stage-muted:#8a91c4;--stage-faint:#8ba4e814;--stage-line:#8ba4e824;--stage-panel:#1b1e3b99;--stage-panel-edge:#8ba4e824;--key-face:#1d2140;--key-face-2:#171a35;--key-side:#070812;--key-legend:#d6dbfb;--key-latin:#6e76ad;--key-vowel:#e3a3bd;--key-plate:linear-gradient(180deg, #13162e, #0c0e20);--target:#6f8ce6;--target-2:#8ba4e8;--target-side:#2c3f94;--target-ink:#fff;--target-glow:#8ba4e88c;--ok:#57c489;--miss:#f4645a;--heat:#c9688e}.play-module__JR3oTa__root:before{content:"";z-index:-1;background-image:radial-gradient(var(--stage-faint) 1px, transparent 1.2px);pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.play-module__JR3oTa__panel{background:var(--stage-panel);border:1px solid var(--stage-panel-edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.play-module__JR3oTa__scene{perspective:1100px;perspective-origin:50% 0;-webkit-user-select:none;user-select:none;justify-content:center;width:100%;padding:0 16px;display:flex}.play-module__JR3oTa__board{--tilt:30deg;--depth:7px;background:var(--key-plate);width:min(90%,740px);box-shadow:0 1px 0 var(--stage-line) inset, 0 40px 60px -30px #00000073;transform:rotateX(calc(var(--tilt) + var(--py,0) * 1deg)) rotateY(calc(var(--px,0) * 1deg));transform-origin:50% 0;border-radius:22px;flex-direction:column;gap:8px;padding:14px 14px 18px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex}.play-module__JR3oTa__row{gap:8px;display:flex}.play-module__JR3oTa__spacer{flex:var(--span,.5) 1 0}.play-module__JR3oTa__key{--face:var(--key-face);--face-2:var(--key-face-2);--side:var(--key-side);--legend:var(--key-legend);flex:var(--span,1) 1 0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:0;height:54px;color:var(--legend);font:inherit;background:0 0;border:0;padding:0;position:relative}.play-module__JR3oTa__key:focus-visible{outline:2px solid var(--target-2);outline-offset:3px;border-radius:10px}.play-module__JR3oTa__cap{inset:0 0 var(--depth) 0;background:linear-gradient(180deg, var(--face), var(--face-2));box-shadow:0 var(--depth) 0 var(--side), 0 calc(var(--depth) + 6px) 12px -4px #00000059, 0 1px 0 #ffffff14 inset;border-radius:10px;place-items:center;transition:transform 90ms ease-out,box-shadow 90ms ease-out,background .2s;display:grid;position:absolute}.play-module__JR3oTa__jamo{font-size:1.35rem;font-weight:700;line-height:1}.play-module__JR3oTa__vowel .play-module__JR3oTa__jamo{color:var(--key-vowel)}.play-module__JR3oTa__latin{letter-spacing:.04em;color:var(--key-latin);font-size:.62rem;font-weight:600;position:absolute;bottom:6px;right:8px}.play-module__JR3oTa__alt{color:var(--key-latin);font-size:.66rem;font-weight:700;position:absolute;top:5px;left:8px}.play-module__JR3oTa__action .play-module__JR3oTa__jamo{letter-spacing:.06em;text-transform:lowercase;color:var(--key-latin);font-size:.8rem;font-weight:600}.play-module__JR3oTa__key[data-down=true] .play-module__JR3oTa__cap,.play-module__JR3oTa__key:active .play-module__JR3oTa__cap{transform:translateY(calc(var(--depth) - 1px));box-shadow:0 1px 0 var(--side), 0 3px 6px -3px #00000059}.play-module__JR3oTa__key[data-target=true]{--face:var(--target-2);--face-2:var(--target);--side:var(--target-side);--legend:var(--target-ink);z-index:1}.play-module__JR3oTa__key[data-target=true] .play-module__JR3oTa__jamo,.play-module__JR3oTa__key[data-target=true] .play-module__JR3oTa__latin,.play-module__JR3oTa__key[data-target=true] .play-module__JR3oTa__alt{color:var(--target-ink)}.play-module__JR3oTa__key[data-target=true] .play-module__JR3oTa__cap:after{content:"";box-shadow:0 0 0 2px var(--target-glow), 0 0 26px 4px var(--target-glow);pointer-events:none;border-radius:13px;animation:1.6s ease-in-out infinite play-module__JR3oTa__target-breathe;position:absolute;inset:-3px}.play-module__JR3oTa__key[data-lit=true] .play-module__JR3oTa__cap{box-shadow:0 var(--depth) 0 var(--side), 0 0 0 2px var(--target-glow), 0 calc(var(--depth) + 6px) 16px -4px var(--target-glow)}.play-module__JR3oTa__key[data-latched=true]{--face:var(--heat);--face-2:var(--heat);--legend:#fff}.play-module__JR3oTa__key[data-latched=true] .play-module__JR3oTa__jamo{color:#fff}.play-module__JR3oTa__flash{inset:0 0 var(--depth) 0;background:var(--miss);opacity:0;pointer-events:none;mix-blend-mode:normal;border-radius:10px;animation:.45s ease-out play-module__JR3oTa__miss-flash;position:absolute}@keyframes play-module__JR3oTa__target-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes play-module__JR3oTa__miss-flash{0%{opacity:.85}to{opacity:0}}@media (max-width:640px){.play-module__JR3oTa__board{--tilt:10deg;--depth:5px;border-radius:14px;gap:6px;width:100%;padding:8px 6px 10px}.play-module__JR3oTa__row{gap:4px}.play-module__JR3oTa__key{height:46px}.play-module__JR3oTa__cap,.play-module__JR3oTa__flash{border-radius:7px}.play-module__JR3oTa__jamo{font-size:1.15rem}.play-module__JR3oTa__latin,.play-module__JR3oTa__alt{display:none}}.play-module__JR3oTa__caret{vertical-align:-.08em;background:var(--target-2);border-radius:2px;width:3px;height:.9em;margin-left:.06em;animation:1.05s step-end infinite play-module__JR3oTa__caret-blink;display:inline-block}@keyframes play-module__JR3oTa__caret-blink{50%{opacity:0}}.play-module__JR3oTa__shake{animation:.32s cubic-bezier(.36,.07,.19,.97) play-module__JR3oTa__shake-x}@keyframes play-module__JR3oTa__shake-x{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.play-module__JR3oTa__burst{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.play-module__JR3oTa__board{transition:none}.play-module__JR3oTa__key[data-target=true] .play-module__JR3oTa__cap:after,.play-module__JR3oTa__caret,.play-module__JR3oTa__shake,.play-module__JR3oTa__flash{animation:none}.play-module__JR3oTa__flash{opacity:.6}.play-module__JR3oTa__caret{opacity:1}}