/* "Up next in sports" tile (cross-sell to games players). Calm, one card, no motion. */
[data-sports-crosssell] { width: 100%; max-width: 760px; margin: 1.5rem auto; padding: 0 1rem; box-sizing: border-box; }
[data-sports-crosssell][hidden] { display: none; }
.sx-card { background: var(--bg-card, #15161c); border: 1px solid var(--border-subtle, #262a33); border-radius: 14px; padding: .9rem 1rem .6rem; color: #eef2f7; text-align: left; }
.sx-title { margin: 0 0 .5rem; font-size: .95rem; font-weight: 800; letter-spacing: -.01em; color: #eef2f7; }
.sx-list { list-style: none; margin: 0; padding: 0; }
.sx-item + .sx-item { border-top: 1px solid var(--border-subtle, #262a33); }
.sx-row { display: flex; flex-direction: column; gap: .15rem; min-height: 44px; padding: .6rem .25rem; color: inherit; text-decoration: none; overflow-wrap: anywhere; }
.sx-row:focus-visible, .sx-all:focus-visible { outline: 2px solid #f7931a; outline-offset: 2px; }
@media (hover: hover) { .sx-row:hover .sx-match { text-decoration: underline; } }
.sx-match { font-weight: 700; font-size: .95rem; line-height: 1.25; }
.sx-when { font-size: .78rem; color: #a7b0bf; }
.sx-price { font-family: var(--font-mono, ui-monospace, monospace); font-size: .8rem; color: #f7931a; }
.sx-all { display: inline-flex; align-items: center; min-height: 44px; padding: 0 .25rem; font-size: .85rem; font-weight: 700; color: var(--color-btc-orange, #f7931a); text-decoration: none; }
.sx-all:hover { text-decoration: underline; }