/* The original DOM room stays visible until the complete Pixi core is ready. */
#pixi-room-root, .pixi-room-mount { position: absolute; inset: 0; width: 100%; height: 100%; }
#pixi-room-root { z-index: 0; pointer-events: none; }
.pixi-room-mount canvas { display: block; width: 100%; height: 100%; }
.pixi-ready #pixi-room-root { pointer-events: auto; }
.pixi-ready .room-world { visibility: hidden; pointer-events: none; }
.pixi-ready .object-hotspots { position: absolute; inset: 0; z-index: 5; visibility: visible; pointer-events: none; }
.pixi-ready .hotspot { pointer-events: none; }
.pixi-ready .hotspot.is-pixi-hover:before { opacity: 1; transform: scale(1); }
.pixi-ready .hotspot.is-pixi-hover .hotspot-label { opacity: 1; transform: translate(-50%, 0); }
.pixi-ready .hotspot.is-pixi-hover .hotspot-dot { transform: scale(1.3); background: #fff1d7; }
.pixi-ready[data-scene-hover="phone"] .phone-light,
.pixi-ready[data-scene-hover="camera"] .camera-focus { opacity: 1; }
.pixi-ready .room-introduction, .pixi-ready .room-caption { pointer-events: none; }
.pixi-ready .room-introduction button { pointer-events: auto; }
.mobile-cat-control { display: none !important; }
@media (max-width: 650px) {
  .mobile-cat-control:not([hidden]) { display: flex !important; width: 100%; align-items: center; gap: 16px; min-height: 51px; padding: 16px 0; text-align: left; border-top: 1px solid var(--line); font-size: 13px; }
  .mobile-cat-control span { font: 9px ui-monospace, monospace; color: #929887; }
  .mobile-cat-control b { margin-left: auto; font-weight: 400; }
  .pixi-ready .object-hotspots { opacity: 0; pointer-events: none; }
  .pixi-ready.show-hotspots .object-hotspots { opacity: 1; }
}