/* Premium scoreboard goal sequence: 11.84 seconds, matching the approved preview. */
.scoreboard-cup-badge{position:absolute;top:10px;left:10px;width:38px;height:38px;object-fit:contain;background:#fff;border-radius:6px;padding:2px;z-index:9;pointer-events:none}
.scoreboard-cup-badge[hidden]{display:none!important}
.goal-b .goal-cup-badge{display:none}
.goal-b.goal-b-cup .goal-cup-badge{display:none!important}
.goal-b.goal-b-cup .goal-b-wipe{background:linear-gradient(105deg,#b88635,#ffe9a1 49%,#edc76e 51%,#aa792b)}
.goal-b.goal-b-cup::after{background:linear-gradient(90deg,#e8bd65,#fff0be,#b98c38)}
.goal-b.goal-b-cup .goal-b-title b,.goal-b.goal-b-cup .goal-b-minute,.goal-b.goal-b-cup .goal-b-final b{color:#f3d48c}
.goal-b.goal-b-cup .goal-b-minute:before{background:#e8bd65}
body.public-app #tab-live .scoreboard-shell .goal-b[hidden]{display:none!important}
body.public-app #tab-live .scoreboard-shell .goal-b{
  position:absolute;z-index:20;inset:0;overflow:hidden;isolation:isolate;container-type:size;
  background:radial-gradient(ellipse at 28% 60%,#1768b3aa,transparent 54%),linear-gradient(115deg,#082b56,#020d21 78%);
  color:#fff;opacity:0;pointer-events:none;transition:opacity .25s ease;font-family:Arial,Helvetica,sans-serif;
}
body.public-app #tab-live .scoreboard-shell .goal-b.show{opacity:1}
.goal-b::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 78px,#82caff0b 79px 80px,transparent 81px 156px);mask-image:linear-gradient(#000,transparent)}
.goal-b::after{content:"";position:absolute;z-index:8;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffe020 48%,#ffe02015)}
.goal-b-base{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:24px;text-align:center;font-weight:900}
.goal-b-base>span{min-width:0;overflow-wrap:anywhere;font-size:clamp(13px,2.7cqw,23px)}
.goal-b-base>strong{font-size:clamp(36px,9cqw,64px);white-space:nowrap;font-variant-numeric:tabular-nums}
.goal-b-wipe{position:absolute;z-index:5;inset:0;background:linear-gradient(105deg,#f8c900,#fff086 49%,#ffe021 51%,#eebc00);clip-path:polygon(0 0,83% 0,100% 100%,17% 100%);transform:translateX(-130%)}
.goal-b-crest{position:absolute;z-index:6;left:0;top:50%;width:90px;height:90px;object-fit:contain;opacity:0;transform:translate(-120%,-50%);filter:drop-shadow(0 8px 10px #00163470)}
.goal-b-title{position:absolute;z-index:4;inset:0;display:grid;place-content:center;background:linear-gradient(120deg,#064883,#051a3b 65%);opacity:0;text-align:center}
.goal-b-title b{font-size:min(20cqw,56cqh,140px);font-weight:900;font-style:italic;line-height:1;letter-spacing:-3px;color:#ffe020}
.goal-b-title span{font-size:11px;font-weight:800;letter-spacing:5px;margin-top:12px;color:#c3daf0}
.goal-b-player{position:absolute;inset:0;opacity:0}
.goal-b,.goal-b *{box-sizing:border-box}
.goal-b-copy{max-height:92%;overflow-wrap:anywhere}
.goal-b-number{position:absolute;left:5%;top:8%;font-size:min(34cqw,84cqh,245px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px #ffe02660;letter-spacing:-8px}
.goal-b-photo{position:absolute;left:3%;bottom:0;width:45%;height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(12px 4px 22px #0007)}
.goal-b-copy{position:absolute;left:49%;right:5%;top:50%;transform:translateY(-50%);min-width:0;text-align:left}
.goal-b-minute{display:flex;align-items:center;gap:7px;color:#ffe020;font-size:min(12px,8cqh);line-height:1.15;font-weight:800;letter-spacing:1px;margin:0}
.goal-b-minute:before{content:"";width:25px;height:3px;background:#ffe020;flex-shrink:0}
.goal-b-first{display:block;margin-top:5px;color:#d4e6fa;font-size:min(3.8cqw,12cqh,22px);line-height:1.1;font-weight:500;overflow-wrap:anywhere}
.goal-b-name{display:block;font-size:min(5.5cqw,16cqh,34px);font-weight:900;line-height:1.05;letter-spacing:-.5px;margin:3px 0 6px;overflow-wrap:anywhere}
.goal-b-final{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border-top:1px solid #89b8e13a;padding-top:5px}
.goal-b-final b{color:#ffdf20;font-size:min(5.8cqw,18cqh,32px);line-height:1.1;letter-spacing:0;white-space:nowrap}
.goal-b-final span{min-width:0;font-size:min(2.8cqw,7cqh,11px);line-height:1.2;color:#aec7e3;white-space:pre-line;overflow-wrap:anywhere}
.goal-b.show .goal-b-base{animation:goalBBase 11.84s both}
.goal-b.show .goal-b-wipe{animation:goalBWipe 1.76s cubic-bezier(.7,0,.2,1) both}
.goal-b.show .goal-b-crest{animation:goalBCrest 2s cubic-bezier(.4,0,.25,1) both}
.goal-b.show .goal-b-title{animation:goalBTitle 2.4s 1.04s both}
.goal-b.show .goal-b-player{animation:goalBPlayer 11.84s both}
.goal-b.show .goal-b-photo{animation:goalBPhoto 1.36s 2.72s cubic-bezier(.16,1,.3,1) both}
.goal-b.show .goal-b-copy{animation:goalBCopy 1.12s 3.12s cubic-bezier(.16,1,.3,1) both}
@keyframes goalBWipe{0%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes goalBCrest{0%{left:0;opacity:0;transform:translate(-120%,-50%) rotate(-12deg)}14%,78%{opacity:1}100%{left:100%;opacity:0;transform:translate(120%,-50%) rotate(8deg)}}
@keyframes goalBTitle{0%{opacity:0;clip-path:inset(0 100% 0 0)}25%,73%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 100%)}}
@keyframes goalBBase{0%,8%{opacity:1}18%,93%{opacity:0}100%{opacity:1}}
@keyframes goalBPlayer{0%,22%{opacity:0}29%,89%{opacity:1}96%,100%{opacity:0}}
@keyframes goalBPhoto{from{transform:translateX(-35px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes goalBCopy{from{transform:translate(25px,-50%);opacity:0}to{transform:translate(0,-50%);opacity:1}}
@media(max-width:560px){
.goal-b-base{padding:12px;gap:8px}
.goal-b-photo{left:0;width:48%;height:91%}
.goal-b-copy{left:49%;right:4%}
.goal-b-minute{font-size:10px;letter-spacing:1px;gap:7px}
.goal-b-minute:before{width:14px}
.goal-b-name{letter-spacing:-.4px}
.goal-b-final{gap:6px}
}
@media(prefers-reduced-motion:reduce){
.goal-b.show *{animation:none!important}
.goal-b.reduced .goal-b-base{opacity:0}
.goal-b.reduced .goal-b-player,.goal-b.reduced .goal-b-photo{opacity:1;transform:none}
.goal-b.reduced .goal-b-copy{opacity:1;transform:translateY(-50%)}
}
