/* The scoreboard legend and pitch renderer use the same marker palette. */
:root .game-shell .broadcast-score{grid-template-columns:minmax(0,1fr) 125px minmax(0,1fr);min-height:72px;padding:7px 18px;gap:14px}
:root .game-shell .broadcast-score .broadcast-team{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;text-align:left;flex-direction:row}
:root .game-shell .broadcast-team-copy{min-width:0}
:root .game-shell .broadcast-team-copy>b{display:block;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
:root .game-shell .team-marker-legend{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:12px;line-height:1.4;color:var(--theme-muted)}
:root .game-shell .team-marker-legend>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
:root .game-shell .team-marker-legend>em{font-size:11px;font-style:normal;color:var(--theme-accent);border:1px solid var(--theme-line);padding:0 4px;white-space:nowrap}
.team-token{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;font:700 11px var(--font);font-style:normal;background:var(--token-fill);color:var(--token-ink);border:2px solid var(--token-rim);box-shadow:0 1px 3px #0006;line-height:1}
.team-token.keeper-token{outline:1px solid #f0f4eacc;outline-offset:1px}

/* Give commentary its own full-width row so it never masks a player. */
:root .game-shell .match-replay-view .broadcast-pitch{grid-template-rows:auto minmax(160px,1fr) auto auto;overflow-y:auto}
:root .game-shell .replay-commentary{min-height:78px;position:relative;background:#08181f;border:1px solid #9fb1a333;box-sizing:border-box}
:root .game-shell .replay-commentary[hidden]{display:none}
:root .game-shell .replay-commentary.is-empty:before{content:'ERA XI 해설 · 플레이에 맞춰 해설이 표시됩니다.';display:flex;align-items:center;min-height:76px;padding:0 20px;font-size:14px;color:#a1b5b6}
:root .game-shell .replay-field{min-height:160px}
:root .game-shell .replay-subtitle{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:100%;max-width:none;box-sizing:border-box;grid-template-columns:105px minmax(0,1fr);gap:3px 15px;padding:12px 18px;min-height:76px;text-align:left;border-left-width:4px;background:linear-gradient(90deg,#071218f5,#0a1920ee);box-shadow:none}
:root .game-shell .replay-subtitle>span{display:flex;grid-row:1/3;grid-column:1;max-width:none;font-size:12px;line-height:1.5;padding:0 12px 0 0;letter-spacing:0;border-right:1px solid #b5c7bb55;border-bottom:0;color:#dce7d7}
:root .game-shell .replay-subtitle>strong{grid-column:2;font-size:20px;line-height:1.45;text-wrap:pretty;overflow-wrap:anywhere;color:#f3f5ee;min-width:0}
:root .game-shell .replay-subtitle>small{grid-column:2;font-size:14px;line-height:1.5;color:#bbc9cb;overflow-wrap:anywhere;min-width:0}
:root .game-shell .replay-pace{font-size:12px;color:var(--theme-accent);white-space:nowrap;margin-left:auto}
:root .game-shell .replay-pace[hidden]{display:none}
:root .game-shell #replayGoalAgain{font-size:12px;white-space:nowrap}
:root .game-shell .replay-view-options{flex-wrap:wrap;gap:7px;min-height:36px}

/* One restrained score reveal while recorded celebration movement continues. */
:root .game-shell .goal-celebration{top:18px;left:50%;width:min(420px,calc(100% - 28px));min-width:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;justify-items:start;gap:4px 20px;padding:17px 22px;background:#08181af0;color:#f6f4e9;border:1px solid #afc3b655;border-top:4px solid var(--goal-color,#efb84c);box-shadow:0 12px 30px #0007}
:root .game-shell .goal-celebration .goal-heading{display:flex;align-items:center;gap:12px;grid-column:1}
:root .game-shell .goal-celebration #replayGoalLabel{font:800 32px/1.15 var(--font);letter-spacing:0;color:var(--goal-color,#efb84c)}
:root .game-shell .goal-celebration time{font:14px var(--number);color:#c6d0cd}
:root .game-shell .goal-celebration>strong{font-size:22px;line-height:1.35;margin:2px 0;grid-column:1;overflow-wrap:anywhere}
:root .game-shell .goal-team-line{display:flex;align-items:center;gap:8px;grid-column:1;min-width:0}
:root .game-shell .goal-team-line>span{font:14px/1.45 var(--font);letter-spacing:0;color:#c6d2cd;overflow-wrap:anywhere}
:root .game-shell .goal-score{grid-column:2;grid-row:1/4;align-self:center;font:600 38px/1.2 var(--number);color:#fff;white-space:nowrap}
:root .game-shell .goal-celebration .goal-caption{grid-column:1/-1;margin-top:5px;font:12px var(--font);color:#a6b8b1}
:root .game-shell .goal-celebration[hidden]{display:none}
@media(max-width:900px){
 :root .game-shell .replay-view-options #replayClip{display:none}
 :root .game-shell .broadcast-score{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);padding:6px 10px;gap:8px}
 :root .game-shell .broadcast-team-copy>b{font-size:15px}
 :root .game-shell .broadcast-score .broadcast-team{gap:6px}
 :root .game-shell .broadcast-score svg{width:24px;height:29px}
 :root .game-shell .team-marker-legend{gap:4px 7px}
 :root .game-shell .replay-subtitle{grid-template-columns:1fr;padding:10px 14px;gap:3px;min-height:72px}
 :root .game-shell .replay-subtitle>span{display:none}
 :root .game-shell .replay-subtitle>strong,:root .game-shell .replay-subtitle>small{grid-column:1}
 :root .game-shell .replay-subtitle>strong{font-size:18px}
 :root .game-shell .replay-subtitle>small{font-size:13px}
}
@media(max-width:560px){
 :root .game-shell .broadcast-score{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr);gap:5px;padding:8px 6px;min-height:88px}
 :root .game-shell .broadcast-score .broadcast-team{align-items:flex-start;justify-content:flex-start}
 :root .game-shell .broadcast-score svg{display:none}
 :root .game-shell .broadcast-team-copy>b{font-size:14px}
 :root .game-shell .broadcast-score>strong{font-size:25px;letter-spacing:0}
 :root .game-shell .broadcast-score>strong>small{font-size:11px;letter-spacing:0;line-height:1.4}
 :root .game-shell .team-marker-legend{font-size:11px;gap:4px}
 :root .game-shell .team-marker-legend .team-token{width:16px;height:16px;flex-basis:16px;font-size:9px}
 :root .game-shell .replay-subtitle{left:auto;right:auto;bottom:auto;padding:10px 11px;min-height:80px}
 :root .game-shell .replay-subtitle>strong{font-size:17px;line-height:1.5}
 :root .game-shell .replay-subtitle>small{font-size:13px}
 :root .game-shell .goal-celebration{top:12px;padding:12px 14px;gap:5px 8px}
 :root .game-shell .goal-celebration #replayGoalLabel{font-size:27px}
 :root .game-shell .goal-celebration>strong{font-size:19px}
 :root .game-shell .goal-score{font-size:27px}
 :root .game-shell .goal-team-line>span{font-size:13px}
 :root .game-shell .replay-pace{display:none}
}
@media(prefers-reduced-motion:reduce){:root .game-shell .goal-celebration{animation:none}}