:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#284737;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#e4ead8}#app,#forest{position:absolute;width:100%;height:100%;inset:0}#forest{display:block;touch-action:none;outline:none}header{position:absolute;inset:34px 38px auto;display:flex;justify-content:space-between;gap:20px;pointer-events:none}.brand{padding:23px 28px 25px;background:#faf9efeb;border:1px solid #ffffffa8;border-radius:3px;box-shadow:0 6px 40px #29472e0b}.eyebrow{font-size:10px;letter-spacing:.22em;color:#63775c}h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:29px;font-weight:500;letter-spacing:.13em;margin:12px 0} .brand p{font-size:11px;letter-spacing:.12em;margin:0;color:#64745e}.top-actions{display:flex;align-items:start;gap:9px;pointer-events:auto}button,select{font:inherit;color:inherit;cursor:pointer}button{border:1px solid #fff9;background:#faf9efef;border-radius:30px;padding:12px 17px;transition:background .2s,transform .2s;font-size:12px}button:hover{background:#fff;transform:translateY(-1px)}button:focus-visible,select:focus-visible{outline:3px solid #507349;outline-offset:4px}#sound[aria-pressed=true]{background:#dfe9c9} .place{position:absolute;bottom:42px;left:38px;font-size:12px;letter-spacing:.06em;background:#faf9efe6;padding:13px 17px;border-radius:3px}.place p{font-size:8px;letter-spacing:.13em;margin:9px 0 0;color:#6e7d65}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#758d43;margin-right:7px}.divider{margin:0 7px;color:#a4ac96}.bottom{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);text-align:center}.transport{display:flex;align-items:center;gap:20px;border:1px solid #ffffffaa;background:#faf9eff2;padding:12px 15px;border-radius:8px;box-shadow:0 8px 35px #1c331922}.play{background:#3b5f45;color:#fff;border:0;min-width:135px;border-radius:4px;padding:15px}.play:hover{background:#4a7253}.control{text-align:left;border-right:1px solid #dce0d3;padding-right:18px}.control label{display:block;font-size:9px;letter-spacing:.09em;color:#738069;margin-bottom:5px}select{border:0;background:transparent;font-size:12px;max-width:100px}.icon{font-size:24px;padding:4px 7px;border:0;background:transparent}#hint{display:inline-block;background:#faf9efdc;padding:5px 12px;border-radius:20px;font-size:10px;letter-spacing:.07em;margin:12px 0 0}.map{position:absolute;right:38px;bottom:42px;background:#faf9efed;width:159px;padding:15px;border-radius:4px}.map-head,.map-footer{display:flex;justify-content:space-between;font-size:10px}.map-head{margin-bottom:4px}.map-footer{color:#7d8975;font-size:8px}svg{width:100%;height:105px}svg path{stroke:#a8b591;stroke-width:2;fill:none;stroke-dasharray:3 3}svg circle{fill:#486a45;stroke:#fff;stroke-width:2}#guide{position:absolute;right:38px;top:90px;width:310px;background:#fbfaeff7;padding:24px;border-radius:5px;z-index:3;box-shadow:0 10px 40px #203c2422}#guide h2{font-size:14px;margin-top:0}#guide p{font-size:12px;line-height:2}#guide .small{font-size:10px;color:#78836c}#loading{position:absolute;inset:0;z-index:9;background:#f4f4e9;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:13px;letter-spacing:.15em}.leaf{font-size:45px;color:#758b54}#restore{position:absolute;right:22px;top:22px;opacity:.8}#forward{display:none;position:absolute;right:20px;bottom:180px;border-radius:50%;width:66px;height:66px;font-size:24px;touch-action:none}#forward span{display:block;font-size:9px}#toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#faf9efe8;padding:12px 20px;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s}.immersive .ui,.immersive #guide{display:none!important}[hidden]{display:none!important}@media(max-width:1000px){.place{bottom:155px;left:22px}.map{bottom:155px;right:22px;width:120px}.map svg{height:75px}header{inset:22px}.top-actions{gap:6px}.top-actions button{padding:11px}.top-actions #hide span{display:none}}@media(max-width:600px){header{inset:16px;display:block}.brand{width:245px;padding:18px 20px}h1{font-size:23px}.brand p{font-size:10px}.top-actions{margin-top:12px}.top-actions button{font-size:10px;padding:9px 12px}.bottom{width:calc(100% - 26px);bottom:16px}.transport{gap:10px;padding:10px;justify-content:center}.play{min-width:112px;font-size:11px;padding:14px 10px}.control{padding-right:8px}.control label{font-size:8px}select{font-size:11px;max-width:77px}.icon{font-size:23px}.place{left:16px;bottom:132px;font-size:10px;padding:10px}.place p{font-size:6px}.map{right:16px;bottom:265px;width:102px;padding:10px}.map svg{height:64px}.map-footer span{font-size:6px}#forward{display:block}#guide{top:230px;left:16px;right:16px;width:auto;max-height:50vh;overflow:auto}#hint{font-size:9px}}
@media(max-width:600px){h1{font-size:20px;letter-spacing:.06em;white-space:nowrap}.brand{width:258px}.transport{gap:8px}.control{padding-right:6px}.icon{padding:4px}.play{min-width:104px}}

#wind[aria-pressed=true]{background:#e3ecd4}.top-actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){.top-actions{justify-content:flex-start;gap:5px}.top-actions button{padding:9px 10px}}