/* Stability and precision pass for the Cassell campus console. */
.campus3d-layout-hud,.campus3d-map-panel,.campus3d-stage,.campus3d-sidebar{overflow-anchor:none}
.campus3d-layout-hud{contain:layout style;scroll-margin:0}
.campus3d-map-panel{min-width:0;contain:layout style}
.campus3d-stage{height:700px;min-height:700px!important;max-height:700px;contain:layout paint;touch-action:none;overscroll-behavior:contain;transform:translateZ(0)}
.campus3d-canvas{display:block;width:100%!important;height:100%!important;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.campus3d-stage-status,.campus3d-map-topbar,.campus3d-system-strip,.campus3d-sidebar-tabs{contain:layout style}
.campus3d-hud-grid{opacity:.8;background:repeating-radial-gradient(ellipse at 50% 52%,transparent 0 39px,rgba(98,177,220,.035) 40px 41px),linear-gradient(90deg,transparent 49.9%,rgba(194,166,106,.08) 50%,transparent 50.1%),linear-gradient(transparent 49.9%,rgba(194,166,106,.06) 50%,transparent 50.1%)}
.campus3d-corner-marks{opacity:.42}
.campus3d-stage:before{background-size:24px 24px,24px 24px,120px 120px,120px 120px!important;opacity:.8}
.campus3d-map-panel{box-shadow:inset 0 0 70px rgba(44,132,185,.055)!important}
.campus3d-stage-status{will-change:auto}
.campus3d-scanline{animation-duration:11s;opacity:.1!important}
.campus3d-mode-switch button,.campus3d-zoom-controls button,.campus3d-toolbar button,.campus3d-hud-rail button,.campus3d-hud-rail a,.campus3d-sidebar-tabs button{touch-action:manipulation}
.campus3d-detail-panel,.campus3d-layer-panel,.campus3d-directory{scroll-margin-top:52px}
.campus3d-directory-list{overscroll-behavior:contain}
.campus3d-system-strip{position:relative;z-index:5}
.campus3d-system-strip:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(99,184,232,.035),transparent);opacity:.7}

@media(max-width:1180px){
  .campus3d-stage{height:620px;min-height:620px!important;max-height:620px}
  .campus3d-sidebar{scroll-behavior:auto!important}
}

@media(max-width:760px){
  html:has(.campus3d-layout-hud){scroll-behavior:auto!important}
  body:has(.campus3d-layout-hud){overflow-x:hidden}
  .campus3d-layout-hud{contain:layout style;width:100%;max-width:100%;margin:0;padding:5px}
  .campus3d-stage{height:540px;min-height:540px!important;max-height:540px;border-radius:0}
  .campus3d-scanline{display:none!important}
  .campus3d-stage:before{background-size:22px 22px,22px 22px,110px 110px,110px 110px!important}
  .campus3d-sidebar{display:block!important;max-height:none!important;overflow:visible!important;scroll-behavior:auto!important}
  .campus3d-sidebar[data-panel="detail"]>.campus3d-layer-panel,.campus3d-sidebar[data-panel="detail"]>.campus3d-directory{display:none!important}
  .campus3d-sidebar[data-panel="layers"]>.campus3d-detail-panel,.campus3d-sidebar[data-panel="layers"]>.campus3d-directory{display:none!important}
  .campus3d-sidebar[data-panel="directory"]>.campus3d-detail-panel,.campus3d-sidebar[data-panel="directory"]>.campus3d-layer-panel{display:none!important}
  .campus3d-sidebar-tabs{position:relative!important;top:auto!important}
  .campus3d-map-topbar{min-height:58px}
  .campus3d-topbar-status{align-content:start}
  .campus3d-system-strip{min-height:0}
  .campus3d-toolbar{min-height:0}
  .campus3d-toolbar p{font-size:9px}
  .campus3d-hud-rail{overscroll-behavior-x:contain;scrollbar-width:none}
  .campus3d-hud-rail::-webkit-scrollbar{display:none}
}

@media(max-width:430px){
  .campus3d-stage{height:500px;min-height:500px!important;max-height:500px}
  .campus3d-stage-status{padding:6px!important}
  .campus3d-mode-switch{bottom:61px!important}
  .campus3d-zoom-controls{bottom:9px!important}
  .campus3d-system-strip span{font-size:9px}
  .campus3d-system-strip strong{font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .campus3d-scanline{display:none!important}
  .campus3d-sidebar{scroll-behavior:auto!important}
}