#loading-scene{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at 60% 35%,#36594a,#142f2e);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}#loading-scene>span{font-size:10px;letter-spacing:5px;color:#ffce96}#loading-scene>b{font-size:28px;font-weight:300;letter-spacing:8px}#loading-scene>i{width:180px;height:1px;background:linear-gradient(90deg,transparent,#ffcc90,transparent)}#loading-scene>small{font-size:10px;color:#dfeddb99;letter-spacing:2px}
:root{--mint:#ffc37b;--line:#f5ead044;color:#fff9ec;color-scheme:dark}body{background:#234638}
header{top:28px;left:3.5%;right:3.5%}.brand{font-family:inherit;font-size:17px;font-weight:600;letter-spacing:2px}.course{letter-spacing:2px;color:#fff9e2b5}nav button{background:#132c2b24;border:1px solid #fff3d122;border-radius:24px;padding:9px 13px;backdrop-filter:blur(10px)}nav button:hover{background:#172f2ddd}
#shade{background:linear-gradient(90deg,#132f32b8,transparent 58%),linear-gradient(0deg,#10282688,transparent 28%)}#intro{top:23%;left:7%;max-width:530px}#intro .eyebrow{font-size:10px;letter-spacing:3px;color:#fff5d4;display:flex;align-items:center;gap:12px}#intro .eyebrow:before{content:'';width:27px;height:2px;background:#ffc27b}
h1{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(70px,7.8vw,118px);font-weight:700;letter-spacing:-5px;line-height:1.1}h1 span{color:#fff8e9;margin-top:8px}.title-dot{display:inline;color:#ffbb74;margin-left:-14px}.intro-sub{font-size:17px;font-weight:300;line-height:1.9;margin:25px 0;color:#fff3dc;letter-spacing:3px}
.primary{border:0;background:#ffbd78;color:#253d33;border-radius:40px;padding:18px 28px;min-width:228px;font-weight:600;box-shadow:0 7px 30px #071c2a35;transition:transform .25s,background .25s}.primary:hover{background:#ffdaaa;transform:translateY(-2px)}.intro-meta{font-size:10px;color:#fff4db;gap:20px}.indoor{color:#fff3d69c}.inside #shade{background:linear-gradient(0deg,#082c2dba,transparent 42%),linear-gradient(180deg,#15383144,transparent 16%)}
#expedition-mark{position:fixed;right:7%;bottom:13%;width:180px;text-align:center;opacity:.75}#expedition-mark svg{width:100%;fill:none;stroke:#fff6dc;stroke-width:1}.map-trail{stroke:#ffc478!important;stroke-width:2!important;stroke-dasharray:4 4}#expedition-mark span{font-size:9px;letter-spacing:4px}.inside #expedition-mark{display:none}#compass{top:87px;font-size:8px;opacity:.8}.viewfinder{display:none!important}
#route{top:116px;left:3.5%;width:185px}.route-head{font-size:9px;padding-bottom:9px;border-bottom:0}.route-head b{font-size:13px;color:#ffe0ac}#route ol{display:flex;gap:9px;margin:8px 0}#route li{padding:0}#route li span{display:none}#route li b{width:24px;height:24px;font-size:9px;border-color:#fff5d655}#route li.current b{background:#ffc27c;border-color:#ffc27c;box-shadow:0 0 18px #ffc27c40}#route li.passed b{background:#ecf3d6;border-color:#ecf3d6}.journey-track{background:#ffffff22}.journey-track i{background:#ffc37f}#route-caption{font-size:10px;line-height:1.7;color:#fff5debd;max-width:175px}
#task{right:3.5%;top:auto;bottom:10%;width:304px;border-radius:16px;padding:23px;background:linear-gradient(140deg,#173f36e8,#132d2bed);border:1px solid #f3e9c838;box-shadow:0 25px 70px #00222833}#task h2{font-family:inherit;font-weight:600;font-size:25px;letter-spacing:-.7px}#place{margin-top:16px;color:#f5e1bc}#action{color:#ffcc93;font-size:13px}.task-meta{color:#edebd4}.status-dot:before{background:#ffc27b}#timer{color:#fff9e8;font-size:50px;font-weight:300}.timer-row{gap:23px}#task .primary{border-radius:30px;padding:13px 18px}#tips{color:#c5d9c8}#instruction{line-height:1.85}#judgement{letter-spacing:0}#beacon{display:none!important}
#coach-label{left:44%;bottom:22%;font-size:9px;padding:7px 14px;border-radius:20px;background:#173e3666;border-color:#fff5cf44}#travelling{left:6%;bottom:14%}#travel-title{font-family:inherit;font-size:42px;letter-spacing:-1px;font-weight:600}#travel-copy{font-size:13px}#travelling p:first-child{color:#ffc27f}#pause-travel{border-radius:20px;background:#14362c88}
#scene-cue{position:fixed;left:50%;bottom:14%;transform:translateX(-50%);text-align:center;pointer-events:none;white-space:nowrap;text-shadow:0 3px 24px #123c2e}#cue-kicker{font-size:10px;color:#ffd296;letter-spacing:4px}#cue-main{display:block;font-size:clamp(28px,3.5vw,51px);font-weight:600;letter-spacing:5px;margin:7px 0}#cue-sub{font-size:11px;letter-spacing:2px;color:#fff8e0ba}
.exercising #task{left:3.5%;right:auto;bottom:10%;width:215px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0}.exercising #task h2,.exercising #place,.exercising #instruction,.exercising #tips,.exercising #judgement,.exercising #action{display:none}.exercising #task .timer-row{border:0;padding:10px 0;gap:15px;margin:0}.exercising #timer{font-size:68px}.exercising #tempo span{display:none}.exercising #tempo{max-width:75px}.exercising #tempo-text{font-size:10px;line-height:1.7}.exercising .task-meta{font-size:9px}.exercising .task-secondary{gap:14px}.exercising #finish-task{font-size:9px;margin-left:0}.exercising #coach-label{display:none!important}
#trail-readout{position:fixed;right:3.5%;bottom:11%;width:150px;text-align:right}#trail-readout>span{font-size:10px;letter-spacing:2px;color:#f5e5c9}#trail-percent{display:block;font-size:40px;font-weight:300;line-height:1.5;font-variant-numeric:tabular-nums}#trail-percent small{font-size:12px;margin-left:4px}#trail-readout>div{height:2px;background:#fff4d933}#trail-fill{display:block;height:100%;width:0;background:#ffbf7d}#trail-readout>small{display:block;font-size:8px;color:#fff8dc80;margin-top:9px}
#chapter-flash{position:fixed;left:50%;top:34%;transform:translate(-50%,15px);display:flex;align-items:center;gap:22px;pointer-events:none;opacity:0;transition:opacity .7s,transform .7s;text-shadow:0 3px 35px #193d2b}#chapter-flash.show{opacity:1;transform:translate(-50%,0)}#chapter-number{font-size:100px;line-height:1;font-weight:200;color:#ffcc91}#chapter-flash small{font-size:9px;letter-spacing:4px;color:#fff0ce}#chapter-flash strong{display:block;font-size:36px;font-weight:500;letter-spacing:4px;margin-top:10px;white-space:nowrap}
.finished #scene-cue,.finished #trail-readout{display:none!important}#summit{left:6%;top:24%;max-width:540px}#summit h2{font-family:inherit;font-weight:600;font-size:65px;color:#fff7dc;letter-spacing:-2px}.finished #shade{background:linear-gradient(90deg,#183f399c,transparent 65%),linear-gradient(0deg,#193e3777,transparent 25%)}#summit .eyebrow{color:#ffd197}.cooldown{background:#183e36b8;border-radius:12px}.cooldown button,#summit>button{border-radius:22px}#badges span{background:#16382e99;color:#fff0cf;border-color:#ffe4ac44}#badges{gap:7px}.reflection{margin:17px 0}footer{font-size:8px;color:#f5efd4a8;bottom:21px}#toast{border-color:#ffd59a66;border-radius:16px;background:#18382eef}.task-secondary button:hover{color:#ffc27f}
@media(max-height:750px) and (min-width:761px){#intro{top:22%}h1{font-size:88px}.intro-sub{margin:20px 0}#task{top:auto;bottom:9%;padding:19px;width:295px}#task h2{font-size:23px}#place{margin-top:11px}.timer-row{padding:11px 0}#summit{top:22%}#summit h2{font-size:57px}}
@media(max-width:760px){header{top:17px}nav button{padding:7px 9px;font-size:9px}.brand{font-size:14px}#intro{top:26%;left:7%}h1{font-size:72px}#intro .eyebrow{font-size:8px;letter-spacing:2px}.intro-sub{font-size:15px}#expedition-mark{width:100px;right:7%;bottom:11%}#expedition-mark span{font-size:7px;letter-spacing:1px}#route{top:90px;width:180px;left:5%}#route-caption{display:none}#compass{display:none!important}#task{left:5%;right:5%;bottom:8%;width:auto;max-height:46vh;padding:16px 19px}#task h2{font-size:22px}.exercising #task{left:5%;bottom:8%;width:130px}.exercising .timer-row{position:static;text-align:left;padding:9px 0}.exercising #timer{font-size:47px}.exercising .task-meta{font-size:8px;gap:5px}.exercising #finish-task{font-size:8px}.exercising .task-secondary{gap:8px}#scene-cue{bottom:27%;width:90%;white-space:normal}#cue-main{font-size:29px;letter-spacing:2px}#cue-sub{font-size:10px;letter-spacing:0}#trail-readout{right:5%;bottom:9%;width:105px}#trail-readout>small{font-size:7px}#trail-percent{font-size:32px}#chapter-number{font-size:65px}#chapter-flash{gap:13px;top:28%}#chapter-flash strong{font-size:25px}#chapter-flash small{font-size:7px;letter-spacing:2px}#coach-label{bottom:58%;left:50%}#summit{top:21%;left:7%;right:7%}#summit h2{font-size:47px}.reflection{margin:14px 0}#travelling{bottom:17%;left:7%}#travel-title{font-size:33px}}
#summit{transition:opacity 1s,transform 1s}.finished.revealing #summit{opacity:0;transform:translateY(16px);pointer-events:none}.finished.revealing #shade{opacity:.1}