.hill-foreground{position:absolute;inset:0;background-image:url('assets/ground.webp');background-size:auto 280%;background-repeat:no-repeat;z-index:3;pointer-events:none}.hill-world .trail{z-index:4}.hill-foreground,.hill-ground{background:0 0;overflow:hidden}.hill-foreground:before,.hill-ground:before{content:"";position:absolute;left:0;top:0;width:100%;height:280%;background:url('assets/ground.webp') center top/auto 100% no-repeat;transform:translate3d(0,var(--ground-offset,0),0);will-change:transform}.app .header{top:calc(12px + env(safe-area-inset-top,0px));left:14px;right:14px;margin:0;padding:10px 14px;min-height:66px;border-radius:17px;background:#347649;box-shadow:0 2px 0 #245d37;pointer-events:auto}.app .course-heading{gap:12px;padding:0;min-height:44px}.app .course-heading .eyebrow{font-size:11px;font-weight:500;color:#dceccf;letter-spacing:.01em;line-height:1.5}.app .course-heading h2{font-size:16px;font-weight:700;line-height:1.5;color:#fffef5;letter-spacing:-.03em}.app .guide-button{width:48px;height:44px;min-width:48px;margin:0 -4px 0 0;border-radius:12px;background:#ffffff13;color:#fffef5;opacity:1}.app .guide-button svg{width:22px;height:22px;stroke-width:1.7}.unit-picker{position:relative;margin-left:auto;flex-shrink:0}#unit-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:76px;min-height:48px;border:1px solid #ffffff35;border-radius:12px;background:#ffffff14;color:#fffef5;padding:8px 10px;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}#unit-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#unit-toggle .unit-number{font-size:14px;white-space:nowrap}#unit-toggle[aria-expanded=true]{background:#ffffff29}#unit-toggle:focus-visible{outline:2px solid #fff3c8;outline-offset:3px}#unit-toggle:disabled{opacity:.55}#unit-options{position:absolute;right:0;top:56px;width:190px;max-height:min(360px,calc(100dvh - 110px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #cddbc4;background:#fffef8;border-radius:14px;box-shadow:0 8px 24px #203d2a25;z-index:60}#unit-options [role=option]{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:48px;padding:10px 12px;background:0 0;border:0;border-radius:9px;color:#315a39;text-align:left;font-size:14px}#unit-options [role=option] small{font-size:11px;color:#74836c;font-variant-numeric:tabular-nums}#unit-options [aria-selected=true]{background:#e8f0df;font-weight:700}#unit-options [role=option]:focus-visible{outline:2px solid #347649;outline-offset:-2px;background:#eef4e8}.unit-divider{position:absolute;display:flex;align-items:center;justify-content:center;gap:20px;width:320px;height:72px;border:0;padding:0 16px;background:0 0;color:#3d5a37;transform-origin:50% 36px;cursor:pointer;pointer-events:auto}.unit-divider:after,.unit-divider:before{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#57774675)}.unit-divider:after{transform:scaleX(-1)}.unit-divider span{display:block;flex-shrink:0;font-size:14px;font-weight:600;letter-spacing:.015em;line-height:24px;text-shadow:0 1px 1px #f4f4d6}.app .system-icons{font-size:11px}.unit-divider:focus-visible{outline:2px solid #347649;border-radius:24px;outline-offset:-8px}.stump-cluster{position:absolute;width:160px;height:104px}.app .stump-cluster .stump-node{position:absolute;left:0!important;top:0!important;width:160px;height:104px;transform:none!important;z-index:2}.stump-contact{position:absolute;left:22px;top:80px;width:116px;height:13px;border-radius:50%;background:radial-gradient(ellipse,#3e542e4d 8%,#4c633a20 54%,#4c633a00 74%);pointer-events:none;z-index:0}.app .stump-art{z-index:1}.app .current .lesson-symbol,.app .lesson-symbol{left:39px;top:25px;width:82px;height:36px;transform:rotate(-2deg);z-index:2;color:#8b603d}.app .current .lesson-symbol svg,.app .lesson-symbol svg{width:82px;height:36px;stroke:none;fill:currentColor}.lesson-symbol svg{overflow:visible}.engraving-light{fill:#ffedc6;fill-opacity:.8;stroke:none}.engraving-cut{fill:currentColor;fill-opacity:.86;stroke:none}.lesson-mark{fill:currentColor;stroke:none}.app .locked .lesson-symbol{color:#868b80;opacity:.9}.app .current .lesson-symbol,.app .lesson-symbol{left:39px;top:28px;width:82px;height:30px;transform:rotate(-2deg);opacity:1}.app .current .lesson-symbol svg,.app .lesson-symbol svg{width:82px;height:30px;fill:none;stroke-linecap:round;stroke-linejoin:round}.app .engraving-rim{fill:none;stroke:#fff0ca;stroke-width:3.4;stroke-opacity:.9}.app .engraving-groove{fill:none;stroke:#a17b50;stroke-width:2.8;stroke-opacity:.8}.app .locked .engraving-rim{stroke:#f3f1dc;stroke-opacity:.9}.app .locked .engraving-groove{stroke:#7f8477;stroke-opacity:.8;filter:grayscale(1) url(#wood-incision)}.app .lesson-guide{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;width:40px;height:28px}.app .jump-sprite{width:160px;height:160px;left:calc(-1 * var(--foot-x,80px));top:calc(-1 * var(--foot-y,138px));transform-origin:var(--foot-x,80px) var(--foot-y,138px);z-index:200;will-change:transform}.app .path-scroll.is-jumping{overflow:hidden;touch-action:none}.is-jumping .available-label{visibility:hidden}.app .study-sprite.rig{background:0 0;position:relative;width:120px;height:130px;display:block;perspective:250px}.app .current .study-sprite.rig{position:absolute;left:20px;top:-64px;width:120px;height:130px;z-index:4}.app .current .study-sprite.rig{pointer-events:auto;cursor:pointer}.rig-part{position:absolute;display:block;background-image:url('assets/character-parts.webp');background-repeat:no-repeat;aspect-ratio:var(--part-ratio);pointer-events:none}.rig-head{left:10px;top:-4px;width:100px;transform-origin:50% 88%;z-index:3}.character-B .rig-head{top:1px}.character-C .rig-head{top:4px}.rig-body{left:30px;top:64px;width:60px;height:32px;aspect-ratio:auto;z-index:1}.rig-book{left:9px;top:86px;width:102px;height:25px;aspect-ratio:auto;z-index:4;filter:drop-shadow(0 1px .45px #53371e80)}.rig-writing{position:absolute;left:22px;top:73px;width:36px;height:40px;z-index:7;transform-origin:8px 22px}.rig-pencil{left:1px;top:-7px;width:26px;z-index:1}.rig-hand{left:-2px;top:9px;width:24px;z-index:2}.rig-right-hand{left:84px;top:83px;width:23px;z-index:8;transform-origin:80% 75%}.rig-page{position:absolute;left:60px;top:86px;width:49px;height:25px;z-index:6;opacity:0;transform-origin:0 50%;fill:#fff8e8;stroke:#795b3b;stroke-width:1.2;overflow:visible}.rig-page .page-lines{fill:none;stroke:#b7966d;stroke-width:1.8}.app .fruit-branch{position:absolute;width:104px;height:72px;right:-72px;bottom:15px;z-index:1;pointer-events:none}.app .fruit-branch.left{left:-72px;right:auto}.branch-wood{width:104px!important;height:72px!important;overflow:visible}.branch-wood .wood-outline{fill:#b78252;stroke:#795334;stroke-width:1.8;stroke-linejoin:round}.branch-wood .wood-light{fill:none;stroke:#dfb17c;stroke-width:2;stroke-linecap:round}.branch-wood .wood-grain,.branch-wood .wood-twig{fill:none;stroke:#875b38;stroke-width:1.5}.branch-wood .branch-leaf{fill:#89a864;stroke:#617b45;stroke-width:1.4}.app .fruit{position:absolute;display:grid;place-items:center;width:44px;height:44px;border:0;padding:0;background:0 0;pointer-events:auto;z-index:5;overflow:visible}.app .fruit-0{left:24px;top:-4px}.app .fruit-1{left:62px;top:-25px}.app .fruit:before{display:none}.fruit-art{position:relative;display:grid;place-items:center;width:31px;height:32px;border-radius:46% 48% 43% 46%;background:#eeb27a;border:1.8px solid #95653e;color:#fff8e9;box-shadow:inset 2px 2px 0 #ffffff40}.fruit-art:before{content:"";position:absolute;top:-7px;left:15px;width:3px;height:8px;background:#785b35;transform:rotate(14deg);border-radius:2px}.fruit-art:after{content:"";position:absolute;left:18px;top:-6px;width:9px;height:5px;background:#7f9d55;border-radius:90% 10% 90% 10%}.fruit-art[data-kind=wrong]{background:#adc779;border-color:#6d8548}.fruit-art[data-kind=qna]{background:#d7aa75;border-color:#956a43}.app .fruit svg{width:17px;height:17px;stroke-width:2.2}#activity-dialog{position:fixed;inset:auto;bottom:auto;max-height:none;max-width:350px;padding:14px 16px 16px;margin:0;overflow:visible;z-index:35;border-radius:20px;box-shadow:0 8px 24px #29422220}#activity-dialog:before{content:"";position:absolute;top:-8px;left:calc(var(--arrow-x) - 9px);width:18px;height:18px;background:#fffefc;transform:rotate(45deg);border-radius:3px;z-index:-1}.content-view{position:absolute;inset:0;z-index:40;background:#fffef9;color:#29472e;padding:30px 20px 24px;overflow:auto}.content-view header{display:flex;gap:14px;align-items:center;padding:10px 0 20px;border-bottom:1px solid #dfe5d8}.content-back{width:48px;height:48px;flex-shrink:0;font-size:24px;border-radius:50%}.content-view main{padding:28px 0}.content-message{font-size:14px;line-height:1.8;color:#65705d;margin-bottom:30px}.content-supplements{margin-top:36px}.content-supplements>p{font-size:14px;margin-bottom:12px;font-weight:600}.supplement-routes{display:grid;gap:9px}.supplement-routes button{display:flex;align-items:center;gap:14px;padding:12px 16px;min-height:54px;border:1px solid #dce4d3;border-radius:12px;text-align:left;font-size:14px}