@font-face{font-family:Editorial;src:url('/assets/editorial-serif.ttf') format('truetype');font-display:swap}
:root{--ivory:#f5f3e8;--muted:#d6ddcb;--olive:#b1b47b;--glass:rgba(26,40,31,.68);--line:rgba(247,247,226,.28);--serif:Editorial,Georgia,serif;--sans:Arial,Helvetica,sans-serif;color-scheme:dark;font-family:var(--sans);color:var(--ivory);background:#283a31;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.38;cursor:wait}a{color:inherit;text-decoration:none}button, a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #e7dc8a;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}p,h1,h2,h3{margin:0}em{font-weight:400}.svg-defs{display:none}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:14px 20px;background:var(--ivory);color:#233b2d}.skip-link:focus{top:15px}
#sanctuary{height:100svh;min-height:480px;position:relative;overflow:hidden;isolation:isolate;background:#263e31}#scene-mount,.scene-fallback,.scene-vignette,.hotspots{position:absolute;inset:0;width:100%;height:100%}#scene-mount{outline:none;cursor:grab;touch-action:none}#scene-mount:active{cursor:grabbing}#scene-mount:focus-visible:after{content:'';position:absolute;inset:7px;border:1px solid #f7f0c855;pointer-events:none}#scene-mount canvas{width:100%;height:100%;display:block;touch-action:none}.scene-fallback{object-fit:cover;background:#344f3c}.scene-vignette{pointer-events:none;background:linear-gradient(180deg,rgba(14,26,19,.27),transparent 23%,transparent 52%,rgba(13,25,18,.62)),linear-gradient(90deg,rgba(15,28,16,.14),transparent 56%);transition:opacity .9s}.hotspots{pointer-events:none;overflow:hidden}.hotspot{pointer-events:auto;position:absolute;display:flex;align-items:center;gap:9px;min-height:40px;font-size:12px;white-space:nowrap;text-shadow:0 1px 7px #152617;transform:translate(-12px,-50%);padding:4px 9px 4px 0}.hotspot-dot{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ffffffa6;border-radius:50%;background:#243a2540;box-shadow:0 0 0 4px #ffffff08;transition:transform .25s,background .25s}.hotspot-dot:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--ivory)}.hotspot:hover .hotspot-dot{transform:scale(1.2);background:#859156b3}.hotspot small{display:block;font-size:9px;letter-spacing:.7px;opacity:.78;margin-top:3px}.site-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:29px 3.2%;gap:24px;pointer-events:none;z-index:3}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;font-weight:600;font-size:24px;line-height:1}.brand-mark{background:var(--ivory);color:#263223;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:47px;padding-bottom:10px;letter-spacing:-5px;padding-right:5px}.brand-second{display:block;font-size:19px;font-weight:400;letter-spacing:5px;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:21px}.text-button{font-size:15px;padding:8px 0}.text-button span{font-size:22px;margin-left:10px}.icon-button{display:grid;place-items:center;position:relative;border:1px solid #e5ebdba6;border-radius:50%;width:44px;height:44px;transition:background .2s,transform .2s;background:#25372926}.icon-button:hover{background:#acb89930;transform:translateY(-1px)}.icon-button svg{width:22px;height:22px}.place-badge{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;padding:10px 16px;border:1px solid #edf0dd7a;border-radius:30px;background:#2533285e;backdrop-filter:blur(10px);font-size:10px;letter-spacing:2px;white-space:nowrap}.living-dot{height:7px;width:7px;border-radius:50%;background:#c2efaa;box-shadow:0 0 12px #beef9a66;display:inline-block;flex:none}.sound-slash{position:absolute;left:11px;top:20px;width:22px;height:1px;background:var(--ivory);transform:rotate(-47deg);box-shadow:0 1px #263d32}.sound-button[aria-pressed=true] .sound-slash{display:none}#fullscreen-toggle{width:34px;height:34px;border-color:transparent}#fullscreen-toggle svg{width:18px;height:18px}
.intro{position:absolute;left:3.2%;bottom:153px;z-index:2;max-width:42%;pointer-events:none;transition:opacity .7s,transform .7s}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:400}.intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(57px,6.2vw,100px);line-height:.88;letter-spacing:-3px;margin:17px 0 19px}.intro h1 em{letter-spacing:-2.8px}.intro-copy{font-size:clamp(13px,1.5vw,20px);line-height:1.5;letter-spacing:-.15px}.explore-button{pointer-events:auto;border-bottom:1px solid #dfe5d5b3;font-size:12px;letter-spacing:.15px;padding:0 0 9px;margin-top:24px;display:flex;align-items:center;gap:36px}.explore-button span{font-size:22px}.explore-button:hover{color:#f2e7a7;border-color:#f2e7a7}.walking-note{position:absolute;bottom:168px;left:3.2%;display:flex;align-items:center;gap:10px;font:italic 24px var(--serif);opacity:0;pointer-events:none;transition:opacity .7s}.walking-note .living-dot{width:5px;height:5px;background:#e5e7b4}body.is-exploring .intro{opacity:0;transform:translateY(16px);visibility:hidden}body.is-exploring .walking-note{opacity:1}.bottom-ui{position:absolute;left:3.2%;right:3.2%;bottom:34px;display:flex;align-items:flex-end;gap:30px;pointer-events:none;z-index:3}.bottom-ui>*{pointer-events:auto}.left-tools{min-width:320px;width:39%;max-width:470px}.time-switch{display:flex;gap:7px}.time-switch button{display:flex;gap:9px;align-items:center;justify-content:center;padding:11px 16px;border-radius:30px;font-size:12px;border:1px solid var(--line);background:#25392959;backdrop-filter:blur(12px);transition:background .3s,border-color .3s;min-height:43px}.time-switch svg{width:22px;height:22px}.time-switch button.is-active{background:#8d854aa6;border-color:#d3c778a6}.time-switch button:hover{background:#7b895c7a}.utility-row{display:flex;align-items:center;gap:15px;margin-top:21px;font-size:10px;letter-spacing:.15px;color:#e7eadc}.utility-row button{display:flex;align-items:center;gap:8px;padding:3px 0}.utility-row svg{width:13px;height:13px}.utility-divider{height:10px;width:1px;background:var(--line)}#help-open span{border:1px solid #c6d0bc77;border-radius:50%;width:14px;height:14px;display:grid;place-items:center;font-size:9px}.activity-area{flex:1;min-width:0;margin-bottom:3px}.explore-hint{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:1px;margin:0 12px 13px;color:#e7eddd}.key-hint{display:flex;align-items:center;gap:4px}.key-hint kbd:last-of-type{margin-right:6px}kbd{font:10px var(--sans);display:inline-grid;place-items:center;border:1px solid #dfebda61;min-width:17px;height:18px;padding:2px 3px;border-radius:3px;background:#152c2640}.activity-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;gap:2px;background:rgba(24,40,32,.71);border:1px solid #f0f1d65e;border-radius:13px;backdrop-filter:blur(18px);box-shadow:0 8px 32px #0c23151a}.activity{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:72px;border-radius:8px;font-size:12px;white-space:nowrap;transition:background .3s;border:1px solid transparent}.activity+.activity:before{content:'';position:absolute;left:-2px;top:10px;bottom:10px;width:1px;background:#e7eadf26}.activity.is-active{background:#998b4594;border-color:#d3c57280}.activity.is-active:before,.activity.is-active+.activity:before{display:none}.activity:hover:not(.is-active){background:#9eaf8b2e}.activity svg{width:25px;height:25px}.compass{flex:none;width:48px;height:48px;margin-bottom:4px}.compass>span{position:absolute;top:-8px;font-size:8px;background:#41533e;padding:0 4px}.compass svg{width:22px;height:22px;fill:#ecefdc;stroke-width:0;transition:transform .2s}.world-status{position:absolute;top:111px;left:50%;transform:translate(-50%,-7px);max-width:min(520px,85%);padding:11px 18px;border:1px solid #e3e8d82b;border-radius:30px;background:#223d30c7;backdrop-filter:blur(10px);font-size:12px;line-height:1.5;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:4}.world-status.is-visible{opacity:1;transform:translate(-50%,0)}.interaction-prompt{position:absolute;left:50%;bottom:173px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#1e362cbb;backdrop-filter:blur(10px);padding:7px 10px 7px 13px;border-radius:30px;border:1px solid #c8d3b53b;font-size:12px;white-space:nowrap;z-index:3}.interaction-prompt kbd{border-color:#d4dec29e;min-width:23px;height:24px}.interaction-prompt button{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#85916b55}.interaction-prompt svg{width:17px;height:17px}.reaction{position:absolute;left:50%;top:43%;font-size:30px;color:#f2d8b8;pointer-events:none;opacity:0;text-shadow:0 2px 20px #93673e;z-index:3}.reaction.pop{animation:love 1.6s ease-out forwards}@keyframes love{0%{opacity:0;transform:translateY(0) scale(.7)}25%{opacity:1;transform:translateY(-12px) scale(1)}75%{opacity:.9}100%{opacity:0;transform:translateY(-65px) scale(1.3)}}
.scene-loading{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#52624a,#1e352b);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;transition:opacity .8s,visibility .8s}.scene-loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-emblem{font:56px var(--serif);width:76px;height:76px;border:1px solid #d8dfc95c;border-radius:50%;display:grid;place-items:center;padding-bottom:10px;letter-spacing:-5px;margin-bottom:24px}.scene-loading p{text-align:center;font:44px/1.12 var(--serif);letter-spacing:-1.4px}.scene-loading p em{color:#cdd3b3}.scene-loading>span{font-size:11px;letter-spacing:.5px;margin-top:28px;color:#d7dec7}.loading-track{width:140px;height:2px;background:#e1e9d423;margin-top:15px;overflow:hidden}.loading-track span{display:block;height:100%;width:8%;background:#c0c999;transition:width .5s}.no-script-note{position:absolute;z-index:12;bottom:20px;left:20px;right:20px;padding:22px;background:#203a2fe6;font-size:15px;line-height:1.8}.touch-controls{display:none}
/* 原生 dialog 提供焦點圈限與 Escape 關閉。 */
dialog{padding:30px;border:1px solid #bbc3aa42;background:#eeeee0;color:#2d3b2c;color-scheme:light;max-height:calc(100svh - 48px);box-shadow:0 25px 100px #06190e44;border-radius:5px;overflow:auto}dialog::backdrop{background:#11241985;backdrop-filter:blur(7px)}dialog .icon-button{border-color:#73836466;color:#3d4c32;background:none;width:36px;height:36px}dialog .icon-button:hover{background:#bac7a344}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dialog-top .eyebrow{font-size:9px;letter-spacing:1.8px}dialog h2{font:48px/.98 var(--serif);letter-spacing:-1.8px}dialog h2 em{color:#758057}.dialog-lead{font-size:13px;color:#59674c;margin-top:17px;line-height:1.7}.side-dialog{width:440px;margin:22px 22px 22px auto;min-height:calc(100svh - 44px);max-height:calc(100svh - 44px);padding:27px 30px}.guide-portrait{height:174px;position:relative;background:#c9d1b8;margin:24px 0;overflow:hidden;border-radius:2px}.guide-portrait img{height:100%;width:100%;object-fit:cover}.guide-portrait:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#142e2188)}.guide-portrait>span{position:absolute;left:15px;bottom:13px;color:#fff7e2;font:italic 13px var(--serif);z-index:1}.fact-counter{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;border-bottom:1px solid #b1bda67a;padding-bottom:13px}.fact-kicker{display:block;font-size:9px;letter-spacing:1.2px;color:#5e6d4d;margin:20px 0 10px}.fact-counter+h3, h3{font:31px/1.08 var(--serif);letter-spacing:-.5px;white-space:pre-line}#fact-body{font-size:13px;line-height:1.75;margin:15px 0 22px;color:#465640;min-height:85px}.fact-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.fact-bottom>a{font-size:11px;padding-bottom:4px;border-bottom:1px solid #83947380}.fact-navigation{display:flex;gap:5px}.fact-navigation button{border:1px solid #a1af916e;border-radius:50%;width:36px;height:36px;font-size:20px}.fact-navigation button:hover{background:#dce3cf}.fact-progress{display:flex;gap:5px;margin-top:20px}.fact-progress span{height:2px;background:#cbd2be;flex:1}.fact-progress span.is-active{background:#5c7047}.fiction-note{font-size:10px;line-height:1.7;color:#677357;margin-top:23px}.map-dialog{width:650px;padding:30px 36px}.sanctuary-map{margin:23px 0 18px;position:relative;border-radius:4px;overflow:hidden;aspect-ratio:520/330;background:#d3d9be}.sanctuary-map>svg{width:100%;height:100%;stroke:none}.map-land{fill:#d3d9be}.map-water{fill:#93b9a7}.map-trail{stroke:#fffbe3;stroke-width:11;fill:none;stroke-linecap:round;opacity:.7}.map-ripple{fill:none;stroke:#d5e3cc;stroke-width:2}.map-tree{fill:#809867;opacity:.5}.map-reeds{stroke:#567955;stroke-width:4}.map-point{position:absolute;font-size:10px;color:#344a30;display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:bold;min-width:68px;text-shadow:0 1px 5px #e9eccf}.map-point>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #fcffe0;border-radius:50%;background:#496247;color:#f9f9e5;font-size:10px;box-shadow:0 2px 9px #3f623b2e;transition:transform .2s}.map-point:hover>span{transform:scale(1.14);background:#728446}.map-home{left:10%;top:72%}.map-pond{left:35%;top:41%}.map-reeds-point{left:72%;top:13%}.map-shade{left:16%;top:12%}.map-note{font-size:11px;line-height:1.7;color:#5f6e53}.help-dialog{width:480px}.control-list{margin:26px 0;display:flex;flex-direction:column;gap:18px}.control-list>div>span{font-size:13px;font-weight:600}.control-list p{font-size:12px;line-height:1.7;margin-top:5px;color:#5b694f}.control-list kbd{background:#dce3ca;color:#364c29;border-color:#9eae84;font-size:11px;height:22px;min-width:22px;margin-right:3px}.dialog-primary{width:100%;display:flex;justify-content:space-between;align-items:center;background:#364d33;color:#faf8e9;border-radius:3px;padding:15px 18px;margin-top:23px;font-size:13px}.dialog-primary span{font-size:20px}
@media(min-width:1600px){.bottom-ui{bottom:42px;gap:42px}.intro{bottom:180px}.activity{min-height:85px;font-size:14px}.time-switch button{font-size:14px;padding:13px 20px}.explore-button{font-size:14px}.site-header{padding-top:35px}.world-status{top:125px}.walking-note{bottom:184px}}
@media(max-width:1100px){.site-header{padding:23px 3%}.brand{font-size:21px;gap:10px}.brand-mark{width:45px;height:45px;font-size:42px}.brand-second{font-size:15px}.site-header nav{gap:13px}.intro{bottom:157px;max-width:46%;left:3%}.intro h1{font-size:68px}.intro-copy{font-size:14px;max-width:250px}.bottom-ui{left:3%;right:3%;gap:18px;bottom:25px}.left-tools{width:36%;min-width:275px}.time-switch button{padding:10px 12px;font-size:11px;gap:6px}.time-switch svg{width:18px;height:18px}.activity{font-size:11px;min-height:69px}.activity svg{width:23px;height:23px}.compass{width:38px;height:38px}.explore-hint{font-size:8px}.utility-row{font-size:9px;gap:11px}.place-badge{font-size:9px;letter-spacing:1.2px;padding:9px 12px}.interaction-prompt{bottom:156px}}
@media(max-width:760px){#sanctuary{min-height:580px}.site-header{padding:21px 5%;gap:12px}.brand{font-size:19px;gap:9px}.brand-mark{width:39px;height:39px;font-size:37px}.brand-second{font-size:13px;letter-spacing:3.7px;margin-top:5px}.site-header nav{gap:13px}.text-button{font-size:12px}.text-button span{font-size:18px;margin-left:4px}.icon-button{width:38px;height:38px}.icon-button svg{width:19px;height:19px}.sound-slash{left:8px;top:18px}.place-badge{left:5%;top:82px;transform:none;font-size:8px;padding:7px 10px;gap:7px;letter-spacing:1.1px}.place-badge .living-dot{width:5px;height:5px}#fullscreen-toggle{display:none}.intro{left:5%;bottom:233px;max-width:90%}.intro .eyebrow{font-size:8px;letter-spacing:2px}.intro h1{font-size:clamp(55px,13vw,77px);line-height:.91;letter-spacing:-2px;margin:14px 0}.intro-copy{font-size:13px;max-width:none}.explore-button{font-size:11px;margin-top:18px;padding-bottom:6px;gap:25px}.bottom-ui{left:5%;right:5%;bottom:max(19px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 38px;gap:18px 12px}.left-tools{width:auto;min-width:0;max-width:none;grid-row:1;grid-column:1;display:flex;flex-direction:column}.activity-area{grid-row:2;grid-column:1/-1;margin:0}.activity-dock{padding:6px;border-radius:10px}.activity{min-height:63px;font-size:11px;gap:6px}.activity svg{width:23px;height:23px}.compass{grid-row:1;grid-column:2;align-self:start;margin-top:1px}.time-switch{gap:5px}.time-switch button{font-size:10px;min-height:39px;padding:8px 11px;gap:6px}.time-switch svg{width:18px;height:18px}.utility-row{margin-top:15px;gap:12px;font-size:10px}.utility-row svg{width:12px;height:12px}.explore-hint{display:none}.world-status{top:127px;font-size:11px;max-width:88%;width:max-content;padding:10px 16px}.hotspot{font-size:10px;gap:7px}.hotspot-dot{width:21px;height:21px}.hotspot small{font-size:8px}.walking-note{left:5%;bottom:350px;font-size:22px}.interaction-prompt{bottom:220px;font-size:11px;max-width:90%;padding:6px 9px 6px 12px}.interaction-prompt kbd{display:none}.touch-controls{display:none;position:absolute;left:5%;right:5%;bottom:217px;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:3}body.is-exploring .touch-controls{display:flex}.walk-pad{width:120px;height:88px;display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px);gap:4px;pointer-events:auto}.walk-pad button{background:#203a2b91;border:1px solid #d9e5c347;border-radius:50%;font-size:19px;backdrop-filter:blur(10px);touch-action:none;user-select:none;-webkit-user-select:none}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-row:2;grid-column:1}.walk-pad button:nth-child(3){grid-row:2;grid-column:2}.walk-pad button:nth-child(4){grid-row:2;grid-column:3}.walk-pad button:active,.walk-pad button.is-held{background:#829054a8}.touch-interact{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;background:#253d2bbd;border:1px solid #d9e5c347;border-radius:40px;padding:11px 15px;backdrop-filter:blur(10px)}.touch-interact svg{width:22px;height:22px}body.is-exploring .interaction-prompt{bottom:333px}.scene-vignette{background:linear-gradient(180deg,#10261945,transparent 25%,transparent 43%,#102313b3)}.side-dialog{width:min(430px,100%);margin:0 0 0 auto;min-height:100svh;max-height:100svh;border-radius:0;padding:25px 25px}.map-dialog,.help-dialog{width:calc(100% - 26px);max-height:calc(100svh - 26px);padding:25px}.dialog-top .eyebrow{font-size:8px;letter-spacing:1.4px}dialog h2{font-size:42px}.sanctuary-map{aspect-ratio:1.25}.sanctuary-map>svg{height:100%;object-fit:cover}.map-point{font-size:9px;min-width:58px}.map-point>span{width:28px;height:28px}.map-shade{left:13%;top:13%}.map-reeds-point{left:68%;top:12%}.map-home{top:74%}.map-pond{top:43%}}
@media(max-height:650px) and (min-width:761px){.site-header{padding-top:16px}.intro{bottom:140px}.intro h1{font-size:60px}.intro-copy{font-size:13px}.explore-button{margin-top:16px}.bottom-ui{bottom:20px}.walking-note{bottom:150px}.activity{min-height:63px}.world-status{top:80px}.interaction-prompt{bottom:140px}}
@media(max-height:670px) and (max-width:760px){.intro{bottom:213px}.intro h1{font-size:53px}.intro-copy{font-size:12px}.intro .eyebrow{font-size:7px}.explore-button{margin-top:12px}.site-header{padding-top:15px}.place-badge{top:69px}.walking-note{display:none}.touch-controls{bottom:208px}.world-status{top:109px}}
@media(pointer:coarse) and (min-width:761px){body.is-exploring .touch-controls{display:flex;position:absolute;left:4%;right:4%;bottom:160px;justify-content:space-between;pointer-events:none}.walk-pad{display:flex;gap:6px;pointer-events:auto}.walk-pad button{font-size:22px;background:#294032ad;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;touch-action:none}.touch-interact{pointer-events:auto;background:#294032ad;border-radius:30px;padding:10px 15px;display:flex;gap:8px;align-items:center}.walking-note{bottom:230px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* 探索 HUD 以實際視窗為界；低高度裝置也能觸及操作。 */
#sanctuary{min-height:0}
@media(max-width:760px){.walking-note{display:none}}
@media(max-width:370px){.time-switch button{padding:8px 8px;font-size:9px;gap:4px}.time-switch svg{width:16px;height:16px}.bottom-ui{gap:15px 8px}.site-header nav{gap:9px}.text-button{font-size:11px}.brand{font-size:17px}.brand-second{font-size:12px}.activity{font-size:10px}.utility-row{font-size:9px;gap:10px}}
@media(max-height:500px){.site-header{padding:12px 3%}.brand{font-size:18px}.brand-mark{width:36px;height:36px;font-size:35px}.brand-second{font-size:12px;margin-top:4px}.place-badge{left:50%;top:20px;transform:translateX(-50%);font-size:8px}.intro{left:3%;bottom:107px;max-width:43%}.intro h1{font-size:40px;line-height:.9;margin:0;letter-spacing:-1.3px}.intro .eyebrow,.intro-copy{display:none}.explore-button{margin-top:12px;font-size:10px;padding-bottom:4px;gap:16px}.bottom-ui{display:flex;left:3%;right:3%;bottom:12px;gap:15px}.left-tools{width:36%;min-width:0}.time-switch{gap:5px}.time-switch button{min-height:32px;padding:6px 8px;font-size:9px;gap:4px}.time-switch svg{width:16px;height:16px}.utility-row{margin-top:9px;font-size:9px;gap:11px}.activity-area{margin:0}.activity{min-height:54px;font-size:10px;gap:5px}.activity svg{width:21px;height:21px}.activity-dock{padding:5px}.compass,.explore-hint,.walking-note{display:none}.touch-controls,body.is-exploring .touch-controls{bottom:104px;left:3%;right:3%}.walk-pad{width:111px;height:76px;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,34px);gap:3px}.walk-pad button{width:34px;height:34px;font-size:18px}.touch-interact{padding:8px 13px;font-size:8px}.interaction-prompt,body.is-exploring .interaction-prompt{bottom:109px}.world-status{top:66px;font-size:10px}.dialog-top{margin-bottom:15px}dialog h2{font-size:35px}.sanctuary-map{max-height:210px}.scene-loading p{font-size:34px}.loading-emblem{width:53px;height:53px;font-size:41px;margin-bottom:14px}}
.place-badge #place-label{display:none}.place-badge:hover{background:#63764c9e}.place-badge:disabled{opacity:.6}body.is-exploring .place-badge .entry-label{display:none}body.is-exploring .place-badge #place-label{display:inline}
@media(min-width:761px) and (min-height:501px){.intro{bottom:92px}.left-tools{position:relative}.utility-row{position:absolute;bottom:-28px;left:0;margin:0}.bottom-ui{bottom:42px}.scene-vignette{background:linear-gradient(180deg,#0e1a1345,transparent 23%,transparent 50%,#0d191ea3),linear-gradient(90deg,#0f1c1020,transparent 56%)}}
@media(min-width:1600px){.intro{bottom:106px}.bottom-ui{bottom:52px}}
@media(max-width:760px) and (min-height:501px){.intro{bottom:233px}.intro h1{font-size:clamp(55px,13vw,77px)}}
/* 位置與棲地設定使用同一座標，地圖可隨步行顯示方向。 */
.sanctuary-map .map-point{transform:translate(-50%,-15px);text-shadow:0 1px 4px #f5f4df,0 0 9px #f5f4df}
.map-player{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#f9db7e;border:2px solid #fff6ce;box-shadow:0 0 0 4px #c2973236,0 2px 5px #34412740;pointer-events:none;z-index:2}
.map-player svg{width:14px;height:14px;fill:#4b5735;stroke:none}.map-north{position:absolute;top:12px;right:14px;color:#526949;font-size:10px;letter-spacing:2px}.you-here-key{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d9b351;margin-right:4px}.sanctuary-map .map-trail{stroke-width:4;stroke-dasharray:3 6}
.resident-journal{border-top:1px solid #acb99c80;margin-top:19px;padding-top:18px}.resident-journal-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#516646}.resident-list{display:flex;flex-wrap:wrap;gap:10px 19px;margin-top:13px;font-size:11px;color:#78846c}.resident-list>span{display:flex;align-items:center;gap:6px}.resident-list i{font-style:normal;font-size:13px}.resident-list .is-met{color:#3c5934}.resident-journal>p{font-size:10px;color:#69795c;line-height:1.6;margin-top:12px}
@media(min-height:501px){.sanctuary-map{max-height:300px}}
/* 狹窄的桌面預覽仍提供滑鼠環顧；真實觸控裝置沿用右側環顧盤。 */
@media(pointer:fine) and (max-width:760px){.explore-hint{display:flex!important;position:fixed;top:80px;right:5%;left:auto;bottom:auto;z-index:5;width:auto;pointer-events:none}.explore-hint .key-hint,.explore-hint [data-jump]{display:none}.explore-hint #mouse-look-toggle{pointer-events:auto;margin:0}}
@media(pointer:fine) and (max-width:760px) and (max-height:500px){.explore-hint{top:60px;right:3%}}
/* 滑鼠環顧採明確啟用；觸控方向各自保留指標，空隙仍可拖曳場景。 */
.explore-hint{align-items:center;gap:10px;margin-left:8px;margin-right:8px;white-space:nowrap}
.key-hint kbd{min-width:38px;letter-spacing:.6px}.shortcut-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:4px 8px;border:1px solid #d9e5c33d;border-radius:20px;background:#1e332a7a;font-size:9px;letter-spacing:.4px;white-space:nowrap}.shortcut-button:hover,.shortcut-button.is-held{background:#7383578c}.shortcut-button[aria-pressed=true]{background:#8c844b9e;border-color:#d9cf88a8}.shortcut-button kbd{font-size:9px;min-width:31px}.look-lock-key{display:none}.is-mouse-looking .look-lock-key{display:inline-grid}.look-reticle{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;background:#fff5d8c9;border-radius:50%;box-shadow:0 0 0 1px #20342670;pointer-events:none;z-index:2}.is-mouse-looking .look-reticle{display:block}
.touch-cluster{display:grid;gap:8px;width:140px;flex:none;pointer-events:none}.touch-action{display:flex;align-items:center;justify-content:center;gap:8px;width:140px;min-height:44px;padding:9px 12px;border:1px solid #d9e5c354;border-radius:24px;background:#20392dc4;backdrop-filter:blur(10px);font-size:11px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-action svg{width:20px;height:20px}.touch-action:active,.touch-action.is-held{background:#829054c2}.touch-jump{background:#647245b5}
.direction-pad{display:grid;width:140px;height:92px;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px;pointer-events:none}.direction-pad button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d9e5c354;border-radius:50%;background:#203a2ba6;backdrop-filter:blur(10px);font-size:21px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.direction-pad button:nth-of-type(1){grid-column:2;grid-row:1}.direction-pad button:nth-of-type(2){grid-column:1;grid-row:2}.direction-pad button:nth-of-type(3){grid-column:2;grid-row:2}.direction-pad button:nth-of-type(4){grid-column:3;grid-row:2}.direction-pad button:active,.direction-pad button.is-held{background:#829054c2;border-color:#e4e9c99c}.pad-label{grid-column:1;grid-row:1;align-self:center;text-align:center;font-size:8px;letter-spacing:1px;color:#eef0db;pointer-events:none;text-shadow:0 1px 4px #12251a}
@media(max-width:760px){body.is-exploring .touch-controls{display:flex;left:5%;right:5%;bottom:calc(max(19px,env(safe-area-inset-bottom)) + 177px);align-items:flex-end;justify-content:space-between;gap:8px;z-index:3}body.is-exploring .interaction-prompt{bottom:calc(max(19px,env(safe-area-inset-bottom)) + 333px)}}
@media(pointer:coarse){.explore-hint{display:none}body.is-exploring .walking-note{display:none}}
@media(pointer:coarse) and (min-width:761px){body.is-exploring .touch-controls{display:flex;left:4%;right:4%;bottom:160px;z-index:3}body.is-exploring .interaction-prompt{bottom:320px}}
@media(max-height:500px){.bottom-ui{bottom:max(12px,env(safe-area-inset-bottom))}body.is-exploring .touch-controls{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 80px);left:3%;right:3%}body.is-exploring .interaction-prompt{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 97px)}}
@media(max-height:500px) and (min-width:761px) and (pointer:fine){.explore-hint{display:flex;margin-bottom:8px}.shortcut-button{min-height:24px;padding:3px 7px}}
/* 居民標記保持真實座標；下方小卡提供不重疊的前往按鈕。 */
.map-resident-pin{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:1px solid #fff4d8;background:#956b42;color:#fff6e4;font-size:9px;font-weight:700;box-shadow:0 1px 5px #31482c45;pointer-events:none;z-index:1}.map-resident-pin.is-met{background:#536b40}
.resident-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.resident-card{position:relative;display:flex;align-items:center;gap:9px;min-width:0;min-height:58px;padding:9px 25px 9px 10px;text-align:left;border:1px solid #a7b49373;border-radius:6px;background:#e0e6d466;color:#536449}.resident-card:hover:not(:disabled),.resident-card:focus-visible{background:#dbe4cb;border-color:#82956a}.resident-card:focus-visible{outline-color:#657d48;outline-offset:2px}.resident-card:disabled{cursor:default;opacity:.62}.resident-avatar{flex:none;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#956b42;color:#fff6e4;font-size:10px}.resident-card.is-met .resident-avatar{background:#536b40}.resident-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.resident-copy strong{font-size:12px;font-weight:600;line-height:1.15}.resident-mode{font-size:10px;line-height:1.3;color:#67765a}.resident-card i{position:absolute;right:9px;top:8px;font-size:11px;color:#879477}.resident-card.is-met i{color:#4d6b38}.resident-arrow{position:absolute;right:9px;bottom:8px;font-size:13px;color:#6c8059}.resident-journal>p{margin-top:10px}.resident-journal #journal-storage-note{margin-top:3px;font-size:9px;color:#7a856d}
@media(max-width:400px){.map-dialog{padding:22px 18px}.map-dialog .sanctuary-map{max-height:205px;margin-top:18px;margin-bottom:13px}.resident-list{gap:7px}.resident-card{gap:6px;padding-left:7px;min-height:61px}.resident-avatar{width:21px;height:21px;font-size:9px}.resident-copy strong{font-size:10px}.resident-mode{font-size:9px}.resident-journal{margin-top:15px;padding-top:14px}}
@media(min-width:761px) and (min-height:600px){.map-dialog{width:680px;padding:22px 26px}.map-dialog[open]{display:grid;grid-template-columns:320px minmax(0,1fr);column-gap:24px;align-items:start}.map-dialog .dialog-top{grid-column:1/-1;grid-row:1;margin-bottom:8px}.map-dialog h2{grid-column:1/-1;grid-row:2;font-size:34px;letter-spacing:-1.1px}.map-dialog .dialog-lead{grid-column:1/-1;grid-row:3;font-size:12px;line-height:1.5;margin-top:8px}.map-dialog .sanctuary-map{grid-column:1;grid-row:4;width:100%;height:auto;max-height:none;aspect-ratio:520/330;margin:18px 0 10px}.map-dialog>.map-note{grid-column:1;grid-row:5;line-height:1.5}.map-dialog .resident-journal{grid-column:2;grid-row:4/6;margin-top:18px;padding-top:0;border-top:0;min-width:0}.map-dialog .resident-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.map-dialog .resident-card{gap:7px;padding-left:8px;min-height:61px}.map-dialog .resident-copy strong{font-size:11px}.map-dialog .resident-journal>p{margin-top:10px}.map-dialog .resident-journal #journal-storage-note{margin-top:4px}}
@media(max-width:760px){.map-dialog .dialog-top{position:sticky;top:-25px;z-index:4;margin:-25px -25px 18px;padding:12px 25px 10px;background:#eeeee0;border-bottom:1px solid #b5c1a64d}.map-dialog .dialog-top .icon-button{width:44px;height:44px}}
@media(max-width:400px){.map-dialog .dialog-top{top:-22px;margin-top:-22px;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}}
/* 觀賞模式只保留視角、鏡頭與退出控制，步行 HUD 隨模式恢復。 */
.view-switch{position:absolute;top:94px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:3px;padding:4px;border:1px solid #e1e7cd52;border-radius:30px;background:#20392ceb;backdrop-filter:none;box-shadow:0 5px 24px #112b201c}
.view-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 18px;border-radius:24px;font-size:11px;white-space:nowrap;transition:background .2s,color .2s}
.view-switch button[aria-pressed=true]{background:#e4e8cc;color:#35482e}.view-switch button:hover:not([aria-pressed=true]){background:#7c8f5d50}.tour-symbol{font-size:17px;line-height:1}body[data-view-mode=cinema] .tour-symbol{font-size:0}body[data-view-mode=cinema] .tour-symbol:after{content:'■';font-size:9px}
.watch-controls{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:4;width:360px;max-width:90%;padding:19px 15px 10px;border:1px solid #e2e5c63d;border-radius:15px;background:#20392ce8;backdrop-filter:none;text-align:center;box-shadow:0 8px 28px #0b28152b}
.view-caption{font-size:8px;letter-spacing:1.7px;color:#d7dec3}.watch-controls h2{font:27px/1.12 var(--serif);letter-spacing:-.35px;margin:9px 0 7px}.view-guidance{font-size:10px;line-height:1.55;color:#dce1cf}.watch-actions{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:13px}.watch-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 11px;border:1px solid #dce3c63b;border-radius:24px;font-size:10px;white-space:nowrap}.watch-actions button:hover{background:#71855370}.watch-actions #next-shot{width:44px;flex:none;padding:0;font-size:23px}.watch-actions #auto-moments[aria-pressed=true]{background:#8c85445c;border-color:#c6bf7770}#auto-moments-state{font-size:8px;text-transform:uppercase;color:#e7dfab}.watch-actions #clean-view{background:#dce2c718;color:#f4f3dd}
.restore-controls{position:absolute;z-index:5;right:3.2%;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;min-height:44px;padding:0 17px;border:1px solid #f0f0d943;border-radius:28px;background:#213b2db3;backdrop-filter:blur(12px);font-size:11px}.restore-controls:hover{background:#415a3ecc}
body.is-watching .activity-area,body.is-watching .time-switch,body.is-watching .compass,body.is-watching .touch-controls,body.is-watching .interaction-prompt,body.is-watching .walking-note,body.is-watching .place-badge,body.is-watching #hotspots{display:none!important}
body.is-watching .bottom-ui{display:block;bottom:max(24px,env(safe-area-inset-bottom))}body.is-watching .left-tools{width:auto;max-width:none;min-width:0;pointer-events:none}body.is-watching .utility-row{position:static;margin:0;gap:13px;pointer-events:none}body.is-watching .utility-row button{pointer-events:auto;min-height:44px}
body.is-clean-view .site-header,body.is-clean-view .view-switch,body.is-clean-view .watch-controls,body.is-clean-view .bottom-ui,body.is-clean-view .intro,body.is-clean-view .world-status,body.is-clean-view .reaction{display:none!important}body.is-clean-view .scene-vignette{opacity:.4}
.world-status{top:158px}
@media(max-width:1100px){body.is-watching .watch-controls{bottom:82px}body.is-watching .utility-row{justify-content:center}.watch-controls{width:350px}}
@media(max-width:760px){.view-switch{top:126px;width:90%;max-width:330px}.view-switch button{flex:1;padding:0 9px;font-size:10px}.world-status{top:187px}body.is-watching .view-switch{top:82px}.watch-controls{max-width:90%;padding:17px 10px 9px}.watch-controls h2{font-size:25px}.watch-actions{gap:5px}.watch-actions button{padding:0 9px;font-size:9px}.view-guidance{font-size:9px}body.is-watching .world-status{top:145px}body.is-watching .bottom-ui{bottom:max(17px,env(safe-area-inset-bottom))}.restore-controls{right:5%}}
@media(max-width:760px) and (max-height:670px){.view-switch{top:111px}body.is-watching .view-switch{top:72px}.world-status{top:171px}}
@media(max-height:500px){.view-switch{top:65px;width:300px}.view-switch button{padding:0 14px;font-size:10px}body.is-watching .view-switch{top:65px}body.is-watching .watch-controls{left:auto;right:3%;bottom:max(15px,env(safe-area-inset-bottom));transform:none;width:320px;max-width:49%;padding-top:13px}.watch-controls h2{font-size:24px;margin:7px 0 5px}.watch-actions{margin-top:9px}.view-caption{font-size:7px;letter-spacing:1.2px}.view-guidance{font-size:9px}body.is-watching .utility-row{justify-content:flex-start;gap:10px;font-size:9px}body.is-watching .bottom-ui{bottom:max(12px,env(safe-area-inset-bottom));right:54%}.world-status,body.is-watching .world-status{top:124px}.restore-controls{right:3%;bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-height:500px) and (max-width:600px){body.is-watching .watch-controls{right:5%;max-width:90%;width:300px;bottom:68px}body.is-watching .bottom-ui{right:5%}body.is-watching .utility-row{justify-content:center}.watch-controls .view-guidance{display:none}}
/* 窄直向的狀態訊息與附近提示共用空間；問候按鈕仍保留在觸控盤。 */
@media(max-width:400px) and (min-height:501px){body.is-exploring #sanctuary:has(>.world-status.is-visible)>.interaction-prompt{visibility:hidden}}