/* F1 front end; gameplay HUD geometry and its data-hud-slot contract stay intact. */
:root { --flow-ink: #101614; --flow-accent: #c5d88a; --flow-line: #c5d3bc30; }
.hidden { display: none !important; }
#lock-overlay { padding: 0; overflow: hidden; background: #131b19; isolation: isolate; }
#lock-overlay::before { content: ''; position: absolute; inset: -3%; z-index: -2; background: var(--flow-background, none) center/cover; animation: flow-pan 38s ease-in-out infinite alternate; }
#lock-overlay::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#07100ef2,#1017156b 65%,#101715e6),linear-gradient(0deg,#080e10eb,transparent 80%); }
@keyframes flow-pan { to { transform: scale(1.06) translateX(1.5%); } }
#lock-overlay > .panel { width: 100%; height: 100dvh; max-height: none; box-sizing: border-box; border: 0; border-radius: 0; margin: 0; padding: clamp(20px,4vw,64px); display: grid; grid-template-columns: 170px minmax(0,1fr) minmax(235px,290px); grid-template-rows: auto minmax(0,1fr) auto; gap: 24px 32px; text-align: left; background: transparent; box-shadow: none; overflow: hidden; }
.flow-brand { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 18px; border-bottom: 1px solid var(--flow-line); padding-bottom: 18px; }
#lock-overlay .flow-brand h1 { margin: 0; font-size: clamp(28px,3.2vw,48px); letter-spacing: .12em; line-height: 1; color: #eef0e6; }
#lock-overlay .title-brand { color: var(--flow-accent); margin: 0; font-size: 12px; letter-spacing: .3em; }
#lock-overlay .title-version { margin: 0 0 0 auto; color: #b1bbaa; font-size: 11px; letter-spacing: .15em; }
.flow-rail { display: flex; flex-direction: column; gap: 8px; align-self: start; padding-top: 14px; }
.flow-rail button { border: 0; border-left: 3px solid transparent; border-radius: 0; background: transparent; color: #adb6aa; padding: 18px 14px; font-size: 15px; font-weight: 700; letter-spacing: .12em; text-align: left; cursor: pointer; }
.flow-rail button.active { color: #f0f3e8; border-left-color: var(--flow-accent); background: linear-gradient(90deg,#b5c87a27,transparent); }
.flow-rail button:hover { background-color: #ffffff0a; }
.flow-content { min-height: 0; overflow: auto; padding-right: 6px; scrollbar-width: thin; scrollbar-color: #8c9b72 #151c19; }
.flow-eyebrow { font-size: 10px; letter-spacing: .2em; color: var(--flow-accent); font-weight: 700; margin: 0 0 14px; }
.flow-map-card { border: 1px solid var(--flow-line); background: #101713c9; position: relative; overflow: hidden; margin-bottom: 14px; }
#flow-map-still { display: block; width: 100%; height: clamp(130px,26vh,300px); object-fit: cover; }
.flow-map-copy { padding: 20px; background: linear-gradient(0deg,#101712 20%,#101712cc); }
#flow-location { color: #aeb6a5; font-size: 10px; letter-spacing: .18em; }
#flow-map-name { color: #f3f2e7; font-size: clamp(24px,2.6vw,38px); letter-spacing: .06em; margin: 8px 0; line-height: 1.1; }
#flow-map-detail { color: #c0c6b8; font-size: 13px; margin: 0 0 16px; }
.flow-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.flow-chips span { font-size: 10px; font-weight: 700; padding: 6px 9px; letter-spacing: .12em; border: 1px solid #a8be784f; color: var(--flow-accent); }
.flow-selects { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#lock-overlay .mode-select-row { display: flex; flex-direction: column; align-items: stretch; margin: 0; gap: 7px; }
#lock-overlay .mode-select-row label { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #b1bdad; }
#lock-overlay select, #lock-overlay input { width: 100%; min-height: 44px; box-sizing: border-box; border: 1px solid var(--flow-line); border-radius: 2px; background: #101714; color: #e3e7dc; padding: 10px; font-size: 12px; }
#lock-overlay .mode-hint { font-size: 11px; color: #a3b09f; margin: 0; line-height: 1.45; }
#map-hint { display: none; }
.flow-room { margin-top: 14px; border-top: 1px solid var(--flow-line); padding-top: 12px; }
.flow-room summary { min-height: 32px; color: #aebe9b; font-size: 11px; letter-spacing: .1em; cursor: pointer; }
.flow-room .mode-select-row { display: grid !important; grid-template-columns: 1fr auto; }
.flow-room label, .flow-room .mode-hint { grid-column: 1 / -1; }
.flow-summary { align-self: start; background: linear-gradient(150deg,#17221def,#0a120ecc); border: 1px solid var(--flow-line); padding: 22px; }
.flow-summary h2 { font-size: 26px; margin: 14px 0 0; letter-spacing: .06em; color: #e8ecd9; }
.flow-summary .flow-weapon { padding: 26px 0; border-block: 1px solid var(--flow-line); margin-block: 20px; }
.flow-weapon small { display: block; color: #8d9e8a; font-size: 10px; letter-spacing: .12em; margin-bottom: 6px; }
#flow-weapon-name { font-size: 30px; font-weight: 300; letter-spacing: .08em; color: #d6dfc1; }
.flow-summary p { font-size: 11px; color: #b9c4ac; line-height: 1.7; }
#flow-edit-loadout { width: 100%; min-height: 44px; margin-top: 20px; background: #a9bc6e18; border: 1px solid #a8bc6d5a; border-radius: 1px; color: #d6e2b1; font-size: 11px; letter-spacing: .12em; }
.flow-content > .loadout-panel, .flow-content > .profile-card, #flow-settings { display: none; }
#lock-overlay[data-menu-tab="loadout"] .flow-play, #lock-overlay[data-menu-tab="operator"] .flow-play, #lock-overlay[data-menu-tab="settings"] .flow-play { display: none; }
#lock-overlay[data-menu-tab="loadout"] .flow-content > .loadout-panel, #lock-overlay[data-menu-tab="operator"] .flow-content > .profile-card, #lock-overlay[data-menu-tab="settings"] #flow-settings { display: block; }
#lock-overlay .loadout-panel, #lock-overlay .profile-card, #lock-overlay .settings-section { margin: 0 0 16px; border: 1px solid var(--flow-line); border-radius: 1px; background: #101913df; padding: 18px; }
#lock-overlay .loadout-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
#lock-overlay .loadout-choice { border-radius: 1px; background: #162017; border-color: #6a7d554f; color: #d5dfc7; text-align: left; padding: 14px; }
#lock-overlay .loadout-choice.active { border-color: var(--flow-accent); background: #9db86020; }
.flow-class-detail { display: grid; gap: 8px; margin-top: 14px; text-transform: none; font-weight: 400; letter-spacing: 0; }
.flow-class-detail > strong { font-size: 20px; letter-spacing: .06em; }
.flow-stat { display: grid; gap: 3px; font-size: 10px; }
.flow-stat meter { width: 100%; height: 5px; accent-color: var(--flow-accent); }
.flow-stat meter::-webkit-meter-bar { background: #31402b; border: 0; }
.flow-stat meter::-webkit-meter-optimum-value { background: #bfd386; }
.flow-perks, .flow-equipment { font-size: 10px; line-height: 1.5; }
#lock-overlay .menu-play-sticky { grid-column: 2 / -1; display: flex; align-items: center; gap: 24px; border-top: 1px solid var(--flow-line); padding: 16px 0 0; background: transparent; position: static; }
#lock-overlay #play-button { margin: 0; width: min(330px,55%); min-height: 58px; border: 1px solid #d5e6a5; border-radius: 1px; background: linear-gradient(100deg,#a9bd72,#d4dfaa); color: #172015; font-size: 18px; font-weight: 800; letter-spacing: .18em; box-shadow: 0 0 24px #a7bb7020; }
.flow-keybinds { color: #a8b3a0; font-size: 11px; line-height: 1.9; letter-spacing: .04em; }
.flow-keybinds kbd { font: inherit; color: #e0e5d3; border: 1px solid #889b704f; padding: 2px 5px; }
.flow-content #overlay-help { font-size: 11px; }
#flow-loading { position: fixed; inset: 0; z-index: 110; background: #0d1512; color: #eef0e5; display: grid; align-content: end; overflow: hidden; }
#flow-loading-still { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .6; }
.flow-loading-copy { position: relative; padding: 7vh 7vw; background: linear-gradient(0deg,#0c1412 10%,#0c1412d9 70%,transparent); }
#flow-loading-map { font-size: clamp(30px,5vw,64px); letter-spacing: .07em; margin: 8px 0 16px; }
#flow-objective-brief { max-width: 620px; line-height: 1.7; color: #cdd6c4; }
.flow-loading-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 40px; border-top: 1px solid var(--flow-line); padding-top: 20px; font-size: 11px; letter-spacing: .07em; color: #bbcca0; }
#flow-loading-status::before { content: ''; display: inline-block; width: 7px; height: 7px; background: #c5d88a; margin-right: 10px; animation: flow-pulse 1s infinite alternate; }
@keyframes flow-pulse { to { opacity: .25; } }
.flow-loading-active #opener-sting, .flow-loading-active #hud, .flow-loading-active #touch-controls { visibility: hidden; }
#scoreboard { inset: 8vh auto auto 50%; transform: translateX(-50%); width: min(920px,90vw); max-height: 84vh; box-sizing: border-box; border-radius: 2px; z-index: 45; padding: 24px; background: #0b1514ed; border-color: #becfa54a; }
.flow-panel-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#scoreboard h2 { color: #dce5c9; letter-spacing: .12em; }
#flow-scoreboard-close { width: 48px; min-height: 48px; padding: 0; background: transparent; border: 1px solid var(--flow-line); color: #dce5c9; font-size: 22px; }
.flow-team-scores { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0; }
.flow-team { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-left: 3px solid var(--team-a-ui); background: #749ebb14; padding: 14px 20px; }
.flow-team.team-1 { border-color: var(--team-b-ui); background: #ba776b14; }
.flow-team span { font-size: 12px; letter-spacing: .1em; }
.flow-team strong { font-size: 34px; font-weight: 400; }
#scoreboard table { font-size: 12px; width: 100%; }
#scoreboard th, #scoreboard td { padding: 10px 8px; white-space: nowrap; }
#scoreboard th { color: #a3b492; font-size: 10px; }
#scoreboard-body-wrap { max-height: 43vh; overflow: auto; }
#flow-objectives { font-size: 11px; letter-spacing: .06em; color: #c8d5b6; margin: 16px 0 0; }
#round-end-panel { z-index: 80; background: #080f12df; padding: 20px; box-sizing: border-box; overflow: auto; }
#round-end-panel > .panel { width: min(820px,100%); box-sizing: border-box; border-radius: 2px; padding: 32px; background: linear-gradient(145deg,#1a261ef5,#0b1211); border-color: #a8bc785f; }
#round-end-title { font-size: clamp(30px,5vw,62px); letter-spacing: .12em; color: var(--flow-accent); margin: 10px 0; }
#round-end-panel[data-result="defeat"] #round-end-title { color: #e09a85; }
#round-end-reason { font-size: 11px; letter-spacing: .12em; color: #abb7a2; }
#round-end-stats { color: #d1dac7; font-size: 12px; }
#flow-podium { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; list-style: none; padding: 0; text-align: left; }
#flow-podium li { display: grid; gap: 10px; background: #b5c98a0d; border-top: 2px solid #788955; padding: 18px 14px; min-width: 0; }
#flow-podium li:first-child { border-color: #d5d68e; }
#flow-podium span { color: #a8b791; font-size: 10px; letter-spacing: .1em; }
#flow-podium strong { color: #e2e8d6; font-size: 15px; overflow-wrap: anywhere; }
#flow-podium small { font-size: 10px; color: #b4c1a5; }
#flow-next-round { color: #c6d59f; font-size: 11px; letter-spacing: .12em; margin-top: 20px; }
.round-end-actions button { min-height: 48px; border-radius: 1px; }
#flow-killcam { position: fixed; inset: 0; z-index: 44; pointer-events: none; border-block: 32px solid #090d10d9; box-sizing: border-box; }
.flow-killcam-head { position: absolute; top: 20px; left: 5vw; display: grid; gap: 7px; padding: 16px; border-left: 3px solid #d9967c; background: #101411df; }
.flow-killcam-head strong { font-size: 22px; letter-spacing: .18em; }
.flow-killcam-head span { font-size: 11px; color: #dedac5; }
.flow-killcam-bottom { position: absolute; bottom: 20px; left: 5vw; right: 5vw; display: flex; align-items: center; gap: 18px; }
#flow-skip-replay { pointer-events: auto; min-width: 160px; min-height: 48px; border: 1px solid #c8ccae; border-radius: 1px; background: #111b13ef; color: #e0e8ca; font-size: 12px; }
.flow-replay-track { flex: 1; height: 3px; background: #c2c2a93d; }
#flow-replay-fill { display: block; height: 100%; background: #d8a587; }
.flow-replay-active #hud, .flow-replay-active #touch-controls, .flow-replay-active #death-fade { visibility: hidden; }
.flow-replay-active #damage-vignette { opacity: 0 !important; }
#touch-utility-drawer { grid-template-columns: repeat(2,minmax(48px,1fr)); }
button:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid #d8e4b1; outline-offset: 3px; }
@media (max-width: 1023.98px) {
  #lock-overlay > .panel { padding: max(12px,var(--safe-top)) max(16px,var(--safe-right)) max(10px,var(--safe-bottom)) max(16px,var(--safe-left)); grid-template-columns: 1fr; grid-template-rows: auto auto minmax(0,1fr) auto; gap: 12px; }
  .flow-brand { padding-bottom: 10px; gap: 10px; }
  #lock-overlay .flow-brand h1 { font-size: 28px; }
  #lock-overlay .title-version { font-size: 9px; }
  .flow-rail { flex-direction: row; padding: 0; gap: 4px; }
  .flow-rail button { flex: 1; padding: 12px 4px; min-height: 48px; font-size: 11px; text-align: center; border-left: 0; border-bottom: 2px solid transparent; }
  .flow-rail button.active { border-bottom-color: var(--flow-accent); background: #b5c87a16; }
  .flow-summary { display: none; }
  .flow-content { padding: 0; }
  #flow-map-still { height: 19vh; min-height: 100px; }
  .flow-map-copy { padding: 16px; }
  #flow-map-name { font-size: 25px; }
  #lock-overlay .menu-play-sticky { grid-column: 1; margin: 0; padding-top: 10px; gap: 0; background: #111a13; }
  #lock-overlay #play-button { width: 100%; min-height: 52px; font-size: 17px; }
  .flow-keybinds { display: none; }
  .flow-selects { gap: 10px; }
  #lock-overlay .loadout-grid { grid-template-columns: 1fr; }
  #scoreboard { top: max(12px,var(--safe-top)); width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 14px; }
  #scoreboard th, #scoreboard td { padding: 9px 6px; font-size: 11px; }
  #scoreboard-body-wrap { max-height: 49vh; }
  .flow-team { padding: 10px; }
  .flow-team strong { font-size: 28px; }
  #round-end-panel { padding: 12px; }
  #round-end-panel > .panel { padding: 20px 14px; }
  #flow-podium { gap: 6px; }
  #flow-podium li { padding: 12px 8px; }
  #flow-podium strong { font-size: 12px; }
  #flow-podium small { font-size: 9px; }
  #flow-killcam { border-block-width: 20px; }
  .flow-killcam-head { top: 12px; left: 16px; }
}
@media (max-width: 1023.98px) and (min-aspect-ratio: 13/10) {
  #lock-overlay > .panel { grid-template-columns: 116px minmax(0,1fr); grid-template-rows: auto minmax(0,1fr) auto; gap: 8px 16px; padding: 10px 16px; }
  .flow-brand { grid-column: 1 / -1; padding-bottom: 8px; }
  #lock-overlay .flow-brand h1 { font-size: 24px; }
  .flow-rail { flex-direction: column; gap: 0; }
  .flow-rail button { text-align: left; padding: 12px 10px; min-height: 48px; }
  #lock-overlay .menu-play-sticky { grid-column: 2; padding-top: 6px; }
  .flow-content .flow-eyebrow { display: none; }
  .flow-map-card { display: grid; grid-template-columns: 37% 1fr; margin-bottom: 10px; }
  #flow-map-still { height: 100%; min-height: 125px; }
  .flow-map-copy { padding: 12px; }
  #flow-map-name { font-size: 23px; }
  #flow-map-detail { margin-bottom: 10px; }
  #lock-overlay .loadout-grid { grid-template-columns: 1fr 1fr; }
  #scoreboard-body-wrap { max-height: 34vh; }
  #scoreboard .flow-team-scores { margin: 8px 0; }
  #scoreboard .flow-team { padding: 6px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #lock-overlay::before, #flow-loading-status::before { animation: none; }
}

/* Match the front-end palette across inherited controls. */
#lock-overlay .mode-select-row { padding: 0; border: 0; border-radius: 0; background: transparent; }
#lock-overlay .flow-eyebrow { color: var(--flow-accent); }
#round-end-panel .round-end-actions button { flex: 1; width: auto; margin: 0; padding: 12px 24px; background: #bed28b; border: 1px solid #d0e0a5; color: #172015; font-weight: 700; letter-spacing: .08em; }
#round-end-panel .round-end-actions #round-menu-button { background: transparent; color: #d1deba; border-color: #99ad694a; }
#round-end-xp-fill { background: linear-gradient(90deg,#869e54,#c9db98); }
#round-end-panel .flow-eyebrow { margin-top: 24px; }
#round-end-title { text-shadow: none; }

.flow-replay-active #mp-status, .flow-loading-active #mp-status { visibility: hidden; }

/* M2 map selection stays within the F1 operation surface and scrolling region. */
.flow-selects .map-previews { gap: 8px; }
.flow-selects .map-previews button { min-width: 0; border-radius: 2px; border-color: var(--flow-line); background: #101714; }
.flow-selects .map-previews button[aria-pressed="true"] { border-color: var(--flow-accent); }
.flow-selects .map-previews span { font-size: 10px; letter-spacing: .04em; }

/* PR1 cards use the same panel, type, and accent treatment as match flow. */
.pr-challenges { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.pr-challenge { display:grid; gap:8px; padding:12px; border:1px solid var(--flow-line); background:#142017; min-width:0; }
.pr-challenge strong { color:#d5dfc7; font-size:12px; }
.pr-challenge span { color:#aebba3; font-size:11px; }
.pr-challenge progress { width:100%; height:6px; accent-color:var(--flow-accent); }
.pr-challenge.complete { border-color:#aabd77; }
#lock-overlay .loadout-choice.locked { color:#8d958d; border-color:#767e733b; background:#1b211c; opacity:.65; }
#progression-gear .loadout-choice { min-width:0; min-height:64px; font-size:12px; }
#progression-gear .loadout-choice[aria-pressed="true"] { border-color:var(--flow-accent); }
.pr-reward-line { display:flex; justify-content:space-between; gap:12px; font-size:12px; padding:4px 0; }
#round-rewards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:12px 0; }
#round-rank-delta { color:var(--flow-accent); }
.pr-challenge-results { color:#b8c8ac; font-size:12px; text-align:left; }
.pr-challenge-results summary { cursor:pointer; min-height:32px; }
#round-challenge-deltas { padding-left:18px; line-height:1.6; }
#hud-toasts .flow-rank-card { border:1px solid var(--flow-accent); border-left:3px solid var(--flow-accent); background:#111c17ee; padding:10px 14px; border-radius:2px; font-size:12px; max-width:100%; box-sizing:border-box; white-space:normal; height:auto; min-height:54px; }
.flow-rank-card strong { display:block; font-size:18px; color:#e7eccf; }
.flow-rank-card small { display:block; color:#bdcaa8; font-size:10px; margin-top:4px; }
@media (max-width:600px) { .pr-challenges { grid-template-columns:1fr; } #round-rewards { grid-template-columns:1fr; } }

@media (max-width:1023.98px) {
  #hud-toasts .flow-rank-card { padding:5px 8px; min-height:28px; line-height:16px; }
  #hud-toasts .flow-rank-card strong { font-size:12px; line-height:16px; }
  #hud-toasts .flow-rank-card small { display:none; }
}

#round-end-panel > .panel { max-height:calc(100dvh - 40px); overflow-y:auto; }
@media (max-width:1023.98px) {
  #hud-toasts .flow-rank-card { height:32px; min-height:32px; }
  #round-end-panel > .panel { max-height:calc(100dvh - 24px); }
  #round-end-panel .round-end-actions { position:sticky; bottom:-20px; background:#101b15; padding:10px 0; }
}

/* MP4 session chrome participates in the match slot and collision probes. */
#mp-status { grid-column:1 / -1; display:grid; grid-template-columns:1fr auto; gap:3px 6px; width:170px; max-width:100%; padding:6px; box-sizing:border-box; color:#dfebd7; background:#101913db; border:1px solid #a8bc7840; border-radius:4px; font:11px/1.3 var(--font-stack); text-align:left; }
#mp-status .mp-counts { grid-column:1 / -1; font-size:11px; white-space:nowrap; }
#mp-status .mp-ping { grid-column:2; grid-row:2; border:1px solid #a8bc785f; border-radius:9px; padding:0 4px; font-size:10px; }
#mp-status .mp-room-code { grid-row:2; font-size:10px; letter-spacing:.03em; }
#mp-status .mp-connection, #mp-status .mp-waiting, #mp-status .mp-debug { grid-column:1 / -1; }
#mp-status .mp-waiting { font-size:10px; color:#bac8b0; }
#mp-status .mp-waiting:empty { display:none; }
#mp-status .mp-debug { white-space:pre-wrap; max-width:100%; font-size:9px; margin:0; }
#mp-room-list { padding-left:18px; color:#d8e5cb; }
#display-name, #mp-share-link { box-sizing:border-box; max-width:100%; padding:10px; color:#e2ead8; background:#0c1410; border:1px solid #8eaa655f; }
@media(max-width:1023.98px) {
  #mp-status { width:116px; gap:2px 3px; padding:4px; font-size:10px; }
  #mp-status .mp-counts { font-size:9px; }
  #mp-status .mp-room-code, #mp-status .mp-ping { font-size:8px; }
  #mp-status .mp-waiting { font-size:9px; }
}

@media(max-width:1023.98px) {
  html.touch-controls #hud-stack #mp-status { position:fixed; top:calc(var(--safe-top) + 64px); left:calc(var(--safe-left) + 8px); width:250px; max-width:250px; }
}
@media(max-width:1023.98px) and (max-aspect-ratio:13/10) {
  html.touch-controls #hud-stack #mp-status { right:calc(var(--safe-right) + 8px); width:auto; max-width:none; grid-template-columns:auto auto 1fr auto; gap:2px 6px; }
  html.touch-controls #mp-status .mp-counts { grid-column:1; grid-row:1; }
  html.touch-controls #mp-status .mp-room-code { grid-column:2; grid-row:1; }
  html.touch-controls #mp-status .mp-ping { grid-column:4; grid-row:1; }
  html.touch-controls #mp-status .mp-connection { grid-column:1 / 3; grid-row:2; }
  html.touch-controls #mp-status .mp-waiting { grid-column:3 / 5; grid-row:2; text-align:right; }
  html.touch-controls:has(#mp-status) #hud-stack [data-hud-slot="objective"] { top:calc(var(--safe-top) + 102px); }
  html.touch-controls:has(#mp-status) #hud-stack #hud-toasts { top:calc(var(--safe-top) + 156px); }
  html.touch-controls:has(#mp-status) #hud-stack .hud-feedback [data-hud-slot="prompts"] { top:calc(var(--safe-top) + 196px); }
}
.flow-replay-active #mp-status, .flow-replay-active #scope-overlay, .flow-replay-active #sniper-scope { visibility: hidden; }
#flow-killer { max-width: 85vw; line-height: 1.6; font-size: 14px; }
#flow-damage-timeline { position: absolute; bottom: 90px; left: 5vw; right: 5vw; display: flex; gap: 6px; overflow: hidden; }
.flow-damage-tick { padding: 8px 10px; background: #111811e8; border-bottom: 2px solid #69746d; color: #c6cdc8; font: 600 11px/1.3 monospace; white-space: nowrap; }
.flow-damage-tick.played { border-color: #ffa581; color: #ffcfba; background: #332019ed; }
#flow-skip-replay:disabled { opacity: .45; }