:root{--bg:#070a12;--panel:#101726;--panel2:#151f33;--line:#263653;--txt:#f4f7fb;--muted:#9aa9c2;--gold:#ffcf4d;--orange:#ff8a00;--green:#30d158;--red:#ff453a;--blue:#64d2ff;--shadow:0 18px 50px rgba(0,0,0,.45)}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 15% -10%,rgba(255,138,0,.22),transparent 35%),linear-gradient(180deg,#070a12,#0b1020 55%,#05070c);color:var(--txt);min-height:100vh} button,input,select,textarea{font:inherit} button{border:0;border-radius:14px;padding:10px 14px;background:linear-gradient(180deg,#23324f,#172237);color:var(--txt);cursor:pointer;border:1px solid rgba(255,255,255,.08)}button:hover{filter:brightness(1.15)}button.primary{background:linear-gradient(180deg,var(--orange),#c85e00);font-weight:800}button.good{background:linear-gradient(180deg,#35d56a,#19833c)}button.bad{background:linear-gradient(180deg,#ff554d,#a81c18)}button.ghost{background:transparent;border:1px solid var(--line)} input,select,textarea{width:100%;background:#070b15;border:1px solid var(--line);border-radius:12px;color:var(--txt);padding:10px 12px} textarea{min-height:130px} label{display:block;color:var(--muted);font-size:12px;margin:10px 0 6px}.shell{max-width:1500px;margin:0 auto;padding:20px}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:14px}.logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--gold));color:#111;font-weight:1000;font-size:28px;box-shadow:var(--shadow)}h1{margin:0;font-size:30px}.subtitle{color:var(--muted);margin-top:3px}.grid{display:grid;grid-template-columns:380px 1fr 400px;gap:16px}.card{background:rgba(16,23,38,.9);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:16px;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.small{font-size:12px;color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.scoreboard{display:grid;grid-template-columns:1fr 230px 1fr;gap:14px;align-items:stretch}.teamBox{text-align:center;border-radius:24px;padding:18px;background:linear-gradient(180deg,#121b2f,#0b111e);border:1px solid var(--line)}.teamLogo{width:86px;height:86px;border-radius:50%;margin:0 auto 8px;background:#1f2b44;display:grid;place-items:center;overflow:hidden;border:3px solid currentColor}.teamLogo img{width:100%;height:100%;object-fit:cover}.teamName{font-size:22px;font-weight:900}.score{font-size:112px;line-height:.9;font-weight:1000;letter-spacing:-6px;text-shadow:0 8px 25px rgba(255,138,0,.28)}.clockBox{text-align:center;border-radius:24px;padding:18px;background:linear-gradient(180deg,#1b263d,#0a0e17);border:1px solid var(--line)}.clock{font-size:54px;font-weight:1000}.period{color:var(--gold);font-weight:900}.live{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:999px;background:#40110f;color:#ffb1ad;font-weight:900;font-size:12px}.roster{display:grid;gap:8px;max-height:330px;overflow:auto;padding-right:4px}.player{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;background:#0b111e;border:1px solid var(--line);border-radius:14px;padding:8px}.pill{padding:3px 8px;border-radius:999px;background:#263653;color:var(--muted);font-size:12px}.timeline{max-height:320px;overflow:auto;display:grid;gap:8px}.event{padding:10px;border-radius:14px;background:#0b111e;border-left:4px solid var(--orange);color:#dbe5f7}.stat{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;margin:8px 0}.foulGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.foulPlayer{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:#0b111e}.dots{letter-spacing:2px;color:var(--gold);font-weight:900}.warn{color:var(--red);font-weight:900}.libraryTeam{padding:10px;border:1px solid var(--line);border-radius:14px;background:#0b111e;margin:8px 0}.libraryTeam b{display:block}.hidden{display:none!important}
body.overlay{width:100vw;height:100vh;background:transparent;overflow:hidden}.ovScoreOnly{position:absolute;left:50%;top:42px;transform:translateX(-50%);min-width:min(1120px,96vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:26px 40px;border-radius:34px;background:linear-gradient(180deg,rgba(5,8,15,.93),rgba(7,10,18,.82));border:3px solid rgba(255,207,77,.72);box-shadow:0 28px 100px rgba(0,0,0,.68),0 0 42px rgba(255,138,0,.22);backdrop-filter:blur(12px);animation:dropIn .55s cubic-bezier(.2,1.2,.2,1)}.ovName{text-align:center;font-size:42px;font-weight:1000;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 6px 20px rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ovCore{text-align:center}.ovScoreBig{font-size:180px;line-height:.82;font-weight:1000;color:var(--gold);letter-spacing:-12px;text-shadow:0 0 28px rgba(255,207,77,.72),0 12px 38px rgba(0,0,0,.9);animation:scorePulse .7s ease}.ovTimeUnder{margin:18px auto 0;display:inline-flex;align-items:center;gap:18px;padding:12px 26px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:58px;line-height:1;font-weight:1000;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.25)}.ovPeriodSmall{font-size:24px;color:var(--gold);font-weight:900;text-transform:uppercase}.ovGoalFlash{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;animation:flashFade 2.4s ease forwards}.ovGoalText{font-size:150px;font-weight:1000;color:#fff;text-shadow:0 0 35px var(--gold),0 0 90px var(--orange);letter-spacing:.04em}.ovPaused{font-size:22px;color:#ffb1ad;font-weight:900}.blink{width:15px;height:15px;border-radius:50%;background:var(--red);box-shadow:0 0 20px var(--red);}@keyframes dropIn{from{transform:translate(-50%,-35px);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes scorePulse{0%{transform:scale(.85);filter:brightness(1.8)}45%{transform:scale(1.08)}100%{transform:scale(1);filter:brightness(1)}}@keyframes flashFade{0%{opacity:0;transform:scale(.8)}12%{opacity:1;transform:scale(1.05)}80%{opacity:1}100%{opacity:0;transform:scale(1.18)}}@keyframes blink{50%{opacity:.25}}
@media(max-width:1150px){.grid{grid-template-columns:1fr}.scoreboard{grid-template-columns:1fr}.score{font-size:86px}.ovScoreOnly{grid-template-columns:1fr;padding:20px}.ovScoreBig{font-size:128px}.ovTimeUnder{font-size:42px}.ovName{font-size:30px}}

/* Overlay full-screen v3: pensata per display/OBS a tutto schermo */
body.overlay{
  width:100vw;
  height:100vh;
  min-height:100vh;
  background:#02040a!important;
  overflow:hidden;
}
body.overlay #app{width:100vw;height:100vh}
.ovFullscreen{
  width:100vw;
  height:100vh;
  padding:4vh 4vw;
  display:grid;
  grid-template-rows:1fr auto;
  gap:3vh;
  background:
    radial-gradient(circle at 50% -20%,rgba(255,138,0,.18),transparent 36%),
    radial-gradient(circle at 15% 110%,rgba(100,210,255,.13),transparent 32%),
    linear-gradient(180deg,#02040a,#070a12 48%,#010208);
  animation:ovFadeIn .45s ease-out both;
}
.ovTeams{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(70px,8vw,140px) minmax(0,1fr);
  gap:2.4vw;
  align-items:stretch;
  min-height:0;
}
.ovTeamPanel{
  position:relative;
  min-width:0;
  border-radius:clamp(26px,4vw,64px);
  padding:clamp(20px,3.2vw,58px);
  display:grid;
  grid-template-rows:auto 1fr;
  place-items:center;
  overflow:hidden;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--team) 78%,#ffffff 8%),color-mix(in srgb,var(--team) 58%,#000000 42%));
  border:clamp(4px,.6vw,10px) solid color-mix(in srgb,var(--team) 72%,#ffffff 28%);
  box-shadow:0 34px 120px rgba(0,0,0,.78), inset 0 0 60px rgba(255,255,255,.12);
  isolation:isolate;
}
.ovTeamPanel:before{
  content:"";
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 28%),linear-gradient(125deg,rgba(255,255,255,.22),transparent 38%);
  mix-blend-mode:screen;
  opacity:.65;
  z-index:-1;
}
.ovTeamPanel:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 -38px 90px rgba(0,0,0,.34);
  pointer-events:none;
}
.ovTeamName{
  width:100%;
  min-width:0;
  text-align:center;
  padding:.2em .45em;
  border-radius:999px;
  background:rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.22);
  font-size:clamp(30px,5vw,88px);
  line-height:1;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 8px 24px rgba(0,0,0,.8);
}
.ovScoreMega{
  align-self:center;
  justify-self:center;
  font-size:clamp(190px,38vw,650px);
  line-height:.72;
  font-weight:1000;
  letter-spacing:-.09em;
  color:#fff;
  text-shadow:0 14px 48px rgba(0,0,0,.9),0 0 34px rgba(255,255,255,.35);
  transform-origin:center;
}
.ovScoreMega.bump{animation:scoreMegaPulse .72s cubic-bezier(.18,1.35,.2,1)}
.ovVs{
  align-self:center;
  justify-self:center;
  width:clamp(64px,8vw,132px);
  height:clamp(64px,8vw,132px);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#ffcf4d,#ff8a00);
  color:#080a10;
  font-size:clamp(22px,2.8vw,50px);
  font-weight:1000;
  box-shadow:0 18px 56px rgba(0,0,0,.75),0 0 38px rgba(255,138,0,.45);
  z-index:2;
}
.ovClockMega{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px,2vw,36px);
  width:min(92vw,1500px);
  padding:clamp(18px,2.5vh,42px) clamp(30px,4vw,70px);
  border-radius:clamp(28px,4vw,72px);
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));
  border:clamp(3px,.4vw,7px) solid rgba(255,255,255,.18);
  box-shadow:0 22px 80px rgba(0,0,0,.65),inset 0 0 40px rgba(255,255,255,.08);
  font-size:clamp(88px,15vw,260px);
  line-height:.82;
  font-weight:1000;
  letter-spacing:-.06em;
  color:#fff;
  text-shadow:0 12px 40px rgba(0,0,0,.88),0 0 32px rgba(255,255,255,.18);
}
.ovClockMega small{
  font-size:clamp(24px,3.4vw,68px);
  line-height:1;
  letter-spacing:.02em;
  color:var(--gold);
  text-transform:uppercase;
  text-shadow:0 6px 22px rgba(0,0,0,.8);
}
.ovClockMega em{
  font-style:normal;
  font-size:clamp(20px,3vw,56px);
  letter-spacing:.02em;
  color:#ffb1ad;
  text-shadow:0 0 20px rgba(255,69,58,.45);
}
.ovClockMega .blink{width:clamp(20px,2.3vw,42px);height:clamp(20px,2.3vw,42px);flex:0 0 auto}
@keyframes ovFadeIn{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@keyframes scoreMegaPulse{0%{transform:scale(.72);filter:brightness(2.1)}45%{transform:scale(1.11)}100%{transform:scale(1);filter:brightness(1)}}
@media(max-aspect-ratio:1/1){
  .ovFullscreen{padding:3vh 3vw;grid-template-rows:1fr auto}.ovTeams{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}.ovVs{width:clamp(56px,12vw,120px);height:clamp(56px,12vw,120px)}.ovScoreMega{font-size:clamp(170px,56vw,520px)}.ovClockMega{font-size:clamp(74px,20vw,210px);flex-wrap:wrap}
}


/* v4 responsive overlay: occupa davvero l'intero schermo e mantiene proporzioni leggibili */
.brandLogo{width:64px;height:64px;border-radius:18px;object-fit:contain;background:#080b13;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1)}
.filePick{display:inline-flex;align-items:center;justify-content:center;margin:0;border-radius:14px;padding:10px 14px;background:linear-gradient(180deg,#23324f,#172237);color:var(--txt);cursor:pointer;border:1px solid rgba(255,255,255,.08);font-size:inherit}.filePick input{display:none}
body.overlay{background:#02040a!important}body.overlay #app{width:100vw;height:100vh}.ovStage{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(255,138,0,.16),transparent 28%),radial-gradient(circle at 80% 90%,rgba(100,210,255,.10),transparent 34%),linear-gradient(180deg,#02040a 0%,#060a13 48%,#010207 100%);display:grid;grid-template-rows:minmax(0,1fr) minmax(18vh,24vh);gap:clamp(10px,2vh,28px);padding:clamp(14px,2.2vmin,40px);}.ovWatermarkLogo{position:absolute;top:clamp(12px,2vmin,30px);left:clamp(12px,2vmin,30px);width:clamp(48px,7vmin,110px);height:clamp(48px,7vmin,110px);object-fit:contain;border-radius:24%;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 50px rgba(0,0,0,.55);z-index:5}.ovScoreGrid{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(54px,7vmin,140px) minmax(0,1fr);gap:clamp(10px,2vmin,34px);align-items:stretch}.ovSide{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.8vmin,28px);padding:clamp(18px,3vmin,58px);border-radius:clamp(22px,4vmin,62px);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:clamp(2px,.45vmin,7px) solid color-mix(in srgb,var(--team) 70%,#fff 30%);box-shadow:0 28px 100px rgba(0,0,0,.72),inset 0 0 70px rgba(255,255,255,.04)}.ovTeamLabel{width:100%;min-width:0;text-align:center;color:#fff;font-size:clamp(24px,4.6vmin,78px);line-height:1;font-weight:1000;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 8px 24px rgba(0,0,0,.85);padding:.28em .55em;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.18)}.ovScorePlate{min-height:0;align-self:stretch;justify-self:stretch;display:grid;place-items:center;border-radius:clamp(20px,4vmin,70px);background:linear-gradient(180deg,color-mix(in srgb,var(--team) 86%,#fff 8%),color-mix(in srgb,var(--team) 64%,#000 36%));box-shadow:inset 0 0 90px rgba(255,255,255,.13),inset 0 -60px 110px rgba(0,0,0,.32),0 22px 80px rgba(0,0,0,.55);border:clamp(3px,.55vmin,10px) solid color-mix(in srgb,var(--team) 55%,#fff 45%);font-size:clamp(160px,42vmin,620px);line-height:.72;font-weight:1000;letter-spacing:-.08em;color:#fff;text-shadow:0 16px 55px rgba(0,0,0,.9),0 0 28px rgba(255,255,255,.3);overflow:hidden}.ovScorePlate.bump{animation:scoreMegaPulse .72s cubic-bezier(.18,1.35,.2,1)}.ovSeparator{display:grid;place-items:center}.ovSeparator span{width:clamp(54px,7vmin,140px);height:clamp(54px,7vmin,140px);border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffcf4d,#ff8a00);color:#070a12;font-size:clamp(18px,2.7vmin,48px);font-weight:1000;box-shadow:0 18px 58px rgba(0,0,0,.72),0 0 34px rgba(255,138,0,.42)}.ovTimerBar{min-height:0;align-self:stretch;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vmin,44px);padding:clamp(14px,2.5vmin,36px) clamp(24px,4vmin,70px);border-radius:clamp(24px,4vmin,66px);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:clamp(2px,.45vmin,7px) solid rgba(255,255,255,.16);box-shadow:0 26px 90px rgba(0,0,0,.68),inset 0 0 45px rgba(255,255,255,.06)}.ovTimerMain{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.4vmin,34px);font-size:clamp(84px,18vmin,260px);line-height:.8;font-weight:1000;letter-spacing:-.06em;text-shadow:0 14px 44px rgba(0,0,0,.9),0 0 26px rgba(255,255,255,.15)}.ovTimerMeta{display:grid;gap:clamp(6px,1vmin,14px);justify-items:end;text-align:right;font-size:clamp(22px,4vmin,72px);line-height:1;font-weight:1000;color:var(--gold);text-transform:uppercase;text-shadow:0 8px 24px rgba(0,0,0,.8)}.ovTimerMeta span:last-child{color:#ffb1ad}.ovTimerMain .blink{width:clamp(16px,2.5vmin,40px);height:clamp(16px,2.5vmin,40px);flex:0 0 auto}@media(max-aspect-ratio:4/3){.ovStage{grid-template-rows:minmax(0,1fr) minmax(14vh,20vh)}.ovScoreGrid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.ovScorePlate{font-size:clamp(120px,32vmin,340px)}.ovSide{padding:clamp(12px,2vmin,32px)}.ovTeamLabel{font-size:clamp(22px,4vmin,54px)}.ovTimerBar{grid-template-columns:1fr}.ovTimerMeta{grid-auto-flow:column;justify-content:center;justify-items:center;text-align:center}.ovTimerMain{font-size:clamp(70px,16vmin,180px)}}@media(max-height:620px) and (orientation:landscape){.ovStage{grid-template-rows:minmax(0,1fr) minmax(96px,21vh);padding:12px}.ovTeamLabel{font-size:clamp(20px,5vh,44px)}.ovScorePlate{font-size:clamp(140px,58vh,360px)}.ovTimerMain{font-size:clamp(58px,15vh,120px)}.ovTimerMeta{font-size:clamp(18px,5vh,42px)}}

/* v6: overlay stabile senza flickering sul timer */
body.overlay .ovStage{animation:none!important;transition:none!important}
body.overlay .ovTimerMain,body.overlay .ovTimeValue{animation:none!important;transition:none!important}
body.overlay .blink{display:none!important;animation:none!important}

/* v7 additions */
.steps{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.steps span{padding:6px 10px;border-radius:999px;background:#0b111e;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800}.steps span.on{background:linear-gradient(180deg,var(--orange),#b85400);color:#fff}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.center{justify-content:center}.libraryList{margin-top:14px}.playerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;max-height:280px;overflow:auto}.playerGrid button{text-align:left;min-height:58px}.foulBar{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:8px;align-items:center;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:14px;background:#0b111e}.foulBar meter{width:100%;height:18px}.foulBar.warn{border-color:#ffcf4d;box-shadow:0 0 0 1px rgba(255,207,77,.25)}.foulBar.limit{border-color:var(--red);box-shadow:0 0 0 1px rgba(255,69,58,.35);background:#1d0d10}.standings{overflow:auto}.standings table{width:100%;border-collapse:collapse;font-size:12px}.standings th,.standings td{padding:6px;border-bottom:1px solid var(--line);text-align:right}.standings th:first-child,.standings td:first-child{text-align:left}.smallTimeline{max-height:180px}.pens{font-size:24px;letter-spacing:4px}.pens .ok{color:var(--green)}.pens .no{color:var(--red)}

/* v7 overlay final */
body.overlay{background:#02040a!important;overflow:hidden}.overlayCanvas{width:100vw;height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(12px,2.2vh,34px);padding:clamp(14px,2.5vmin,44px);background:radial-gradient(circle at 25% 5%,rgba(255,138,0,.15),transparent 30%),radial-gradient(circle at 80% 100%,rgba(100,210,255,.11),transparent 34%),linear-gradient(180deg,#02040a,#060a13 48%,#010207)}.ovScores{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(54px,7vmin,140px) minmax(0,1fr);gap:clamp(10px,2vmin,34px);align-items:stretch}.ovSide{--team-color:#ff8a00;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.8vmin,28px);padding:clamp(18px,3vmin,58px);border-radius:clamp(22px,4vmin,62px);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:clamp(2px,.45vmin,7px) solid color-mix(in srgb,var(--team-color) 70%,#fff 30%);box-shadow:0 28px 100px rgba(0,0,0,.72),inset 0 0 70px rgba(255,255,255,.04)}.ovName{width:100%;min-width:0;text-align:center;color:#fff;font-size:clamp(24px,4.6vmin,78px);line-height:1;font-weight:1000;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 8px 24px rgba(0,0,0,.85);padding:.28em .55em;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.18)}.ovScorePlate{min-height:0;align-self:stretch;justify-self:stretch;display:grid;place-items:center;border-radius:clamp(20px,4vmin,70px);background:linear-gradient(180deg,color-mix(in srgb,var(--team-color) 86%,#fff 8%),color-mix(in srgb,var(--team-color) 64%,#000 36%));box-shadow:inset 0 0 90px rgba(255,255,255,.13),inset 0 -60px 110px rgba(0,0,0,.32),0 22px 80px rgba(0,0,0,.55);border:clamp(3px,.55vmin,10px) solid color-mix(in srgb,var(--team-color) 55%,#fff 45%);font-size:clamp(160px,42vmin,620px);line-height:.72;font-weight:1000;letter-spacing:-.08em;color:#fff;text-shadow:0 16px 55px rgba(0,0,0,.9),0 0 28px rgba(255,255,255,.3);overflow:hidden}.ovScorePlate.bump{animation:scoreMegaPulse .72s cubic-bezier(.18,1.35,.2,1)}.ovVs{align-self:center;justify-self:center;width:clamp(54px,7vmin,140px);height:clamp(54px,7vmin,140px);border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffcf4d,#ff8a00);color:#070a12;font-size:clamp(18px,2.7vmin,48px);font-weight:1000;box-shadow:0 18px 58px rgba(0,0,0,.72),0 0 34px rgba(255,138,0,.42)}.ovTime{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vmin,44px);padding:clamp(14px,2.5vmin,36px) clamp(24px,4vmin,70px);border-radius:clamp(24px,4vmin,66px);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:clamp(2px,.45vmin,7px) solid rgba(255,255,255,.16);box-shadow:0 26px 90px rgba(0,0,0,.68),inset 0 0 45px rgba(255,255,255,.06)}.ovTimeValue{font-size:clamp(84px,18vmin,260px);line-height:.8;font-weight:1000;letter-spacing:-.06em;text-align:center;text-shadow:0 14px 44px rgba(0,0,0,.9),0 0 26px rgba(255,255,255,.15)}.ovTime>div:last-child{display:grid;gap:clamp(6px,1vmin,14px);justify-items:end;text-align:right;font-size:clamp(22px,4vmin,72px);line-height:1;font-weight:1000;color:var(--gold);text-transform:uppercase;text-shadow:0 8px 24px rgba(0,0,0,.8)}.ovRunValue{color:#ffb1ad}.ovGoalFlash{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;animation:flashFade 2.2s ease forwards}.ovGoalText{font-size:clamp(80px,14vw,220px);font-weight:1000;color:#fff;text-shadow:0 0 35px var(--gold),0 0 90px var(--orange);letter-spacing:.04em}@media(max-aspect-ratio:4/3){.overlayCanvas{grid-template-rows:minmax(0,1fr) minmax(14vh,20vh)}.ovScores{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.ovScorePlate{font-size:clamp(120px,32vmin,340px)}.ovSide{padding:clamp(12px,2vmin,32px)}.ovName{font-size:clamp(22px,4vmin,54px)}.ovTime{grid-template-columns:1fr}.ovTime>div:last-child{grid-auto-flow:column;justify-content:center;justify-items:center;text-align:center}.ovTimeValue{font-size:clamp(70px,16vmin,180px)}}