.lidom-home { --lidom-red: #c82032; --lidom-ink: #0a203b; --lidom-muted: #687586; display: block; position: relative; overflow: hidden; margin: 0 0 30px; padding: 0 20px 12px; border: 1px solid #dce2e8; border-top: 5px solid var(--lidom-red); border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(10,32,59,.08); }
.lidom-home-head { display: grid; grid-template-columns: 76px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid #e7ebef; }
.lidom-home-brand { display: grid; width: 76px; height: 66px; place-items: center; border-right: 1px solid #e7ebef; }
.lidom-home-brand img { display: block; width: 64px; height: 54px; max-width: 64px; object-fit: contain; }
.lidom-home-title { min-width: 0; }
.lidom-home-kicker { color: var(--lidom-red); font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.lidom-home-title h2 { margin: 3px 0 2px; color: var(--lidom-ink); font-family: 'Outfit',sans-serif; font-size: 23px; font-weight: 900; line-height: 1.12; }
.lidom-home-title p { margin: 0; color: var(--lidom-muted); font-size: 11px; text-transform: capitalize; }
.lidom-home-title p span { padding: 0 4px; color: #c4cbd2; }
.lidom-home-actions { display: flex; align-items: center; gap: 7px; }
.lidom-home-actions a { padding: 8px 10px; border: 1px solid #dce2e8; border-radius: 4px; color: var(--lidom-ink) !important; font-size: 10px; font-weight: 800; text-decoration: none !important; white-space: nowrap; }
.lidom-home-actions a:first-child { border-color: var(--lidom-ink); background: var(--lidom-ink); color: #fff !important; }
.lidom-home-day-heading { grid-column: 1/-1; margin: 10px 0 -4px; color: var(--lidom-ink); font-size: 12px; font-weight: 900; }
.lidom-home-day-heading.is-past { margin-top: 8px; padding-top: 14px; border-top: 1px solid #e7ebef; }
.lidom-home-day-heading span { margin-left: 5px; color: var(--lidom-muted); font-size: 10px; font-weight: 600; }
.lidom-home-games { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 14px 0 8px; }
.lidom-game-card { display: block; min-width: 0; padding: 12px 11px 9px; border: 1px solid #e2e7ec; border-radius: 6px; background: linear-gradient(155deg,#fff 0%,#f8fafc 100%); color: var(--lidom-ink) !important; text-decoration: none !important; }
.lidom-game-card:hover { border-color: var(--lidom-red); }
.lidom-game-card:focus-visible { outline: 2px solid var(--lidom-red); outline-offset: 3px; }
.lidom-game-card.is-live { border-color: #e7b6bb; box-shadow: inset 0 3px 0 var(--lidom-red); }
.lidom-game-meta { display: flex; min-height: 20px; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 7px; }
.lidom-game-status { color: #596779; font-size: 9px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.lidom-game-status.is-live { display: inline-flex; align-items: center; gap: 6px; color: var(--lidom-red); }
.lidom-game-status.is-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--lidom-red); box-shadow: 0 0 0 3px rgba(200,32,50,.12); }
.lidom-inning { color: var(--lidom-red); font-size: 9px; font-weight: 900; }
.lidom-game-meta time { color: var(--lidom-ink); font-size: 10px; font-weight: 900; }
.lidom-game-meta time small { color: var(--lidom-muted); font-size: 8px; }
.lidom-game-team { display: grid !important; grid-template-columns: 34px minmax(0,1fr) 24px; min-height: 43px; align-items: center; gap: 8px; padding: 4px 2px; border: 0; color: var(--lidom-ink) !important; text-decoration: none !important; }
.lidom-game-team + .lidom-game-team { border-top: 1px solid #edf0f3; }
.lidom-game-team img,.lidom-team-mark { display: grid; width: 32px !important; height: 32px !important; max-width: 32px !important; place-items: center; border-radius: 50%; object-fit: contain; }
.lidom-team-mark { border: 1px solid #dce2e8; background: #f1f4f6; color: var(--lidom-ink); font-size: 8px; font-weight: 900; }
.lidom-team-name { display: block; min-width: 0; overflow: hidden; color: #2e3946; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.lidom-game-team.is-winner .lidom-team-name { color: #087a4b; }
.lidom-team-score { display: block; color: var(--lidom-ink); font-family: 'Outfit',sans-serif; font-size: 19px; font-weight: 900; text-align: right; }
.lidom-game-team.is-winner .lidom-team-score { color: #087a4b; }
.lidom-game-footer { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 29px; margin-top: 5px; padding-top: 7px; border-top: 1px solid #e9edf0; }
.lidom-game-footer span { min-width: 0; overflow: hidden; color: var(--lidom-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.lidom-game-footer .lidom-game-link { flex: 0 0 auto; color: var(--lidom-red) !important; font-size: 9px; font-weight: 900; text-decoration: none !important; white-space: nowrap; }
.lidom-home-bottom { display: flex; justify-content: space-between; gap: 8px; padding: 8px 0 0; border-top: 1px solid #edf0f3; color: #788392; font-size: 9px; }
.lidom-home-bottom a { color: var(--lidom-ink) !important; font-weight: 900; text-decoration: none !important; }
.lidom-home-empty { display: flex; align-items: center; gap: 12px; padding: 18px 0; }
.lidom-empty-mark { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 50%; background: #f3f5f7; color: var(--lidom-ink); }
.lidom-home-empty div { min-width: 0; flex: 1; }
.lidom-home-empty strong { display: block; color: var(--lidom-ink); font-size: 12px; }
.lidom-home-empty p { margin: 2px 0 0; color: var(--lidom-muted); font-size: 10px; }
.lidom-home-empty > a { flex: 0 0 auto; color: var(--lidom-red) !important; font-size: 10px; font-weight: 900; text-decoration: none !important; }
.lidom-home-notice { margin: 12px 0; padding: 9px 11px; border-left: 3px solid #d69b25; background: #fff8e8; color: #674e1b; font-size: 11px; }
@media (max-width: 1199px) { .lidom-home-games { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 700px) { .lidom-home { padding-right: 13px; padding-left: 13px; } .lidom-home-head { grid-template-columns: 54px minmax(0,1fr); gap: 10px; } .lidom-home-brand { width: 54px; height: 56px; } .lidom-home-brand img { width: 48px; height: 44px; } .lidom-home-title h2 { font-size: 20px; } .lidom-home-actions { grid-column: 1/-1; justify-content: flex-start; padding-left: 64px; } .lidom-home-games { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; } }
@media (max-width: 430px) { .lidom-home-games { grid-template-columns: minmax(0,1fr); } .lidom-game-card { padding: 10px 12px 8px; } .lidom-game-team { min-height: 40px; } }