*,:after,:before{box-sizing:border-box;margin:0;padding:0}a,body,dd,dl,dt,figcaption,figure,h1,h2,h3,h4,li,p,span,ul{margin:0;padding:0;text-decoration:none;list-style:none;outline:none}button,input,select,textarea{background:unset;border:none;outline:none;-webkit-appearance:none}article,div,figure,picture,section{box-sizing:border-box;margin:0;display:block;padding:0}:root{--clr-bg:#0f1c17;--clr-ink:#f4f1e8;--clr-accent:#ff5fa2;--clr-sub:#ffd166;--clr-white:#fff;--clr-shadow:rgba(10,24,18,.55);--clr-pop-ink:#1f2a1c;--clr-pop-cream:#fffaf0;--clr-pop-yellow:#ffd23f;--clr-pop-pink:#ff4fa3;--clr-pop-orange:#ff8a3d;--clr-pop-sky:#4cb8ff;--clr-pop-green:#36c46a;--clr-pop-purple:#9b6bff;--font-sans:"Noto Sans JP",system-ui,sans-serif;--font-pop:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Noto Sans JP",system-ui,sans-serif;--pop-line:0.3rem;--pop-shadow:0.5rem;--line-rule:0.2rem;--line-thin:0.1rem;--ease-expo:cubic-bezier(0.16,1,0.3,1);--ease-pop:cubic-bezier(0.34,1.56,0.64,1)}body,html{font-size:62.5%}@media(min-width:768px){body,html{font-size:.6944444444vw}}@media(min-width:1440px){body,html{font-size:10px}}@media(max-width:767px){body,html{font-size:2.6666666667vw}}html{background:var(--clr-bg)}body,html{height:100%}body{position:relative;overflow:hidden;font-family:var(--font-sans);font-size:1.6rem;font-weight:400;line-height:1.8;color:var(--clr-ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg,video{width:100%;height:auto;display:block;vertical-align:bottom}.u_vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}@media(min-width:768px){.is_sp{display:none!important}}@media(max-width:767px){.is_pc{display:none!important}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.l_world{position:fixed;inset:0;background:var(--clr-bg)}.l_world_canvas{display:block;width:100%;height:100%;touch-action:none;opacity:0;transition:opacity 1.2s ease}.l_world.is-ready .l_world_canvas{opacity:1}.l_world_fallback{position:absolute;inset:0;display:grid;place-items:center;padding:0 2.4rem;text-align:center;font-size:1.4rem}.c_hud{--hud-top:calc(2.4rem + env(safe-area-inset-top));--hud-right:calc(2.4rem + env(safe-area-inset-right));--hud-bottom:calc(2.4rem + env(safe-area-inset-bottom));--hud-left:calc(2.4rem + env(safe-area-inset-left));position:fixed;inset:0;font-family:var(--font-pop);font-weight:700;color:var(--clr-pop-ink);pointer-events:none}@media(max-width:767px){.c_hud{--hud-top:calc(1.4rem + env(safe-area-inset-top));--hud-right:1.4rem;--hud-bottom:calc(1.4rem + env(safe-area-inset-bottom));--hud-left:1.4rem}}.c_icon{display:block;flex-shrink:0;width:2.4rem;height:2.4rem}.c_hud_title{position:absolute;top:var(--hud-top);left:var(--hud-left);display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1.8rem .8rem 1.2rem;border:var(--pop-line) solid var(--clr-pop-ink);border-radius:99rem;background:var(--clr-pop-yellow);box-shadow:0 var(--pop-shadow) 0 var(--clr-pop-ink);font-size:2rem;font-weight:900;line-height:1;letter-spacing:.04em;transform:rotate(-2deg)}@media(max-width:767px){.c_hud_title{gap:.6rem;padding:.6rem 1.4rem .6rem 1rem;font-size:1.5rem}}.c_hud_title_icon{width:2.6rem;height:2.6rem;color:var(--clr-pop-green)}@media(max-width:767px){.c_hud_title_icon{width:2rem;height:2rem}}.c_hud_sound{border:var(--pop-line) solid var(--clr-pop-ink);background:var(--clr-pop-cream);box-shadow:0 var(--pop-shadow) 0 var(--clr-pop-ink);color:var(--clr-pop-ink);cursor:pointer;pointer-events:auto;transition:transform .18s var(--ease-pop),box-shadow .18s var(--ease-pop),background-color .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(hover:hover){.c_hud_sound:hover{transform:translateY(-.3rem) rotate(-2deg);box-shadow:0 calc(var(--pop-shadow) + .3rem) 0 var(--clr-pop-ink)}}.c_hud_sound:active{transform:translateY(var(--pop-shadow));box-shadow:0 0 0 var(--clr-pop-ink)}.c_hud_sound:focus-visible{outline:.3rem solid var(--clr-pop-sky);outline-offset:.3rem}.c_hud_sound{position:absolute;top:var(--hud-top);right:var(--hud-right);display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:50%}@media(max-width:767px){.c_hud_sound{width:4.8rem;height:4.8rem}}.c_hud_sound .c_icon{width:2.8rem;height:2.8rem}.c_hud_sound.is-on{background:var(--clr-pop-pink);color:var(--clr-pop-cream)}.c_hud_dock{position:absolute;left:50%;bottom:var(--hud-bottom);display:flex;gap:1.2rem;transform:translateX(-50%)}@media(max-width:767px){.c_hud_dock{left:var(--hud-left);right:var(--hud-right);display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.6rem;gap:.6rem;transform:none}}.c_hud_btn{border:var(--pop-line) solid var(--clr-pop-ink);background:var(--clr-pop-cream);box-shadow:0 var(--pop-shadow) 0 var(--clr-pop-ink);color:var(--clr-pop-ink);cursor:pointer;pointer-events:auto;transition:transform .18s var(--ease-pop),box-shadow .18s var(--ease-pop),background-color .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(hover:hover){.c_hud_btn:hover{transform:translateY(-.3rem) rotate(-2deg);box-shadow:0 calc(var(--pop-shadow) + .3rem) 0 var(--clr-pop-ink)}}.c_hud_btn:active{transform:translateY(var(--pop-shadow));box-shadow:0 0 0 var(--clr-pop-ink)}.c_hud_btn:focus-visible{outline:.3rem solid var(--clr-pop-sky);outline-offset:.3rem}.c_hud_btn{--btn-color:var(--clr-pop-green);display:inline-flex;align-items:center;gap:.8rem;padding:.6rem 1.8rem .6rem .6rem;border-radius:99rem;font-family:inherit;font-size:1.6rem;font-weight:900;line-height:1;white-space:nowrap}@media(max-width:767px){.c_hud_btn{flex-direction:column;justify-content:center;gap:.5rem;padding:.6rem .2rem .8rem;border-radius:1.6rem;font-size:1.05rem}}.c_hud_btn[data-id=lookout]{--btn-color:var(--clr-pop-orange)}.c_hud_btn[data-id=river]{--btn-color:var(--clr-pop-sky)}.c_hud_btn[data-id=treetop]{--btn-color:var(--clr-pop-green)}.c_hud_btn[data-id=ridge]{--btn-color:var(--clr-pop-purple)}.c_hud_btn[data-id=walk]{--btn-color:var(--clr-pop-pink)}.c_hud_btn_icon{display:grid;place-items:center;width:4rem;height:4rem;border:var(--pop-line) solid var(--clr-pop-ink);border-radius:50%;background:var(--btn-color);color:var(--clr-pop-cream)}@media(max-width:767px){.c_hud_btn_icon{width:3.6rem;height:3.6rem}}.c_hud_btn_icon .c_icon{width:2.2rem;height:2.2rem}@media(max-width:767px){.c_hud_btn_icon .c_icon{width:2rem;height:2rem}}.c_hud_btn.is-current{background:var(--clr-pop-yellow);animation:c_hud_pop .45s var(--ease-pop)}@keyframes c_hud_pop{0%{transform:scale(.88)}60%{transform:scale(1.08)}to{transform:scale(1)}}.c_stick{position:absolute;left:var(--hud-left);bottom:calc(var(--hud-bottom) + 10.4rem);width:12rem;height:12rem;border:var(--pop-line) solid var(--clr-pop-ink);border-radius:50%;background:rgba(255,250,240,.55);box-shadow:0 var(--pop-shadow) 0 rgba(31,42,28,.45);pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(pointer:fine){.c_stick{display:none}}.c_stick_knob{position:absolute;top:50%;left:50%;width:5.2rem;height:5.2rem;margin:-2.6rem 0 0 -2.6rem;border:var(--pop-line) solid var(--clr-pop-ink);border-radius:50%;background:var(--clr-pop-pink);box-shadow:0 .3rem 0 var(--clr-pop-ink)}.c_keys{position:absolute;left:var(--hud-left);bottom:calc(var(--hud-bottom) + 9.6rem);display:grid;grid-template-areas:". w ." "a s d";grid-gap:.5rem;gap:.5rem;animation:c_keys_fade 5s ease forwards}@media(pointer:coarse){.c_keys{display:none}}.c_keys_key{display:grid;place-items:center;width:4.2rem;height:4.2rem;border:var(--pop-line) solid var(--clr-pop-ink);border-radius:1rem;background:var(--clr-pop-cream);box-shadow:0 .4rem 0 var(--clr-pop-ink);font-size:1.6rem;font-weight:900;line-height:1}.c_keys_key[data-key=w]{grid-area:w}.c_keys_key[data-key=a]{grid-area:a}.c_keys_key[data-key=s]{grid-area:s}.c_keys_key[data-key=d]{grid-area:d}@keyframes c_keys_fade{0%,70%{opacity:1}to{opacity:0;visibility:hidden}}.c_notice{position:fixed;inset:0;display:grid;place-items:center;padding:0 2.4rem;text-align:center;font-size:1.4rem}.c_loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 calc(3.2rem + env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 40%,#1b3327 0,var(--clr-bg) 70%);font-family:var(--font-pop);font-weight:700;transition:opacity 1.2s ease}@media(max-width:767px){.c_loading{padding:0 2.4rem}}.c_loading.is-done{opacity:0;pointer-events:none}.c_loading_title{font-size:2.8rem;font-weight:900;line-height:1.3;letter-spacing:.06em;color:var(--clr-pop-yellow)}.c_loading_sub{margin-top:.6rem;font-size:1.2rem;letter-spacing:.14em;opacity:.7}.c_loading_steps{margin-top:3.2rem;max-width:36rem}.c_loading_step{display:flex;align-items:baseline;gap:1.2rem;margin-top:.8rem;font-size:1.4rem;line-height:1.5;opacity:.35;transition:opacity .3s ease}.c_loading_step.is-active{opacity:.85}.c_loading_step.is-done{opacity:1}.c_loading_num{font-size:1rem;letter-spacing:.16em;opacity:.7}.c_loading_state{margin-left:auto;font-size:1.2rem;letter-spacing:.12em;color:var(--clr-pop-yellow)}.c_loading_bar{margin-top:2.4rem;max-width:36rem;height:.8rem;overflow:hidden;border-radius:99rem;background:hsla(45,35%,93%,.18)}.c_loading_bar_fill{display:block;height:100%;border-radius:99rem;background:linear-gradient(90deg,var(--clr-pop-pink),var(--clr-pop-yellow));transition:width .4s ease}