@layer components {
  [data-prediction-center="today"] [data-prediction-list] { gap: 12px; }
  .home-match-card { display: flex; flex-direction: column; gap: 12px; padding: 16px; border: 1px solid #dfe6ee; border-radius: 16px; background: linear-gradient(145deg, #f4f8ff, #fff 60%); color: #0f1f3d; text-decoration: none; box-shadow: 0 4px 14px rgb(15 31 61 / 4%); transition: border-color .2s, box-shadow .2s; }
  .home-match-card:hover { border-color: #23416b; box-shadow: 0 8px 24px rgb(15 31 61 / 10%); }
  .home-match-card:focus-visible { outline: 2px solid #23416b; outline-offset: 3px; }
  .home-match-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
  .home-match-league { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: #475569; }
  .home-match-league img { width: 24px; height: 24px; object-fit: contain; }
  .home-match-league img[src$="/champions-league.png"] { background: #14264a; border-radius: 4px; padding: 2px; }
  .home-match-time { padding: 6px 9px; border-radius: 8px; background: #e8effb; color: #23416b; font-size: 12px; font-weight: 800; white-space: nowrap; }
  .home-match-title { font-size: 16px; font-weight: 800; line-height: 1.4; }
  .home-match-pick { padding: 10px 12px; background: #ecfdf5; border: 1px solid #d1fae5; border-radius: 10px; }
  .home-match-pick-label { display: block; margin-bottom: 4px; color: #15803d; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
  .home-match-pick-value { color: #0f1f3d; font-weight: 700; font-size: 13px; }
  .home-match-action { margin-top: auto; padding-top: 10px; border-top: 1px solid #e2e8f0; color: #23416b; font-size: 12px; font-weight: 800; }
  .home-match-card > .text-sm { font-size: 12px; line-height: 1.5; }
  .home-match-card > .text-sm img { width: 28px; height: 28px; }
}