.home-server__visual {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0;
  overflow: hidden;
}
.home-server__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5,5,7,.94), rgba(5,5,7,.7) 58%, rgba(5,5,7,.44));
}
.home-server__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .43;
  filter: saturate(.72) contrast(1.05);
  transition: opacity .2s ease, transform .35s ease;
}
.home-server:hover .home-server__visual img { opacity: .57; transform: scale(1.025); }
.home-server > *:not(.home-server__visual) { z-index: 1; }
.server-detail-modal__box > header { overflow: hidden; }
.server-detail-modal__box > header > div,
.server-detail-modal__box > header > button { position: relative; z-index: 2; }
.server-detail-modal__map {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .22;
  filter: saturate(.7);
}
.server-detail-modal__box > header:has(.server-detail-modal__map)::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,7,10,.9), rgba(7,7,10,.52));
}
.home-server-grid:has(> .home-server:only-child){grid-template-columns:1fr}
.home-server-grid:has(> .home-server:only-child) .home-server{min-height:190px;justify-content:flex-end;padding:22px 24px}
.home-server-grid:has(> .home-server:only-child) .home-server__top{position:absolute;top:20px;left:22px;right:22px}
.community-stats{width:100%}
@media (max-width:720px){
  .home-server{padding:16px;border-radius:13px;gap:11px}
  .home-server__top{gap:8px}.home-server>strong{font-size:.95rem}
  .home-server__address{font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .server-detail-modal__box>footer{display:grid;grid-template-columns:1fr 1fr;padding:12px 14px}
  .server-detail-modal__box>footer a,.server-detail-modal__box>footer button{width:100%;min-height:40px}
}