.match-visual{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.match-visual>*{min-width:0;max-width:100%}.match-visual-heading>*{overflow-wrap:anywhere;min-width:0;max-width:100%}.match-visual-scoreline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;display:flex}.match-visual-scoreline>span{overflow-wrap:anywhere;min-width:0;max-width:100%}.match-visual .visual-pitch{width:100%;max-width:100%}.match-visual .visual-event{box-sizing:border-box;overflow-wrap:anywhere;min-width:0;max-width:calc(100% - 28px);padding:12px 14px;animation:1.1s ease-out both match-visual-reveal}.match-visual-event-title{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;display:flex}.match-visual-event-title>span{min-width:0;max-width:100%}.match-visual .visual-event-icon{animation:1.1s ease-out both match-visual-icon;display:inline-block}.match-visual-home-label,.match-visual-away-label{overflow-wrap:anywhere;max-width:42%}.match-visual-away-label{text-align:right}.match-visual-controls>button{overflow-wrap:anywhere;max-width:100%}.match-visual-event-rail{overscroll-behavior-x:contain;width:100%;min-width:0;max-width:100%}.match-visual-event-rail>button{white-space:normal;overflow-wrap:anywhere;max-width:calc(100% - 4px)}.match-visual-replay-feedback{overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.match-visual-replay-active{background:var(--accent);color:var(--foreground);border-left:3px solid #ff5b23;border-radius:5px;margin-top:8px;padding:7px 9px;font-weight:600}@keyframes match-visual-reveal{0%{opacity:.45;transform:translate(-50%,-38%)scale(.9)}35%{opacity:1;box-shadow:0 0 0 3px #ffad78}to{opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #0000}}@keyframes match-visual-icon{0%{transform:scale(.7)}35%{transform:scale(1.35)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.match-visual .visual-event,.match-visual .visual-event-icon,.match-visual .visual-ball{transition:none!important;animation:none!important}}