*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Arial,sans-serif;background:#000}button{font:inherit;cursor:pointer;border:0;padding:0;background:none}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[hidden]{display:none!important}#pano{position:fixed;inset:0;width:100%;height:100%}#spinner{position:fixed;z-index:2;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;background: var(--spinner) 0 0 / 768px 64px;animation:spin .8s steps(12) infinite;pointer-events:none}@keyframes spin { to { background-position-x: -768px; } }.hotspots{transition:opacity .3s}.hotspots.faded{opacity:0!important;pointer-events:none!important}.hs{width:35px;height:35px;margin:-17.5px 0 0 -17.5px}.hs>button{display:block;position:relative;width:35px;height:35px;background: center / contain no-repeat;opacity:.8;transition:transform .2s , opacity .2s}.hs>button:hover{transform:scale(1.2);opacity:1}.hs>button::after,.spot::after{content:attr(data-label);position:absolute;left:50%;bottom:100%;margin-bottom:4px;transform:translateX(-50%);color:#fff;font:bold 14px Arial,sans-serif;text-shadow:1px 1px 4px #000;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.hs>button:hover::after,.spot:hover::after{opacity:1}.spot::after{padding:2px 6px;border-radius:3px;background:#fff;color:#222;font-size:12px;text-shadow:none;z-index:1}.logo{position:fixed;z-index:3;background: center / contain no-repeat}#bar{position:fixed;z-index:3;left:50%;bottom:60px;transform:translateX(-50%);display:flex}#bar button{width:36px;height:36px;background: center / contain no-repeat;opacity:.8;transition:opacity .2s , transform .2s;touch-action:none}#bar button:hover{opacity:1;transform:translateY(-2px)}@media (hover:none){#bar button:not(#rotate) {display:none}}#scenePicker{position:fixed;z-index:4;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column-reverse;width:max-content;max-width:calc(100vw - 40px);border-radius:5px;background:rgba(255,255,255,.95);box-shadow:2px 4px 20px rgba(0,0,0,.5);color:#222;font:12px Arial,sans-serif}#scenePicker button{display:block;width:100%;padding:8px 10px;color:#222;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sceneChoose::after{content:"\25BC";float:right;margin-left:10px;color:#999}#sceneList{padding:4px 4px 0;max-height:calc(100vh - 120px);overflow:auto}#sceneList[hidden]{display:block!important;visibility:hidden;height:0;padding:0}#sceneList button{padding:6px 30px 6px 6px;border-radius:3px}#sceneList button:hover{background:rgba(34,119,255,.25)}#sceneList button.current{font-weight:bold}#infoClose{position:absolute;top:15px;right:15px;width:32px;height:32px;background:var(--close) 0 0 no-repeat}#infoClose:hover{background-position:0 100%}#info{width:min(630px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow:auto;padding:15px 15px 20px;border:0;outline:0;border-radius:15px;background:rgba(255,255,255,.8);color:#666;font:14px Arial,sans-serif}#info::backdrop{background:rgba(0,0,0,.5)}#infoBody{position:relative;margin-top:32px}#info img{display:block;width:100%;height:auto}#infoPrev,#infoNext{position:absolute;top:50%;width:32px;height:32px;margin-top:-16px}#infoPrev{left:0;background:var(--prev) 0 0 no-repeat}#infoNext{right:0;background:var(--next) 0 0 no-repeat}#infoPrev:hover,#infoNext:hover{background-position:0 100%}#infoCaption{margin-top:10px;text-align:left}#ctxMenu{position:fixed;z-index:40;padding:4px 0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4);font:12px Arial,sans-serif}#ctxMenu a{display:block;padding:6px 14px;color:#333;text-decoration:none;white-space:nowrap}#ctxMenu a:hover{background:#eee}