/* PalPanel Command Center — hero border match v1.4
   Makes the left world card use exactly the same frame treatment
   as the right server-control card. */

.world-card{
  border:1px solid rgba(91,188,235,.14)!important;
  outline:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
  isolation:isolate!important;

  /* Undo the previous seam workarounds so both cards render identically. */
  clip-path:none!important;
  -webkit-mask-image:none!important;
  transform:none!important;
  backface-visibility:visible!important;
  background-clip:padding-box!important;

  box-shadow:
    0 28px 75px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

/* Restore the image overlay to the full card surface. */
.world-card::before{
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  outline:0!important;
  border-radius:inherit!important;
  box-shadow:none!important;
}

/* Keep the LIVE WORLD badge untouched and above the overlay. */
.world-card::after{
  z-index:3!important;
}

/* Match the right card on hover/focus as well. */
.world-card:hover,
.world-card:focus,
.world-card:focus-visible{
  border:1px solid rgba(91,188,235,.14)!important;
  outline:0!important;
  box-shadow:
    0 28px 75px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}