/* Mobile winners: identity and entry on the left; outcome in the middle. */
#home-recent-winners .winner-current-metric,
#home-recent-winners .winner-mobile-only,
#home-recent-winners .winner-metric-change { display: none !important; }

@media (max-width: 1099px) {
  #home-recent-winners.home-v2-winners-inline {
    width: 100% !important; max-width: 680px !important;
    padding: 0 !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important; overflow: visible !important;
  }
  #home-recent-winners::before, #home-recent-winners::after,
  #home-recent-winners .winners-live-list::before, #home-recent-winners .winners-live-list::after {
    content: none !important; display: none !important;
  }
  #home-recent-winners h2 {
    display: flex !important; align-items: center !important;
    gap: 10px !important; padding: 0 2px !important; margin: 0 0 12px !important;
    font-size: clamp(16px, 4.7vw, 24px) !important; line-height: 1.25 !important;
  }
  #home-recent-winners h2::before {
    width: 18px !important; height: 18px !important; flex-basis: 18px !important; margin: 0 !important;
  }
  #home-recent-winners .winner-heading-copy { flex: 1; min-width: 0; display: grid; gap: 5px; }
  #home-recent-winners .winner-heading-copy strong { white-space: normal !important; }
  #home-recent-winners .winner-heading-copy small { display: block !important; font-size: 10px !important; line-height: 1.4 !important; }
  #home-recent-winners .winner-heading-accent { color: #29ebc4; }
  #home-recent-winners .winners-view-all-link {
    flex-shrink: 0 !important; min-width: 64px !important; height: 34px !important;
    padding: 0 10px !important; border: 0 !important; border-radius: 10px !important;
    background: rgba(135, 161, 189, .1) !important; box-shadow: none !important; font-size: 10px !important;
  }
  #home-recent-winners .winners-live-list {
    padding: 0 !important; margin: 0 !important; gap: 10px !important;
    background: transparent !important; border: 0 !important; box-shadow: none !important;
  }
  #home-recent-winners .winner-dashboard-row.winner-mobile-card {
    position: relative !important; box-sizing: border-box !important; display: grid !important;
    grid-template-columns: minmax(0, 44fr) minmax(0, 29fr) minmax(0, 27fr) !important;
    grid-template-rows: minmax(75px, auto) minmax(46px, auto) !important;
    grid-template-areas: "token ath gain" "call current time" !important;
    gap: 0 !important; align-items: stretch !important;
    min-height: 139px !important; padding: 8px var(--card-pad) !important;
    --card-pad: clamp(9px, 2.55vw, 18px); --section-pad: clamp(9px, 3.1vw, 23px);
    border: 1px solid rgba(30, 164, 209, .42) !important; outline: 0 !important; border-radius: 13px !important;
    background: linear-gradient(115deg, rgb(64 86 93 / 66%), rgb(15 65 97 / 72%) 58%, rgb(22 43 53 / 50%)) !important;
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    box-shadow: inset 0 1px 7px rgba(70, 174, 215, .08), inset 0 -1px 9px rgba(34, 141, 186, .05), 0 0 13px rgba(0, 157, 209, .065), 0 7px 17px rgba(0, 0, 0, .2) !important;
    overflow: visible !important;
  }
  #home-recent-winners .winner-dashboard-row.winner-mobile-card:hover {
    border-color: rgba(50, 189, 224, .6) !important;
    filter: none !important; transform: none !important;
  }
  #home-recent-winners .winner-dashboard-row.winner-mobile-card:focus-visible { outline: 2px solid #57cdb2 !important; outline-offset: 3px !important; }
  #home-recent-winners .winner-dashboard-row::before,
  #home-recent-winners .winner-dashboard-row::after { display: none !important; content: none !important; }
  #home-recent-winners .winner-dashboard-row.home-winner-hidden { display: none !important; }
  #home-recent-winners .winner-token {
    grid-area: token !important; display: flex !important; min-width: 0 !important;
    align-self: center !important; align-items: center !important; gap: clamp(6px, 2.55vw, 16px) !important; padding: 23px 6px 4px 0 !important;
  }
  #home-recent-winners .winner-avatar {
    width: clamp(34px, 11.5vw, 72px) !important; height: clamp(34px, 11.5vw, 72px) !important;
    flex-basis: clamp(34px, 11.5vw, 72px) !important; border: 0 !important;
    box-shadow: none !important; overflow: hidden !important;
  }
  #home-recent-winners .winner-token-copy { min-width: 0 !important; flex: 1; }
  #home-recent-winners .winner-name,
  #home-recent-winners .winner-call-metric strong,
  #home-recent-winners .winner-ath-metric strong,
  #home-recent-winners .winner-current-metric strong,
  #home-recent-winners .winner-gain-metric > .winner-gain-mobile {
    text-shadow: 0 2px 10px rgba(0, 0, 0, .34) !important;
  }
  #home-recent-winners .winner-name {
    display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important;
    white-space: normal !important; overflow-wrap: anywhere; text-overflow: clip !important;
    font-size: clamp(10px, 3.05vw, 18px) !important; line-height: 1.2 !important; font-weight: 750 !important;
  }
  #home-recent-winners .winner-ca {
    display: flex !important; align-items: center !important; min-width: 0 !important;
    gap: 4px !important; margin: 3px 0 0 !important; font-size: 0 !important;
    overflow: visible !important; white-space: normal !important;
  }
  #home-recent-winners .winner-ca::before { content: none !important; }
  #home-recent-winners .winner-ca-value { display: none !important; }
  #home-recent-winners .winner-symbol {
    display: block !important; min-width: 0; max-width: none; overflow: visible;
    white-space: normal; overflow-wrap: anywhere; color: #8fa8c7;
    font: 400 clamp(8px, 2.5vw, 14px)/1.3 var(--font-body);
  }
  #home-recent-winners .winner-ca .arbital-copy-contract-btn {
    display: inline-flex !important; margin: 0 !important; flex: 0 0 17px;
    width: 17px !important; height: 20px !important; padding: 0 !important;
  }
  #home-recent-winners .winner-badges { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; margin-top: 4px; }
  #home-recent-winners .winner-chain {
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 18px; height: 18px; border: 0; border-radius: 50%; color: #f0b90b; background: #e7b42e0a;
  }
  #home-recent-winners .winner-chain svg { width: 14px; height: 14px; }
  #home-recent-winners .winner-migrated {
    margin: 0 !important; padding: 4px 5px !important; font-size: clamp(6px, 1.65vw, 10px) !important;
    line-height: 1 !important; letter-spacing: 0 !important; gap: 0 !important;
    border: 0 !important; border-radius: 5px !important; background: rgba(35, 164, 119, .12) !important;
  }
  #home-recent-winners .winner-migrated::before { content: none !important; }
  #home-recent-winners .winner-rank { top: 7px !important; left: var(--card-pad) !important; }
  #home-recent-winners .winner-medal {
    height: 19px !important; min-width: 29px !important; padding: 0 5px !important;
    border: 0 !important; border-radius: 5px !important; box-shadow: none !important;
    font-size: 9px !important; color: #acc3df !important; background: rgba(109, 147, 188, .1) !important;
  }
  #home-recent-winners .winner-dashboard-row:first-child .winner-medal { color: #ecd483 !important; background: #cdb46b12 !important; }
  #home-recent-winners .winner-dashboard-row:nth-child(3) .winner-medal { color: #dfa885 !important; }
  #home-recent-winners .winner-call-metric,
  #home-recent-winners .winner-ath-metric,
  #home-recent-winners .winner-current-metric {
    display: flex !important; flex-direction: column !important; align-items: flex-start !important;
    justify-content: center !important; text-align: left !important; min-width: 0 !important;
    padding: 0 !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important; overflow: visible !important;
  }
  #home-recent-winners .winner-call-metric { grid-area: call !important; justify-content: flex-end !important; padding-bottom: 2px !important; }
  #home-recent-winners .winner-ath-metric {
    grid-area: ath !important; margin: 0 var(--section-pad) !important; padding: 4px 0 7px !important;
  }
  #home-recent-winners .winner-current-metric {
    grid-area: current !important; margin: 0 var(--section-pad) !important; padding: 7px 0 2px !important;
    border-top: 1px solid rgba(68, 147, 183, .29) !important;
  }
  #home-recent-winners .winner-metric > span {
    color: #98bad7 !important; font-size: clamp(8px, 2.2vw, 13px) !important; line-height: 1.3 !important;
    letter-spacing: .04em !important; white-space: normal !important; overflow: visible !important;
  }
  #home-recent-winners .winner-call-metric strong,
  #home-recent-winners .winner-ath-metric strong,
  #home-recent-winners .winner-current-metric strong {
    display: block !important; margin: 3px 0 0 !important; overflow: visible !important;
    color: #eff6ff !important; font-size: clamp(14px, 4.05vw, 24px) !important; line-height: 1.2 !important; white-space: nowrap !important;
  }
  #home-recent-winners .winner-metric-change { display: block !important; margin-top: 3px; color: #05e1b0; font: 650 clamp(8px, 2.6vw, 15px)/1.2 var(--font-body); white-space: normal; overflow-wrap: anywhere; }
  #home-recent-winners .winner-metric-change.is-negative { color: #f16886; }
  #home-recent-winners .winner-gain-metric {
    grid-area: gain !important; align-self: start !important; justify-self: stretch !important;
    min-height: 39px !important; min-width: 0 !important; padding: 8px 3px !important;
    margin: 11px 0 0 var(--section-pad) !important; border-radius: 8px !important;
    border: 1px solid rgba(0, 218, 178, .48) !important;
    background: linear-gradient(125deg, rgba(0, 119, 91, .45), rgba(0, 80, 72, .38)) !important;
    box-shadow: inset 0 1px 9px rgba(6, 235, 181, .16), 0 0 13px rgba(0, 218, 164, .08) !important;
  }
  #home-recent-winners .winner-gain-metric > .winner-gain { display: none !important; }
  #home-recent-winners .winner-gain-metric > .winner-gain-mobile {
    display: block !important; margin: 0 !important; color: #42f2c6 !important;
    font: 800 clamp(17px, 5.5vw, 32px)/1.1 var(--font-display) !important;
    letter-spacing: -.03em !important; white-space: nowrap !important;
  }
  #home-recent-winners .winner-gain-metric > .winner-gain-long { font-size: clamp(12px, 3.6vw, 23px) !important; }
  #home-recent-winners .winner-time {
    grid-area: time !important; display: flex !important; flex-direction: column !important;
    align-items: flex-start !important; justify-content: flex-end !important; align-self: stretch !important;
    gap: 4px; padding: 0 0 3px !important; margin: 0 0 0 calc(var(--section-pad) + 7px) !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important; color: #c0cfe0 !important;
    font: 400 clamp(9px, 2.7vw, 16px)/1.3 var(--font-body) !important;
    white-space: normal !important; overflow: visible !important; text-align: left !important;
  }
  #home-recent-winners .winner-time::before { content: "CALL" !important; margin: 0 !important; color: #98bad7 !important; font-size: clamp(8px, 2.2vw, 13px) !important; letter-spacing: 0; }
  #home-recent-winners .home-winners-more-btn { border: 0 !important; box-shadow: none !important; background: rgba(114, 139, 172, .12) !important; }
}

