/* ============================================================
   Parcel Empire — Phase 10.5
   Full-page empire screens matching the loading-screen identity
   ============================================================ */

:root{
  --pe105-page-bottom:calc(86px + env(safe-area-inset-bottom,0px));
  --pe105-cyan:#35dcff;
  --pe105-blue:#087fee;
  --pe105-deep:#031331;
  --pe105-gold:#ffc83d;
  --pe105-green:#72e339;
  --pe105-panel:rgba(5,29,69,.94);
  --pe105-line:rgba(75,210,255,.30);
}

body.pe-v10-pages{overflow-x:hidden!important}
body[data-pe-page="daily"],
body[data-pe-page="myland"],
body[data-pe-page="profile"],
body[data-pe-page="shop"],
body[data-pe-page="passport"],
body[data-pe-page="boost"]{
  min-height:100dvh;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% -8%,rgba(25,143,255,.28),transparent 34%),
    radial-gradient(circle at 8% 38%,rgba(46,214,255,.10),transparent 28%),
    linear-gradient(180deg,#061a46 0%,#020b22 62%,#010716 100%)!important;
}

/* Hide gameplay chrome on dedicated content pages. */
body:is([data-pe-page="daily"],[data-pe-page="myland"],[data-pe-page="profile"],[data-pe-page="shop"],[data-pe-page="passport"],[data-pe-page="boost"])
:is(#map,.worldShade,.scanGlow,.fxLayer,.gameTopbar,.statsHud,.levelHud,.peLeftRail,.peRightRail,.atlasStatusStrip,.buyLandButton,.gpsButton,.installButton,.updateButton,.onlineStatus,.mapboxgl-control-container,.parcelCard,.pe10BoardHud){display:none!important}

body:is([data-pe-page="daily"],[data-pe-page="myland"],[data-pe-page="profile"],[data-pe-page="shop"],[data-pe-page="passport"],[data-pe-page="boost"]) .sheetPanel{display:none!important}

body[data-pe-page="daily"] #dailyPanel,
body[data-pe-page="myland"] #myLandPanel,
body[data-pe-page="profile"] #morePanel,
body[data-pe-page="shop"] #shopPanel,
body[data-pe-page="passport"] #badgesPanel,
body[data-pe-page="boost"] #boostPanel,
body.pe10-subpanel-open .sheetPanel:not([hidden]){
  display:block!important;
  position:fixed!important;
  z-index:130!important;
  inset:0 0 var(--pe105-page-bottom) 0!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0 clamp(14px,4vw,54px) 44px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

/* Secondary profile tools open as full pages, not floating sheets. */
body.pe10-subpanel-open .sheetPanel:not([hidden]){z-index:480!important;background:linear-gradient(180deg,#061a46,#020b22 70%)!important}
body.pe10-subpanel-open #morePanel[hidden]{display:none!important}

body:is([data-pe-page="daily"],[data-pe-page="myland"],[data-pe-page="profile"],[data-pe-page="shop"],[data-pe-page="passport"],[data-pe-page="boost"]) .sheetHeader,
body.pe10-subpanel-open .sheetPanel:not([hidden])>.sheetHeader{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:calc(76px + env(safe-area-inset-top,0px))!important;
  margin:0 calc(clamp(14px,4vw,54px) * -1) 18px!important;
  padding:calc(12px + env(safe-area-inset-top,0px)) clamp(14px,4vw,54px) 12px!important;
  border-bottom:1px solid rgba(67,205,255,.20)!important;
  background:linear-gradient(180deg,rgba(4,18,49,.99),rgba(4,18,49,.94))!important;
  box-shadow:0 14px 36px rgba(0,5,26,.34)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body:is([data-pe-page="daily"],[data-pe-page="myland"],[data-pe-page="profile"],[data-pe-page="shop"],[data-pe-page="passport"],[data-pe-page="boost"]) .sheetHeader h2,
body.pe10-subpanel-open .sheetHeader h2{margin:2px 0 0!important;font-size:clamp(22px,5.5vw,34px)!important;letter-spacing:-.035em!important;color:white!important}
body:is([data-pe-page="daily"],[data-pe-page="myland"],[data-pe-page="profile"],[data-pe-page="shop"],[data-pe-page="passport"],[data-pe-page="boost"]) .sheetHeader .eyebrow,
body.pe10-subpanel-open .sheetHeader .eyebrow{color:var(--pe105-gold)!important;font-size:9px!important;letter-spacing:.16em!important}
body:is([data-pe-page="daily"],[data-pe-page="myland"],[data-pe-page="profile"],[data-pe-page="shop"],[data-pe-page="passport"],[data-pe-page="boost"]) .closeSheet,
body.pe10-subpanel-open .closeSheet{
  flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;
  display:grid!important;place-items:center!important;border-radius:16px!important;
  border:1px solid rgba(70,210,255,.34)!important;background:linear-gradient(180deg,#0d5fb6,#073776)!important;
  color:white!important;font-size:0!important;box-shadow:inset 0 1px rgba(255,255,255,.2),0 7px 18px rgba(0,0,0,.25)!important;
}
body:is([data-pe-page="daily"],[data-pe-page="myland"],[data-pe-page="profile"],[data-pe-page="shop"],[data-pe-page="passport"],[data-pe-page="boost"]) .closeSheet::before,
body.pe10-subpanel-open .closeSheet::before{content:"←";font-size:25px;font-weight:900;line-height:1}

.pe10PageHero{
  position:relative;isolation:isolate;overflow:hidden;
  width:min(1180px,100%);margin:0 auto 18px;padding:clamp(18px,4vw,34px);
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(14px,3vw,28px);align-items:center;
  border:2px solid rgba(83,216,255,.38);border-radius:30px;
  background:
    radial-gradient(circle at 82% 15%,rgba(255,203,61,.25),transparent 21%),
    radial-gradient(circle at 15% 25%,rgba(65,221,255,.24),transparent 30%),
    linear-gradient(145deg,rgba(11,91,178,.96),rgba(4,31,82,.98) 65%);
  box-shadow:0 22px 60px rgba(0,6,35,.44),inset 0 1px rgba(255,255,255,.16);
}
.pe10PageHero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}
.pe10HeroOrb{width:clamp(72px,12vw,116px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:3px solid rgba(255,215,82,.88);background:radial-gradient(circle at 34% 28%,#89ecff,#0a8ced 43%,#033a91 70%);box-shadow:0 0 0 8px rgba(43,205,255,.10),0 0 36px rgba(43,205,255,.36),inset 0 2px rgba(255,255,255,.5);font-size:clamp(34px,7vw,58px)}
.pe10HeroCopy{min-width:0}.pe10HeroCopy small{display:block;color:var(--pe105-gold);font-size:10px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.pe10HeroCopy h1{margin:6px 0 7px;color:#fff;font-size:clamp(27px,6vw,48px);line-height:.98;letter-spacing:-.05em;text-shadow:0 4px 18px rgba(0,0,0,.34)}.pe10HeroCopy p{max-width:720px;margin:0;color:#c5e6ff;font-size:clamp(12px,2.2vw,16px);line-height:1.5}.pe10HeroBadge{min-width:112px;padding:12px 14px;border:1px solid rgba(255,215,82,.60);border-radius:18px;background:linear-gradient(180deg,rgba(255,209,73,.22),rgba(240,138,0,.12));color:#ffe58a;text-align:center;font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.pe10HeroBadge strong{display:block;margin-top:4px;color:white;font-size:20px;letter-spacing:-.03em;text-transform:none}

.pe10SectionTitle{width:min(1180px,100%);margin:22px auto 10px;display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.pe10SectionTitle::before{content:"";width:6px;height:20px;border-radius:99px;background:linear-gradient(var(--pe105-gold),#f18a00);box-shadow:0 0 15px rgba(255,200,61,.45)}

/* Consistent cards across every empire page. */
body.pe-v10-pages :is(.dailyHero,.rentClaimCard,.loginRewardBlock,.portfolioHero,.rarityBreakdown,.landTools,.shopInfoCard,.passportHero,.passportStats,.titleCard,.boostHero,.boostStatsGrid,.moreGrid,.dailyTaskList,.dailyRewardCalendar,.shopPackGrid,.passportShopGrid,.legendaryUpgradeGrid,.passportStampList,.badgeGrid,.myLandList){width:min(1180px,100%);margin-left:auto!important;margin-right:auto!important}
body.pe-v10-pages :is(.dailyHero,.rentClaimCard,.loginRewardBlock,.shopInfoCard,.passportHero,.titleCard,.boostHero){border:1px solid var(--pe105-line)!important;border-radius:24px!important;background:linear-gradient(150deg,rgba(10,72,142,.92),rgba(4,28,69,.96))!important;box-shadow:0 16px 38px rgba(0,6,31,.28),inset 0 1px rgba(255,255,255,.08)!important}

/* Daily page */
body[data-pe-page="daily"] .dailyHero{padding:18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important}
body[data-pe-page="daily"] .dailyHero strong{font-size:clamp(18px,4vw,28px)!important;color:white!important}body[data-pe-page="daily"] .dailyHero span{color:#b9dcf5!important}
body[data-pe-page="daily"] .dailyTaskList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body[data-pe-page="daily"] .dailyTaskList>*{min-height:104px!important;padding:16px!important;border:1px solid rgba(73,208,255,.24)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(9,59,121,.90),rgba(3,26,66,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.07)!important}
body[data-pe-page="daily"] .rentClaimCard{margin-top:14px!important;padding:18px!important}
body[data-pe-page="daily"] .loginRewardBlock{margin-top:14px!important;padding:18px!important}
body[data-pe-page="daily"] .dailyRewardCalendar{display:grid!important;grid-template-columns:repeat(7,minmax(72px,1fr))!important;gap:9px!important;overflow-x:auto!important;padding:4px 0 8px!important}
body[data-pe-page="daily"] .dailyRewardCalendar>*{min-width:72px!important;border-color:rgba(64,207,255,.22)!important;background:rgba(3,24,62,.72)!important}

/* My Parcels */
body[data-pe-page="myland"] .portfolioHero{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
body[data-pe-page="myland"] .portfolioHero>div{min-height:92px;padding:15px;border:1px solid rgba(74,209,255,.26);border-radius:20px;background:linear-gradient(145deg,rgba(9,70,138,.92),rgba(3,27,68,.96));box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 28px rgba(0,6,31,.18)}
body[data-pe-page="myland"] .portfolioHero span{color:#9bc9e9!important;font-size:9px!important;letter-spacing:.09em!important;text-transform:uppercase}body[data-pe-page="myland"] .portfolioHero strong{display:block;margin-top:8px;color:white!important;font-size:clamp(15px,2.2vw,22px)!important;overflow:hidden;text-overflow:ellipsis}
body[data-pe-page="myland"] .rarityBreakdown{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;padding:0!important;background:none!important;border:0!important}
body[data-pe-page="myland"] .rarityBreakItem{border:1px solid rgba(255,255,255,.15)!important;border-radius:18px!important;background:rgba(5,31,72,.90)!important;box-shadow:inset 0 -4px var(--parcel-accent,#35dcff)!important}
body[data-pe-page="myland"] .portfolioTools{padding:14px!important;border:1px solid rgba(75,210,255,.23)!important;border-radius:22px!important;background:rgba(4,28,68,.86)!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
body[data-pe-page="myland"] .portfolioTools :is(select,input){border:1px solid rgba(75,210,255,.30)!important;border-radius:13px!important;background:#041d49!important;color:white!important}
body[data-pe-page="myland"] .myLandList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;padding-bottom:20px!important}
body[data-pe-page="myland"] .myLandList>*{border:1px solid rgba(75,210,255,.24)!important;border-radius:22px!important;background:linear-gradient(150deg,rgba(8,59,119,.95),rgba(3,25,62,.98))!important;box-shadow:0 14px 30px rgba(0,6,31,.24),inset 0 1px rgba(255,255,255,.08)!important;overflow:hidden!important}

/* Profile */
body[data-pe-page="profile"] #morePanel .sheetHeader h2{font-size:0!important}body[data-pe-page="profile"] #morePanel .sheetHeader h2::after{content:"Profile & Empire";font-size:clamp(22px,5.5vw,34px)}body[data-pe-page="profile"] #morePanel .sheetHeader .eyebrow{font-size:0!important}body[data-pe-page="profile"] #morePanel .sheetHeader .eyebrow::after{content:"Player hub";font-size:9px}
.pe10ProfileHero{grid-template-columns:auto minmax(0,1fr)!important}.pe10ProfileHero .pe10HeroOrb{overflow:hidden;background:#061a44}.pe10ProfileHero .pe10HeroOrb img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))}.pe10ProfileStats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:4px}.pe10ProfileStats>div{padding:11px 12px;border:1px solid rgba(77,210,255,.22);border-radius:16px;background:rgba(2,21,56,.55)}.pe10ProfileStats span{display:block;color:#94c4e5;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.pe10ProfileStats strong{display:block;margin-top:5px;color:white;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-pe-page="profile"] .moreGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
body[data-pe-page="profile"] .moreGrid>*:not(.pe10MenuSection){min-height:104px!important;padding:16px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;border:1px solid rgba(75,210,255,.24)!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(9,70,140,.92),rgba(3,27,68,.97))!important;color:white!important;text-decoration:none!important;box-shadow:0 13px 28px rgba(0,5,28,.22),inset 0 1px rgba(255,255,255,.08)!important;font-size:24px!important}
body[data-pe-page="profile"] .moreGrid>*:not(.pe10MenuSection) strong{font-size:15px!important;color:white!important}body[data-pe-page="profile"] .moreGrid>*:not(.pe10MenuSection) span{font-size:10px!important;color:#9fc9e7!important}
.pe10MenuSection{grid-column:1/-1!important;margin:12px 0 -2px!important;color:#ffe17b!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important}

/* Shop */
body[data-pe-page="shop"] .shopInfoCard{padding:20px!important;display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important}body[data-pe-page="shop"] .shopInfoCard strong{font-size:clamp(18px,4vw,28px)!important;color:white!important}body[data-pe-page="shop"] .shopInfoCard small{max-width:600px!important;color:#b8daf1!important}
body[data-pe-page="shop"] .shopSectionTitle{width:min(1180px,100%);margin:24px auto 10px!important;color:white!important}.shopSectionTitle.green{border-color:#72e339!important}.shopSectionTitle.blue{border-color:#35dcff!important}.shopSectionTitle.legendary{border-color:#ffc83d!important}
body[data-pe-page="shop"] :is(.shopPackGrid,.passportShopGrid,.legendaryUpgradeGrid){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
body[data-pe-page="shop"] :is(.shopPackGrid,.passportShopGrid,.legendaryUpgradeGrid)>*{border:1px solid rgba(75,210,255,.25)!important;border-radius:22px!important;background:linear-gradient(150deg,rgba(9,68,136,.95),rgba(3,25,62,.98))!important;box-shadow:0 14px 30px rgba(0,5,28,.22),inset 0 1px rgba(255,255,255,.08)!important;overflow:hidden!important}
body[data-pe-page="shop"] .shopNote{width:min(1180px,100%);margin:0 auto 12px!important;color:#9fc9e7!important}

/* Passport */
body[data-pe-page="passport"] .passportHero{padding:20px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important}body[data-pe-page="passport"] .passportHero strong{font-size:clamp(22px,5vw,36px)!important;color:white!important}
body[data-pe-page="passport"] .passportStats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:0!important;background:none!important}
body[data-pe-page="passport"] .passportStats>div{padding:16px;border:1px solid rgba(75,210,255,.24);border-radius:20px;background:linear-gradient(145deg,rgba(9,67,134,.92),rgba(3,27,68,.97))}
body[data-pe-page="passport"] .passportStampList,body[data-pe-page="passport"] .badgeGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body[data-pe-page="passport"] .passportStampList>*,body[data-pe-page="passport"] .badgeGrid>*{border:1px solid rgba(75,210,255,.24)!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(8,58,119,.94),rgba(3,25,62,.98))!important}
body[data-pe-page="passport"] .titleCard{margin-top:14px!important;padding:18px!important}

/* Boost */
body[data-pe-page="boost"] #boostPanel{max-width:none!important}
body[data-pe-page="boost"] .boostHero{padding:26px!important;display:grid!important;place-items:center!important;min-height:260px!important;background:radial-gradient(circle at 50% 52%,rgba(255,207,60,.22),transparent 28%),linear-gradient(145deg,rgba(11,91,177,.95),rgba(4,28,70,.98))!important}body[data-pe-page="boost"] .boostHero strong{font-size:clamp(54px,14vw,110px)!important;color:#ffe16f!important;text-shadow:0 0 34px rgba(255,198,47,.45)!important}body[data-pe-page="boost"] .boostHero span{color:white!important;font-size:18px!important}
body[data-pe-page="boost"] .boostStatsGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:0!important;background:none!important}
body[data-pe-page="boost"] .boostStatsGrid>div{padding:16px;border:1px solid rgba(75,210,255,.24);border-radius:20px;background:linear-gradient(145deg,rgba(8,62,126,.94),rgba(3,26,64,.98))}
body[data-pe-page="boost"] #watchAdBoost,body[data-pe-page="boost"] #openAdsRulesFromBoost,body[data-pe-page="boost"] .sheetNote{width:min(760px,100%)!important;margin-left:auto!important;margin-right:auto!important}

/* Shared bottom navigation remains the only persistent chrome. */
body[data-pe-page] .bottomNav.peFiveNav{z-index:520!important}
body:is([data-pe-page="shop"],[data-pe-page="passport"],[data-pe-page="boost"]) .bottomNav button[data-panel="more"]{color:#fff!important;border-color:rgba(255,204,61,.62)!important;background:linear-gradient(180deg,rgba(20,127,226,.95),rgba(7,68,145,.96))!important}

@media (max-width:850px){
  .pe10PageHero{grid-template-columns:auto minmax(0,1fr)}.pe10HeroBadge{grid-column:1/-1;justify-self:stretch}.pe10ProfileStats{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-pe-page="myland"] .portfolioHero{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-pe-page="myland"] .myLandList,body[data-pe-page="shop"] :is(.shopPackGrid,.passportShopGrid,.legendaryUpgradeGrid),body[data-pe-page="passport"] :is(.passportStampList,.badgeGrid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-pe-page="profile"] .moreGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:560px){
  :root{--pe105-page-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
  body[data-pe-page] .bottomNav.peFiveNav{left:7px!important;right:7px!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important}
  .pe10PageHero{padding:17px;border-radius:23px;gap:12px}.pe10HeroOrb{width:64px}.pe10HeroCopy h1{font-size:27px}.pe10HeroCopy p{font-size:12px}.pe10HeroBadge{padding:9px 11px;border-radius:14px}.pe10HeroBadge strong{font-size:16px}
  body[data-pe-page="daily"] .dailyHero,body[data-pe-page="passport"] .passportHero{grid-template-columns:1fr!important}
  body[data-pe-page="daily"] .dailyTaskList{grid-template-columns:1fr!important}
  body[data-pe-page="daily"] .dailyRewardCalendar{grid-template-columns:repeat(7,76px)!important}
  body[data-pe-page="myland"] .rarityBreakdown{gap:5px!important}.rarityBreakItem span{display:none!important}
  body[data-pe-page="myland"] .myLandList,body[data-pe-page="shop"] :is(.shopPackGrid,.passportShopGrid,.legendaryUpgradeGrid),body[data-pe-page="passport"] :is(.passportStampList,.badgeGrid){grid-template-columns:1fr!important}
  body[data-pe-page="profile"] .moreGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}body[data-pe-page="profile"] .moreGrid>*:not(.pe10MenuSection){min-height:94px!important;padding:13px!important;font-size:21px!important}
  body[data-pe-page="passport"] .passportStats,body[data-pe-page="boost"] .boostStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-pe-page="shop"] .shopInfoCard{display:block!important}
}

@media (max-width:370px){body[data-pe-page="profile"] .moreGrid{grid-template-columns:1fr!important}.pe10PageHero{grid-template-columns:1fr;text-align:center}.pe10HeroOrb{justify-self:center}.pe10HeroBadge{grid-column:auto}.pe10ProfileStats{grid-template-columns:1fr 1fr;text-align:left}}

@media (prefers-reduced-motion:reduce){.pe10PageHero,.pe10HeroOrb{animation:none!important}}