.zoom-controls.view-controls { overflow:visible; z-index:18; }
.view-primary { display:flex; flex-direction:column; overflow:hidden; border-radius:14px; }
.view-controls .view-primary button { font-size:22px; }
.view-controls .view-primary #viewControlsToggle { font-size:11px; font-weight:700; }
.view-controls button[aria-pressed="true"], .view-controls button[aria-expanded="true"] { background:rgba(121,212,255,.23); color:#c9efff; }
.view-controls button:disabled { opacity:.5; cursor:progress; }
.view-controls button:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
.view-controls-panel { position:absolute; right:calc(100% + 8px); top:0; width:224px; max-width:calc(100vw - 78px); padding:13px; border-radius:14px; background:rgba(7,18,27,.97); box-shadow:0 12px 32px #0006; }
.view-controls-panel[hidden] { display:none; }
.view-controls-panel strong { display:block; font-size:12px; margin-bottom:10px; }
.view-controls-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.view-controls .view-controls-grid button { width:auto; min-height:38px; height:auto; padding:8px; border:1px solid var(--border); border-radius:8px; font-size:11px; line-height:1.3; }
.view-controls .view-controls-grid button:first-child { grid-column:1/-1; }
.view-controls-panel p { font-size:11px; color:var(--muted); line-height:1.6; margin:11px 0 0; }
.area-detail-status { position:fixed; z-index:9; bottom:48px; left:430px; padding:6px 9px; border-radius:9px; max-width:calc(100vw - 840px); font-size:10px; color:var(--muted); pointer-events:none; }
.cursor-coords, .monuments-ready .cursor-coords { top:auto; bottom:24px; right:18px; }
.inspect { right:76px; z-index:20; }
.site-catalog-link { margin-left:12px; color:var(--accent); text-decoration:none; letter-spacing:0; white-space:nowrap; }
.site-catalog-link:hover { text-decoration:underline; }
.site-catalog-link[hidden] { display:none; }
@media (max-width:1100px) { .area-detail-status { left:430px; max-width:calc(100vw - 450px); bottom:44px; } }
@media (max-width:1000px) {
  .monuments-open .view-controls { visibility:hidden; pointer-events:none; }
}
@media (max-width:720px) {
  .zoom-controls.view-controls, .monument-launcher { top:100px; }
  .monument-panel { top:148px; max-height:calc(100dvh - 162px); }
  .view-controls .view-primary button { width:38px; height:38px; }
  .inspect { right:10px; top:100px; }
  .area-detail-status { left:12px; bottom:30px; max-width:calc(100vw - 24px); font-size:9px; }
  .cursor-coords, .monuments-ready .cursor-coords { top:auto; bottom:10px; right:12px; }
  .site-catalog-link { margin-left:0; }
}