:root{font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;color:#f7f0e3;background:#192630;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#app,#room{width:100%;height:100dvh;display:block}#room{touch-action:none;outline:none}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;background:linear-gradient(#10212a99,transparent);pointer-events:none}.wordmark{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600;letter-spacing:2px;text-shadow:0 2px 8px #18262c}.bearmark{font-size:32px;font-family:serif;letter-spacing:0}.wordmark small{display:block;font-size:10px;letter-spacing:2.2px;margin-top:6px;font-weight:400;opacity:.65}.mode-control{display:flex;padding:5px;border:1px solid #ffefd522;background:#13222bba;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;pointer-events:auto;box-shadow:0 5px 24px #0002}.mode-control button{border:0;border-radius:24px;padding:10px 17px;background:transparent;min-height:44px;font-size:14px;color:#e4e0d8}.mode-control button span{margin-right:7px;font-size:19px}.mode-control button.selected{background:#f5ecd9;color:#3c3b36;box-shadow:0 2px 8px #0003}.bottom-bar{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;gap:10px;padding:30px;background:linear-gradient(transparent,#14242bbc);pointer-events:none}.bottom-bar p{margin:0 auto 0 0;font-size:14px;line-height:1.9;letter-spacing:.5px;text-shadow:0 1px 5px #0009}.bottom-bar p span{font-size:12px;opacity:.65}.bottom-bar button{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:7px;background:#15263099;border:1px solid #fff2;border-radius:24px;min-width:44px;height:44px;padding:0 14px;font-size:21px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-bar button span{font-size:12px}#loading{position:absolute;inset:0;background:#182831;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;transition:opacity .8s}#loading.hidden{opacity:0;pointer-events:none}.loading-bear{font:64px Georgia;color:#e4d8c7;animation:breathe 3s infinite}#loading p{font-size:15px;letter-spacing:3px;margin-top:28px}.loading-track{height:2px;width:170px;background:#ffffff15;margin:15px}.loading-track i{display:block;height:100%;width:2%;background:#dec29d;transition:width .3s}#load-detail{font-size:12px;opacity:.5}#note{position:absolute;bottom:105px;left:50%;transform:translate(-50%);padding:9px 15px;background:#21333ce8;border:1px solid #fff2;border-radius:30px;opacity:0;transition:opacity .15s;pointer-events:none;font-size:13px}#note.show{opacity:1}dialog{max-width:390px;width:calc(100% - 36px);border:1px solid #e9d5b32b;border-radius:22px;background:#24343af5;color:#eee4d6;padding:30px;box-shadow:0 15px 70px #0008;line-height:1.8}dialog::backdrop{background:#0b171bb0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog h2{font-size:20px;font-weight:500;letter-spacing:1px}dialog p{font-size:14px;color:#ddd6ca}dialog small{font-size:12px;color:#b5b1a8}.close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;background:transparent;font-size:25px}@keyframes breathe{50%{transform:translateY(-8px)}}@media(max-width:600px){header{padding:18px 16px;align-items:flex-start}.wordmark{font-size:16px;gap:7px;letter-spacing:1px}.bearmark{font-size:27px}.wordmark small{font-size:8px;letter-spacing:1.4px}.mode-control{padding:3px}.mode-control button{padding:7px 10px;font-size:13px}.mode-control button span{margin-right:4px;font-size:17px}.bottom-bar{padding:20px 16px calc(22px + env(safe-area-inset-bottom));gap:8px}.bottom-bar p{font-size:12px}.bottom-bar p span{font-size:10px}.bottom-bar button{padding:0;width:44px}.bottom-bar button span{display:none}}@media(max-height:500px){header{padding:12px 20px}.bottom-bar{padding:12px 20px}.wordmark small{display:none}}.view-toolbar{position:absolute;top:99px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;z-index:2}.floor-control,.orientation-control,.zoom-control{display:flex;align-items:center;padding:4px;border:1px solid #fff2;border-radius:28px;background:#24343ae6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 5px 24px #0002}.floor-control button,.orientation-control button,.zoom-control button{min-width:44px;height:44px;border:0;border-radius:24px;background:transparent;padding:0 17px;font-size:13px}.floor-control .selected{background:#f5ecd9;color:#3c3b36}.orientation-control button,.zoom-control button{font-size:23px;padding:0}#view-status{font-size:11px;padding:0 5px;white-space:nowrap;opacity:.72}.zoom-control{position:absolute;right:25px;top:50%;transform:translateY(-50%);flex-direction:column;z-index:2}button:hover{filter:brightness(1.14)}button:focus-visible,#room:focus-visible{outline:2px solid #eac49c;outline-offset:3px}@media(max-width:600px){.view-toolbar{top:91px;gap:6px;width:calc(100% - 28px);justify-content:center}.floor-control,.orientation-control{padding:3px}.floor-control button{padding:0 12px}#view-status{display:none}.zoom-control{right:12px;top:auto;bottom:119px;transform:none}.wordmark small{max-width:150px;font-size:7px;letter-spacing:.7px}}@media(max-height:500px){.view-toolbar{top:62px}.zoom-control{top:50%;bottom:auto;transform:translateY(-50%)}}#walk-toggle{height:52px;min-width:98px;border:1px solid #e8cfa654;border-radius:28px;padding:0 17px;background:#24343ae6;font-size:13px;white-space:nowrap;box-shadow:0 5px 24px #0002;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#walk-toggle[aria-pressed=true]{background:#f5ecd9;color:#3c3b36}#walk-toggle:disabled{opacity:.45;cursor:wait}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#walk-controls{display:none;position:absolute;inset:0;pointer-events:none;z-index:1}.is-walking #walk-controls{display:block}.is-walking .zoom-control,.is-walking .floor-control{display:none}.is-walking .view-toolbar{left:50%;width:auto}.is-walking #hint{font-size:12px}.is-walking #hint span{font-size:11px}#walk-stick{display:none;position:absolute;left:max(22px,env(safe-area-inset-left));bottom:calc(97px + env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%;border:1px solid #f6e3c54d;background:#14263088;box-shadow:inset 0 0 26px #f0d6b409,0 4px 24px #0003;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto}#walk-stick-knob{position:absolute;left:35px;top:35px;width:40px;height:40px;border:1px solid #fff5;border-radius:50%;background:#eee0cba6;box-shadow:0 3px 12px #0005;will-change:transform;pointer-events:none}.walk-stick-guide{position:absolute;top:6px;width:100%;text-align:center;color:#f1dfc5a3;font-size:20px;pointer-events:none}.walk-stick-label{position:absolute;bottom:9px;width:100%;text-align:center;font-size:10px;color:#f1dfc5c9;pointer-events:none}.walk-look-hint{display:none;position:absolute;right:max(28px,env(safe-area-inset-right));bottom:calc(149px + env(safe-area-inset-bottom));font-size:12px;color:#eee4d6a6;text-shadow:0 2px 6px #000;pointer-events:none}#walk-door{position:absolute;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translate(-50%);pointer-events:auto;min-height:44px;max-width:calc(100% - 180px);border:1px solid #f3dfb75e;background:#253a40e8;border-radius:24px;padding:10px 18px;font-size:13px;box-shadow:0 3px 15px #0004}#walk-door[hidden]{display:none}@media(pointer:coarse),(any-pointer:coarse),(max-width:800px){.is-walking #walk-stick,.is-walking .walk-look-hint{display:block}.is-walking #hint{font-size:0}.is-walking #hint span{display:block;max-width:220px;font-size:10px;line-height:1.6}.is-walking #note{bottom:calc(234px + env(safe-area-inset-bottom))}}@media(max-width:600px){.view-toolbar{flex-wrap:wrap;row-gap:7px}.floor-control button{padding:0 9px}.view-toolbar .orientation-control{display:none}#walk-toggle{height:44px;min-width:88px;padding:0 13px}.is-walking .view-toolbar{top:calc(88px + env(safe-area-inset-top))}}@media(max-height:500px){.is-walking .view-toolbar{top:calc(62px + env(safe-area-inset-top))}#walk-stick{width:96px;height:96px;bottom:calc(66px + env(safe-area-inset-bottom))}#walk-stick-knob{left:27px;top:27px}.walk-look-hint{bottom:calc(105px + env(safe-area-inset-bottom))}#walk-door{bottom:calc(74px + env(safe-area-inset-bottom))}.is-walking #hint span{max-width:280px;font-size:10px}}@media(max-width:400px){#walk-door{bottom:calc(225px + env(safe-area-inset-bottom));max-width:calc(100% - 32px)}.is-walking #note{bottom:calc(289px + env(safe-area-inset-bottom))}}@media(max-width:400px)and (max-height:500px){#walk-door{bottom:calc(178px + env(safe-area-inset-bottom))}.is-walking #note{bottom:calc(242px + env(safe-area-inset-bottom))}}#loading.hidden{visibility:hidden}.loading-actions{display:flex;gap:12px;margin-top:20px}.loading-actions button{min-height:44px;padding:10px 20px;border:1px solid #e4d8c766;border-radius:22px;background:#253a40;color:#f7f0e3}.loading-actions button[hidden]{display:none}.loading-actions button:focus-visible{outline:2px solid #dec29d;outline-offset:3px}.view-toolbar{gap:10px;max-width:calc(100% - 28px);width:max-content}.preset-control{display:flex;align-items:center;flex-shrink:0;padding:4px;border:1px solid #fff2;border-radius:28px;background:#24343ae6;box-shadow:0 5px 24px #0002;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.preset-control[hidden],.is-walking .preset-control{display:none}.preset-control button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:58px;min-height:44px;padding:0 9px;border:0;border-radius:24px;background:transparent;font-size:12px;white-space:nowrap}.preset-control button:before{content:"";width:5px;height:5px;border:1px solid currentColor;border-radius:50%;opacity:.45}.preset-control button.selected{background:#f5ecd9;color:#3c3b36;box-shadow:inset 0 -2px #b59569}.preset-control button.selected:before{background:currentColor;opacity:1}.preset-control button:disabled{cursor:default;opacity:.45}@media(max-width:1100px){.view-toolbar .orientation-control{display:none}}@media(min-width:601px){.view-toolbar{flex-wrap:nowrap}.floor-control{flex-shrink:0}.floor-control button{padding:0 12px}#walk-toggle{flex-shrink:0}}@media(max-width:600px){.view-toolbar{display:grid;grid-template-columns:auto auto;column-gap:8px;row-gap:7px;justify-content:center;width:calc(100% - 28px)}.view-toolbar .floor-control{grid-column:1 / -1;justify-content:center}.floor-control button{min-width:44px;padding:0 8px}.preset-control{grid-column:1;padding:3px}.preset-control button{min-width:58px;padding:0 8px}.view-toolbar #walk-toggle{grid-column:2;height:50px;min-width:88px;padding:0 11px}.is-walking .view-toolbar{display:flex}.is-walking .view-toolbar #walk-toggle{height:44px}}@media(prefers-reduced-motion:reduce){.preset-control button{transition:none}}#loading #load-stage{max-width:calc(100vw - 40px);text-align:center;letter-spacing:1px}#load-meter{position:relative;width:min(280px,calc(100vw - 48px));height:3px;margin:14px 20px 18px}#load-progress{width:0;transition:width .18s linear}#load-meter.is-indeterminate:after{content:"";position:absolute;right:-10px;top:-2px;width:7px;height:7px;border-radius:50%;background:#dec29d;animation:load-pulse 1.4s ease-in-out infinite}#load-detail{display:block;max-width:calc(100vw - 40px);text-align:center;line-height:1.7;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#load-detail{font-size:12px;min-height:1.7em;opacity:.85}@keyframes load-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.loading-bear,#load-meter.is-indeterminate:after{animation:none}#load-progress{transition:none}}#load-detail[hidden]{display:none}.loading-actions:not(:has(button:not([hidden]))){display:none}.bottom-bar{justify-content:flex-end}#view-status.sr-only{display:block;padding:0}@media(max-width:600px){.view-toolbar{width:calc(100% - 24px);column-gap:6px;row-gap:6px}.floor-control button{padding:0 10px}.preset-control button{min-width:44px;padding:0 10px}}