:root{color-scheme:dark;--ink:#142d2c;--paper:#f3eee1;--muted:#b6c6bd;--gold:#ded0a4;--line:#ffffff24;font-family:system-ui,"Microsoft JhengHei",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#172c2e;color:var(--paper)}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit;border:1px solid var(--line);background:#163330de;border-radius:12px;min-height:44px;padding:10px 15px;cursor:pointer}button:hover{border-color:var(--gold);background:#294d43}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:var(--gold);text-decoration:none}button.primary{background:var(--gold);color:var(--ink);font-weight:650;border:0}button[aria-pressed=true]{border-color:var(--gold)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.loading{position:fixed;inset:0;z-index:20;display:flex;align-items:center;background:linear-gradient(90deg,#102b29f2 0%,#142e29c9 37%,#132b2855 75%),url('../renders/campus-v06/03.png') center/cover}.intro{width:min(590px,100%);padding:clamp(28px,6vw,90px)}.eyebrow{font-size:11px;letter-spacing:.25em;color:var(--gold)}h1{font-family:Georgia,"Noto Serif TC","PMingLiU",serif;font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.35;letter-spacing:.08em;margin:22px 0}p{line-height:1.9;color:var(--muted)}.intro>p{font-size:15px;margin:18px 0 28px}.intro #load-status{font-size:12px;margin:8px 0 20px;min-height:23px}.intro>button{width:100%;min-height:52px;font-size:16px}.intro>a{display:block;font-size:13px;margin:20px 0}.intro-note{font-size:11px;color:#adc0b6}.load-progress{height:2px;background:#ffffff25;width:100%;overflow:hidden}.load-progress>div{height:100%;width:0;background:var(--gold);transition:width .35s}.topbar{position:fixed;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none;z-index:4}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;background:#102824d9;border:1px solid var(--line);border-radius:16px;padding:12px 18px;backdrop-filter:blur(12px);color:var(--paper)}.brand-mark{font-family:serif;font-size:28px;color:var(--gold);border-right:1px solid var(--line);padding-right:13px}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:var(--gold)}.brand strong{display:block;font-size:17px;font-weight:550;letter-spacing:.12em;margin-top:3px}.top-actions{display:flex;gap:8px}.top-actions button{backdrop-filter:blur(16px)}.panel{position:fixed;z-index:8;background:#112b27f5;border:1px solid #758c6655;border-radius:18px;padding:20px;box-shadow:0 15px 50px #06131150;backdrop-filter:blur(20px)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.panel-title h2{font-size:18px;font-weight:550;margin:0}.panel-title button{font-size:22px;padding:2px;min-width:44px;background:transparent;border-color:transparent}.settings{right:28px;top:104px;width:330px;max-height:calc(100dvh - 130px);overflow:auto}.settings label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.settings select{width:160px}.settings input{width:150px;accent-color:var(--gold)}.settings>button{margin:0 5px 10px 0}.settings .fine{font-size:11px;line-height:1.8}.settings a{font-size:12px}.settings #performance{font-size:12px;color:var(--gold)}.help{left:50%;top:50%;transform:translate(-50%,-50%);width:min(450px,calc(100% - 32px))}.help>button{width:100%}.help p{font-size:13px}kbd{font-size:11px;display:inline-block;background:#ffffff13;padding:1px 6px;border:1px solid var(--line);border-radius:4px;margin-right:4px}.location{position:fixed;left:30px;top:112px;display:flex;align-items:center;gap:9px;text-shadow:0 1px 8px #000;background:#0e2922b3;border-radius:99px;padding:9px 13px;font-size:12px}.live-dot{width:6px;height:6px;background:#bcd6a7;border-radius:50%;box-shadow:0 0 9px #a7e595}.mode-label{border-left:1px solid var(--line);padding-left:9px;color:#d3dbc7}.dock{position:fixed;bottom:max(32px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:7px;background:#102824ed;border:1px solid var(--line);border-radius:17px;backdrop-filter:blur(16px);z-index:5;white-space:nowrap}.dock button{background:transparent;border-color:transparent}.dock button:hover{background:#294d43}.dock button:first-child{color:var(--gold)}.dock button span{padding-left:12px}.walk-hint{position:fixed;bottom:101px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.08em;text-shadow:0 1px 5px #000;background:#10282499;padding:5px 13px;border-radius:20px;pointer-events:none}.map-card{position:fixed;left:28px;bottom:30px;width:176px;padding:12px;background:#102824d9;border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(12px);font-size:11px;overflow:hidden}.map-card>div{display:flex;justify-content:space-between;align-items:center;color:var(--gold)}.map-card button{min-height:30px;min-width:36px;padding:0;font-size:20px;background:transparent;border:none}.map-card canvas{width:150px;height:162px;display:block}.map-card small{display:block;text-align:center;color:#8fa89c;font-size:9px}.map-card.collapsed canvas,.map-card.collapsed small{display:none}.places{left:50%;bottom:110px;transform:translateX(-50%);width:min(560px,calc(100% - 32px));max-height:55dvh;overflow:auto}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.place-grid button{text-align:left;padding:0;overflow:hidden}.place-grid img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover}.place-grid span{display:block;padding:9px 11px;font-size:12px}.joystick,.touch-hint{display:none}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;pointer-events:none}#toast{position:fixed;z-index:30;left:50%;top:27%;transform:translateX(-50%);padding:12px 20px;background:#0a211fe8;border:1px solid var(--line);border-radius:12px;max-width:90%;text-align:center;font-size:13px}.fallback{position:fixed;inset:0;display:grid;place-content:center;background:#142d2c}.fallback a{display:block;padding:24px}.in-orbit .joystick,.in-orbit .touch-hint{display:none}.context-lost #world{filter:blur(8px)}
@media(pointer:coarse){.joystick{display:block;position:fixed;bottom:max(113px,calc(env(safe-area-inset-bottom) + 90px));left:24px;width:110px;height:110px;background:#0d2d2938;border:1px solid #f3eee16b;border-radius:50%;touch-action:none;z-index:6;box-shadow:inset 0 0 26px #092a271f}.joystick:before{content:'';position:absolute;inset:35%;border:1px solid #e3eace30;border-radius:50%}.joystick span{position:absolute;left:35px;top:35px;width:38px;height:38px;border:1px solid #f0e0bda8;border-radius:50%;background:#dfd5b666;pointer-events:none}.touch-hint{display:block;position:fixed;right:24px;bottom:161px;font-size:11px;color:#ffffffad;text-shadow:0 1px 8px #000;pointer-events:none}.walk-hint,#lock{display:none}.map-card{bottom:260px;width:126px;left:18px;padding:8px}.map-card canvas{width:108px;height:117px}.map-card small{display:none}}
@media(max-width:700px){.topbar{left:14px;right:14px;top:max(14px,env(safe-area-inset-top))}.brand{padding:9px 12px;gap:9px;border-radius:12px}.brand strong{font-size:14px}.brand small{font-size:8px}.brand-mark{font-size:24px;padding-right:9px}.top-actions{gap:5px}.top-actions button{font-size:12px;padding:8px 12px}.location{left:15px;top:94px;font-size:11px}.dock{bottom:max(16px,env(safe-area-inset-bottom));max-width:calc(100% - 24px);gap:2px;padding:5px}.dock button{padding:10px 12px;font-size:12px}.settings{right:12px;top:90px;width:min(330px,calc(100% - 24px));max-height:calc(100dvh - 110px)}.places{bottom:91px;max-height:calc(100dvh - 205px)}.place-grid{grid-template-columns:repeat(2,1fr)}.map-card:not(.collapsed){display:none}.intro{padding:28px;max-width:420px}.intro>p{font-size:13px}.walk-hint{bottom:86px}}
@media(max-height:540px){.intro{padding:24px 40px;max-width:550px}h1{font-size:32px;margin:10px 0;line-height:1.2}.intro>p{margin:8px 0}.intro>a{margin:8px 0}.intro #load-status{margin:5px 0}.intro-note{display:none}.map-card{display:none}.settings{top:78px;max-height:calc(100dvh - 95px)}.places{bottom:86px;max-height:calc(100dvh - 172px)}.location{top:91px}.joystick{bottom:96px;width:90px;height:90px}.joystick span{left:25px;top:25px}.touch-hint{bottom:129px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.load-progress>div{transition:none}}