:root{color-scheme:dark;--panel:rgba(18,22,19,.82);--line:rgba(255,255,255,.18);--text:#db9600;--muted:#db9600;--accent:#db9600}
*{box-sizing:border-box}html,body,#tour{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#090b09;color:var(--text)}button{font:inherit;color:inherit}#tour{position:relative;isolation:isolate;background:#090b09}#pano{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 22%,transparent 66%,rgba(0,0,0,.12) 74%,rgba(0,0,0,.76));z-index:1}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 28px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;color:var(--accent);font-size:13px;letter-spacing:-1px}.brand strong,.brand span:not(.brand-mark){display:block}.brand strong{font-size:12px;letter-spacing:.16em}.brand div span{font-size:9px;letter-spacing:.2em;color:var(--muted);margin-top:4px}.scene-heading{text-align:center}.scene-heading span,.bottom-caption span{font-size:9px;letter-spacing:.2em;color:var(--accent)}.scene-heading h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(20px,2.4vw,30px);letter-spacing:.04em;margin:4px 0 0}.top-actions{display:flex;justify-content:flex-end;gap:8px}.icon-button,.close-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:rgba(0,0,0,.2);cursor:pointer;font-size:20px;transition:.2s}.icon-button:hover,.close-button:hover,.controls button:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.5)}.loading{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:12px;background:rgba(5,7,5,.35);font-size:12px;letter-spacing:.08em;color:#eee;transition:opacity .35s}.loading.hidden{opacity:0;pointer-events:none}.spinner{width:27px;height:27px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{position:absolute;z-index:5;top:25%;left:50%;transform:translateX(-50%);max-width:min(540px,88vw);padding:16px 20px;border:1px solid #b66;border-radius:10px;background:#331d1d;color:#fff;font-size:14px}.direction{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:48px;height:62px;border:1px solid rgba(255,255,255,.35);border-radius:6px;background:rgba(0,0,0,.22);font:300 38px/1 Georgia,serif;cursor:pointer;opacity:.72;transition:.2s}.direction:hover{opacity:1;background:rgba(0,0,0,.55)}.previous{left:22px}.next{right:22px}.gesture-hint{position:absolute;z-index:2;left:50%;bottom:132px;transform:translateX(-50%);padding:7px 12px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(0,0,0,.24);font-size:10px;color:rgba(255,255,255,.82);white-space:nowrap;transition:opacity 1s}.gesture-hint.hidden{opacity:0}.bottom-bar{position:absolute;z-index:3;bottom:0;left:0;right:0;min-height:115px;padding:14px 28px max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:170px minmax(0,1fr) 134px;gap:18px;align-items:end;background:linear-gradient(0deg,rgba(7,9,7,.88),rgba(7,9,7,.28));}.bottom-caption{padding-bottom:4px}.bottom-caption strong{display:block;margin-top:6px;font-family:Georgia,serif;font-size:18px;font-weight:400}.scene-strip-wrap{overflow:hidden;min-width:0}.scene-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent;padding:2px 1px 7px}.scene-card{position:relative;flex:0 0 142px;height:78px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#171a17;cursor:pointer;padding:0;text-align:left;transition:border-color .2s,transform .2s}.scene-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.7)}.scene-card.active{border:2px solid var(--accent)}.scene-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.8}.scene-card.active img{opacity:1}.scene-card::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.76))}.scene-card span{position:absolute;z-index:1;bottom:7px;left:8px;right:5px;font-size:9px;letter-spacing:.07em;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{display:flex;justify-content:flex-end;gap:6px;padding-bottom:3px}.controls button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.06);cursor:pointer;font-size:20px}.offline-note{position:absolute;z-index:2;right:28px;top:75px;color:rgba(255,255,255,.52);font-size:9px;letter-spacing:.06em}.scene-panel{position:absolute;z-index:6;top:82px;right:26px;bottom:112px;width:min(355px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(16px);box-shadow:0 14px 48px rgba(0,0,0,.35);overflow:hidden}.scene-panel[hidden]{display:none}.panel-heading{height:58px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-heading strong{display:block;font-size:10px;letter-spacing:.16em}.panel-heading span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.close-button{width:32px;height:32px;font-size:22px}.scene-list{height:calc(100% - 58px);overflow:auto;padding:7px}.scene-option{display:grid;grid-template-columns:82px 1fr;gap:11px;align-items:center;width:100%;padding:7px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.scene-option:hover,.scene-option.active{background:rgba(255,255,255,.12)}.scene-option img{width:82px;height:48px;object-fit:cover;border-radius:3px}.scene-option b{display:block;font-size:11px;letter-spacing:.06em}.scene-option small{display:block;margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:.08em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.topbar{padding:13px 14px;grid-template-columns:1fr auto}.scene-heading{grid-column:1;grid-row:2;text-align:left;margin:14px 0 0 51px}.top-actions{grid-column:2;grid-row:1}.brand-mark{width:34px;height:34px}.brand strong{font-size:10px}.bottom-bar{grid-template-columns:1fr auto;gap:5px 10px;padding:10px 12px max(10px,env(safe-area-inset-bottom));min-height:142px}.bottom-caption{grid-column:1;grid-row:1}.bottom-caption strong{font-size:15px}.scene-strip-wrap{grid-column:1/-1;grid-row:2}.controls{grid-column:2;grid-row:1}.scene-card{flex-basis:120px;height:65px}.gesture-hint{bottom:153px;font-size:9px}.direction{width:37px;height:50px;font-size:30px}.previous{left:9px}.next{right:9px}.offline-note{top:73px;right:14px;font-size:8px}.scene-panel{top:114px;right:10px;bottom:145px;width:min(340px,calc(100vw - 20px))}}
@media(max-height:520px) and (orientation:landscape){.topbar{padding:9px 16px}.scene-heading{display:none}.bottom-bar{min-height:90px;padding:7px 16px}.scene-card{height:55px;flex-basis:110px}.gesture-hint{bottom:101px}.scene-panel{top:58px;bottom:90px}}
.edit-button[aria-pressed="true"]{background:rgba(217,187,122,.28);border-color:var(--accent);color:#ffe2a4}.edit-mode #pano{cursor:crosshair}.hotspot-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.hotspot-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:grid;justify-items:center;gap:4px;border:0;background:transparent;cursor:pointer;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.8));}.hotspot-marker .hotspot-dot{width:32px;height:32px;border:2px solid #fff;border-radius:50%;background:rgba(196,150,71,.9);display:grid;place-items:center;font-size:15px;box-shadow:0 0 0 5px rgba(217,187,122,.22);transition:transform .2s}.hotspot-marker:hover .hotspot-dot{transform:scale(1.16)}.hotspot-marker .hotspot-name{max-width:160px;padding:4px 7px;border-radius:3px;background:rgba(8,10,8,.72);font-size:10px;font-weight:700;letter-spacing:.05em;white-space:nowrap}.hotspot-marker.editable .hotspot-dot{background:#b34a41;border-color:#ffd2cb}.hotspot-marker.editable .hotspot-dot::after{content:"×";font-size:18px}.editor-hint{position:absolute;z-index:5;left:50%;top:82px;transform:translateX(-50%);padding:10px 16px;border:1px solid rgba(217,187,122,.65);border-radius:5px;background:rgba(30,25,16,.9);color:#ffe2a4;font-size:10px;letter-spacing:.08em;text-align:center}.editor-hint[hidden],.hotspot-editor[hidden],.hotspot-dialog[hidden]{display:none}.hotspot-editor{position:absolute;z-index:7;top:132px;right:26px;bottom:112px;width:min(355px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(16px);box-shadow:0 14px 48px rgba(0,0,0,.35);overflow:hidden;display:flex;flex-direction:column}.hotspot-items{flex:1;overflow:auto;padding:8px}.hotspot-row{display:flex;align-items:center;gap:8px;padding:9px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}.hotspot-row span{flex:1;line-height:1.4}.hotspot-row small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.remove-hotspot{width:28px;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#ffd2cb;cursor:pointer;font-size:17px}.empty-hotspots{padding:16px 10px;color:var(--muted);font-size:12px;line-height:1.5}.download-hotspots{margin:8px 12px 0;padding:11px;border:1px solid rgba(217,187,122,.6);border-radius:5px;background:rgba(217,187,122,.16);color:#ffe2a4;font-weight:650;cursor:pointer}.download-hotspots:hover{background:rgba(217,187,122,.28)}.editor-help{margin:9px 14px 14px;color:var(--muted);font-size:10px;line-height:1.5}.editor-help b{color:#fff}.hotspot-dialog{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.hotspot-form{position:relative;width:min(430px,100%);padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#1a1c19;box-shadow:0 18px 60px rgba(0,0,0,.5)}.dialog-close{position:absolute;right:14px;top:11px;border:0;background:transparent;color:#ddd;font-size:23px;cursor:pointer}.dialog-kicker{font-size:9px;letter-spacing:.17em;color:var(--accent)}.hotspot-form h2{margin:8px 0 20px;font:400 22px Georgia,serif}.hotspot-form label{display:block;margin:12px 0 6px;color:#deded6;font-size:11px}.hotspot-form select,.hotspot-form input{width:100%;height:42px;padding:0 11px;border:1px solid rgba(255,255,255,.24);border-radius:4px;background:#111310;color:#fff;font:inherit}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.form-actions button{padding:10px 14px;border-radius:4px;cursor:pointer}.secondary-button{border:1px solid var(--line);background:transparent}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#15140f;font-weight:700}
@media(max-width:760px){.hotspot-editor{top:150px;right:10px;bottom:145px;width:min(340px,calc(100vw - 20px))}.editor-hint{top:106px;width:calc(100% - 28px);font-size:9px}.hotspot-form{padding:25px 19px}.hotspot-marker .hotspot-dot{width:29px;height:29px}}
#tour,#tour *{font-family:"Lithos Pro",Lithos,"Trebuchet MS",sans-serif;color:#db9600}
.bottom-bar{grid-template-columns:170px minmax(0,1fr) 310px}
.controls button{display:grid;place-items:center}
#vr-toggle{font-size:12px;font-weight:800;letter-spacing:-.04em}
#vr-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#music-toggle[aria-pressed="true"],#vr-toggle[aria-pressed="true"],#normal-mode[aria-pressed="true"]{background:rgba(219,150,0,.24);border-color:#db9600}
.vr-gaze{position:absolute;z-index:8;inset:0;pointer-events:none;text-align:center;filter:drop-shadow(0 2px 5px #000)}
.vr-gaze[hidden]{display:none}
.vr-gaze-aims{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.vr-gaze-reticle{--progress:0;display:block;width:48px;height:48px;border-radius:50%;background:conic-gradient(#db9600 calc(var(--progress)*1%),rgba(255,255,255,.5) 0);position:relative}
.vr-gaze-reticle:nth-child(1){justify-self:center;grid-column:1}
.vr-gaze-reticle:nth-child(2){justify-self:center;grid-column:2}
.vr-gaze-reticle::after{content:"";position:absolute;inset:5px;border-radius:50%;background:rgba(8,10,8,.82);border:1px solid rgba(255,255,255,.85)}
#vr-gaze-label{position:absolute;top:calc(50% + 38px);left:50%;transform:translateX(-50%);max-width:220px;padding:5px 9px;border-radius:4px;background:rgba(8,10,8,.8);font-size:11px;letter-spacing:.04em}
.vr-mode .gesture-hint{display:none}
.vr-mode .direction{display:none}
.vr-interface{position:absolute;inset:0;z-index:8;pointer-events:none}
.vr-interface .hotspot-marker{pointer-events:auto}
@media(max-width:760px){.bottom-bar{grid-template-columns:1fr auto}.controls{grid-column:2;grid-row:1}.controls button:nth-child(n+5){display:none}}