html, body { margin:0; height:100%; font-family: Inter, Arial, sans-serif; background:#071321; color:#fff; }
#panorama { width:100vw; height:100vh; }
.topbar {
  position:fixed; top:0; left:0; right:0; z-index:20; display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:14px 18px; background:linear-gradient(180deg, rgba(7,19,33,.88), rgba(7,19,33,.35) 72%, rgba(7,19,33,0));
}
.brand strong { display:block; font-size:1.1rem; }
.brand span { display:block; font-size:.86rem; color:#d6e3f1; margin-top:2px; }
.actions { display:flex; gap:10px; align-items:center; }
.actions a, .actions button {
  display:inline-flex; align-items:center; justify-content:center; padding:11px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.12); color:#fff; cursor:pointer; font-weight:700; text-decoration:none;
}
.scene-drawer {
  position:fixed; top:78px; left:18px; width:min(320px, calc(100vw - 36px)); max-height:calc(100vh - 110px); overflow:auto;
  z-index:15; background:rgba(7,19,33,.76); backdrop-filter: blur(10px); border:1px solid rgba(255,255,255,.12);
  border-radius:20px; padding:18px;
}
.scene-drawer h3 { margin:0 0 10px; font-size:1rem; }
.scene-list { display:grid; gap:10px; }
.scene-link {
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); color:white; border-radius:14px; padding:12px 14px;
  cursor:pointer; text-align:left; font-weight:700;
}
.scene-link small { display:block; color:#b9cad9; font-weight:500; margin-top:5px; }
.scene-link.active { background:#1f5f95; }
.info-panel {
  position:fixed; right:18px; top:78px; width:min(380px, calc(100vw - 36px)); max-height:calc(100vh - 110px); overflow:auto;
  z-index:17; background:rgba(255,255,255,.97); color:#1c2a39; border-radius:22px; padding:24px; box-shadow:0 18px 45px rgba(0,0,0,.25); display:none;
}
.info-panel.open { display:block; }
.info-panel h2 { margin:0 0 4px; color:#0f2742; }
.info-panel .sub { color:#627386; font-weight:700; }
.info-panel .price { font-size:2rem; color:#0f2742; font-weight:900; margin:12px 0; }
.info-panel ul { margin:0; padding-left:18px; line-height:1.7; color:#334352; }
.info-panel p { color:#334352; line-height:1.7; }
.close-btn {
  position:absolute; top:14px; right:14px; width:36px; height:36px; border-radius:50%; border:0; background:#eaf2fb; color:#0f2742; cursor:pointer; font-size:1.1rem; font-weight:900;
}
.hotspot-modal {
  position:fixed; inset:0; z-index:30; display:none; align-items:center; justify-content:center; background:rgba(3,9,16,.48);
}
.hotspot-modal.open { display:flex; }
.hotspot-card {
  width:min(460px, calc(100vw - 32px)); background:white; color:#1c2a39; border-radius:22px; padding:26px; box-shadow:0 18px 48px rgba(0,0,0,.28);
}
.hotspot-card h3 { margin:0 0 12px; color:#0f2742; }
.hotspot-card p { margin:0; line-height:1.7; color:#344454; }
.hotspot-card button { margin-top:18px; padding:12px 16px; border:0; border-radius:999px; background:#0f2742; color:white; font-weight:700; cursor:pointer; }
.pnlm-about-msg { display:none !important; }
@media (max-width: 960px) {
  .scene-drawer { left:12px; right:12px; width:auto; max-height:210px; top:auto; bottom:12px; }
  .info-panel { left:12px; right:12px; top:84px; width:auto; }
  .topbar { flex-direction:column; align-items:flex-start; }
}