/* EternalMU Home - hard solid top panels, no transparency */
.em-home-final .em-home-columns > section.em-panel {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #080412 !important;
  background-image:
    linear-gradient(180deg, #160b24 0%, #0b0615 48%, #05030b 100%) !important;
  border: 1px solid rgba(231, 190, 91, .34) !important;
  box-shadow:
    0 22px 58px rgba(0, 0, 0, .70),
    0 0 34px rgba(93, 45, 155, .22),
    inset 0 0 0 1px rgba(255, 255, 255, .045) !important;
}

.em-home-final .em-home-columns > section.em-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(103, 49, 170, .16), transparent 36%),
    linear-gradient(180deg, #150a22 0%, #080412 62%, #040209 100%) !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.em-home-final .em-home-columns > section.em-panel::after {
  z-index: 1 !important;
  opacity: .55 !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}

.em-home-final .em-home-columns > section.em-panel > * {
  position: relative !important;
  z-index: 2 !important;
}

.em-home-final .em-home-columns > section.em-panel > .em-panel-head {
  background: linear-gradient(180deg, #170b25, #0b0615) !important;
  border-bottom: 1px solid rgba(231, 190, 91, .22) !important;
}

.em-home-final .em-home-columns .em-player-row,
.em-home-final .em-home-columns .em-guild-row,
.em-home-final .em-home-columns .em-event-list > div {
  background: #0b0615 !important;
  background-image: linear-gradient(90deg, #10081b 0%, #080412 100%) !important;
  border: 1px solid rgba(231, 190, 91, .12) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025) !important;
}

.em-home-final .em-home-columns .em-player-row:hover,
.em-home-final .em-home-columns .em-guild-row:hover,
.em-home-final .em-home-columns .em-event-list > div:hover {
  background: #130920 !important;
  background-image: linear-gradient(90deg, #1a0d2a 0%, #0d0618 100%) !important;
}

.em-home-final .em-home-columns .em-timer-main {
  background: #0b0615 !important;
  background-image: linear-gradient(180deg, #170d20 0%, #080412 100%) !important;
  border: 1px solid rgba(231, 190, 91, .22) !important;
  box-shadow: inset 0 0 36px rgba(0, 0, 0, .48) !important;
}

.em-home-final .em-home-columns .em-event-list {
  background: transparent !important;
}

@media (max-width: 640px) {
  .em-home-final .em-home-columns > section.em-panel::after {
    opacity: .38 !important;
  }
}