@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#173b3e;background:#bfd5d3;font-synthesis:none;--ink:#173b3e;--paper:#f3f4e9;--accent:#cef09d}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}button:focus-visible,a:focus-visible{outline:2px solid #4b877b;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}#app,#scene{position:absolute;inset:0}#scene{touch-action:none;outline:none}#scene canvas{display:block;width:100%;height:100%}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(228,239,225,.92),rgba(232,239,224,.34) 33%,transparent 56%),linear-gradient(0deg,rgba(224,234,218,.8),transparent 19%);transition:opacity .8s}body.exploring .vignette{opacity:.25}header{position:absolute;top:0;left:0;right:0;padding:27px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:18px;letter-spacing:.2em;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:.18em;font-weight:500;margin-top:5px}.brand-symbol{width:43px;height:43px;background:var(--ink);color:var(--paper);border-radius:50%;font-size:37px;display:flex;align-items:center;justify-content:center;line-height:1;padding-bottom:6px}.top-meta{font-size:10px;letter-spacing:.12em}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#417964;margin-right:8px;box-shadow:0 0 0 3px #527c6815}.divider{opacity:.3;margin:0 12px}nav{display:flex;gap:8px;align-items:center}nav button{background:#f4f6edc9;border:1px solid #ffffff65;border-radius:24px;padding:10px 14px;font-size:11px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}nav button:last-child{width:36px;height:36px;padding:0}.intro{position:absolute;left:6%;top:24%;max-width:420px;transition:opacity .6s,transform .6s}.eyebrow{font-size:9px;font-weight:500;letter-spacing:.2em}.intro .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{width:24px;height:1px;background:currentColor}.intro h1{font-family:"Noto Serif TC",serif;font-size:clamp(44px,5.4vw,76px);font-weight:500;letter-spacing:.08em;line-height:1.38;margin:22px 0}.intro h1 span{color:#3d7068}.intro-text{font-size:12px;line-height:2.3;letter-spacing:.08em;opacity:.75}.intro-actions{display:flex;align-items:center;gap:18px;margin-top:28px}.primary{background:var(--ink);color:#f2f6e9;border-radius:5px;padding:15px 21px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:32px;transition:background .2s,transform .2s}.primary:hover{background:#2e605d;transform:translateY(-1px)}.primary>span{font-size:21px;font-weight:400}.text-button{font-size:11px;border-bottom:1px solid #45635a60;padding:10px 0}.text-button span{margin-left:12px}.fine{font-size:9px;opacity:.5;margin-top:21px;letter-spacing:.08em}.map-panel{position:absolute;right:32px;bottom:115px;width:224px;background:#f4f5eccc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff8;border-radius:10px;box-shadow:0 12px 35px #183c3910;overflow:hidden}.map-heading{padding:13px 15px 4px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:500}.map-heading button{font-size:19px;line-height:1}#minimap{width:100%;height:150px;display:block}.map-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #163c3d15;padding:12px;font-size:8px;letter-spacing:.08em}.north{font-size:10px}.journey{position:absolute;left:6%;bottom:107px;width:390px}.journey-label{display:flex;align-items:center;gap:25px;font-size:10px}.journey-label b{font-size:14px;font-weight:500}.stops{margin-top:15px;display:flex;gap:9px}.stop{position:relative;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;padding:0}.stop:before{position:absolute;content:"";height:1px;background:#54776c40;width:calc(100% + 9px);left:50%;top:13px}.stop:last-child:before{display:none}.stop>i{font-style:normal;width:27px;height:27px;border-radius:50%;background:#e6eddf;border:1px solid #779385;display:flex;align-items:center;justify-content:center;position:relative;font-size:9px;transition:.3s}.stop.done>i{background:var(--ink);color:var(--accent);border-color:var(--ink)}.stop:hover>i{background:#cce5b1}footer{position:absolute;bottom:0;left:0;right:0;padding:22px 38px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #284e421c;font-size:9px;letter-spacing:.04em}.controls i{font-style:normal;margin:0 10px;opacity:.4}.footer-right{display:flex;gap:24px}.footer-right button{font-size:10px}.place-card{position:absolute;left:30px;top:125px;width:306px;padding:25px;background:#f2f5eae8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fff8;border-radius:10px;box-shadow:0 15px 50px #153c3920}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;margin-bottom:30px}.tiny-pill{border:1px solid #4e7d6140;border-radius:20px;padding:5px 9px;font-size:8px}.place-card .eyebrow{font-size:8px;opacity:.6}.place-card h2{font-family:"Noto Serif TC",serif;font-size:29px;letter-spacing:.1em;font-weight:500;margin:9px 0 18px}.place-card>p:not(.eyebrow){font-size:11px;line-height:2.15;opacity:.75}.place-card .primary{margin-top:23px;gap:10px;font-size:10px;width:100%;padding:13px}.place-card kbd{font-family:inherit;border:1px solid #ffffff60;padding:2px 5px;border-radius:3px;font-size:9px}.place-card .text-button{font-size:9px;margin-top:10px}#crosshair{position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:#25524e88;pointer-events:none}.hint{position:absolute;bottom:220px;left:50%;transform:translate(-50%);background:#173b3ecc;color:#f5f7ed;padding:12px 19px;border-radius:30px;font-size:11px;pointer-events:none;white-space:nowrap}#loading{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e8eee3;transition:opacity .7s}.loader-mark{font-size:80px;font-weight:400;line-height:1;color:#4f7970}#loading p{font-family:"Noto Serif TC",serif;letter-spacing:.3em;font-size:20px}.load-track{height:2px;width:210px;background:#4f796022;margin:17px 0}.load-track i{height:100%;width:8%;background:#496b5b;display:block;transition:width .4s}#loading small{font-size:10px;opacity:.5}#toast{position:absolute;top:95px;left:50%;transform:translate(-50%,-10px);background:#183d36ed;color:#eff5df;border:1px solid #91ad6c55;padding:14px 25px;border-radius:7px;font-size:12px;opacity:0;transition:.3s;pointer-events:none;text-align:center;z-index:22}#toast.show{opacity:1;transform:translate(-50%)}.hidden{display:none!important}.intro.fade{opacity:0;transform:translateY(-15px);pointer-events:none}dialog{width:min(580px,90vw);max-height:82vh;overflow:auto;border:1px solid #fff9;background:#f1f4e9;border-radius:13px;padding:35px;color:var(--ink);box-shadow:0 20px 90px #102e3950}dialog::backdrop{background:#0d293c77;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-family:"Noto Serif TC",serif;font-size:28px;font-weight:500;letter-spacing:.08em}dialog p,dialog li{font-size:12px;line-height:2}dialog a{color:#357465;text-underline-offset:3px}#close-modal{position:absolute;right:14px;top:10px;font-size:29px}dialog kbd{padding:3px 6px;border:1px solid #53756850;border-radius:4px;font-size:10px}.source-note{font-size:10px!important;color:#6a7f72}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#touch-controls{position:absolute;inset:0;pointer-events:none}#joystick{position:absolute;bottom:95px;left:28px;width:100px;height:100px;border:1px solid #fff8;border-radius:50%;background:#163c3928;pointer-events:auto;touch-action:none}#joystick span{display:block;position:absolute;left:31px;top:31px;width:36px;height:36px;border-radius:50%;background:#edf3eac9;border:1px solid #fff9}.touch-look-label{position:absolute;bottom:125px;right:30px;font-size:10px;background:#f0f5e8a0;padding:10px;border-radius:20px}body.night{--ink:#d8ece0;color:#d8ece0}body.night .brand-symbol{background:#d8ece0;color:#193a44}body.night .vignette{background:linear-gradient(90deg,#092636e8,transparent 62%),linear-gradient(0deg,#092636c9,transparent 24%)}body.night .primary{background:#d3e9a7;color:#183d3e}body.night nav button,body.night .map-panel,body.night .place-card{background:#10313de0;color:#d8ece0;border-color:#ffffff20}body.night .stop>i{background:#163944}body.night .intro h1 span{color:#afcdab}body.night .map-bottom{border-color:#ffffff20}body.night dialog{color:#173b3e}body.night .stop.done>i{background:#cbe49b;color:#173b3e}@media(max-width:900px){header{padding:20px}.top-meta{display:none}.intro{left:6%;top:22%}.intro h1{font-size:55px}.map-panel{width:190px;right:20px}.journey{width:340px}footer{padding:18px 20px}.controls{font-size:8px}}@media(max-width:600px){header{padding:19px 18px}.brand{font-size:14px;gap:8px}.brand small{font-size:6px}.brand-symbol{width:34px;height:34px;font-size:28px}nav{gap:5px}nav button{padding:8px 10px;font-size:12px}nav button span{display:none}nav button:last-child{width:31px;height:31px}.intro{left:25px;top:20%}.intro h1{font-size:48px;line-height:1.4;margin:19px 0}.intro-text{font-size:11px}.intro-actions{gap:16px}.primary{padding:13px 17px}.map-panel{right:16px;bottom:131px;width:128px}.map-panel canvas{height:98px}.map-heading{padding:8px 10px;font-size:8px}.map-bottom{padding:8px;font-size:6px}.map-bottom>span:first-child{max-width:80px}.journey{left:24px;bottom:77px;width:calc(100% - 48px)}.journey-label,.journey .eyebrow{font-size:8px}.stops{margin-top:9px}.stop{font-size:8px}.stop>i{width:23px;height:23px}.stop:before{top:11px}.controls{display:none}footer{padding:16px 22px;justify-content:flex-end}.footer-right{gap:20px}.footer-right button{font-size:9px}body.exploring .journey{display:none}body.exploring .map-panel{bottom:215px;right:15px}.place-card{top:90px;left:18px;width:260px;padding:21px}.place-card h2{font-size:25px}.card-top{margin-bottom:18px}.place-card>p:not(.eyebrow){font-size:10px}.hint{bottom:78px;font-size:9px;max-width:90vw;white-space:normal}#toast{top:81px;width:80%;font-size:11px}.vignette{background:linear-gradient(90deg,#e4efdfed,transparent 110%),linear-gradient(0deg,#e4efdfba,transparent 25%)}.fine{font-size:8px}dialog{padding:25px}dialog p,dialog li{font-size:11px}}@media(min-width:601px)and (max-height:800px){.intro{top:21%}.intro h1{font-size:58px;line-height:1.28;margin:15px 0}.intro-actions{margin-top:18px}.intro .fine{display:none}.journey{bottom:95px}}body.exploring header{background:linear-gradient(180deg,#edf2e3cb,#edf2e300)}body.night.exploring header{background:linear-gradient(180deg,#0d293be6,#0d293b00)}@media(max-width:600px){#minimap{height:98px}}