/* ============================================================
   Parcel Empire — Phase 10.8
   Actual in-game live UI integration overhaul
   ============================================================ */
:root{
  --pe108-safe-top:env(safe-area-inset-top,0px);
  --pe108-safe-right:env(safe-area-inset-right,0px);
  --pe108-safe-bottom:env(safe-area-inset-bottom,0px);
  --pe108-safe-left:env(safe-area-inset-left,0px);
  --pe108-top-h:104px;
  --pe108-nav-h:78px;
  --pe108-blue:#0c78e8;
  --pe108-cyan:#36ddff;
  --pe108-gold:#ffd54a;
  --pe108-navy:#031431;
}
html,body{max-width:100%;overflow-x:hidden!important}
body.pe-v10-live-ui{background:#020a1d!important}
body.pe-v10-live-ui *{box-sizing:border-box}
body.pe-v10-live-ui :is(button,a,input,select){min-width:0}

/* ------------------------------------------------------------------
   Atlas-inspired compact live top dock — actual HUD, not an image.
   ------------------------------------------------------------------ */
.pe108LocationStrip{
  position:fixed;z-index:1320;display:flex;align-items:center;justify-content:center;gap:8px;
  height:25px;padding:0 11px;border:1px solid rgba(64,216,255,.26);border-radius:999px;
  color:#dff8ff;background:linear-gradient(180deg,rgba(8,55,111,.96),rgba(3,24,60,.98));
  box-shadow:0 8px 22px rgba(0,8,35,.4),inset 0 1px rgba(255,255,255,.08);
  font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;
}
.pe108LocationStrip .pe108Flag{font-size:12px}.pe108LocationStrip .pe108Online{display:flex;align-items:center;gap:5px}
.pe108LocationStrip .pe108Online::before{content:"";width:7px;height:7px;border-radius:50%;background:#38ed93;box-shadow:0 0 12px #38ed93}
.pe108LocationStrip[data-online="false"] .pe108Online::before{background:#ff5974;box-shadow:0 0 12px #ff5974}
.pe108LocationStrip .pe108Parcels{color:#ffe36b}

@media (max-width:1100px){
  :root{--pe108-top-h:104px;--pe99-header-h:104px!important;--pe96-map-top:calc(104px + var(--pe108-safe-top))!important}
  body.pe-v10-live-ui .gameTopbar{
    top:calc(6px + var(--pe108-safe-top))!important;left:calc(7px + var(--pe108-safe-left))!important;
    width:68px!important;height:66px!important;max-width:68px!important;z-index:1325!important;
  }
  body.pe-v10-live-ui .brandChip.pePlayerCard{
    width:68px!important;height:66px!important;min-width:68px!important;padding:5px!important;
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;grid-template-areas:"logo"!important;
    border-radius:21px!important;border:2px solid rgba(255,218,70,.9)!important;
  }
  body.pe-v10-live-ui .brandChip.pePlayerCard>img{grid-area:logo!important;width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;margin:auto!important;border-radius:17px!important}
  body.pe-v10-live-ui .brandChip.pePlayerCard>:not(img){display:none!important}
  body.pe-v10-live-ui .statsHud{
    top:calc(6px + var(--pe108-safe-top))!important;left:calc(82px + var(--pe108-safe-left))!important;right:calc(7px + var(--pe108-safe-right))!important;
    width:auto!important;height:66px!important;display:grid!important;grid-template-columns:1.18fr 1fr .86fr!important;gap:6px!important;z-index:1320!important;
  }
  body.pe-v10-live-ui .statsHud>.statCard:not(.peGpsStatCard){
    position:relative!important;inset:auto!important;width:auto!important;height:66px!important;padding:7px 6px!important;
    display:grid!important;grid-template-columns:23px minmax(0,1fr)!important;grid-template-rows:17px 1fr!important;grid-template-areas:"icon label" "icon value"!important;
    align-items:center!important;justify-items:stretch!important;gap:0 5px!important;border-radius:18px!important;
  }
  body.pe-v10-live-ui .statsHud>.statCard .pe10StatIcon{grid-area:icon!important;width:23px!important;height:23px!important;font-size:12px!important}
  body.pe-v10-live-ui .statsHud>.statCard span:not(.pe10StatIcon){grid-area:label!important;font-size:6.2px!important;text-align:left!important;letter-spacing:.055em!important}
  body.pe-v10-live-ui .statsHud>.statCard strong{grid-area:value!important;font-size:clamp(12px,3.6vw,17px)!important;text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.pe-v10-live-ui .statsHud>.pe10-parcels{display:none!important}
  body.pe-v10-live-ui .statsHud>.peGpsStatCard{
    position:fixed!important;top:calc(78px + var(--pe108-safe-top))!important;right:calc(8px + var(--pe108-safe-right))!important;left:auto!important;
    width:116px!important;min-width:116px!important;height:24px!important;padding:0 9px!important;border-radius:999px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;z-index:1325!important;
  }
  body.pe-v10-live-ui .statsHud>.peGpsStatCard .pe10StatIcon{display:none!important}
  body.pe-v10-live-ui .statsHud>.peGpsStatCard span:not(.pe10StatIcon){font-size:6px!important;letter-spacing:.04em!important}
  body.pe-v10-live-ui .statsHud>.peGpsStatCard strong{font-size:10px!important;line-height:1!important}
  body.pe-v10-live-ui .statsHud>.peGpsStatCard .pe10LiveDot{position:relative!important;inset:auto!important;width:7px!important;height:7px!important;order:-1}
  .pe108LocationStrip{top:calc(78px + var(--pe108-safe-top));left:calc(8px + var(--pe108-safe-left));right:calc(130px + var(--pe108-safe-right));width:auto}

  body.pe-v10-live-ui[data-pe-page="map"] :is(#map,.worldShade,.scanGlow),
  body.pe-v10-live-ui[data-pe-page="buy"] :is(#map,.worldShade,.scanGlow){
    top:calc(var(--pe108-top-h) + var(--pe108-safe-top))!important;left:0!important;right:0!important;
    bottom:calc(150px + var(--pe108-safe-bottom))!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  body.pe-v10-live-ui :is(.pe10MapHud,.pe10MapCorners,.atlasStatusStrip){display:none!important}
  body.pe-v10-live-ui .mapboxgl-ctrl-top-right{top:calc(112px + var(--pe108-safe-top))!important;right:7px!important}
  body.pe-v10-live-ui .mapboxgl-ctrl-bottom-left{display:none!important}
  body.pe-v10-live-ui .mapboxgl-ctrl-group button{width:37px!important;height:37px!important}
  body.pe-v10-live-ui .gpsButton{right:10px!important;bottom:calc(156px + var(--pe108-safe-bottom))!important;width:46px!important;height:46px!important;z-index:1180!important}

  body.pe-v10-live-ui .buyLandButton{
    bottom:calc(84px + var(--pe108-safe-bottom))!important;width:min(290px,calc(100vw - 30px))!important;height:62px!important;min-height:62px!important;
    grid-template-columns:42px minmax(0,1fr) 52px!important;padding:6px 8px!important;border:3px solid #ffe370!important;border-radius:19px!important;
    background:linear-gradient(180deg,#ffd94f 0%,#ffb31e 52%,#ed8500 100%)!important;
    box-shadow:0 10px 0 #884000,0 18px 35px rgba(0,8,30,.52),0 0 26px rgba(255,203,55,.28)!important;
  }
  body.pe-v10-live-ui .buyLandButton::before{border-color:rgba(255,255,255,.58)!important}
  body.pe-v10-live-ui .buyLandButton .pe10BuyIcon{background:linear-gradient(180deg,#0c7ee7,#053e88)!important;color:#ffe35b!important;border-color:#fff0a2!important}
  body.pe-v10-live-ui .buyLandButton .pe10BuyCopy small{color:#163260!important}
  body.pe-v10-live-ui .buyLandButton .pe10BuyCopy strong{color:#061b43!important;text-shadow:0 2px 0 rgba(255,255,255,.36)!important;font-size:22px!important}
  body.pe-v10-live-ui .buyLandButton .pe10BuyPrice{height:45px!important;background:linear-gradient(180deg,#fff6b2,#ffd94a)!important}
  body.pe-v10-live-ui .bottomNav.peFiveNav{
    left:calc(7px + var(--pe108-safe-left))!important;right:calc(7px + var(--pe108-safe-right))!important;bottom:calc(6px + var(--pe108-safe-bottom))!important;
    width:auto!important;height:72px!important;padding:5px!important;border-radius:24px!important;z-index:1290!important;
  }
  body.pe-v10-live-ui .bottomNav.peFiveNav button{height:62px!important;min-height:62px!important;padding:5px 2px!important;border-radius:17px!important}
  body.pe-v10-live-ui .bottomNav.peFiveNav .peNavIcon{font-size:21px!important}
  body.pe-v10-live-ui .bottomNav.peFiveNav button>span:last-child{font-size:8px!important}
  body.pe-v10-live-ui .parcelCard{left:8px!important;right:8px!important;bottom:calc(154px + var(--pe108-safe-bottom))!important;max-height:52vh!important}
}

@media (max-width:360px){
  body.pe-v10-live-ui .gameTopbar{width:60px!important;max-width:60px!important;height:60px!important}
  body.pe-v10-live-ui .brandChip.pePlayerCard{width:60px!important;min-width:60px!important;height:60px!important}
  body.pe-v10-live-ui .brandChip.pePlayerCard>img{width:49px!important;height:49px!important;min-width:49px!important}
  body.pe-v10-live-ui .statsHud{left:calc(72px + var(--pe108-safe-left))!important;height:60px!important;gap:4px!important}
  body.pe-v10-live-ui .statsHud>.statCard:not(.peGpsStatCard){height:60px!important;padding-inline:3px!important;grid-template-columns:19px minmax(0,1fr)!important;gap:0 3px!important}
  body.pe-v10-live-ui .statsHud>.statCard .pe10StatIcon{width:19px!important;height:19px!important;font-size:10px!important}
  body.pe-v10-live-ui .statsHud>.statCard strong{font-size:11px!important}
}

@media (min-width:1101px){
  body.pe-v10-live-ui[data-pe-page="map"] :is(.peLeftRail,.peRightRail),body.pe-v10-live-ui[data-pe-page="buy"] :is(.peLeftRail,.peRightRail){display:none!important}
  body.pe-v10-live-ui .gameTopbar{top:10px!important;left:12px!important;width:230px!important;height:72px!important}
  body.pe-v10-live-ui .statsHud{top:10px!important;left:254px!important;right:12px!important;height:72px!important;grid-template-columns:1.1fr 1fr .8fr 1fr 1fr!important}
  body.pe-v10-live-ui .statsHud>.statCard{height:72px!important}
  .pe108LocationStrip{top:91px;left:50%;transform:translateX(-50%);min-width:270px}
  body.pe-v10-live-ui[data-pe-page="map"] :is(#map,.worldShade,.scanGlow),body.pe-v10-live-ui[data-pe-page="buy"] :is(#map,.worldShade,.scanGlow){top:118px!important;left:0!important;right:0!important;bottom:100px!important;border-radius:0!important}
  body.pe-v10-live-ui .pe10MapHud,body.pe-v10-live-ui .pe10MapCorners{display:none!important}
  body.pe-v10-live-ui .gpsButton{right:22px!important;bottom:112px!important}
  body.pe-v10-live-ui .mapboxgl-ctrl-top-right{top:130px!important;right:18px!important}
}

/* ------------------------------------------------------------------
   Tutorial: clean focused guide, never under the HUD or GPS button.
   ------------------------------------------------------------------ */
body.pe108-tutorial-open :is(.gameTopbar,.statsHud,.pe108LocationStrip,.bottomNav,.buyLandButton,.gpsButton,.mapboxgl-control-container,.parcelCard){visibility:hidden!important;pointer-events:none!important}
body.pe-v10-live-ui .tutorialOverlay{
  position:fixed!important;inset:0!important;z-index:5200!important;display:grid!important;place-items:center!important;
  padding:calc(18px + var(--pe108-safe-top)) calc(14px + var(--pe108-safe-right)) calc(18px + var(--pe108-safe-bottom)) calc(14px + var(--pe108-safe-left))!important;
  background:radial-gradient(circle at 50% 22%,rgba(42,205,255,.25),transparent 30%),linear-gradient(180deg,rgba(3,21,58,.95),rgba(1,8,26,.985))!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
body.pe-v10-live-ui .tutorialOverlay[hidden]{display:none!important}
body.pe-v10-live-ui .tutorialCard{
  position:relative!important;width:min(430px,100%)!important;max-height:calc(100dvh - 36px - var(--pe108-safe-top) - var(--pe108-safe-bottom))!important;
  overflow:auto!important;padding:22px 20px 20px!important;border:2px solid rgba(255,215,64,.86)!important;border-radius:28px!important;
  background:radial-gradient(circle at 50% 12%,rgba(43,202,255,.22),transparent 30%),linear-gradient(165deg,#0a55ae,#052969 48%,#031838)!important;
  box-shadow:0 0 0 5px rgba(29,188,255,.10),0 28px 70px rgba(0,4,24,.74),inset 0 1px rgba(255,255,255,.16)!important;text-align:center!important;
}
body.pe-v10-live-ui .tutorialTop{align-items:center!important;margin-bottom:10px!important}
body.pe-v10-live-ui .tutorialTop .eyebrow{font-size:9px!important;color:#ffe167!important;letter-spacing:.16em!important}
body.pe-v10-live-ui #tutorialSkip{width:40px!important;height:40px!important;border-radius:14px!important;border:1px solid rgba(104,220,255,.32)!important;background:rgba(1,15,47,.52)!important;color:#fff!important;font-size:25px!important}
.pe108TutorialBrand{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 12px;color:#fff;font-size:12px;font-weight:950;letter-spacing:.11em}
.pe108TutorialBrand img{width:42px;height:42px;padding:4px;border:1px solid #ffe16a;border-radius:14px;background:#043070;box-shadow:0 0 20px rgba(47,216,255,.26)}
.pe108TutorialStep{display:inline-flex;margin:0 auto 10px;padding:5px 10px;border-radius:999px;background:rgba(47,216,255,.11);border:1px solid rgba(47,216,255,.26);color:#9eefff;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
body.pe-v10-live-ui .tutorialIcon{width:88px!important;height:88px!important;margin:5px auto 14px!important;display:grid!important;place-items:center!important;border:2px solid rgba(255,220,75,.88)!important;border-radius:28px!important;background:radial-gradient(circle,#147ee9,#04295f 72%)!important;box-shadow:0 0 30px rgba(47,216,255,.32)!important;font-size:44px!important}
body.pe-v10-live-ui .tutorialCard h2{margin:0!important;color:#fff!important;font-size:clamp(27px,8vw,38px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
body.pe-v10-live-ui .tutorialCard>p{margin:14px auto 18px!important;max-width:350px!important;color:#d4e8f8!important;font-size:15px!important;line-height:1.52!important}
body.pe-v10-live-ui .tutorialProgress{display:flex!important;justify-content:center!important;gap:7px!important;margin:5px 0 20px!important}
body.pe-v10-live-ui .tutorialProgress i{width:26px!important;height:6px!important;border-radius:999px!important;background:rgba(255,255,255,.15)!important}
body.pe-v10-live-ui .tutorialProgress i.active{width:48px!important;background:linear-gradient(90deg,#32dbff,#ffe04d)!important;box-shadow:0 0 12px rgba(49,216,255,.55)!important}
body.pe-v10-live-ui .tutorialProgress i.done{background:#39e496!important}
body.pe-v10-live-ui .tutorialActions{display:grid!important;grid-template-columns:.72fr 1.28fr!important;gap:10px!important}
body.pe-v10-live-ui .tutorialActions button{min-height:56px!important;margin:0!important;border-radius:17px!important;font-size:15px!important}
body.pe-v10-live-ui #tutorialNext{color:#071a42!important;background:linear-gradient(180deg,#ffe873,#ffc72f 58%,#ed8b00)!important;border:2px solid #fff2a8!important;box-shadow:0 8px 0 #884100,0 15px 30px rgba(0,5,28,.38)!important}
body.pe-v10-live-ui #tutorialBack{background:linear-gradient(180deg,#0b73da,#06468f)!important;border:1px solid rgba(102,220,255,.46)!important}

/* ------------------------------------------------------------------
   Cleaner purchase confirmation: only the information needed to buy.
   ------------------------------------------------------------------ */
body.pe-v10-live-ui .pePurchaseConfirm{z-index:5100!important;padding:calc(8px + var(--pe108-safe-top)) 8px calc(8px + var(--pe108-safe-bottom))!important;background:rgba(1,8,27,.92)!important}
body.pe-v10-live-ui .pePurchaseCard{
  width:min(470px,100%)!important;max-height:calc(100dvh - 16px - var(--pe108-safe-top) - var(--pe108-safe-bottom))!important;
  padding:0!important;overflow:auto!important;border:2px solid rgba(255,215,65,.9)!important;border-radius:27px!important;
  background:linear-gradient(180deg,#0b72d8 0 154px,#f8edc9 154px 100%)!important;box-shadow:0 30px 80px rgba(0,4,24,.74),0 0 0 5px rgba(34,193,255,.08)!important;
}
body.pe-v10-live-ui .peConfirmHeading{display:block!important;min-height:154px!important;padding:24px 68px 18px 24px!important;color:#fff!important}
body.pe-v10-live-ui .peConfirmHeading .eyebrow{color:#ffe46e!important;font-size:8px!important}
body.pe-v10-live-ui .peConfirmHeading h2{font-size:37px!important;line-height:.98!important;text-shadow:0 4px 0 rgba(0,45,112,.58)!important}
body.pe-v10-live-ui .peConfirmHeading p{color:#d9f3ff!important;font-size:13px!important;line-height:1.35!important}
body.pe-v10-live-ui .peConfirmBadges{justify-content:flex-start!important;margin-top:12px!important}
body.pe-v10-live-ui .peConfirmBadge{min-height:28px!important;background:rgba(1,32,81,.25)!important}
body.pe-v10-live-ui .pePurchaseConfirm .confirmClose{top:21px!important;right:18px!important;width:48px!important;height:48px!important;border-radius:17px!important;background:rgba(2,35,83,.38)!important;color:#fff!important;font-size:34px!important}
body.pe-v10-live-ui .peConfirmMain{display:block!important;margin:0!important;padding:18px 18px 0!important}
body.pe-v10-live-ui .peConfirmPreview{min-height:210px!important;border:2px solid rgba(199,151,43,.3)!important;border-radius:23px!important;background:radial-gradient(circle at 50% 55%,rgba(50,205,255,.18),transparent 42%),linear-gradient(180deg,#0b376b,#061b3a)!important;box-shadow:inset 0 0 35px rgba(0,7,27,.45)!important}
body.pe-v10-live-ui .peConfirmPreview :is(.peConfirmPreviewGrid,.peConfirmMystery){display:none!important}
body.pe-v10-live-ui .peConfirmPreview .pe99CommonPreview{position:relative!important;inset:auto!important;width:min(300px,82%)!important;height:180px!important;object-fit:contain!important;filter:drop-shadow(0 18px 14px rgba(0,0,0,.36))!important;background:transparent!important}
body.pe-v10-live-ui .peConfirmPreview small{color:#d7f4ff!important;font-size:9px!important;bottom:8px!important}
body.pe-v10-live-ui .peConfirmDetails{padding:0!important}
body.pe-v10-live-ui .pe99EarnBlock{margin:14px 0 0!important;padding:12px 14px!important;border:2px solid #ed9f13!important;border-radius:18px!important;background:linear-gradient(180deg,#ffcb3c,#f49c08)!important;color:#392300!important}
body.pe-v10-live-ui .pe99EarnBlock>span{font-size:10px!important;line-height:1.25!important}
body.pe-v10-live-ui .pe99EarnBlock>strong{margin-top:8px!important;padding:9px!important;border-radius:12px!important;background:#fff8e5!important;font-size:18px!important}
body.pe-v10-live-ui .peConfirmLocation{margin-top:13px!important;background:#fffaf0!important;border-color:rgba(20,54,98,.16)!important}
body.pe-v10-live-ui .peConfirmLocation span{color:#6a7890!important}body.pe-v10-live-ui .peConfirmLocation strong{color:#17315d!important}
body.pe-v10-live-ui .peConfirmStats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:9px!important}
body.pe-v10-live-ui .peConfirmStats>div{min-height:62px!important;padding:9px!important;background:#fffaf0!important;border-color:rgba(20,54,98,.14)!important}
body.pe-v10-live-ui .peConfirmStats>div:nth-child(1),body.pe-v10-live-ui .peConfirmStats>div:nth-child(4),body.pe-v10-live-ui .peConfirmStats>div:nth-child(6){display:none!important}
body.pe-v10-live-ui .peConfirmStats span{color:#778398!important;font-size:7px!important}body.pe-v10-live-ui .peConfirmStats strong{color:#17315d!important;font-size:12px!important}
body.pe-v10-live-ui :is(.peConfirmLegal,#confirmPurchaseWarning){display:none!important}
body.pe-v10-live-ui .peConfirmActions{position:sticky!important;bottom:0!important;display:grid!important;grid-template-columns:.72fr 1.28fr!important;gap:10px!important;margin:0!important;padding:15px 18px calc(16px + var(--pe108-safe-bottom))!important;background:linear-gradient(transparent,#f8edc9 24%)!important}
body.pe-v10-live-ui .peConfirmActions button{height:57px!important;margin:0!important;border-radius:17px!important;font-size:14px!important}
body.pe-v10-live-ui .peConfirmActions .compactGhost{color:#fff!important;background:linear-gradient(180deg,#1289eb,#0753aa)!important;border:2px solid #70dfff!important}
body.pe-v10-live-ui .peConfirmBuyButton{color:#fff!important;background:linear-gradient(180deg,#55e94c,#17b62e 66%,#087e20)!important;border:2px solid #d4ff96!important;box-shadow:0 7px 0 #075b1c,0 12px 25px rgba(6,82,24,.25)!important}
@media (max-height:740px){body.pe-v10-live-ui .peConfirmPreview{min-height:155px!important}body.pe-v10-live-ui .peConfirmPreview .pe99CommonPreview{height:132px!important}body.pe-v10-live-ui .pe99EarnBlock{margin-top:9px!important}.peConfirmHeading{min-height:140px!important}}

/* ------------------------------------------------------------------
   Purchase scan/reveal: exact parcel art on a dark transparent stage.
   ------------------------------------------------------------------ */
body.pe-v10-live-ui .pe10PurchaseSequence{background:radial-gradient(circle at 50% 42%,rgba(var(--pe10-rarity-rgb,56,214,255),.22),transparent 34%),linear-gradient(180deg,#061d52,#01081f 78%)!important}
body.pe-v10-live-ui .pe10SequenceCard{background:transparent!important;box-shadow:none!important}
body.pe-v10-live-ui .pe10SequenceStage{background:radial-gradient(circle at 50% 62%,rgba(var(--pe10-rarity-rgb,56,214,255),.24),transparent 48%)!important;overflow:visible!important}
body.pe-v10-live-ui .pe10SequenceLand{width:min(330px,82vw)!important;height:min(330px,37vh)!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;filter:drop-shadow(0 22px 18px rgba(0,0,0,.52))!important}
body.pe-v10-live-ui .pe10SequenceStatus{text-shadow:0 0 24px rgba(var(--pe10-rarity-rgb,56,214,255),.42)!important}
body.pe-v10-live-ui #rarityReveal.pe10PurchaseReveal{background:radial-gradient(circle at 50% 35%,rgba(var(--pe10-rarity-rgb,56,214,255),.20),transparent 38%),linear-gradient(180deg,#061d52,#01081f 78%)!important}
body.pe-v10-live-ui #rarityReveal .revealModelStage{background:radial-gradient(circle at 50% 70%,rgba(var(--pe10-rarity-rgb,56,214,255),.24),transparent 48%),linear-gradient(180deg,#0b376a,#03152f)!important;border-color:rgba(var(--pe10-rarity-rgb,56,214,255),.36)!important}
.pe108RevealImage{position:absolute;z-index:1;inset:8%;width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 20px 17px rgba(0,0,0,.5));transition:opacity .25s ease}
#revealModelCanvas:not(:empty)~.pe108RevealImage{opacity:.22}
body.pe-v10-live-ui #rarityReveal .revealCard{overflow:auto!important}
body.pe-v10-live-ui #rarityReveal .peRevealRarityBadge{display:none!important}

/* ------------------------------------------------------------------
   My Parcels: correct exact-model thumbnails and no horizontal spill.
   ------------------------------------------------------------------ */
body.pe-v10-live-ui[data-pe-page="myland"] #myLandPanel{padding-bottom:calc(110px + var(--pe108-safe-bottom))!important}
body.pe-v10-live-ui .pe106CollectionShowcase{overflow:hidden!important}
body.pe-v10-live-ui .pe106RarityCollection{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important;width:100%!important}
body.pe-v10-live-ui .pe106RarityCollect{min-width:0!important;width:auto!important;overflow:hidden!important}
body.pe-v10-live-ui .pe106RarityCollect img{width:100%!important;height:92px!important;object-fit:contain!important;background:radial-gradient(circle at 50% 70%,rgba(49,214,255,.15),transparent 55%)!important}
body.pe-v10-live-ui .pe106CollectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}
body.pe-v10-live-ui .pe106ParcelCard{min-width:0!important;overflow:hidden!important}
body.pe-v10-live-ui .pe106ParcelVisual{min-height:210px!important;background:radial-gradient(circle at 50% 70%,rgba(51,211,255,.20),transparent 52%),linear-gradient(180deg,#0b376b,#06162f)!important}
body.pe-v10-live-ui .pe106ParcelVisual img{width:100%!important;height:210px!important;object-fit:contain!important;padding:13px!important;background:transparent!important;filter:drop-shadow(0 18px 14px rgba(0,0,0,.45))!important}
body.pe-v10-live-ui .pe106ParcelMetrics{grid-template-columns:1.15fr .85fr!important}
body.pe-v10-live-ui .pe106ParcelMetrics strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.pe-v10-live-ui .pe106CollectionToolbar{overflow:hidden!important}
@media (max-width:680px){
  body.pe-v10-live-ui .pe106RarityCollection{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.pe-v10-live-ui .pe106RarityCollect img{height:84px!important}
  body.pe-v10-live-ui .pe106CollectionGrid{grid-template-columns:1fr!important}
  body.pe-v10-live-ui .pe106ParcelVisual{min-height:250px!important}body.pe-v10-live-ui .pe106ParcelVisual img{height:250px!important}
  body.pe-v10-live-ui .pe106CollectionToolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
}

/* Route pages and general overlap containment. */
body.pe-v10-live-ui[data-pe-page]:not([data-pe-page="map"]):not([data-pe-page="buy"]) .pe10RoutePanel{padding-bottom:calc(104px + var(--pe108-safe-bottom))!important}
body.pe-v10-live-ui :is(.sheetPanel,.pe10RoutePanel,.pe106ParcelCard,.pe106RarityCollect){max-width:100%!important}
@media (prefers-reduced-motion:reduce){body.pe-v10-live-ui *{scroll-behavior:auto!important}.pe108LocationStrip{transition:none!important}}