.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;--path-keys:#3a4796;--path-vocab:#5f7ee0;--path-conj:#953d60;--path-part:#2f7fb0;--path-num:#7a4f93;--path-ink:#fff;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;--path-keys:#b4c0f4;--path-vocab:#8ba4e8;--path-conj:#d77ea1;--path-part:#7fb5e0;--path-num:#b994d0;--path-ink:#0b0d1d}.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}}.play-module__JR3oTa__board[data-size=compact]{--tilt:16deg;--depth:5px;border-radius:16px;gap:6px;width:min(90%,540px);padding:10px 10px 12px}.play-module__JR3oTa__board[data-size=compact] .play-module__JR3oTa__row{gap:6px}.play-module__JR3oTa__board[data-size=compact] .play-module__JR3oTa__key{height:40px}.play-module__JR3oTa__board[data-size=compact] .play-module__JR3oTa__cap,.play-module__JR3oTa__board[data-size=compact] .play-module__JR3oTa__flash{border-radius:8px}.play-module__JR3oTa__board[data-size=compact] .play-module__JR3oTa__jamo{font-size:1.05rem}.play-module__JR3oTa__board[data-size=compact] .play-module__JR3oTa__latin{font-size:.55rem;bottom:4px;right:6px}.play-module__JR3oTa__board[data-size=compact] .play-module__JR3oTa__alt{font-size:.58rem;top:3px;left:6px}@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__slot{background:color-mix(in srgb, var(--key-face) 55%, transparent);border:1px solid var(--stage-panel-edge);min-width:min(100%,14rem);box-shadow:0 4px 0 var(--key-side);border-radius:20px;padding:.3em .6em .4em;transition:border-color .2s,box-shadow .2s}.play-module__JR3oTa__slot[data-state=wrong]{border-color:color-mix(in srgb, var(--miss) 55%, transparent)}.play-module__JR3oTa__slot[data-state=right]{border-color:color-mix(in srgb, var(--ok) 60%, transparent);box-shadow:0 4px 0 color-mix(in srgb, var(--ok) 35%, var(--key-side))}.play-module__JR3oTa__timeline{flex-direction:column;gap:4px;display:flex;position:relative}.play-module__JR3oTa__timeline:before{content:"";background:var(--stage-line);border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;left:19px}.play-module__JR3oTa__timelineItem{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;display:grid;position:relative}.play-module__JR3oTa__timelineItem[data-state=current]{align-items:start;margin:10px 0}.play-module__JR3oTa__node{z-index:1;width:40px;height:40px;color:var(--stage-muted);background:var(--stage-bg);border:2px solid var(--stage-line);border-radius:9999px;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:relative}.play-module__JR3oTa__node[data-state=completed]{color:var(--path-ink);background:var(--path);border-color:var(--path)}.play-module__JR3oTa__node[data-state=available]{color:var(--path);border-color:color-mix(in srgb, var(--path) 60%, transparent)}.play-module__JR3oTa__node[data-state=current]{color:var(--path-ink);background:var(--path);border-color:var(--path);box-shadow:0 0 0 6px color-mix(in srgb, var(--path) 22%, transparent);margin-top:22px}.play-module__JR3oTa__row{border-radius:var(--radius-tile);text-align:left;width:100%;min-height:52px;color:var(--stage-text);align-items:center;gap:12px;padding:6px 12px;transition:background .15s;display:flex}.play-module__JR3oTa__row:hover{background:var(--stage-faint)}.play-module__JR3oTa__row:focus-visible{outline:2px solid var(--target-2);outline-offset:2px}.play-module__JR3oTa__timelineItem[data-state=locked] .play-module__JR3oTa__row,.play-module__JR3oTa__timelineItem[data-state=plus] .play-module__JR3oTa__row{opacity:.6}.play-module__JR3oTa__spotlight{background:var(--stage-panel);border:1px solid color-mix(in srgb, var(--path) 45%, var(--stage-panel-edge));box-shadow:0 4px 0 var(--key-side), 0 24px 48px -28px color-mix(in srgb, var(--path) 55%, transparent)}.play-module__JR3oTa__option{background:var(--stage-panel);border:1px solid var(--stage-panel-edge);box-shadow:0 3px 0 var(--key-side);color:var(--stage-text)}.play-module__JR3oTa__option:hover:not(:disabled){border-color:var(--target-2)}.play-module__JR3oTa__option:active:not(:disabled){box-shadow:0 1px 0 var(--key-side);transform:translateY(2px)}.play-module__JR3oTa__option:focus-visible{outline:2px solid var(--target-2);outline-offset:2px}.play-module__JR3oTa__option:disabled{cursor:default}.play-module__JR3oTa__option[data-state=wrong]{border-color:var(--miss);color:var(--miss);box-shadow:none;opacity:.75;text-decoration:line-through}.play-module__JR3oTa__option[data-state=shown]{border-color:var(--ok);box-shadow:0 0 0 2px color-mix(in srgb, var(--ok) 40%, transparent)}.play-module__JR3oTa__option[data-state=right]{border-color:var(--ok);color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, var(--stage-panel))}.play-module__JR3oTa__stamp{letter-spacing:.04em;text-transform:uppercase;color:var(--path,var(--target));background:var(--key-face);border:2px solid var(--path,var(--target));box-shadow:0 3px 0 color-mix(in srgb, var(--path,var(--target)) 40%, transparent);border-radius:8px;padding:4px 12px;font-size:.85rem;font-weight:800;display:inline-block;rotate:-3deg}.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}}.play-module__JR3oTa__lesson{--path-text:color-mix(in oklab, var(--path) 70%, var(--stage-text))}.dark .play-module__JR3oTa__lesson{--path-text:var(--path)}.play-module__JR3oTa__badge{letter-spacing:.12em;text-transform:uppercase;color:var(--path-text);background:color-mix(in oklab, var(--path) 14%, transparent);border-radius:9999px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:.68rem;font-weight:700;line-height:1.4;display:inline-flex}.play-module__JR3oTa__ruleCard{background:color-mix(in oklab, var(--path) 9%, var(--stage-panel));border:1px solid color-mix(in oklab, var(--path) 32%, var(--stage-panel-edge));box-shadow:0 4px 0 color-mix(in oklab, var(--path) 22%, var(--key-side)), 0 24px 48px -32px color-mix(in oklab, var(--path) 60%, transparent)}.play-module__JR3oTa__steps{gap:14px;display:grid;position:relative}.play-module__JR3oTa__steps:before{content:"";background:color-mix(in oklab, var(--path) 30%, var(--stage-line));border-radius:2px;width:2px;position:absolute;top:30px;bottom:30px;left:17px}.play-module__JR3oTa__stepItem{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;display:grid;position:relative}.play-module__JR3oTa__stepNode{z-index:1;width:36px;height:36px;color:var(--path-ink);background:var(--path);box-shadow:0 0 0 5px color-mix(in oklab, var(--path) 16%, transparent);border-radius:9999px;place-items:center;margin-top:14px;font-size:.85rem;font-weight:800;display:grid;position:relative}.play-module__JR3oTa__stepTitle:focus{outline:none}.play-module__JR3oTa__stepCard,.play-module__JR3oTa__exampleCard{background:var(--stage-panel);border:1px solid var(--stage-panel-edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.play-module__JR3oTa__pill{border-radius:var(--radius-tile);min-height:2.25rem;color:var(--stage-muted);background:var(--key-face);border:1px solid var(--stage-line);box-shadow:0 2px 0 var(--key-side);word-break:keep-all;align-items:center;padding:.2rem .8rem;font-size:1.125rem;font-weight:700;line-height:1.35;display:inline-flex}.play-module__JR3oTa__pillTo{color:var(--stage-text);background:color-mix(in oklab, var(--path) 12%, var(--key-face));border-color:color-mix(in oklab, var(--path) 45%, transparent);box-shadow:0 3px 0 color-mix(in oklab, var(--path) 35%, var(--key-side))}.play-module__JR3oTa__pillSmall{min-height:1.9rem;padding:.15rem .6rem;font-size:.9rem;font-weight:600}.play-module__JR3oTa__focusMark{color:var(--path-text);background:color-mix(in oklab, var(--path) 18%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3em;padding:0 .1em;font-weight:800}.play-module__JR3oTa__deepDives{border:1px solid var(--stage-line);overflow:hidden}.play-module__JR3oTa__deepDive+.play-module__JR3oTa__deepDive{border-top:1px solid var(--stage-line)}.play-module__JR3oTa__deepDive>summary{list-style:none;transition:background .15s}.play-module__JR3oTa__deepDive>summary::-webkit-details-marker{display:none}.play-module__JR3oTa__deepDive>summary:hover{background:var(--stage-faint)}.play-module__JR3oTa__deepDive>summary:focus-visible{outline:2px solid var(--target-2);outline-offset:-2px}.play-module__JR3oTa__chevron{transition:transform .2s}.play-module__JR3oTa__deepDive[open] .play-module__JR3oTa__chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.play-module__JR3oTa__chevron{transition:none}}