/* v1.0.4 lane A (clicks and links): stabilize only; no colour, type or layout changes beyond what a fix needs. */
/* C9-02: zone-level pins do not show at continent height (how-it-works s2); the atlas hides #pins, but a pin that sets its own visibility showed through */
.app.atlas #pins :is(.pin,.town,.tmark,.cdot,.region,.alabel){visibility:hidden!important;pointer-events:none!important}
/* C9-03/04: pins are clickable over map art and lettering. The art never takes the pointer; zone and town lettering sits under the pins (they stay hover/click targets where no pin is) */
.tiles{pointer-events:none}
.tmark{z-index:2!important}
.alabel{z-index:1}
@media (min-width:901px){
 /* F9-07: the two right-edge tabs stack (Waters above, Steps & sources below) at short heights too: the lower tab's top edge clears the upper one's bottom */
 .app.mapfirst:not(.atlas):not(.drawer-open) .dtab{top:max(58%,calc(36% + 205px))}
 /* F9-07: the You panel stays inside the frame (above the footer) and scrolls there; at short heights it also tightens so Looks right / Reset show without scrolling */
 .app.mapfirst #drawer-you{max-height:calc(100vh - var(--tbh) - var(--fth) - 12px);overscroll-behavior:contain;scrollbar-width:thin}
}
@media (min-width:901px) and (max-height:800px){
 .app.mapfirst #drawer-you{padding-top:6px;padding-bottom:8px}
 .app.mapfirst #drawer-you .blk{padding:4px 0 6px}
 .app.mapfirst #drawer-you .rowlbl{margin-bottom:3px}
 .app.mapfirst #drawer-you .rowhint{margin:0 0 4px}
 .app.mapfirst #drawer-you .seg.poles button{padding:3px 8px}
}
/* F9-10: a card taller than the frame scrolls inside itself (f104.js turns this on only when it is needed, so the pointer arrow stays on the others) */
.tcard.f104-tall{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}
