.game-scores { display: grid; grid-template-columns: repeat(var(--pilots, 2), minmax(0, 1fr)); gap: 8px; padding: 10px 14px; color: #fff; background: #102c38ee; position: relative; z-index: 50; }
.game-score { min-width: 0; text-align: center; color: #fff; opacity: .82; transition: color .4s, opacity .4s; }
.score-content { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; column-gap: 8px; position: relative; transform-origin: center; transition: transform .25s; }
.score-name { overflow-wrap: anywhere; font-size: clamp(11px, 1.5cqw, 17px); line-height: 1.2; }
.score-value { font: 600 clamp(18px, 2.4cqw, 26px) var(--mono); }
.score-state { display: block; margin-top: 4px; font-size: clamp(9px, 1cqw, 11px); color: #cadadb; line-height: 1.25; }
.score-meta { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 0 6px; }
.score-ping { margin-top: 4px; font: 9px var(--mono); color: #c4dadc; }
.score-ping[data-level="medium"] { color: #f1d279; }
.score-ping[data-level="high"] { color: #ffa975; font-weight: 700; }
.score-ping[data-level="unknown"] { opacity: .55; }
.game-score[data-own="true"] .score-state::before { content: 'YOU · '; font-weight: 700; color: white; }
.score-delta { font: 700 10px var(--mono); }
.score-delta:empty { display: none; }
.game-score[data-change="gain"] { color: #7ef1ae; opacity: 1; }
.game-score[data-change="loss"] { color: #ff9090; opacity: 1; }
.game-score[data-change="gain"] .score-content, .game-score[data-change="loss"] .score-content { transform: scale(1.12); font-weight: 700; }
.game-score[data-change]:not([data-change=""]) .score-value { font-weight: 800; }
#canvas-wrap { container-type: inline-size; }
#canvas-wrap > .game-scores { position: absolute; inset: 0 0 auto; pointer-events: none; }
@media (max-width: 600px) { .game-scores { gap: 6px; padding: 8px; } .score-name { flex-basis: 100%; } .score-content { column-gap: 4px; } }
@media (prefers-reduced-motion: reduce) { .game-score .score-content { transform: none !important; } }