/* esc-fix5.css (fix5, additive 2026-10-20). Remove this file + its index.html line to revert. */
/* 1) old blocking 'Play this track?' box: still built + wired by app.js, just not shown; #escPlayBanner mirrors it */
#escPlayAsk{display:none!important}
#escPlayBanner{position:fixed;z-index:9400;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:12px;
  background:var(--panel,var(--chrome,rgba(12,12,16,.94)));color:var(--text,#eee);border:1px solid var(--gold,#d4af37);box-shadow:0 6px 20px rgba(0,0,0,.45);font:500 13px Oswald,system-ui,sans-serif;pointer-events:auto}
#escPlayBanner[hidden]{display:none!important}
#escPlayBanner.epb-under{z-index:40}
#escPlayBanner .epb-t{display:flex;gap:8px;align-items:baseline;min-width:0}
#escPlayBanner .epb-t b{color:var(--gold,#d4af37);letter-spacing:.04em;white-space:nowrap;font-weight:600}
#escPlayBanner .epb-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#bbb);font-size:12px}
#escPlayBanner .epb-a{display:flex;gap:6px;flex-wrap:wrap}
#escPlayBanner .epb-b{min-height:32px;padding:2px 10px;border-radius:16px;border:1px solid var(--border,#555);background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
#escPlayBanner .epb-b.pri{background:var(--gold,#d4af37);color:var(--bg,#000);border-color:var(--gold,#d4af37);font-weight:600}
@media (pointer:coarse){#escPlayBanner .epb-b{min-height:40px}}
/* 2) street view, short landscape (844x390): the MapTiler logo sat under the open Layers panel -> bottom-right, left of the zoom buttons, above the attribution */
@media (max-height:500px) and (orientation:landscape){
  #escSZ #escSZLogo{left:auto!important;right:56px!important;top:auto!important;bottom:24px!important;z-index:3}
  #escSZ .maplibregl-ctrl-bottom-right,#escSZ .maplibregl-ctrl-attrib{z-index:3}
}
/* 6) 'Choose your language' at 844x390: the card ran under the search bar and the right side rail (last options hidden) */
@media (max-height:500px) and (orientation:landscape){
  #escGuide{z-index:9650!important;left:12px!important;right:84px!important;width:auto!important;max-width:none!important;top:56px!important;max-height:calc(100dvh - 64px)!important;overflow:auto!important;transform:none!important}
}
/* street view: pin-only entry (esc-fix5-streetview.js) */
.esc-f5-sv{white-space:nowrap}
#escSZHint.esc-f5-off{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}
.esc-f5-pin{width:22px;height:22px;border-radius:50%;background:var(--gold,#d4af37);border:3px solid var(--bg,#000);box-shadow:0 0 0 3px var(--gold,#d4af37),0 0 18px 6px rgba(212,175,55,.65);animation:escF5Pulse 1.6s ease-in-out infinite}
@keyframes escF5Pulse{50%{box-shadow:0 0 0 6px rgba(212,175,55,.55),0 0 26px 10px rgba(212,175,55,.35)}}
.esc-f5-popwrap .maplibregl-popup-content{background:var(--panel,rgba(10,10,14,.95));color:var(--text,#eee);border:1px solid var(--gold,#d4af37);border-radius:10px;padding:8px 26px 8px 10px;font:500 13px Oswald,system-ui,sans-serif}
.esc-f5-popwrap .maplibregl-popup-tip{border-top-color:var(--gold,#d4af37)!important}
.esc-f5-popwrap .maplibregl-popup-close-button{color:var(--text,#eee);font-size:18px;width:24px;height:24px}
.esc-f5-prev b{display:block;color:var(--gold,#d4af37)}.esc-f5-prev small{display:block;color:var(--muted,#bbb)}
/* 5) Skin picker in the Map menu */
#escSkinRow{margin:4px 0 6px}
#escSkinSel{width:100%;min-height:36px;padding:4px 8px;border-radius:8px;border:1px solid var(--border,#444);background:var(--chrome,#15151c);color:var(--text,#eee);font:inherit;font-size:13px}
#escSkinSel:focus-visible{outline:2px solid var(--gold,#d4af37);outline-offset:1px}
/* tablet/phone portrait stack (esc-fix5-tablet.js) */
html.esc-f5-stack #escSZHint.esc-f5-hide{display:none!important}
#esSpotChip.esc-f5-fade{opacity:0!important;pointer-events:none!important;transition:opacity .6s}
html.esc-f5-stack #nowPlaying{padding-bottom:0!important}
/* fix5c: Talk + Listening merged into the dock row (portrait stack) */
html.esc-f5-stack #nowPlaying.esc-f5-merged .np-copy{min-width:0!important;flex:1 1 auto!important;overflow:hidden}
#escTalkBtn.esc-f5-short{font-size:0!important;padding-left:12px!important;padding-right:12px!important;min-width:0!important;width:auto!important}
#escTalkBtn.esc-f5-short::after{content:'\2726  Talk';font-size:13px;letter-spacing:.06em}
/* fix5d: compact the dock row in the portrait stack so Talk + Listening fit on it at 640px and up */
html.esc-f5-stack #nowPlaying .np-transport{gap:3px!important;column-gap:3px!important}
html.esc-f5-stack #nowPlaying .np-transport>*{margin-left:0!important;margin-right:0!important}
html.esc-f5-stack #nowPlaying .np-transport>:first-child{max-width:100px!important;min-width:0!important}
html.esc-f5-stack #nowPlaying .np-transport button{padding-left:5px!important;padding-right:5px!important}
/* fix5f: festival interview badges hidden unless the interview archive (More > ESC interviews) is open (esc-fix5-iv.js) */
html:not(.esc-f5-iv-on) #escFestBadges{display:none!important}
/* fix5f: ESC Interview tab in #ui4Nav (esc-fix5-ivbtn.js) - same look as the other tabs */
#ui4Nav #escF5IvBtn .ui4-tl{white-space:nowrap}