/* ============================================================
   Parcel Empire — Phase 10.4
   Buy confirmation, purchase sequence and rarity reveal overhaul
   Matches the selected Parcel Empire loading-screen design.
   ============================================================ */

body.pe-v10-purchase{
  --pe10-buy-blue:#087eea;
  --pe10-buy-deep:#04183f;
  --pe10-buy-cyan:#32d9ff;
  --pe10-buy-gold:#ffd34f;
  --pe10-buy-orange:#f09300;
  --pe10-buy-green:#43dc69;
  --pe10-rarity:#43dc69;
  --pe10-rarity-rgb:67,220,105;
}

body.pe-v10-purchase.pe10-confirm-open,
body.pe-v10-purchase.pe10-sequence-open,
body.pe-v10-purchase.pe10-reveal-open{
  overflow:hidden!important;
}

/* ---------------- PURCHASE CONFIRMATION ---------------- */
body.pe-v10-purchase .pePurchaseConfirm{
  position:fixed!important;
  inset:0!important;
  z-index:8700!important;
  display:grid!important;
  place-items:center!important;
  padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px))!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(45,205,255,.25),transparent 32%),
    linear-gradient(180deg,rgba(2,14,47,.94),rgba(1,7,28,.98))!important;
  backdrop-filter:blur(12px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.18)!important;
}
body.pe-v10-purchase .pePurchaseConfirm[hidden]{display:none!important}

