@font-face{font-family:Nanum;src:url('assets/NanumGothic-Regular.woff')}@font-face{font-family:Nanum;src:url('assets/NanumGothic-Bold.woff');font-weight:700}@font-face{font-family:Nanum;src:url('assets/NanumGothic-ExtraBold.woff');font-weight:900}@font-face{font-family:Hanja;src:url('assets/cwTeXKai-zhonly.woff2')}
*{box-sizing:border-box}html{font-size:min(1.25vw,2.22222vh)}body{margin:0;font-family:Nanum,'Malgun Gothic',sans-serif;color:var(--ink);background:var(--bg);--ink:#34433c;--bg:#faf5e9;--accent:#df6948;--soft:#f6e6d3;--line:#e7dac5;--paper:#fffefa;--muted:#777c70}button,a{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}button{color:inherit;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #e39100;outline-offset:4px}h1,h2,p{margin:0}svg{width:1.4rem;height:1.4rem}#app{position:relative;height:100dvh;isolation:isolate;overflow:hidden;padding:1.65rem 3rem;display:flex;flex-direction:column;gap:1.1rem}.ambient{position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url('assets/paper_cream.jpg');opacity:.25}header{display:flex;align-items:center;gap:1.1rem;height:3.5rem;flex-shrink:0}.icon-btn{width:2.8rem;height:2.8rem;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);border-radius:50%}.brand{font-size:1.55rem;font-weight:900;letter-spacing:-.12rem}.brand>span{color:var(--accent)}.brand small{display:block;font-size:.64rem;letter-spacing:.1rem;margin-top:.3rem;font-weight:700}.course{margin-left:auto;font-size:.84rem;font-weight:700;display:flex;align-items:center;gap:.8rem}.course i{height:1rem;width:1px;background:var(--line)}.workspace{min-height:0;flex:1;display:flex;gap:1.3rem}.study{display:grid;grid-template-columns:1.03fr 1fr;gap:2.5rem;flex:1;min-width:0;min-height:0}.picture-panel{position:relative;border:1px solid var(--line);border-radius:1.8rem;background:var(--paper);padding:1.3rem;display:flex;flex-direction:column;align-items:center;min-height:0;box-shadow:0 .4rem 0 #e7dac533}.panel-caption{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.75rem;font-weight:700;color:var(--muted)}.panel-caption b{font:1.4rem Hanja}.main-art{width:100%;flex:1;min-height:0;object-fit:contain;mix-blend-mode:multiply}.picture-note{font-size:1.12rem;font-weight:900;margin:.3rem 0 .4rem}.lesson-panel{display:flex;flex-direction:column;justify-content:center;padding:.6rem 0;min-height:0}.eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.08rem;color:var(--accent);display:flex;justify-content:space-between;margin-bottom:.75rem}.eyebrow>span{color:var(--muted);font-weight:700;letter-spacing:0}h1{font-size:1.6rem;font-weight:900;line-height:1.3;letter-spacing:-.075rem}.character-stage{display:flex;align-items:center;justify-content:center;gap:2rem;margin:.6rem 0}.hanja-build{width:12rem;height:12.5rem}.mouth{color:#49a269}.legs{color:#d6538e}.reading strong{display:block;font-size:2.2rem;font-weight:900;margin-bottom:.75rem}.reading em{font-style:normal;color:var(--accent)}.reading>span{font-size:.8rem;color:var(--muted)}.components{display:flex;gap:.85rem;align-items:center}.part{flex:1;display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-radius:1rem;background:#eaf4e8}.part>b{font:2.4rem Hanja}.part>span{font-size:.78rem;font-weight:900}.part small{display:block;font-size:.69rem;font-weight:400;margin-top:.3rem}.green{color:#297744}.pink{color:#a52f66;background:#f9e7ef}.plus{color:var(--muted);font-size:1.4rem}.explain{font-size:1rem;line-height:1.9;margin-top:1rem;text-align:center}.explain strong{font-weight:700}.explain em{font-style:normal;color:var(--accent)}.green-text{color:#297744;font-family:Hanja}.pink-text{color:#a52f66;font-family:Hanja}.phase-note{font-size:.73rem;text-align:center;color:var(--muted);margin-top:.5rem;min-height:1rem}.steps{display:flex;justify-content:center;gap:.5rem;flex-shrink:0}.steps button{background:transparent;color:var(--muted);display:flex;gap:.5rem;align-items:center;border-radius:2rem;padding:.55rem 1rem;font-size:.76rem;font-weight:700}.steps b{background:#e9e2d7;border-radius:50%;width:1.45rem;height:1.45rem;display:grid;place-items:center;font-size:.7rem}.steps .active{background:var(--paper);color:var(--accent);box-shadow:0 .15rem .5rem #2835270c}.steps .active b{background:var(--accent);color:white}footer{display:flex;gap:.8rem;align-items:center;flex-shrink:0;min-height:3.1rem}.footer-tip{font-size:.74rem;color:var(--muted);margin-right:auto}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.9rem 1.2rem;font-size:.84rem;font-weight:900;border-radius:.85rem;min-height:3rem}.primary{background:var(--accent);color:#fff;box-shadow:0 .22rem 0 #0002}.secondary{background:var(--paper);border:1px solid var(--line)}.toast{position:absolute;bottom:5.5rem;left:50%;transform:translateX(-50%) translateY(1rem);background:#263a36;color:#fff;border-radius:1rem;padding:1rem 1.4rem;font-size:.85rem;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translateX(-50%)}
.theme-b{--bg:#113f4b;--ink:#eff9f2;--paper:#fffdf4;--accent:#ffd367;--line:#ffffff35;--muted:#c3dedb;--soft:#205762}.theme-b .ambient{background:radial-gradient(ellipse at 10% 50%,#347c7b66,transparent 60%);opacity:1}.theme-b .icon-btn{background:#255966}.theme-b .brand>span{color:#ffd367}.theme-b .picture-panel{border-radius:50% 50% 1.8rem 1.8rem;color:#234946;padding:2rem 1.3rem 1rem}.theme-b .panel-caption{color:#46706d}.theme-b .study{gap:2rem;grid-template-columns:.92fr 1fr}.theme-b .primary{color:#173f48}.theme-b .secondary{background:#255966}.theme-b .reading em{color:#ffd367}.theme-b .part{background:#214f49;color:#a0e0a9;border:1px solid #6ab28a66}.theme-b .part.pink{background:#523c54;color:#ffc1de;border-color:#c578a066}.theme-b .steps .active{background:#ffd367;color:#25434a}.theme-b .steps .active b{background:#25434a}.theme-b .steps b{background:#2f6270}.theme-b .steps button{color:#c3dedb}.theme-b .mouth{color:#a0e0a9}.theme-b .legs{color:#ff9dca}.theme-b .green-text{color:#a0e0a9}.theme-b .pink-text{color:#ff9dca}.trail{width:5.8rem;display:flex;align-items:center;flex-direction:column;gap:1.1rem;padding-top:2rem}.trail>b{font-size:.8rem;margin-bottom:.2rem}.trail>span{border:2px dashed #628b8c;border-radius:50%;width:2.6rem;height:2.6rem;display:grid;place-items:center;font-weight:900}.trail .done{background:#4c8573;border:0}.trail .current{background:#ffd367;color:#173f48;border:0;box-shadow:0 0 0 .45rem #ffd36720}.trail small{font-size:.65rem;line-height:1.6;text-align:center;color:var(--muted)}.island-tag{position:absolute;bottom:-.5rem;background:#d7efe3;border-radius:1rem;padding:.45rem 1rem;font-size:.68rem}.theme-b .picture-note{margin-bottom:1.3rem}
.theme-c{--bg:#f3f6f5;--ink:#233b39;--accent:#187b68;--line:#dce5e0;--muted:#667d74;--paper:#fff}.theme-c .ambient{background:none}.theme-c .picture-panel{border-radius:1rem;border:0;box-shadow:none;background:#edf3ef}.theme-c .study{gap:0;background:white;border:1px solid var(--line);border-radius:1.2rem;padding:1.3rem;grid-template-columns:.85fr 1fr}.theme-c .lesson-panel{padding:0 1.7rem}.study-rail{display:flex;flex-direction:column;align-items:center;background:#e6efea;border:1px solid #d6e5da;border-radius:1rem;padding:1.4rem .85rem;width:5.7rem;gap:.7rem}.study-rail>b{font-size:1.2rem}.study-rail>span{font-size:.8rem}.study-rail hr{width:2rem;border:0;border-top:1px solid #b6c9bd}.study-rail strong{font-size:1.5rem}.study-rail small{font-size:.58rem}.study-rail>div{font:1.7rem Hanja;opacity:.45}.study-rail>div:first-of-type{opacity:1;background:white;border-radius:.5rem;width:3rem;text-align:center;padding:.3rem}.theme-c .steps{order:1}.theme-c .workspace{order:2}.theme-c footer{order:3}.theme-c .steps button{border-bottom:2px solid transparent;border-radius:0;flex:1;justify-content:center}.theme-c .steps .active{box-shadow:none;background:transparent;border-color:var(--accent)}.theme-c .character-stage{gap:.8rem}.theme-c .hanja-build{width:10.8rem;height:11.2rem}.theme-c .components{gap:.5rem}.theme-c .part{padding:.6rem}.theme-c h1{font-size:1.4rem}
.theme-d{--bg:#f5e9df;--ink:#433747;--accent:#7555a2;--line:#decbbc;--muted:#867184;--paper:#fffcf5}.theme-d .ambient{opacity:.4;background-image:radial-gradient(#b8938028 1px,transparent 1px);background-size:.65rem .65rem}.theme-d .study{gap:1.7rem;grid-template-columns:.9fr 1.15fr}.theme-d .picture-panel{transform:rotate(-2deg);border:.4rem solid #fffdf5;outline:1px solid #d9c7b9;background:#fffbeb;box-shadow:.4rem .4rem 0 #d6bbac;border-radius:1rem;margin:.6rem}.theme-d .panel-caption{border-bottom:1px dashed #c6b395;padding-bottom:.5rem}.theme-d .picture-note{background:#eee0d0;width:100%;text-align:center;padding:.5rem;border-radius:.4rem;font-size:.9rem}.theme-d .lesson-panel{padding-left:1rem}.theme-d .character-stage{margin:.3rem 0;gap:.6rem}.theme-d .hanja-build{width:10rem;height:10.5rem}.theme-d .part{padding:.65rem}.theme-d h1{font-size:1.4rem}.collection{width:7.4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px dashed #cdb8af;gap:.8rem;padding-left:1rem}.collection>span{font-size:.8rem;font-weight:900}.collection>b{font-size:2.4rem;color:var(--accent)}.collection>b span{font-size:.9rem;color:var(--muted)}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mini-cards i{font:1.6rem Hanja;background:#fff9ee;border:1px solid #dccaba;padding:.4rem;border-radius:.4rem}.mini-cards i:last-child{border-style:dashed;color:#c5afa1}.collection small{font-size:.65rem}.theme-d .steps{justify-content:flex-start}.theme-d .steps .active{background:#7555a2;color:white}.theme-d .steps .active b{background:#ffffff30}
.game-top{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.game-top h1{font-size:1.8rem}.game-top .eyebrow{margin-bottom:.45rem}.score{background:var(--paper);padding:.7rem 1.1rem;border:1px solid var(--line);border-radius:1rem;color:var(--accent);font-size:1.35rem}.score span{font-size:.75rem;color:var(--muted)}.game-progress{height:.3rem;border-radius:1rem;background:var(--line);flex-shrink:0}.game-progress span{display:block;background:var(--accent);width:8%;height:100%;border-radius:1rem;transition:.3s}.game-main{display:grid;grid-template-columns:.95fr 1.1fr;gap:2rem;min-height:0;flex:1}.question{display:flex;align-items:center;flex-direction:column;min-height:0;border:1px solid var(--line);background:var(--paper);border-radius:1.4rem;padding:1.2rem}.question-tag{color:var(--accent);font-weight:900;font-size:.72rem;letter-spacing:.06rem;margin-bottom:.7rem}.question h2{font-size:1.15rem;text-align:center;line-height:1.5}.quiz-art{width:100%;flex:1;min-height:0;object-fit:contain;mix-blend-mode:multiply;margin:.35rem 0}.hint{color:var(--muted);font-size:.76rem}.answer-panel{display:flex;flex-direction:column;justify-content:center;gap:1rem;min-height:0}.answers{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1;min-height:0}.answer{border:2px solid var(--line);border-radius:1.3rem;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;transition:.18s;box-shadow:0 .25rem 0 #0000000d}.answer:hover{transform:translateY(-.15rem);border-color:var(--accent)}.answer-num{position:absolute;top:.85rem;left:.9rem;font-size:.65rem;color:var(--muted)}.answer>b{font:5.3rem Hanja}.answer-caption{font-size:.7rem;color:var(--muted);margin-top:.5rem}.feedback{font-size:.8rem;min-height:2.6rem;display:grid;place-items:center;text-align:center;background:#ffffff80;border-radius:.8rem;padding:.5rem}.answer.correct{background:#dff2dc;border-color:#4b9f59;color:#2e713a}.answer.wrong{border-color:#d46255;background:#fff0eb}.theme-b .question{background:#fffdf1;color:#234b48}.theme-b .question-tag,.theme-b .hint{color:#4c7770}.theme-b .score{background:#205865}.theme-b .answer{background:#1e5864;color:#fff;border-color:#517c81;box-shadow:0 .3rem 0 #082b34}.theme-b .answer.correct{background:#4a8c68}.theme-b .answer.wrong{background:#744354}.theme-b .feedback{background:#205663}.theme-b .game-main{grid-template-columns:.9fr 1.2fr}.theme-c .game-main{grid-template-columns:1fr 1.2fr}.theme-c .answers{grid-template-columns:1fr;gap:.6rem}.theme-c .answer{flex-direction:row;justify-content:flex-start;gap:1.3rem;padding:.4rem 1.5rem;border-radius:.7rem;box-shadow:none}.theme-c .answer>b{font-size:3.3rem}.theme-c .answer-num{position:static}.theme-c .answer-caption{margin-left:auto;margin-top:0}.theme-d .game-main{grid-template-columns:.7fr 1.5fr}.theme-d .question{background:transparent;border:0;justify-content:center}.theme-d .question h2{font-size:1.6rem;line-height:1.6}.game-friends{width:100%;object-fit:contain;max-height:11rem;mix-blend-mode:multiply;margin:2rem 0 1rem}.question p{font-size:.8rem;line-height:1.8;text-align:center;color:var(--muted)}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:1rem;flex:1;min-height:0}.memory-card{display:flex;align-items:center;justify-content:space-between;flex-direction:column;border:.32rem solid #fffdf5;outline:1px solid #dbc9bc;border-radius:.8rem;background:#eddfc5;box-shadow:.25rem .3rem 0 #d1bbae;padding:.65rem;transition:.2s}.memory-card:nth-child(even){background:#e8def0}.memory-card small{font-size:.5rem;letter-spacing:.1rem}.memory-card b{font:4rem Hanja}.memory-card.word b{font:900 1.2rem Nanum}.memory-card>span{color:#9f839b}.memory-card.selected{outline:3px solid #7555a2;transform:translateY(-.2rem)}.memory-card.matched{background:#dceaca;outline-color:#799f53}.memory-card.matched>span{color:#448047}
.theme-b .panel-caption{width:auto;align-self:center;justify-content:center;background:#e2eee3;border-radius:1rem;padding:.3rem .7rem;z-index:1}.theme-b .panel-caption b{display:none}
body[data-phase="0"] .hanja-build,body[data-phase="0"] .components,body[data-phase="0"] .reading,body[data-phase="0"] .explain{visibility:hidden}body[data-phase="1"] .legs,body[data-phase="1"] .pink,body[data-phase="1"] .plus,body[data-phase="1"] .reading,body[data-phase="1"] .explain{visibility:hidden}body[data-phase="2"] .reading{display:none}body[data-phase="3"] .mouth,body[data-phase="3"] .legs{color:var(--ink)}
@media(max-aspect-ratio:1/1){html{font-size:min(2.22222vw,1.25vh)}#app{padding:1.8rem 2rem;gap:1.3rem}header{height:4rem}.brand{font-size:1.7rem}.brand small{font-size:.68rem}.icon-btn{width:3.1rem;height:3.1rem}.course{font-size:.77rem;gap:.5rem}.workspace{flex-direction:column;gap:1rem}.study{grid-template-columns:1fr;grid-template-rows:1.05fr 1fr;gap:1.2rem}.picture-panel{padding:1rem 1.4rem;border-radius:1.6rem}.panel-caption{font-size:.8rem}.picture-note{font-size:1.05rem}.lesson-panel{padding:0 .6rem;justify-content:center}.eyebrow{font-size:.8rem;margin-bottom:.6rem}h1{font-size:1.6rem}.character-stage{margin:.1rem 0;gap:2rem}.hanja-build{width:11rem;height:11.4rem}.reading strong{font-size:2rem}.components{gap:.8rem}.part{padding:.8rem 1.2rem}.part>span{font-size:.86rem}.part small{font-size:.73rem}.explain{font-size:1rem;margin-top:.65rem;line-height:1.7}.phase-note{font-size:.76rem;margin-top:.4rem}.steps{gap:.2rem;justify-content:space-between}.steps button{padding:.55rem .45rem;font-size:.72rem;gap:.35rem}.steps b{width:1.35rem;height:1.35rem}.footer-tip{display:none}footer{gap:.7rem}.primary{flex:1}.primary,.secondary{min-height:3.5rem;font-size:.9rem}.toast{width:85%;text-align:center;bottom:6rem}.theme-b .study{grid-template-columns:1fr;grid-template-rows:1fr 1.1fr;gap:1rem}.theme-b .picture-panel{border-radius:8rem 8rem 1.4rem 1.4rem;padding:1.2rem 2.5rem .8rem;margin:0 2rem}.trail{width:100%;height:3.4rem;flex-direction:row;padding:0;justify-content:center;gap:1.5rem}.trail>b{font-size:.85rem}.trail small{display:none}.trail>span{width:2.4rem;height:2.4rem}.island-tag{bottom:-.6rem}.theme-b .picture-note{margin-bottom:.6rem}.theme-b .hanja-build{width:9rem;height:9.3rem}.theme-b .lesson-panel{padding:.5rem 0 0}.theme-b .explain{margin-top:.45rem}.theme-c .workspace{flex-direction:row;gap:.8rem}.study-rail{width:4rem;padding:1.2rem .4rem}.study-rail small{font-size:.5rem}.study-rail>div{font-size:1.5rem}.study-rail strong{font-size:1.3rem}.theme-c .study{grid-template-columns:1fr;grid-template-rows:1fr 1.15fr;padding:1rem;gap:1rem}.theme-c .lesson-panel{padding:0 .2rem}.theme-c h1{font-size:1.2rem}.theme-c .hanja-build{width:9rem;height:9.4rem}.theme-c .reading strong{font-size:1.65rem}.theme-c .reading>span{font-size:.7rem}.theme-c .part{gap:.4rem;padding:.65rem .55rem}.theme-c .part>b{font-size:1.9rem}.theme-c .part>span{font-size:.72rem}.theme-c .part small{font-size:.64rem}.theme-c .explain{font-size:.85rem}.theme-c .phase-note{font-size:.65rem}.theme-c .steps{gap:0}.theme-c .steps button{font-size:.69rem}.theme-d .study{grid-template-columns:1fr;grid-template-rows:1fr 1.05fr;gap:.9rem}.theme-d .picture-panel{margin:.3rem 3rem}.theme-d .lesson-panel{padding:0}.theme-d .hanja-build{width:9rem;height:9.4rem}.theme-d .collection{border:0;border-top:1px dashed #cdb8af;width:100%;padding:.65rem .5rem 0;flex-direction:row;gap:1rem;height:3.7rem}.collection>b{font-size:1.5rem}.collection>span{font-size:.75rem}.mini-cards{display:flex}.mini-cards i{font-size:1.15rem;padding:.2rem .4rem}.collection small{margin-left:auto}.theme-d .character-stage{margin:0}.theme-d .steps{justify-content:space-between}.theme-d .explain{margin-top:.4rem}.game-top{margin-top:.3rem}.game-top h1{font-size:1.6rem}.score{font-size:1.2rem;padding:.7rem}.score span{font-size:.65rem}.game-main,.theme-b .game-main,.theme-c .game-main,.theme-d .game-main{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1.3rem}.question{padding:1.2rem}.question h2{font-size:1.12rem}.question-tag{font-size:.75rem}.answer-panel{gap:.8rem}.answers{gap:.8rem}.answer>b{font-size:4.2rem}.answer-caption{font-size:.72rem;margin-top:0}.answer-num{font-size:.65rem}.feedback{font-size:.78rem;min-height:2.6rem}.theme-c .game-main{grid-template-rows:1fr 1.15fr}.theme-c .answer{gap:1.2rem;padding:.25rem 1.3rem}.theme-c .answer>b{font-size:3.1rem}.theme-d .game-main{grid-template-rows:.5fr 1fr}.theme-d .question{padding:0;position:relative;align-items:flex-start;text-align:left;padding-right:12rem}.theme-d .question h2{font-size:1.35rem;text-align:left}.theme-d .question p{font-size:.72rem;text-align:left;margin-top:.6rem}.game-friends{position:absolute;right:0;width:11rem;max-height:12rem;margin:0}.memory-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:.85rem}.memory-card{padding:.5rem}.memory-card b{font-size:3.2rem}.memory-card.word b{font-size:1.2rem}}