/*
 * Physics Civilizations Core 3.15.4
 * Hero/header polish and commander card premium refinement.
 */

.pciv-portal-v3152{
  width:min(1660px,calc(100% - 22px))!important;
  max-width:1660px!important;
  padding:24px!important;
}

.pciv-portal-v3152 .pciv-portal-hero{
  position:relative!important;
  grid-template-columns:minmax(420px,.8fr) minmax(0,1.2fr)!important;
  gap:20px!important;
  padding:20px!important;
  min-height:286px!important;
  border-radius:26px!important;
  border-color:rgba(83,228,238,.28)!important;
  background:
    radial-gradient(circle at 82% 0,rgba(67,221,232,.15),transparent 30%),
    radial-gradient(circle at 8% 110%,rgba(157,109,255,.13),transparent 34%),
    linear-gradient(135deg,#082a40,#051727 62%,#071b2f)!important;
}
.pciv-portal-v3152 .pciv-portal-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent),
    radial-gradient(circle at 22% 18%,rgba(245,200,88,.12),transparent 17%);
}

.pciv-portal-v3152 .pciv-portal-hero-main{
  order:2!important;
  align-content:space-between!important;
  gap:18px!important;
  padding:16px 20px!important;
}
.pciv-portal-v3152 .pciv-brand{
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:22px!important;
}
.pciv-portal-v3152 .pciv-brand>div{display:grid!important;gap:4px!important}
.pciv-portal-v3152 .pciv-brand small{
  font-size:12px!important;
  color:#c0dde5!important;
}
.pciv-portal-v3152 .pciv-brand h1{
  font-size:clamp(40px,3vw,56px)!important;
  line-height:1.16!important;
}
.pciv-portal-v3152 .pciv-brand p{
  font-size:14px!important;
  color:#a8c2cc!important;
  line-height:1.95!important;
}
.pciv-portal-v3152 .pciv-hero-pills{
  gap:10px!important;
}
.pciv-portal-v3152 .pciv-hero-pills span{
  min-height:42px!important;
  align-items:center!important;
  display:inline-flex!important;
  gap:7px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(8,31,48,.85),rgba(4,22,35,.86))!important;
}
.pciv-portal-v3152 .pciv-hero-primary-actions .pciv-button{min-width:168px!important}

