/* Release 407: Live games as small cards in the Preline "Report KPI Cards with Icons" layout (p-5, border, shadow-xs,
   rounded-xl; value above label; one pill beside the value; overlapping marks top right; a two-column list with "Label:" and an
   icon beside each value; a muted footer line). A click opens the game's full card under it. */
html:not(#t407a):not(#t407b):not(#t407c):not(#t407d):not(#t407e) body.lv-page .lv-group > [role="list"] { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: row dense; gap: 20px; padding: 18px 18px 20px; align-items: start; }
@media (max-width: 1100px) { html:not(#t407a):not(#t407b):not(#t407c):not(#t407d):not(#t407e) body.lv-page .lv-group > [role="list"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 820px) { html:not(#t407a):not(#t407b):not(#t407c):not(#t407d):not(#t407e) body.lv-page .lv-group > [role="list"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px 8px 14px; } }
html:not(#t407a):not(#t407b):not(#t407c):not(#t407d):not(#t407e) body.lv-page .lv-group > [role="list"] > .lv8[hidden] { display: none !important; }
.lvk { min-width: 0; }
.lvk-btn { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 20px; border: 1px solid #E5E7EB; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); color: #1F2937; text-align: left; font: inherit; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.lvk-btn:hover { border-color: #C7C9F5; box-shadow: 0 4px 14px rgba(20, 20, 43, .08); }
.lvk-btn:focus-visible { outline: 2px solid var(--b-primary-600, #4647E5); outline-offset: 2px; }
.lvk.is-shown .lvk-btn { border-color: var(--b-primary-600, #4647E5); box-shadow: 0 0 0 1px var(--b-primary-600, #4647E5); }
.lvk-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.lvk-head { display: flex; flex-direction: column; min-width: 0; }
.lvk-val { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; color: #1F2937; font: 600 24px/1.25 var(--b-font, Nunito, system-ui, sans-serif); font-variant-numeric: tabular-nums; }
.lvk-dash { margin: 0 2px; color: #9CA3AF; font-weight: 500; }
.lvk-pill { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; background: #F3F4F6; color: #4B5563; font: 600 12.5px/1.4 var(--b-font, Nunito, system-ui, sans-serif); white-space: nowrap; }
.lvk-pill.is-live { background: #FEE2E2; color: #B42318; }
.lvk-pill .lv8-dot { width: 7px; height: 7px; border-radius: 50%; background: #DC2626; }
.lvk-label { margin-top: 2px; overflow: hidden; color: #6B7280; font: 400 15px/1.4 var(--b-font, Nunito, system-ui, sans-serif); text-overflow: ellipsis; white-space: nowrap; }
.lvk-jerseys { display: flex; flex: none; }
.lvk-jerseys .lvk-j { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #F6F7FB; box-shadow: 0 0 0 2px #fff; }
.lvk-jerseys .lvk-j + .lvk-j { margin-left: -12px; }
.lvk-jerseys .lv-kit { width: 22px !important; height: 26px !important; }
.lvk-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 8px; margin-top: 24px; }
.lvk-item { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lvk-k { color: #6B7280; font: 400 14px/1.3 var(--b-font, Nunito, system-ui, sans-serif); }
.lvk-v { display: flex; align-items: center; gap: 6px; color: #1F2937; font: 600 15px/1.3 var(--b-font, Nunito, system-ui, sans-serif); white-space: nowrap; }
.lvk-v .lvk-j { display: inline-flex; }
.lvk-v .lv-kit { width: 17px !important; height: 20px !important; }
.lvk-none { color: #9CA3AF; }
.lvk-foot { margin-top: 20px; color: #6B7280; font: 400 14px/1.4 var(--b-font, Nunito, system-ui, sans-serif); }
.lvk-foot .lv-tag { padding: 3px 10px !important; font-size: 13px !important; }
@media (max-width: 820px) {
  .lvk-btn { padding: 14px; }
  .lvk-val { font-size: 20px; }
  .lvk-label { font-size: 13.5px; }
  .lvk-jerseys { display: none; }
  .lvk-list { grid-template-columns: 1fr; gap: 10px; margin-top: 14px; }
  .lvk-k, .lvk-foot { font-size: 12.5px; }
  .lvk-v { font-size: 14px; }
  .lvk-foot { margin-top: 12px; }
  .lvk-foot .lv-tag { padding: 2px 8px !important; font-size: 11.5px !important; }
  html:not(#t407a):not(#t407b):not(#t407c):not(#t407d):not(#t407e) body.lv-page .lv8 .lv8-score .lv-name { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
}