:root{font-family:"Malgun Gothic","Noto Sans KR",sans-serif;color-scheme:light;font-size:16px;font-synthesis:none;--ink:#293e35;--muted:#58645b;--accent:#3d6951;--ground:#f7f4e6;--surface:#fffdf6;--line:#d5dacf;--path:#eae6d4;--grass:#9fab77;--flower:#e9c5a7;--wood-ink:#644124;--press:120ms;--jump:650ms}*{box-sizing:border-box}body{margin:0;background:#e7e9e3;color:var(--ink)}button{font:inherit;color:inherit;border:0;background:0 0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible,main:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:active:not(:disabled){filter:brightness(.9)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,p{margin:0}h1{font-size:1.375rem;font-weight:700;letter-spacing:-.055em}h2{font-size:1.125rem;letter-spacing:-.045em;line-height:1.4}[hidden],button[hidden]{display:none!important}.app{width:100%;max-width:430px;height:100dvh;min-height:360px;margin:auto;background:var(--ground);position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.statusbar{height:28px;min-height:28px;padding:7px 24px 0;display:flex;align-items:center;justify-content:space-between;font:600 12px Arial,sans-serif;position:relative;z-index:6;background:var(--surface)}.system-icons{display:flex;align-items:center;gap:5px;font-size:10px}.system-icons svg{width:17px;height:12px;stroke-width:1.8}.system-icons .battery-fill{fill:currentColor;stroke:none}.header{position:relative;z-index:5;background:var(--surface);padding:0 20px 14px;border-bottom:1px solid var(--line)}.title-row{display:flex;align-items:center;justify-content:space-between;min-height:49px}.icon-button{min-width:48px;min-height:48px;display:grid;place-items:center;border-radius:16px}.settings-button{margin-right:-10px;color:var(--muted)}.settings-button svg{width:22px;height:22px}.course-heading{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.eyebrow{font-size:.75rem;line-height:1.5;color:var(--muted);margin-bottom:2px;font-weight:500}.guide-button{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px}.guide-button svg{width:21px;height:21px}.path-scroll{flex:1;min-height:0;overflow:auto;position:relative;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;cursor:grab}.path-scroll:active{cursor:grabbing}.path-scroll::-webkit-scrollbar{display:none}.path-canvas{position:relative;overflow:hidden;min-height:100%;width:100%}.trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:none}.trail path{stroke:var(--path);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 12;fill:none}.scenery{position:absolute;inset:0;pointer-events:none;overflow:hidden}.tuft{position:absolute;width:22px;height:15px;color:var(--grass);opacity:.65}.tuft svg{width:100%;height:100%;stroke-width:2}.flower{position:absolute;width:10px;height:10px;color:var(--flower);opacity:.8}.flower svg{width:100%;height:100%;fill:currentColor;stroke:none}.edge-tree{display:none;position:absolute;width:85px;height:140px;color:#a0b69b;opacity:.45}.edge-tree svg{width:100%;height:100%;fill:currentColor;stroke:none}.stump-node{position:absolute;width:104px;height:64px;left:calc(var(--x) * 1% - 52px);top:calc(var(--y) * 1px - 32px);border-radius:45%;padding:0;z-index:2;overflow:visible}.stump-art{position:absolute;width:104px;height:69.33px;left:0;top:-3px;transform:scale(var(--sx),var(--sy));transform-origin:50% 68%;pointer-events:none}.stump-art img{width:100%;height:100%;display:block;pointer-events:none}.stump-node[data-shape="1"] .stump-art{transform:scale(calc(var(--sx) * -1),var(--sy))}.stump-node[data-shape="3"] .stump-art{transform:scale(calc(var(--sx) * -1),var(--sy)) rotate(-3deg)}.lesson-symbol{position:absolute;left:40px;top:19px;width:24px;height:21px;color:var(--wood-ink);transform:scaleY(.85);pointer-events:none}.lesson-symbol svg{width:24px;height:24px;stroke-width:2.2}.locked .stump-art{filter:grayscale(1);opacity:.46}.locked .lesson-symbol{color:#666d68;opacity:.72}.lock-dot{position:absolute;right:13px;bottom:1px;display:grid;place-items:center;background:var(--ground);border:1px solid #b4bcb1;border-radius:50%;width:18px;height:18px;color:#69736a}.lock-dot svg{width:10px;height:10px;stroke-width:2}.done-check{position:absolute;right:11px;bottom:1px;background:var(--accent);border:2px solid var(--ground);color:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.done-check svg{width:11px;height:11px;stroke-width:2.7}.stump-node.current{z-index:4}.current .lesson-symbol{top:24px;width:22px;height:20px;left:41px}.current .lesson-symbol svg{width:22px;height:22px}.study-sprite{position:absolute;left:17px;top:-46px;width:70px;height:70px;background-image:url('assets/study-atlas.webp');background-size:300% 100%;background-repeat:no-repeat;pointer-events:none;z-index:2}.character-A{background-position:0 0}.character-B{background-position:50% 0}.character-C{background-position:100% 0}.current-label{position:absolute;left:107px;top:7px;width:100px;text-align:left;white-space:nowrap;font-size:.75rem;color:var(--accent);line-height:1.6;pointer-events:none}.current-label strong{display:block;font-size:.875rem;color:var(--ink);font-weight:700}.label-left .current-label{left:auto;right:108px;text-align:right}.available .stump-art{filter:saturate(1.1)}.available:before{content:"";position:absolute;inset:9px 1px 1px;border:2px solid var(--accent);border-radius:50%;transform:rotate(-5deg);opacity:.85}.available-label{position:absolute;left:108px;top:10px;white-space:nowrap;font-size:.75rem;color:var(--accent);font-weight:700}.label-left .available-label{left:auto;right:108px}.fruit-branch{position:absolute;width:61px;height:43px;right:-33px;bottom:7px;pointer-events:none;color:#98714c;z-index:-1}.fruit-branch>svg{width:100%;height:100%;stroke-width:3;fill:none}.fruit-branch.left{right:auto;left:-33px;transform:scaleX(-1)}.fruit{position:absolute;width:23px;height:23px;right:1px;top:-3px;background:#dfaa76;border-radius:48% 45% 47% 52%;border:1.5px solid #906b44;color:#654522;display:grid;place-items:center}.fruit:before{content:"";position:absolute;left:12px;top:-5px;width:8px;height:5px;background:#789567;border-radius:0 80% 0 80%;transform:rotate(-25deg)}.fruit svg{width:12px;height:12px;stroke-width:2}.fruit-branch.left .fruit svg{transform:scaleX(-1)}.bottom-nav{position:relative;z-index:5;flex-shrink:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 12px 4px;background:var(--surface);border-top:1px solid var(--line)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;color:var(--muted);font-size:.6875rem;font-weight:600;border-radius:16px}.bottom-nav svg{width:23px;height:23px;stroke-width:1.6}.bottom-nav button[aria-current]{color:var(--accent)}.bottom-nav button[aria-current] svg{stroke-width:2.2}.home-indicator{height:20px;min-height:20px;background:var(--surface);display:grid;place-items:center;z-index:5}.home-indicator:after{content:"";width:104px;height:4px;border-radius:3px;background:var(--ink);opacity:.75}.return-current{position:absolute;bottom:99px;left:50%;transform:translateX(-50%);min-height:48px;padding:0 20px;z-index:8;background:var(--surface);border:1px solid var(--line);border-radius:24px;font-size:.8125rem;color:var(--accent)}.toast{position:absolute;left:18px;right:18px;bottom:99px;padding:14px 16px;background:var(--ink);color:#fff;border-radius:14px;font-size:.8125rem;line-height:1.5;z-index:20}.sheet{position:fixed;inset:auto 0 0;max-width:430px;width:100%;max-height:85dvh;overflow:auto;margin:0 auto;border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;padding:14px 24px max(28px,env(safe-area-inset-bottom));background:var(--surface);color:var(--ink)}.sheet::backdrop{background:rgb(31 43 33 / .24)}.sheet-grip{width:32px;height:4px;margin:0 auto 12px;border-radius:3px;background:var(--line)}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.sheet-heading h2{font-size:1.25rem}.sheet-heading .close-button{margin-right:-10px}.helper,.sheet-hint{font-size:.8125rem;line-height:1.8;color:var(--muted);margin:12px 0 18px}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.activity-grid button{min-height:88px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:.75rem}.activity-grid button:disabled{opacity:.42}.activity-grid button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.character-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.character-options button{min-height:118px;border:1px solid var(--line);border-radius:16px;padding:6px;font-size:.75rem}.character-options button[aria-pressed=true]{border:2px solid var(--accent);background:var(--ground)}.character-options .study-sprite{position:static;margin:0 auto 8px;width:70px;height:70px}.primary-button,.secondary-button{width:100%;min-height:52px;border-radius:14px;margin-top:10px;padding:12px 16px;font-size:.875rem}.primary-button{background:var(--accent);color:#fff;font-weight:700}.secondary-button{border:1px solid var(--line)}.theme-options{display:grid;gap:8px}.theme-options a{min-height:48px;display:flex;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-size:.875rem}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:.875rem}.guide-grid>div{display:flex;gap:10px;align-items:center;min-height:48px}.jump-sprite{position:absolute;width:70px;height:70px;background-size:200% 100%;background-position:100% 0;z-index:10;pointer-events:none}.chapter-marker{position:absolute;left:20px;right:20px;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.6875rem;pointer-events:none}.chapter-marker:after,.chapter-marker:before{content:"";height:1px;background:var(--line);flex:1}.chapter-marker span{white-space:nowrap}.theme-B{--ink:#284433;--muted:#4b634d;--accent:#326645;--ground:#e3efce;--surface:#f7faef;--line:#cad7bb;--path:#eff4dc;--grass:#8fa96d;--flower:#f5d8aa}.theme-B .header{padding-bottom:12px;border:0}.theme-B .course-heading{background:#356447;color:#fff;border-radius:18px;padding:12px 14px;margin:2px -4px 0}.theme-B .course-heading .eyebrow{color:#deeadb}.theme-B .guide-button{border-color:#78957e;border-radius:13px}.theme-B .trail path{stroke-width:62;stroke-dasharray:none;opacity:.78}.theme-B .bottom-nav{margin:0 12px 0;border:1px solid var(--line);border-radius:22px 22px 0 0;padding-top:9px}.theme-B .home-indicator{background:var(--ground)}.theme-B .current-label{color:#326645}.theme-B .flower{width:14px;height:14px;opacity:.8}.theme-B .tuft{opacity:.8}.theme-C{--ink:#29463e;--muted:#52695d;--accent:#326557;--ground:#e7eddf;--surface:#f8faf3;--line:#cbd7c8;--path:#c8d6bf;--grass:#8fa98b;--flower:#eee4bd}.theme-C .header{border:0;padding:0 24px 14px}.theme-C .title-row{min-height:48px}.theme-C .course-heading{border-top:1px solid var(--line);padding-top:10px}.theme-C .course-heading h2{font-size:1.1875rem;font-weight:600}.theme-C .guide-button{border:none}.theme-C .edge-tree{display:block}.theme-C .trail path{stroke-width:2;stroke-dasharray:3 10}.theme-C .bottom-nav{border-radius:24px 24px 0 0;padding-top:12px;border:0}.theme-C .tuft{opacity:.5}.theme-C .current-label{font-size:.6875rem}.fruit-branch{width:72px;height:48px;right:-40px;bottom:10px}.fruit-branch.left{left:-40px}.fruit-0{left:25px;right:auto;top:7px}.fruit-1{left:55px;right:auto;top:-9px}.current:has(.fruit-branch) .current-label{display:none}.current .lesson-symbol{top:20px;transform:scaleY(.7)}@media(min-width:600px){body{display:grid;min-height:100dvh;place-items:center}.app{height:min(900px,100dvh);box-shadow:0 0 0 1px #d7dcd3}}@media(max-height:500px){.statusbar{display:none}.header{padding-bottom:4px}.title-row{display:none}.course-heading{padding-top:4px}.bottom-nav{padding-top:2px}.bottom-nav button{min-height:48px}.home-indicator{height:12px;min-height:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}