.learn-root{--lg-ink:#5b5547;--lg-muted:#847f6f;--lg-line:#e9dfc9;--lg-paper:#fffdf5;box-sizing:border-box;width:100%;max-width:1050px;margin:0 auto;color:var(--lg-ink);font-family:ui-rounded,"Arial Rounded MT Bold","Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;padding:8px 16px 24px}
.learn-root *{box-sizing:border-box}.learn-root button{font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}.learn-root button:focus-visible{outline:4px solid #9d7954;outline-offset:4px}.learn-root button:disabled{cursor:default}.lg-button{min-width:64px;min-height:64px;border:0;border-radius:24px;color:inherit;background:#fffdf7;box-shadow:0 4px 0 #e7dec8;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;transition:transform .15s,background .15s,box-shadow .15s}.lg-button:active{transform:translateY(3px);box-shadow:0 1px 0 #e7dec8}.lg-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:64px;line-height:1.2;display:inline-block;font-weight:400}.learn-welcome{text-align:center;margin:6px 0 28px}.learn-welcome>.lg-emoji{font-size:42px}.learn-welcome h2{font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-1.5px;margin:6px 0 8px}.learn-welcome p{font-size:17px;color:var(--lg-muted);margin:0}.learn-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learn-game-card{min-height:160px;padding:22px 12px;background:var(--lg-card-color);box-shadow:0 5px 0 color-mix(in srgb,var(--lg-card-color) 88%,#9b8b68);border:2px solid #ffffffaa;gap:12px;border-radius:30px}.learn-game-card .lg-emoji{font-size:66px}.learn-card-name{font-size:19px;font-weight:700;letter-spacing:-.6px}.learn-footnote{text-align:center;font-size:14px;color:var(--lg-muted);margin:30px 0 0}.lg-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:76px}.lg-nav{background:#eee9dc;padding:8px 14px;min-width:82px;box-shadow:none;border-radius:20px}.lg-nav .lg-emoji{font-size:30px}.lg-small-label{font-size:14px;font-weight:600;line-height:1.3}.lg-progress{display:flex;gap:6px;align-items:center}.lg-star{font-size:35px;color:#e4ddcd;line-height:1}.lg-star.lg-earned{color:#d9ae46;text-shadow:0 2px 0 #fff4c9}.lg-heading{text-align:center;margin:16px 0 10px}.lg-game-name{color:var(--lg-muted);font-size:14px;margin:0 0 8px;letter-spacing:.02em}.lg-instruction{font-size:clamp(22px,3.2vw,32px);font-weight:700;line-height:1.45;letter-spacing:-1px;margin:0;min-height:46px}.lg-board{max-width:760px;margin:0 auto;position:relative}.lg-cue{display:flex;justify-content:center;align-items:center;min-height:146px;margin:8px auto 22px;padding:14px;max-width:100%;border-radius:32px;background:#f4eddb70;gap:12px}.lg-cue>.lg-emoji{font-size:96px}.lg-color-sample{width:96px;height:96px;border-radius:28px;border:6px solid #fffc;box-shadow:0 6px 0 #5b554710}.lg-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:620px;margin:0 auto}.lg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.lg-choice{min-height:128px;padding:16px;border:2px solid #f3ead9;background:#fffef9;border-radius:28px;box-shadow:0 5px 0 #e8e0ce}.lg-choice>svg{width:90px;height:100px;max-width:100%}.lg-cols-3 .lg-choice>svg{height:110px}.lg-shape-model,.lg-face-model{width:105px;height:105px}.lg-shape-model svg,.lg-face-model svg{width:100%;height:100%}.lg-count-objects{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:560px}.lg-count-object{min-width:76px;min-height:88px;padding:5px;background:transparent;box-shadow:none;border:2px solid transparent;border-radius:22px}.lg-count-object .lg-emoji{font-size:67px}.lg-count-object.lg-counted{background:#fff8dc;border-color:#dfc776}.lg-numeral{font-size:42px;line-height:1.2;font-weight:700}.lg-dots{font-size:10px;letter-spacing:1px;color:#bdad82;white-space:nowrap}.lg-status{display:flex;justify-content:center;align-items:center;gap:18px;min-height:104px;margin:20px 0 0;text-align:center;font-size:18px;line-height:1.5;color:#777555}.lg-praise{font-size:21px;font-weight:700}.lg-next{background:#e1ebc9;border:2px solid #d3dfb2;min-width:108px;min-height:88px;padding:8px 16px;box-shadow:0 5px 0 #c8d3aa;flex-shrink:0}.lg-next .lg-emoji{font-size:34px}.lg-gentle{animation:lg-breathe .65s ease-in-out}.lg-difficulty{display:flex;justify-content:center;gap:16px;margin:12px 0 20px}.lg-level{min-width:92px;padding:8px 16px;border:2px solid transparent;background:#f0ebdf;box-shadow:none}.lg-level .lg-emoji{font-size:30px}.lg-level.lg-active{border-color:#96ad79;background:#e7eecf}.lg-memory-grid{max-width:700px;gap:14px}.lg-memory-card{height:126px;min-height:112px;background:#e3ead5;border:3px solid #f8fbef;box-shadow:0 5px 0 #ced8bd}.lg-memory-card>.lg-emoji:last-child{display:none}.lg-memory-card .lg-card-back{font-size:48px;opacity:.75}.lg-memory-card.lg-flipped{background:#fff9e8;border-color:#e4d8b3}.lg-memory-card.lg-flipped>.lg-emoji:last-child{display:inline-block}.lg-memory-card.lg-flipped .lg-card-back{display:none}.lg-memory-card.lg-matched{background:#edf2de;border-color:#c9d6b0;box-shadow:0 2px 0 #d4ddc4}.lg-memory-card.lg-matched>.lg-emoji{animation:lg-pop .3s ease}.lg-basket{padding:10px 8px 12px;gap:0}.lg-basket>.lg-emoji{font-size:70px;margin-top:-8px}.lg-basket-examples{display:flex;justify-content:center}.lg-basket-examples .lg-emoji{font-size:33px}.lg-basket .lg-small-label{margin-top:4px}.lg-sort-item>.lg-emoji{animation:lg-bob 3s infinite ease-in-out}.lg-pattern-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}.lg-pattern-item{font-size:52px}.lg-wide-cue{padding:18px 6px;min-height:130px}.lg-pattern-blank{font-size:45px;font-weight:700;width:60px;min-width:48px;height:74px;border:3px dashed #c8bfa9;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#c0a981;background:#fff9ed}.lg-size-model{display:flex;flex-direction:column;align-items:center;gap:5px}.lg-size-model>.lg-emoji{font-size:73px}.lg-size-choice{min-height:188px}.lg-large-object{font-size:122px}.lg-small-object{font-size:55px}.lg-listen{margin:-10px auto 18px;display:flex;padding:8px 18px;min-width:130px;flex-direction:row;background:#f0e8ce;box-shadow:none}.lg-listen>.lg-emoji{font-size:28px}.lg-animal-model{margin-bottom:14px}.lg-instrument{display:flex;justify-content:center;align-items:center;gap:12px;min-height:250px;padding:14px 20px 22px;border-radius:34px;background:#e9dfc6;max-width:650px;margin:0 auto;box-shadow:inset 0 0 0 6px #f4eddb}.lg-music-key{background:var(--lg-key-color);box-shadow:0 7px 0 #9e8d6760;width:20%;max-width:100px;height:var(--lg-key-height);min-width:64px;min-height:112px;border-radius:20px;border:2px solid #fffc;display:flex;justify-content:space-between;padding:16px 6px;gap:12px}.lg-key-dot{font-size:14px;color:#fff9}.lg-key-name{font-size:23px;font-weight:700;color:#5b5547}.lg-music-cue .lg-emoji{font-size:75px}.lg-note-playing{animation:lg-note .3s ease}.lg-bubble-next{font-size:57px;font-weight:700;width:100px;height:100px;border-radius:50%;border:4px dashed #b4cfd2;background:#eff8f7;color:#75999b;display:flex;align-items:center;justify-content:center}.lg-bubble-grid{max-width:540px;gap:22px}.lg-bubble{border:3px solid #ffffffdf;background:radial-gradient(circle at 30% 22%,#fff 0,#fffa 8%,#eaf8f5 26%,#cce6e8 74%,#c1d4e5 100%);box-shadow:inset -5px -8px 10px #a8d7dc55,0 5px 0 #d9e8e4;border-radius:50%;aspect-ratio:1;min-height:112px;max-height:160px;padding:8px;color:#688b92;animation:lg-bubble-float 3.8s ease-in-out infinite;animation-delay:var(--lg-bubble-delay)}.lg-bubble strong{font-size:48px;font-weight:700}.lg-bubble.lg-popped{animation:lg-bubble-pop .3s ease forwards;pointer-events:none}.lg-shadow-model{filter:drop-shadow(0 6px 0 #c4beb455)}.lg-garden-plant>.lg-emoji{font-size:118px}.lg-garden-guide{display:flex;align-items:center;justify-content:center;gap:12px;margin:-8px 0 18px}.lg-garden-guide .lg-emoji{font-size:47px}.lg-guide-arrow{font-size:35px;color:#a4ab80}.lg-sprout>.lg-emoji{animation:lg-pop .5s ease}.lg-garden-tools .lg-choice{gap:9px}.lg-picture-hint{display:flex;align-items:center;justify-content:center;gap:12px;margin:-10px 0 20px}.lg-picture-hint .lg-emoji{font-size:45px}.lg-weather-cue>.lg-emoji{font-size:105px}.lg-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:470px;margin:25px auto 0}.lg-path-tile{aspect-ratio:1;min-height:92px;background:#e7ecd6;box-shadow:0 3px 0 #d4ddc1;border:3px solid transparent}.lg-path-tile>.lg-emoji{font-size:58px}.lg-path-tile.lg-on-path{background:#f0e5ce}.lg-path-tile.lg-path-next{border-color:#a6b880;background:#fff9e4;animation:lg-path-glow 2s infinite}.lg-path-tile.lg-path-visited{background:#edf2dd;border-color:#c8d7ab}.lg-draw-tools{display:flex;gap:9px;align-items:center;justify-content:center;margin:14px 0 18px;flex-wrap:wrap}.lg-crayon{min-width:64px;min-height:76px;width:68px;height:80px;padding:5px;color:var(--lg-crayon);background:#f6f0e4;box-shadow:none;border:3px solid transparent;border-radius:20px}.lg-crayon svg{height:61px;width:38px}.lg-draw-tool{min-height:76px;width:68px;background:#f2eddf;box-shadow:none;border:3px solid transparent;border-radius:20px}.lg-draw-tool>.lg-emoji{font-size:36px}.lg-crayon.lg-selected,.lg-draw-tool.lg-selected{border-color:#a6ae87;background:#fffef8;transform:translateY(-4px)}.lg-canvas-wrap{width:100%;height:clamp(260px,40vh,450px);min-height:260px;background:#fffefb;border:3px solid #e6ddc7;border-radius:26px;overflow:hidden;box-shadow:0 5px 0 #e8dfca;position:relative;touch-action:none;overscroll-behavior:contain}.lg-canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.lg-draw-actions{display:flex;justify-content:center;gap:18px;margin:20px 0 0}.lg-draw-action{padding:10px 18px;flex-direction:row;min-height:68px;background:#efe9d8;box-shadow:none}.lg-draw-action>.lg-emoji{font-size:34px}.lg-clear-confirm{position:absolute;z-index:3;inset:50% 50% auto auto;transform:translate(50%,-50%);width:min(95%,410px);padding:24px;border:3px solid #e3d3ad;border-radius:30px;box-shadow:0 12px 50px #5b554744;background:#fffbef;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.lg-clear-confirm>p{width:100%;text-align:center;font-size:22px;margin:0 0 8px}.lg-confirm-yes,.lg-confirm-no{min-width:135px;min-height:115px;padding:12px}.lg-confirm-yes{background:#e4edce}.lg-confirm-no{background:#f4dfc5}.lg-confirm-yes>.lg-emoji,.lg-confirm-no>.lg-emoji{font-size:45px}
@keyframes lg-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lg-breathe{0%,100%{opacity:1}50%{opacity:.76}}@keyframes lg-pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes lg-note{0%,100%{transform:translateY(0)}40%{transform:translateY(6px)}}@keyframes lg-bubble-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lg-bubble-pop{to{opacity:0;transform:scale(1.2)}}@keyframes lg-path-glow{0%,100%{box-shadow:0 0 0 0 #bac99344}50%{box-shadow:0 0 0 6px #bac99355}}
@media(min-width:1000px){.learn-library{grid-template-columns:repeat(4,minmax(0,1fr))}.learn-game-card{min-height:152px}.learn-root{padding-left:24px;padding-right:24px}}
@media(max-width:600px){.learn-root{padding:4px 8px 16px}.learn-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.learn-game-card{min-height:145px;padding:17px 7px;border-radius:26px;gap:9px}.learn-game-card .lg-emoji{font-size:58px}.learn-card-name{font-size:17px}.learn-welcome{margin-bottom:22px}.learn-welcome p{font-size:15px}.lg-toolbar{gap:5px}.lg-nav{min-width:72px;padding:8px 10px}.lg-nav .lg-small-label{font-size:12px}.lg-star{font-size:29px}.lg-progress{gap:3px}.lg-heading{margin:12px 0 5px}.lg-game-name{font-size:13px;margin-bottom:6px}.lg-instruction{font-size:23px;min-height:37px}.lg-cue{min-height:126px;margin-bottom:18px;padding:12px}.lg-cue>.lg-emoji{font-size:83px}.lg-choice{min-height:108px;padding:12px;border-radius:23px}.lg-choice>.lg-emoji{font-size:59px}.lg-choices{gap:13px}.lg-choice>svg{height:85px;width:80px}.lg-cols-3 .lg-choice>svg{height:88px}.lg-cols-5{gap:7px}.lg-cols-5>.lg-choice{min-width:0;padding:10px 2px;min-height:92px;border-radius:17px}.lg-numeral{font-size:34px}.lg-dots{font-size:7px;letter-spacing:0}.lg-count-objects{gap:4px}.lg-count-object{min-width:64px;min-height:72px}.lg-count-object .lg-emoji{font-size:52px}.lg-status{font-size:16px;min-height:95px;margin-top:16px;gap:12px}.lg-praise{font-size:18px}.lg-next{min-width:96px;min-height:83px;padding:8px 10px}.lg-memory-grid{gap:10px}.lg-memory-card{height:108px;min-height:96px}.lg-memory-grid.lg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lg-memory-grid.lg-cols-4 .lg-memory-card{height:94px;min-height:80px;padding:8px 3px;border-radius:19px}.lg-memory-grid.lg-cols-4 .lg-emoji{font-size:43px}.lg-memory-card .lg-card-back{font-size:40px}.lg-pattern-row{gap:4px}.lg-pattern-item{font-size:36px}.lg-pattern-blank{font-size:34px;width:43px;min-width:35px;height:58px;border-radius:12px}.lg-wide-cue{padding:12px 3px}.lg-large-object{font-size:105px!important}.lg-small-object{font-size:46px!important}.lg-size-choice{min-height:160px}.lg-basket{padding:10px 3px}.lg-basket>.lg-emoji{font-size:61px}.lg-basket-examples .lg-emoji{font-size:25px}.lg-instrument{gap:8px;padding:16px 8px 23px;min-height:230px}.lg-music-key{min-width:0;border-radius:16px;padding:15px 2px}.lg-key-name{font-size:20px}.lg-bubble-grid{gap:14px}.lg-bubble{min-height:96px;padding:6px}.lg-bubble strong{font-size:40px}.lg-path-grid{max-width:380px;gap:10px}.lg-path-tile>.lg-emoji{font-size:48px}.lg-draw-tools{gap:5px;margin:12px -2px}.lg-crayon{min-width:45px;width:45px;min-height:70px;height:70px;padding:4px;border-radius:15px}.lg-crayon svg{height:55px;width:30px}.lg-draw-tool{min-width:53px;width:53px;min-height:70px;border-radius:15px}.lg-draw-tool>.lg-emoji{font-size:30px}.lg-draw-actions{gap:12px}.lg-draw-action{padding:9px 12px;min-width:0}.lg-draw-action .lg-small-label{font-size:13px}.lg-canvas-wrap{height:clamp(260px,42vh,380px)}.lg-clear-confirm{padding:20px 12px}.lg-confirm-yes,.lg-confirm-no{min-width:115px}}
@media(max-width:600px){.lg-cols-5{grid-template-columns:repeat(3,minmax(64px,1fr));gap:12px;max-width:350px}.lg-crayon,.lg-draw-tool{min-width:64px;width:64px;min-height:76px;height:76px}.lg-crayon svg{height:60px;width:34px}.lg-draw-tools{gap:8px}.lg-music-key{min-width:64px}.lg-pattern-item{font-size:clamp(27px,7vw,36px)}}
@media(max-width:430px){.lg-instrument{display:grid;grid-template-columns:repeat(3,minmax(64px,1fr));gap:12px;max-width:320px;padding:18px}.lg-music-key{width:100%;max-width:100%;height:130px;min-height:110px}.lg-memory-grid.lg-cols-4{grid-template-columns:repeat(2,minmax(64px,1fr));max-width:300px}.lg-memory-grid.lg-cols-4 .lg-memory-card{height:104px}.lg-memory-grid.lg-cols-4 .lg-emoji{font-size:52px}}
@media(max-width:360px){.lg-pattern-item{font-size:28px}.lg-pattern-blank{min-width:30px;width:35px}.lg-draw-tools{gap:7px}.lg-bubble{min-height:84px}.lg-basket .lg-small-label{font-size:12px}.lg-instruction{font-size:21px}}
@media(prefers-reduced-motion:reduce){.learn-root *{animation:none!important;transition:none!important}.lg-bubble.lg-popped{opacity:0}.lg-crayon.lg-selected,.lg-draw-tool.lg-selected{transform:none}}