/*
 * Physics Civilizations Core 3.16.6
 * Unified premium realm cards across all difficulty levels.
 */

/* Difficulty identity */
.pciv-portal-v3152 .pciv-realm-card[data-pciv-grade="tier_1"]{--tier-accent:#58e2ae;--tier-soft:rgba(88,226,174,.16);--tier-deep:#123f3b}
.pciv-portal-v3152 .pciv-realm-card[data-pciv-grade="tier_2"]{--tier-accent:#54c9f4;--tier-soft:rgba(84,201,244,.16);--tier-deep:#103a4d}
.pciv-portal-v3152 .pciv-realm-card[data-pciv-grade="tier_3"]{--tier-accent:#a88bff;--tier-soft:rgba(168,139,255,.16);--tier-deep:#2b2450}
.pciv-portal-v3152 .pciv-realm-card[data-pciv-grade="tier_4"]{--tier-accent:#f2c45e;--tier-soft:rgba(242,196,94,.16);--tier-deep:#4b3514}
.pciv-portal-v3152 .pciv-realm-card[data-pciv-grade="tier_5"]{--tier-accent:#ff7f9f;--tier-soft:rgba(255,127,159,.16);--tier-deep:#4c2132}

/* More readable card width; avoids very thin, excessively tall cards */
.pciv-portal-v3152 .pciv-realm-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:18px!important;
}

.pciv-portal-v3152 .pciv-realm-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  min-width:0!important;
  min-height:650px!important;
  padding:18px!important;
  border:1px solid color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 42%,rgba(74,111,132,.72))!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 100% 0,var(--tier-soft,rgba(84,201,244,.12)),transparent 34%),
    linear-gradient(180deg,rgba(8,31,46,.99),rgba(4,20,32,.99))!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
  isolation:isolate!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}

.pciv-portal-v3152 .pciv-realm-card::before{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  height:auto!important;
  border-radius:24px 0 0 24px!important;
  background:linear-gradient(180deg,transparent,var(--tier-accent,var(--realm-accent)) 22%,var(--tier-accent,var(--realm-accent)) 78%,transparent)!important;
  opacity:.72!important;
  pointer-events:none!important;
}

.pciv-portal-v3152 .pciv-realm-card:hover{
  transform:translateY(-5px)!important;
  border-color:color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 68%,#fff 8%)!important;
  box-shadow:
    0 26px 56px rgba(0,0,0,.32),
    0 0 30px color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 13%,transparent),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

/* Cinematic cover */
.pciv-portal-v3152 .pciv-realm-card-cover{
  position:relative!important;
  flex:0 0 auto!important;
  height:180px!important;
  margin:-18px -18px 0!important;
  border-radius:23px 23px 16px 16px!important;
  overflow:hidden!important;
  opacity:1!important;
  background-image:
    linear-gradient(180deg,rgba(3,13,22,.02),rgba(5,22,34,.16) 48%,rgba(5,22,34,.92) 100%),
    var(--realm-header)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(1.08) contrast(1.04)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.05)!important;
}
.pciv-portal-v3152 .pciv-realm-card-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 20%,transparent),transparent 25%),
    linear-gradient(90deg,rgba(2,13,22,.12),transparent 50%,rgba(2,13,22,.12));
  pointer-events:none;
}

.pciv-portal-v3152 .pciv-realm-watermark{
  left:18px!important;
  top:96px!important;
  z-index:1!important;
  font-size:118px!important;
  opacity:.055!important;
}

/* Floating header row */
.pciv-portal-v3152 .pciv-realm-card-top{
  position:relative!important;
  z-index:5!important;
  min-height:72px!important;
  margin:-38px 0 8px!important;
  align-items:flex-end!important;
  gap:10px!important;
}
.pciv-portal-v3152 .pciv-realm-card-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 68px!important;
  width:68px!important;
  height:68px!important;
  border:1px solid color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 62%,#fff 12%)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.10),transparent 32%),
    linear-gradient(145deg,var(--tier-deep,#12394b),rgba(4,21,33,.96))!important;
  color:#fff!important;
  font-size:32px!important;
  line-height:1!important;
  box-shadow:0 12px 24px rgba(0,0,0,.30),0 0 22px var(--tier-soft,rgba(84,201,244,.13))!important;
}
.pciv-portal-v3152 .pciv-realm-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  padding-bottom:3px!important;
}
.pciv-portal-v3152 .pciv-realm-badges i{
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:5px 9px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:rgba(3,17,28,.82)!important;
  color:#cfe3ea!important;
  font-size:9px!important;
  font-weight:850!important;
  backdrop-filter:blur(7px)!important;
}
.pciv-portal-v3152 .pciv-realm-badges i:first-child{
  border-color:color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 38%,rgba(255,255,255,.08))!important;
  color:color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 78%,#fff)!important;
}

