/* Browser text layer over map frames (ModelMaps PRO, Satellite). */
.ovl{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;font-family:Inter,system-ui,sans-serif}
.ovl.off{display:none}
.ovl .ms{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#2b3a48;box-shadow:0 0 0 1px #fff;font-style:normal}
.ovl .ms.mj{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:#111}
.ovl .ms b{position:absolute;left:8px;bottom:2px;font:700 11px/1 Inter,system-ui,sans-serif;color:#10171d;letter-spacing:.01em;white-space:nowrap;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 3px #fff,0 0 3px #fff}
.ovl .ms:not(.mj) b{font-weight:600;font-size:10px}
.ovl.dark .ms{background:#fff;box-shadow:0 0 0 1px #0b0f14}
.ovl.dark .ms b{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 0 3px #000,0 0 3px #000}
.mm-tip{position:fixed;z-index:3200;width:max-content;max-width:min(300px,calc(100vw - 12px));padding:8px 11px;border-radius:6px;background:#0d1014f5;color:#f4efe5;border:1px solid #b8975a66;font:500 12px/1.4 Inter,system-ui,sans-serif;pointer-events:none;box-shadow:0 10px 26px #0008}
.mm-tip[hidden]{display:none}
.mm-tip h4{margin:0;font:700 13px/1.25 Inter,system-ui,sans-serif;color:#fff}
.mm-tip small{display:block;color:#b5afa1;font-size:11px;font-weight:500}
.mm-tip dl{display:grid;grid-template-columns:auto auto;gap:1px 10px;margin:5px 0 0}
.mm-tip dt{color:#b5afa1}.mm-tip dd{margin:0;font-weight:600;color:#fff}
.mm-tip .rng{margin-top:4px;color:#d9c49a;font-weight:600}
.mm-ttl{position:absolute;left:8px;top:8px;z-index:4;max-width:calc(100% - 16px);padding:4px 9px;border-radius:4px;background:#0d1014d9;color:#f4efe5;font:600 12px/1.35 Inter,system-ui,sans-serif;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-ttl small{font-weight:500;font-size:11px;color:#c9c3b6;margin-left:6px}
.mm-ttl[hidden]{display:none}
.mm-lg{position:absolute;right:8px;top:44px;bottom:12px;z-index:4;width:92px;padding:6px 6px 8px;border-radius:4px;background:#0d1014;color:#f4efe5;font:500 10.5px/1.2 Inter,system-ui,sans-serif;display:flex;flex-direction:column;gap:5px;pointer-events:none;overflow:hidden}
.mm-lg[hidden]{display:none}
.mm-lg .lg-t{font-weight:600;font-size:10px;line-height:1.25;max-height:17em;overflow:hidden;flex:none}
.mm-lg.wide{width:158px}
.mm-lg .lg-h{display:flex;gap:1px;font-size:8px;width:58px}.mm-lg .lg-h span{flex:1;text-align:center;overflow:hidden}
.mm-lg .lg-b{flex:1;min-height:0;display:flex;gap:4px;padding-top:8px}
.mm-lg .lg-bar{display:flex;gap:1px;width:22px;flex:none}
.mm-lg .lg-bar:has(.lg-col+.lg-col){width:48px}
.mm-lg .lg-col{flex:1;border-radius:1px}
.mm-lg .lg-tk{position:relative;flex:1;min-width:0}
.mm-lg .lg-tk span{position:absolute;left:0;bottom:var(--p);transform:translateY(50%);white-space:nowrap;font-variant-numeric:tabular-nums}
.mm-lg .lg-items{display:grid;gap:4px;overflow:hidden}
.mm-lg .lg-items div{display:flex;gap:5px;align-items:flex-start;font-size:10px;line-height:1.2}
.mm-lg .lg-items i{flex:0 0 11px;height:11px;border-radius:2px;border:1px solid #fff4}
.mm-lg.items{width:170px;bottom:auto;max-height:calc(100% - 56px)}
@media(max-width:700px),(max-width:1000px) and (orientation:portrait){
  .mm-ttl{font-size:11px;padding:3px 7px;background:#0d1014}.mm-ttl small{font-size:10px}
  .ovl .ms b{font-size:10px}.ovl .ms:not(.mj) b{font-size:9px}
  .mm-lg{top:auto;bottom:6px;left:6px;right:6px;width:auto;height:auto;padding:4px 8px;flex-direction:column;gap:2px}
  .mm-lg .lg-t{max-height:none;white-space:normal;line-height:1.2}
  .mm-lg{--lgdir:to right}
  .mm-lg .lg-b{flex:none;height:22px;flex-direction:column;gap:1px;padding-top:0}
  .mm-lg .lg-bar,.mm-lg .lg-bar:has(.lg-col+.lg-col){width:100%;height:8px;flex:none;flex-direction:column;gap:1px}
  .mm-lg .lg-h{display:none}
  .mm-lg .lg-tk{height:12px;flex:none}
  .mm-lg .lg-tk span{bottom:auto;left:var(--p);transform:translateX(-50%);font-size:9.5px}
  .mm-lg.wide{width:auto}
  .mm-lg.items{width:auto;bottom:6px;max-height:40%;overflow:auto}
  .mm-lg.items .lg-items{grid-template-columns:1fr 1fr}
}
.vec{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.vec path{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.vec .ln{stroke:#1b1f24}.vec .ln.lakes{stroke:#000}.vec .ln.borders{stroke:#000}
.vec.sat .ln,.vec.sat .ln.lakes,.vec.sat .ln.borders{stroke:#f4f7fa}.vec.sat .hl{stroke:#0b0f14;stroke-opacity:.55}
.vec .bb{stroke:#111}.vec .bf{fill:#111;stroke:#111}
.ovl .cll{position:absolute;font:700 10.5px/1 Inter,system-ui,sans-serif;color:#10171d;text-decoration:none;white-space:nowrap;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 3px #fff,0 0 3px #fff}
.mm-dock{position:absolute;left:8px;bottom:12px;z-index:7;display:flex;gap:4px}
.mm-dk{min-height:30px;min-width:44px;padding:4px 9px;border-radius:4px;border:1px solid #b8975a99;background:#0d1014e6;color:#f4efe5;font:600 11.5px/1.1 Inter,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.mm-dk[aria-pressed="false"]{background:#0d101499;color:#c9c3b6;border-style:dashed}
.mm-dk:disabled{opacity:.55;cursor:not-allowed;border-style:dotted}
.mm-dk[hidden]{display:none}
.mm-dk:focus-visible{outline:2px solid #d9c49a;outline-offset:1px}
@media(max-width:700px),(max-width:1000px) and (orientation:portrait){
  .mm-dock{left:6px;right:6px;bottom:auto;top:32px;flex-wrap:wrap}
  .mm-dk,.mm-dk[aria-pressed="false"]{min-height:32px;min-width:48px;padding:4px 8px;background:#0d1014}
}