.pciv-portal-v3152 .pciv-commander-card{
  order:1!important;
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:16px!important;
  padding:22px!important;
  min-height:100%!important;
  border-radius:26px!important;
  border-color:rgba(247,202,93,.34)!important;
  background:
    radial-gradient(circle at 15% 0,rgba(245,200,88,.18),transparent 26%),
    radial-gradient(circle at 100% 100%,rgba(72,226,231,.16),transparent 34%),
    linear-gradient(160deg,rgba(6,42,57,.985),rgba(4,22,34,.985) 72%)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(243,196,80,.06)!important;
}
.pciv-portal-v3152 .pciv-commander-card::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.03);
  pointer-events:none;
}
.pciv-portal-v3152 .pciv-commander-main{
  grid-template-columns:138px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
}
.pciv-portal-v3152 .pciv-player-avatar{min-width:138px!important}
.pciv-portal-v3152 .pciv-player-avatar .pciv-avatar-shell{
  width:132px!important;
  height:132px!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(245,196,75,.24))!important;
}
.pciv-portal-v3152 .pciv-player-info{display:grid!important;gap:6px!important;min-width:0!important}
.pciv-portal-v3152 .pciv-commander-eyebrow{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  font-size:11px!important;
  color:#f0cf73!important;
}
.pciv-portal-v3152 .pciv-commander-eyebrow span{
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(244,199,82,.08)!important;
  border:1px solid rgba(244,199,82,.16)!important;
}
.pciv-portal-v3152 .pciv-player-info strong{
  font-size:31px!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
}
.pciv-portal-v3152 .pciv-commander-handle-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
.pciv-portal-v3152 .pciv-commander-handle{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:rgba(72,226,231,.1)!important;
  border:1px solid rgba(72,226,231,.16)!important;
  font-size:13px!important;
}
.pciv-portal-v3152 .pciv-commander-title{
  font-size:12px!important;
  color:#a9c0cb!important;
}
.pciv-portal-v3152 .pciv-commander-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.pciv-portal-v3152 .pciv-metric-card{
  min-height:76px!important;
  padding:12px!important;
  border-radius:16px!important;
  border-color:rgba(80,227,236,.14)!important;
  background:
    linear-gradient(180deg,rgba(7,28,42,.92),rgba(2,15,27,.8))!important;
}
.pciv-portal-v3152 .pciv-metric-card small{
  font-size:10px!important;
  letter-spacing:.01em!important;
}
.pciv-portal-v3152 .pciv-metric-card b{
  font-size:19px!important;
  margin-top:8px!important;
}
.pciv-portal-v3152 .pciv-commander-progress{
  display:grid!important;
  gap:8px!important;
  padding:10px 12px!important;
  border:1px solid rgba(72,226,231,.12)!important;
  border-radius:16px!important;
  background:rgba(3,18,30,.52)!important;
}
.pciv-portal-v3152 .pciv-player-level-copy{font-size:11px!important}
.pciv-portal-v3152 .pciv-player-level-copy b{color:#f4c95b!important}
.pciv-portal-v3152 .pciv-levelbar{height:9px!important;margin-top:0!important;background:rgba(0,0,0,.38)!important}
.pciv-portal-v3152 .pciv-player-companion{
  position:absolute!important;
  top:18px!important;
  left:18px!important;
  gap:8px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(7,32,46,.92),rgba(2,18,30,.84))!important;
}
.pciv-portal-v3152 .pciv-player-companion span{font-size:15px!important}
.pciv-portal-v3152 .pciv-player-companion small{font-size:10px!important}

.pciv-portal-v3152 .pciv-toolbar{
  margin:0 0 14px!important;
  padding:9px!important;
  gap:9px!important;
  border-radius:16px!important;
}
.pciv-portal-v3152 .pciv-toolbar>a,
.pciv-portal-v3152 .pciv-toolbar summary{
  min-height:46px!important;
  font-size:12px!important;
  border-radius:11px!important;
}

.pciv-portal-v3152 .pciv-command-overview,
.pciv-portal-v3152 .pciv-intelligence-widget,
.pciv-portal-v3152 .pciv-dashboard-reactor .pciv-daily-reactor,
.pciv-portal-v3152 .pciv-legion-dashboard-card,
.pciv-portal-v3152 .pciv-realms,
.pciv-portal-v3152 .pciv-skill-map-primary,
.pciv-portal-v3152 .pciv-ranking{padding:22px!important}

.pciv-portal-v3152 .pciv-command-overview{
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.88fr) minmax(190px,.4fr)!important;
}
.pciv-portal-v3152 .pciv-intelligence-widget{
  grid-template-columns:minmax(0,1.06fr) minmax(340px,.86fr) minmax(190px,.4fr)!important;
}
.pciv-portal-v3152 .pciv-dashboard-reactor .pciv-daily-reactor{
  min-height:540px!important;
}
.pciv-portal-v3152 .pciv-dashboard-reactor .pciv-reactor-header{margin-bottom:16px!important}

.pciv-portal-v3152 .pciv-realms{padding-block:24px!important}
.pciv-portal-v3152 .pciv-realm-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:15px!important}
.pciv-portal-v3152 .pciv-realm-card{
  min-height:356px!important;
  border-radius:20px!important;
}
.pciv-portal-v3152 .pciv-realm-card-icon{width:60px!important;height:60px!important;font-size:30px!important}
.pciv-portal-v3152 .pciv-realm-card h3{font-size:23px!important}

