/* ============================================================
   Parcel Empire — Phase 10.6
   Parcel collection, inventory cards and parcel detail overhaul
   ============================================================ */

:root{
  --pe106-cyan:#39ddff;
  --pe106-blue:#0b83f4;
  --pe106-gold:#ffc941;
  --pe106-green:#76e43c;
  --pe106-ink:#020b20;
  --pe106-card:#061d49;
}

body[data-pe-page="myland"] #myLandPanel{--pe106-rarity:#63dc75;--pe106-rgb:99,220,117}

.pe106CollectionShowcase{
  width:min(1180px,100%);
  margin:0 auto 20px;
  display:grid;
  grid-template-columns:minmax(230px,.85fr) minmax(0,2.15fr);
  gap:13px;
}
.pe106CollectionPower{
  position:relative;
  overflow:hidden;
  min-height:178px;
  padding:22px;
  border:1px solid rgba(78,214,255,.30);
  border-radius:25px;
  background:
    radial-gradient(circle at 86% 15%,rgba(255,207,64,.26),transparent 27%),
    linear-gradient(145deg,rgba(12,103,194,.96),rgba(4,29,75,.99));
  box-shadow:0 18px 38px rgba(0,5,30,.25),inset 0 1px rgba(255,255,255,.10);
}
.pe106CollectionPower::after{
  content:"";position:absolute;width:150px;height:150px;right:-46px;bottom:-65px;border-radius:50%;
  border:18px solid rgba(62,222,255,.12);box-shadow:0 0 45px rgba(52,203,255,.16);
}
.pe106CollectionPower small,.pe106RarityCollect small{display:block;color:#a9d2ef;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.pe106CollectionPower strong{display:block;margin-top:7px;color:white;font-size:clamp(38px,7vw,66px);line-height:.95;letter-spacing:-.06em}
.pe106CollectionPower p{max-width:230px;margin:12px 0 0;color:#d2ebfb;font-size:12px;line-height:1.48}
.pe106CollectionPower b{color:#ffe174}
.pe106RarityCollection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pe106RarityCollect{
  --rarity:#65dc79;position:relative;min-width:0;overflow:hidden;cursor:pointer;
  padding:12px;border:1px solid color-mix(in srgb,var(--rarity) 46%,transparent);border-radius:22px;
  background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 15%,#0a4285),rgba(3,25,63,.98));
  box-shadow:0 13px 28px rgba(0,5,30,.22),inset 0 1px rgba(255,255,255,.08);
  color:white;text-align:left;transition:transform .18s ease,border-color .18s ease;
}
.pe106RarityCollect:hover{transform:translateY(-2px);border-color:var(--rarity)}
.pe106RarityCollect img{display:block;width:100%;aspect-ratio:1.08;object-fit:cover;border-radius:14px;background:#082553;filter:saturate(1.08)}
.pe106RarityCollect span{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:9px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.pe106RarityCollect strong{font-size:22px;color:var(--rarity)}
.pe106RarityCollect.common{--rarity:#6ee278}.pe106RarityCollect.rare{--rarity:#45d7ff}.pe106RarityCollect.epic{--rarity:#b879ff}.pe106RarityCollect.legendary{--rarity:#ffd34f}

.pe106CollectionToolbar{
  width:min(1180px,100%);margin:-4px auto 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border:1px solid rgba(72,212,255,.22);border-radius:18px;background:rgba(3,25,65,.72);
  box-shadow:0 12px 26px rgba(0,5,28,.18);backdrop-filter:blur(12px);
}
.pe106CollectionToolbar>div{display:flex;align-items:center;gap:7px;min-width:0}
.pe106CollectionToolbar strong{color:#dff5ff;font-size:12px;white-space:nowrap}
.pe106CollectionToolbar button{
  min-height:38px;padding:0 12px;border:1px solid rgba(75,211,255,.24);border-radius:12px;background:#082b65;color:#acd6ef;
  font:900 10px/1 inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
}
.pe106CollectionToolbar button.active{color:#071124;border-color:#ffe06d;background:linear-gradient(180deg,#ffe269,#f6af18);box-shadow:0 6px 18px rgba(255,190,35,.22)}
.pe106FavouriteFilter.active{color:white!important;border-color:#ffcf46!important;background:linear-gradient(180deg,#d99908,#9b5b00)!important}

body[data-pe-page="myland"] #myLandList.pe106CollectionGrid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;
  width:min(1180px,100%);margin:0 auto;padding:0 0 28px!important;
}
body[data-pe-page="myland"] #myLandList.pe106CollectionGrid.list-view{grid-template-columns:1fr!important}

.pe106ParcelCard{
  --rarity:#68df79;--rarity-rgb:104,223,121;
  position:relative;min-width:0;overflow:hidden;border:1px solid rgba(var(--rarity-rgb),.42);border-radius:24px;
  background:linear-gradient(155deg,rgba(9,64,127,.98),rgba(3,24,60,.99));
  box-shadow:0 16px 34px rgba(0,5,30,.27),inset 0 1px rgba(255,255,255,.09);
  color:white;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.pe106ParcelCard:hover{transform:translateY(-3px);border-color:var(--rarity);box-shadow:0 20px 42px rgba(0,7,34,.34),0 0 24px rgba(var(--rarity-rgb),.13)}
.pe106ParcelCard.rarity-common{--rarity:#68df79;--rarity-rgb:104,223,121}
.pe106ParcelCard.rarity-rare{--rarity:#45d7ff;--rarity-rgb:69,215,255}
.pe106ParcelCard.rarity-epic{--rarity:#b77aff;--rarity-rgb:183,122,255}
.pe106ParcelCard.rarity-legendary{--rarity:#ffd34d;--rarity-rgb:255,211,77}
.pe106ParcelVisual{position:relative;min-height:190px;overflow:hidden;background:radial-gradient(circle at 50% 65%,rgba(var(--rarity-rgb),.25),transparent 48%),#082653}
.pe106ParcelVisual::after{content:"";position:absolute;inset:auto 8% 0;height:42%;background:linear-gradient(transparent,rgba(2,13,37,.86));pointer-events:none}
.pe106ParcelVisual img{display:block;width:100%;height:100%;min-height:190px;aspect-ratio:1.22;object-fit:cover;transition:transform .34s ease;filter:saturate(1.05) contrast(1.02)}
.pe106ParcelCard:hover .pe106ParcelVisual img{transform:scale(1.035)}
.pe106RarityPill{position:absolute;z-index:2;left:12px;top:12px;padding:7px 10px;border:1px solid rgba(var(--rarity-rgb),.76);border-radius:999px;background:rgba(2,16,40,.78);color:var(--rarity);font-size:9px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;box-shadow:0 7px 20px rgba(0,0,0,.25);backdrop-filter:blur(9px)}
.pe106Favourite{position:absolute;z-index:3;right:11px;top:10px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(2,15,39,.75);color:#b8d6e9;font-size:19px;cursor:pointer;backdrop-filter:blur(8px)}
.pe106Favourite.active{color:#ffd64c;border-color:#ffd64c;background:rgba(117,71,0,.78);text-shadow:0 0 15px #ffcb30}
.pe106ParcelBody{padding:15px 15px 14px}
.pe106ParcelHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.pe106ParcelHeading>div{min-width:0}
.pe106ParcelHeading h3{margin:0;color:white;font-size:19px;line-height:1.05;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe106ParcelHeading p{margin:5px 0 0;color:#9bc7e4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe106ParcelValue{flex:0 0 auto;color:#ffe174;font-size:13px;font-weight:950;text-align:right}
.pe106ParcelMetrics{display:grid;grid-template-columns:1.25fr .75fr;gap:7px;margin-top:13px}
.pe106ParcelMetrics>div{min-width:0;padding:10px;border:1px solid rgba(75,211,255,.15);border-radius:14px;background:rgba(2,18,48,.54)}
.pe106ParcelMetrics span{display:block;color:#83b5d5;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.pe106ParcelMetrics strong{display:block;margin-top:4px;color:white;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe106ParcelMetrics>div:first-child strong{color:var(--rarity)}
.pe106ParcelActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.pe106ParcelActions button{min-width:0;min-height:42px;border-radius:13px;border:1px solid rgba(75,211,255,.28);background:#082c68;color:white;font-size:10px;font-weight:950;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.pe106ParcelActions .primary{border-color:#ffe064;background:linear-gradient(180deg,#ffd84f,#e99b07);color:#171000}

.pe106CollectionGrid.list-view .pe106ParcelCard{display:grid;grid-template-columns:minmax(190px,29%) minmax(0,1fr)}
.pe106CollectionGrid.list-view .pe106ParcelVisual,.pe106CollectionGrid.list-view .pe106ParcelVisual img{min-height:166px;height:100%}
.pe106CollectionGrid.list-view .pe106ParcelBody{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:12px;align-items:center}
.pe106CollectionGrid.list-view .pe106ParcelMetrics{margin:0}.pe106CollectionGrid.list-view .pe106ParcelActions{grid-column:1/-1;margin-top:0}

.pe106Empty{grid-column:1/-1;min-height:390px;display:grid;place-items:center;text-align:center;padding:28px;border:1px solid rgba(72,212,255,.25);border-radius:26px;background:linear-gradient(150deg,rgba(8,65,132,.84),rgba(3,24,61,.96))}
.pe106Empty img{width:min(260px,72vw);aspect-ratio:1.12;object-fit:cover;border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.pe106Empty h3{margin:18px 0 5px;color:white;font-size:28px}.pe106Empty p{max-width:430px;margin:0;color:#afd2e9;line-height:1.5}.pe106Empty a{margin-top:17px;padding:13px 23px;border-radius:14px;background:linear-gradient(180deg,#ffe162,#efa20e);color:#171000;font-weight:950;text-decoration:none}

.pe106ParcelDetail{position:fixed;z-index:1800;inset:0;display:grid;place-items:center;padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px));background:rgba(1,7,23,.82);backdrop-filter:blur(16px) saturate(1.15)}
.pe106ParcelDetail[hidden]{display:none!important}
.pe106DetailCard{--rarity:#68df79;--rarity-rgb:104,223,121;position:relative;width:min(790px,100%);max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;border:1px solid rgba(var(--rarity-rgb),.60);border-radius:30px;background:linear-gradient(150deg,#0a4a91,#041a42 58%,#020d26);box-shadow:0 32px 90px rgba(0,0,0,.58),0 0 45px rgba(var(--rarity-rgb),.14);color:white;animation:pe106DetailIn .26s cubic-bezier(.2,.8,.25,1)}
.pe106DetailCard.rarity-rare{--rarity:#45d7ff;--rarity-rgb:69,215,255}.pe106DetailCard.rarity-epic{--rarity:#b77aff;--rarity-rgb:183,122,255}.pe106DetailCard.rarity-legendary{--rarity:#ffd34d;--rarity-rgb:255,211,77}
.pe106DetailClose{position:absolute;z-index:5;right:13px;top:13px;width:45px;height:45px;border:1px solid rgba(255,255,255,.25);border-radius:15px;background:rgba(2,13,36,.78);color:white;font-size:25px;cursor:pointer;backdrop-filter:blur(8px)}
.pe106DetailHero{position:relative;min-height:325px;overflow:hidden;border-radius:29px 29px 0 0;background:#082654}
.pe106DetailHero img{display:block;width:100%;height:325px;object-fit:cover;filter:saturate(1.08)}
.pe106DetailHero::after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(transparent,#071e48)}
.pe106DetailHeroCopy{position:absolute;z-index:2;left:24px;right:76px;bottom:20px}.pe106DetailHeroCopy small{color:var(--rarity);font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.pe106DetailHeroCopy h2{margin:5px 0 3px;font-size:clamp(31px,7vw,50px);line-height:.96;letter-spacing:-.055em}.pe106DetailHeroCopy p{margin:0;color:#d0e7f6;font-size:12px}
.pe106DetailContent{padding:19px 22px 23px}.pe106DetailLocation{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(77,211,255,.20);border-radius:17px;background:rgba(2,18,49,.55)}.pe106DetailLocation i{font-style:normal;font-size:24px}.pe106DetailLocation small,.pe106DetailStats span{display:block;color:#84b7d6;font-size:8px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}.pe106DetailLocation strong{display:block;margin-top:3px;font-size:14px}
.pe106DetailStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.pe106DetailStats>div{min-width:0;padding:13px;border:1px solid rgba(76,212,255,.18);border-radius:16px;background:rgba(3,23,58,.68)}.pe106DetailStats strong{display:block;margin-top:5px;color:white;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe106DetailStats>div:first-child strong{color:var(--rarity)}
.pe106DetailActions{display:grid;grid-template-columns:.65fr 1fr;gap:10px;margin-top:15px}.pe106DetailActions button{min-height:52px;border-radius:15px;border:1px solid rgba(75,211,255,.27);background:#082b67;color:white;font-weight:950;cursor:pointer}.pe106DetailActions .primary{border-color:#ffe16d;background:linear-gradient(180deg,#ffdf5c,#ed9d08);color:#181000}
@keyframes pe106DetailIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
body.pe106-detail-open{overflow:hidden!important}

@media (max-width:900px){
  .pe106CollectionShowcase{grid-template-columns:1fr}.pe106CollectionPower{min-height:145px}.pe106RarityCollection{grid-template-columns:repeat(4,minmax(120px,1fr));overflow-x:auto;padding-bottom:3px}
  body[data-pe-page="myland"] #myLandList.pe106CollectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pe106CollectionGrid.list-view .pe106ParcelBody{grid-template-columns:1fr}.pe106CollectionGrid.list-view .pe106ParcelMetrics,.pe106CollectionGrid.list-view .pe106ParcelActions{grid-column:auto}
}
@media (max-width:600px){
  .pe106CollectionShowcase{margin-bottom:14px}.pe106CollectionPower{padding:18px;border-radius:22px}.pe106CollectionPower strong{font-size:48px}.pe106RarityCollection{margin-right:-14px;padding-right:14px}
  .pe106RarityCollect{min-width:138px}.pe106CollectionToolbar{align-items:stretch;flex-direction:column}.pe106CollectionToolbar>div{justify-content:space-between}.pe106CollectionToolbar button{flex:1;padding:0 8px}
  body[data-pe-page="myland"] #myLandList.pe106CollectionGrid{grid-template-columns:1fr!important}
  .pe106CollectionGrid.list-view .pe106ParcelCard{display:block}.pe106ParcelVisual,.pe106ParcelVisual img{min-height:205px}
  .pe106DetailCard{border-radius:24px}.pe106DetailHero{min-height:270px;border-radius:23px 23px 0 0}.pe106DetailHero img{height:270px}.pe106DetailHeroCopy{left:17px;bottom:16px}.pe106DetailContent{padding:15px}.pe106DetailStats{grid-template-columns:repeat(2,minmax(0,1fr))}.pe106DetailActions{grid-template-columns:1fr}.pe106DetailActions button{min-height:49px}
}
@media (max-width:370px){.pe106RarityCollect{min-width:126px}.pe106ParcelMetrics{grid-template-columns:1fr}.pe106ParcelActions{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pe106ParcelCard,.pe106ParcelVisual img,.pe106DetailCard,.pe106RarityCollect{animation:none!important;transition:none!important}}