.forgePlanetaryHost{
  position:relative;
  isolation:isolate;
  contain:layout paint style;
  min-width:0;
  min-height:288px;
  overflow:hidden;
  background:#020812;
}
.forgePlanetaryCity,
#forgePlanetaryCanvas,
.forgePlanetaryAtmosphere,
.forgePlanetaryHud{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.forgePlanetaryCity{
  z-index:0;
  object-fit:cover;
  object-position:50% 54%;
  filter:saturate(.82) contrast(1.08) brightness(.72);
}
.forgePlanetaryHost::before{
  content:'';
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,9,16,.86),transparent 23%,transparent 78%,rgba(2,7,13,.48)),
    radial-gradient(circle at 52% 34%,rgba(35,255,205,.09),transparent 37%),
    linear-gradient(180deg,rgba(0,5,11,.08),transparent 58%,rgba(1,9,14,.2));
}
#forgePlanetaryCanvas{z-index:2;display:block;contain:strict}
.forgePlanetaryAtmosphere{
  z-index:3;
  background:
    repeating-linear-gradient(180deg,rgba(86,245,218,.025) 0,rgba(86,245,218,.025) 1px,transparent 1px,transparent 5px),
    linear-gradient(103deg,transparent 34%,rgba(72,244,216,.055) 50%,transparent 64%);
  mix-blend-mode:screen;
  opacity:.65;
  animation:forgePlanetScan 9s linear infinite;
}
.forgePlanetaryHud{
  z-index:4;
  inset:12px;
  width:auto;
  height:auto;
  border:1px solid rgba(83,229,207,.13);
  clip-path:polygon(0 0,24px 0,24px 1px,calc(100% - 24px) 1px,calc(100% - 24px) 0,100% 0,100% 18px,calc(100% - 1px) 18px,calc(100% - 1px) calc(100% - 18px),100% calc(100% - 18px),100% 100%,calc(100% - 24px) 100%,calc(100% - 24px) calc(100% - 1px),24px calc(100% - 1px),24px 100%,0 100%,0 calc(100% - 18px),1px calc(100% - 18px),1px 18px,0 18px);
}
.forgePlanetaryLabel{
  position:absolute;
  z-index:5;
  left:18px;
  bottom:14px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:5px 8px;
  border:1px solid rgba(84,234,207,.19);
  background:rgba(2,10,17,.62);
  color:#9cebd9;
  font-size:8px;
  letter-spacing:.19em;
  line-height:1;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
  pointer-events:none;
}
.forgePlanetaryLabel::before{
  content:'';
  width:5px;height:5px;border-radius:50%;
  background:#5ff2c5;
  box-shadow:0 0 10px #5ff2c5;
}
@keyframes forgePlanetScan{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(2%,0,0)}}
@media(max-width:900px){
  .forgePlanetaryHost{min-height:220px}
  .forgePlanetaryHud{inset:9px}
  .forgePlanetaryLabel{left:13px;bottom:11px}
}
@media(max-width:560px){
  .forgePlanetaryHost{min-height:190px}
  .forgePlanetaryCity{object-position:50% 58%}
  .forgePlanetaryAtmosphere{opacity:.38}
}
@media(prefers-reduced-motion:reduce){
  .forgePlanetaryAtmosphere{animation:none;transform:none}
}