:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew {
  position: relative;
  margin-top: 24px;
  overflow: hidden;
  padding: 24px 18px 20px;
  border: 1px solid #91391f;
  border-radius: 10px;
  background: radial-gradient(circle at 50% 115%, #b82e2038, transparent 35rem), radial-gradient(circle at 7% 0%, #82243a2e, transparent 22rem), linear-gradient(145deg, #210b15, #0d0508 74%);
  box-shadow: inset 0 1px 0 #ffe09925, 0 18px 38px #050203b8;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew::before,
:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew::after {
  position: absolute;
  left: 50%;
  z-index: 2;
  width: 72px;
  height: 8px;
  content: "";
  background: linear-gradient(90deg, transparent, #f2b230 32% 68%, transparent);
  clip-path: polygon(0 44%, 38% 44%, 46% 0, 54% 0, 62% 44%, 100% 44%, 100% 56%, 62% 56%, 54% 100%, 46% 100%, 38% 56%, 0 56%);
  transform: translateX(-50%);
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew::before { top: -1px; }
:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew::after { bottom: -1px; }

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__heading {
  display: grid;
  grid-template-columns: 42px auto 1fr;
  align-items: center;
  gap: 13px;
  margin: 0 8px 18px;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__heading::after {
  height: 1px;
  margin-left: 8px;
  content: "";
  background: linear-gradient(90deg, #f2b230, #f2b23024 75%, transparent);
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__count {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #f2b230;
  border-radius: 50%;
  background: radial-gradient(circle, #ff9a36, #841918 58%, #21070b);
  color: #fff0b6;
  font: 400 19px/1 "Bebas Neue", Impact, sans-serif;
  box-shadow: inset 0 1px 0 #fff1b878, 0 0 17px #ff6a1c6b;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__heading div > span {
  display: block;
  color: #ff7b2d;
  font: 400 14px/1.1 Pacifico, cursive;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__heading h2 {
  margin: 2px 0 0;
  color: #f2b230;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(30px, 3vw, 43px);
  font-weight: 400;
  line-height: .95;
  letter-spacing: .075em;
  text-shadow: 0 2px 0 #67140f, 0 7px 18px #000;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__heading p {
  margin: 5px 0 0;
  color: #cdb8ae;
  font-size: 12px;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card {
  position: relative;
  display: grid;
  grid-template-rows: minmax(270px, 1fr) auto;
  min-width: 0;
  min-height: 390px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--crew-accent) 58%, #5f2119);
  border-radius: 9px;
  background: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--crew-accent) 17%, transparent), transparent 44%), linear-gradient(165deg, #31101f, #13070c 72%);
  box-shadow: inset 0 1px 0 #ffe8aa1c, 0 10px 24px #030102c9;
  isolation: isolate;
  transition: transform .38s cubic-bezier(.2,.8,.2,1), border-color .3s ease, box-shadow .38s ease;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card::before {
  position: absolute;
  inset: 6px;
  z-index: 3;
  content: "";
  border: 1px solid color-mix(in srgb, var(--crew-accent) 32%, transparent);
  border-radius: 5px;
  clip-path: polygon(0 0, 24px 0, 24px 1px, calc(100% - 24px) 1px, calc(100% - 24px) 0, 100% 0, 100% 24px, calc(100% - 1px) 24px, calc(100% - 1px) calc(100% - 24px), 100% calc(100% - 24px), 100% 100%, calc(100% - 24px) 100%, calc(100% - 24px) calc(100% - 1px), 24px calc(100% - 1px), 24px 100%, 0 100%, 0 calc(100% - 24px), 1px calc(100% - 24px), 1px 24px, 0 24px);
  pointer-events: none;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card img {
  align-self: end;
  justify-self: center;
  width: 100%;
  height: 300px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 13px 10px #000b) drop-shadow(0 0 9px color-mix(in srgb, var(--crew-accent) 28%, transparent));
  transform-origin: 50% 100%;
  transition: transform .48s cubic-bezier(.2,.8,.2,1), filter .35s ease;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card > div {
  position: relative;
  z-index: 2;
  min-height: 79px;
  padding: 14px 9px 12px;
  border-top: 1px solid color-mix(in srgb, var(--crew-accent) 45%, #40120f);
  background: linear-gradient(180deg, #260b14ed, #0e0408f7);
  text-align: center;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card h3 {
  margin: 0;
  color: #ffe7ac;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(20px, 1.7vw, 27px);
  font-weight: 400;
  letter-spacing: .07em;
  line-height: 1;
  text-shadow: 0 2px 0 #68130f, 0 5px 10px #000;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card p {
  margin: 5px 0 0;
  color: #ba9e96;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card:hover {
  z-index: 4;
  border-color: #f2b230;
  transform: translateY(-7px);
  box-shadow: inset 0 1px 0 #fff0ba36, 0 18px 34px #030102e6, 0 0 22px color-mix(in srgb, var(--crew-accent) 42%, transparent);
}

:root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card:hover img {
  filter: drop-shadow(0 17px 12px #000c) drop-shadow(0 0 17px color-mix(in srgb, var(--crew-accent) 50%, transparent));
  transform: scale(1.055) translateY(-3px);
}

@media (max-width: 1100px) {
  :root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  :root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew { padding: 21px 0 16px; }
  :root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__heading { grid-template-columns: 38px 1fr; margin-inline: 14px; }
  :root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__heading::after { display: none; }
  :root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(230px, 76vw);
    gap: 10px;
    overflow-x: auto;
    padding: 5px 14px 18px;
    scroll-padding-inline: 14px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  :root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__grid::-webkit-scrollbar { display: none; }
  :root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card { min-height: 370px; scroll-snap-align: start; }
}

@media (prefers-reduced-motion: reduce) {
  :root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card,
  :root:not(#luckyimp-theme-disabled) body #content .imp-fortune-crew__card img { transition: none; }
}