/* ============================================================
   Parcel Empire Phase 11.6 — Approved mockup UI integration
   Loading, login, daily, shop, profile/passport, parcels,
   purchase confirmation and rarity reveal.
   ============================================================ */
:root{
  --pe116-navy:#0b3148;
  --pe116-ink:#11344b;
  --pe116-muted:#6f8495;
  --pe116-mint:#48df86;
  --pe116-green:#23c765;
  --pe116-teal:#12bcb1;
  --pe116-aqua:#12bdd4;
  --pe116-line:rgba(31,126,142,.14);
  --pe116-card:rgba(255,255,255,.96);
  --pe116-shadow:0 20px 50px rgba(35,89,107,.14),0 3px 12px rgba(30,83,101,.07);
}

/* ---------------- LOADING SCREEN ---------------- */
body.pe116Loader{margin:0!important;min-height:100svh!important;background:#eef9fb!important;overflow:hidden!important}
body.pe116Loader #loader{
  position:relative!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;
  width:100%!important;min-height:100svh!important;padding:0 0 max(18px,env(safe-area-inset-bottom))!important;
  background:linear-gradient(180deg,#f2fbff 0%,#f8fdff 56%,#eff9f8 100%)!important;overflow:hidden!important;
}
body.pe116Loader .pe116LoadingHero{position:relative;min-height:0;display:grid;place-items:start center;overflow:hidden}
body.pe116Loader .loadingArtwork{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center 18%!important;opacity:1!important;filter:none!important;transform:none!important;
}
body.pe116Loader .pe116LoadingHero::after{
  content:"";position:absolute;inset:auto 0 0;height:30%;pointer-events:none;
  background:linear-gradient(180deg,transparent,#f6fcfd 92%);
}
body.pe116Loader .pe116LoadingMessage{
  position:relative;z-index:2;width:min(660px,88vw);margin:-4px auto 18px;display:grid;gap:8px;
  color:#16596b;font-weight:650;font-size:clamp(15px,3.9vw,21px);
}
body.pe116Loader .pe116LoadingMessage p{margin:0;display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid rgba(30,126,141,.09)}
body.pe116Loader .pe116MessageIcon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f0fffa;color:#1ab06f;box-shadow:0 8px 20px rgba(30,132,113,.12);font-size:20px;font-weight:900}
body.pe116Loader .loadingUi{
  position:relative!important;inset:auto!important;z-index:3!important;width:min(720px,90vw)!important;margin:0 auto!important;
  display:grid!important;gap:12px!important;padding:0!important;background:transparent!important;text-align:center!important;
}
body.pe116Loader .loadingStatus{font-size:clamp(23px,6vw,38px)!important;letter-spacing:.01em!important;color:#0e4d61!important;text-shadow:none!important}
body.pe116Loader .loadingBar{height:80px!important;border:7px solid #fff!important;border-radius:999px!important;background:#e9f2f2!important;box-shadow:0 14px 38px rgba(27,99,109,.18),inset 0 0 0 1px rgba(18,137,148,.12)!important;overflow:hidden!important}
body.pe116Loader .loadingFill{border-radius:999px!important;background:linear-gradient(90deg,#55dc73 0%,#1bc49e 49%,#10b7d4 100%)!important}
body.pe116Loader .loadingPercent{font-size:clamp(31px,9vw,54px)!important;color:#0b334d!important;text-shadow:0 2px 0 rgba(255,255,255,.9)!important}
body.pe116Loader .loadingHint{font-size:clamp(13px,3.7vw,18px)!important;color:#4c7782!important}
body.pe116Loader .loadingShine{opacity:.55!important}
@media(max-height:720px){
  body.pe116Loader #loader{grid-template-rows:minmax(0,1fr) auto auto!important}
  body.pe116Loader .pe116LoadingMessage{display:none!important}
  body.pe116Loader .loadingBar{height:64px!important}
}

/* ---------------- LOGIN SCREEN ---------------- */
body.pe116Login{min-height:100svh!important;margin:0!important;background:linear-gradient(180deg,#effbff,#eef9f8)!important;overflow-x:hidden!important}
body.pe116Login .loginScene{min-height:100svh!important;display:block!important;padding:0 0 max(20px,env(safe-area-inset-bottom))!important;background:transparent!important}
body.pe116Login .loginHero{position:relative!important;height:39svh!important;min-height:350px!important;max-height:620px!important;overflow:hidden!important;background:#e9f9fb!important}
body.pe116Login .loginHeroArt{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 10%!important;filter:none!important;opacity:1!important}
body.pe116Login .loginHeroShade{background:linear-gradient(180deg,transparent 58%,rgba(241,251,252,.2) 76%,#eff9fa 100%)!important}
body.pe116Login .loginHeroCopy{position:absolute!important;left:7%!important;right:7%!important;bottom:6%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;text-align:center!important;pointer-events:none!important}
body.pe116Login .pe116LoginBrand{padding:8px 18px;border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 10px 35px rgba(20,85,100,.12);backdrop-filter:blur(12px)}
body.pe116Login .pe116LoginBrand span{display:block;color:#199e78;font-size:10px;font-weight:850;letter-spacing:.18em}
body.pe116Login .pe116LoginBrand strong{display:block;color:#0a8e6e;font-size:clamp(24px,7vw,45px);font-weight:950;letter-spacing:-.04em}
body.pe116Login .pe116LoginBrand p{margin:2px 0 0;color:#536f7f;font-size:clamp(12px,3.5vw,17px)}
body.pe116Login .loginPanel{
  position:relative!important;z-index:3!important;width:min(760px,94vw)!important;margin:-18px auto 0!important;padding:clamp(24px,5vw,42px)!important;
  border:1px solid rgba(28,125,142,.12)!important;border-radius:36px!important;background:rgba(255,255,255,.97)!important;
  box-shadow:0 28px 65px rgba(23,81,101,.17)!important;backdrop-filter:blur(20px)!important;
}
body.pe116Login .loginPanelHead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:18px!important}
body.pe116Login .loginPanelHead span{color:#169c88!important;font-size:12px!important;font-weight:900!important;letter-spacing:.18em!important}
body.pe116Login .loginPanelHead h2{margin:6px 0 0!important;color:#102f49!important;font-size:clamp(31px,8vw,52px)!important;line-height:1!important;letter-spacing:-.045em!important}
body.pe116Login .loginOnline{display:flex!important;align-items:center!important;gap:8px!important;min-width:105px!important;justify-content:center!important;padding:12px 15px!important;border-radius:999px!important;color:#269f50!important;background:#effff4!important;border:1px solid rgba(44,206,105,.2)!important;font-weight:850!important;font-size:11px!important}
body.pe116Login .loginBenefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
body.pe116Login .loginBenefits span{min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:8px!important;border:1px solid var(--pe116-line)!important;border-radius:17px!important;background:#f8fcfc!important;color:#3d5c72!important;font-size:12px!important;font-weight:700!important}
body.pe116Login .login-status{margin:0 0 19px!important;padding:12px 16px!important;border:1px solid rgba(31,186,196,.18)!important;border-radius:17px!important;background:#f2fcfd!important;color:#5d7385!important;text-align:center!important;font-size:13px!important}
body.pe116Login .input-group{margin-bottom:16px!important}
body.pe116Login .input-group label{display:block!important;margin-bottom:8px!important;color:#183b55!important;font-size:12px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important}
body.pe116Login .loginInput{height:70px!important;display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;align-items:center!important;border:1px solid var(--pe116-line)!important;border-radius:19px!important;background:#fbfefe!important;box-shadow:inset 0 1px 2px rgba(20,70,87,.03)!important;overflow:hidden!important}
body.pe116Login .loginInput>span{height:100%!important;display:grid!important;place-items:center!important;border-right:1px solid var(--pe116-line)!important;color:#8fb5b1!important;font-size:20px!important}
body.pe116Login .loginInput input{height:100%!important;padding:0 20px!important;border:0!important;background:transparent!important;color:#12364e!important;font-size:17px!important;outline:0!important}
body.pe116Login .pe116PasswordToggle{width:52px;height:52px;margin-right:8px;border:0;border-radius:15px;background:transparent;color:#8b9eae;font-size:18px}
body.pe116Login .login-button{height:70px!important;margin-top:6px!important;border-radius:20px!important;background:linear-gradient(100deg,#49db6f,#18c59e 50%,#13b8d5)!important;font-size:clamp(16px,4.4vw,23px)!important;box-shadow:0 13px 28px rgba(15,168,151,.24)!important}
body.pe116Login .loginQuickLinks{margin:14px 2px 18px!important}
body.pe116Login .loginQuickLinks a{color:#138e83!important;font-size:14px!important}
body.pe116Login .divider{margin:18px 0!important}
body.pe116Login .loginSocialGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
body.pe116Login .social{min-height:60px!important;border:1px solid var(--pe116-line)!important;border-radius:18px!important;background:#fff!important;color:#193a51!important;box-shadow:0 7px 18px rgba(28,80,96,.07)!important;font-size:13px!important}
body.pe116Login .guest{min-height:62px!important;margin-top:14px!important;border:1px solid var(--pe116-line)!important;border-radius:18px!important;background:linear-gradient(180deg,#f7fffc,#edf9f7)!important;color:#158d77!important;box-shadow:none!important}
body.pe116Login .guest span{font-size:18px!important;font-weight:900!important}
body.pe116Login .guest small{display:none!important}
body.pe116Login .loginTerms{margin-top:12px!important;color:#8797a4!important;font-size:11px!important}
@media(max-width:430px){
  body.pe116Login .loginHero{height:35svh!important;min-height:300px!important}
  body.pe116Login .loginPanel{width:96vw!important;border-radius:28px!important;padding:24px 18px!important}
  body.pe116Login .loginPanelHead h2{font-size:34px!important}
  body.pe116Login .loginOnline{min-width:88px!important;padding:10px 11px!important}
  body.pe116Login .loginBenefits span{font-size:10px!important}
  body.pe116Login .loginInput{height:62px!important}
  body.pe116Login .login-button{height:64px!important}
  body.pe116Login .loginSocialGrid{grid-template-columns:1fr!important}
}

/* ---------------- ROUTE PAGES ---------------- */
body.pe116-theme:is([data-pe-page="daily"],[data-pe-page="shop"],[data-pe-page="profile"],[data-pe-page="passport"],[data-pe-page="myland"],[data-pe-page="boost"]){
  background:linear-gradient(180deg,#eefaff 0%,#f9fdff 40%,#eef9f7 100%)!important;
}
body.pe116-theme:is([data-pe-page="daily"],[data-pe-page="shop"],[data-pe-page="profile"],[data-pe-page="passport"],[data-pe-page="myland"],[data-pe-page="boost"]) :is(#map,.worldShade,.scanGlow,.gameTopbar,.statsHud,.levelHud,.buyLandButton,.gpsButton,.onlineStatus,.atlasStatusStrip){display:none!important}
body.pe116-theme:is([data-pe-page="daily"],[data-pe-page="shop"],[data-pe-page="profile"],[data-pe-page="passport"],[data-pe-page="myland"],[data-pe-page="boost"]) .sheetPanel{
  position:relative!important;inset:auto!important;display:block!important;width:100%!important;max-width:none!important;min-height:100svh!important;
  padding:0 clamp(12px,4vw,42px) calc(104px + env(safe-area-inset-bottom))!important;overflow:visible!important;background:transparent!important;
}
body.pe116-theme:is([data-pe-page="daily"],[data-pe-page="shop"],[data-pe-page="profile"],[data-pe-page="passport"],[data-pe-page="myland"],[data-pe-page="boost"]) .sheetPanel[hidden]{display:none!important}
body.pe116-theme:is([data-pe-page="daily"],[data-pe-page="shop"],[data-pe-page="profile"],[data-pe-page="passport"],[data-pe-page="myland"],[data-pe-page="boost"]) .sheetPanel>.sheetHeader{display:none!important}
body.pe116-theme .pe116PageHero{
  position:relative!important;width:min(1020px,100%)!important;min-height:430px!important;margin:0 auto 18px!important;padding:245px clamp(20px,5vw,48px) 30px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"copy badge" "stats stats"!important;align-items:end!important;gap:18px!important;
  border:1px solid var(--pe116-line)!important;border-radius:0 0 36px 36px!important;overflow:hidden!important;
  background:
    linear-gradient(180deg,transparent 0 46%,rgba(249,254,255,.25) 62%,rgba(255,255,255,.98) 74%),
    url('../assets/ui/theme11-6/page-world.webp') center top/100% auto no-repeat,
    #f6fdff!important;
  box-shadow:var(--pe116-shadow)!important;
}
body.pe116-theme .pe116PageHero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,transparent 0 35%,rgba(238,251,252,.16) 60%,rgba(255,255,255,.75) 100%)}
body.pe116-theme .pe116PageHero>*{position:relative;z-index:1}
body.pe116-theme .pe116PageHero .pe10HeroOrb{display:none!important}
body.pe116-theme .pe116PageHero .pe10HeroCopy{grid-area:copy!important;min-width:0!important}
body.pe116-theme .pe116PageHero .pe10HeroCopy small{color:#179d86!important;font-size:11px!important;font-weight:900!important;letter-spacing:.16em!important}
body.pe116-theme .pe116PageHero .pe10HeroCopy h1{margin:5px 0 6px!important;color:var(--pe116-navy)!important;font-size:clamp(34px,7vw,58px)!important;line-height:1!important;letter-spacing:-.045em!important;text-shadow:none!important}
body.pe116-theme .pe116PageHero .pe10HeroCopy p{margin:0!important;color:#587486!important;font-size:clamp(14px,3.5vw,18px)!important;max-width:620px!important}
body.pe116-theme .pe116PageHero .pe10HeroBadge{grid-area:badge!important;min-width:160px!important;padding:15px 18px!important;border:1px solid var(--pe116-line)!important;border-radius:22px!important;background:rgba(255,255,255,.92)!important;color:#6a8192!important;box-shadow:0 10px 28px rgba(26,85,103,.1)!important}
body.pe116-theme .pe116PageHero .pe10HeroBadge strong{display:block!important;margin-top:4px!important;color:#149877!important;font-size:22px!important}
body.pe116-theme .pe116PageHero .pe10ProfileStats{grid-area:stats!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
body.pe116-theme .pe116PageHero .pe10ProfileStats>div{min-height:84px!important;padding:13px!important;border:1px solid var(--pe116-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 20px rgba(29,82,98,.08)!important}
body.pe116-theme .pe116OnlinePill{position:absolute!important;right:28px!important;top:215px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:10px 15px!important;border-radius:999px!important;background:#effff4!important;border:1px solid rgba(43,203,102,.2)!important;color:#239f50!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important}
body.pe116-theme .pe116OnlinePill i{width:9px;height:9px;border-radius:50%;background:#31dc70;box-shadow:0 0 0 5px rgba(49,220,112,.13)}

body.pe116-theme .pe10SectionTitle{width:min(1020px,100%)!important;margin:22px auto 10px!important;padding:0!important;color:#116777!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body.pe116-theme .pe10SectionTitle::before,body.pe116-theme .pe10SectionTitle::after{display:none!important}
body.pe116-theme :is(.dailyHero,.rentClaimCard,.loginRewardBlock,.portfolioHero,.rarityBreakdown,.landTools,.shopInfoCard,.passportHero,.boostHero,.boostStatsGrid,.moreGrid,.myLandList,.shopPackGrid,.passportShopGrid,.legendaryUpgradeGrid,.passportStats,.passportStampList,.badgeGrid){width:min(1020px,100%)!important;margin-left:auto!important;margin-right:auto!important}

/* Daily */
body.pe116-theme[data-pe-page="daily"] .dailyHero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;padding:22px!important;border-radius:26px!important;background:linear-gradient(135deg,#f7fffb,#e9fbf9)!important}
body.pe116-theme[data-pe-page="daily"] .dailyRewardCalendar{display:grid!important;grid-template-columns:repeat(7,minmax(98px,1fr))!important;gap:10px!important;overflow-x:auto!important;padding:4px 2px 12px!important}
body.pe116-theme[data-pe-page="daily"] .dailyRewardDay{min-height:130px!important;display:grid!important;place-items:center!important;gap:6px!important;border-radius:20px!important;background:#fff!important}
body.pe116-theme[data-pe-page="daily"] .dailyRewardDay.active{border:2px solid #20bd75!important;background:linear-gradient(180deg,#effff5,#fff)!important;transform:translateY(-3px)}
body.pe116-theme[data-pe-page="daily"] .pe116StreakLabel{width:min(1020px,100%);margin:0 auto 8px;display:flex;align-items:end;justify-content:space-between;gap:10px}.pe116StreakLabel span{color:#148c79;font-size:12px;font-weight:900;letter-spacing:.16em}.pe116StreakLabel strong{color:#5a7688;font-size:13px}
body.pe116-theme[data-pe-page="daily"] .dailyTaskList{width:min(1020px,100%)!important;margin:0 auto!important;display:grid!important;gap:11px!important}
body.pe116-theme[data-pe-page="daily"] :is(.dailyTask,.dailyTaskItem){min-height:70px!important;padding:13px 16px!important;border-radius:20px!important;background:#fff!important}

/* Shop */
body.pe116-theme .pe116ShopTabs{position:sticky;top:8px;z-index:25;width:min(1020px,100%);margin:0 auto 18px;display:grid;grid-template-columns:repeat(3,1fr);padding:5px;border:1px solid var(--pe116-line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(28,79,96,.1);backdrop-filter:blur(18px)}
body.pe116-theme .pe116ShopTabs button{min-height:52px;border:0;border-radius:17px;background:transparent;color:#5f7a8c;font-weight:800;font-size:14px}.pe116ShopTabs button.active{background:linear-gradient(100deg,#48d96e,#15c3a6,#11b8d1);color:#fff;box-shadow:0 8px 20px rgba(16,165,151,.2)}
body.pe116-theme[data-pe-page="shop"] :is(.shopPackGrid,.passportShopGrid,.legendaryUpgradeGrid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:15px!important}
body.pe116-theme[data-pe-page="shop"] :is(.shopPackGrid>*,.passportShopGrid>*,.legendaryUpgradeGrid>*){min-height:230px!important;padding:18px!important;border:1px solid var(--pe116-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 12px 30px rgba(30,84,100,.09)!important}
body.pe116-theme[data-pe-page="shop"] .shopSectionTitle{width:min(1020px,100%)!important;margin:24px auto 12px!important;border:0!important;border-left:0!important;background:transparent!important;padding:0!important;color:#106c78!important}

/* Profile + Passport */
body.pe116-theme .pe116PassportCard{width:min(1020px,100%);min-height:260px;margin:0 auto 18px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,34%);align-items:center;gap:20px;text-decoration:none;border:1px solid var(--pe116-line);border-radius:30px;background:linear-gradient(135deg,#fff,#f0fcf8);box-shadow:var(--pe116-shadow);overflow:hidden}
body.pe116-theme .pe116PassportCard small{color:#14947e;font-weight:900;letter-spacing:.16em}.pe116PassportCard h2{margin:6px 0;color:#10384f;font-size:clamp(28px,6vw,44px)}.pe116PassportCard p{color:#648091;max-width:520px}.pe116PassportCard span{display:inline-flex;margin-top:12px;padding:13px 20px;border-radius:16px;background:linear-gradient(100deg,#48dc75,#16c5a4,#12b8d1);color:#fff;font-weight:900}
body.pe116-theme .pe116PassportBook{justify-self:end;width:190px;height:240px;display:grid;place-items:center;text-align:center;align-content:center;gap:8px;border:7px solid #d9c478;border-radius:18px;background:linear-gradient(145deg,#0b9a83,#0a756d);color:#fff;box-shadow:18px 20px 0 #1d8979,0 24px 40px rgba(13,86,83,.22);transform:rotate(6deg)}.pe116PassportBook b{font-size:42px;color:#f2d77c}.pe116PassportBook strong{font-size:22px;line-height:.95}.pe116PassportBook small{color:#f4e8b5}
body.pe116-theme[data-pe-page="profile"] .moreGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.pe116-theme[data-pe-page="profile"] .moreGrid>*:not(.pe10MenuSection){min-height:82px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;padding:14px!important;border-radius:20px!important;text-align:left!important}
body.pe116-theme[data-pe-page="passport"] :is(.passportHero,.passportStats>div,.passportStampList>*,.badgeGrid>*){border-radius:24px!important;background:#fff!important}

/* My Parcels */
body.pe116-theme[data-pe-page="myland"] .portfolioHero{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
body.pe116-theme[data-pe-page="myland"] .portfolioHero>div{min-height:92px!important;padding:15px!important;border-radius:20px!important;background:#fff!important}
body.pe116-theme[data-pe-page="myland"] .portfolioTools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto auto!important;gap:10px!important;padding:16px!important;border-radius:24px!important;background:#fff!important}
body.pe116-theme .pe116ParcelGridLabel{width:min(1020px,100%);margin:20px auto 10px;display:flex;justify-content:space-between;gap:12px;align-items:end}.pe116ParcelGridLabel strong{color:#10394f;font-size:22px}.pe116ParcelGridLabel span{color:#6a8192;font-size:13px}
body.pe116-theme[data-pe-page="myland"] .myLandList{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:16px!important}
body.pe116-theme[data-pe-page="myland"] .pe106ParcelCard{border:1px solid var(--pe116-line)!important;border-radius:26px!important;background:#fff!important;box-shadow:0 14px 36px rgba(29,83,101,.1)!important;overflow:hidden!important}
body.pe116-theme[data-pe-page="myland"] .pe106ParcelVisual{min-height:210px!important;background:linear-gradient(180deg,#effdf8,#e8f8fa)!important}.pe106ParcelVisual img{max-height:190px!important;filter:drop-shadow(0 16px 14px rgba(33,91,96,.18))!important}
body.pe116-theme[data-pe-page="myland"] .pe106ParcelBody{padding:17px!important}

/* Unified bottom nav on content pages */
body.pe116-theme .bottomNav.peFiveNav{height:78px!important;max-width:720px!important;border-radius:28px!important;padding:6px 10px!important;background:rgba(255,255,255,.97)!important}

/* ---------------- PURCHASE CONFIRMATION ---------------- */
body.pe116-theme .pePurchaseConfirm{padding:18px!important;background:rgba(14,57,72,.42)!important;backdrop-filter:blur(14px)!important}
body.pe116-theme .pe116PurchaseCard{width:min(560px,96vw)!important;max-height:min(880px,94svh)!important;border:1px solid rgba(29,126,144,.15)!important;border-radius:34px!important;background:#fff!important;box-shadow:0 35px 90px rgba(10,46,60,.3)!important;overflow:auto!important}
body.pe116-theme .pe116PurchaseCard .peConfirmHeading{display:block!important;padding:30px 58px 10px!important;text-align:center!important;background:#fff!important;border:0!important}
body.pe116-theme .pe116PurchaseCard .peConfirmHeading .eyebrow{color:#1aa887!important;font-size:12px!important;font-weight:950!important;letter-spacing:.17em!important}.pe116PurchaseCard .peConfirmHeading h2{margin:8px 0 6px!important;color:#0f3850!important;font-size:clamp(32px,7vw,48px)!important;letter-spacing:-.04em!important}.pe116PurchaseCard .peConfirmHeading p{color:#718797!important}.pe116PurchaseCard .peConfirmBadges{display:none!important}
body.pe116-theme .pe116PurchaseCard .confirmClose{top:18px!important;right:18px!important;width:48px!important;height:48px!important;border:1px solid var(--pe116-line)!important;border-radius:50%!important;background:#f8fcfd!important;color:#718797!important}
body.pe116-theme .pe116PurchaseCard .peConfirmMain{display:block!important;padding:0 22px!important}
body.pe116-theme .pe116PurchaseCard .peConfirmPreview{position:relative!important;min-height:310px!important;display:grid!important;place-items:center!important;margin:0!important;border:0!important;border-radius:26px!important;background:radial-gradient(circle,#f4fffb 0,#effaf9 55%,transparent 75%)!important;overflow:hidden!important}
body.pe116-theme .pe116PurchaseCard .pe116ConfirmArt{width:min(380px,88%)!important;max-height:280px!important;object-fit:contain!important;filter:drop-shadow(0 24px 18px rgba(31,87,90,.18))!important;z-index:2!important}
body.pe116-theme .pe116PurchaseCard .peConfirmPreviewGrid,body.pe116-theme .pe116PurchaseCard .peConfirmMystery,body.pe116-theme .pe116PurchaseCard #confirmPreviewLabel{display:none!important}
body.pe116-theme .pe116PurchaseCard .peConfirmDetails{padding:0!important}.pe116PurchaseCard .peConfirmLocation{text-align:center!important;padding:4px 0 16px!important}.pe116PurchaseCard .peConfirmLocation span{display:none!important}.pe116PurchaseCard .peConfirmLocation strong{font-size:20px!important;color:#123c53!important}
body.pe116-theme .pe116PurchaseCard .peConfirmStats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;padding:16px!important;border:1px solid var(--pe116-line)!important;border-radius:22px!important;background:#fbfefe!important}.pe116PurchaseCard .peConfirmStats>div{min-height:76px!important;padding:8px 10px!important;border:0!important;border-right:1px solid var(--pe116-line)!important}.pe116PurchaseCard .peConfirmStats>div:nth-child(n+4){display:none!important}.pe116PurchaseCard .peConfirmStats>div:nth-child(3){border-right:0!important}.pe116PurchaseCard .peConfirmStats span{color:#1a9d82!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important}.pe116PurchaseCard .peConfirmStats strong{color:#12394f!important;font-size:16px!important}
body.pe116-theme .pe116PurchaseCard .peConfirmLegal{margin:14px 22px!important;padding:15px!important;border:1px solid var(--pe116-line)!important;border-radius:18px!important;background:#f7fcfc!important;color:#6b8292!important;text-align:center!important}.pe116PurchaseCard .peConfirmWarning{margin:0 22px!important}
body.pe116-theme .pe116PurchaseCard .peConfirmActions{display:grid!important;grid-template-columns:1fr 1.3fr!important;gap:12px!important;padding:0 22px 24px!important}.pe116PurchaseCard .peConfirmActions button{height:62px!important;border-radius:20px!important;font-size:18px!important;font-weight:900!important}.pe116PurchaseCard .peConfirmBuyButton{background:linear-gradient(100deg,#4bdd72,#18c69f,#12b8d2)!important}

/* ---------------- RARITY REVEAL ---------------- */
body.pe116-theme .pe116Reveal{padding:0!important;background:radial-gradient(circle at 50% 45%,#21d2d2 0,#0b7392 46%,#07546e 100%)!important;overflow:auto!important}
body.pe116-theme .pe116Reveal::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-conic-gradient(from 10deg at 50% 45%,rgba(255,255,255,.15) 0 2deg,transparent 2deg 10deg);mask:radial-gradient(circle,black,transparent 70%);opacity:.55}
body.pe116-theme .pe116Reveal .revealCard{position:relative!important;width:min(720px,100%)!important;min-height:100svh!important;margin:0 auto!important;padding:calc(28px + env(safe-area-inset-top)) 22px calc(30px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:#fff!important}
body.pe116-theme .pe116RevealBrand{text-align:center!important;color:#fff!important}.pe116RevealBrand img{width:min(280px,65vw)!important;height:auto!important;filter:drop-shadow(0 9px 20px rgba(0,45,62,.22)) brightness(1.12)!important}.pe116RevealBrand small{display:block;margin-top:14px;color:#bafdf1;font-size:12px;font-weight:950;letter-spacing:.2em}.pe116RevealBrand strong{display:block;margin-top:5px;font-size:clamp(31px,8vw,54px);font-weight:950;letter-spacing:-.045em}.pe116RevealBrand p{margin:5px 0 0;color:#dbffff;font-size:16px}
body.pe116-theme .pe116Reveal .revealModelStage{height:min(390px,43svh)!important;margin:8px auto 0!important;border:0!important;background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.55),rgba(93,255,228,.18) 45%,transparent 70%)!important;overflow:visible!important}.pe116Reveal .revealModelStage canvas{filter:drop-shadow(0 26px 20px rgba(0,44,54,.24))!important}.pe116Reveal .peRevealHalo{border-color:rgba(255,255,255,.65)!important;box-shadow:0 0 80px rgba(167,255,236,.6)!important}.pe116Reveal .peRevealRarityBadge{bottom:10px!important;left:50%!important;transform:translateX(-50%)!important;padding:14px 35px!important;border:4px solid rgba(255,255,255,.8)!important;border-radius:18px!important;background:linear-gradient(180deg,#28a7ff,#1877e7)!important;color:#fff!important;font-size:25px!important;box-shadow:0 10px 25px rgba(0,53,104,.25)!important}
body.pe116-theme .pe116Reveal .peRevealDetails{margin-top:5px!important;padding:18px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:26px!important;background:rgba(255,255,255,.94)!important;color:#11394f!important;box-shadow:0 20px 48px rgba(0,40,54,.22)!important}.pe116Reveal .peRevealTitleRow h2{color:#0b6e89!important}.pe116Reveal .revealParcelName{color:#15394c!important}.pe116Reveal .peRevealLocationRow,.pe116Reveal .peRevealPurchaseMeta{display:none!important}.pe116Reveal .peRevealMetrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.pe116Reveal .peRevealMetrics>div{padding:15px!important;border:1px solid var(--pe116-line)!important;border-radius:18px!important;background:#f8fdfd!important}.pe116Reveal .peRevealMetrics span{color:#158e80!important}.pe116Reveal .peRevealMetrics strong{color:#10394f!important}
body.pe116-theme .pe116Reveal #closeReveal{width:100%!important;min-height:72px!important;margin-top:14px!important;border:5px solid rgba(255,255,255,.8)!important;border-radius:24px!important;background:linear-gradient(100deg,#4ade72,#15c49f,#11b8d1)!important;color:#fff!important;box-shadow:0 14px 30px rgba(0,54,70,.25)!important}.pe116Reveal #closeReveal span{font-size:22px!important}.pe116Reveal #closeReveal small{color:#efffff!important}

@media(max-width:700px){
  body.pe116-theme .pe116PageHero{min-height:370px!important;padding:210px 20px 24px!important;grid-template-columns:1fr!important;grid-template-areas:"copy" "badge" "stats"!important;border-radius:0 0 29px 29px!important;background-size:auto 230px!important}
  body.pe116-theme .pe116PageHero .pe10HeroBadge{justify-self:start!important;min-width:150px!important}
  body.pe116-theme .pe116PageHero .pe10ProfileStats{grid-template-columns:repeat(2,1fr)!important}
  body.pe116-theme .pe116OnlinePill{top:185px!important;right:18px!important}
  body.pe116-theme .pe116PassportCard{grid-template-columns:1fr!important;padding:24px!important}.pe116PassportBook{justify-self:center!important;width:150px!important;height:190px!important}
  body.pe116-theme[data-pe-page="profile"] .moreGrid{grid-template-columns:1fr!important}
  body.pe116-theme[data-pe-page="myland"] .portfolioHero{grid-template-columns:repeat(2,1fr)!important}
  body.pe116-theme[data-pe-page="myland"] .portfolioTools{grid-template-columns:1fr 1fr!important}
  body.pe116-theme[data-pe-page="daily"] .dailyHero{grid-template-columns:1fr!important}
  body.pe116-theme .pe116PurchaseCard .peConfirmStats strong{font-size:13px!important}
}


/* PHASE 11.7 DEVICE FIXES */
html,body{max-width:100vw!important;overflow-x:hidden!important}
body.pe116Loader,body.pe116Login{overflow-x:hidden!important}
body.pe116Loader #loader{width:100%!important;max-width:100vw!important;overflow:hidden!important;display:grid!important;align-content:space-between!important;justify-items:center!important;padding-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right))!important}
body.pe116Loader .pe116LoadingHero{width:100%!important;max-width:100vw!important;display:grid!important;justify-items:center!important;overflow:hidden!important}
body.pe116Loader .loadingArtwork{position:relative!important;left:auto!important;right:auto!important;width:min(100%,860px)!important;max-width:100%!important;height:auto!important;max-height:60svh!important;object-fit:contain!important;object-position:center top!important;margin:0 auto!important;display:block!important}
body.pe116Loader .pe116LoadingMessage{width:min(660px,88vw)!important;margin:0 auto 16px!important;text-align:center!important}
body.pe116Loader .loadingUi{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(720px,90vw)!important;max-width:100%!important;margin:0 auto calc(10px + env(safe-area-inset-bottom))!important;justify-items:center!important}
body.pe116Loader .loadingStatus,body.pe116Loader .loadingHint{text-align:center!important}
body.pe116Loader .loadingBar{position:relative!important;width:100%!important;max-width:100%!important}
body.pe116Loader .loadingPercent{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important}

body.pe116Login #loadingScreen{position:fixed!important;inset:0!important;z-index:120!important;display:none;align-items:center!important;justify-content:center!important;padding:24px!important;background:linear-gradient(180deg,#f5fdfd 0%,#eef8f7 100%)!important;color:#12394d!important;overflow:hidden!important}
body.pe116Login .pe117GuestLoaderCard{width:min(92vw,520px)!important;padding:38px 28px 30px!important;border-radius:34px!important;border:1px solid rgba(28,132,135,.12)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 28px 70px rgba(24,86,101,.14)!important;display:grid!important;justify-items:center!important;gap:12px!important;text-align:center!important}
body.pe116Login .pe117GuestLoaderBadge{width:122px!important;height:122px!important;display:grid!important;place-items:center!important;border-radius:30px!important;background:linear-gradient(180deg,#153e8d,#0a2454)!important;box-shadow:0 16px 30px rgba(9,46,91,.22),0 0 0 4px rgba(255,216,109,.55)!important}
body.pe116Login .pe117GuestLoaderBadge img{width:92px!important;height:92px!important;object-fit:contain!important}
body.pe116Login .pe117GuestLoaderEyebrow{font-size:12px!important;line-height:1.2!important;letter-spacing:.22em!important;font-weight:900!important;color:#69a498!important}
body.pe116Login #loadingScreen h2{margin:0!important;font-size:clamp(28px,7vw,48px)!important;line-height:1.02!important;color:#163657!important}
body.pe116Login #loadingScreen p{margin:0 0 6px!important;font-size:clamp(15px,4.2vw,21px)!important;color:#6f8192!important}
body.pe116Login #loadingScreen .loginLoadBar{width:min(100%,420px)!important;height:16px!important;padding:2px!important;border:2px solid #9edcea!important;border-radius:999px!important;background:#e7f2f1!important;box-shadow:none!important}
body.pe116Login #loadingScreen .loginLoadBar i{border-radius:inherit!important;background:linear-gradient(90deg,#55dc73,#1bc49e,#10b7d4)!important}

body.pe116-theme .tutorialOverlay{display:grid!important;place-items:center!important;padding:20px!important;background:rgba(197,216,219,.52)!important;backdrop-filter:blur(14px)!important}
body.pe116-theme .tutorialCard{width:min(92vw,780px)!important;max-width:780px!important;padding:32px 28px 28px!important;border:1px solid rgba(28,123,141,.14)!important;border-radius:32px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,252,252,.96))!important;box-shadow:0 26px 80px rgba(23,82,94,.18)!important}
body.pe116-theme .tutorialTop{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:6px!important}
body.pe116-theme .tutorialTop .eyebrow{font-size:12px!important;letter-spacing:.22em!important;color:#6d8793!important;font-weight:900!important;text-transform:uppercase!important}
body.pe116-theme #tutorialSkip{width:64px!important;height:64px!important;border:1px solid rgba(34,109,145,.28)!important;border-radius:20px!important;background:linear-gradient(180deg,#8b95ab,#7b849d)!important;color:#fff!important;font-size:34px!important;line-height:1!important;box-shadow:none!important}
body.pe116-theme .pe117TutorialBrand{display:flex!important;align-items:center!important;gap:14px!important;margin:12px 0 10px!important;color:#64788b!important;font-weight:900!important;letter-spacing:.05em!important}
body.pe116-theme .pe117TutorialBrand img{width:74px!important;height:74px!important;padding:10px!important;border-radius:22px!important;background:linear-gradient(180deg,#173f8f,#0c285f)!important;box-shadow:0 0 0 3px rgba(255,216,109,.65),0 16px 28px rgba(9,46,91,.16)!important}
body.pe116-theme .pe117TutorialStep{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:168px!important;padding:10px 18px!important;margin:0 auto 16px!important;border:1px solid rgba(120,215,241,.9)!important;border-radius:999px!important;background:#f1fbff!important;color:#667489!important;font-size:13px!important;font-weight:900!important;letter-spacing:.12em!important}
body.pe116-theme .tutorialIcon{width:148px!important;height:148px!important;margin:4px auto 18px!important;border-radius:34px!important;border:5px solid #c5dcde!important;background:linear-gradient(180deg,#f6ffff,#eaf4f4)!important;color:#214863!important;font-size:72px!important;display:grid!important;place-items:center!important;box-shadow:none!important}
body.pe116-theme #tutorialTitle{margin:0 auto 10px!important;max-width:520px!important;text-align:center!important;color:#163657!important;font-size:clamp(32px,7vw,58px)!important;line-height:.98!important;letter-spacing:-.03em!important}
body.pe116-theme #tutorialText{margin:0 auto 16px!important;max-width:600px!important;text-align:center!important;color:#708296!important;font-size:clamp(18px,4.3vw,22px)!important;line-height:1.55!important}
body.pe116-theme .tutorialProgress{gap:12px!important;margin:8px 0 22px!important;justify-content:center!important}
body.pe116-theme .tutorialProgress i{width:56px!important;height:10px!important;border-radius:999px!important;background:#d7e3e4!important}
body.pe116-theme .tutorialProgress i.active{background:linear-gradient(90deg,#55dc73,#10b7d4)!important;width:82px!important;box-shadow:none!important}
body.pe116-theme .tutorialProgress i.done{background:#63d992!important}
body.pe116-theme .tutorialActions{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:18px!important}
body.pe116-theme .tutorialActions button{min-height:84px!important;border-radius:24px!important;font-size:22px!important;font-weight:900!important;letter-spacing:.02em!important;box-shadow:none!important}
body.pe116-theme #tutorialBack{background:linear-gradient(180deg,#2d6fd2,#1f4a9e)!important;border:3px solid rgba(118,196,255,.55)!important;color:#fff!important}
body.pe116-theme #tutorialNext{background:linear-gradient(180deg,#ffe374,#f5cc51 58%,#eba538)!important;border:4px solid rgba(255,243,180,.95)!important;color:#0b2f52!important;box-shadow:0 10px 0 #955000!important}
@media(max-width:700px){body.pe116-theme .tutorialCard{padding:24px 22px 24px!important}body.pe116-theme .tutorialIcon{width:120px!important;height:120px!important;font-size:58px!important}body.pe116-theme #tutorialTitle{font-size:clamp(26px,10vw,44px)!important}body.pe116-theme #tutorialText{font-size:clamp(16px,4.5vw,20px)!important}body.pe116-theme .tutorialActions{grid-template-columns:1fr 1fr!important;gap:14px!important}body.pe116-theme .tutorialActions button{min-height:70px!important;font-size:18px!important}}

body.pe116-theme .pe108RevealImage{display:none!important}
body.pe116-theme .pe116Reveal .revealModelStage::before,body.pe116-theme .pe116Reveal .revealModelStage::after{display:none!important}
body.pe116-theme .pe116Reveal .revealModelLoading.revealFallbackIcon{font-size:96px!important;background:transparent!important;color:#1877e7!important;text-shadow:none!important}


/* ============================================================
   Phase 11.8 — iPhone viewport, guest loader, tutorial,
   reveal cleanup and parcel-to-grid fit corrections
   ============================================================ */
html,body{inline-size:100%!important;max-inline-size:100%!important;overflow-x:hidden!important}
body.pe116Loader{inline-size:100%!important;min-block-size:100svh!important;overflow:hidden!important}
body.pe116Loader #loader{
  position:fixed!important;inset:0!important;inline-size:100%!important;max-inline-size:none!important;
  min-block-size:100svh!important;block-size:100svh!important;overflow:hidden!important;
  display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;justify-items:center!important;
  padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;
  box-sizing:border-box!important;
}
body.pe116Loader .pe116LoadingHero{
  position:relative!important;inline-size:100%!important;max-inline-size:760px!important;min-inline-size:0!important;
  min-block-size:0!important;overflow:hidden!important;display:grid!important;place-items:center!important;
}
body.pe116Loader .loadingArtwork{
  position:absolute!important;inset:0!important;inline-size:100%!important;block-size:100%!important;max-inline-size:100%!important;
  object-fit:contain!important;object-position:center center!important;transform:none!important;animation:none!important;
}
body.pe116Loader .pe116LoadingMessage{inline-size:min(660px,92%)!important;max-inline-size:100%!important;margin:0 auto 10px!important;padding:0!important}
body.pe116Loader .loadingUi{position:relative!important;inset:auto!important;transform:none!important;inline-size:min(720px,94%)!important;max-inline-size:100%!important;margin:0 auto!important;padding:0!important;justify-items:center!important}
body.pe116Loader .loadingStatus{inline-size:100%!important;text-align:center!important;white-space:normal!important}
body.pe116Loader .loadingBar{position:relative!important;inline-size:100%!important;max-inline-size:100%!important;overflow:hidden!important}
body.pe116Loader .loadingPercent{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;inline-size:100%!important;text-align:center!important}
body.pe116Loader .loadingHint{inline-size:100%!important;text-align:center!important}
@media(max-width:430px){
  body.pe116Loader #loader{grid-template-rows:minmax(0,1fr) auto auto!important;padding-inline:12px!important}
  body.pe116Loader .pe116LoadingHero{max-inline-size:100%!important}
  body.pe116Loader .pe116LoadingMessage{inline-size:94%!important;gap:3px!important}
  body.pe116Loader .pe116LoadingMessage p{padding:5px 6px!important;font-size:14px!important}
  body.pe116Loader .pe116MessageIcon{inline-size:34px!important;block-size:34px!important}
  body.pe116Loader .loadingUi{inline-size:94%!important;gap:9px!important}
  body.pe116Loader .loadingBar{block-size:64px!important;border-width:5px!important}
}

body.pe116Login #loadingScreen{
  position:fixed!important;inset:0!important;z-index:5000!important;display:none;place-items:center!important;
  inline-size:100%!important;block-size:100svh!important;overflow:hidden!important;padding:max(22px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom))!important;
  background:radial-gradient(circle at 50% 26%,rgba(53,215,111,.17),transparent 29%),linear-gradient(180deg,#f1fcff,#edf8f7)!important;
}
body.pe116Login .pe118GuestLoaderCard{
  position:relative;isolation:isolate;inline-size:min(520px,94vw);min-block-size:min(610px,78svh);padding:34px 26px 30px;
  display:grid;align-content:center;justify-items:center;gap:12px;text-align:center;overflow:hidden;
  border:1px solid rgba(22,132,145,.14);border-radius:36px;background:rgba(255,255,255,.95);
  box-shadow:0 30px 80px rgba(25,86,103,.16),inset 0 1px 0 rgba(255,255,255,.8);
}
body.pe116Login .pe118GuestWorld{
  position:absolute;z-index:-1;inset:0 0 auto;block-size:48%;opacity:.19;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.93)),url('../assets/ui/theme11-6/page-world.webp') center top/cover no-repeat;
}
body.pe116Login .pe118GuestBadge{
  inline-size:126px;block-size:126px;padding:13px;display:grid;place-items:center;border-radius:34px;
  background:linear-gradient(155deg,#153f8e,#061d49);border:4px solid #ffe170;
  box-shadow:0 20px 35px rgba(7,45,88,.23),0 0 0 9px rgba(21,194,179,.11);
}
body.pe116Login .pe118GuestBadge img{inline-size:100%;block-size:100%;object-fit:contain;border-radius:24px}
body.pe116Login .pe118GuestEyebrow{color:#1a9c88;font-size:12px;font-weight:950;letter-spacing:.2em}
body.pe116Login #loadingScreen h2{margin:4px 0 0!important;color:#123754!important;font-size:clamp(31px,8vw,48px)!important;line-height:1.04!important;letter-spacing:-.035em!important;text-shadow:none!important}
body.pe116Login #loadingScreen p{margin:0!important;color:#6d8091!important;font-size:clamp(16px,4.2vw,21px)!important}
body.pe116Login #loadingScreen .loginLoadBar{inline-size:min(410px,100%)!important;block-size:18px!important;padding:3px!important;border:2px solid rgba(27,186,206,.55)!important;border-radius:999px!important;background:#e5f1f0!important;box-shadow:none!important}
body.pe116Login #loadingScreen .loginLoadBar i{border-radius:999px!important;background:linear-gradient(90deg,#4fe274,#18c5a6,#11bad4)!important;box-shadow:0 0 18px rgba(18,188,212,.24)!important}
body.pe116Login .pe118GuestHint{color:#3b7b7d;font-size:13px;font-weight:800}

body.pe116-theme .tutorialOverlay{display:grid!important;place-items:center!important;padding:18px!important;background:rgba(208,226,228,.62)!important;backdrop-filter:blur(14px)!important}
body.pe116-theme .tutorialCard{
  inline-size:min(760px,94vw)!important;max-block-size:calc(100svh - 36px)!important;overflow:auto!important;
  padding:24px 26px 28px!important;border:1px solid rgba(23,126,141,.14)!important;border-radius:34px!important;
  background:linear-gradient(180deg,#fff,#f6fbfb)!important;box-shadow:0 30px 80px rgba(24,79,94,.18)!important;
}
body.pe116-theme .tutorialTop{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important}
body.pe116-theme .tutorialTop .eyebrow{color:#6c7f91!important;font-size:12px!important;font-weight:950!important;letter-spacing:.22em!important}
body.pe116-theme #tutorialSkip{inline-size:58px!important;block-size:58px!important;min-inline-size:58px!important;border:1px solid rgba(35,91,126,.18)!important;border-radius:20px!important;background:#8791a7!important;color:#fff!important;font-size:34px!important;box-shadow:none!important}
body.pe116-theme .pe118TutorialWorld{
  position:relative;min-block-size:145px;margin:14px 0 18px;padding:26px 24px;overflow:hidden;display:grid;align-content:center;justify-items:center;gap:3px;text-align:center;
  border:1px solid rgba(20,154,155,.14);border-radius:27px;background:linear-gradient(180deg,rgba(239,253,251,.12),#f7fffd 88%),url('../assets/ui/theme11-6/page-world.webp') center 20%/cover no-repeat;
}
body.pe116-theme .pe118TutorialWorld::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.92));pointer-events:none}
body.pe116-theme .pe118TutorialWorld>*{position:relative;z-index:1}
body.pe116-theme .pe118TutorialCrown{font-size:42px;color:#0ba790;filter:drop-shadow(0 6px 10px rgba(10,157,145,.15))}
body.pe116-theme .pe118TutorialWorld strong{color:#0d5565!important;font-size:21px;letter-spacing:.05em}
body.pe116-theme .pe118TutorialWorld small{color:#5f7c88!important;font-size:13px;font-weight:800}
body.pe116-theme .pe108TutorialBrand{display:none!important}
body.pe116-theme .pe108TutorialStep{display:flex!important;inline-size:max-content!important;margin:0 auto 14px!important;padding:9px 17px!important;border:1px solid #8addf0!important;border-radius:999px!important;background:#f1fbff!important;color:#66768a!important;font-size:12px!important;font-weight:950!important;letter-spacing:.13em!important}
body.pe116-theme .tutorialIcon{inline-size:132px!important;block-size:132px!important;margin:0 auto 16px!important;display:grid!important;place-items:center!important;border:5px solid #c9dfe0!important;border-radius:34px!important;background:linear-gradient(180deg,#f7ffff,#e9f4f3)!important;color:#123f5b!important;font-size:66px!important;box-shadow:none!important}
body.pe116-theme #tutorialTitle{max-inline-size:570px!important;margin:0 auto 10px!important;text-align:center!important;color:#123754!important;font-size:clamp(31px,7vw,55px)!important;line-height:1!important;letter-spacing:-.035em!important}
body.pe116-theme #tutorialText{max-inline-size:610px!important;margin:0 auto 18px!important;text-align:center!important;color:#6f8193!important;font-size:clamp(17px,4vw,22px)!important;line-height:1.5!important}
body.pe116-theme .tutorialProgress{display:flex!important;justify-content:center!important;gap:9px!important;margin:0 0 22px!important}
body.pe116-theme .tutorialProgress i{inline-size:42px!important;block-size:8px!important;border-radius:999px!important;background:#d7e4e4!important}
body.pe116-theme .tutorialProgress i.active{inline-size:72px!important;background:linear-gradient(90deg,#4fdd78,#12bcd0)!important;box-shadow:none!important}
body.pe116-theme .tutorialProgress i.done{background:#63d797!important}
body.pe116-theme .tutorialActions{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:14px!important}
body.pe116-theme .tutorialActions button{min-block-size:72px!important;border-radius:23px!important;font-size:19px!important;font-weight:950!important;box-shadow:none!important}
body.pe116-theme #tutorialBack{background:linear-gradient(180deg,#edf8f8,#e5f1f2)!important;border:1px solid rgba(25,135,148,.18)!important;color:#17697a!important}
body.pe116-theme #tutorialNext{background:linear-gradient(105deg,#4fe274,#18c5a6,#11bad4)!important;border:3px solid rgba(255,255,255,.9)!important;color:#fff!important;box-shadow:0 12px 25px rgba(16,166,161,.22)!important}
@media(max-width:460px){
  body.pe116-theme .tutorialCard{padding:20px 18px 22px!important}
  body.pe116-theme .pe118TutorialWorld{min-block-size:120px!important;margin-bottom:14px!important}
  body.pe116-theme .tutorialIcon{inline-size:108px!important;block-size:108px!important;font-size:54px!important}
  body.pe116-theme #tutorialTitle{font-size:clamp(29px,10vw,42px)!important}
  body.pe116-theme #tutorialText{font-size:16px!important}
  body.pe116-theme .tutorialProgress i{inline-size:28px!important}
  body.pe116-theme .tutorialProgress i.active{inline-size:52px!important}
  body.pe116-theme .tutorialActions button{min-block-size:64px!important;font-size:16px!important}
}

body.pe116-theme #rarityReveal{padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom))!important;background:rgba(9,61,73,.46)!important;backdrop-filter:blur(16px)!important;overflow:auto!important}
body.pe116-theme #rarityReveal .revealCard{
  inline-size:min(700px,96vw)!important;max-inline-size:700px!important;max-block-size:none!important;margin:auto!important;padding:18px!important;overflow:visible!important;
  border:1px solid rgba(26,139,151,.17)!important;border-radius:35px!important;background:linear-gradient(180deg,#f7ffff,#eef8f7)!important;box-shadow:0 36px 90px rgba(4,50,61,.28)!important;
}
body.pe116-theme .pe116RevealBrand{padding:8px 12px 10px!important;display:grid!important;justify-items:center!important;gap:4px!important;text-align:center!important;background:transparent!important}
body.pe116-theme .pe116RevealBrand img{inline-size:150px!important;block-size:auto!important;max-block-size:76px!important;object-fit:contain!important;filter:none!important}
body.pe116-theme .pe116RevealBrand small{color:#139883!important;font-size:12px!important;font-weight:950!important;letter-spacing:.2em!important}
body.pe116-theme .pe116RevealBrand strong{color:#123754!important;font-size:clamp(31px,7vw,48px)!important;line-height:1!important;letter-spacing:-.03em!important}
body.pe116-theme .pe116RevealBrand p{margin:2px 0 0!important;color:#6d8091!important;font-size:16px!important}
body.pe116-theme .pe116Reveal .revealModelStage{
  position:relative!important;inline-size:100%!important;block-size:clamp(270px,40svh,390px)!important;margin:6px 0 12px!important;overflow:hidden!important;
  border:1px solid rgba(19,171,178,.15)!important;border-radius:28px!important;background:radial-gradient(circle at 50% 55%,rgba(64,224,199,.23),transparent 47%),linear-gradient(180deg,#f8ffff,#dff5f2)!important;
}
body.pe116-theme .pe116Reveal .revealModelStage canvas{position:absolute!important;inset:0!important;inline-size:100%!important;block-size:100%!important;z-index:2!important;filter:drop-shadow(0 22px 18px rgba(18,76,83,.18))!important}
body.pe116-theme .pe116Reveal .revealModelStage::before,body.pe116-theme .pe116Reveal .revealModelStage::after{display:none!important}
body.pe116-theme #rarityReveal .pe108RevealImage{display:none!important}
body.pe116-theme .peRevealHalo{z-index:1!important;border-color:rgba(25,201,187,.28)!important;box-shadow:0 0 75px rgba(22,202,186,.22)!important}
body.pe116-theme .revealModelLoading{z-index:3!important;color:#178f83!important;background:transparent!important}
body.pe116-theme .peRevealRarityBadge{z-index:4!important;bottom:12px!important;left:50%!important;transform:translateX(-50%)!important;padding:12px 30px!important;border:4px solid rgba(255,255,255,.92)!important;border-radius:18px!important;background:linear-gradient(180deg,#28a7ff,#1877e7)!important;color:#fff!important;font-size:24px!important;box-shadow:0 12px 28px rgba(15,95,163,.22)!important}
body.pe116-theme .peRevealDetails{margin:0!important;padding:18px!important;border:1px solid rgba(26,139,151,.14)!important;border-radius:25px!important;background:#fff!important;color:#123754!important;box-shadow:0 12px 30px rgba(32,91,103,.09)!important}
body.pe116-theme .peRevealTitleRow h2{color:#0e8b7f!important;text-shadow:none!important}
body.pe116-theme .revealParcelName{color:#123754!important}
body.pe116-theme .peRevealMetrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body.pe116-theme .peRevealMetrics>div{padding:14px!important;border:1px solid rgba(26,139,151,.13)!important;border-radius:17px!important;background:#f4fbfa!important}
body.pe116-theme #closeReveal{inline-size:100%!important;min-block-size:68px!important;margin-top:14px!important;border:4px solid rgba(255,255,255,.9)!important;border-radius:23px!important;background:linear-gradient(105deg,#4fe274,#18c5a6,#11bad4)!important;color:#fff!important;box-shadow:0 13px 28px rgba(16,166,161,.22)!important}
body.pe116-theme #closeReveal span{font-size:21px!important}
body.pe116-theme #closeReveal small{color:#edffff!important}


/* ============================================================
   Phase 11.9 — clean purchase sequence + interlocking parcel map
   ============================================================ */
body.pe116-theme .pe10PurchaseSequence{
  background:rgba(20,58,70,.38)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body.pe116-theme .pe10PurchaseSequence .pe10SequenceBrand,
body.pe116-theme .pe10PurchaseSequence .pe10SequenceLand{display:none!important}
body.pe116-theme .pe119SequenceCard{
  width:min(92vw,500px)!important;
  padding:30px 25px 25px!important;
  border:1px solid rgba(28,126,139,.15)!important;
  border-radius:32px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,252,250,.97))!important;
  box-shadow:0 28px 80px rgba(18,73,84,.21)!important;
  color:#12394d!important;
}
body.pe116-theme .pe119SequenceEyebrow{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:30px!important;padding:7px 14px!important;margin:0 0 12px!important;
  border:1px solid rgba(23,188,177,.20)!important;border-radius:999px!important;
  background:#ecfbf8!important;color:#128f84!important;
  font-size:11px!important;font-weight:900!important;letter-spacing:.16em!important;
}
body.pe116-theme .pe119SequenceCard .pe10SequenceStatus{
  margin:0!important;color:#143a55!important;text-shadow:none!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(28px,8vw,44px)!important;line-height:1!important;letter-spacing:-.035em!important;
}
body.pe116-theme .pe119SequenceCard .pe10SequenceSub{
  min-height:42px!important;margin:10px auto 0!important;max-width:390px!important;
  color:#6c8190!important;font-size:15px!important;line-height:1.45!important;
}
body.pe116-theme .pe119SequenceStage{
  width:min(245px,62vw)!important;margin:14px auto 12px!important;aspect-ratio:1!important;
}
body.pe116-theme .pe119SequenceStage .pe10SequenceRing{
  border-color:rgba(24,190,181,.25)!important;border-top-color:#38d67b!important;
  box-shadow:0 0 38px rgba(17,186,199,.16)!important;
}
body.pe116-theme .pe119SequenceStage .pe10SequenceRing.r2{
  border-color:rgba(var(--pe10-rarity-rgb),.38)!important;
}
body.pe116-theme .pe119ParcelGlyph{
  position:relative;z-index:2;width:124px;height:102px;display:grid;place-items:center;
  transform:rotate(30deg) skewY(-7deg);border-radius:25px 14px 24px 14px;
  background:linear-gradient(145deg,#59e987,#20c99d 56%,#18b8ce);
  box-shadow:0 22px 28px rgba(16,118,116,.22),inset 0 0 0 4px rgba(255,255,255,.58);
  animation:pe119TileFloat 1.65s ease-in-out infinite;
}
body.pe116-theme .pe119ParcelGlyph::before{
  content:"";position:absolute;left:9px;right:-4px;bottom:-17px;height:24px;border-radius:0 0 20px 18px;
  background:linear-gradient(180deg,#148f72,#0d725e);z-index:-1;
}
body.pe116-theme .pe119ParcelGlyph i{
  position:absolute;inset:17px;border:2px dashed rgba(255,255,255,.78);border-radius:18px;
}
body.pe116-theme .pe119ParcelGlyph b{
  transform:skewY(7deg) rotate(-30deg);display:grid;place-items:center;width:54px;height:54px;
  border-radius:50%;background:#fff;color:#16a86f;font-size:31px;font-weight:1000;
  box-shadow:0 8px 18px rgba(7,87,81,.18);
}
@keyframes pe119TileFloat{50%{transform:translateY(-8px) rotate(30deg) skewY(-7deg) scale(1.025)}}
body.pe116-theme .pe119SequenceCard .pe10SequenceProgress{
  width:100%!important;height:18px!important;margin-top:5px!important;padding:3px!important;
  border:1px solid rgba(22,168,179,.22)!important;background:#e7f2f1!important;box-shadow:none!important;
}
body.pe116-theme .pe119SequenceCard .pe10SequenceProgress i{
  background:linear-gradient(90deg,#4fdf79,#1bc6a1,#12b8d2)!important;box-shadow:none!important;
}
body.pe116-theme .pe119SequenceCard .pe10SequencePercent{
  margin-top:9px!important;color:#163b53!important;font-size:20px!important;text-shadow:none!important;
}
body.pe116-theme .pe10PurchaseSequence.is-found .pe10SequenceStatus{
  color:var(--pe10-rarity)!important;text-shadow:none!important;
}


/* ============================================================
   Phase 11.10 — reveal clearance, cycling parcel scan and seamless land
   ============================================================ */
body.pe116-theme #pe97SystemButton{display:none!important}

body.pe116-theme .pe120SequenceStage{overflow:visible!important}
body.pe116-theme .pe120ParcelCycle{
  position:relative;z-index:3;display:grid;place-items:center;
  width:min(190px,48vw);height:min(190px,48vw);border-radius:50%;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.98),rgba(233,255,250,.82) 48%,rgba(20,190,195,.13) 69%,transparent 70%);
  box-shadow:0 18px 42px rgba(16,107,111,.14),inset 0 0 0 2px rgba(255,255,255,.72);
}
body.pe116-theme .pe120ParcelCycle::before{
  content:"";position:absolute;inset:-15px;border:3px dashed rgba(var(--pe10-rarity-rgb),.46);border-radius:50%;animation:pe120Orbit 1.35s linear infinite;
}
body.pe116-theme .pe120ParcelCycle::after{
  content:"";position:absolute;inset:-30px;border:2px solid rgba(19,188,177,.20);border-top-color:#46dc7d;border-right-color:rgba(var(--pe10-rarity-rgb),.72);border-radius:50%;animation:pe120OrbitReverse 1.9s linear infinite;
}
body.pe116-theme .pe120ParcelCycle img{
  position:relative;z-index:2;width:88%;height:88%;object-fit:contain;
  filter:drop-shadow(0 18px 14px rgba(13,75,77,.22));
  opacity:1;transform:scale(1);transition:opacity .1s ease,transform .1s ease;
}
body.pe116-theme .pe120ParcelCycle img.is-changing{opacity:.18;transform:scale(.78) rotate(-5deg)}
body.pe116-theme .pe120ParcelCycle i{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.42),transparent 64%);pointer-events:none;z-index:3}
@keyframes pe120Orbit{to{transform:rotate(360deg)}}
@keyframes pe120OrbitReverse{to{transform:rotate(-360deg)}}
body.pe116-theme .pe10PurchaseSequence.is-found .pe120ParcelCycle{animation:pe120Found .45s cubic-bezier(.2,1.3,.35,1) both}
@keyframes pe120Found{0%{transform:scale(.82)}60%{transform:scale(1.09)}100%{transform:scale(1)}}

body.pe116-theme #rarityReveal .revealCard{overflow:visible!important}
body.pe116-theme #rarityReveal .revealModelStage{
  position:relative!important;z-index:1!important;isolation:isolate!important;
  block-size:clamp(340px,46svh,460px)!important;min-block-size:340px!important;
  margin:8px 0 0!important;overflow:hidden!important;
}
body.pe116-theme #rarityReveal .revealModelStage canvas{inset:0!important;max-width:100%!important;max-height:100%!important}
body.pe116-theme #rarityReveal .peRevealDetails{
  position:relative!important;z-index:5!important;inset:auto!important;
  transform:none!important;margin:18px 0 0!important;
  box-shadow:0 12px 30px rgba(32,91,103,.09)!important;
}
body.pe116-theme #rarityReveal .peRevealRarityBadge{bottom:18px!important}

body.pe116-theme:is([data-pe-page="map"],[data-pe-page="buy"]) #pe97SystemButton,
body.pe116-theme:is([data-pe-page="map"],[data-pe-page="buy"]) .pe97SystemButton{display:none!important}

@media(max-width:460px){
  body.pe116-theme .pe120ParcelCycle{width:min(168px,46vw);height:min(168px,46vw)}
  body.pe116-theme #rarityReveal .revealModelStage{block-size:clamp(320px,43svh,390px)!important;min-block-size:320px!important}
  body.pe116-theme #rarityReveal .peRevealDetails{margin-top:14px!important}
}


/* ============================================================
   Phase 11.11 — complete loader, fresh guest/reveal, unified buy mode
   ============================================================ */

/* Full approved loading composition on every iPhone Safari viewport. */
html:has(body.pe116Loader),body.pe116Loader{inline-size:100%!important;block-size:100%!important;min-block-size:100%!important;overflow:hidden!important}
body.pe116Loader #loader{
  position:fixed!important;inset:0!important;
  inline-size:100vw!important;block-size:100dvh!important;min-block-size:100dvh!important;
  display:grid!important;grid-template-rows:minmax(0,58dvh) auto auto!important;align-content:stretch!important;justify-items:center!important;
  gap:5px!important;padding:0 max(15px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left))!important;
  background:linear-gradient(180deg,#f1fbff 0%,#f8fdff 62%,#eef9f8 100%)!important;
}
body.pe116Loader .pe116LoadingHero{
  inline-size:min(100%,820px)!important;block-size:100%!important;min-block-size:0!important;
  display:grid!important;place-items:end center!important;overflow:hidden!important;
}
body.pe116Loader .loadingArtwork{
  position:relative!important;inset:auto!important;display:block!important;
  inline-size:100%!important;block-size:100%!important;max-inline-size:820px!important;
  object-fit:contain!important;object-position:center bottom!important;
}
body.pe116Loader .pe116LoadingHero::after{height:11%!important;background:linear-gradient(180deg,transparent,#f8fdff 96%)!important}
body.pe116Loader .pe116LoadingMessage{
  display:grid!important;inline-size:min(610px,82vw)!important;gap:1px!important;margin:-2px auto 4px!important;
  color:#16596b!important;font-size:clamp(13px,3.5vw,18px)!important;
}
body.pe116Loader .pe116LoadingMessage p{min-block-size:43px!important;padding:4px 8px!important;gap:10px!important}
body.pe116Loader .pe116MessageIcon{inline-size:36px!important;block-size:36px!important;font-size:18px!important;flex:0 0 auto!important}
body.pe116Loader .loadingUi{inline-size:min(720px,90vw)!important;gap:9px!important;margin:0 auto!important;padding:0 0 4px!important}
body.pe116Loader .loadingStatus{font-size:clamp(23px,5.8vw,37px)!important;line-height:1!important}
body.pe116Loader .loadingBar{block-size:clamp(58px,6.5dvh,76px)!important;border-width:6px!important}
body.pe116Loader .loadingHint{display:block!important;min-block-size:1.3em!important;font-size:clamp(12px,3.4vw,17px)!important}
@media(max-height:760px){
  body.pe116Loader #loader{grid-template-rows:minmax(0,48dvh) auto auto!important;gap:2px!important}
  body.pe116Loader .pe116LoadingMessage{display:grid!important;inline-size:min(560px,88vw)!important;margin:0 auto 2px!important}
  body.pe116Loader .pe116LoadingMessage p{min-block-size:34px!important;padding:1px 5px!important;font-size:12px!important}
  body.pe116Loader .pe116MessageIcon{inline-size:29px!important;block-size:29px!important;font-size:14px!important}
  body.pe116Loader .loadingUi{gap:5px!important}
  body.pe116Loader .loadingStatus{font-size:22px!important}
  body.pe116Loader .loadingBar{block-size:54px!important;border-width:5px!important}
  body.pe116Loader .loadingPercent{font-size:32px!important}
  body.pe116Loader .loadingHint{font-size:12px!important}
}

/* Fresh guest transition: no old blue PE icon and no underlying ONLINE label. */
body.pe116Login.peLoginTransition .loginScene{visibility:hidden!important;pointer-events:none!important}
body.pe116Login.peLoginTransition :is(.loginOnline,.loginPanel,.loginHero){visibility:hidden!important}
body.pe116Login #loadingScreen{background:linear-gradient(180deg,#f2fcff 0%,#eef9f8 100%)!important;z-index:99999!important;isolation:isolate!important}
body.pe116Login .pe118GuestLoaderCard{min-block-size:min(610px,78dvh)!important;background:rgba(255,255,255,.97)!important}
body.pe116Login .pe121GuestBrand{
  position:relative;z-index:2;display:grid;grid-template-columns:72px auto;grid-template-rows:auto auto;align-items:center;column-gap:15px;
  min-inline-size:min(360px,84vw);padding:16px 20px;border:1px solid rgba(23,166,158,.16);border-radius:26px;
  background:linear-gradient(135deg,#f5fffb,#e9fbfa);box-shadow:0 16px 34px rgba(23,105,111,.13);
}
body.pe116Login .pe121GuestCrown{
  grid-row:1/3;display:grid;place-items:center;inline-size:72px;block-size:72px;border-radius:22px;
  color:#fff;font-size:44px;line-height:1;background:linear-gradient(145deg,#46dc7a,#16c39f 55%,#11b8d2);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.64),0 12px 25px rgba(18,151,143,.2);
}
body.pe116Login .pe121GuestBrand strong{align-self:end;color:#0c8d72;font-size:clamp(25px,6.7vw,39px);line-height:.9;letter-spacing:-.04em;text-align:left}
body.pe116Login .pe121GuestBrand small{align-self:start;color:#166c72;font-size:clamp(15px,4vw,22px);font-weight:900;letter-spacing:.24em;text-align:left}

/* Purchase scan uses rarity energy, not retired flat parcel artwork. */
body.pe116-theme .pe120ParcelCycle{display:none!important}
body.pe116-theme .pe121RarityScanner{
  --pe121-scan-color:#43dc69;--pe121-scan-rgb:67,220,105;
  position:relative;z-index:3;inline-size:min(190px,48vw);block-size:min(190px,48vw);display:grid;place-content:center;justify-items:center;gap:2px;
  border-radius:50%;overflow:hidden;background:
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.98),rgba(var(--pe121-scan-rgb),.20) 49%,rgba(var(--pe121-scan-rgb),.08) 67%,transparent 68%);
  box-shadow:0 18px 42px rgba(16,107,111,.14),inset 0 0 0 2px rgba(255,255,255,.74);
  color:var(--pe121-scan-color);
}
body.pe116-theme .pe121RarityScanner::before{
  content:"";position:absolute;inset:-15px;border:3px dashed rgba(var(--pe121-scan-rgb),.52);border-radius:50%;animation:pe120Orbit 1.2s linear infinite;
}
body.pe116-theme .pe121RarityScanner::after{
  content:"";position:absolute;inset:12px;border:2px solid rgba(var(--pe121-scan-rgb),.28);border-top-color:var(--pe121-scan-color);border-radius:50%;animation:pe120OrbitReverse 1.7s linear infinite;
}
body.pe116-theme .pe121ScannerSweep{
  position:absolute;inset:22%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 72%,rgba(var(--pe121-scan-rgb),.42) 85%,transparent 100%);animation:pe120Orbit .8s linear infinite;
}
body.pe116-theme .pe121ScannerGem{position:relative;z-index:2;font-size:68px;line-height:.8;color:var(--pe121-scan-color);filter:drop-shadow(0 9px 13px rgba(var(--pe121-scan-rgb),.28));transition:color .12s ease,transform .12s ease}
body.pe116-theme .pe121RarityScanner strong{position:relative;z-index:2;color:#123a53;font-size:clamp(17px,4.8vw,24px);font-weight:1000;letter-spacing:.08em}
body.pe116-theme .pe121RarityScanner small{position:relative;z-index:2;color:#6a8190;font-size:10px;font-weight:900;letter-spacing:.2em}
body.pe116-theme .pe121RarityScanner.is-changing .pe121ScannerGem{animation:pe121GemPulse .18s ease both}
body.pe116-theme .pe121RarityScanner.is-found{animation:pe120Found .45s cubic-bezier(.2,1.3,.35,1) both}
body.pe116-theme .pe121RarityScanner.is-found small{color:var(--pe121-scan-color)}
@keyframes pe121GemPulse{50%{transform:scale(.72) rotate(25deg);opacity:.35}}

/* Fresh rarity reveal: no old logo, no navy screen and no overlapping white card. */
body.pe116-theme #rarityReveal{
  padding:max(14px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))!important;
  background:rgba(222,241,242,.82)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  overflow:auto!important;
}
body.pe116-theme #rarityReveal .revealCard{
  inline-size:min(650px,96vw)!important;max-block-size:none!important;min-block-size:0!important;margin:auto!important;padding:18px!important;
  overflow:visible!important;border:1px solid rgba(24,140,149,.16)!important;border-radius:32px!important;
  background:linear-gradient(180deg,#f9ffff 0%,#eefaf8 100%)!important;box-shadow:0 28px 80px rgba(21,82,94,.2)!important;color:#133950!important;
}
body.pe116-theme #rarityReveal .pe121RevealBrand{display:grid!important;justify-items:center!important;gap:5px!important;padding:3px 8px 12px!important;background:transparent!important}
body.pe116-theme #rarityReveal .pe121RevealWordmark{display:flex!important;align-items:center!important;gap:10px!important;padding:9px 15px!important;border:1px solid rgba(25,169,158,.15)!important;border-radius:20px!important;background:#f1fffb!important}
body.pe116-theme #rarityReveal .pe121RevealWordmark>span{display:grid!important;place-items:center!important;inline-size:43px!important;block-size:43px!important;border-radius:14px!important;background:linear-gradient(145deg,#49df7f,#17c29e,#11bad3)!important;color:#fff!important;font-size:28px!important}
body.pe116-theme #rarityReveal .pe121RevealWordmark div{display:grid!important;line-height:.85!important;text-align:left!important}
body.pe116-theme #rarityReveal .pe121RevealWordmark b{color:#0d8c72!important;font-size:22px!important;letter-spacing:-.02em!important}
body.pe116-theme #rarityReveal .pe121RevealWordmark small{color:#166e73!important;font-size:11px!important;letter-spacing:.28em!important}
body.pe116-theme #rarityReveal .pe121RevealBrand>em{font-style:normal!important;color:#169988!important;font-size:11px!important;font-weight:950!important;letter-spacing:.2em!important}
body.pe116-theme #rarityReveal .pe121RevealBrand>strong{color:#123953!important;font-size:clamp(27px,7vw,43px)!important;line-height:1!important;letter-spacing:-.035em!important}
body.pe116-theme #rarityReveal .pe121RevealBrand>p{margin:0!important;color:#6d8190!important;font-size:15px!important}
body.pe116-theme #rarityReveal .revealModelStage{
  position:relative!important;z-index:1!important;inline-size:100%!important;block-size:clamp(280px,40dvh,390px)!important;min-block-size:280px!important;
  margin:0!important;overflow:hidden!important;border:1px solid rgba(23,170,172,.15)!important;border-radius:27px!important;
  background:radial-gradient(circle at 50% 54%,rgba(var(--pe10-rarity-rgb),.17),transparent 52%),linear-gradient(180deg,#fff,#e8f7f4)!important;
}
body.pe116-theme #rarityReveal .revealModelStage canvas{position:absolute!important;inset:0!important;inline-size:100%!important;block-size:100%!important}
body.pe116-theme #rarityReveal .peRevealDetails{
  position:static!important;inset:auto!important;transform:none!important;inline-size:100%!important;margin:12px 0 0!important;padding:16px!important;
  border:1px solid rgba(25,139,149,.13)!important;border-radius:23px!important;background:#fff!important;box-shadow:0 10px 25px rgba(25,85,96,.08)!important;
}
body.pe116-theme #rarityReveal .peRevealTitleRow{align-items:center!important}
body.pe116-theme #rarityReveal .peRevealTitleRow h2{color:var(--pe10-rarity)!important;font-size:clamp(30px,8vw,48px)!important;text-shadow:none!important}
body.pe116-theme #rarityReveal .peRevealLocationRow{display:flex!important;margin-top:10px!important;color:#5f7787!important}
body.pe116-theme #rarityReveal .peRevealPurchaseMeta{display:flex!important}
body.pe116-theme #rarityReveal .peRevealMetrics>div{background:#f4fbfa!important;color:#133950!important}
body.pe116-theme #rarityReveal #closeReveal{margin-top:12px!important;background:linear-gradient(105deg,#48df79,#17c5a4,#11bad3)!important;color:#fff!important}
@media(max-width:460px){
  body.pe116-theme #rarityReveal .revealCard{padding:13px!important;border-radius:26px!important}
  body.pe116-theme #rarityReveal .revealModelStage{block-size:clamp(250px,35dvh,325px)!important;min-block-size:250px!important}
  body.pe116-theme #rarityReveal .peRevealDetails{margin-top:10px!important;padding:13px!important}
}

/* Buy mode keeps exactly the same approved mint/teal action button as the map. */
body.pe116-theme.buyGridMode .buyLandButton,
body.pe116-theme[data-pe-page="buy"] .buyLandButton,
body.pe-fresh-theme.buyGridMode .buyLandButton,
body.pe-fresh-theme[data-pe-page="buy"] .buyLandButton{
  border-color:rgba(255,255,255,.92)!important;
  background:linear-gradient(105deg,#3ee86b 0%,#12c9a9 48%,#11b8d2 100%)!important;
  box-shadow:0 13px 27px rgba(12,154,143,.25),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
body.pe116-theme.buyGridMode .buyLandButton :is(strong,.pe10BuyCopy strong),
body.pe-fresh-theme.buyGridMode .buyLandButton :is(strong,.pe10BuyCopy strong){color:#fff!important;text-shadow:0 2px 8px rgba(0,104,105,.18)!important}


/* No retired parcel artwork in confirmation; keep the live mystery grid. */
body.pe116-theme .pe121MysteryPreview :is(.pe99CommonPreview,.pe116ConfirmArt){display:none!important}
body.pe116-theme .pe121MysteryPreview{
  background:radial-gradient(circle at 50% 50%,rgba(26,201,183,.17),transparent 54%),linear-gradient(145deg,#f6fffc,#e5f7f4)!important;
}
body.pe116-theme .pe121MysteryPreview .peConfirmMystery{
  display:grid!important;place-items:center!important;z-index:4!important;inline-size:76px!important;block-size:76px!important;
  border:4px solid rgba(255,255,255,.9)!important;border-radius:50%!important;background:linear-gradient(145deg,#4bdf7c,#17c39f,#11bad2)!important;
  color:#fff!important;font-size:42px!important;box-shadow:0 13px 26px rgba(16,142,139,.22)!important;
}

/* ============================================================
   Phase 11.16 — enhanced parcel-scan animation
   ============================================================ */
body.pe116-theme .pe121RarityScanner{
  inline-size:min(228px,58vw)!important;
  block-size:min(228px,58vw)!important;
  gap:6px!important;
  padding-top:18px!important;
}
body.pe116-theme .pe121RarityScanner .pe120ParcelCycle{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:min(126px,30vw)!important;
  height:min(126px,30vw)!important;
  margin:0 auto 6px!important;
  border-radius:28px!important;
  overflow:visible!important;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.98),rgba(232,255,250,.92) 55%,rgba(var(--pe121-scan-rgb),.08) 100%)!important;
  box-shadow:0 18px 35px rgba(15,101,105,.16), inset 0 0 0 2px rgba(255,255,255,.75)!important;
  animation:pe121TileFloat 1.3s ease-in-out infinite!important;
}
body.pe116-theme .pe121RarityScanner .pe120ParcelCycle::before{
  content:"";position:absolute;inset:-10px;border-radius:32px;
  border:2px solid rgba(var(--pe121-scan-rgb),.22);pointer-events:none;
}
body.pe116-theme .pe121RarityScanner .pe120ParcelCycle img{
  width:94%!important;
  height:94%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 14px rgba(14,84,82,.22))!important;
  opacity:1!important;
  transform:translateY(0) scale(1) rotate(0deg)!important;
  transition:opacity .12s ease,transform .12s ease!important;
}
body.pe116-theme .pe121RarityScanner .pe120ParcelCycle img.is-changing{
  opacity:.34!important;
  transform:translateY(6px) scale(.82) rotate(-6deg)!important;
}
body.pe116-theme .pe121RarityScanner .pe120ParcelCycle i{
  position:absolute!important;inset:16%!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.34),transparent 64%)!important;
  pointer-events:none!important;z-index:3!important;
}
body.pe116-theme .pe121ScannerGem{display:none!important}
body.pe116-theme .pe121RarityScanner strong{margin-top:2px!important}
body.pe116-theme .pe121RarityScanner small{letter-spacing:.24em!important}
body.pe116-theme .pe10PurchaseSequence.is-found .pe121RarityScanner .pe120ParcelCycle,
body.pe116-theme .pe121RarityScanner .pe120ParcelCycle.is-found{animation:pe120Found .45s cubic-bezier(.2,1.3,.35,1) both!important}
@keyframes pe121TileFloat{50%{transform:translateY(-8px) scale(1.02)}}
@media(max-width:460px){
  body.pe116-theme .pe121RarityScanner{inline-size:min(214px,58vw)!important;block-size:min(214px,58vw)!important}
  body.pe116-theme .pe121RarityScanner .pe120ParcelCycle{width:min(118px,31vw)!important;height:min(118px,31vw)!important}
}

/* ============================================================
   Phase 11.17 — live GLB purchase scanner
   Uses the exact purchased 3D model; old preview thumbnails removed.
   ============================================================ */
body.pe116-theme .pe121RarityScanner{
  inline-size:min(232px,59vw)!important;
  block-size:min(232px,59vw)!important;
  padding:16px 12px 12px!important;
  gap:3px!important;
  overflow:visible!important;
}
body.pe116-theme .pe121RarityScanner .pe120ParcelCycle,
body.pe116-theme .pe121RarityScanner .pe121ScannerGem{display:none!important}
body.pe116-theme .pe121SequenceModel{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  inline-size:min(164px,42vw)!important;
  block-size:min(142px,36vw)!important;
  margin:0 auto 1px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.98),rgba(var(--pe121-scan-rgb),.14) 64%,rgba(var(--pe121-scan-rgb),.04) 100%)!important;
  border:2px solid rgba(255,255,255,.82)!important;
  box-shadow:0 17px 38px rgba(15,101,105,.14),0 0 34px rgba(var(--pe121-scan-rgb),.16),inset 0 0 0 1px rgba(var(--pe121-scan-rgb),.18)!important;
  transform:translateY(0) scale(.96)!important;
  transition:transform .42s cubic-bezier(.2,1.25,.3,1),box-shadow .35s ease,filter .35s ease!important;
}
body.pe116-theme .pe121SequenceModel canvas{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  filter:grayscale(.88) saturate(.55) brightness(.92) opacity(.78)!important;
  transition:filter .42s ease!important;
}
body.pe116-theme .pe121SequenceModel>span{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  display:grid!important;
  place-items:center!important;
  padding:14px!important;
  color:#5e7c87!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
  text-align:center!important;
}
body.pe116-theme .pe121SequenceModel.is-loaded>span[hidden]{display:none!important}
body.pe116-theme .pe121SequenceModel.is-found{
  transform:translateY(-3px) scale(1.08)!important;
  box-shadow:0 22px 46px rgba(15,101,105,.19),0 0 46px rgba(var(--pe121-scan-rgb),.42),inset 0 0 0 2px rgba(var(--pe121-scan-rgb),.34)!important;
}
body.pe116-theme .pe121SequenceModel.is-found canvas{
  filter:grayscale(0) saturate(1.12) brightness(1.06) opacity(1)!important;
}
body.pe116-theme .pe121SequenceModel.is-error{
  background:radial-gradient(circle at 50% 42%,#fff,#eafff8 68%,rgba(var(--pe121-scan-rgb),.16))!important;
}
body.pe116-theme .pe121RarityScanner strong{
  position:relative!important;
  z-index:4!important;
  margin-top:0!important;
  font-size:clamp(17px,4.8vw,24px)!important;
}
body.pe116-theme .pe121RarityScanner small{
  position:relative!important;
  z-index:4!important;
  font-size:9px!important;
  letter-spacing:.2em!important;
}
body.pe116-theme .pe121RarityScanner.is-changing .pe121SequenceModel{
  animation:pe117ScannerPulse .18s ease both!important;
}
@keyframes pe117ScannerPulse{
  50%{transform:translateY(2px) scale(.91);filter:brightness(1.14)}
}
@media(max-width:460px){
  body.pe116-theme .pe121RarityScanner{inline-size:min(218px,59vw)!important;block-size:min(218px,59vw)!important}
  body.pe116-theme .pe121SequenceModel{inline-size:min(150px,42vw)!important;block-size:min(130px,36vw)!important}
}

/* ============================================================
   Phase 11.18 — shared live 3D scan canvas
   Reuses the final reveal renderer to avoid a blank second WebGL context on iOS.
   ============================================================ */
body.pe116-theme .pe121SequenceCanvasSlot{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:26px!important;
}
body.pe116-theme .pe121SequenceModel canvas.pe121SharedRevealCanvas,
body.pe116-theme .pe121SequenceCanvasSlot canvas{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:grayscale(.68) saturate(.72) brightness(1.02)!important;
  transition:filter .28s ease,transform .28s ease!important;
}
body.pe116-theme .pe121SequenceModel.is-loaded canvas{
  filter:grayscale(.45) saturate(.88) brightness(1.04)!important;
}
body.pe116-theme .pe121SequenceModel.is-found canvas{
  filter:grayscale(0) saturate(1.16) brightness(1.08)!important;
}