/* Status badge semantics */
.pciv-portal-v3152 .pciv-realm-card.is-status-completed .pciv-realm-status-badge{
  border-color:rgba(87,226,153,.28)!important;background:rgba(87,226,153,.10)!important;color:#82ebb0!important
}
.pciv-portal-v3152 .pciv-realm-card.is-status-in-progress .pciv-realm-status-badge{
  border-color:rgba(91,218,244,.30)!important;background:rgba(91,218,244,.10)!important;color:#7ee8fb!important
}
.pciv-portal-v3152 .pciv-realm-card.is-status-locked .pciv-realm-status-badge{
  border-color:rgba(242,196,94,.30)!important;background:rgba(242,196,94,.09)!important;color:#f4cf75!important
}
.pciv-portal-v3152 .pciv-realm-card.is-status-new .pciv-realm-status-badge{
  border-color:rgba(158,180,195,.22)!important;background:rgba(158,180,195,.07)!important;color:#b8ccd6!important
}

/* Typography and content rhythm */
.pciv-portal-v3152 .pciv-realm-card-copy{
  margin:0!important;
  padding:0 2px!important;
}
.pciv-portal-v3152 .pciv-realm-card-copy h3{
  min-height:58px!important;
  margin:3px 0 3px!important;
  color:#f5fbfd!important;
  font-size:22px!important;
  line-height:1.45!important;
  letter-spacing:-.01em!important;
}
.pciv-portal-v3152 .pciv-realm-scientific{
  display:block!important;
  min-height:24px!important;
  margin-top:1px!important;
  color:color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 70%,#cce9ef)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.7!important;
}
.pciv-portal-v3152 .pciv-realm-meta{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  margin-top:4px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:#93adb9!important;
  font-size:9px!important;
}
.pciv-portal-v3152 .pciv-realm-card-copy .pciv-realm-slogan{
  min-height:72px!important;
  margin:9px 0 0!important;
  color:#b7cbd4!important;
  font-size:11px!important;
  line-height:2!important;
  -webkit-line-clamp:3!important;
}

/* Numeric highlights */
.pciv-portal-v3152 .pciv-realm-highlights{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:13px 0 11px!important;
}
.pciv-portal-v3152 .pciv-realm-highlights span{
  min-width:0!important;
  min-height:62px!important;
  justify-content:center!important;
  padding:9px 6px!important;
  border:1px solid rgba(63,103,126,.58)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(8,31,46,.84),rgba(4,21,33,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.pciv-portal-v3152 .pciv-realm-highlights b{
  color:#f6fbfd!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.pciv-portal-v3152 .pciv-realm-highlights small{
  color:#8ea9b6!important;
  font-size:9px!important;
}

/* Mission block */
.pciv-portal-v3152 .pciv-realm-mission{
  flex:1 0 auto!important;
  min-height:118px!important;
  margin:0 0 11px!important;
  padding:13px 14px!important;
  border:1px solid color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 24%,rgba(54,94,116,.72))!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 100% 0,var(--tier-soft,rgba(84,201,244,.10)),transparent 42%),
    linear-gradient(180deg,rgba(9,33,49,.90),rgba(5,23,35,.94))!important;
}
.pciv-portal-v3152 .pciv-realm-mission>small{
  margin-bottom:6px!important;
  color:color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 82%,#fff)!important;
  font-size:9px!important;
}
.pciv-portal-v3152 .pciv-realm-mission>strong{
  min-height:44px!important;
  color:#eef7fa!important;
  font-size:12px!important;
  line-height:1.9!important;
}
.pciv-portal-v3152 .pciv-realm-mission-meta{
  gap:5px!important;
  margin-top:8px!important;
}
.pciv-portal-v3152 .pciv-realm-mission-meta span{
  min-height:25px!important;
  padding:3px 7px!important;
  border-color:rgba(63,104,127,.48)!important;
  color:#b8cdd6!important;
  font-size:8px!important;
}

