:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#fff;background:#383c39;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-size:16px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:3px solid #e7c994;outline-offset:4px}button{border:0}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#tour,#panorama{position:fixed;inset:0;width:100%;height:100%;height:100dvh;display:block}#panorama{touch-action:none;cursor:grab}#panorama.dragging{cursor:grabbing}.scrim{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b110e88 0,transparent 22%,transparent 55%,#0b110e88 100%)}header{position:fixed;z-index:2;top:0;left:0;right:0;padding:calc(24px + env(safe-area-inset-top)) 30px 0;display:flex;justify-content:space-between;pointer-events:none}.brand{font-size:21px;font-weight:600;letter-spacing:.08em;text-shadow:0 2px 12px #0006}.brand span{display:block;font-size:13px;letter-spacing:.12em;font-weight:400;color:#ffffffe0;margin-top:7px}.top-actions{display:flex;gap:9px;pointer-events:auto}.icon-button{width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffff36;border-radius:50%;background:#2029228c;backdrop-filter:blur(12px)}.icon-button:hover{background:#17261cd6}.current-space{position:fixed;top:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#1e282499;border:1px solid #ffffff25;border-radius:30px;padding:11px 17px;font-size:14px;white-space:nowrap;backdrop-filter:blur(14px);pointer-events:none}.current-space strong{font-weight:500}.space-dot{width:5px;height:5px;border-radius:50%;background:#eadbc0}.space-type{color:#ffffffa8;font-size:12px;padding-left:9px;border-left:1px solid #ffffff35}#welcome-hint{position:fixed;top:43%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;border:1px solid #ffffff33;background:#222b26a6;border-radius:32px;padding:12px 18px;pointer-events:none;white-space:nowrap;font-size:14px;backdrop-filter:blur(10px);transition:opacity .25s}#welcome-hint svg{width:38px;height:24px;stroke:currentColor;fill:none;stroke-width:1.3}#welcome-hint.dismissed{opacity:0}.side-tools{position:fixed;right:27px;top:50%;display:flex;flex-direction:column;gap:10px;transform:translateY(-50%)}.side-tools .icon-button{width:39px;height:39px}.side-tools svg{width:21px}.bottom-wrap{position:fixed;bottom:0;left:0;right:0;padding:0 25px calc(24px + env(safe-area-inset-bottom));pointer-events:none}.tour-caption{display:flex;justify-content:space-between;align-items:center;padding:0 3px 12px;font-size:13px;text-shadow:0 1px 6px #0008}.tour-caption button{background:none;padding:5px 0;color:#ffffffcb;font-size:12px;pointer-events:auto}.room-dock{max-width:1100px;margin:auto;display:flex;gap:12px;align-items:stretch;padding:12px;background:#202924bd;border:1px solid #ffffff2d;border-radius:18px;backdrop-filter:blur(24px);box-shadow:0 8px 24px #0002;pointer-events:auto}.plan-button{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:none;gap:9px;width:68px;background:#ffffff0f;border:1px solid #ffffff20;border-radius:10px;font-size:13px}.plan-button:hover{background:#ffffff20}.plan-button svg{width:24px;height:24px}#room-list{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;min-width:0;scroll-behavior:smooth;padding:2px}#room-list::-webkit-scrollbar{display:none}.room-card{position:relative;flex:none;width:104px;height:76px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#586259}.room-card img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s}.room-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0009)}.room-card span{position:absolute;z-index:1;left:8px;bottom:7px;right:8px;text-align:left;font-size:13px;text-shadow:0 1px 5px #0009}.room-card[aria-pressed="true"]{border-color:#ecddbf}.room-card[aria-pressed="true"] span{color:#fff2d7}.room-card:hover img{filter:brightness(1.15)}#hotspots{position:fixed;inset:0;pointer-events:none}.hotspot{position:absolute;left:0;top:0;display:flex;align-items:center;flex-direction:column;gap:7px;pointer-events:auto;background:none;padding:10px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 7px #0008)}.hotspot[hidden]{display:none}.hotspot .label{background:#202724b8;padding:7px 12px;border-radius:7px;white-space:nowrap;font-size:14px}.hotspot .target{width:31px;height:31px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:#ffffff25}.hotspot .target svg{width:20px;height:20px;stroke-width:2}.hotspot:hover .label{background:#e7d6b7;color:#1e2721}.hotspot:hover .target{background:#ffffff70}#loading{position:fixed;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#1b241cba;backdrop-filter:blur(8px);font-size:14px}#loading[hidden]{display:none}.loader-ring{width:35px;height:35px;border:2px solid #ffffff30;border-top-color:#eadbc0;border-radius:50%;animation:loadspin .8s linear infinite}@keyframes loadspin{to{transform:rotate(360deg)}}#error{position:fixed;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);width:min(380px,90%);padding:24px;background:#202923;border:1px solid #ffffff30;border-radius:16px;line-height:1.6}#error[hidden]{display:none}#error p{font-size:14px;color:#ddd}#retry{background:#eadbc0;color:#222b26;border-radius:8px;padding:10px 18px}dialog{padding:23px;border:1px solid #ffffff2d;background:#f8f7f3;color:#253129;border-radius:18px;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-shadow:0 25px 100px #0007}dialog::backdrop{background:#0a1410b8;backdrop-filter:blur(9px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dialog-heading h2{font-size:20px;margin:0 0 8px;font-weight:600}.dialog-heading p{font-size:14px;color:#5f6861;margin:0 0 18px}.close-button{width:36px;height:36px;flex:none;background:#2531290b;border-radius:50%;font-size:25px;color:#253129;line-height:1}.plan-area{position:relative}.plan-area>img{display:block;width:100%;height:auto;border-radius:8px}.plan-point{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;padding:0;border:3px solid #fff;border-radius:50%;background:#30473e;box-shadow:0 0 0 4px #30473e33,0 3px 8px #0004}.plan-point[aria-current="true"]{background:#c19243;box-shadow:0 0 0 5px #c1924344}.plan-point::after{content:attr(aria-label);display:none;position:absolute;left:50%;bottom:28px;transform:translateX(-50%);background:#233128;color:#fff;font-size:12px;white-space:nowrap;padding:4px 7px;border-radius:5px}.plan-point:hover::after,.plan-point:focus-visible::after{display:block}#info-dialog{max-width:500px}.info-body{font-size:15px;line-height:1.8}.info-body p{margin:12px 0}.info-body ul{padding-left:22px;color:#49574e}.source-note{background:#e9e9df;padding:14px 16px;margin-top:19px;border-radius:10px;font-size:13px;color:#5b665e}.source-note p{margin-bottom:0}.source-note strong{color:#3d4d42}body.modal-open #hotspots{visibility:hidden}@media(min-width:1150px){.tour-caption{max-width:1100px;margin:auto}}@media(max-width:700px){header{padding:calc(18px + env(safe-area-inset-top)) 17px 0}.brand{font-size:17px}.brand span{font-size:12px;margin-top:6px;letter-spacing:.06em}.icon-button{width:36px;height:36px}.icon-button svg{width:20px;height:20px}.top-actions{gap:7px}.current-space{top:calc(89px + env(safe-area-inset-top));padding:8px 12px;gap:7px;font-size:13px}.space-type{font-size:11px}.side-tools{right:14px;top:48%;gap:9px}.side-tools .icon-button{width:36px;height:36px}.bottom-wrap{padding:0 12px calc(12px + env(safe-area-inset-bottom))}.tour-caption{font-size:12px;padding-bottom:7px}.tour-caption button{font-size:11px}.room-dock{padding:8px;gap:9px;border-radius:13px}.plan-button{width:50px;font-size:11px;gap:7px}.plan-button svg{width:21px;height:21px}.room-card{width:83px;height:66px;border-radius:7px}.room-card span{font-size:12px;bottom:6px;left:6px}#room-list{gap:7px}.hotspot .label{font-size:13px;padding:6px 9px}.hotspot .target{width:26px;height:26px}#welcome-hint{font-size:13px;padding:10px 14px;gap:7px;top:41%}#welcome-hint svg{width:30px}.dialog-heading h2{font-size:18px}.dialog-heading p{font-size:13px}dialog{padding:17px}.plan-point{width:20px;height:20px;border-width:2px}.info-body{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loader-ring{animation:none}}

/* Main controls stay readable on touch screens. */
.room-card span,.plan-button,.hotspot .label{font-size:14px}.room-card{width:112px}@media(max-width:700px){.room-card{width:98px;height:72px}.plan-button{width:54px}.room-card span,.plan-button,.hotspot .label{font-size:14px}.current-space{font-size:14px}.plan-button svg{width:23px;height:23px}}