.historical-summary-grid:has(.historical-scoreboard-layout) { display: block; } .historical-panel__note:empty { display: none; } #match-detail-timeline-section[hidden] { display: none !important; } .historical-table--players tbody tr.historical-player-row--allies td:first-child { box-shadow: inset 4px 0 0 rgba(104, 162, 214, 0.82); } .historical-table--players tbody tr.historical-player-row--axis td:first-child { box-shadow: inset 4px 0 0 rgba(190, 82, 64, 0.82); } .historical-table--players tbody tr.historical-player-row--unknown td:first-child { box-shadow: inset 4px 0 0 rgba(159, 168, 141, 0.5); } .historical-table--players tbody tr.historical-player-row--allies { background: linear-gradient(90deg, rgba(74, 126, 178, 0.14), transparent 42%); } .historical-table--players tbody tr.historical-player-row--axis { background: linear-gradient(90deg, rgba(156, 66, 49, 0.16), transparent 42%); } .historical-table--players tbody tr.historical-player-row--unknown { background: linear-gradient(90deg, rgba(159, 168, 141, 0.08), transparent 42%); } .historical-player-team-cell { white-space: nowrap; } .historical-player-team-badge { display: inline-flex; align-items: center; min-width: 96px; justify-content: center; padding: 5px 10px; border: 1px solid rgba(159, 168, 141, 0.24); border-radius: 999px; font-size: 0.72rem; font-weight: 900; letter-spacing: 0.08em; line-height: 1; text-transform: uppercase; } .historical-player-team-badge--allies { border-color: rgba(118, 175, 229, 0.46); background: rgba(61, 109, 163, 0.2); color: #c8e1ff; } .historical-player-team-badge--axis { border-color: rgba(213, 105, 83, 0.48); background: rgba(129, 45, 35, 0.22); color: #f2beb2; } .historical-player-team-badge--unknown { border-color: rgba(159, 168, 141, 0.28); background: rgba(159, 168, 141, 0.1); color: var(--muted); } .historical-scoreboard-layout { display: grid; gap: 18px; margin-bottom: 18px; } .historical-scoreboard-layout__main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 340px) minmax(0, 1fr); align-items: center; gap: 22px; padding: 28px 30px; border: 1px solid rgba(210, 182, 118, 0.2); border-radius: 24px; background: radial-gradient(circle at 50% 10%, rgba(210, 182, 118, 0.1), transparent 44%), linear-gradient(180deg, rgba(11, 14, 10, 0.72), rgba(11, 14, 10, 0.94)); box-shadow: var(--shadow-soft); } .historical-scoreboard-side { display: grid; grid-template-columns: 124px minmax(0, 1fr); align-items: center; gap: 18px; min-height: 148px; } .historical-scoreboard-side--axis { grid-template-columns: minmax(0, 1fr) 124px; text-align: right; } .historical-scoreboard-side--axis .historical-scoreboard-side__emblem { order: 2; } .historical-scoreboard-side--axis .historical-scoreboard-side__text { order: 1; } .historical-scoreboard-side.is-emblem-missing, .historical-scoreboard-side--axis.is-emblem-missing { grid-template-columns: minmax(0, 1fr); } .historical-scoreboard-side__emblem { width: 124px; height: 124px; border-radius: 999px; object-fit: contain; padding: 10px; border: 1px solid rgba(210, 182, 118, 0.26); background: radial-gradient(circle at center, rgba(210, 182, 118, 0.15), transparent 60%), rgba(7, 9, 7, 0.72); } .historical-scoreboard-side__text { display: grid; gap: 5px; } .historical-scoreboard-side__text strong { color: var(--text); font-size: clamp(1.8rem, 4vw, 3.1rem); line-height: 0.95; text-transform: uppercase; } .historical-scoreboard-side__text em { color: var(--accent-strong); font-style: normal; font-size: 0.78rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; } .historical-scoreboard-side.is-winner .historical-scoreboard-side__emblem { border-color: rgba(210, 182, 118, 0.62); box-shadow: 0 0 26px rgba(210, 182, 118, 0.14); } .historical-scoreboard-center { display: grid; justify-items: center; gap: 6px; text-align: center; } .historical-scoreboard-center__timer { color: var(--text-soft); font-size: 0.86rem; letter-spacing: 0.08em; text-transform: uppercase; } .historical-scoreboard-center__score { color: var(--text); font-size: clamp(4.6rem, 8.6vw, 7.6rem); line-height: 0.9; letter-spacing: 0.02em; } .historical-scoreboard-center__map { color: var(--text); font-size: 1.05rem; font-weight: 800; } .historical-scoreboard-center__mode, .historical-scoreboard-center__winner { color: var(--text-soft); font-size: 0.86rem; } .historical-scoreboard-center__winner { color: var(--accent-strong); font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .historical-scoreboard-layout__meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: 12px; } .historical-scoreboard-layout__meta article { padding: 13px 14px; border: 1px solid rgba(159, 168, 141, 0.14); border-radius: 16px; background: rgba(13, 17, 12, 0.44); } .historical-scoreboard-layout__meta span { display: block; margin-bottom: 7px; color: var(--muted); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; } .historical-scoreboard-layout__meta strong { display: block; color: var(--text); font-size: 1rem; line-height: 1.35; } @media (max-width: 920px) { .historical-scoreboard-layout__main { grid-template-columns: 1fr; padding: 20px; } .historical-scoreboard-center { order: -1; } .historical-scoreboard-side, .historical-scoreboard-side--axis { grid-template-columns: 96px minmax(0, 1fr); text-align: left; } .historical-scoreboard-side--axis .historical-scoreboard-side__emblem, .historical-scoreboard-side--axis .historical-scoreboard-side__text { order: initial; } .historical-scoreboard-side__emblem { width: 96px; height: 96px; } }