*{box-sizing:border-box}body{color:#fff;background:#15252d;margin:0;font-family:Arial,sans-serif}#tour{height:100dvh;min-height:360px;position:relative;overflow:hidden}#scene{position:absolute;inset:0}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas:focus-visible{outline-offset:-4px;outline:3px solid #eacb80}#scene img{object-fit:cover;width:100%;height:100%}#status{background:#15252deb;border-radius:10px;padding:16px;position:absolute;top:20px;left:20px;right:20px}#status[hidden]{display:none}#toolbar{direction:ltr;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;bottom:70px;left:12px;right:12px}button{color:#fff;cursor:pointer;background:#182d38ed;border:1px solid #b99a5d;border-radius:8px;min-width:40px;height:44px;font-size:22px}button:hover,button:focus-visible{color:#10212a;background:#bd9948;outline:2px solid #fff}button:disabled{opacity:.4}#hint{bottom:0;text-align:center;text-shadow:0 2px 4px #000;background:#14242cd9;border-radius:6px;padding:9px;font-size:12px;position:absolute;inset-inline:10px}#status button{margin-top:12px;font-size:16px;display:block}#scenes{top:12px;z-index:3;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;inset-inline:12px}#scenes button{background:#162c37ed;padding:8px 12px;font-size:13px}#scenes button[aria-current=true]{color:#132b37;background:#d7b76e;border-color:#fff}#status{z-index:5;top:76px}#hotspots{pointer-events:none;z-index:2;position:absolute;inset:0}.hotspot{pointer-events:auto;white-space:nowrap;background:#18343ceb;border-radius:30px;padding:8px 14px;font-size:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #ddba7530}.hotspot[hidden]{display:none}#toolbar,#hint{z-index:3}@media (width<=400px){#scenes button{padding:5px 8px;font-size:11px}#hint{font-size:11px}}