.follow-dialog [hidden] { display: none !important; }
.follow-dialog { width: min(1040px, calc(100vw - 64px)); }
.follow-dialog button:focus-visible, .follow-dialog a:focus-visible, .follow-dialog summary:focus-visible { outline: 3px solid #2877ee; outline-offset: 3px; }
.follow-dialog-bar { padding: 8px 24px; }
.follow-dialog-bar > span { min-width: 0; letter-spacing: .9px; font-size: 11px; }
#follow-bar-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.follow-bar-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
#follow-refresh { border: 0; background: none; font-size: 11px; color: #3d6d82; min-height: 40px; }
.follow-scoreboard { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 26px; background: #112e43; color: #fff; }
.follow-score-heading strong { display: block; font-size: 13px; font-weight: 650; }
.follow-score-heading small { display: block; margin-top: 4px; color: #bdd4df; font-size: 10px; }
.follow-podium { display: flex; gap: 17px; flex-shrink: 0; }
.follow-medal { display: flex; align-items: center; gap: 8px; }
.follow-medal > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #f4cc78; color: #513816; border: 3px double #ad813c; font-size: 11px; font-weight: 750; box-shadow: 0 2px 6px #0002; }
.follow-medal:nth-child(2) > span { background: #d7e0e8; border-color: #8e9eac; color: #354754; }
.follow-medal:nth-child(3) > span { background: #dfb091; border-color: #a77658; color: #503525; }
.follow-medal strong { font-size: 24px; font-variant-numeric: tabular-nums; }
.follow-tabs { display: flex; flex-shrink: 0; gap: 8px; padding: 8px 24px; border-bottom: 1px solid #dfE8ef; background: #fff; }
.follow-tabs button { display: flex; align-items: center; justify-content: center; gap: 9px; flex: 1; min-height: 42px; border: 0; background: transparent; color: #667e90; font-size: 12px; font-weight: 650; border-radius: 9px; }
.follow-tabs button[aria-pressed=true] { color: #1269d0; background: #edf5ff; }
.tab-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #1fa295; }
.follow-hero { padding: 26px 30px; }.follow-avatar { width: 56px; height: 56px; font-size: 27px; border-radius: 17px; }.follow-heading h2 { font-size: 28px; margin: 5px 0; }.follow-live { top: 10px; font-size: 8px; }
.follow-body { padding-top: 0; }#follow-description { padding: 15px 0; }
.follow-new-updates { align-self: center; position: absolute; top: 174px; z-index: 3; color: #fff; background: #176ce0; border: 1px solid #ffffff88; box-shadow: 0 5px 20px #174f8d40; font-size: 12px; border-radius: 25px; padding: 11px 20px; }
.follow-stream-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 15px; margin: 7px 0 17px; }
.follow-stream-heading h3 { font-size: 23px; letter-spacing: -.6px; }.follow-stream-heading p { color: #6b8295; font-size: 11px; text-align: right; }
.follow-stream-list { position: relative; display: grid; gap: 13px; padding-left: 20px; }
.follow-stream-list::before { content: ''; position: absolute; left: 4px; top: 20px; bottom: 25px; width: 1px; background: #cbdfe8; }
.follow-update { position: relative; padding: 19px 22px; border: 1px solid #dde8ef; border-radius: 15px; background: white; }
.follow-update::before { content: ''; position: absolute; left: -21px; top: 24px; width: 9px; height: 9px; border-radius: 50%; border: 3px solid #f5f8fb; background: #80a7b8; }
.follow-update:first-child { border-color: #acdcdd; box-shadow: 0 4px 20px #05776c08; }.follow-update:first-child::before { background: #079488; }
.follow-update-top { display: flex; align-items: center; gap: 9px; color: #4e7b8b; font-size: 9px; font-weight: 650; text-transform: uppercase; letter-spacing: 1px; }
.follow-update-top time { margin-left: auto; font-weight: 400; letter-spacing: 0; color: #718b9c; font-variant-numeric: tabular-nums; }
.follow-update.correction .follow-update-top { color: #a7722e; }.follow-update.place .follow-update-top { color: #3968b7; }
.follow-update h4 { font-size: 16px; margin: 11px 0 4px; letter-spacing: -.3px; }.follow-update-context { color: #6b8295; font-size: 11px; }
.follow-update-summary { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px 20px; margin-top: 13px; }
.follow-update-summary strong { font-size: 25px; letter-spacing: -.5px; font-variant-numeric: tabular-nums; }.follow-update-summary span { font-size: 12px; color: #377278; }
.follow-update-note { margin-top: 9px; color: #758694; font-size: 10px; }
.follow-update-actions { margin-top: 13px; display: flex; gap: 12px; }.follow-update-actions button { padding: 7px 0; border: 0; color: #146ca5; background: none; font-size: 11px; min-height: 36px; }
.follow-replay-teaser { position: relative; overflow: hidden; background: linear-gradient(120deg,#10354a,#0c6970); color: #fff; border-radius: 17px; padding: 24px; margin-bottom: 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.follow-replay-teaser small { color: #a4e8df; letter-spacing: 2px; font-size: 8px; }.follow-replay-teaser h3 { font-size: 23px; letter-spacing: -.6px; margin: 7px 0; }.follow-replay-teaser p { color: #c3e3e9; font-size: 11px; }.follow-replay-teaser button { border: 1px solid #ffffff40; border-radius: 50%; color: #fff; background: #ffffff15; width: 55px; height: 55px; flex-shrink: 0; padding: 0; font-size: 26px; }
.follow-replay-intro h3 { font-size: 24px; letter-spacing: -.5px; }.follow-replay-intro p { color: #688392; font-size: 12px; margin: 8px 0 17px; }
.follow-replay-choice { display: flex; align-items: center; gap: 13px; text-align: left; width: 100%; background: #fff; border: 1px solid #dce7ef; padding: 14px 17px; margin: 9px 0; border-radius: 12px; color: #16394c; }
.follow-replay-choice > span { color: #138689; font-size: 25px; }.follow-replay-choice > div { min-width: 0; flex: 1; }.follow-replay-choice strong { display: block; font-size: 13px; }.follow-replay-choice small { display: block; color: #718894; font-size: 10px; margin-top: 3px; }.follow-replay-choice b { font-size: 17px; font-variant-numeric: tabular-nums; }
.follow-replay-choice:hover { border-color: #68b5bc; background: #f4fcfb; }
.follow-replay-row { display: flex; justify-content: flex-end; padding: 0 20px 12px; }.follow-replay-row button { font-size: 11px; color: #0d7c84; background: #edf8f7; border-color: #d2e9e7; min-height: 38px; }
#follow-player { margin: 18px 0 0; border-radius: 15px; overflow: hidden; background: #0a242d; color: white; }
.follow-player-heading { display: flex; gap: 12px; align-items: center; padding: 17px 20px; }.follow-player-heading > div { flex: 1; }.follow-player-heading h3 { font-size: 16px; }.follow-player-heading p { color: #a4c4cf; font-size: 11px; margin-top: 5px; }.follow-player-heading button { color: #d0e9e9; font-size: 11px; border-color: #6b949955; background: #ffffff0a; }
#follow-player iframe { display: block; width: 100%; height: 660px; border: 0; }.follow-replay-disclaimer { color: #b4cdd3; font-size: 10px; padding: 13px 20px 20px; line-height: 1.6; }.follow-replay-disclaimer a { color: #cef2d6; }
.follow-player-notice { padding: 20px; font-size: 12px; color: #e4d3ac; }
.follow-dialog[data-view=replay] .follow-hero { display: none; }
@media(max-width:640px) {
 .follow-dialog { width: 100%; }.follow-dialog-bar { padding: 8px 14px; padding-top: max(8px,env(safe-area-inset-top)); }.follow-dialog-bar > span { font-size: 10px; letter-spacing: 0; gap: 8px; }.follow-bar-actions { gap: 3px; }#follow-refresh { font-size: 10px; padding: 8px; }
 .follow-scoreboard { padding: 13px 16px; gap: 10px; }.follow-score-heading strong { font-size: 11px; }.follow-score-heading small { font-size: 8px; max-width: 137px; line-height: 1.5; }.follow-podium { gap: 13px; }.follow-medal { flex-direction: column; gap: 2px; }.follow-medal > span { width: 23px; height: 23px; font-size: 9px; }.follow-medal strong { font-size: 21px; }
 .follow-tabs { padding: 6px 12px; gap: 4px; }.follow-tabs button { min-height: 42px; font-size: 12px; }.follow-new-updates { top: 187px; font-size: 11px; }
 .follow-hero { padding: 26px 16px 19px; gap: 12px; }.follow-avatar { width: 44px; height: 44px; font-size: 24px; border-radius: 13px; }.follow-heading h2 { font-size: 23px; }.follow-heading p { font-size: 10px; }.follow-heading .eyebrow { font-size: 7px; }
 .follow-stream-heading h3 { font-size: 20px; }.follow-stream-heading p { max-width: 110px; font-size: 9px; }.follow-stream-list { padding-left: 14px; }.follow-stream-list::before { left: 1px; }.follow-update { padding: 15px; border-radius: 12px; }.follow-update::before { left: -18px; }.follow-update h4 { font-size: 14px; }.follow-update-context { font-size: 10px; line-height: 1.5; }.follow-update-summary strong { font-size: 24px; }.follow-update-summary span { font-size: 11px; }.follow-update-top { font-size: 8px; letter-spacing: .6px; }.follow-update-note { font-size: 9px; }
 .follow-replay-teaser { padding: 19px; gap: 10px; }.follow-replay-teaser h3 { font-size: 21px; }.follow-replay-teaser p { font-size: 10px; }.follow-replay-teaser button { width: 43px; height: 43px; font-size: 22px; }.follow-replay-choice { padding: 13px; gap: 10px; }.follow-replay-choice strong { font-size: 11px; }.follow-replay-choice b { font-size: 14px; }
 .follow-player-heading { padding: 15px; }.follow-player-heading h3 { font-size: 14px; }.follow-player-heading button { padding: 8px; font-size: 10px; }.follow-replay-row { padding: 0 14px 12px; }#follow-player iframe { height: 590px; }
 .follow-update-context { font-size: 12px; }.follow-update-note { font-size: 11px; line-height: 1.55; }.follow-update-actions button { min-height: 44px; font-size: 12px; }.follow-update-top { font-size: 10px; }
 .follow-dialog[data-view=replay] .follow-scoreboard { padding-block: 9px; }.follow-dialog[data-view=replay] .follow-medal { flex-direction: row; gap: 5px; }.follow-dialog[data-view=replay] .follow-medal strong { font-size: 16px; }.follow-dialog[data-view=replay] .follow-score-heading small { display: none; }
}