.pciv-portal-v3152 .pciv-skill-map-head{padding:20px 22px 10px!important}
.pciv-portal-v3152 .pciv-skill-map-head-actions{gap:12px!important}
.pciv-portal-v3152 .pciv-skill-map-legend{padding:8px 12px!important;border-radius:999px!important;background:rgba(2,17,29,.48)!important}
.pciv-portal-v3152 .pciv-skill-map-scene{min-height:450px!important}

.pciv-portal-v3152 .pciv-command-strip{
  gap:12px!important;
  padding:12px!important;
}
.pciv-portal-v3152 .pciv-command-strip>div,
.pciv-portal-v3152 .pciv-command-strip>a{
  min-height:86px!important;
  padding:12px 14px!important;
}

.pciv-portal-v3152 .pciv-ranking{padding-top:20px!important}
.pciv-portal-v3152 .pciv-mini-podium>a{min-height:170px!important}
.pciv-portal-v3152 .pciv-dashboard-rank-card{padding:17px 20px!important}

@media (max-width:1380px){
  .pciv-portal-v3152 .pciv-portal-hero{grid-template-columns:1fr!important}
  .pciv-portal-v3152 .pciv-portal-hero-main{order:1!important}
  .pciv-portal-v3152 .pciv-commander-card{order:2!important}
  .pciv-portal-v3152 .pciv-command-overview,
  .pciv-portal-v3152 .pciv-intelligence-widget,
  .pciv-portal-v3152 .pciv-legion-dashboard-card{grid-template-columns:1fr!important}
  .pciv-portal-v3152 .pciv-command-actions,
  .pciv-portal-v3152 .pciv-intelligence-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important}
  .pciv-portal-v3152 .pciv-realm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:980px){
  .pciv-portal-v3152{width:calc(100% - 16px)!important;padding:14px!important}
  .pciv-portal-v3152 .pciv-brand{grid-template-columns:72px minmax(0,1fr)!important}
  .pciv-portal-v3152 .pciv-brand-mark{width:66px!important;height:66px!important;font-size:30px!important}
  .pciv-portal-v3152 .pciv-brand h1{font-size:34px!important}
  .pciv-portal-v3152 .pciv-commander-main{grid-template-columns:104px minmax(0,1fr)!important}
  .pciv-portal-v3152 .pciv-player-avatar .pciv-avatar-shell{width:102px!important;height:102px!important}
  .pciv-portal-v3152 .pciv-player-info strong{font-size:24px!important}
  .pciv-portal-v3152 .pciv-realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:760px){
  .pciv-portal-v3152 .pciv-portal-hero,
  .pciv-portal-v3152 .pciv-command-overview,
  .pciv-portal-v3152 .pciv-intelligence-widget,
  .pciv-portal-v3152 .pciv-dashboard-reactor .pciv-daily-reactor,
  .pciv-portal-v3152 .pciv-legion-dashboard-card,
  .pciv-portal-v3152 .pciv-realms,
  .pciv-portal-v3152 .pciv-skill-map-primary,
  .pciv-portal-v3152 .pciv-ranking{padding:14px!important}
  .pciv-portal-v3152 .pciv-commander-card{padding:16px!important}
  .pciv-portal-v3152 .pciv-commander-main{grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important}
  .pciv-portal-v3152 .pciv-player-avatar .pciv-avatar-shell{width:82px!important;height:82px!important}
  .pciv-portal-v3152 .pciv-player-info strong{font-size:19px!important}
  .pciv-portal-v3152 .pciv-player-companion{position:static!important;justify-content:center!important}
  .pciv-portal-v3152 .pciv-commander-metrics,
  .pciv-portal-v3152 .pciv-command-paths,
  .pciv-portal-v3152 .pciv-intelligence-metrics,
  .pciv-portal-v3152 .pciv-command-actions,
  .pciv-portal-v3152 .pciv-intelligence-actions,
  .pciv-portal-v3152 .pciv-realm-grid,
  .pciv-portal-v3152 .pciv-command-strip,
  .pciv-portal-v3152 .pciv-toolbar{grid-template-columns:1fr!important}
}