/* ============================================================
   Parcel Empire — Phase 9.2 authoritative map + 5x5 parcel board
============================================================ */

.pe-v9-shell.mapThemeGame .mapboxgl-canvas-container{
  filter:saturate(.76) contrast(1.04) brightness(.80) hue-rotate(-4deg)!important;
}
.pe-v9-shell.mapThemeGame #map::after{
  background:
    linear-gradient(180deg,rgba(4,15,27,.10),rgba(4,14,24,.30)),
    radial-gradient(circle at 50% 48%,rgba(32,93,111,.09),transparent 52%)!important;
  mix-blend-mode:normal!important;
}
.pe-v9-shell.mapThemeGame .worldShade{
  background:linear-gradient(180deg,rgba(3,12,22,.10),rgba(3,12,22,.36)),radial-gradient(circle at 52% 50%,transparent 35%,rgba(0,0,0,.24))!important;
}

/* Keep the approved dashboard visible while selecting land. */
.pe-v9-shell.buyGridMode .gameTopbar,
.pe-v9-shell.buyGridMode .statsHud,
.pe-v9-shell.buyGridMode .levelHud,
.pe-v9-shell.buyGridMode .atlasStatusStrip,
.pe-v9-shell.buyGridMode .bottomNav.coreNav,
.pe-v9-shell.buyGridMode .gpsButton,
.pe-v9-shell.buyGridMode .buyLandButton{
  opacity:1!important;
  pointer-events:auto!important;
}
.pe-v9-shell.buyGridMode .peRightRail{opacity:.56;transition:opacity .2s ease}
.pe-v9-shell.buyGridMode .worldShade{
  background:linear-gradient(180deg,rgba(1,8,16,.06),rgba(1,8,16,.18)),radial-gradient(circle at 50% 50%,transparent 44%,rgba(0,0,0,.18))!important;
}

/* Replace the old full-screen blue select-plot banner with a compact game hint. */
.pe-v9-shell .buyModeOverlay{z-index:46!important;pointer-events:none!important}
.pe-v9-shell .selectPlotBanner{
  left:calc(50% - var(--pe9-rail)/2 + var(--pe9-left)/2)!important;
  top:108px!important;
  width:min(410px,calc(100vw - var(--pe9-rail) - var(--pe9-left) - 40px))!important;
  padding:10px 44px 10px 14px!important;
  border:1px solid rgba(70,232,221,.42)!important;
  border-radius:14px!important;
  background:linear-gradient(160deg,rgba(6,31,45,.96),rgba(7,48,54,.95))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.36),0 0 0 1px rgba(32,245,211,.06)!important;
  text-align:left!important;
}
.pe-v9-shell .selectPlotBanner strong{
  font-size:15px!important;
  letter-spacing:.08em!important;
  text-shadow:none!important;
}
.pe-v9-shell .selectPlotBanner p{
  margin:3px 0 0!important;
  max-width:none!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:#9fd1d1!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.35!important;
  text-transform:none!important;
}
.pe-v9-shell .selectPlotClose{
  right:8px!important;top:8px!important;width:30px!important;height:30px!important;
  border-radius:9px!important;font-size:22px!important;background:rgba(0,0,0,.25)!important;
}
.pe-v9-shell .selectPlotCancel{
  left:calc(50% - var(--pe9-rail)/2 + var(--pe9-left)/2)!important;
  top:176px!important;
  bottom:auto!important;
  width:116px!important;height:34px!important;
  border:1px solid rgba(121,190,213,.30)!important;
  border-radius:10px!important;
  background:rgba(6,25,39,.94)!important;
  color:#d7edf5!important;
  font-size:11px!important;font-weight:800!important;text-shadow:none!important;
  box-shadow:0 8px 22px rgba(0,0,0,.25)!important;
}

/* The map controls must never cover the 5x5 board. */
.pe-v9-shell .mapboxgl-ctrl-group{border-radius:14px!important;background:rgba(6,25,39,.92)!important;border:1px solid rgba(73,185,218,.20)!important}
.pe-v9-shell .mapboxgl-ctrl button{filter:invert(1) saturate(.45) brightness(1.65)!important}

@media(max-width:1100px){
  .pe-v9-shell.buyGridMode .peRightRail{opacity:0;pointer-events:none}
  .pe-v9-shell .selectPlotBanner{
    left:50%!important;
    top:calc(184px + env(safe-area-inset-top))!important;
    width:min(340px,calc(100vw - 26px))!important;
  }
  .pe-v9-shell .selectPlotCancel{
    left:50%!important;
    top:calc(248px + env(safe-area-inset-top))!important;
  }
}

@media(max-width:560px){
  .pe-v9-shell .selectPlotBanner{
    top:calc(180px + env(safe-area-inset-top))!important;
    width:calc(100vw - 22px)!important;
    padding:9px 40px 9px 12px!important;
  }
  .pe-v9-shell .selectPlotBanner strong{font-size:13px!important}
  .pe-v9-shell .selectPlotBanner p{font-size:9px!important}
  .pe-v9-shell .selectPlotCancel{top:calc(239px + env(safe-area-inset-top))!important;height:32px!important}
}