.lx-panel{position:fixed;z-index:35;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top,0px));width:min(420px,calc(100vw - 32px));
  background:rgba(12,12,14,.9);color:#efe8dc;border:1px dashed rgba(212,175,106,.7);border-radius:12px;font:13px/1.4 var(--body);backdrop-filter:blur(10px)}
.lx-panel summary{cursor:pointer;padding:8px 12px;font-weight:600;color:#e8c98a}
.lx-body{padding:0 12px 10px;display:grid;gap:8px;max-height:60vh;overflow:auto}
.lx-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}
.lx-row small{color:#b4ab9e}
.lx-st{font-style:normal;font-size:11px;padding:1px 6px;border-radius:999px;border:1px solid currentColor;margin-left:4px}
.lx-proposed{color:#e8c98a}.lx-approved{color:#9fd8a8}.lx-off{color:#888}
.lx-note{margin:2px 0 0;color:#9c9387;font-size:12px}
/* stairs sign sits above the Gyro Theory sign; arrow points down */
#hotspots .hs.docked.hs-stairs{bottom:calc(214px + env(safe-area-inset-bottom,0px))}
#hotspots .hs.docked.hs-stairs .ks-arrow{transform:none;animation:ks-bob 1.2s ease-in-out infinite}
@media (max-width:620px){#hotspots .hs.docked.hs-stairs{bottom:calc(190px + env(safe-area-inset-bottom,0px))}}
.dp-cap{position:absolute;left:50%;top:22%;transform:translateX(-50%);margin:0;font:600 12px var(--body);letter-spacing:.22em;text-transform:uppercase;
  color:#f0d79e;opacity:0;transition:opacity .4s;text-shadow:0 1px 12px #000}
.dp-cap.on{opacity:1}
