:root{--ink:#24312c;--muted:#6d7772;--green:#3b8f72;--pale:#f7fbf7;--line:#dfe9e2}*{box-sizing:border-box}body{color:var(--ink);background:#eef5ef;margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif}.app{background:radial-gradient(circle at 90% 0,#fff5d8 0,#0000 27%),linear-gradient(#f8fcf8 0,#edf5ee 100%);min-height:100vh;font-size:16px}.app.large{font-size:19px}.shell{background:#ffffffb8;width:min(100%,980px);min-height:100vh;margin:auto;box-shadow:0 0 60px #b6cab83b}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid #e6eee7;justify-content:space-between;align-items:center;height:92px;padding:0 42px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand>span{font-size:38px}.brand b{color:#327b62;font-size:24px;line-height:1;display:block}.brand small{color:#7b8c84;margin-top:7px;font-size:12px;display:block}.text-size{color:#4d6259;background:#fff;border:1px solid #d6e2da;border-radius:14px;padding:11px 15px;font-weight:700}.text-size span{margin-left:2px;font-size:20px}.welcome{justify-content:space-between;align-items:center;min-height:210px;padding:40px 52px 26px;display:flex}.date{color:#43836b;margin:0 0 10px;font-weight:700}.welcome h1{letter-spacing:-1.5px;margin:0 0 10px;font-size:36px}.welcome h1 span{animation:2s infinite wave;display:inline-block}.welcome>div>p:last-child{color:var(--muted);margin:0;font-size:19px}.flower{background:#fff2c8;border-radius:50% 50% 46% 54%;justify-content:center;align-items:center;gap:3px;width:150px;height:132px;display:flex;transform:rotate(3deg)}.flower span{font-size:68px}.flower i{color:#98752e;font-style:normal;font-weight:800;transform:rotate(-3deg)}.progress-card{border:1px solid var(--line);background:#fff;border-radius:24px;margin:0 52px 38px;padding:24px 26px;box-shadow:0 8px 28px #51766012}.progress-head,.progress-head>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.progress-head strong{color:#397a63}.fire{font-size:26px}.bar{background:#e7efe9;border-radius:20px;height:13px;margin:17px 0 10px;overflow:hidden}.bar i,.step i{border-radius:inherit;background:linear-gradient(90deg,#55aa85,#f5c65c);height:100%;transition:width .4s;display:block}.progress-card p{color:var(--muted);margin:0}.games-section{padding:0 52px 35px}.section-title{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-title span{color:#4e8f75;font-size:14px;font-weight:800}.section-title h2{margin:4px 0 0;font-size:25px}.section-title p{color:#7b8982;font-size:13px}.game-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.game-card{text-align:left;cursor:pointer;min-height:128px;color:var(--ink);border:1px solid #0000;border-radius:22px;align-items:center;gap:17px;padding:22px;transition:all .2s;display:flex;position:relative}.game-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #445c4b1c}.game-card.sky{background:#e8f5fb;border-color:#cee5ed}.game-card.purple{background:#f2edfb;border-color:#ded3ef}.game-card.coral{background:#fff0ec;border-color:#f1d8d0}.game-card.yellow{background:#fff8db;border-color:#eee2ad}.game-card.green{background:#eaf7ee;border-color:#cfe6d5}.game-icon{background:#ffffffb5;border-radius:19px;flex:0 0 64px;place-items:center;width:64px;height:64px;font-size:32px;display:grid;box-shadow:0 4px 12px #435b4a12}.game-copy h3{margin:0 0 5px;font-size:20px}.game-copy p{color:#66756e;margin:0 0 8px;line-height:1.45}.game-copy small{color:#74827b;font-weight:700}.arrow{color:#7e9188;font-size:26px;position:absolute;top:17px;right:18px}.game-card.done{outline:2px solid #68aa8d}.game-card.done .game-icon{color:#fff;background:#4b9d7b;font-weight:900}.care-note{background:#fff9e8;border:1px solid #f0e2b4;border-radius:18px;align-items:center;gap:14px;margin:0 52px 30px;padding:18px 22px;display:flex}.care-note span{font-size:28px}.care-note p{color:#6e674e;margin:0;line-height:1.6}footer{text-align:center;color:#91a098;padding:0 25px 32px;font-size:12px}.game-shell{background:#fff;width:min(100%,760px);min-height:100vh;margin:auto}.game-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 26px;display:grid}.game-header button{color:#416456;background:#eef6f0;border:0;border-radius:14px;justify-self:start;padding:12px 16px;font-size:15px;font-weight:800}.step{align-items:center;gap:14px;padding:22px 34px 0;display:flex}.step>div{background:#e7efe9;border-radius:20px;flex:1;height:10px;overflow:hidden}.step span{color:#6d8177;font-weight:800}.quiz{text-align:center;width:min(100%,560px);margin:auto;padding:46px 24px}.quiz-icon{margin-bottom:14px;font-size:66px;display:block}.quiz h2{margin:0 0 10px;font-size:29px;line-height:1.4}.quiz>p{color:var(--muted);margin:0 0 28px;font-size:17px}.choices{gap:12px;display:grid}.choices.two{grid-template-columns:1fr 1fr}.choice{min-height:67px;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #dce7df;border-radius:17px;font-size:21px;font-weight:800}.choice:hover{background:#f3faf5;border-color:#76ad97}.choice.correct{color:#24704f;background:#e5f6ec;border-color:#53a478}.choice.wrong{color:#a64b43;background:#fff0ee;border-color:#df8176}.choice.muted{opacity:.48}.feedback{text-align:left;background:#f4f8f5;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-top:25px;padding:18px;display:flex}.primary{color:#fff;cursor:pointer;background:#3f8e70;border:0;border-radius:15px;padding:15px 22px;font-size:16px;font-weight:800;box-shadow:0 5px 14px #3f8e7033}.result{text-align:center;max-width:520px;margin:auto;padding:80px 25px}.result>span{font-size:78px}.result h2{margin:16px 0 8px;font-size:32px}.result p{color:#64736c;font-size:20px}.result em{color:#398164;margin:22px 0 30px;font-style:normal;font-weight:800;display:block}.result .primary{padding:18px 32px;font-size:19px}.number-row,.answer-slots{justify-content:center;gap:12px;margin:35px 0;display:flex}.number-row b,.answer-slots i{background:#f0e9fb;border:2px solid #d9c9ed;border-radius:16px;place-items:center;width:66px;height:77px;font-size:30px;font-style:normal;display:grid}.answer-slots i{background:#f7faf7;border-style:dashed}.keypad{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.keypad button{background:#fff;border:2px solid #dbe7df;border-radius:15px;height:62px;font-size:24px;font-weight:800}.cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px;display:grid}.cards button{aspect-ratio:.82;color:#fff;background:#4e987c;border:0;border-radius:18px;font-size:32px;font-weight:900;transition:all .25s;box-shadow:0 6px 14px #3f735f35}.cards button.open{background:#fff2c7;transform:rotateY(180deg)}.moves{font-weight:700;margin-top:24px!important}.equation{background:#fff8dc;border:1px solid #eedf9f;border-radius:22px;padding:28px;margin-bottom:18px!important;font-size:48px!important}.number-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.number-actions button{min-height:58px}.delete-number{color:#a04f47;cursor:pointer;background:#fff3f1;border:2px solid #e4b2aa;border-radius:15px;font-size:17px;font-weight:800}.delete-number:disabled,.number-actions .primary:disabled{opacity:.38;cursor:not-allowed}.number-row,.answer-slots{flex-wrap:wrap}.math-level{color:#36775f;background:#eaf4ed;border-radius:999px;margin-bottom:12px;padding:7px 14px;font-weight:800;display:inline-block}.memory-feedback span{letter-spacing:.12em;color:#5e3d84}.keypad button:disabled{opacity:.4;cursor:not-allowed}@keyframes wave{0%,60%,to{transform:rotate(0)}70%{transform:rotate(14deg)}80%{transform:rotate(-10deg)}90%{transform:rotate(8deg)}}@media (width<=700px){.topbar{height:75px;padding:0 20px}.brand small{display:none}.welcome{min-height:auto;padding:28px 22px 20px}.welcome h1{font-size:29px}.welcome>div>p:last-child{font-size:16px}.flower{display:none}.progress-card,.care-note{margin-left:20px;margin-right:20px}.games-section{padding-left:20px;padding-right:20px}.game-grid{grid-template-columns:1fr}.game-card:last-child{grid-column:auto}.section-title p{display:none}.game-header{padding:0 15px}.game-header button span{display:none}.game-header h1{font-size:21px}.quiz{padding-top:35px}.quiz h2{font-size:25px}.feedback{text-align:center;flex-direction:column}.feedback .primary{width:100%}.cards{gap:8px}.cards button{font-size:28px}.number-row b,.answer-slots i{width:52px;height:64px}.keypad{gap:7px}.keypad button{height:56px}.app.large .game-copy p{font-size:15px}}.app{--text-zoom:1}.app.text-level-1{--text-zoom:.84}.app.text-level-2{--text-zoom:.92}.app.text-level-3{--text-zoom:1}.app.text-level-4{--text-zoom:1.1}.app.text-level-5{--text-zoom:1.2}.text-controls{color:#4d6259;background:#fff;border:1px solid #d6e2da;border-radius:15px;align-items:center;gap:7px;padding:5px 6px 5px 12px;font-weight:800;display:flex}.text-controls>span{font-size:calc(13px * var(--text-zoom));white-space:nowrap}.text-controls button{color:#34775e;cursor:pointer;background:#eaf4ed;border:0;border-radius:11px;width:38px;height:38px;font-size:25px;font-weight:900;line-height:1}.text-controls button:disabled{opacity:.35;cursor:not-allowed}.brand b{font-size:calc(24px * var(--text-zoom))}.brand small{font-size:calc(12px * var(--text-zoom))}.date{font-size:calc(16px * var(--text-zoom))}.welcome h1{font-size:calc(36px * var(--text-zoom))}.welcome>div>p:last-child{font-size:calc(19px * var(--text-zoom))}.progress-head b{font-size:calc(18px * var(--text-zoom))}.progress-head strong,.progress-card p{font-size:calc(16px * var(--text-zoom))}.section-title span{font-size:calc(14px * var(--text-zoom))}.section-title h2{font-size:calc(25px * var(--text-zoom))}.section-title p{font-size:calc(13px * var(--text-zoom))}.game-copy h3{font-size:calc(20px * var(--text-zoom))}.game-copy p{font-size:calc(16px * var(--text-zoom))}.game-copy small{font-size:calc(13px * var(--text-zoom))}.care-note p{font-size:calc(16px * var(--text-zoom))}.game-header h1{font-size:calc(24px * var(--text-zoom))}.game-header button{font-size:calc(15px * var(--text-zoom))}.step span{font-size:calc(16px * var(--text-zoom))}.quiz h2{font-size:calc(29px * var(--text-zoom))}.quiz>p{font-size:calc(17px * var(--text-zoom))}.choice{font-size:calc(21px * var(--text-zoom))}.feedback,.primary{font-size:calc(16px * var(--text-zoom))}.result h2{font-size:calc(32px * var(--text-zoom))}.result p{font-size:calc(20px * var(--text-zoom))}.result em{font-size:calc(16px * var(--text-zoom))}.keypad button{font-size:calc(24px * var(--text-zoom))}.delete-number{font-size:calc(17px * var(--text-zoom))}.equation{font-size:calc(48px * var(--text-zoom))!important}.moves{font-size:calc(16px * var(--text-zoom))}@media (width<=700px){.text-controls{padding-left:8px}.text-controls>span{font-size:calc(11px * var(--text-zoom))}.text-controls button{width:34px;height:34px}.welcome h1{font-size:calc(29px * var(--text-zoom))}.welcome>div>p:last-child{font-size:calc(16px * var(--text-zoom))}.game-header h1{font-size:calc(21px * var(--text-zoom))}.quiz h2{font-size:calc(25px * var(--text-zoom))}.number-actions{grid-template-columns:1fr}.memory-feedback{margin-top:16px}.app.text-level-5 .game-header h1{font-size:23px}.app.text-level-5 .quiz{padding-left:16px;padding-right:16px}}html{overscroll-behavior-y:none;background:#eef5ef}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}.game-card,.choice,.keypad button,.cards button,.primary,.text-controls button{-webkit-user-select:none;user-select:none}.game-card,.progress-card,.care-note{contain:layout paint}.quiz{contain:layout}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.game-card.mint{background:#e9f8f4;border-color:#c7e7dc}.game-card:last-child{grid-column:auto}.picture-category-select{text-align:center;width:min(100%,680px);margin:auto;padding:34px 28px 52px}.category-kicker{color:#2f765c;font-weight:900;font-size:calc(14px * var(--text-zoom));background:#e8f6ef;border-radius:999px;padding:7px 13px;display:inline-block}.picture-category-select h2{font-size:calc(29px * var(--text-zoom));margin:13px 0 8px}.picture-category-select>p{color:#68776f;font-size:calc(16px * var(--text-zoom));margin:0 0 22px}.picture-category-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.picture-category-grid button{color:#24312c;cursor:pointer;background:#fff;border:2px solid #dce9e2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:122px;display:flex;box-shadow:0 6px 18px #355e4a0e}.picture-category-grid button:hover{background:#f0faf5;border-color:#6aad8f;transform:translateY(-2px)}.picture-category-grid button:first-child{background:#fff8dc;border-color:#eadb9f}.picture-category-grid button>span{font-size:34px}.picture-category-grid button>b{font-size:calc(17px * var(--text-zoom))}.picture-category-grid button>small{color:#718078;font-size:calc(12px * var(--text-zoom));font-weight:750}.picture-category-select .category-note{font-size:calc(13px * var(--text-zoom));color:#75857d;margin:17px 0 0}.picture-quiz{text-align:center;width:min(100%,680px);margin:auto;padding:24px 28px 46px}.picture-bank-note{color:#60736a;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-bottom:13px;font-size:13px;display:flex}.picture-bank-note span{color:#2f765c;background:#e8f6ef;border-radius:999px;padding:7px 12px;font-weight:900}.picture-bank-note b{font-weight:750}.picture-quiz h2{font-size:calc(31px * var(--text-zoom));letter-spacing:-.7px;margin:0 0 22px;line-height:1.35}.picture-choices{grid-template-columns:1fr 1fr;gap:15px;display:grid}.picture-choices>button{aspect-ratio:1.35;cursor:pointer;background:#fff;border:3px solid #dce9e2;border-radius:23px;justify-content:center;align-items:center;min-width:0;transition:transform .16s,border-color .16s,background .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #355e4a12}.picture-choices>button:hover{border-color:#8ebfa9;transform:translateY(-2px)}.picture-choices>button:disabled{opacity:1;cursor:default}.picture-choices img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:92%;height:92%;display:block}.picture-emoji{filter:drop-shadow(0 5px 5px #273f3530);-webkit-user-select:none;user-select:none;place-items:center;font-size:clamp(72px,13vw,112px);line-height:1;display:grid}.picture-choices>button.correct{background:#e9f8ef;border-color:#45a477;box-shadow:0 0 0 5px #65bb9129}.picture-choices>button.wrong{background:#fff1ee;border-color:#d67d70;animation:.42s picture-wobble}.picture-choices strong{color:#fff;font-size:calc(17px * var(--text-zoom));background:#27805ddc;border-radius:11px;padding:7px 8px;line-height:1.2;position:absolute;bottom:7px;left:8px;right:8px}.picture-success{text-align:left;background:#e9f8ef;border:1px solid #c1e5d0;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:15px 16px;display:flex}.picture-success div{flex-direction:column;display:flex}.picture-success span{color:#4d6e60;font-weight:800;font-size:calc(14px * var(--text-zoom))}.picture-success b{color:#216d4d;font-size:calc(25px * var(--text-zoom))}.picture-help{color:#728078;font-size:calc(14px * var(--text-zoom));margin:15px 0 0}.picture-success .primary{white-space:nowrap}@keyframes picture-wobble{0%,to{transform:translate(0)}20%{transform:translate(-8px)rotate(-1.5deg)}45%{transform:translate(8px)rotate(1.5deg)}70%{transform:translate(-5px)}}@media (width<=700px){.picture-category-select{padding:28px 14px 40px}.picture-category-grid{grid-template-columns:1fr 1fr;gap:9px}.picture-category-grid button{min-height:108px}.picture-quiz{padding:20px 14px 36px}.picture-bank-note{font-size:11px}.picture-quiz h2{font-size:calc(27px * var(--text-zoom))}.picture-choices{gap:9px}.picture-choices>button{aspect-ratio:1.04;border-radius:18px}.picture-emoji{font-size:clamp(62px,23vw,94px)}.picture-success{text-align:center;flex-direction:column}.picture-success .primary{width:100%}.picture-help{line-height:1.45}.app.text-level-5 .picture-choices strong{font-size:16px}}