:root{color-scheme:light;font-family:Apple SD Gothic Neo,NanumSquareRound,Malgun Gothic,Segoe UI,sans-serif;--ink: #243044;--line: #243044;--paper: #fffdf7;--canvas: #dff4ff;--sky: #88c9f2;--mint: #45b59b;--mint-soft: #d9f5e9;--sun: #f9d85e;--sun-soft: #fff2ad;--peach: #ffb4a3;--peach-soft: #ffe7df;--berry: #f25776;--grass: #7bd66f;--aqua-soft: #d9f7ff;--tomato: #ef6a5b;--tomato-soft: #ffe0dc;--blue: #315d9d;--lilac: #b9a5ff;--muted: #657184;--shadow: 9px 9px 0 var(--ink);--soft-shadow: 0 24px 46px rgba(36, 48, 68, .16);--app-height: 100vh}@supports (height: 100svh){:root{--app-height: 100svh}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;background:repeating-linear-gradient(135deg,transparent 0 52px,rgba(249,216,94,.11) 52px 58px),linear-gradient(90deg,rgba(36,48,68,.08) 1px,transparent 1px),linear-gradient(rgba(36,48,68,.08) 1px,transparent 1px),linear-gradient(135deg,#dff4ff,#f7fbff 47%,#fff5c8);background-size:auto,34px 34px,34px 34px,auto;color:var(--ink);-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;font:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;width:100%;min-height:var(--app-height);padding:28px}.app-shell.is-ready{grid-template-columns:minmax(0,1fr);align-content:start;max-width:1180px;margin:0 auto}.app-shell.is-ready h1{text-shadow:2px 3px 0 rgba(255,255,255,.82)}.app-shell.is-ready .practice-stage{grid-template-rows:auto auto;align-content:start}.app-shell.is-ready .score-board{display:none}.practice-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;min-height:0}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.top-title{min-width:0}.eyebrow,.prompt,.feedback,.metric-tile span{margin:0;font-weight:900;letter-spacing:0}.eyebrow{color:var(--tomato);font-size:1rem}h1,h2,h3,p,figure{margin:0}h1{margin-top:4px;font-size:2.45rem;line-height:1.05}.top-actions,.panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.top-actions{flex-shrink:0}.ghost-button,.start-button,.jamo-button,.level-picker button{cursor:pointer;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}.ghost-button{display:inline-grid;place-items:center;min-width:82px;min-height:50px;border:3px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:5px 5px 0 var(--ink);padding:0 16px;font-weight:950}.app-shell.is-ready .ghost-button:nth-child(1){background:var(--aqua-soft)}.app-shell.is-ready .ghost-button:nth-child(2){background:var(--sun-soft)}.app-shell.is-ready .ghost-button:nth-child(3){background:#fff}.ghost-button[aria-current=page]{background:var(--blue);color:#fff}.ghost-button:disabled{cursor:default;opacity:.45}.ghost-button:active,.start-button:active,.jamo-button:active,.level-picker button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}.ghost-button:disabled:active{box-shadow:5px 5px 0 var(--ink);transform:none}.main-panel{position:relative;isolation:isolate;min-height:0;overflow:hidden;border:4px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--soft-shadow),var(--shadow)}.main-panel:before{position:absolute;top:16px;right:16px;bottom:16px;left:16px;z-index:-1;border:2px dashed rgba(36,48,68,.18);border-radius:8px;content:""}.start-panel{display:grid;grid-template-columns:minmax(190px,.58fr) minmax(0,1.42fr);align-items:center;gap:34px;padding:clamp(34px,4vw,52px);background:linear-gradient(180deg,#fffdf7f5,#fffdf7fa),repeating-linear-gradient(90deg,#fff1b8 0,#fff1b8 24px,#dff7ed 24px,#dff7ed 48px,#e5f4ff 48px,#e5f4ff 72px)}.start-panel:after{position:absolute;top:16px;right:16px;bottom:16px;left:16px;z-index:-1;border-radius:8px;background:linear-gradient(90deg,transparent 0 72%,rgba(255,180,163,.28) 72% 74%,transparent 74%),linear-gradient(0deg,transparent 0 78%,rgba(123,214,111,.2) 78% 80%,transparent 80%);content:"";pointer-events:none}.start-mark{position:relative;display:grid;grid-template-columns:repeat(2,84px);grid-template-rows:repeat(2,84px);justify-content:center;gap:12px}.start-mark span,.start-mark strong{display:grid;place-items:center;border:4px solid var(--line);border-radius:8px;background:#fff;box-shadow:6px 6px 0 var(--ink);font-size:3rem;line-height:1;text-shadow:0 2px 0 rgba(255,255,255,.74)}.start-mark span:nth-of-type(1){background:#fff;color:var(--blue);transform:rotate(-3deg)}.start-mark span:nth-of-type(2){background:var(--aqua-soft);color:#1f756f;transform:rotate(3deg) translateY(3px)}.start-mark strong{grid-column:1 / -1;background:linear-gradient(180deg,#ffe96d,#ffd454 72%,#ffc247);color:var(--blue);font-size:4.25rem;transform:rotate(-1deg)}.start-content{display:grid;gap:18px;min-width:0}.start-content h2,.summary-head h2{font-size:4.2rem;line-height:1}.level-current{justify-self:start;border:3px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff7c8,#ffe982);box-shadow:4px 4px 0 var(--ink);padding:8px 14px;font-size:1.35rem;font-weight:950}.level-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.level-picker button{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px;min-height:126px;align-content:start;align-items:start;border:3px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#fffffffa),linear-gradient(135deg,var(--aqua-soft),#ffffff);box-shadow:5px 5px 0 var(--ink);padding:14px;text-align:left}.level-picker button.is-selected{background:linear-gradient(180deg,#d9f5e9eb,#d9f7ffe6),linear-gradient(135deg,var(--mint-soft),var(--aqua-soft));transform:translateY(-2px)}.level-picker button:nth-child(2):not(.is-selected){background:linear-gradient(180deg,#fffffff0,#fffffffa),linear-gradient(135deg,var(--peach-soft),#ffffff)}.level-picker button:nth-child(3):not(.is-selected){background:linear-gradient(180deg,#fffffff0,#fffffffa),linear-gradient(135deg,#eee9ff,#fff)}.level-icon{grid-row:1 / 4;display:grid;place-items:center;width:42px;height:42px;border:3px solid var(--line);border-radius:8px;background:#fff;box-shadow:3px 3px 0 var(--ink);font-size:1.35rem;font-style:normal;line-height:1}.level-picker button.is-selected .level-icon{background:var(--sun);transform:rotate(-6deg) scale(1.06)}.level-picker span,.level-picker small{grid-column:2;color:var(--muted);font-size:.9rem;font-weight:900}.level-picker strong{grid-column:2;font-size:1.55rem;line-height:1}.start-button{position:relative;overflow:hidden;min-width:180px;min-height:72px;border:4px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#61d9bd,#3bb193);box-shadow:7px 7px 0 var(--ink);color:#fff;font-size:2rem;font-weight:1000;text-shadow:0 2px 0 rgba(36,48,68,.2)}.start-button:after{position:absolute;inset:-28px auto -28px -36px;width:34px;background:#ffffff7a;content:"";transform:rotate(18deg);animation:start-button-shine 3.8s ease-in-out infinite}.start-button:hover{background:linear-gradient(180deg,#6de1c8,#38aa90)}.start-button.compact{min-width:128px;min-height:54px;border-width:3px;box-shadow:5px 5px 0 var(--ink);font-size:1.1rem}.play-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:24px}.play-panel.correct{border-color:var(--mint)}.play-panel.wrong{border-color:var(--tomato);animation:panel-shake .36s ease}.play-panel:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;content:"";opacity:0;pointer-events:none}.play-panel.complete-fx-0{animation:complete-panel-pop .76s cubic-bezier(.18,.86,.24,1.16)}.play-panel.complete-fx-0:after{background:linear-gradient(18deg,transparent 0 44%,rgba(249,216,94,.82) 45% 48%,transparent 49%),linear-gradient(132deg,transparent 0 42%,rgba(239,106,91,.72) 43% 46%,transparent 47%),radial-gradient(circle at 14% 26%,rgba(69,181,155,.9) 0 5px,transparent 6px),radial-gradient(circle at 28% 72%,rgba(49,93,157,.82) 0 5px,transparent 6px),radial-gradient(circle at 74% 18%,rgba(239,106,91,.82) 0 5px,transparent 6px),radial-gradient(circle at 88% 68%,rgba(249,216,94,.95) 0 5px,transparent 6px);animation:complete-confetti-field 1.18s ease-out}.play-panel.complete-fx-1:after{border:8px solid rgba(69,181,155,.52);box-shadow:inset 0 0 0 12px #f9d85e47;animation:complete-panel-ring .98s ease-out}.play-panel.complete-fx-2:after{background:linear-gradient(105deg,transparent 8%,rgba(255,255,255,.92) 44%,transparent 72%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(49,93,157,.16) 34px 42px);animation:complete-stage-shine 1.06s ease-out}.play-panel.complete-fx-0 .picture-image,.play-panel.complete-fx-1 .picture-image,.play-panel.complete-fx-2 .picture-image{animation:complete-picture-pop .9s cubic-bezier(.2,.82,.2,1) both}.play-panel.complete-fx-0 .syllable-tile.is-complete strong,.play-panel.complete-fx-1 .syllable-tile.is-complete strong,.play-panel.complete-fx-2 .syllable-tile.is-complete strong{animation:complete-word-dance .94s cubic-bezier(.22,.86,.24,1.18)}.play-panel.complete-fx-2 .jamo-pad{animation:complete-pad-hop .76s ease-out}.play-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;min-height:0}.picture-scene{position:relative;display:grid;grid-template-rows:auto}.picture-ground{position:relative;display:grid;place-items:center;--picture-safe-top: clamp(10px, 2.8vw, 18px);--picture-safe-x: clamp(12px, 3.5vw, 22px);--picture-safe-bottom: clamp(20px, 5vw, 34px);width:100%;aspect-ratio:4 / 3;min-height:0;overflow:hidden;border:4px solid var(--line);border-radius:8px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 10px,transparent 10px 20px),var(--sky);box-shadow:6px 6px 0 var(--ink)}.picture-emoji{position:relative;z-index:2;filter:drop-shadow(5px 8px 0 rgba(36,48,68,.18));font-size:clamp(7.2rem,15vw,11rem);line-height:1;transform:scale(1.08)}.picture-image{position:absolute;top:var(--picture-safe-top);left:var(--picture-safe-x);z-index:2;display:block;width:calc(100% - var(--picture-safe-x) - var(--picture-safe-x));height:calc(100% - var(--picture-safe-top) - var(--picture-safe-bottom));max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(5px 8px 0 rgba(36,48,68,.18));pointer-events:none;transform-origin:50% 52%;-webkit-user-select:none;user-select:none}.art-sea .picture-ground,.art-whale .picture-ground,.art-umbrella .picture-ground{background:repeating-linear-gradient(-8deg,rgba(255,255,255,.23) 0 14px,transparent 14px 28px),#91d5ff}.art-moon .picture-ground,.art-school .picture-ground{background:linear-gradient(180deg,#315d9d,#5d8fd0)}.art-apple .picture-ground,.art-candy .picture-ground{background:repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 12px,transparent 12px 24px),#ffd4d0}.hint-caption{position:absolute;right:12px;bottom:12px;z-index:3;perspective:700px}.hint-button{position:relative;width:84px;height:34px;min-height:34px;padding:0;border:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;box-shadow:none;color:inherit;cursor:pointer;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.76,.22,1)}.hint-caption.is-visible .hint-button{transform:rotateY(180deg)}.hint-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;backface-visibility:hidden;border:3px solid var(--line);border-radius:8px;background:#fff;box-shadow:3px 3px 0 var(--ink);font-size:.88rem;font-weight:950}.hint-back{background:var(--sun);color:var(--blue);transform:rotateY(180deg)}.word-workbench{display:grid;grid-template-rows:auto minmax(42px,auto);align-content:start;gap:16px;min-width:0}.syllable-board{--syllable-gap: 12px;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-self:start;align-items:start;gap:var(--syllable-gap)}.syllable-board.syllable-count-1{grid-template-columns:1fr;justify-self:center;width:min(70%,260px)}.syllable-board.syllable-count-2{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.syllable-board.syllable-count-3{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.syllable-board:after{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:8px;content:"";opacity:0;pointer-events:none}.syllable-board.word-fx-0:after{background:radial-gradient(circle at 16% 20%,rgba(249,216,94,.9) 0 5px,transparent 6px),radial-gradient(circle at 34% 82%,rgba(69,181,155,.82) 0 5px,transparent 6px),radial-gradient(circle at 72% 18%,rgba(239,106,91,.84) 0 5px,transparent 6px),radial-gradient(circle at 88% 70%,rgba(49,93,157,.72) 0 5px,transparent 6px);animation:word-confetti .78s ease-out}.syllable-board.word-fx-1:after{border:5px solid rgba(69,181,155,.48);animation:word-ring .76s ease-out}.syllable-board.word-fx-2:after{background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.76) 46%,transparent 72%);animation:word-shine .72s ease-out}.syllable-tile{position:relative;display:grid;aspect-ratio:1 / 1;min-width:0}.syllable-tile:after{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:8px;content:"";opacity:0;pointer-events:none}.syllable-tile strong{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;height:auto;aspect-ratio:1 / 1;min-height:118px;border:4px solid var(--line);border-radius:8px;background:#fff;box-shadow:6px 6px 0 var(--ink);color:var(--blue);font-size:5rem;line-height:1}.syllable-tile strong:before,.syllable-tile strong:after{position:absolute;top:16px;right:16px;bottom:16px;left:16px;z-index:0;content:"";opacity:.42;pointer-events:none}.syllable-tile strong:before{border-left:2px dashed rgba(49,93,157,.34);left:50%}.syllable-tile strong:after{border-top:2px dashed rgba(49,93,157,.34);top:50%}.tile-hint-char{position:relative;z-index:1;color:#315d9d38}.tile-empty{position:relative;z-index:1;width:1px;height:1px}.syllable-tile.is-complete strong{background:var(--sun);color:var(--ink)}.syllable-tile.compose-fx-0 strong{animation:compose-bounce .42s cubic-bezier(.18,.9,.25,1.25)}.syllable-tile.compose-fx-0:after{background:radial-gradient(circle at 50% 50%,rgba(249,216,94,.42),transparent 56%);animation:compose-pulse .48s ease-out}.syllable-tile.compose-fx-1 strong{animation:compose-stamp .43s ease-out}.syllable-tile.compose-fx-1:after{border:4px solid rgba(49,93,157,.35);animation:compose-outline .46s ease-out}.syllable-tile.compose-fx-2 strong{animation:compose-swing .46s cubic-bezier(.2,.78,.26,1.2)}.syllable-tile.compose-fx-2:after{background:radial-gradient(circle at 20% 25%,rgba(239,106,91,.52) 0 6px,transparent 7px),radial-gradient(circle at 78% 18%,rgba(69,181,155,.52) 0 6px,transparent 7px),radial-gradient(circle at 72% 78%,rgba(249,216,94,.6) 0 6px,transparent 7px);animation:compose-sparkle .5s ease-out}.feedback{min-height:42px;color:var(--blue);font-size:1.15rem}.jamo-pad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jamo-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.consonant-group,.vowel-group{justify-self:stretch}.jamo-button{position:relative;min-height:74px;border:4px solid var(--line);border-radius:8px;background:#fff;box-shadow:5px 5px 0 var(--ink);font-size:2.15rem;font-weight:1000;line-height:1}.jamo-button:after{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:8px;content:"";opacity:0;pointer-events:none}.jamo-button.press-fx-0{animation:jamo-pop .3s cubic-bezier(.18,.9,.28,1.35)}.jamo-button.press-fx-0:after{border:4px solid rgba(249,216,94,.68);animation:jamo-ring .38s ease-out}.jamo-button.press-fx-1{animation:jamo-tilt .32s ease-out}.jamo-button.press-fx-1:after{background:radial-gradient(circle at 50% 50%,rgba(69,181,155,.38),transparent 56%);animation:jamo-glow .38s ease-out}.jamo-button.press-fx-2{animation:jamo-squash .33s cubic-bezier(.2,.8,.24,1.22)}.jamo-button.press-fx-2:after{background:radial-gradient(circle at 20% 18%,rgba(239,106,91,.58) 0 5px,transparent 6px),radial-gradient(circle at 82% 28%,rgba(49,93,157,.48) 0 5px,transparent 6px),radial-gradient(circle at 62% 84%,rgba(249,216,94,.64) 0 5px,transparent 6px);animation:jamo-dots .43s ease-out}.jamo-button.press-wrong:after{border-color:#ef6a5bb8}.jamo-button.is-correct{background:var(--mint);color:#fff}.jamo-button.is-wrong{background:var(--tomato);color:#fff}.jamo-button:disabled{cursor:default;opacity:.58}.summary-panel,.history-panel{display:grid;align-content:start;gap:18px;padding:30px}.summary-head{display:grid;gap:6px}.summary-head h2{font-size:3.2rem}.metric-grid,.score-board{display:grid;gap:10px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-tile{display:grid;gap:5px;align-content:center;min-height:96px;border:3px solid var(--line);border-radius:8px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:12px}.metric-tile span{color:var(--muted);font-size:.88rem}.metric-tile strong{font-size:2rem;line-height:1}.word-cloud{display:flex;flex-wrap:wrap;gap:8px}.word-cloud span{border:3px solid var(--line);border-radius:8px;background:var(--sun-soft);box-shadow:3px 3px 0 var(--ink);padding:8px 11px;font-size:1.2rem;font-weight:950}.miss-list,.session-list{display:grid;gap:8px}.miss-list h3{font-size:1rem}.miss-list div,.session-list article,.session-list p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:3px solid var(--line);border-radius:8px;background:#fff;box-shadow:3px 3px 0 var(--ink);padding:10px}.miss-list strong{color:var(--tomato);font-size:1.2rem}.session-list article{grid-template-columns:112px minmax(0,1fr) auto}.session-list time,.session-list span{color:var(--muted);font-size:.9rem;font-weight:850}.session-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-board{align-content:start}.score-board .metric-tile{min-height:92px}.score-board .metric-tile:nth-child(1){background:var(--sun-soft)}.score-board .metric-tile:nth-child(2){background:var(--mint-soft)}.score-board .metric-tile:nth-child(3){background:var(--tomato-soft)}.score-board .metric-tile:nth-child(4){background:#e4f2ff}.score-board .metric-tile:nth-child(5){background:#eee9ff}.review-shell{min-height:var(--app-height);padding:28px}.review-panel{display:grid;gap:22px;overflow:visible;max-width:1480px;margin:0 auto;padding:30px}.review-head,.review-level-head,.review-word-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-levels{display:grid;gap:24px}.review-level{display:grid;gap:12px}.review-level-head h3{font-size:1.5rem}.review-level-head span,.review-word-row span,.review-jamo{color:var(--muted);font-weight:900}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:12px}.review-card{display:grid;gap:8px;min-width:0;border:3px solid var(--line);border-radius:8px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:8px}.review-picture{display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden;border:3px solid var(--line);border-radius:8px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 8px,transparent 8px 16px),var(--sky)}.review-card.art-sea .review-picture,.review-card.art-whale .review-picture,.review-card.art-umbrella .review-picture{background:repeating-linear-gradient(-8deg,rgba(255,255,255,.23) 0 10px,transparent 10px 20px),#91d5ff}.review-card.art-moon .review-picture,.review-card.art-school .review-picture{background:linear-gradient(180deg,#315d9d,#5d8fd0)}.review-card.art-apple .review-picture,.review-card.art-candy .review-picture,.review-card.art-grape .review-picture{background:repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 10px,transparent 10px 20px),#ffd4d0}.review-emoji{filter:drop-shadow(4px 6px 0 rgba(36,48,68,.16));font-size:4.4rem;line-height:1}.review-image{display:block;width:100%;height:100%;max-width:90%;max-height:90%;object-fit:contain;filter:drop-shadow(4px 6px 0 rgba(36,48,68,.16));pointer-events:none;-webkit-user-select:none;user-select:none}.review-word-row strong{overflow:hidden;font-size:1.45rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.review-word-row span{overflow:hidden;max-width:72px;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.review-jamo{overflow:hidden;font-size:.78rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}@keyframes panel-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes complete-panel-pop{0%,to{transform:scale(1)}42%{transform:scale(1.012)}}@keyframes complete-confetti-field{0%{opacity:.95;transform:translateY(20px) scale(.9) rotate(0)}72%{opacity:.78}to{opacity:0;transform:translateY(-46px) scale(1.12) rotate(8deg)}}@keyframes complete-panel-ring{0%{opacity:.86;transform:scale(.94)}to{opacity:0;transform:scale(1.08)}}@keyframes complete-stage-shine{0%{opacity:0;transform:translate(-48%) skew(-10deg)}28%{opacity:.94}to{opacity:0;transform:translate(52%) skew(-10deg)}}@keyframes complete-picture-pop{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.17) rotate(-3deg)}58%{transform:scale(1.075) rotate(1.6deg)}78%{transform:scale(1.025) rotate(-.5deg)}}@keyframes complete-word-dance{0%,to{transform:translateY(0) rotate(0)}28%{transform:translateY(-13px) rotate(-3deg)}58%{transform:translateY(5px) rotate(2deg)}}@keyframes complete-pad-hop{0%,to{transform:translateY(0)}36%{transform:translateY(-8px)}66%{transform:translateY(3px)}}@keyframes jamo-pop{0%{transform:scale(1)}55%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes jamo-tilt{0%,to{transform:rotate(0)}42%{transform:rotate(-5deg) scale(1.08)}72%{transform:rotate(3deg)}}@keyframes jamo-squash{0%,to{transform:scale(1)}40%{transform:scale(1.12,.92)}70%{transform:scale(.96,1.08)}}@keyframes jamo-ring{0%{opacity:.9;transform:scale(.82)}to{opacity:0;transform:scale(1.18)}}@keyframes jamo-glow{0%{opacity:.85;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}@keyframes jamo-dots{0%{opacity:.95;transform:scale(.82) rotate(0)}to{opacity:0;transform:scale(1.32) rotate(16deg)}}@keyframes compose-bounce{0%,to{transform:translateY(0)}46%{transform:translateY(-10px)}}@keyframes compose-stamp{0%{transform:scale(1.22) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes compose-swing{0%,to{transform:rotate(0)}35%{transform:rotate(-4deg) scale(1.07)}72%{transform:rotate(3deg)}}@keyframes compose-pulse{0%{opacity:.8;transform:scale(.65)}to{opacity:0;transform:scale(1.16)}}@keyframes compose-outline{0%{opacity:.8;transform:scale(.88)}to{opacity:0;transform:scale(1.12)}}@keyframes compose-sparkle{0%{opacity:.95;transform:scale(.8) rotate(0)}to{opacity:0;transform:scale(1.16) rotate(12deg)}}@keyframes word-confetti{0%{opacity:.95;transform:translateY(0) scale(.88)}to{opacity:0;transform:translateY(-28px) scale(1.1)}}@keyframes word-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.14)}}@keyframes word-shine{0%{opacity:0;transform:translate(-36%) skew(-12deg)}28%{opacity:.95}to{opacity:0;transform:translate(42%) skew(-12deg)}}@keyframes start-button-shine{0%,46%{transform:translate(0) rotate(18deg)}72%,to{transform:translate(420px) rotate(18deg)}}@media(prefers-reduced-motion:reduce){.start-button:after{animation:none}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.app-shell.is-ready{max-width:820px}.score-board{grid-template-columns:repeat(5,minmax(0,1fr))}.score-board .metric-tile{min-height:82px}.start-panel{grid-template-columns:1fr;justify-items:stretch}.start-mark{justify-self:center}}@media(min-width:761px)and (max-width:980px){.app-shell.is-ready .level-picker button{grid-template-columns:1fr}.app-shell.is-ready .level-icon{grid-row:auto}.app-shell.is-ready .level-picker span,.app-shell.is-ready .level-picker strong,.app-shell.is-ready .level-picker small{grid-column:1}}@media(max-width:760px){html,body,#root{height:100%}.review-shell{padding:8px}.review-panel{gap:16px;padding:14px}.review-head{align-items:start}.review-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}.review-card{padding:6px}.review-emoji{font-size:3.4rem}.review-word-row strong{font-size:1.16rem}.app-shell{grid-template-rows:minmax(0,1fr) auto;gap:7px;height:var(--app-height);min-height:0;overflow:hidden;padding:7px}.app-shell.is-history{height:auto;min-height:var(--app-height);overflow:visible}.app-shell.is-ready{grid-template-rows:auto;gap:12px;height:auto;min-height:var(--app-height);overflow:visible;padding:12px}.app-shell.is-ready .practice-stage{grid-template-rows:auto auto;gap:12px;min-height:auto}.practice-stage{grid-template-rows:auto minmax(0,1fr);gap:7px;min-height:0}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:0}.app-shell.is-ready .top-bar{grid-template-columns:minmax(0,1fr) auto;gap:6px}.eyebrow{font-size:.75rem}.app-shell.is-ready .eyebrow{font-size:.82rem}h1{margin-top:1px;font-size:1.12rem;line-height:1.05}.app-shell.is-ready h1{font-size:1.55rem}.top-actions{flex-wrap:nowrap;justify-content:flex-end;gap:5px;margin-left:0}.app-shell.is-ready .top-actions{width:auto}.ghost-button{min-width:48px;min-height:34px;border-width:2px;box-shadow:3px 3px 0 var(--ink);padding:0 8px;font-size:.78rem}.app-shell.is-ready .ghost-button{min-width:44px;min-height:34px;font-size:.78rem}.main-panel{border-width:3px;box-shadow:4px 4px 0 var(--ink)}.main-panel:before{top:7px;right:7px;bottom:7px;left:7px;border-width:1px}.start-panel,.play-panel,.summary-panel{padding:10px}.history-panel{padding:16px}.start-panel{grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center}.app-shell.is-ready .start-panel{grid-template-columns:1fr;gap:16px;align-items:start;padding:18px}.start-mark{grid-template-columns:repeat(2,36px);grid-template-rows:repeat(2,36px);gap:6px}.app-shell.is-ready .start-mark{grid-template-columns:repeat(2,56px);grid-template-rows:repeat(2,56px);justify-self:start;gap:8px;margin-bottom:12px}.start-mark span,.start-mark strong{border-width:3px;box-shadow:3px 3px 0 var(--ink);font-size:1.35rem}.app-shell.is-ready .start-mark span,.app-shell.is-ready .start-mark strong{box-shadow:4px 4px 0 var(--ink);font-size:2.05rem}.start-mark strong{font-size:2.05rem}.app-shell.is-ready .start-mark strong{font-size:3.15rem}.start-content{gap:7px}.app-shell.is-ready .start-content{gap:12px}.start-content h2,.summary-head h2{font-size:1.58rem}.app-shell.is-ready .start-content h2{font-size:2.55rem}.prompt{font-size:.82rem}.level-current{border-width:2px;box-shadow:2px 2px 0 var(--ink);padding:4px 8px;font-size:.85rem}.app-shell.is-ready .level-current{padding:6px 10px;font-size:1rem}.level-picker,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.app-shell.is-ready .level-picker{grid-template-columns:1fr;gap:8px}.level-picker button{align-content:center;min-height:56px;border-width:2px;box-shadow:2px 2px 0 var(--ink);padding:6px;text-align:center}.app-shell.is-ready .level-picker button{grid-template-columns:44px minmax(0,1fr);gap:5px 12px;align-content:center;min-height:82px;padding:10px 12px;text-align:left}.app-shell.is-ready .level-icon{width:38px;height:38px;border-width:2px;box-shadow:2px 2px 0 var(--ink);font-size:1.18rem}.level-picker span,.level-picker small{font-size:.68rem}.app-shell.is-ready .level-picker span{font-size:.78rem}.level-picker strong{font-size:.86rem}.app-shell.is-ready .level-picker strong{font-size:1.22rem}.level-picker small{display:none}.app-shell.is-ready .level-picker small{display:block;grid-column:2;font-size:.76rem;line-height:1.25}.start-button{min-width:104px;min-height:42px;border-width:3px;box-shadow:4px 4px 0 var(--ink);font-size:1.2rem}.app-shell.is-ready .start-button{width:100%;min-height:58px;font-size:1.45rem}.start-button.compact{min-width:76px;min-height:38px;border-width:2px;box-shadow:3px 3px 0 var(--ink);font-size:.85rem}.play-panel{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:8px}.play-grid{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:7px;align-items:stretch;min-height:0}.picture-scene{grid-template-rows:auto;height:100%;max-width:none;min-height:0;min-width:0}.picture-ground{height:100%;aspect-ratio:auto;min-height:0;max-height:none;border-width:3px;box-shadow:3px 3px 0 var(--ink)}.picture-emoji{font-size:clamp(5.4rem,24vw,7.45rem);transform:scale(1.08)}.hint-caption{right:7px;bottom:7px}.hint-button{width:58px;height:25px;min-height:25px}.hint-face{border-width:2px;box-shadow:2px 2px 0 var(--ink);font-size:.6rem}.word-workbench{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;gap:6px}.syllable-board{--syllable-gap: 6px;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));align-self:center;align-items:start;height:auto;max-height:100%;min-height:0;gap:var(--syllable-gap)}.syllable-board.syllable-count-1{grid-template-columns:1fr;justify-self:center;width:min(46%,154px)}.syllable-board.syllable-count-2{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;width:min(74%,252px)}.syllable-board.syllable-count-3{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.syllable-tile{grid-template-rows:auto;height:auto;min-height:0}.syllable-tile strong{height:auto;min-height:0;border-width:3px;box-shadow:3px 3px 0 var(--ink);font-size:clamp(2.15rem,12vw,4rem)}.syllable-tile strong:before,.syllable-tile strong:after{top:10px;right:10px;bottom:10px;left:10px}.syllable-tile strong:before{left:50%}.syllable-tile strong:after{top:50%}.feedback{min-height:28px;font-size:.78rem;line-height:1.2}.jamo-pad{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.jamo-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.jamo-button{min-height:42px;border-width:3px;box-shadow:3px 3px 0 var(--ink);font-size:1.32rem}.jamo-button:after{top:-5px;right:-5px;bottom:-5px;left:-5px}.summary-panel{align-content:stretch;gap:8px}.summary-head{gap:3px}.metric-grid{gap:6px}.metric-tile{min-height:48px;border-width:2px;box-shadow:2px 2px 0 var(--ink);padding:6px}.metric-tile span{font-size:.62rem}.metric-tile strong{font-size:1rem}.word-cloud{max-height:75px;gap:5px;overflow:hidden}.word-cloud span{border-width:2px;box-shadow:2px 2px 0 var(--ink);padding:4px 7px;font-size:.82rem}.miss-list{max-height:82px;gap:4px;overflow:hidden}.miss-list h3{font-size:.78rem}.miss-list div,.session-list article,.session-list p{border-width:2px;box-shadow:2px 2px 0 var(--ink);padding:6px;font-size:.78rem}.miss-list strong{font-size:.9rem}.panel-actions{gap:6px}.score-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.score-board .metric-tile{min-height:38px;padding:5px 3px}.score-board .metric-tile span{font-size:.54rem}.score-board .metric-tile strong{font-size:.88rem}.app-shell.is-history .practice-stage{min-height:var(--app-height)}.app-shell.is-history .history-panel{overflow:visible}.app-shell.is-history .score-board{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell.is-history .score-board .metric-tile{min-height:54px;padding:8px}.app-shell.is-history .score-board .metric-tile span{font-size:.72rem}.app-shell.is-history .score-board .metric-tile strong{font-size:1.15rem}.session-list article{grid-template-columns:1fr}}@media(max-width:980px)and (max-height:560px)and (orientation:landscape){html,body,#root{height:100%}.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:5px;height:var(--app-height);min-height:0;overflow:hidden;padding:5px}.app-shell.is-ready{grid-template-rows:auto;gap:12px;height:auto;min-height:var(--app-height);overflow:visible;padding:14px}.app-shell.is-history{height:auto;min-height:var(--app-height);overflow:visible}.practice-stage{grid-template-rows:auto minmax(0,1fr);gap:5px;min-height:0}.app-shell.is-ready .practice-stage{grid-template-rows:auto auto;gap:12px;min-height:auto}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:0}.eyebrow{font-size:.66rem}h1{margin-top:1px;font-size:1rem;line-height:1.05}.top-actions{flex-wrap:nowrap;justify-content:flex-end;gap:4px;margin-left:0}.ghost-button{min-width:44px;min-height:30px;border-width:2px;box-shadow:3px 3px 0 var(--ink);font-size:.7rem}.main-panel{border-width:3px;box-shadow:4px 4px 0 var(--ink)}.main-panel:before{top:5px;right:5px;bottom:5px;left:5px;border-width:1px}.start-panel,.play-panel,.summary-panel{padding:8px}.app-shell.is-ready .start-panel{grid-template-columns:minmax(150px,.54fr) minmax(0,1.46fr);gap:20px;padding:22px}.app-shell.is-ready .start-mark{grid-template-columns:repeat(2,62px);grid-template-rows:repeat(2,62px);gap:8px}.app-shell.is-ready .start-mark span,.app-shell.is-ready .start-mark strong{font-size:2rem}.app-shell.is-ready .start-mark strong{font-size:3rem}.app-shell.is-ready .start-content{gap:10px}.app-shell.is-ready .start-content h2{font-size:2.45rem}.app-shell.is-ready .level-current{padding:5px 10px;font-size:.95rem}.app-shell.is-ready .level-picker button{min-height:82px;padding:10px}.app-shell.is-ready .level-icon{width:38px;height:38px;font-size:1.12rem}.app-shell.is-ready .start-button{min-height:52px;font-size:1.3rem}.play-panel{grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:6px}.play-grid{grid-template-columns:minmax(126px,.72fr) minmax(0,1.28fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:6px;min-height:0}.picture-scene{height:100%;max-width:none;min-width:0;min-height:0}.picture-ground{--picture-safe-top: 6px;--picture-safe-x: 8px;--picture-safe-bottom: 12px;height:100%;min-height:0;max-height:none;aspect-ratio:auto;border-width:3px;box-shadow:3px 3px 0 var(--ink)}.picture-emoji{font-size:clamp(3.2rem,21vh,4.8rem);transform:scale(1.04)}.hint-caption{right:6px;bottom:6px}.hint-button{width:52px;height:22px;min-height:22px}.hint-face{border-width:2px;box-shadow:2px 2px 0 var(--ink);font-size:.54rem}.word-workbench{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;gap:5px}.syllable-board{--syllable-gap: 5px;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));align-self:center;align-items:start;height:auto;max-height:100%;min-height:0;gap:var(--syllable-gap)}.syllable-board.syllable-count-1{grid-template-columns:1fr;justify-self:center;width:min(44%,132px)}.syllable-board.syllable-count-2{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;width:min(82%,268px)}.syllable-board.syllable-count-3{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.syllable-tile{grid-template-rows:auto;height:auto;min-height:0}.syllable-tile strong{height:auto;min-height:0;border-width:3px;box-shadow:3px 3px 0 var(--ink);font-size:clamp(1.6rem,14vh,3.2rem)}.syllable-tile strong:before,.syllable-tile strong:after{top:8px;right:8px;bottom:8px;left:8px}.feedback{min-height:20px;font-size:.68rem;line-height:1.2}.jamo-pad{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.jamo-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.jamo-button{min-height:34px;border-width:3px;box-shadow:3px 3px 0 var(--ink);font-size:1.05rem}.score-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.score-board .metric-tile{min-height:32px;padding:3px 2px}.score-board .metric-tile span{font-size:.48rem}.score-board .metric-tile strong{font-size:.78rem}}@media(max-width:760px)and (max-height:620px){.app-shell{gap:5px;padding:5px}.app-shell.is-ready{gap:10px;height:auto;min-height:var(--app-height);overflow:visible;padding:10px}.practice-stage{gap:5px}.app-shell.is-ready .practice-stage{gap:10px;min-height:auto}.eyebrow{font-size:.66rem}h1{font-size:.98rem}.app-shell.is-ready h1{font-size:1.36rem}.top-actions{gap:4px}.ghost-button{min-width:44px;min-height:30px;font-size:.7rem}.main-panel:before{top:5px;right:5px;bottom:5px;left:5px}.start-panel,.play-panel,.summary-panel{padding:8px}.start-panel{grid-template-columns:74px minmax(0,1fr);gap:8px}.app-shell.is-ready .start-panel{grid-template-columns:1fr;gap:12px;padding:14px}.start-mark{grid-template-columns:repeat(2,31px);grid-template-rows:repeat(2,31px);gap:5px}.app-shell.is-ready .start-mark{grid-template-columns:repeat(2,48px);grid-template-rows:repeat(2,48px);gap:7px;margin-bottom:10px}.start-mark span,.start-mark strong{font-size:1.1rem}.app-shell.is-ready .start-mark span,.app-shell.is-ready .start-mark strong{font-size:1.76rem}.start-mark strong{font-size:1.68rem}.app-shell.is-ready .start-mark strong{font-size:2.72rem}.start-content{gap:5px}.app-shell.is-ready .start-content{gap:10px}.start-content h2,.summary-head h2{font-size:1.32rem}.app-shell.is-ready .start-content h2{font-size:2.18rem}.level-current{padding:3px 7px;font-size:.75rem}.app-shell.is-ready .level-current{padding:5px 9px;font-size:.92rem}.level-picker button{min-height:48px;padding:5px}.app-shell.is-ready .level-picker button{min-height:72px;padding:9px 10px}.app-shell.is-ready .level-icon{width:34px;height:34px;font-size:1rem}.level-picker span{font-size:.62rem}.app-shell.is-ready .level-picker span{font-size:.74rem}.level-picker strong{font-size:.78rem}.app-shell.is-ready .level-picker strong{font-size:1.08rem}.start-button{min-height:36px;font-size:1rem}.app-shell.is-ready .start-button{min-height:52px;font-size:1.26rem}.play-panel{gap:6px}.play-grid{gap:5px}.picture-ground{height:100%;aspect-ratio:auto;max-height:none}.picture-emoji{font-size:clamp(4.35rem,21vw,5.65rem)}.hint-button{width:52px;height:22px;min-height:22px}.hint-face{font-size:.54rem}.word-workbench{grid-template-rows:minmax(0,1fr) auto;gap:5px}.syllable-board{gap:5px}.syllable-board.syllable-count-1{width:min(44%,132px)}.syllable-board.syllable-count-2{width:min(74%,218px)}.syllable-tile{grid-template-rows:auto;gap:3px}.syllable-tile strong{height:auto;font-size:clamp(1.8rem,11vw,3.2rem)}.syllable-tile strong:before,.syllable-tile strong:after{top:8px;right:8px;bottom:8px;left:8px}.syllable-tile strong:before{left:50%}.syllable-tile strong:after{top:50%}.feedback{min-height:21px;font-size:.68rem}.jamo-pad,.jamo-group{gap:5px}.jamo-button{min-height:37px;font-size:1.12rem}.score-board{gap:4px}.score-board .metric-tile{min-height:32px;padding:3px 2px}.score-board .metric-tile span{font-size:.48rem}.score-board .metric-tile strong{font-size:.78rem}}@media(max-width:980px)and (max-height:560px)and (orientation:landscape){.play-grid{grid-template-columns:minmax(126px,.72fr) minmax(0,1.28fr);grid-template-rows:minmax(0,1fr)}.picture-emoji{font-size:clamp(3.2rem,21vh,4.8rem);transform:scale(1.04)}.jamo-group{grid-template-columns:repeat(3,minmax(0,1fr))}.syllable-board{align-self:stretch;align-items:stretch;height:100%;max-height:100%}.syllable-board.syllable-count-1{grid-template-columns:1fr;justify-self:center;width:min(44%,132px)}.syllable-board.syllable-count-2{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;width:min(82%,268px)}.syllable-board.syllable-count-3{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.syllable-tile{container-type:size;align-items:center;justify-items:center;height:100%;aspect-ratio:auto}.syllable-tile strong{width:min(100cqw,100cqh);max-width:100%;max-height:100%;height:auto;aspect-ratio:1 / 1}.jamo-button{min-height:34px;font-size:1.05rem}}@media(max-width:400px){.app-shell.is-ready .top-bar{gap:4px}.app-shell.is-ready .eyebrow{font-size:.68rem}.app-shell.is-ready h1{font-size:1.05rem;white-space:nowrap}.app-shell.is-ready .top-actions{gap:3px}.app-shell.is-ready .ghost-button{min-width:40px;min-height:32px;padding:0 5px;font-size:.68rem}}@media(max-width:340px){.app-shell.is-ready h1{font-size:.92rem}.app-shell.is-ready .ghost-button{min-width:36px;padding:0 4px;font-size:.64rem}}