:root{font-family:Arial,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#f4eedf;background:#101b20;font-synthesis:none;--ink:#101b20;--ivory:#f4eedf;--accent:#d95032;--gold:#e9b768}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:6px}button{color:inherit}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#shade{position:fixed;inset:0;background:linear-gradient(90deg,#040a0ee0,#040a0e6e 42%,#040a0e0d 80%);pointer-events:none;transition:opacity .3s}body.playing #shade{opacity:0}#menu{position:fixed;inset:0;display:flex;align-items:center;padding:5vw 6.4vw}#menu[hidden],#hud[hidden],[hidden]{display:none!important}.intro{max-width:650px;margin-top:-16px}h1{font-size:clamp(58px,7.8vw,108px);line-height:1.18;letter-spacing:.025em;margin:0 0 24px;font-weight:850;text-shadow:0 2px 28px #0004}#description{font-size:clamp(18px,2.2vw,28px);letter-spacing:.055em;margin:0 0 34px;line-height:1.6}.primary{border:0;background:var(--accent);font-size:clamp(22px,2.3vw,30px);font-weight:700;letter-spacing:.06em;padding:21px 44px;border-radius:6px;min-width:260px;min-height:72px;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#eb6241;transform:translateY(-2px)}.controls{font-size:16px;color:#ccc2b7;line-height:1.8;margin:22px 0 0}.controls span{font-size:13px;color:#b5aaa0}.track{height:2px;background:#ffffff35;margin-top:9px;width:260px}.track i{display:block;height:100%;background:var(--gold);width:0;transition:width .15s}#loading{margin-top:18px;font-size:13px;color:#d3c7b5}footer{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:36px;right:36px;display:flex;justify-content:space-between;align-items:center}.text-button{background:transparent;border:0;padding:10px 0;font-size:15px}.text-button:hover{color:var(--gold)}#credits-open{text-decoration:underline;text-underline-offset:6px}.sound-controls{display:flex;align-items:center;gap:18px}#mute span{color:var(--gold);margin-left:7px}input[type=range]{width:95px;accent-color:var(--gold);cursor:pointer}#pause-options{margin-top:18px;display:flex;gap:26px;align-items:center}.quality{font-size:14px;color:#d3c7b5}select{background:#101b20cc;border:1px solid #ffffff45;color:var(--ivory);padding:8px;border-radius:4px;margin-left:8px}#hud{position:fixed;inset:0;pointer-events:none}#hud header{padding:28px 32px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(#0710189c,transparent);text-shadow:0 1px 8px #0009}#hud strong{font-size:30px;letter-spacing:.04em}#district{color:#e0d9ce;font-size:14px;margin-top:7px}.outline{background:#101b208c;border:1px solid #e1e6e670;border-radius:6px;padding:10px 20px;font-weight:600;font-size:16px;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.outline:hover{background:#26383eee}#reticle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px #000}#map{position:absolute;right:32px;bottom:32px;width:152px;height:152px;border:1px solid #d4d7d799;border-radius:50%;background:#101b20be}#walk-hint{position:absolute;bottom:34px;left:32px;font-size:13px;color:#ece4d5c9;text-shadow:0 1px 4px #000}#notice{position:fixed;bottom:110px;left:50%;transform:translate(-50%);background:#101b20ec;padding:12px 20px;border:1px solid #e9b76866;border-radius:5px;font-size:14px;max-width:90vw;z-index:8}dialog{color:var(--ivory);background:#142126;border:1px solid #647077;border-radius:10px;padding:36px;max-width:620px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#030a0ec7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:8px 0 16px}dialog h3{font-size:18px;margin:24px 0 8px}dialog p{font-size:14px;line-height:1.8;color:#d0d4cf}dialog a{color:#e9b768;overflow-wrap:anywhere}dialog article{border-bottom:1px solid #ffffff20;padding-bottom:4px}.close{float:right;margin:-12px -12px 0 12px}dialog .muted{font-size:12px;color:#aab4b4}.mobile{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(pointer:coarse){.desktop{display:none}.mobile{display:block}#touch-controls{position:absolute;inset:0;pointer-events:none}#joystick,#look-pad{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));width:120px;height:120px;border:1px solid #f4eedf80;border-radius:50%;background:#101b202e;pointer-events:auto;touch-action:none}#joystick{left:24px}#look-pad{right:24px}#joystick i{position:absolute;width:46px;height:46px;left:36px;top:36px;border-radius:50%;background:#f4eedf80;border:1px solid #fff6}#look-pad i{position:absolute;width:9px;height:9px;left:55px;top:55px;border-radius:50%;background:#f4eedf80}#map{bottom:174px;right:24px;width:116px;height:116px}#reticle{display:none}}@media(max-width:600px){#menu{padding:26px;align-items:center}.intro{margin-top:-30px}h1{font-size:60px;margin-bottom:20px}#description{font-size:17px;letter-spacing:.02em;max-width:320px;margin-bottom:30px}.primary{font-size:23px;padding:18px 28px;min-width:228px;min-height:65px}.controls{font-size:13px}footer{left:26px;right:26px;bottom:max(24px,env(safe-area-inset-bottom));align-items:flex-start;gap:12px}.sound-controls{gap:4px;flex-direction:column;align-items:flex-end}.volume-label input{width:80px}.text-button{font-size:14px}#hud header{padding:24px}#hud strong{font-size:28px}#district{font-size:13px}#pause-options{gap:12px;flex-wrap:wrap}#shade{background:linear-gradient(90deg,#040a0ede,#040a0e52)}dialog{padding:24px}dialog h2{font-size:24px}}@media(max-height:540px){#menu{padding-top:22px;padding-bottom:80px}.intro{margin:0}h1{font-size:46px;margin:0 0 8px}#description{margin-bottom:14px;font-size:17px}.primary{min-height:48px;padding:12px 26px;font-size:21px}.controls{margin-top:10px;font-size:12px}#loading{margin-top:8px}footer{bottom:12px}#hud header{padding:16px 24px}#map{width:100px;height:100px;bottom:160px}#joystick,#look-pad{width:100px;height:100px;bottom:20px}#joystick i{left:26px;top:26px}#look-pad i{left:45px;top:45px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.language{position:absolute;right:32px;top:max(24px,env(safe-area-inset-top));font-size:14px;font-weight:500}html[lang=en] h1{font-size:clamp(48px,7.2vw,96px);letter-spacing:.01em}html[lang=en] .primary{font-size:clamp(20px,2vw,26px);letter-spacing:.015em}@media(max-width:600px){.language{right:24px}html[lang=en] h1{font-size:48px}html[lang=en] #hud strong{font-size:26px}html[lang=en] #district{max-width:225px;font-size:12px}html[lang=en] .intro{max-width:100%}html[lang=en] #description{max-width:300px}html[lang=en] #pause-options{gap:8px}html[lang=en] .quality{font-size:12px}}@media(max-height:540px){html[lang=en] h1{font-size:42px}}