*{box-sizing:border-box}body{margin:0;background:#07142d;color:#f0e4ce;font-family:system-ui,sans-serif}#experience{position:relative;height:100svh;min-height:560px;overflow:hidden}#stage{position:absolute;inset:0;transition:right .3s}canvas{display:block;width:100%;height:100%;touch-action:none}.top{position:absolute;top:24px;left:28px;pointer-events:none;text-shadow:0 2px 20px #020716}.eyebrow{font-size:10px;letter-spacing:.24em;color:#c4aa7b}h1{font:normal 27px/1.5 'Yu Mincho',serif;letter-spacing:.08em;margin:10px 0}#view-label{font-size:11px;letter-spacing:.08em;color:#b7c4d5}.bottom{position:absolute;left:0;right:0;bottom:0;padding:34px 24px 18px;background:linear-gradient(transparent,#061126ed);display:grid;justify-items:center;gap:9px;pointer-events:none}.bottom>*{pointer-events:auto}nav,.tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}button{font:inherit;font-size:12px;border:1px solid #af9b7259;background:#101d30d9;color:#e9ddc5;border-radius:4px;padding:10px 17px;cursor:pointer;transition:background .2s}button:hover,button[aria-pressed=true]{background:#a89267;color:#08152a}button:focus-visible{outline:2px solid #e8cd99;outline-offset:3px}.tools button{font-size:10px;padding:7px 11px}.tools #atmosphere[aria-pressed=true]{background:#101d30d9;color:#e9ddc5}.hint{font-size:10px;color:#a3b2c4;margin:2px 0 0;text-align:center;line-height:1.8}.hint span{display:block;font-size:9px;color:#8093ab}#status{position:absolute;top:47%;width:100%;text-align:center;font-size:13px;letter-spacing:.1em;pointer-events:none}#reference{position:absolute;right:0;top:0;bottom:165px;width:44%;background:#081328e8;border-left:1px solid #b29c6950;padding:24px;display:flex;flex-direction:column;justify-content:center}#reference[hidden]{display:none}#reference>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:20px}#reference img{width:100%;object-fit:contain;max-height:70vh}#reference p{font-size:10px;color:#8fa5bd;text-align:center}#reference button{padding:7px;font-size:10px}.comparing #stage{right:44%;top:120px;bottom:190px}.comparing h1{font-size:22px}@media(max-width:650px){.top{top:16px;left:18px}h1{font-size:21px}.bottom{padding:28px 10px 12px}nav button{font-size:11px;padding:9px 13px}#reference{top:100px;bottom:auto;width:55%;padding:10px;background:#081328ef;max-height:260px}#reference>div{font-size:9px;margin-bottom:6px}#reference p{font-size:8px}.comparing #stage{right:0;top:0;bottom:0}.comparing .top h1{font-size:20px}.hint span{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#stage canvas{opacity:0;transition:opacity .5s}#stage.loaded canvas{opacity:1}

.poster .top,.poster .bottom,.poster #reference{display:none}

.room-pins{position:absolute;inset:0;pointer-events:none;overflow:hidden}.room-pins[hidden]{display:none}.room-pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;display:flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;background:#0a192eea;border:1px solid #d9bc7b;border-radius:24px;white-space:nowrap;box-shadow:0 3px 20px #0009;font-size:11px}.room-pin[hidden]{display:none}.room-pin i{display:grid;place-items:center;border-radius:50%;width:24px;height:24px;background:#d4b780;color:#102039;font:normal 12px system-ui}.room-pin:hover{background:#d4b780;color:#102039}.poster .room-pins{display:none}@media(max-width:650px){.room-pin{font-size:10px;padding:4px 7px 4px 4px;gap:4px}.room-pin i{width:20px;height:20px;font-size:10px}.bottom .tools{gap:4px}.bottom .tools button{padding:7px 8px;font-size:9px}}
.enter-interior{font-size:11px;padding:8px 13px;text-decoration:none;background:#d1b580;color:#0b1b2c;border-radius:3px}.enter-interior:focus-visible{outline:3px solid white;outline-offset:3px}

.poster #stage canvas{transition:none}