/* Shared pregame stage and NBA directory cards. The mark is the C9 umbrella. */
#pre-tip.pregame-screen,body.mini #pre-tip.pregame-screen{
  position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:0;width:100%;height:100%;
  max-width:none;min-width:0;padding:24px;transform:none;border:0;border-radius:0;
  background:#101114;box-shadow:none;text-align:center;pointer-events:none;
  opacity:1;visibility:visible;transition:opacity .65s ease,visibility 0s;
}
#pre-tip.pregame-screen.is-ready,body.mini #pre-tip.pregame-screen.is-ready{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility 0s .65s}
.pregame-mark{width:clamp(110px,17vw,218px);line-height:0;margin:0 0 32px}
.pregame-umbrella{display:block;width:100%;height:auto;overflow:visible}
.umbrella-chrome{opacity:.085;filter:grayscale(1)}
.umbrella-sheen{animation:umbrella-edge-light 4.8s ease-in-out infinite}
@keyframes umbrella-edge-light{0%,10%{transform:translateX(0)}80%,100%{transform:translateX(1144px)}}
#pre-tip.pregame-screen .pregame-label{font-size:10px;font-weight:450;letter-spacing:2.6px;color:#8e9097}
#pre-tip.pregame-screen #countdown{font-size:clamp(23px,3.2vw,42px);line-height:1.25;font-weight:400;letter-spacing:2px;color:#dedee2;margin:13px 0 0;font-variant-numeric:tabular-nums}
#pre-tip.pregame-screen #countdown:empty{display:none}
#pre-tip.pregame-screen p{font-size:12px;line-height:1.5;color:#666970;margin:13px 0 0;letter-spacing:0}
.game[data-state="pre"] .preview{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101114}
.game[data-state="pre"] .pregame-mark{width:132px;margin:0 0 24px}
.game[data-state="pre"] .preview>p{position:static;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8e9097;margin:0}
.game[data-state="pre"] .tip-countdown{font-size:24px;line-height:1.3;color:#dedee2;font-weight:400;letter-spacing:1.5px;font-variant-numeric:tabular-nums;margin-top:10px}
@media(max-width:800px){.pregame-mark{width:124px;margin-bottom:24px}#pre-tip.pregame-screen{padding:20px}#pre-tip.pregame-screen .pregame-label{font-size:9px;letter-spacing:2px}#pre-tip.pregame-screen p{font-size:10px}#pre-tip.pregame-screen #countdown{font-size:27px}.game[data-state="pre"] .pregame-mark{width:120px}}
@media(prefers-reduced-motion:reduce){.umbrella-sheen{animation:none;transform:translateX(572px)}#pre-tip.pregame-screen,#pre-tip.pregame-screen.is-ready,body.mini #pre-tip.pregame-screen.is-ready{transition:none}}
