:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#f4f7ed;background:#193c35;color-scheme:dark;--mint:#c8f28d;--ink:#12372e;--line:#d7efd03b}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #d7f798;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}#world,#camera-feed,#shade{position:fixed;inset:0;width:100%;height:100%}#camera-feed{object-fit:cover;display:none;background:#152f29}canvas{display:block;width:100%;height:100%;touch-action:none}#shade{pointer-events:none;background:linear-gradient(90deg,#071d24ad,transparent 70%),linear-gradient(0deg,#0a292466,transparent 25%);transition:opacity 1s}header{position:fixed;top:26px;left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:10;filter:drop-shadow(0 1px 5px #13342f)}.brand{font-family:"Songti SC",serif;font-size:21px;letter-spacing:3px;color:#fffbe7;text-decoration:none;white-space:nowrap}.course{font-size:10px;letter-spacing:3px;color:#e2ede2}nav{display:flex;gap:5px}nav button{border:0;background:#112f2d21;font-size:11px;padding:10px 12px;border-radius:3px}nav button:hover,nav button[aria-pressed=true]{background:#163e3466}#intro{position:fixed;top:26%;left:8%;max-width:600px}.eyebrow{font-size:11px;letter-spacing:5px;color:#dcf1c5;margin:0 0 27px}h1{font-family:"Songti SC","STSong",serif;font-weight:400;font-size:clamp(55px,6vw,90px);line-height:1.14;letter-spacing:-1px;margin:0}h1 span{display:block;color:#dcf3a4;margin-top:8px}.intro-sub{font-size:16px;line-height:2;margin:26px 0 30px;color:#e0e9e0}.primary{border:1px solid #dcf6b0;background:#d0efa0;color:#193c2c;padding:18px 22px;border-radius:3px;text-align:left;font-size:14px;min-width:230px;box-shadow:0 10px 35px #172a2530;letter-spacing:1px;transition:background .2s}.primary:hover{background:#e4ffc1}.primary span{float:right}.intro-meta{display:flex;gap:24px;font-size:10px;letter-spacing:1px;color:#d3e2d0;margin-top:23px}.indoor{font-size:10px;color:#bed0c4;margin-top:16px}#compass{position:fixed;top:94px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:18px;font-size:9px;letter-spacing:3px;color:#f4f6e4;text-shadow:0 1px 7px #15382d}#compass i{height:1px;width:30px;background:#f4f7e58c}#compass b{font-weight:400}.inside #compass{display:flex}.inside #intro{display:none}.inside #shade{background:linear-gradient(270deg,#102f3199,transparent 45%),linear-gradient(0deg,#092a3155,transparent 30%)}#route{position:fixed;top:24%;left:4%;width:168px;text-shadow:0 1px 8px #153b2e}.route-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:15px}.route-head b{font-size:18px;color:#e7f9bb;letter-spacing:1px}#route ol{list-style:none;margin:14px 0;padding:0}#route li{display:flex;align-items:center;gap:12px;padding:13px 0;color:#d4e2d3;font-size:11px;letter-spacing:1px}#route li b{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #deecda5e;border-radius:50%;font-size:9px;font-weight:400}#route li.current{color:#fff}#route li.current b{background:#d3edac;color:#224831;border-color:#d3edac;box-shadow:0 0 20px #d3edac55}#route li.passed b{background:#9bcf8c;color:#153627;border-color:#9bcf8c}.journey-track{height:2px;background:#d1e2cc36}.journey-track i{display:block;height:2px;background:#d7f9b0;width:0;transition:width .5s}#route-caption{font-size:9px;color:#d6e4d2;line-height:1.7;margin-top:17px}#task{position:fixed;right:4%;top:23%;width:318px;padding:23px 24px 18px;border:1px solid #d6eed43b;border-radius:8px;background:linear-gradient(140deg,#143d36dd,#102e2cbd);backdrop-filter:blur(16px);box-shadow:0 20px 55px #0a272d27}.task-meta{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#c7e0c7}.status-dot:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#c9f495;margin-right:5px}#place{font-size:10px;letter-spacing:1px;color:#c3d9c4;margin:22px 0 10px}#task h2{font-family:"Songti SC",serif;font-size:27px;line-height:1.3;font-weight:400;margin:0 0 12px}#action{font-size:12px;color:#ddf0be;letter-spacing:1px;margin:0}.timer-row{display:flex;align-items:center;gap:26px;padding:16px 0 13px;margin-top:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#timer{font-size:48px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;color:#eefbd6}#timer span{font-size:10px;color:#c1d6be;margin-left:6px}#tempo{position:relative;padding-left:16px;font-size:9px;color:#acc9b7}#tempo b{display:block;margin-top:6px;font-size:12px;font-weight:400;color:#e0edc8}#tempo i{position:absolute;left:0;top:6px;width:5px;height:5px;background:#d9f6ab;border-radius:50%;box-shadow:0 0 12px #e2ffa8}#tempo.beat i{transform:scale(1.7)}#instruction{font-size:12px;line-height:1.85;color:#e1eadc;margin:14px 0}#tips{padding:0;margin:0 0 15px;list-style:none;display:grid;gap:5px;font-size:10px;color:#b9d0ba}#tips li:before{content:'·';margin-right:7px;color:#e6f8b9}#task .primary{width:100%;min-width:0;padding:14px 16px;font-size:12px}.task-secondary{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.task-secondary button{border:0;background:none;padding:0;font-size:10px;color:#dfeccb;line-height:1.8}#finish-task{margin-left:auto}#judgement{display:block;font-size:8px;color:#93b5a0;margin-top:10px;text-align:right;letter-spacing:1px}#beacon{position:fixed;top:32%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 2px 15px #0d3027;display:none}#beacon span{display:block;font-size:11px;letter-spacing:2px;padding:10px 15px;border:1px solid #e0f2b966;border-radius:3px;background:#20463799}#beacon b{display:block;color:#e5fab4;font-size:23px;font-weight:300}.inside #beacon{display:block}#coach-label{position:fixed;left:50%;bottom:17%;transform:translateX(-50%);background:#153d3299;border:1px solid #d5ebbd55;border-radius:20px;padding:9px 17px;letter-spacing:2px;font-size:10px;color:#e7f8cd;white-space:nowrap}#coach-label i{display:inline-block;width:5px;height:5px;background:#d0ec9d;border-radius:50%;margin-right:9px}#travelling{position:fixed;left:8%;bottom:15%;pointer-events:none;text-shadow:0 2px 20px #0d3836}#travelling p:first-child{font-size:10px;letter-spacing:5px;color:#dff4c6}#travel-title{font-family:"Songti SC",serif;font-size:42px;font-weight:400;margin:12px 0}#travel-copy{font-size:12px;color:#e0ead6}#pause-travel{pointer-events:auto;border:1px solid var(--line);border-radius:3px;background:#183f3388;padding:9px 15px;font-size:10px;margin-top:12px}#toast{position:fixed;left:50%;bottom:7%;transform:translateX(-50%) translateY(8px);background:#0c3027e8;border:1px solid #dff1ad66;border-radius:30px;padding:12px 24px;font-size:12px;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;z-index:50;max-width:85%;text-align:center}#toast.show{opacity:1;transform:translateX(-50%)}footer{position:fixed;bottom:23px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#ebf3e2;pointer-events:none;text-shadow:0 1px 8px #123c32}.viewfinder{display:none;position:fixed;inset:16% 29% 13% 22%;pointer-events:none;z-index:4}.inside .viewfinder{display:block}.viewfinder i{position:absolute;width:26px;height:26px;border:1px solid #e8f8db55}.viewfinder i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.viewfinder i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.viewfinder i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.viewfinder i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}#summit{position:fixed;left:8%;top:23%;max-width:610px;text-shadow:0 2px 25px #193e32}#summit h2{font-family:"Songti SC",serif;font-size:clamp(45px,5vw,74px);font-weight:400;color:#f1ffcd;margin:0 0 12px}#summit>p:not(.eyebrow){font-size:14px;color:#ecf3df}#badges{display:flex;gap:12px;margin:23px 0}#badges span{font-size:10px;letter-spacing:1px;background:#184835bc;border:1px solid #c1e3a570;border-radius:24px;padding:11px 15px;color:#ecffd0}#badges span:before{content:'✓ ';color:#d2ff98}.cooldown{padding:17px 20px;background:#1d453bc9;border:1px solid var(--line);border-radius:5px;max-width:430px}.cooldown>span,.reflection>span{font-size:10px;letter-spacing:2px;color:#cee7b9}.cooldown>b{float:right;font-size:12px;color:#e3f9bb}.cooldown p,.reflection p{font-size:12px;color:#ebf1db}.cooldown button,#summit>button{background:#d9f2b5;color:#1f4431;border:0;border-radius:3px;padding:10px 16px;font-size:11px}.reflection{margin:23px 0}.reflection p{margin:8px 0}#summit>button{background:#214c3fc4;border:1px solid #d6edb666;color:#e7f5d3;margin-right:9px}.finished #route,.finished #task,.finished #beacon,.finished #coach-label,.finished #compass,.finished .viewfinder{display:none!important}.finished #shade{background:linear-gradient(90deg,#103e30bb,transparent 78%)}.view-only #summit{display:none}.view-only #shade{opacity:.1}dialog{width:min(450px,90vw);max-height:85vh;overflow:auto;background:#153a31;color:#eef4df;border:1px solid #98bd8e77;border-radius:12px;padding:26px;box-shadow:0 30px 130px #0008}dialog::backdrop{background:#071e2799;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0;font-weight:400;font-size:23px}.dialog-head button{font-size:25px;background:none;border:0}dialog p{font-size:12px;line-height:1.8;color:#c4d6bd}dialog label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin:18px 0}select{border:1px solid #cde5bb55;background:#244a3c;padding:8px;color:#eef5de;border-radius:3px;max-width:205px}dialog .check{justify-content:flex-start}dialog input{accent-color:#b1d787}dialog details{margin-top:20px}dialog summary{font-size:11px;color:#c7dcb8;cursor:pointer}.jump-list{display:grid;gap:8px;margin:23px 0}.jump-list button,#reset-lesson{background:#31543e;border:1px solid #bbdba233;border-radius:4px;color:#edf5dc;font-size:12px;padding:12px;text-align:left}#reset-lesson{width:100%;background:#3c4932}#error{position:fixed;inset:35% 15%;background:#153b31e8;z-index:100;padding:35px;line-height:1.8}body.ar #camera-feed{display:block}body.ar #world{clip-path:inset(14% 25% 11% 20% round 22px);box-shadow:0 0 60px #0006}body.ar #shade{background:linear-gradient(90deg,#0d2c2566,transparent 55%,#0d2c2555)}[hidden]{display:none!important}
@media(max-height:750px) and (min-width:761px){#task{top:19%;padding:18px 22px;width:300px}#place{margin-top:15px}#task h2{font-size:24px}.timer-row{padding:12px 0}#timer{font-size:39px}#instruction{font-size:11px;margin:10px 0}#tips{font-size:9px;margin-bottom:12px}#summit{top:19%}.reflection{margin:14px 0}#badges{margin:17px 0}}
@media(max-width:760px){header{top:17px;left:5%;right:5%;gap:5px}.brand{font-size:16px;letter-spacing:1px}.course{display:none}nav{gap:0}nav button{font-size:10px;padding:8px}#fullscreen{display:none}#intro{top:25%;left:8%;right:6%}h1{font-size:58px}.intro-sub{font-size:14px}.eyebrow{font-size:10px;letter-spacing:3px}.intro-meta{gap:15px;font-size:9px}#compass{top:74px;gap:8px;white-space:nowrap;font-size:8px}#route{top:110px;left:6%;right:6%;width:auto}.route-head{border:0;padding:0;font-size:9px}.route-head b{font-size:14px}#route ol{display:flex;justify-content:space-between;margin:8px 0}#route li{padding:0;font-size:0;gap:0}#route li b{font-size:9px;width:22px;height:22px}#route-caption{display:none}#task{right:5%;left:5%;top:auto;bottom:8%;width:auto;padding:15px 18px;max-height:49vh;overflow:auto;background:#143b32e8}#task h2{font-size:23px;margin-bottom:8px}#place{font-size:9px;margin:10px 0 5px}#action{font-size:11px}.timer-row{position:absolute;right:18px;top:39px;display:block;border:0;margin:0;padding:0;text-align:right}#timer{font-size:33px}#tempo{display:none}#instruction{font-size:11px;margin:11px 0 9px;max-width:90%;line-height:1.75}#tips{display:flex;flex-wrap:wrap;gap:4px 9px;font-size:9px;margin-bottom:10px}#tips li:last-child{display:none}#task .primary{padding:12px 15px}.task-secondary{margin-top:8px}#judgement{display:none}#coach-label{bottom:57%;font-size:9px;padding:7px 12px}#beacon span{font-size:9px}footer{bottom:15px;font-size:8px;letter-spacing:0;left:5%;right:5%}footer span:last-child{max-width:40%;text-align:right}.viewfinder{inset:25% 6% 53%}#travelling{left:8%;bottom:17%}#travel-title{font-size:35px}#summit{left:7%;right:7%;top:21%;max-height:69vh;overflow:auto}#summit h2{font-size:45px}#summit>p:not(.eyebrow){font-size:12px}#badges{gap:6px;flex-wrap:wrap;margin:18px 0}#badges span{font-size:9px;padding:8px 10px}.cooldown{padding:15px}.reflection{margin:16px 0}.reflection p{font-size:11px}body.ar #world{clip-path:inset(22% 3% 49% round 15px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#duration{padding:0;border:0;margin:24px 0}#duration legend{font-size:12px;margin-bottom:12px}.duration-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.duration-options button{padding:12px 4px;background:#244a3c;border:1px solid #cde5bb44;border-radius:3px;font-size:11px;color:#e4efd3}.duration-options button[aria-pressed=true]{background:#d1eaae;color:#24462e}