:root{font-family:Arial,sans-serif;color:#fff;background:#171b1a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}#pano{position:absolute;inset:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:#182522ed;border:1px solid #ffffff38;border-radius:8px;padding:12px 16px}button:hover{background:#3d534b}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e7c47b;outline-offset:3px}header{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:20px;padding:16px 20px;background:#17241edb;border:1px solid #ffffff25;border-radius:12px;pointer-events:none;max-width:calc(100% - 270px)}header a{pointer-events:auto}header img{width:140px;max-height:80px;object-fit:contain}header p{font-size:10px;letter-spacing:3px;color:#dfc58c;margin:0 0 7px}h1{font:24px Georgia,serif;margin:0 0 8px}#scene-title{font-size:13px;color:#eee}#menu{position:absolute;right:22px;top:20px}#places{position:absolute;right:22px;top:78px;bottom:100px;width:310px;max-width:calc(100% - 44px);padding:20px;background:#15251df5;border:1px solid #ffffff30;border-radius:12px;overflow:auto}#places label{display:block;font:21px Georgia,serif;margin-bottom:15px}input{width:100%;padding:12px;border:1px solid #ffffff45;border-radius:6px;background:#ffffff12;color:white;margin-bottom:16px}nav h2{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#e0c995;margin:16px 0 10px}nav button{display:block;width:100%;text-align:left;margin:4px 0;background:transparent;border-color:transparent;padding:10px;font-size:13px}nav button[aria-current=true]{border-color:#d0b777;background:#ffffff16}.hotspot{position:relative;border-radius:50%;padding:0;width:44px;height:44px;background:#ffffffeb;color:#193728;box-shadow:0 3px 14px #0008;border:2px solid white;font-size:29px;line-height:36px;transform:translate(-50%,-50%)}.hotspot span{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);font-size:12px;line-height:1.3;background:#13271ce8;color:white;padding:6px 9px;border-radius:5px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.hotspot:hover{background:#ead49a}.hotspot:hover span{background:#193728}footer{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}footer a,footer button{pointer-events:auto}footer a{color:white;text-decoration:none;font-size:12px;background:#14271bd9;padding:8px;border-radius:4px}.hint{font-size:12px;text-shadow:0 1px 5px black;max-width:220px}.controls{display:flex;gap:6px}.controls button[aria-pressed=true]{background:#a28549}#status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#14271beb;border-radius:8px;padding:20px;max-width:85%;text-align:center;pointer-events:none}#status:empty{display:none}[hidden]{display:none!important}@media(max-width:700px){header{left:12px;top:12px;padding:12px;max-width:calc(100% - 80px);gap:10px}header img{width:65px;max-height:55px}header p{display:none}h1{font-size:17px}#scene-title{font-size:11px}#menu{right:12px;top:12px;padding:12px}#menu span{display:none}#places{right:12px;top:92px;bottom:90px;width:310px}.hint{display:none}footer{left:10px;right:10px;bottom:12px;gap:5px}.controls{gap:4px}.controls button{font-size:12px;padding:12px 10px}footer a{font-size:10px}.hotspot span{max-width:140px;font-size:11px}}