/* Site-wide background matching the homepage: soft lake map (40%) on dusk navy, plus the 60s radar sweep. Not used on the homepage, which has its own. */
html:has(body.mp-bgx):not(:has(body.folk-teaser-pg)):not(:has(body.folk-pg)):not(:has(body.mf-page)){background:var(--dusk,#1a3350)}
body.mp-bgx:not(.folk-teaser-pg):not(.folk-pg):not(.mf-page){--radar-x:34%;--radar-y:22%;--radar-turn:60s;background:transparent!important;isolation:isolate}
body.mp-bgx:not(.folk-teaser-pg):not(.folk-pg):not(.mf-page)::before{content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;pointer-events:none!important;
  background:url("/assets/maps/lakes.svg?v=map-areas1") center/cover no-repeat!important;
  filter:contrast(1.18) saturate(1.28) brightness(1.72)!important;opacity:.4!important;transform:none!important;animation:none!important;display:block!important}
body.mp-bgx .listen-sweep,body.mp-bgx .listen-rings{display:none!important}
body.mp-bgx .mp-radar{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
/* Range rings and bearing lines: fixed, very faint, fading with distance. */
body.mp-bgx .mp-radar-grid{position:absolute;inset:0;
  background:
    repeating-radial-gradient(circle at var(--radar-x) var(--radar-y),transparent 0 calc(16vmax - 1px),rgba(139,214,204,.10) calc(16vmax - 1px) 16vmax),
    linear-gradient(rgba(139,214,204,.06),rgba(139,214,204,.06)) var(--radar-x) 0/1px 100% no-repeat,
    linear-gradient(rgba(139,214,204,.06),rgba(139,214,204,.06)) 0 var(--radar-y)/100% 1px no-repeat;
  -webkit-mask-image:radial-gradient(circle at var(--radar-x) var(--radar-y),#000 0,#000 30vmax,rgba(0,0,0,.35) 120vmax);
  mask-image:radial-gradient(circle at var(--radar-x) var(--radar-y),#000 0,#000 30vmax,rgba(0,0,0,.35) 120vmax)}
/* Rotating beam: sharp leading edge, long fading afterglow behind it. Big enough to reach every corner. */
body.mp-bgx .mp-radar-beam{position:absolute;left:var(--radar-x);top:var(--radar-y);width:320vmax;height:320vmax;
  margin:-160vmax 0 0 -160vmax;border-radius:50%;
  background:conic-gradient(from 0deg,
    transparent 0deg,transparent 250deg,
    rgba(139,214,204,.015) 290deg,rgba(139,214,204,.05) 330deg,rgba(180,226,220,.11) 352deg,
    rgba(255,214,150,.20) 359.2deg,rgba(255,231,190,.42) 359.8deg,transparent 360deg);
  will-change:transform}
body.mp-bgx .mp-radar-core{position:absolute;left:var(--radar-x);top:var(--radar-y);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;
  background:rgba(255,197,106,.8);box-shadow:0 0 0 4px rgba(255,197,106,.12),0 0 18px rgba(255,197,106,.45)}
@media (prefers-reduced-motion:reduce){body.mp-bgx .mp-radar-beam{transform:rotate(60deg)}}

body.mp-bgx .page-head,body.mp-bgx .hero{background:transparent!important}

/* Folk keeps its own felt tiles; do not cover them with the lake map or radar. */
body.folk-teaser-pg .mp-radar,body.folk-pg .mp-radar,body.mf-page .mp-radar{display:none!important}
body.folk-teaser-pg.mp-bgx::before,body.folk-pg.mp-bgx::before,body.mf-page.mp-bgx::before{content:none!important;display:none!important;background:none!important}