.admin-deathmatch-panel {
  --dm-gold: #ffc846;
  --dm-cyan: #2bd8ff;
  overflow: hidden;
  position: relative;
}

.admin-deathmatch-panel::before {
  background:
    radial-gradient(circle at 83% 4%, rgba(255, 190, 45, .16), transparent 28rem),
    radial-gradient(circle at 10% 18%, rgba(34, 211, 238, .13), transparent 24rem);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.admin-deathmatch-panel > * {
  position: relative;
}

.admin-deathmatch-head h3 {
  background: linear-gradient(90deg, #fff, #ffe49a 58%, #4ce5ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.admin-deathmatch-preview {
  position: relative;
  align-items: center;
  background: linear-gradient(115deg, rgba(4, 22, 46, .94), rgba(11, 28, 54, .74));
  border: 1px solid rgba(43, 216, 255, .3);
  border-radius: 1rem;
  box-shadow: inset 0 0 30px rgba(43, 216, 255, .05), 0 18px 40px rgba(0, 0, 0, .2);
  display: grid;
  gap: 1rem;
  grid-template-columns: 5.5rem minmax(0, 1fr) auto;
  margin: 1rem 0 1.4rem;
  overflow: hidden;
  padding: 1rem 1.1rem;
}

.admin-deathmatch-preview::after {
  background: linear-gradient(90deg, transparent, rgba(255, 200, 70, .9), transparent);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.admin-deathmatch-preview img {
  filter: drop-shadow(0 0 14px rgba(255, 196, 53, .7));
  height: 4.8rem;
  object-fit: contain;
  width: 5.5rem;
}

.admin-deathmatch-preview div {
  display: grid;
  gap: .25rem;
  min-width: 0;
}

.admin-deathmatch-preview small {
  color: var(--dm-cyan);
  font-weight: 900;
  letter-spacing: .15em;
}

.admin-deathmatch-preview strong {
  color: #fff;
  font-size: 1.08rem;
}

.admin-deathmatch-preview span {
  color: #9fb4d0;
  font-size: .78rem;
}

.admin-deathmatch-preview a {
  border: 1px solid rgba(255, 200, 70, .45);
  border-radius: .75rem;
  color: #ffe6a5;
  font-size: .75rem;
  font-weight: 800;
  padding: .7rem .85rem;
  text-decoration: none;
}

.admin-deathmatch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.admin-deathmatch-actions .auth-primary {
  margin-right: auto;
}

@media (max-width: 760px) {
  .admin-deathmatch-preview {
  position: relative;
    grid-template-columns: 4rem 1fr;
  }

  .admin-deathmatch-preview img {
    height: 3.7rem;
    width: 4rem;
  }

  .admin-deathmatch-preview a {
    grid-column: 1 / -1;
    text-align: center;
  }

  .admin-deathmatch-actions > * {
    flex: 1 1 100%;
  }
}

.admin-zombie-panel {
  --dm-gold: #b8ff38;
  --dm-cyan: #55ffd0;
}

.admin-zombie-panel::before {
  background:
    radial-gradient(circle at 84% 5%, rgba(119, 255, 50, .17), transparent 29rem),
    radial-gradient(circle at 8% 20%, rgba(177, 74, 255, .14), transparent 25rem);
}

.admin-zombie-panel .admin-deathmatch-head h3 {
  background: linear-gradient(90deg, #fff, #caff77 56%, #9b5cff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.admin-zombie-preview {
  background: linear-gradient(115deg, rgba(3, 27, 24, .95), rgba(25, 9, 42, .78));
  border-color: rgba(116, 255, 55, .34);
  box-shadow: inset 0 0 34px rgba(82, 255, 108, .07), 0 18px 40px rgba(0, 0, 0, .24);
}

.admin-zombie-preview::after {
  background: linear-gradient(90deg, transparent, rgba(137, 255, 52, .95), rgba(168, 77, 255, .7), transparent);
}

.admin-zombie-preview img {
  filter: drop-shadow(0 0 16px rgba(114, 255, 47, .75)) drop-shadow(0 0 22px rgba(155, 76, 255, .34));
  transform: scale(1.2);
}

.admin-zombie-preview a {
  border-color: rgba(127, 255, 69, .48);
  color: #d8ffad;
}