body.pe-v10-purchase .pePurchaseCard{
  position:relative!important;
  isolation:isolate!important;
  width:min(650px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  margin:auto!important;
  padding:0 18px 18px!important;
  overflow:auto!important;
  border:2px solid rgba(255,211,79,.82)!important;
  border-radius:30px!important;
  color:#09214b!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.74),transparent 34%),
    linear-gradient(180deg,#fff6d9 0%,#f5e7bd 74%,#ebd7a3 100%)!important;
  box-shadow:
    0 28px 90px rgba(0,4,25,.72),
    0 0 0 4px rgba(24,136,238,.2),
    inset 0 2px 0 rgba(255,255,255,.8)!important;
  scrollbar-width:thin;
  scrollbar-color:#2aaee9 transparent;
}
body.pe-v10-purchase .pePurchaseCard::-webkit-scrollbar{width:5px}
body.pe-v10-purchase .pePurchaseCard::-webkit-scrollbar-thumb{background:#2aaee9;border-radius:99px}
body.pe-v10-purchase .pePurchaseCard::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:170px;
  z-index:-1;
  border-radius:27px 27px 42px 42px;
  background:
    linear-gradient(115deg,transparent 20%,rgba(255,255,255,.15) 42%,transparent 62%),
    linear-gradient(155deg,#1594ec 0%,#0872d4 48%,#064ca5 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28),0 9px 26px rgba(4,65,143,.24);
}
body.pe-v10-purchase .pePurchaseCard.is-purchasing::after{display:none!important}

body.pe-v10-purchase .peConfirmHeading{
  min-height:155px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0 -18px 16px!important;
  padding:24px 74px 20px 25px!important;
  color:#fff!important;
}
body.pe-v10-purchase .peConfirmHeading::before{
  content:"♛";
  position:absolute;
  top:18px;
  left:22px;
  color:#ffe36a;
  font-size:18px;
  filter:drop-shadow(0 0 9px rgba(255,214,67,.55));
}
body.pe-v10-purchase .peConfirmHeading>div:first-child{padding-top:19px}
body.pe-v10-purchase .peConfirmHeading .eyebrow{
  color:#ffe26a!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body.pe-v10-purchase .peConfirmHeading h2{
  margin:4px 0 5px!important;
  color:#fff!important;
  font-family:"Arial Black",Inter,system-ui,sans-serif!important;
  font-size:clamp(31px,7vw,48px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
  text-shadow:0 4px 0 rgba(3,42,102,.72),0 0 18px rgba(75,215,255,.36)!important;
}
body.pe-v10-purchase .peConfirmHeading p{
  margin:0!important;
  max-width:470px!important;
  color:#d9f3ff!important;
  font-size:13px!important;
  line-height:1.42!important;
}
body.pe-v10-purchase .peConfirmBadges{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:7px!important;
}
body.pe-v10-purchase .peConfirmBadge{
  min-height:31px!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(2,42,101,.34)!important;
  font-size:10px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1)!important;
}
body.pe-v10-purchase .peConfirmBadge.available{border-color:#75f0a7!important;background:rgba(20,142,74,.45)!important}
body.pe-v10-purchase .peConfirmBadge.gps{border-color:#75e7ff!important;background:rgba(7,105,179,.48)!important}
body.pe-v10-purchase .peConfirmBadge.blocked{border-color:#ff9a9f!important;background:rgba(166,38,54,.58)!important}
body.pe-v10-purchase .confirmClose{
  position:absolute!important;
  z-index:12!important;
  top:19px!important;
  right:19px!important;
  width:47px!important;
  height:47px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:16px!important;
  color:#fff!important;
  background:rgba(2,40,98,.48)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14)!important;
  font-size:31px!important;
  line-height:1!important;
}

body.pe-v10-purchase .peConfirmMain{
  display:grid!important;
  grid-template-columns:minmax(240px,.92fr) minmax(270px,1.08fr)!important;
  gap:15px!important;
  margin:0!important;
}
body.pe-v10-purchase .peConfirmPreview{
  position:relative!important;
  min-height:290px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 12px 38px!important;
  border:2px solid rgba(190,146,46,.36)!important;
  border-radius:23px!important;
  background:linear-gradient(160deg,#fff9e7,#e9d6a7)!important;
  box-shadow:inset 0 0 30px rgba(120,83,19,.13),0 9px 20px rgba(73,43,4,.12)!important;
}
body.pe-v10-purchase .peConfirmPreview::before{
  content:"PREVIEW"!important;
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  z-index:4!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#0e8ee4,#0754aa)!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  animation:none!important;
  transform:none!important;
}
body.pe-v10-purchase .pe99CommonPreview{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  display:block!important;
  width:min(100%,330px)!important;
  height:auto!important;
  max-height:245px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:18px!important;
  background:#fff8e7!important;
  box-shadow:0 14px 28px rgba(78,49,9,.16)!important;
}
body.pe-v10-purchase .peConfirmPreviewGrid,
body.pe-v10-purchase .peConfirmMystery{display:none!important}
body.pe-v10-purchase .peConfirmPreview small{
  left:12px!important;
  right:12px!important;
  bottom:11px!important;
  color:#735b31!important;
  font-size:10px!important;
  font-weight:900!important;
}

body.pe-v10-purchase .peConfirmDetails{display:flex!important;flex-direction:column!important;min-width:0!important}
body.pe-v10-purchase .pe99EarnBlock{
  order:-2!important;
  margin:0 0 11px!important;
  padding:15px!important;
  border:2px solid #d78c00!important;
  border-radius:19px!important;
  color:#49320d!important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(180deg,#ffc83c,#f4a000)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.45),0 8px 18px rgba(167,99,0,.18)!important;
  text-align:center!important;
}
body.pe-v10-purchase .pe99EarnBlock>span{
  display:block!important;
  color:#55380a!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1.35!important;
  text-transform:uppercase!important;
}
body.pe-v10-purchase .pe99EarnBlock>strong{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
  color:#604019!important;
  background:#fff8e8!important;
  font-size:17px!important;
  white-space:nowrap!important;
}
body.pe-v10-purchase .pe99EarnBlock>strong small{font-size:9px!important;letter-spacing:.06em!important}
body.pe-v10-purchase .peConfirmLocation{
  order:-1!important;
  padding:13px 14px!important;
  border:1px solid rgba(28,107,174,.18)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.62)!important;
}
body.pe-v10-purchase .peConfirmLocation span{color:#6c7790!important}
body.pe-v10-purchase .peConfirmLocation strong{color:#16365f!important;font-size:14px!important}
body.pe-v10-purchase .peConfirmStats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
body.pe-v10-purchase .peConfirmStats div{
  min-height:66px!important;
  padding:10px 11px!important;
  border:1px solid rgba(33,96,157,.16)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.60)!important;
}
body.pe-v10-purchase .peConfirmStats span{color:#727e93!important;font-size:8px!important}
body.pe-v10-purchase .peConfirmStats strong{color:#17365d!important;font-size:12px!important}
body.pe-v10-purchase .peMysteryValue{color:#7e4eb2!important}
body.pe-v10-purchase .peConfirmWarning{border-color:#e98a91!important;background:#fff1ef!important;color:#9c2131!important}
body.pe-v10-purchase .peConfirmLegal{margin:13px 4px 0!important;color:#786b4f!important;font-size:9px!important;text-align:center!important}

body.pe-v10-purchase .peConfirmActions{
  position:sticky!important;
  z-index:10!important;
  bottom:-18px!important;
  display:grid!important;
  grid-template-columns:minmax(132px,.42fr) minmax(0,1fr)!important;
  gap:10px!important;
  margin:15px -4px -18px!important;
  padding:12px 4px calc(18px + env(safe-area-inset-bottom,0px))!important;
  background:linear-gradient(180deg,transparent,#ecd7a8 23%,#ecd7a8)!important;
}
body.pe-v10-purchase .peConfirmActions button{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  font-family:"Arial Black",Inter,system-ui,sans-serif!important;
  font-size:14px!important;
  line-height:1.05!important;
  text-align:center!important;
}
body.pe-v10-purchase .peConfirmActions .compactGhost{
  color:#fff!important;
  border:2px solid rgba(143,225,255,.8)!important;
  background:linear-gradient(180deg,#178ee6,#0755ad)!important;
  box-shadow:0 8px 18px rgba(4,72,147,.25),inset 0 2px rgba(255,255,255,.25)!important;
}
body.pe-v10-purchase .peConfirmBuyButton{
  color:#fff!important;
  border:2px solid rgba(255,241,141,.9)!important;
  background:linear-gradient(180deg,#68e94d 0%,#27bd47 57%,#138831 100%)!important;
  box-shadow:0 10px 22px rgba(16,132,47,.32),inset 0 2px rgba(255,255,255,.3)!important;
  text-shadow:0 2px 0 rgba(6,74,29,.5)!important;
}
body.pe-v10-purchase .peConfirmBuyButton:disabled{
  opacity:.58!important;
  filter:grayscale(.28)!important;
  box-shadow:none!important;
}

/* During handoff, keep the actual reveal laid out so the 3D canvas can load. */
body.pe-v10-purchase.pe10-sequence-open #rarityReveal{visibility:hidden!important;pointer-events:none!important}
body.pe-v10-purchase.pe10-sequence-open .pePurchaseConfirm,
body.pe-v10-purchase.pe10-reveal-open .pePurchaseConfirm{visibility:hidden!important;pointer-events:none!important}

/* ---------------- PURCHASE SEQUENCE ---------------- */
.pe10PurchaseSequence{
  position:fixed;
  inset:0;
  z-index:9000;
  display:grid;
  place-items:center;
  padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 50% 35%,rgba(var(--pe10-rarity-rgb),.22),transparent 28%),
    radial-gradient(circle at 50% 25%,rgba(32,159,255,.26),transparent 38%),
    linear-gradient(180deg,#03143d,#01071d 76%);
}
.pe10PurchaseSequence[hidden]{display:none!important}
.pe10PurchaseSequence::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.55;
  background-image:
    radial-gradient(circle at 16% 14%,#fff 0 1px,transparent 1.7px),
    radial-gradient(circle at 77% 18%,#75e5ff 0 1px,transparent 1.7px),
    radial-gradient(circle at 86% 69%,#fff 0 .8px,transparent 1.4px),
    radial-gradient(circle at 23% 78%,#4ccfff 0 1px,transparent 1.6px);
  background-size:260px 240px,310px 280px,210px 190px,380px 340px;
  animation:pe10Stars 14s linear infinite;
}
@keyframes pe10Stars{to{background-position:20px 30px,-28px 20px,15px -20px,-24px 16px}}
.pe10SequenceCard{
  position:relative;
  z-index:2;
  width:min(470px,100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.pe10SequenceBrand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
  color:#fff;
  font-family:"Arial Black",Inter,system-ui,sans-serif;
  font-size:20px;
  letter-spacing:-.04em;
  text-shadow:0 3px 0 rgba(0,32,91,.72);
}
.pe10SequenceBrand img{width:54px;height:54px;padding:5px;border:2px solid #ffd65a;border-radius:18px;background:#073a87;box-shadow:0 0 26px rgba(54,207,255,.38)}
.pe10SequenceBrand b:first-of-type{color:#ffe05a}.pe10SequenceBrand b:last-of-type{color:#69dcff}
.pe10SequenceStatus{margin:0;color:#fff;font-family:"Arial Black",Inter,system-ui,sans-serif;font-size:clamp(25px,7vw,38px);line-height:1.02;text-shadow:0 4px 0 rgba(0,32,90,.7),0 0 24px rgba(var(--pe10-rarity-rgb),.26)}
.pe10SequenceSub{min-height:40px;margin:8px 0 0;color:#bce9ff;font-size:13px;line-height:1.45}
.pe10SequenceStage{position:relative;width:min(310px,72vw);aspect-ratio:1;margin:14px 0 8px;display:grid;place-items:center}
.pe10SequenceRing{position:absolute;inset:3%;border:2px solid rgba(71,214,255,.34);border-top-color:#ffd85b;border-radius:50%;box-shadow:0 0 32px rgba(43,200,255,.2);animation:pe10SequenceSpin 2.2s linear infinite}
.pe10SequenceRing.r2{inset:13%;border-style:dashed;border-color:rgba(var(--pe10-rarity-rgb),.48);animation-direction:reverse;animation-duration:3.3s}
@keyframes pe10SequenceSpin{to{transform:rotate(360deg)}}
.pe10SequenceLand{position:relative;z-index:2;width:66%;aspect-ratio:1;object-fit:contain;border-radius:28px;filter:drop-shadow(0 22px 18px rgba(0,0,0,.42));animation:pe10LandFloat 1.8s ease-in-out infinite}
@keyframes pe10LandFloat{50%{transform:translateY(-8px) scale(1.025)}}
.pe10SequenceFlash{position:absolute;inset:22%;z-index:3;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.88),rgba(var(--pe10-rarity-rgb),.52) 28%,transparent 68%);opacity:0;transform:scale(.2)}
.pe10PurchaseSequence.is-found .pe10SequenceFlash{animation:pe10FoundFlash .7s ease both}
@keyframes pe10FoundFlash{35%{opacity:1;transform:scale(1.35)}100%{opacity:0;transform:scale(1.8)}}
.pe10SequenceProgress{width:100%;height:22px;margin-top:10px;padding:3px;border:2px solid rgba(110,224,255,.78);border-radius:999px;background:rgba(1,11,39,.76);box-shadow:0 0 26px rgba(34,190,255,.22),inset 0 1px rgba(255,255,255,.08)}
.pe10SequenceProgress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b86ee,#34d8ff,#ffe15a);box-shadow:0 0 18px #36d9ff;transition:width .22s ease}
.pe10SequencePercent{margin-top:8px;color:#fff;font-size:15px;font-weight:950;font-variant-numeric:tabular-nums}
.pe10PurchaseSequence.is-found .pe10SequenceStatus{color:var(--pe10-rarity);text-shadow:0 4px 0 rgba(0,32,90,.6),0 0 30px var(--pe10-rarity)}

/* ---------------- FINAL RARITY REVEAL ---------------- */
body.pe-v10-purchase #rarityReveal.pe10PurchaseReveal{
  position:fixed!important;
  inset:0!important;
  z-index:8800!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  display:grid!important;
  place-items:center!important;
  padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px))!important;
  overflow:auto!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 50% 31%,rgba(var(--pe10-rarity-rgb),.24),transparent 34%),
    radial-gradient(circle at 50% 0,rgba(38,166,255,.24),transparent 42%),
    linear-gradient(180deg,#03133a,#01071c 78%)!important;
  box-shadow:none!important;
}
body.pe-v10-purchase #rarityReveal.pe10PurchaseReveal[hidden]{display:none!important}
body.pe-v10-purchase #rarityReveal.pe10PurchaseReveal .revealCard{
  position:relative!important;
  isolation:isolate!important;
  width:min(560px,100%)!important;
  max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  display:grid!important;
  grid-template-rows:auto minmax(230px,1fr) auto auto!important;
  gap:12px!important;
  margin:auto!important;
  padding:18px!important;
  overflow:auto!important;
  border:2px solid rgba(255,214,83,.68)!important;
  border-radius:30px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 50% 28%,rgba(var(--pe10-rarity-rgb),.18),transparent 37%),
    linear-gradient(165deg,rgba(8,46,97,.98),rgba(2,17,48,.99))!important;
  box-shadow:0 30px 90px rgba(0,2,20,.72),0 0 0 4px rgba(28,145,235,.16),inset 0 2px rgba(255,255,255,.08)!important;
}
body.pe-v10-purchase #rarityReveal .peRevealTopClose,
body.pe-v10-purchase #rarityReveal .peRevealLiveBadge,
body.pe-v10-purchase #rarityReveal .peRevealRarityBadge,
body.pe-v10-purchase #rarityReveal .peRevealModelLabel,
body.pe-v10-purchase #rarityReveal .peRevealPurchaseMeta{display:none!important}
body.pe-v10-purchase #rarityReveal .peRevealTopline{display:block!important;min-height:auto!important;padding:0!important;text-align:center!important}
body.pe-v10-purchase #rarityReveal .revealEyebrow{display:block!important;color:#fff!important;text-align:center!important;font-size:12px!important;letter-spacing:.13em!important}
body.pe-v10-purchase #rarityReveal .peRevealSequence{display:block!important;margin-top:5px!important;color:#a9dcf6!important;text-align:center!important;font-size:10px!important}
body.pe-v10-purchase #rarityReveal .revealModelStage{
  min-height:240px!important;
  max-height:360px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--pe10-rarity-rgb),.32)!important;
  border-radius:24px!important;
  background:
    linear-gradient(rgba(92,218,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,218,255,.05) 1px,transparent 1px),
    radial-gradient(ellipse at 50% 72%,rgba(var(--pe10-rarity-rgb),.26),transparent 48%),
    linear-gradient(180deg,rgba(15,83,145,.56),rgba(2,19,51,.58))!important;
  background-size:28px 28px,28px 28px,auto,auto!important;
  box-shadow:inset 0 0 40px rgba(0,4,26,.42)!important;
}
body.pe-v10-purchase #rarityReveal .peRevealHalo{border-color:rgba(var(--pe10-rarity-rgb),.25)!important;box-shadow:0 0 65px rgba(var(--pe10-rarity-rgb),.2)!important}
body.pe-v10-purchase #rarityReveal #revealModelCanvas{filter:drop-shadow(0 18px 15px rgba(0,0,0,.42))!important}
body.pe-v10-purchase #rarityReveal .peRevealDetails{display:flex!important;flex-direction:column!important;gap:9px!important;text-align:center!important}
body.pe-v10-purchase #rarityReveal .peRevealTitleRow{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}
body.pe-v10-purchase #rarityReveal .peRevealTitleRow::before{content:"YOU PURCHASED A";color:#fff;font-size:13px;font-weight:950;letter-spacing:.10em}
body.pe-v10-purchase #rarityReveal .revealCard h2{
  margin:0!important;
  color:var(--pe10-rarity)!important;
  font-family:"Arial Black",Inter,system-ui,sans-serif!important;
  font-size:clamp(38px,10vw,62px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:0 4px 0 rgba(0,28,73,.72),0 0 26px rgba(var(--pe10-rarity-rgb),.38)!important;
}
body.pe-v10-purchase #rarityReveal .revealParcelName{display:block!important;margin-top:2px!important;color:#fff!important;font-size:16px!important;text-align:center!important}
body.pe-v10-purchase #rarityReveal .revealParcelId{margin:0!important;color:#89b9d5!important;font-size:9px!important;text-align:center!important}
body.pe-v10-purchase #rarityReveal .peRevealLocationRow{grid-template-columns:1fr!important;padding:10px 12px!important;border-color:rgba(83,210,255,.17)!important;background:rgba(2,21,55,.62)!important;text-align:center!important}
body.pe-v10-purchase #rarityReveal .peRevealLocationIcon{display:none!important}
body.pe-v10-purchase #rarityReveal .peRevealLocationRow small{color:#85abc2!important}
body.pe-v10-purchase #rarityReveal .peRevealLocationRow strong{color:#fff!important;font-size:12px!important;text-align:center!important}
body.pe-v10-purchase #rarityReveal .peRevealMetrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body.pe-v10-purchase #rarityReveal .peRevealMetrics>div{padding:10px!important;border:1px solid rgba(80,208,255,.16)!important;border-radius:14px!important;background:rgba(3,25,62,.68)!important}
body.pe-v10-purchase #rarityReveal .peRevealMetrics span{color:#8bb3ca!important;font-size:8px!important}
body.pe-v10-purchase #rarityReveal .peRevealMetrics strong{color:#fff!important;font-size:12px!important}
body.pe-v10-purchase #rarityReveal .peRevealMetrics>div:first-child strong{color:var(--pe10-rarity)!important}
body.pe-v10-purchase #rarityReveal #closeReveal{
  min-height:58px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid rgba(255,235,126,.86)!important;
  border-radius:18px!important;
  color:#fff!important;
  background:linear-gradient(180deg,#68e94d,#26bc47 58%,#13842f)!important;
  box-shadow:0 11px 24px rgba(18,132,48,.32),inset 0 2px rgba(255,255,255,.28)!important;
  text-shadow:0 2px 0 rgba(5,70,26,.55)!important;
}
body.pe-v10-purchase #rarityReveal #closeReveal span{font-family:"Arial Black",Inter,system-ui,sans-serif!important;font-size:15px!important;letter-spacing:.04em!important}
body.pe-v10-purchase #rarityReveal #closeReveal small{display:none!important}

@media (max-width:720px){
  body.pe-v10-purchase .pePurchaseConfirm{align-items:center!important;padding-inline:8px!important}
  body.pe-v10-purchase .pePurchaseCard{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:25px!important;padding:0 12px 12px!important}
  body.pe-v10-purchase .pePurchaseCard::before{height:154px;border-radius:22px 22px 35px 35px}
  body.pe-v10-purchase .peConfirmHeading{min-height:143px!important;margin:0 -12px 12px!important;padding:22px 58px 17px 19px!important}
  body.pe-v10-purchase .peConfirmHeading::before{left:18px;top:15px}
  body.pe-v10-purchase .peConfirmHeading h2{font-size:34px!important}
  body.pe-v10-purchase .peConfirmHeading p{font-size:11px!important}
  body.pe-v10-purchase .confirmClose{top:15px!important;right:15px!important;width:43px!important;height:43px!important}
  body.pe-v10-purchase .peConfirmMain{grid-template-columns:1fr!important;gap:10px!important}
  body.pe-v10-purchase .peConfirmPreview{min-height:205px!important;padding-bottom:34px!important}
  body.pe-v10-purchase .pe99CommonPreview{max-height:185px!important;width:min(92%,300px)!important}
  body.pe-v10-purchase .pe99EarnBlock{padding:11px!important}
  body.pe-v10-purchase .pe99EarnBlock>strong{margin-top:7px!important;padding:8px!important;font-size:15px!important}
  body.pe-v10-purchase .peConfirmStats div{min-height:59px!important;padding:8px 9px!important}
  body.pe-v10-purchase .peConfirmActions{bottom:-12px!important;margin:12px -2px -12px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;grid-template-columns:122px minmax(0,1fr)!important}
  body.pe-v10-purchase .peConfirmActions button{min-height:54px!important;font-size:12px!important}
  body.pe-v10-purchase #rarityReveal.pe10PurchaseReveal{padding:calc(8px + env(safe-area-inset-top,0px)) 7px calc(8px + env(safe-area-inset-bottom,0px))!important}
  body.pe-v10-purchase #rarityReveal.pe10PurchaseReveal .revealCard{width:100%!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;padding:12px!important;border-radius:24px!important;gap:8px!important;grid-template-rows:auto minmax(190px,1fr) auto auto!important}
  body.pe-v10-purchase #rarityReveal .revealModelStage{min-height:195px!important;max-height:285px!important;border-radius:19px!important}
  body.pe-v10-purchase #rarityReveal .revealCard h2{font-size:42px!important}
  body.pe-v10-purchase #rarityReveal .revealParcelName{font-size:13px!important}
}

@media (max-width:370px){
  body.pe-v10-purchase .peConfirmHeading h2{font-size:30px!important}
  body.pe-v10-purchase .peConfirmActions{grid-template-columns:108px minmax(0,1fr)!important}
  body.pe-v10-purchase .peConfirmActions button{padding-inline:5px!important;font-size:11px!important}
  body.pe-v10-purchase .pe99EarnBlock>strong{font-size:13px!important}
}

@media (prefers-reduced-motion:reduce){
  .pe10PurchaseSequence::before,.pe10SequenceRing,.pe10SequenceLand{animation:none!important}
}