/* Progress block anchored near CTA */
.pciv-portal-v3152 .pciv-realm-progress{
  flex:0 0 auto!important;
  margin:0 0 11px!important;
  padding:12px 13px!important;
  border:1px solid rgba(54,94,116,.58)!important;
  border-radius:15px!important;
  background:rgba(3,18,29,.74)!important;
}
.pciv-portal-v3152 .pciv-realm-progress>div{
  margin-bottom:8px!important;
}
.pciv-portal-v3152 .pciv-realm-progress strong{
  color:var(--tier-accent,var(--realm-accent))!important;
  font-size:18px!important;
}
.pciv-portal-v3152 .pciv-realm-progress>span{
  height:8px!important;
  background:rgba(255,255,255,.055)!important;
}
.pciv-portal-v3152 .pciv-realm-progress>span i{
  background:linear-gradient(90deg,var(--tier-accent,var(--realm-accent)),color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 48%,#fff))!important;
  box-shadow:0 0 14px var(--tier-soft,rgba(84,201,244,.16))!important;
}

/* CTA */
.pciv-portal-v3152 .pciv-realm-enter{
  flex:0 0 auto!important;
  min-height:50px!important;
  margin-top:auto!important;
  padding:10px 16px!important;
  border:1px solid color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 54%,#fff 5%)!important;
  border-radius:15px!important;
  background:linear-gradient(110deg,var(--tier-accent,var(--realm-accent)),color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 60%,#2e82a8))!important;
  color:#041722!important;
  box-shadow:0 11px 22px color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 15%,transparent)!important;
}
.pciv-portal-v3152 .pciv-realm-enter span,
.pciv-portal-v3152 .pciv-realm-enter b{color:#041722!important}
.pciv-portal-v3152 .pciv-realm-enter:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.06)!important;
}

