/* Shared-clock, attacker-facing shootout stage. No independent CSS animation. */
.penalty-goal-scene{margin:16px 0 18px;border:1px solid #355566;border-radius:12px;background:#0a1b2a;overflow:hidden;text-align:center}
.penalty-goal-heading{display:flex;flex-direction:column;gap:3px;padding:12px;color:#e9f6ff}
.penalty-goal-heading>span{font-size:10px;font-weight:700;letter-spacing:1px;color:#a5c1d1;text-transform:uppercase}
.penalty-goal-heading>b{font-size:19px;line-height:1.25;overflow-wrap:anywhere}
.penalty-goal-pitch{display:block;width:100%;height:auto;max-height:310px}
.penalty-goal-pitch>text{fill:#d7f0ed;font:700 11px system-ui;letter-spacing:1px}
.penalty-goal-caption{display:flex;flex-direction:column;gap:4px;padding:11px 8px 5px}
.penalty-goal-caption>b{color:#73edbb;letter-spacing:1.6px;font-size:17px}
.penalty-goal-caption>span{font-size:11px;color:#bdceda;line-height:1.4}
.penalty-goal-scene>small{display:block;padding:7px 10px 12px;font-size:9px;line-height:1.4;color:#9cb4c5}
.shootout-overlay:has(.penalty-goal-scene) .penalty-board{width:min(620px,100%);padding:20px 22px}
.shootout-overlay:has(.penalty-goal-scene) .shootout-score{font-size:34px;margin-bottom:12px}
.shootout-overlay:has(.penalty-goal-scene) .shootout-context{margin-bottom:9px}
.shootout-overlay:has(.penalty-goal-scene) .penalty-row{padding:9px 6px;gap:7px}
.shootout-overlay:has(.penalty-goal-scene) .penalty-board>small{margin-top:10px}
@media(max-width:520px){.shootout-overlay:has(.penalty-goal-scene){padding:9px}.shootout-overlay:has(.penalty-goal-scene) .penalty-board{padding:16px 12px}.penalty-goal-scene{margin:10px 0 12px}.penalty-goal-heading>b{font-size:17px}.penalty-goal-pitch{max-height:245px}.shootout-overlay:has(.penalty-goal-scene) .shootout-teams{font-size:16px}}