/* EternalMU home: force live cards to be solid, not transparent. */
.em-home-final .em-home-columns > .em-panel,
.em-home-final .em-home-columns > section.em-panel {
  position: relative !important;
  isolation: isolate !important;
  opacity: 1 !important;
  background-color: #07030d !important;
  background-image:
    linear-gradient(180deg, #130820 0%, #090411 50%, #040209 100%) !important;
  border: 1px solid rgba(239, 196, 103, 0.42) !important;
  border-radius: 24px !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.72),
    0 0 34px rgba(118, 46, 190, 0.24),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05),
    inset 0 0 76px rgba(95, 40, 150, 0.2) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mix-blend-mode: normal !important;
  overflow: hidden !important;
}

.em-home-final .em-home-columns > .em-panel::before,
.em-home-final .em-home-columns > section.em-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(138, 65, 224, 0.32), transparent 38%),
    linear-gradient(180deg, #12071d 0%, #07030d 62%, #030106 100%) !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

.em-home-final .em-home-columns > .em-panel::after,
.em-home-final .em-home-columns > section.em-panel::after {
  opacity: 0 !important;
  display: none !important;
}

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

.em-home-final .em-home-columns > .em-panel > .em-card-opaque-bg,
.em-home-final .em-home-columns > section.em-panel > .em-card-opaque-bg {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background-color: #07030d !important;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(125, 52, 198, 0.22), transparent 38%),
    linear-gradient(180deg, #130820 0%, #080411 58%, #030107 100%) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    inset 0 0 72px rgba(74, 29, 122, 0.22) !important;
}

.em-home-final .em-home-columns .em-panel-head {
  background: linear-gradient(180deg, rgba(21, 9, 35, 0.98), rgba(10, 5, 18, 0.98)) !important;
  border-bottom: 1px solid rgba(239, 196, 103, 0.18) !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: #0d0716 !important;
  border: 1px solid rgba(239, 196, 103, 0.09) !important;
  box-shadow: inset 0 0 24px rgba(117, 52, 180, 0.08) !important;
}

.em-home-final .em-home-columns .em-player-row:hover,
.em-home-final .em-home-columns .em-guild-row:hover {
  background: #160b24 !important;
  border-color: rgba(239, 196, 103, 0.22) !important;
}

.em-home-final .em-home-columns .em-timer-main {
  background: #120817 !important;
  border: 1px solid rgba(239, 196, 103, 0.22) !important;
  box-shadow: inset 0 0 42px rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 720px) {
  .em-home-final .em-home-columns > .em-panel,
  .em-home-final .em-home-columns > section.em-panel {
    border-radius: 18px !important;
  }
}