
/*
 * Physics Civilizations Core 3.15.5
 * Correct RTL hero composition and stabilize the commander card.
 */

/* The reference layout places the school/brand block on the right and the commander card on the left. */
.pciv-portal-v3152 .pciv-portal-hero{
  direction:rtl!important;
  grid-template-columns:minmax(0,1.18fr) minmax(440px,.82fr)!important;
  align-items:stretch!important;
  gap:22px!important;
  min-height:292px!important;
}
.pciv-portal-v3152 .pciv-portal-hero-main{
  order:1!important;
  grid-column:1!important;
  min-width:0!important;
  padding:18px 24px!important;
  text-align:right!important;
}
.pciv-portal-v3152 .pciv-commander-card{
  order:2!important;
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}

/* Brand alignment and visual hierarchy. */
.pciv-portal-v3152 .pciv-brand{
  direction:rtl!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
}
.pciv-portal-v3152 .pciv-brand>div{
  min-width:0!important;
  text-align:right!important;
}
.pciv-portal-v3152 .pciv-brand h1{
  white-space:normal!important;
  text-wrap:balance!important;
}
.pciv-portal-v3152 .pciv-hero-pills,
.pciv-portal-v3152 .pciv-hero-primary-actions{
  justify-content:flex-start!important;
}

/* Commander card: avatar left, details right, without overlap. */
.pciv-portal-v3152 .pciv-commander-card{
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  gap:15px!important;
  padding:22px!important;
  border-radius:25px!important;
  background:
    radial-gradient(circle at 4% 8%,rgba(245,200,88,.18),transparent 26%),
    radial-gradient(circle at 100% 100%,rgba(67,224,230,.14),transparent 34%),
    linear-gradient(155deg,rgba(7,47,61,.985),rgba(4,22,35,.985) 70%)!important;
}
.pciv-portal-v3152 .pciv-commander-main{
  direction:ltr!important;
  grid-template-columns:142px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  min-width:0!important;
}
.pciv-portal-v3152 .pciv-player-avatar{
  grid-column:1!important;
  min-width:142px!important;
}
.pciv-portal-v3152 .pciv-player-avatar .pciv-avatar-shell{
  width:136px!important;
  height:136px!important;
}
.pciv-portal-v3152 .pciv-player-info{
  grid-column:2!important;
  direction:rtl!important;
  text-align:right!important;
  min-width:0!important;
  padding-inline-end:2px!important;
}
.pciv-portal-v3152 .pciv-player-info strong{
  display:block!important;
  max-width:100%!important;
  font-size:clamp(24px,2vw,31px)!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
.pciv-portal-v3152 .pciv-commander-eyebrow,
.pciv-portal-v3152 .pciv-commander-handle-row{
  justify-content:flex-start!important;
}
.pciv-portal-v3152 .pciv-commander-title{
  display:block!important;
  margin-top:1px!important;
  line-height:1.8!important;
}

.pciv-portal-v3152 .pciv-commander-metrics{
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
.pciv-portal-v3152 .pciv-metric-card{
  display:grid!important;
  align-content:center!important;
  min-height:74px!important;
  padding:11px 9px!important;
  text-align:center!important;
}
.pciv-portal-v3152 .pciv-metric-card small{
  display:block!important;
  font-size:10px!important;
}
.pciv-portal-v3152 .pciv-metric-card b{
  display:block!important;
  font-size:18px!important;
  white-space:nowrap!important;
}
.pciv-portal-v3152 .pciv-commander-progress{
  width:100%!important;
  min-width:0!important;
}
.pciv-portal-v3152 .pciv-player-companion{
  top:16px!important;
  right:16px!important;
  left:auto!important;
  z-index:4!important;
  max-width:150px!important;
}

/* Give primary dashboard panels more breathing room and clearer typography. */
.pciv-portal-v3152 .pciv-command-overview,
.pciv-portal-v3152 .pciv-intelligence-widget{
  min-height:150px!important;
  padding:22px 24px!important;
}
.pciv-portal-v3152 .pciv-command-level h2,
.pciv-portal-v3152 .pciv-today-copy h2{
  font-size:28px!important;
}
.pciv-portal-v3152 .pciv-command-level p,
.pciv-portal-v3152 .pciv-today-copy p{
  font-size:12px!important;
  line-height:1.95!important;
}
.pciv-portal-v3152 .pciv-command-paths>div,
.pciv-portal-v3152 .pciv-intelligence-metrics>span{
  min-height:82px!important;
}

/* Slightly larger section headers for the tall desktop layout. */
.pciv-portal-v3152 .pciv-section-title h2,
.pciv-portal-v3152 .pciv-section-title-row h2,
.pciv-portal-v3152 .pciv-skill-map-head h2{
  font-size:clamp(25px,2vw,32px)!important;
}
.pciv-portal-v3152 .pciv-section-title p,
.pciv-portal-v3152 .pciv-section-title-row p{
  font-size:12px!important;
}

/* Tablet: stack hero only when the viewport really needs it. */
@media (max-width:1180px){
  .pciv-portal-v3152 .pciv-portal-hero{
    grid-template-columns:1fr!important;
  }
  .pciv-portal-v3152 .pciv-portal-hero-main{
    order:1!important;
    grid-column:1!important;
  }
  .pciv-portal-v3152 .pciv-commander-card{
    order:2!important;
    grid-column:1!important;
  }
  .pciv-portal-v3152 .pciv-commander-main{
    grid-template-columns:132px minmax(0,1fr)!important;
  }
  .pciv-portal-v3152 .pciv-player-avatar .pciv-avatar-shell{
    width:126px!important;
    height:126px!important;
  }
}

@media (max-width:760px){
  .pciv-portal-v3152 .pciv-portal-hero-main{
    padding:14px!important;
  }
  .pciv-portal-v3152 .pciv-brand{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .pciv-portal-v3152 .pciv-brand-mark{
    width:54px!important;
    height:54px!important;
  }
  .pciv-portal-v3152 .pciv-brand h1{
    font-size:29px!important;
  }
  .pciv-portal-v3152 .pciv-commander-main{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .pciv-portal-v3152 .pciv-player-avatar{
    min-width:88px!important;
  }
  .pciv-portal-v3152 .pciv-player-avatar .pciv-avatar-shell{
    width:84px!important;
    height:84px!important;
  }
  .pciv-portal-v3152 .pciv-player-info strong{
    font-size:19px!important;
  }
  .pciv-portal-v3152 .pciv-player-companion{
    position:static!important;
    max-width:none!important;
    justify-content:center!important;
  }
  .pciv-portal-v3152 .pciv-commander-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:460px){
  .pciv-portal-v3152 .pciv-commander-main{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .pciv-portal-v3152 .pciv-player-avatar,
  .pciv-portal-v3152 .pciv-player-info{
    grid-column:1!important;
  }
  .pciv-portal-v3152 .pciv-player-avatar{
    margin:auto!important;
  }
  .pciv-portal-v3152 .pciv-player-info{
    text-align:center!important;
  }
  .pciv-portal-v3152 .pciv-commander-eyebrow,
  .pciv-portal-v3152 .pciv-commander-handle-row{
    justify-content:center!important;
  }
  .pciv-portal-v3152 .pciv-commander-metrics{
    grid-template-columns:1fr!important;
  }
}
