/* Physics Civilizations Core 3.16.1 - visual treatment for store, social, and code-event panels */

.pciv-portal-v3152 .pciv-customization-hub,
.pciv-portal-v3152 .pciv-social-hub,
.pciv-portal-v3152 .pciv-code-hub{
  position:relative;
  overflow:hidden;
}

.pciv-portal-v3152 .pciv-customization-hub{
  background-image:
    radial-gradient(circle at 10% 12%,rgba(242,196,94,.14),transparent 26%),
    linear-gradient(135deg,rgba(13,48,68,.90),rgba(7,30,45,.92)),
    url('../images/dashboard-visuals/store-panel.webp')!important;
  background-size:auto,auto,cover!important;
  background-position:center,center,center center!important;
}
.pciv-portal-v3152 .pciv-customization-hub::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(3,16,27,.16),rgba(3,16,27,.02) 55%,rgba(3,16,27,.16));
}

.pciv-portal-v3152 .pciv-social-hub{
  background-image:
    radial-gradient(circle at 90% 10%,rgba(126,90,255,.15),transparent 28%),
    linear-gradient(135deg,rgba(12,48,72,.90),rgba(9,29,45,.93)),
    url('../images/dashboard-visuals/social-panel.webp')!important;
  background-size:auto,auto,cover!important;
  background-position:center,center,center center!important;
}
.pciv-portal-v3152 .pciv-social-hub::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 20% 50%,rgba(95,229,255,.07),transparent 20%),linear-gradient(90deg,rgba(3,16,27,.14),rgba(3,16,27,.02) 52%,rgba(3,16,27,.14));
}

.pciv-portal-v3152 .pciv-code-hub{
  padding:18px!important;
  border:1px solid rgba(173,128,255,.22)!important;
  border-radius:24px!important;
  background-image:
    linear-gradient(145deg,rgba(10,41,61,.88),rgba(6,28,43,.92)),
    url('../images/dashboard-visuals/events-panel.webp')!important;
  background-size:auto,cover!important;
  background-position:center,center center!important;
}
.pciv-portal-v3152 .pciv-code-hub::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 82% 18%,rgba(255,196,94,.11),transparent 18%),linear-gradient(90deg,rgba(3,16,27,.16),rgba(3,16,27,.03) 55%,rgba(3,16,27,.16));
}
.pciv-portal-v3152 .pciv-code-intro,
.pciv-portal-v3152 .pciv-code-card{
  position:relative;
  z-index:1;
  background:linear-gradient(145deg,rgba(12,45,67,.80),rgba(8,30,48,.84))!important;
  backdrop-filter:blur(2px);
}
.pciv-portal-v3152 .pciv-customization-hub > *,
.pciv-portal-v3152 .pciv-social-hub > *,
.pciv-portal-v3152 .pciv-code-hub > *{
  position:relative;
  z-index:1;
}

@media (max-width:760px){
  .pciv-portal-v3152 .pciv-customization-hub,
  .pciv-portal-v3152 .pciv-social-hub,
  .pciv-portal-v3152 .pciv-code-hub{
    background-position:center,center,74% center!important;
  }
}