#kzRace[data-race-complete] { --rd-ink:#f0f3f1; --rd-muted:#a0afab; --rd-line:#ffffff17; --rd-accent:#96ddbd; color:var(--rd-ink); }
#kzRace[data-race-complete] :is(.rd-heading,.rd-phase,.rd-results,.kz-console,.kz-horse,.rd-submit) { letter-spacing:0; }
#kzRace[data-race-complete] .kz-play-layout { grid-template-columns:minmax(0,1fr) 334px; gap:24px; align-items:start; }
#kzRace[data-race-complete] .kz-console { display:flex; flex-direction:column; gap:0; padding:0 0 12px 22px; border:0; border-left:1px solid var(--rd-line); border-radius:0; background:none; box-shadow:none; min-width:0; }
#kzRace[data-race-complete] :is(.kz-console-heading,.kz-console-help,.kz-betlabel,#kzRcHint,.kz-game-facts) { display:none; }
#kzRace[data-race-complete] .kz-game-title .kz-game-kicker { color:var(--rd-muted); }
#kzRace[data-race-complete] #kzRaceState { background:#173c2d; border:1px solid #75cfa92c; color:#afe6c9; padding:7px 12px; font-size:11px; letter-spacing:0; line-height:1.4; white-space:normal; }
#kzRace[data-race-phase="running"] #kzRaceState { color:#f2d081; background:#3a301b; border-color:#edc05c35; }
#kzRace[data-race-phase="finished"] #kzRaceState { color:#c5dbe8; background:#23323a; border-color:#aac9e02a; }
#kzRace[data-race-complete] .rd-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 16px; }
#kzRace[data-race-complete] :is(.rd-heading,.rd-results-heading) h3 { display:flex; align-items:center; gap:9px; margin:0; font-size:15px; font-weight:700; line-height:1.3; }
#kzRace[data-race-complete] :is(.rd-heading,.rd-results-heading) svg { color:var(--rd-accent); flex:none; }
#kzRace[data-race-complete] .rd-round { font-size:11px; font-weight:500; line-height:1.3; color:var(--rd-muted); font-variant-numeric:tabular-nums; }
#kzRace[data-race-complete] .rd-phase { display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--rd-line); padding:0 0 14px; color:var(--rd-muted); font-size:11px; }
#kzRace[data-race-complete] .rd-phase strong { color:var(--rd-ink); font-size:21px; line-height:1; font-variant-numeric:tabular-nums; }
#kzRace[data-race-complete] .rd-field-heading { display:flex; justify-content:space-between; margin:15px 0 10px; font-size:11px; font-weight:600; color:var(--rd-muted); }
#kzRace[data-race-complete] #kzHorses { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; margin:0 0 17px; }
#kzRace[data-race-complete] #kzHorses .kz-horse { position:relative; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; gap:3px; min-height:112px; height:112px; width:100%; min-width:0; padding:9px 10px; overflow:hidden; border:1px solid #ffffff20; border-radius:6px; background:linear-gradient(155deg,color-mix(in srgb,var(--sc) 9%,#202723),#151b1c 80%); box-shadow:inset 0 1px #ffffff05; opacity:1; text-align:left; transition:border-color .15s,background-color .15s,box-shadow .15s; transform:none; }
#kzRace[data-race-complete] #kzHorses .kz-horse::before { content:''; position:absolute; inset:0 auto 0 0; width:2px; background:var(--sc); opacity:.65; }
#kzRace[data-race-complete] #kzHorses .kz-horse::after { display:none; }
#kzRace[data-race-complete] #kzHorses .kz-horse:is(:hover,:focus-visible):not(:disabled) { border-color:var(--sc); background-color:#28332d; transform:none; }
#kzRace[data-race-complete] #kzHorses .kz-horse.is-selected { border-color:var(--sc); box-shadow:0 0 0 1px color-mix(in srgb,var(--sc) 25%,transparent),inset 0 0 26px color-mix(in srgb,var(--sc) 7%,transparent); }
#kzRace[data-race-complete] #kzHorses .kz-horse:disabled:not(.is-mine):not(.is-selected) { opacity:.72; cursor:default; }
#kzRace[data-race-complete] .rd-portrait { position:absolute; top:2px; right:0; width:112px; height:67px; max-width:100%; object-fit:contain; pointer-events:none; filter:drop-shadow(0 5px 3px #0006); }
#kzRace[data-race-complete] .rd-horse-check { position:absolute; top:7px; right:7px; display:none; align-items:center; justify-content:center; width:19px; height:19px; border-radius:50%; color:#07160d; background:var(--sc); z-index:1; }
#kzRace[data-race-complete] :is(.is-selected,.is-mine) .rd-horse-check { display:flex; }
#kzRace[data-race-complete] .rd-horse-check svg { width:13px; height:13px; }
#kzRace[data-race-complete] :is(.kz-horse__l,.kz-horse__r,.kz-horse__txt) { display:block; min-width:0; width:auto; position:relative; margin:0; padding:0; }
#kzRace[data-race-complete] .kz-horse__silk { position:absolute; left:0; top:-53px; display:grid; place-items:center; min-width:20px; width:20px; height:20px; border-radius:4px; box-shadow:none; background:#101816cc; color:var(--sc); font-size:11px; font-style:normal; border:1px solid color-mix(in srgb,var(--sc) 35%,transparent); }
#kzRace[data-race-complete] .kz-horse__name { display:block; min-height:0; font-size:12px; line-height:16px; white-space:normal; color:var(--rd-ink); font-weight:650; }
#kzRace[data-race-complete] .kz-horse__odds { color:var(--sc); font-size:12px; font-weight:700; line-height:15px; font-variant-numeric:tabular-nums; }
#kzRace[data-race-complete] :is(.kz-horse__pay,.kz-horse__mine) { display:none; }
#kzRace[data-race-complete] .kz-betrow { display:flex; flex-direction:column; align-items:stretch; gap:9px; margin:0; padding:0; border:0; background:none; width:100%; }
#kzRace[data-race-complete] .rd-stake-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:11px; color:var(--rd-muted); }
#kzRace[data-race-complete] .rd-stake-heading label { font-size:12px; font-weight:600; color:var(--rd-ink); }
#kzRace[data-race-complete] .rd-stake-heading > span { font-size:10px; }
#kzRace[data-race-complete] .rd-stepper { display:flex; height:42px; border:1px solid #ffffff26; background:#0b1111; border-radius:5px; overflow:hidden; align-items:center; }
#kzRace[data-race-complete] .rd-step { display:grid; place-items:center; flex:0 0 36px; height:100%; padding:0; border:0; border-radius:0; color:#b5c7bd; background:#ffffff05; }
#kzRace[data-race-complete] .rd-step:hover:not(:disabled) { background:#ffffff12; }
#kzRace[data-race-complete] #kzRcBet { min-width:0; width:100%; height:100%; flex:1; padding:0 10px; margin:0; border:0; border-radius:0; font-size:17px; font-weight:650; color:var(--rd-ink); background:none; box-shadow:none; appearance:textfield; }
#kzRace[data-race-complete] #kzRcBet::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
#kzRace[data-race-complete] .rd-unit { padding:0 10px 0 0; color:var(--rd-muted); font-size:10px; }
#kzRace[data-race-complete] .kz-chips { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; width:100%; }
#kzRace[data-race-complete] .kz-chip { margin:0; padding:6px; min-width:0; min-height:28px; height:30px; border:1px solid var(--rd-line); background:#ffffff04; border-radius:4px; color:#becbc4; font-size:11px; line-height:16px; }
#kzRace[data-race-complete] .kz-chip:hover:not(:disabled) { background:#ffffff0d; border-color:#ffffff38; }
#kzRace[data-race-complete] .rd-summary { padding:13px 0 12px; margin:0; }
#kzRace[data-race-complete] :is(.rd-selection-row,.rd-return) { display:flex; justify-content:space-between; align-items:baseline; gap:8px; font-size:11px; line-height:1.5; }
#kzRace[data-race-complete] .rd-selection-row { margin-bottom:4px; }
#kzRace[data-race-complete] .rd-selection { font-size:12px; font-weight:650; }
#kzRace[data-race-complete] .rd-selected-odds { color:var(--rd-accent); font-weight:650; }
#kzRace[data-race-complete] .rd-return { color:var(--rd-muted); }
#kzRace[data-race-complete] .rd-return strong { font-size:16px; color:var(--rd-ink); white-space:nowrap; font-variant-numeric:tabular-nums; }
#kzRace[data-race-complete] .rd-gross { display:block; text-align:right; color:var(--rd-muted); font-size:10px; line-height:1.4; }
#kzRace[data-race-complete] .rd-submit { display:flex; justify-content:center; align-items:center; gap:10px; width:100%; min-height:43px; padding:10px 12px; border:1px solid #a8ddbe; border-radius:5px; color:#10271c; background:#a7ddbd; font-size:13px; font-weight:750; box-shadow:0 3px 10px #0003; transition:background-color .15s; }
#kzRace[data-race-complete] .rd-submit:hover:not(:disabled) { background:#bce9ce; }
#kzRace[data-race-complete] .rd-submit:disabled { background:#26342d; border-color:#ffffff14; color:#a5b7ab; box-shadow:none; cursor:default; }
#kzRace[data-race-complete] .rd-submit-icon { display:flex; }
#kzRace[data-race-complete] .rd-submit[aria-busy="true"] svg { animation:rd-spin 1s linear infinite; }
#kzRace[data-race-complete] .rd-status { min-height:14px; margin:7px 0 6px; color:var(--rd-muted); font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
#kzRace[data-race-complete] .rd-status.is-error { color:#efa29f; }
#kzRace[data-race-complete] .rd-status.is-success { color:var(--rd-accent); }
#kzRace[data-race-complete] .rd-bets { width:100%; padding:12px 0; border-top:1px solid var(--rd-line); }
#kzRace[data-race-complete] .rd-bets-heading { display:flex; justify-content:space-between; align-items:center; font-size:11px; color:var(--rd-muted); }
#kzRace[data-race-complete] .rd-bets h4 { margin:0; color:var(--rd-ink); font-size:12px; }
#kzRace[data-race-complete] .rd-bets ul { margin:9px 0; padding:0; list-style:none; }
#kzRace[data-race-complete] .rd-bets li { display:flex; justify-content:space-between; gap:8px; font-size:11px; margin:7px 0; }
#kzRace[data-race-complete] .rd-bets li > span { display:flex; align-items:center; gap:5px; }
#kzRace[data-race-complete] .rd-bets svg { width:13px; height:13px; color:var(--rd-accent); flex:none; }
#kzRace[data-race-complete] .rd-bets strong { white-space:nowrap; font-weight:600; }
#kzRace[data-race-complete] .rd-bets-total { display:flex; justify-content:space-between; gap:8px; color:var(--rd-muted); font-size:10px; }
#kzRace[data-race-complete] .kz-preferences { border-top:1px solid var(--rd-line); padding-top:10px; margin:0; width:100%; }
#kzRace[data-race-complete] .kz-preferences > p { display:none; }
#kzRace[data-race-complete] .rd-results { margin:20px 0 0; padding:16px 0; border-top:1px solid var(--rd-line); border-bottom:1px solid var(--rd-line); background:none; }
#kzRace[data-race-complete] .rd-results-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
#kzRace[data-race-complete] .rd-result-list { display:grid; grid-template-columns:1.45fr 1fr 1fr; gap:12px 20px; padding:0; margin:0; list-style:none; }
#kzRace[data-race-complete] .rd-result-list li { display:flex; gap:9px; align-items:center; min-width:0; }
#kzRace[data-race-complete] .rd-rank { color:var(--silk); font-size:15px; font-weight:650; font-variant-numeric:tabular-nums; border-left:2px solid var(--silk); padding-left:9px; }
#kzRace[data-race-complete] .rd-result-name { font-size:12px; color:#c7d1cb; overflow-wrap:anywhere; }
#kzRace[data-race-complete] .is-winner .rd-result-name { color:var(--rd-ink); font-weight:700; }
#kzRace[data-race-complete] .rd-result-name small { display:block; color:var(--rd-muted); font-weight:500; font-size:10px; line-height:1.4; }
#kzRace[data-race-complete] .rd-no-result { grid-column:1/-1; color:var(--rd-muted); font-size:12px; padding-bottom:4px; }
#kzRace[data-race-complete] #kzFinish { display:none; }
#kzRace[data-race-complete] .kz-recent { margin-top:16px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
#kzRace[data-race-complete] :is(.rd-step,.rd-submit,.kz-horse,.kz-chip):focus-visible { outline:2px solid #e3f6ea; outline-offset:3px; }
#kzRace[data-race-complete] .rd-stepper:focus-within { outline:2px solid #bfe4cd; outline-offset:2px; }
#kzRace[data-race-complete] [hidden] { display:none!important; }
@keyframes rd-spin { to { transform:rotate(360deg); } }
@media (max-width:1000px) {
  #kzRace[data-race-complete] .kz-play-layout { grid-template-columns:minmax(0,1fr); gap:18px; }
  #kzRace[data-race-complete] .kz-console { padding:18px 0 0; border-left:0; border-top:1px solid var(--rd-line); display:grid; grid-template-columns:1fr 1fr; gap:0 22px; }
  #kzRace[data-race-complete] :is(.rd-heading,.rd-phase,.rd-field-heading,.kz-preferences,.rd-bets) { grid-column:1/-1; }
  #kzRace[data-race-complete] #kzHorses { grid-column:1; grid-row:4/9; margin:0; }
  #kzRace[data-race-complete] .kz-betrow { grid-column:2; }
  #kzRace[data-race-complete] :is(.rd-summary,.rd-submit,.rd-status) { grid-column:2; align-self:start; }
  #kzRace[data-race-complete] .kz-preferences { margin-top:12px; }
  #kzRace[data-race-complete] .rd-results { margin-top:0; }
}
@media (max-width:600px) {
  #kzRace[data-race-complete] .rc-state { display:none; }
  #kzRace[data-race-complete] .rc-camera-controls { margin-left:auto; }
  #kzRace[data-race-complete] .kz-console { display:flex; gap:0; }
  #kzRace[data-race-complete] :is(.rd-summary,.rd-submit,.rd-status) { align-self:stretch; width:100%; }
  #kzRace[data-race-complete] #kzHorses { margin-bottom:17px; }
  #kzRace[data-race-complete] #kzHorses .kz-horse { height:108px; min-height:108px; }
  #kzRace[data-race-complete] .rd-result-list { grid-template-columns:1fr 1fr; gap:14px 10px; }
  #kzRace[data-race-complete] .rd-heading { margin-bottom:14px; }
  #kzRace[data-race-complete] .kz-chip { min-height:36px; }
  #kzRace[data-race-complete] .rd-stepper { height:44px; }
  #kzRace[data-race-complete] .rd-step { flex-basis:44px; }
}
@media (prefers-reduced-motion:reduce) {
  #kzRace[data-race-complete] .rd-submit[aria-busy="true"] svg { animation:none; }
}
