@font-face{font-family:Dancing;src:url('assets/dancing-script.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:ZenMaru;src:url('assets/zen-maru-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:ZenMaru;src:url('assets/zen-maru-regular.ttf') format('truetype');font-weight:400;font-display:swap}
.trail-walker{position:absolute;z-index:5;width:49px;height:75px;object-fit:contain;top:72px;pointer-events:none;filter:drop-shadow(0 3px 2px #28573d50)}
h1,h2,h3,.brand,.btn,.mission strong,.spot-card strong,.speech,.little-note{font-family:ZenMaru,'Hiragino Maru Gothic ProN','Yu Gothic',sans-serif;font-weight:700}
:root{--ink:#28573d;--green:#167445;--cream:#fffbee;--gold:#dfc485;--yellow:#ffe24d;--muted:#65765f}
*{box-sizing:border-box}html{background:#e8f0dc;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:ZenMaru,'Hiragino Maru Gothic ProN','Yu Gothic',Meiryo,sans-serif;line-height:1.75;font-size:15px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e78623;outline-offset:5px}button:disabled{cursor:default;opacity:.6}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5;text-wrap:balance}h1{font-size:25px;letter-spacing:.03em}h2{font-size:22px}h3{font-size:17px}p+p{margin-top:14px}.app-shell{max-width:430px;margin:0 auto;background:#e5f2c9;min-height:100svh;box-shadow:0 0 70px #1d492d20;overflow:hidden}.brand{height:82px;padding:9px 12px;background:#ebf7d1}.brand button{display:flex;flex-direction:column;text-align:left;width:100%;height:64px;border:2px solid #d1b75d;border-radius:15px;padding:7px 16px;background:#167445;color:white;box-shadow:0 2px 0 #b3c590}.brand strong{font-size:16px}.brand span{font-size:11px;color:#f9eab8}.page{min-height:730px;padding:26px 24px 30px;background:url('assets/forest.png') center top/100% auto repeat-y;animation:arrive .25s ease-out}.hero{min-height:168px;position:relative;margin-bottom:22px;display:flex;align-items:flex-start}.hero-copy{background:#fffbeaef;border-radius:21px;padding:16px;width:68%;position:relative;z-index:1;box-shadow:0 2px 0 #a0ad6226}.eyebrow{display:block;font-size:11px;font-weight:bold;letter-spacing:.06em;color:#99732e;margin-bottom:8px}.hero-copy p{font-size:12px;line-height:1.65;margin-top:8px}.mascot{width:34%;height:174px;object-fit:contain;position:absolute;right:-9px;bottom:-3px;filter:drop-shadow(0 6px 3px #405e3520);animation:walk 3.6s ease-in-out infinite}.paper{padding:23px;background:var(--cream);border:2px solid var(--gold);border-radius:25px;box-shadow:0 5px 0 #b18f4460,0 9px 24px #2f4e2920;margin-bottom:20px}.paper>p{margin-top:14px}.paper .eyebrow{margin-bottom:12px}.btn{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;width:100%;min-height:56px;background:var(--yellow);border:2px solid #fff9dc;border-radius:19px;font-weight:bold;font-size:16px;color:#614411;box-shadow:0 4px 0 #c4a546;text-decoration:none;padding:12px 15px;margin-top:15px;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:none}.btn.green{background:var(--green);color:white;box-shadow:0 4px 0 #0b4e31}.btn.secondary{background:#fffbee;color:var(--ink);border:1.5px solid #bbcbab;box-shadow:0 3px 0 #b7c59b}.text-button{border:0;background:#fffbeeef;text-decoration:underline;text-underline-offset:4px;padding:12px 14px;border-radius:14px;font-size:13px;width:100%;margin-top:12px}.hint{font-size:12px;color:var(--muted);line-height:1.7}.ribbon{padding:9px 13px;background:#f1e9d5;border-radius:10px;text-align:center;font-size:12px;font-weight:bold;color:#826029;margin-top:17px}.welcome .hero{min-height:166px}.welcome .hero-copy{width:67%}.welcome .mascot{height:178px}.speech{background:#fffbea;padding:12px 16px;border-radius:18px;width:84%;font-weight:bold;font-size:14px;margin:4px 0 28px}.welcome>.btn{margin-top:27px}.little-note{text-align:center;background:#fffbeaef;border-radius:15px;padding:12px;margin-top:20px;font-size:12px;font-weight:bold}.progress{background:#fffbecf5;border-radius:18px;padding:14px 17px;margin-bottom:21px}.progress-label{display:flex;justify-content:space-between;font-size:12px;font-weight:bold}.progress-track{height:9px;background:#e7e5d0;border-radius:20px;overflow:hidden;margin-top:9px}.progress-fill{height:100%;background:linear-gradient(90deg,#80bd50,#167445);border-radius:20px;transition:width .4s}.mission{width:100%;display:flex;text-align:left;gap:14px;align-items:center;border:2px solid #d9bd7e;border-radius:22px;padding:17px;background:var(--cream);margin:14px 0;box-shadow:0 4px 0 #b69b5c75}.mission-number{width:42px;height:42px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#ffe24d;font-size:19px;font-weight:bold}.mission small{display:block;color:#a17635;font-size:10px;letter-spacing:.06em}.mission strong{font-size:17px;display:block}.mission .status{font-size:12px;color:#718168}.mission.done{border-color:#61aa63}.mission.done .mission-number{background:var(--green);color:white}.mission .arrow{margin-left:auto}.map-page{padding-left:15px;padding-right:15px}.map-page>.hero,.map-page>.progress{margin-left:9px;margin-right:9px}.map-help{text-align:center;font-size:12px;background:#fffbeced;border-radius:12px;padding:9px;margin:0 9px 14px}.trail{position:relative;padding:10px 0}.spot{position:relative;display:flex;align-items:center;gap:5px;min-height:147px;width:100%;padding:12px 0}.spot:nth-child(even){flex-direction:row-reverse}.mushroom-button{flex:0 0 104px;width:104px;height:114px;padding:0;border:0;background:none;position:relative}.mushroom{display:block;background-image:url('assets/mushrooms.png');background-size:400% 200%;width:100%;height:100%;filter:drop-shadow(0 5px 2px #30552930)}.mush-0{background-position:0 0}.mush-1{background-position:33.333% 0}.mush-2{background-position:66.666% 0}.mush-3{background-position:100% 0}.mush-4{background-position:0 100%}.mush-5{background-position:33.333% 100%}.mush-6{background-position:66.666% 100%}.mush-7{background-position:100% 0;filter:grayscale(.6) brightness(.8)}.number{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:3px solid white;background:#fb852a;color:white;border-radius:50%;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:15px;line-height:1;font-variant-numeric:tabular-nums;z-index:2}.clear{position:absolute;left:0;top:58%;width:100%;text-align:center;font-family:Dancing,'Brush Script MT',cursive;font-weight:700;font-size:34px;line-height:1.2;transform:translateY(-50%) rotate(-12deg);color:#147644;-webkit-text-stroke:3px white;paint-order:stroke fill;filter:drop-shadow(0 2px 1px #36683360);z-index:3;pointer-events:none}.spot-card{border:2px solid #e1c68c;border-radius:19px;background:#fffdf4;padding:12px 11px;text-align:left;flex:1;box-shadow:0 4px 0 #b49d6875;min-height:98px}.spot-card strong{display:block;font-size:16px;letter-spacing:-.03em}.spot-card small{font-size:11px;line-height:1.5;display:block;margin:4px 0}.spot-card span{color:#168150;font-size:11px;font-weight:bold}.secret{background:#174f3ceb;color:#fff9de;border:2px solid #bdad57;border-radius:24px;padding:21px;text-align:center;margin:16px 8px 24px}.secret .eyebrow{color:#ffe24d}.secret .mushroom-button{display:block;margin:12px auto 0}.secret h2{font-size:21px}.secret p{font-size:12px}.detail-art{width:135px;height:135px;margin:-8px auto 10px;position:relative}.detail-art .clear{top:58%;font-size:43px}.detail-title{text-align:center;font-size:23px}.pill{font-size:11px;border-radius:20px;background:#e8eedf;padding:4px 12px;display:table;margin:10px auto}.steps{padding-left:22px}.steps li{padding:5px 0;font-size:14px}.letter h2{font-size:23px;line-height:1.85;margin:16px 0}.letter p{font-size:14px;line-height:1.95}.letter .signature{font-weight:bold;font-size:18px}.goals-list{list-style:none;padding:0;margin:15px 0}.goals-list li{display:flex;gap:10px;border-bottom:1px solid #e5dcc2;padding:14px 0;font-size:14px}.goals-list li:before{content:'✓';width:23px;height:23px;border-radius:50%;color:white;background:#b99d52;flex-shrink:0;display:grid;place-items:center}.quiz-dots{display:flex;gap:7px;margin-bottom:20px}.quiz-dots span{height:8px;flex:1;background:#e1e6d3;border-radius:8px}.quiz-dots .active{background:#f2b741}.quiz-dots .done{background:#409c65}.answer{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:14px 12px;border:2px solid #dbe2c5;background:white;border-radius:16px;min-height:66px;margin-top:14px;font-size:14px}.answer b{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#f4eedc;color:#947538}.answer:hover{border-color:#38a26d}.answer.correct{background:#e3f3dc;border-color:#38a26d}.answer.wrong{background:#fff0e4;border-color:#eaae76}.feedback{margin-top:20px;background:#eaf2dc;padding:17px;border-radius:15px}.feedback p{font-size:13px;margin-top:9px}.feedback.bad{background:#fff0dc}.celebrate{text-align:center}.celebrate .script{font-family:Dancing,'Brush Script MT',cursive;font-size:51px;color:var(--green);line-height:1.4}.celebrate h2{font-size:20px}.celebrate p{font-size:14px}.return-note{background:#e8f1d9;border-radius:17px;padding:18px;margin:22px 0;text-align:left}.return-note strong{display:block;font-size:16px;margin-bottom:8px}.return-note p{font-size:13px}.party{display:flex;justify-content:center;align-items:flex-end;height:115px;margin:16px 0}.party img{height:100%;max-width:31%;object-fit:contain}.party img:nth-child(2){height:112%;margin:0 8px}.allclear .paper{position:relative;overflow:hidden}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;width:7px;height:12px;top:-20px;animation:fall 3.5s ease-in infinite}.site-footer{text-align:center;padding:24px 20px 30px;background:#eef4df;font-size:11px;color:#78836a}.site-footer span{display:block}.site-footer button{background:none;border:0;font-size:10px;color:#758065;padding:15px;text-decoration:underline}dialog{max-width:350px;width:90%;border:2px solid var(--gold);border-radius:22px;padding:24px;background:var(--cream);color:var(--ink)}dialog h2{font-size:20px}dialog p{font-size:14px;margin:15px 0}dialog::backdrop{background:#16392299}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.desktop-note{display:none}@keyframes walk{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}@keyframes arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes fall{to{transform:translate(30px,660px) rotate(300deg)}}@media(min-width:950px){body{padding:28px 8vw 28px 48%}.app-shell{border-radius:28px;border:5px solid #fff9e4}.desktop-note{display:block;position:fixed;left:9vw;top:18vh;width:29vw}.desktop-note>span{font-size:13px;letter-spacing:.12em}.desktop-note strong{display:block;font-size:36px;line-height:1.6;margin:25px 0}.desktop-note p{font-size:15px;color:#688366}.desktop-friends{position:relative;width:100%;height:250px;margin-top:26px}.desktop-note .desktop-friends img{position:absolute;margin:0;object-fit:contain;filter:drop-shadow(0 5px 3px #28573d15)}.desktop-friends .friend-carrot{left:0;bottom:8px;width:24%;height:155px}.desktop-friends .friend-king{left:17%;top:0;width:31%;height:150px}.desktop-friends .friend-potato{right:0;bottom:8px;width:29%;height:150px}.desktop-friends .friend-hooba{left:50%;bottom:0;transform:translateX(-50%);width:42%;height:200px;z-index:2}}@media(max-width:359px){.page{padding:20px 16px}.hero-copy{padding:12px}h1{font-size:22px}.spot-card strong{font-size:14px}.mushroom-button{flex-basis:90px;width:90px;height:100px}.paper{padding:19px}.spot-card{padding:10px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.number>span{display:block;line-height:1;transform:translateY(-.5px)}
.little-note+.btn{margin-top:16px}