/* Locked card stays legible and clearly non-enterable */
.pciv-portal-v3152 .pciv-realm-card.is-status-locked{
  border-color:color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 30%,rgba(242,196,94,.44))!important;
}
.pciv-portal-v3152 .pciv-realm-card.is-status-locked .pciv-realm-card-cover{
  filter:saturate(.62) brightness(.72)!important;
}
.pciv-portal-v3152 .pciv-realm-card.is-status-locked .pciv-realm-enter{
  border-color:rgba(242,196,94,.30)!important;
  background:linear-gradient(180deg,rgba(24,54,66,.95),rgba(11,35,49,.96))!important;
  color:#dcebef!important;
  box-shadow:none!important;
}
.pciv-portal-v3152 .pciv-realm-card.is-status-locked .pciv-realm-enter span,
.pciv-portal-v3152 .pciv-realm-card.is-status-locked .pciv-realm-enter b{color:#dcebef!important}
.pciv-portal-v3152 .pciv-realm-preview-badge{
  top:15px!important;
  right:15px!important;
  left:auto!important;
  z-index:7!important;
  max-width:205px!important;
  border:1px solid rgba(242,196,94,.28)!important;
  border-radius:14px!important;
  background:rgba(3,17,28,.82)!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
}

/* Recommended and completed emphasis */
.pciv-portal-v3152 .pciv-realm-card.is-recommended{
  border-color:color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 76%,#fff 5%)!important;
  box-shadow:0 24px 54px rgba(0,0,0,.30),0 0 32px var(--tier-soft,rgba(84,201,244,.15))!important;
}
.pciv-portal-v3152 .pciv-realm-spotlight{
  top:15px!important;
  left:15px!important;
  z-index:8!important;
  min-height:30px!important;
  padding:6px 11px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(135deg,var(--tier-accent,var(--realm-accent)),color-mix(in srgb,var(--tier-accent,var(--realm-accent)) 63%,#f2c45e))!important;
  color:#071822!important;
}
.pciv-portal-v3152 .pciv-realm-card.is-status-completed::after{
  background:
    radial-gradient(circle at 82% 12%,rgba(87,226,153,.12),transparent 24%),
    linear-gradient(180deg,transparent 0,transparent 22%,rgba(5,16,26,.04) 44%,rgba(5,16,26,.18) 100%)!important;
}

/* Tier selector polish */
.pciv-portal-v3152 .pciv-tier-guide{
  gap:14px!important;
}
.pciv-portal-v3152 .pciv-tier-pill{
  position:relative!important;
  overflow:hidden!important;
  min-height:160px!important;
  padding:19px!important;
  border-radius:20px!important;
  background:linear-gradient(155deg,rgba(10,38,55,.96),rgba(4,21,33,.98))!important;
  box-shadow:0 15px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.pciv-portal-v3152 .pciv-tier-pill::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--pill-accent,#54c9f4);
  opacity:.72;
}
.pciv-portal-v3152 .pciv-tier-pill:nth-child(1){--pill-accent:#58e2ae}
.pciv-portal-v3152 .pciv-tier-pill:nth-child(2){--pill-accent:#54c9f4}
.pciv-portal-v3152 .pciv-tier-pill:nth-child(3){--pill-accent:#a88bff}
.pciv-portal-v3152 .pciv-tier-pill:nth-child(4){--pill-accent:#f2c45e}
.pciv-portal-v3152 .pciv-tier-pill:nth-child(5){--pill-accent:#ff7f9f}
.pciv-portal-v3152 .pciv-tier-pill b{
  color:#f4fafc!important;
  font-size:17px!important;
}
.pciv-portal-v3152 .pciv-tier-pill strong{
  color:var(--pill-accent,#54c9f4)!important;
  font-size:11px!important;
}
.pciv-portal-v3152 .pciv-tier-pill em{
  margin-top:auto!important;
  color:#92dfe8!important;
  font-size:10px!important;
}
.pciv-portal-v3152 .pciv-tier-pill.is-active,
.pciv-portal-v3152 .pciv-tier-pill.is-recommended{
  border-color:color-mix(in srgb,var(--pill-accent,#54c9f4) 55%,rgba(255,255,255,.12))!important;
  box-shadow:0 20px 42px rgba(0,0,0,.24),0 0 24px color-mix(in srgb,var(--pill-accent,#54c9f4) 12%,transparent)!important;
}

/* Responsive */
@media (max-width:1380px){
  .pciv-portal-v3152 .pciv-realm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:980px){
  .pciv-portal-v3152 .pciv-realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pciv-portal-v3152 .pciv-realm-card{min-height:620px!important}
}
@media (max-width:640px){
  .pciv-portal-v3152 .pciv-realm-grid{grid-template-columns:1fr!important;gap:14px!important}
  .pciv-portal-v3152 .pciv-realm-card{min-height:0!important;padding:16px!important;border-radius:20px!important}
  .pciv-portal-v3152 .pciv-realm-card-cover{height:155px!important;margin:-16px -16px 0!important;border-radius:19px 19px 14px 14px!important}
  .pciv-portal-v3152 .pciv-realm-card-top{margin-top:-34px!important}
  .pciv-portal-v3152 .pciv-realm-card-icon{width:62px!important;height:62px!important;flex-basis:62px!important;font-size:29px!important}
  .pciv-portal-v3152 .pciv-realm-card-copy h3{min-height:0!important;font-size:20px!important}
  .pciv-portal-v3152 .pciv-realm-card-copy .pciv-realm-slogan{min-height:0!important;-webkit-line-clamp:unset!important}
  .pciv-portal-v3152 .pciv-realm-mission{min-height:0!important}
  .pciv-portal-v3152 .pciv-realm-preview-badge{max-width:170px!important}
}
@media (prefers-reduced-motion:reduce){
  .pciv-portal-v3152 .pciv-realm-card,
  .pciv-portal-v3152 .pciv-realm-enter{transition:none!important}
  .pciv-portal-v3152 .pciv-realm-card:hover,
  .pciv-portal-v3152 .pciv-realm-enter:hover{transform:none!important}
}