/* Cinematic world: scoped to the existing immersive section. */
.world360.is-panorama { background: #030713; }
.world360.is-panorama .world360-shade {
  background: linear-gradient(180deg, rgba(3,7,18,.24), transparent 23%, transparent 72%, rgba(3,7,18,.42));
  animation: none;
}
.world360.is-panorama .world360-canvas { filter: none; }
.world360-floor-nav > button { left: 0; top: 0; will-change: translate; }
.world360-room-navigator button:disabled,
.world360-orbit-toggle:disabled { cursor: progress; opacity: .6; }
.world360-room-navigator {
  position: absolute; z-index: 14; inset-inline: 24px; bottom: 88px;
  display: flex; justify-content: center; gap: 5px; width: fit-content;
  max-width: calc(100% - 48px); margin-inline: auto; padding: 6px;
  border: 1px solid rgba(151,181,255,.25); border-radius: 14px;
  background: rgba(7,13,29,.82); backdrop-filter: blur(18px);
  box-shadow: 0 12px 40px rgba(12,18,12,.14);
}
.world360-room-navigator button {
  display: flex; align-items: center; gap: 7px; padding: 11px 14px;
  min-height: 44px; border: 1px solid transparent; border-radius: 8px;
  background: transparent; color: #e8efff; font: 500 12px/1.4 Heebo,sans-serif;
  white-space: nowrap; cursor: pointer; transition: background .2s, color .2s;
}
.world360-room-navigator small { font: 10px/1 monospace; opacity: .6; }
.world360-room-navigator button:hover { background: rgba(128,171,255,.14); }
.world360-room-navigator button[aria-current="location"] { background: var(--room-color, #8ab7ff); color: #061020; }
.world360-room-navigator button:focus-visible { outline: 2px solid #b8d4ff; outline-offset: 2px; }
.world360:not(.is-panorama) .world360-room-navigator { display: none; }
.world360.is-panorama .world360-room-brand { padding: 12px 16px; border-radius: 10px; background: rgba(7,13,29,.65); backdrop-filter: blur(14px); }
.world360.is-panorama .world360-status { color: #f1f5ff; text-shadow: 0 1px 8px #091020; }
.world360.is-panorama .world360-discovery i { box-shadow: 0 0 22px color-mix(in srgb, var(--room-color, #8ab7ff) 55%, transparent); }
.world360.is-panorama .world360-floor-arrow .arrow-label { background: rgba(6,14,34,.85); border-color: rgba(159,190,255,.4); color: #eef5ff; }
.world360.is-panorama .world360-transition { background: #070e21; }
.world360-orbit-toggle {
  position: absolute; z-index: 14; inset-inline-start: 24px; bottom: 27px;
  display: none; min-height: 44px; padding: 10px 16px;
  color: #e8efff; font: 500 12px/1.4 Heebo,sans-serif; cursor: pointer;
  border: 1px solid rgba(151,181,255,.3); border-radius: 30px;
  background: rgba(7,13,29,.78); backdrop-filter: blur(14px);
}
.world360.is-panorama .world360-orbit-toggle { display: block; }
.world360-orbit-toggle[aria-pressed="true"] { color: var(--room-color); border-color: currentColor; }
.world360-orbit-toggle:focus-visible { outline: 2px solid #b8d4ff; outline-offset: 3px; }
.world360.is-guided-tour .world360-room-navigator { opacity: .8; }
.world360.is-panorama[data-current-room="management"] .world360-agent-subtitle { bottom: 160px; }
.world360.has-open-blueprint .world360-room-navigator,
.world360.has-open-blueprint .world360-orbit-toggle { visibility: hidden; }
.world360-object-stage.is-open { box-shadow: 0 40px 120px #0009, 0 0 100px color-mix(in srgb, var(--room-color, #8ab7ff) 16%, transparent); }
@media (max-width: 760px) {
  .world360-room-navigator { inset-inline: 12px; bottom: 78px; max-width: calc(100% - 24px); width: calc(100% - 24px); justify-content: flex-start; overflow-x: auto; scrollbar-width: none; scroll-padding-inline: 8px; border-radius: 11px; }
  .world360-room-navigator::-webkit-scrollbar { display: none; }
  .world360-room-navigator button { flex: 0 0 auto; padding: 9px 11px; font-size: 11px; }
  .world360.is-panorama .world360-room-brand { padding: 8px; }
  .world360-orbit-toggle { bottom: 143px; inset-inline-start: 14px; font-size: 11px; padding: 8px 13px; }
  .world360.is-panorama .world360-continue { bottom: 143px; left: 12px; right: auto; }
  .world360.is-panorama[data-current-room="management"] .world360-agent-subtitle { bottom: 195px; }
}
@media (prefers-reduced-motion: reduce) {
  .world360-room-navigator button { transition: none; }
}