: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;--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: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 52%,#fff5c8);background-size: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;min-height:var(--app-height);padding:28px}.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}.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}.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{min-width:82px;min-height:50px;border:3px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:5px 5px 0 var(--ink);font-weight:950}.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:240px minmax(0,1fr);align-items:center;gap:28px;padding:34px}.start-mark{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}.start-mark strong{grid-column:1 / -1;background:var(--sun);color:var(--blue);font-size:4.25rem}.start-content{display:grid;gap:18px}.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:var(--sun-soft);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;gap:6px;min-height:126px;border:3px solid var(--line);border-radius:8px;background:#fff;box-shadow:5px 5px 0 var(--ink);padding:12px;text-align:left}.level-picker button.is-selected{background:var(--mint-soft)}.level-picker span,.level-picker small{color:var(--muted);font-size:.9rem;font-weight:900}.level-picker strong{font-size:1.55rem;line-height:1}.start-button{min-width:180px;min-height:72px;border:4px solid var(--line);border-radius:8px;background:var(--mint);box-shadow:7px 7px 0 var(--ink);color:#fff;font-size:2rem;font-weight:1000}.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-emoji,.play-panel.complete-fx-1 .picture-emoji,.play-panel.complete-fx-2 .picture-emoji{animation:complete-picture-pop .82s cubic-bezier(.18,.9,.22,1.28)}.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;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)}.art-sea .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{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.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;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;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}@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.08) rotate(0)}34%{transform:scale(1.28) rotate(-4deg)}68%{transform:scale(1.14) rotate(3deg)}}@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)}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.score-board{grid-template-columns:repeat(5,minmax(0,1fr))}.score-board .metric-tile{min-height:82px}.start-panel{grid-template-columns:1fr}.start-mark{justify-self:center}}@media(max-width:760px){html,body,#root{height:100%}.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}.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}.eyebrow{font-size:.75rem}h1{margin-top:1px;font-size:1.12rem;line-height:1.05}.top-actions{flex-wrap:nowrap;justify-content:flex-end;gap:5px;margin-left:0}.ghost-button{min-width:48px;min-height:34px;border-width:2px;box-shadow:3px 3px 0 var(--ink);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}.start-mark{grid-template-columns:repeat(2,36px);grid-template-rows:repeat(2,36px);gap:6px}.start-mark span,.start-mark strong{border-width:3px;box-shadow:3px 3px 0 var(--ink);font-size:1.35rem}.start-mark strong{font-size:2.05rem}.start-content{gap:7px}.start-content h2,.summary-head h2{font-size:1.58rem}.prompt{font-size:.82rem}.level-current{border-width:2px;box-shadow:2px 2px 0 var(--ink);padding:4px 8px;font-size:.85rem}.level-picker,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.level-picker button{align-content:center;min-height:56px;border-width:2px;box-shadow:2px 2px 0 var(--ink);padding:6px;text-align:center}.level-picker span,.level-picker small{font-size:.68rem}.level-picker strong{font-size:.86rem}.level-picker small{display:none}.start-button{min-width:104px;min-height:42px;border-width:3px;box-shadow:4px 4px 0 var(--ink);font-size:1.2rem}.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{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));align-items:stretch;height:100%;min-height:0;gap:6px}.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:minmax(0,1fr);height:100%;min-height:0}.syllable-tile strong{height:100%;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-history{height:auto;min-height:var(--app-height);overflow:visible}.practice-stage{grid-template-rows:auto minmax(0,1fr);gap:5px;min-height:0}.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}.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{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{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));align-items:stretch;height:100%;min-height:0;gap:5px}.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:minmax(0,1fr);height:100%;min-height:0}.syllable-tile strong{height:100%;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}.practice-stage{gap:5px}.eyebrow{font-size:.66rem}h1{font-size:.98rem}.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}.start-mark{grid-template-columns:repeat(2,31px);grid-template-rows:repeat(2,31px);gap:5px}.start-mark span,.start-mark strong{font-size:1.1rem}.start-mark strong{font-size:1.68rem}.start-content{gap:5px}.start-content h2,.summary-head h2{font-size:1.32rem}.level-current{padding:3px 7px;font-size:.75rem}.level-picker button{min-height:48px;padding:5px}.level-picker span{font-size:.62rem}.level-picker strong{font-size:.78rem}.start-button{min-height:36px;font-size:1rem}.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:minmax(0,1fr);gap:3px}.syllable-tile strong{height:100%;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.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%}.jamo-button{min-height:34px;font-size:1.05rem}}