html,body{color:#eee;-webkit-user-select:none;user-select:none;background:#0a0b18;height:100%;margin:0;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,system-ui,sans-serif;overflow:hidden}#app,#view,#ui{width:100%;height:100%;position:fixed;inset:0}#ui{pointer-events:none}#perf{color:#ffe27d;z-index:5;pointer-events:none;white-space:pre;background:#000a;border-radius:4px;margin:0;padding:4px 8px;font:11px/1.3 monospace;position:fixed;top:34px;left:8px}#fps{color:#7dffb0;z-index:5;background:#0008;border-radius:4px;padding:3px 7px;font:12px/1.3 monospace;position:fixed;top:8px;left:8px}#loading{letter-spacing:8px;color:#ff5fd2;text-shadow:0 0 18px #ff5fd2;z-index:20;background:#0a0b18;flex-direction:column;justify-content:center;align-items:center;font-size:40px;transition:opacity .4s;display:flex;position:absolute;inset:0}#loading small{letter-spacing:2px;color:#9ad;text-shadow:none;margin-top:14px;font-size:14px}#loading.done{opacity:0;pointer-events:none}#prompt{color:#bff;background:#000a;border:1px solid #5ff;border-radius:6px;padding:6px 14px;font-size:16px;display:none;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}#objective{border-left:3px solid var(--c-objective,#ff5fd2);background:#000a;max-width:280px;padding:8px 12px;font-size:14px;display:none;position:absolute;top:12px;right:12px}#keys{color:#cdd;text-align:center;white-space:normal;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;background:#0007;border-radius:4px;width:max-content;max-width:calc(100vw - 24px);padding:3px 8px;font-size:12px;line-height:1.3;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}#keys .k{white-space:nowrap}html[lang=en] #keys{letter-spacing:-.01em;padding:2px 6px;font-size:10.5px;line-height:1.25}@media (width<=1130px){#keys{width:auto;max-width:none;left:204px;right:12px;transform:none}}@media (width<=900px){html[lang=en] #keys{font-size:10px}}#minimap{background:#000a;border:2px solid #ff5fd2aa;border-radius:50%;width:180px;height:180px;position:absolute;bottom:40px;left:10px}.overlay{pointer-events:auto;z-index:10;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}#navinfo{box-sizing:border-box;color:#ffe14d;pointer-events:none;background:#000b;border-radius:6px;width:176px;padding:3px 6px;font-size:13px;line-height:1.35;display:none;position:absolute;bottom:226px;left:10px}#map{box-sizing:border-box;padding:8px 8px 58px}#mapcanvas{background:#0a0b18;border:2px solid #5ff;width:min(100vh - 184px,88vw);height:min(100vh - 184px,88vw)}.cap{color:#9ad;margin-top:8px;font-size:14px}.cap.legend{color:#89a;max-width:min(100vh - 170px,88vw);margin-top:2px;font-size:12px}.panel{background:#111428ee;border:1px solid #ff5fd2;border-radius:8px;min-width:360px;padding:18px 28px;box-shadow:0 0 24px #ff5fd244}.panel h1{color:#ff5fd2;text-shadow:0 0 10px #ff5fd2;margin:0 0 10px;font-size:26px}.panel h2{color:#5ff;margin:14px 0 6px;font-size:15px}.panel button{pointer-events:auto;cursor:pointer;color:#eee;font:inherit;background:#1c2040;border:1px solid #5ff8;border-radius:4px;margin:3px 4px 3px 0;padding:6px 14px}.panel button.on{color:#111;background:#ff5fd2;border-color:#ff5fd2}.panel ul{margin:0;padding-left:18px;font-size:14px;line-height:1.6}.panel li.done{color:#7dffb0}.panel li.active{color:#ffe066}.panel li.locked{color:#889}.panel .hint{color:#9ab;margin-top:12px;font-size:12px}#touch{z-index:8;pointer-events:none;--u:clamp(46px, 11vmin, 74px);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;display:none;position:absolute;inset:0}#touch.on{display:block}#touch .tbtn{pointer-events:auto;touch-action:none;color:#eef;font:700 calc(var(--u) * .36) system-ui, sans-serif;-webkit-tap-highlight-color:transparent;background:#1c2040b8;border:2px solid #5ff9;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}#touch .tbtn.down{background:var(--c-objective,#ff5fd2);color:#111;transform:scale(.94)}#touch .tbtn.big{box-sizing:border-box;width:var(--u);height:var(--u)}#touch .tbtn.mid{box-sizing:border-box;width:max(44px, calc(var(--u) * .86));height:max(44px, calc(var(--u) * .86))}#touch .tbtn.small{box-sizing:border-box;width:max(44px, calc(var(--u) * .66));height:max(44px, calc(var(--u) * .66));font-size:calc(var(--u) * .28)}#touch .tbtn[data-tbtn=sprint]{right:calc(env(safe-area-inset-right) + var(--u) * .3);bottom:calc(env(safe-area-inset-bottom) + var(--u) * .35)}#touch .tbtn[data-tbtn=jump]{right:calc(env(safe-area-inset-right) + var(--u) * 1.5);bottom:calc(env(safe-area-inset-bottom) + var(--u) * .35)}#touch .tbtn[data-tbtn=interact]{right:calc(env(safe-area-inset-right) + var(--u) * .35);bottom:calc(env(safe-area-inset-bottom) + var(--u) * 1.5)}#touch .tbtn[data-tbtn=mount]{right:calc(env(safe-area-inset-right) + var(--u) * 1.5);bottom:calc(env(safe-area-inset-bottom) + var(--u) * 1.5)}#touch .tbtn[data-tbtn=horn]{right:calc(env(safe-area-inset-right) + var(--u) * 2.7);bottom:calc(env(safe-area-inset-bottom) + var(--u) * .45)}#touch .tbtn[data-tbtn=map]{right:calc(env(safe-area-inset-right) + var(--u) * 2.7);bottom:calc(env(safe-area-inset-bottom) + var(--u) * 1.5)}#touch .tbtn[data-tbtn=unstick]{right:calc(env(safe-area-inset-right) + var(--u) * 2.7);bottom:calc(env(safe-area-inset-bottom) + var(--u) * 2.55)}#touch .tbtn[data-tbtn=photo]{right:calc(env(safe-area-inset-right) + var(--u) * .45);bottom:calc(env(safe-area-inset-bottom) + var(--u) * 2.7)}#touch .tbtn[data-tbtn=shoot]{right:calc(env(safe-area-inset-right) + var(--u) * 1.5);bottom:calc(env(safe-area-inset-bottom) + var(--u) * 2.7)}#touch .tbtn[data-tbtn=zoomin]{right:calc(env(safe-area-inset-right) + var(--u) * 2.7);bottom:calc(env(safe-area-inset-bottom) + var(--u) * 3.6)}#touch .tbtn[data-tbtn=zoomout]{right:calc(env(safe-area-inset-right) + var(--u) * 3.8);bottom:calc(env(safe-area-inset-bottom) + var(--u) * 3.6)}#touch .tbtn.photomode{display:none}body.photo #touch .tbtn.photomode{display:flex}#touch .tbtn[data-tbtn=radio]{left:calc(env(safe-area-inset-left) + 10px + max(48px, var(--u) * 1.05));top:calc(env(safe-area-inset-top) + 10px)}body.mapopen #touch{z-index:11}body.mapopen #touch .tbtn:not([data-tbtn=map]):not([data-tbtn=pause]){display:none}#touch .tbtn[data-tbtn=pause]{left:calc(env(safe-area-inset-left) + 10px);top:calc(env(safe-area-inset-top) + 10px)}#touch .tstick{pointer-events:none;background:#1c204066;border:2px solid #5ff9;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px)}#touch .tknob{background:#5ffc;border-radius:50%;width:46%;height:46%;margin:-23% 0 0 -23%;position:absolute;top:50%;left:50%}html.touch #keys,html.touch #fps{display:none}html.touch,html.touch body,html.touch #view,html.touch canvas{touch-action:none;overscroll-behavior:none}html.touch .overlay .panel{touch-action:pan-y;overscroll-behavior:contain}@media (pointer:coarse),(height<=520px){html.touch #minimap{width:124px;height:124px;bottom:calc(env(safe-area-inset-bottom) + 12px);left:calc(env(safe-area-inset-left) + 10px)}html.touch #navinfo{width:124px;bottom:calc(env(safe-area-inset-bottom) + 142px);left:calc(env(safe-area-inset-left) + 10px);font-size:11px}html.touch #objective{max-width:190px;top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);padding:5px 8px;font-size:12px}html.touch #gig{top:96px;bottom:auto;right:calc(env(safe-area-inset-right) + 8px);max-width:190px;font-size:12px}html.touch #prompt{bottom:calc(env(safe-area-inset-bottom) + 130px);font-size:14px}html.touch #status{top:calc(env(safe-area-inset-top) + 6px);text-overflow:ellipsis;max-width:46vw;font-size:12px;overflow:hidden}html.touch #guide{top:calc(env(safe-area-inset-top) + 36px);font-size:13px}html.touch #hudstack{max-width:70vw;top:88px}html.touch #stunt{font-size:18px;bottom:90px}html.touch .panel{min-width:0;max-width:94vw;padding:12px 14px}}#photosheet{z-index:40;pointer-events:auto;background:#000e;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#photosheet.on{display:flex}#photosheet img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border:2px solid #5ff;max-width:92vw;max-height:72vh}#photosheet div{color:#cde;text-align:center;margin:8px 12px;font-size:14px}.shp{vertical-align:-.1em;background:currentColor;width:.9em;height:.9em;display:inline-block}.shp.hex{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.shp.hatch{box-sizing:border-box;background:repeating-linear-gradient(45deg,currentColor 0 2px,#0000 2px 4px);border:1.5px solid}html.touch #map{padding-bottom:8px}html.touch #mapcanvas{width:min(100vh - 132px,88vw);height:min(100vh - 132px,88vw)}html.touch .cap.legend{max-width:min(100vh - 132px,88vw)}html.touch .cap{margin-top:3px;font-size:12px}html.touch .cap.legend{font-size:11px}#minigame{z-index:12;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}#minigame .panel{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:4px;width:min(760px,96vw);min-width:0;max-width:min(760px,96vw);max-height:100dvh;padding:8px 12px;display:flex;overflow:hidden}#minigame .mg-hud{flex-shrink:0;margin-bottom:0}#minigame .mg-hud h1{margin:0 0 4px;font-size:clamp(16px,5vh,26px)}#minigame .mg-hud .small{font-size:clamp(11px,2.8vh,14px);line-height:1.3}#minigame canvas{aspect-ratio:16/9;object-fit:contain;flex:0 auto;max-width:100%;min-height:0;max-height:calc(100dvh - 9.5rem);margin:0 auto;display:block;width:min(100%,720px,177.778dvh - 16.8889rem)!important;height:auto!important}#minigame .mg-touch{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:6px;margin-top:4px;display:flex}#minigame .mg-touch button{min-width:56px;min-height:44px}#minigame .mg-touch.mg-lanes button[data-mg^=lane]{flex:18%;min-width:64px;min-height:52px;font-weight:700}html.touch #minigame .mg-touch{display:flex}@media (height<=480px){#minigame .panel{gap:2px;padding:4px 8px}#minigame .mg-hud h1{margin:0 0 2px;font-size:16px}#minigame .mg-hud .small{max-height:2.6em;font-size:11px;overflow:hidden}#minigame canvas{max-height:calc(100dvh - 6.75rem);width:min(100%,720px,177.778dvh - 12rem)!important}#minigame .mg-touch{gap:4px;margin-top:2px}#minigame .mg-touch button{min-height:40px;margin:2px;padding:4px 10px}}#neighbor{z-index:12;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}#neighbor .nb-panel{box-sizing:border-box;flex-direction:column;gap:8px;width:min(560px,94vw);min-width:0;max-width:min(560px,94vw);max-height:100dvh;padding:10px 14px;display:flex;overflow:auto}#neighbor .nb-title{color:#ffe14d;margin:0;font-size:clamp(16px,5vh,24px)}#neighbor .nb-body{white-space:pre-wrap;min-height:3em;font-size:clamp(13px,3.2vh,16px);line-height:1.45}#neighbor .nb-choices{flex-direction:column;gap:6px;display:flex}#neighbor .nb-opt{text-align:left;color:#eee;cursor:pointer;background:#1c2040;border:1px solid #5ff;padding:8px 12px}#neighbor .nb-opt.on{color:#111;background:#ff5fd2;border-color:#ffe14d}#neighbor .nb-touch{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}#neighbor .nb-touch button{min-width:56px;min-height:40px}html.touch #neighbor .nb-touch{display:flex}@media (height<=480px){#neighbor .nb-panel{gap:4px;padding:6px 10px}#neighbor .nb-title{font-size:16px}#neighbor .nb-body{min-height:2.4em;font-size:13px}}#minigame .mg-touch button.mg-again{min-width:140px}#minigame .mg-touch button.mg-again.cooling{opacity:.45}#minigame .mg-touch button.mg-again:disabled{opacity:.5;filter:grayscale();cursor:not-allowed}