/* VTRSIM v0.15.9 — Lobby UX
   Clarifies lobby opening vs session start and fixes inline Race Join styling on races.html. */

body[data-page="races"] .vtr-lobby-window-v159,
body[data-page="race"] .vtr-lobby-window-v159 {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:2px 12px;
  box-sizing:border-box;
  width:100%;
  margin:10px 0 12px;
  padding:10px 12px;
  border:1px solid #c8dcea;
  border-radius:11px;
  background:#f3f8fc;
  color:#102f45;
}
body[data-page="races"] .vtr-lobby-window-v159 .vtr-lobby-label-v159,
body[data-page="race"] .vtr-lobby-window-v159 .vtr-lobby-label-v159 {
  font-size:10px;
  font-weight:950;
  letter-spacing:.07em;
  line-height:1.25;
}
body[data-page="races"] .vtr-lobby-window-v159 .vtr-lobby-count-v159,
body[data-page="race"] .vtr-lobby-window-v159 .vtr-lobby-count-v159 {
  font-size:16px;
  font-weight:950;
  line-height:1.15;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
body[data-page="races"] .vtr-lobby-window-v159 .vtr-lobby-detail-v159,
body[data-page="race"] .vtr-lobby-window-v159 .vtr-lobby-detail-v159 {
  grid-column:1 / -1;
  margin-top:3px;
  color:#47647a;
  font-size:11px;
  font-weight:700;
  line-height:1.3;
}
body[data-page="races"] .vtr-lobby-window-v159.waiting,
body[data-page="race"] .vtr-lobby-window-v159.waiting {border-color:#b9d4e8;background:#f4f9fd;}
body[data-page="races"] .vtr-lobby-window-v159.open,
body[data-page="race"] .vtr-lobby-window-v159.open {border-color:#5ac697;background:#ecfbf4;color:#075f42;box-shadow:0 0 0 2px rgba(55,179,124,.08) inset;}
body[data-page="races"] .vtr-lobby-window-v159.session,
body[data-page="race"] .vtr-lobby-window-v159.session {border-color:#76a9e9;background:#edf5ff;color:#0757a2;}
body[data-page="races"] .vtr-lobby-window-v159.ended,
body[data-page="race"] .vtr-lobby-window-v159.ended {border-color:#d8dfe4;background:#f5f6f7;color:#65727b;}

/* Compact version used in featured strip / race command panel. */
.vtr-lobby-window-v159.compact {margin:0;padding:8px 10px;grid-template-columns:1fr;gap:3px;text-align:center;}
.vtr-lobby-window-v159.compact .vtr-lobby-count-v159 {font-size:18px;text-align:center;}
.vtr-lobby-window-v159.compact .vtr-lobby-detail-v159 {grid-column:auto;text-align:center;}
.premium-next-countdown.vtr-featured-lobby-v159 {min-width:210px;}
.premium-next-countdown.vtr-featured-lobby-v159 .vtr-lobby-window-v159 {height:100%;}
.command-countdown-v7.vtr-command-lobby-v159 {padding:0;background:transparent;border:0;}
.command-countdown-v7.vtr-command-lobby-v159 .vtr-lobby-window-v159 {margin:0;}

/* Make the two times explicit on the race detail page. */
body[data-page="race"] .race-facts-v7.vtr-race-facts-v159 {grid-template-columns:repeat(5,minmax(0,1fr));}
body[data-page="race"] .race-facts-v7.vtr-race-facts-v159 .vtr-fact-lobby-v159 {background:#effaf5;}
body[data-page="race"] .race-facts-v7.vtr-race-facts-v159 .vtr-fact-lobby-v159 span {color:#137653;}

/* FIX: the old V1.1 fallback selectors expected .race-cta-v116, but current cards
   render the access box directly inside .premium-calendar-actions. */
body[data-page="races"] .premium-calendar-actions .vtr-inline-access-v1 {
  display:block;
  align-self:stretch;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  padding:11px 10px;
  border:1px solid #cfe1ed;
  border-radius:12px;
  background:#eef6fb;
  color:#12334b;
  text-align:center;
  overflow:hidden;
}
body[data-page="races"] .premium-calendar-actions .vtr-inline-pin-v1 {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  width:100%;
  min-width:0;
  text-align:center;
}
body[data-page="races"] .premium-calendar-actions .vtr-inline-pin-v1 > span {
  display:block;
  margin:0;
  color:#107650;
  font-size:11px;
  font-weight:950;
  letter-spacing:.035em;
  line-height:1.35;
  overflow-wrap:anywhere;
}
body[data-page="races"] .premium-calendar-actions .vtr-inline-pin-v1 > strong {
  display:block;
  box-sizing:border-box;
  width:100%;
  padding:8px 5px;
  margin:0;
  color:#092e47;
  background:#fff;
  border:1px solid #d2e5f0;
  border-radius:9px;
  font-family:inherit;
  font-size:29px;
  font-weight:950;
  letter-spacing:.14em;
  font-variant-numeric:tabular-nums;
  line-height:1.2;
}
body[data-page="races"] .premium-calendar-actions .vtr-inline-pin-v1 > button {
  appearance:none;
  -webkit-appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:42px;
  margin:0;
  padding:9px 8px;
  border-radius:9px;
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  line-height:1.3;
  cursor:pointer;
}
body[data-page="races"] .premium-calendar-actions button.vtr-copy-direct-v1 {background:#fff;color:#075a95;border:1px solid #2388ce;}
body[data-page="races"] .premium-calendar-actions button.vtr-join-direct-v1 {background:#e56c12;color:#fff;border:1px solid #bd5008;box-shadow:0 5px 12px rgba(191,80,8,.18);}
body[data-page="races"] .premium-calendar-actions .vtr-inline-access-note-v1 {display:block;color:#385872;font-size:12px;font-weight:800;line-height:1.4;overflow-wrap:anywhere;}

@media(max-width:1100px){
  body[data-page="race"] .race-facts-v7.vtr-race-facts-v159 {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  body[data-page="races"] .vtr-lobby-window-v159,
  body[data-page="race"] .vtr-lobby-window-v159 {grid-template-columns:1fr;gap:4px;}
  body[data-page="races"] .vtr-lobby-window-v159 .vtr-lobby-count-v159,
  body[data-page="race"] .vtr-lobby-window-v159 .vtr-lobby-count-v159 {text-align:left;}
  body[data-page="races"] .vtr-lobby-window-v159 .vtr-lobby-detail-v159,
  body[data-page="race"] .vtr-lobby-window-v159 .vtr-lobby-detail-v159 {grid-column:auto;}
  body[data-page="race"] .race-facts-v7.vtr-race-facts-v159 {grid-template-columns:1fr 1fr;}
}