@media (max-width: 1099px) {
  /* Each divider occupies one grid line across both rows. */
  #home-recent-winners .winner-dashboard-row.winner-mobile-card::before,
  #home-recent-winners .winner-dashboard-row.winner-mobile-card::after {
    content: '' !important; display: block !important; position: relative !important;
    grid-row: 1 / 3 !important; justify-self: start !important; align-self: stretch !important;
    inset: auto !important; width: 1px !important; height: auto !important; margin: 5px 0 1px !important;
    border: 0 !important; border-radius: 0 !important; transform: none !important;
    background: rgba(68, 147, 183, .26) !important; box-shadow: none !important;
    opacity: 1 !important; pointer-events: none !important;
  }
  #home-recent-winners .winner-dashboard-row.winner-mobile-card::before { grid-column: 2 !important; }
  #home-recent-winners .winner-dashboard-row.winner-mobile-card::after { grid-column: 3 !important; }
  #home-recent-winners h2::before {
    width: 21px !important; height: 23px !important; flex-basis: 21px !important;
    background-color: transparent !important; filter: brightness(0) saturate(100%) invert(85%) sepia(52%) saturate(857%) hue-rotate(102deg) drop-shadow(0 0 7px rgba(0, 241, 201, .35)) !important;
  }
  #home-recent-winners .winners-view-all-link {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: 8px !important; height: 30px !important;
    border: 1px solid rgba(61, 154, 196, .3) !important;
    background: linear-gradient(120deg, rgba(36, 92, 121, .23), rgba(10, 46, 66, .3)) !important;
    box-shadow: inset 0 1px 6px rgba(105, 190, 229, .08), 0 3px 12px rgba(0, 0, 0, .12) !important;
  }
  #home-recent-winners .winners-view-all-link::after {
    content: '' !important; display: block !important; width: 5px; height: 5px;
    border-right: 1.5px solid #98bddb; border-top: 1.5px solid #98bddb; transform: rotate(45deg);
  }
  #home-recent-winners .winner-avatar { border: 1px solid rgba(130, 183, 206, .22) !important; background: rgba(2, 18, 29, .5) !important; box-shadow: 0 3px 10px rgba(0, 0, 0, .2) !important; }
  #home-recent-winners .winner-migrated { color: #68eed3 !important; border: 1px solid rgba(0, 194, 159, .13) !important; background: rgba(0, 158, 122, .16) !important; }
  #home-recent-winners .winner-medal { border: 1px solid rgba(122, 185, 224, .3) !important; box-shadow: inset 0 1px 6px rgba(155, 211, 255, .1) !important; }
  #home-recent-winners .winner-dashboard-row:first-child .winner-medal { color: #ffdf66 !important; border-color: rgba(219, 175, 43, .45) !important; }
  #home-recent-winners .winner-dashboard-row:nth-child(3) .winner-medal { color: #ffc184 !important; border-color: rgba(216, 143, 68, .45) !important; }
  #home-recent-winners .winner-gain-metric > span { display: none !important; }
  #home-recent-winners .winner-token { gap: clamp(6px, 1.9vw, 14px) !important; padding-top: 21px !important; padding-bottom: 2px !important; }
  #home-recent-winners .winner-name { font-family: var(--font-body) !important; }
  #home-recent-winners .winner-ca { min-height: 0 !important; margin-top: 2px !important; }
  #home-recent-winners .winner-ca .arbital-copy-contract-btn { height: 16px !important; }
  #home-recent-winners .winner-symbol { font-size: clamp(8px, 2.25vw, 14px) !important; }
  #home-recent-winners .winner-chain { height: 16px; width: 16px; }
  #home-recent-winners .winner-avatar::before,
  #home-recent-winners .winner-avatar::after { content: none !important; }
  #home-recent-winners .winner-metric > span { line-height: 1.2 !important; letter-spacing: 0 !important; }
  #home-recent-winners .winner-call-metric strong,
  #home-recent-winners .winner-ath-metric strong,
  #home-recent-winners .winner-current-metric strong { font-family: var(--font-body) !important; font-weight: 750 !important; line-height: 1.1 !important; margin-top: 2px !important; }
  #home-recent-winners .winner-current-metric { padding-top: 5px !important; padding-bottom: 1px !important; }
  #home-recent-winners .winner-gain-metric { box-shadow: inset 0 1px 9px rgba(6, 235, 181, .22), 0 0 13px rgba(0, 218, 164, .08) !important; }
  #home-recent-winners .home-winners-more-btn { border: 1px solid rgba(61, 154, 196, .25) !important; background: rgba(10, 46, 66, .3) !important; }
}
@media (min-width: 500px) and (max-width: 1099px) {
  #home-recent-winners .winner-dashboard-row.winner-mobile-card { grid-template-rows: minmax(95px, auto) minmax(62px, auto) !important; padding-top: 12px !important; padding-bottom: 12px !important; }
  #home-recent-winners .winner-gain-metric { min-height: 52px !important; }
}
@media (max-width: 350px) {
  #home-recent-winners .winner-token { gap: 6px !important; }
  #home-recent-winners .winner-badges { gap: 3px !important; }
  #home-recent-winners .winner-time { margin-left: calc(var(--section-pad) + 2px) !important; }
}
