/* ================= TOP LOGO ================= */
@property --lg-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.hero{--lgc-h:var(--lg,#ffcf7a)}
.hero.is-lit.lg-react-lamp{--lgc-h:var(--lamp)}
.rig-sign.lg{--lgc:var(--lg,#ffcf7a);--lg2:#fff;top:16px;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;
  font-size:16px;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--lgc);
  display:flex;flex-direction:column;align-items:center;pointer-events:none}
.hero .rig-sign.lg,.hero.is-lit .rig-sign.lg{box-shadow:none;border:0}
.hero.is-lit .rig-sign.lg.lg-react--lamp{--lgc:var(--lamp)}
.hero.is-lit .rig-sign.lg.lg-react--own .lg__plate{filter:brightness(1.22) saturate(1.1)}
.rig-sign.lg .ch{display:inline-block;opacity:1;animation:none;text-shadow:inherit}
.rig-sign.lg .ch--space{width:.28em}
.lg__plate{position:relative;display:flex;align-items:center;gap:.75em;transform-origin:50% -3em;transition:filter .5s}
.lg__words{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3em}
.lg__main{font-family:var(--lg-f1);font-size:2.9em;font-weight:900;line-height:.95;text-transform:var(--lg-case1,uppercase);letter-spacing:.02em;transition:color .5s,text-shadow .5s}
.lg__sub{font-family:var(--lg-f2);font-size:.92em;font-weight:700;line-height:1;letter-spacing:.6em;margin-right:-.6em;text-transform:uppercase;display:flex;align-items:center;transition:color .5s}
.lg-lock--stack .lg__sub::before,.lg-lock--stack .lg__sub::after{content:"";display:block;width:2em;height:.1em;min-height:1px;background:currentColor;opacity:.55;margin:0 .9em 0 0}
.lg-lock--stack .lg__sub::after{margin:0 0 0 .3em}
.lg__bulbs,.lg__rail,.lg__bar,.lg__mono{display:none}
.lg__tag{margin-top:.6em;padding:.4em 1em;font-family:var(--label);font-size:.78em;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#eef3f7;background:rgba(6,8,11,.72);border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.06)}

/* lockups */
.lg-lock--line .lg__words{flex-direction:row;align-items:baseline;gap:.32em}
.lg-lock--line .lg__main{font-size:2.3em}
.lg-lock--line .lg__sub{font-family:var(--lg-f1);font-size:2.3em;font-weight:900;letter-spacing:.02em;margin:0;line-height:.95;opacity:.82}
.lg-lock--split .lg__words{flex-direction:row;align-items:center;gap:.6em}
.lg-lock--split .lg__main{font-size:2.6em}
.lg-lock--split .lg__sub{font-size:1.02em;padding:.5em 0 .5em .8em;border-left:.14em solid currentColor}
.lg-lock--badge .lg__words{align-items:flex-start}
.lg-lock--badge .lg__main{font-size:2.35em}
.lg-lock--badge .lg__sub{margin-left:.1em}
.lg-lock--badge .lg__mono{display:grid;place-items:center;flex:0 0 auto;width:2.35em;height:2.35em;border-radius:50%;font-family:var(--lg-f1);font-size:1.55em;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;
  border:.12em solid currentColor;box-shadow:inset 0 0 0 .1em rgba(0,0,0,.4),0 0 .5em color-mix(in srgb,var(--lgc) 45%,transparent)}

/* ---------- 1 arena marquee ---------- */
.lg--marquee .lg__plate{padding:.95em 1.7em 1em;border-radius:.5em;background:radial-gradient(120% 150% at 50% 0%,#2b1e10,#0d0906 70%);
  box-shadow:inset 0 0 0 .12em #4a3520,inset 0 0 0 .95em #120c07,inset 0 0 0 1.02em #3a2a18,inset 0 0 1.6em rgba(0,0,0,.85),0 .7em 1.8em rgba(0,0,0,.75)}
.lg--marquee .lg__bulbs{display:block;position:absolute;inset:.18em;padding:.62em;border-radius:.38em;
  background:radial-gradient(circle,#6a4a24 0 .1em,transparent .16em) 0 0/.72em .72em round;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor}
.lg--marquee .lg__bulbs::after{content:"";position:absolute;inset:0;
  background:radial-gradient(circle,#fffaf0 0 .1em,color-mix(in srgb,var(--lgc) 85%,#fff) .16em,color-mix(in srgb,var(--lgc) 30%,transparent) .26em,transparent .36em) 0 0/.72em .72em round;
  mask:conic-gradient(from var(--lg-a),#000 0 22%,rgba(0,0,0,.25) 34% 50%,#000 62% 72%,rgba(0,0,0,.25) 84% 100%);animation:lgSpin 3.2s linear infinite}
.lg--marquee .lg__main{color:#fff6e4;text-shadow:0 0 .05em #fff,0 0 .25em var(--lgc),0 0 .7em color-mix(in srgb,var(--lgc) 70%,transparent),0 0 1.4em color-mix(in srgb,var(--lgc) 35%,transparent)}
.lg--marquee .lg__sub{color:var(--lgc);text-shadow:0 0 .4em color-mix(in srgb,var(--lgc) 70%,transparent)}
.lg--marquee .lg__tag{background:#0d0906;box-shadow:inset 0 0 0 1px #4a3520;color:#ffe9c2}

/* ---------- 2 neon ---------- */
.lg--neon{--lg2:#6fe0ff}
.lg--neon .lg__plate{padding:.55em 1.3em .75em;border-radius:.35em;background:linear-gradient(rgba(12,14,18,.62),rgba(12,14,18,.4));
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 .5em 1.4em rgba(0,0,0,.45)}
.lg--neon .lg__main{color:color-mix(in srgb,var(--lgc) 28%,#fff);text-shadow:0 0 .03em #fff,0 0 .1em var(--lgc),0 0 .28em var(--lgc),0 0 .65em var(--lgc),0 0 1.3em color-mix(in srgb,var(--lgc) 55%,transparent)}
.lg--neon.lg-lock--stack .lg__main,.lg--neon.lg-lock--badge .lg__main{transform:rotate(-5deg);margin:-.05em 0 .05em}
.lg--neon .lg__sub{color:#f4fdff;text-shadow:0 0 .08em #fff,0 0 .35em var(--lg2),0 0 .9em var(--lg2)}
.lg--neon .lg__sub::before,.lg--neon .lg__sub::after{box-shadow:0 0 .4em var(--lg2);background:#f4fdff!important;opacity:.9!important}
.lg--neon .lg__mono{color:#f4fdff;text-shadow:0 0 .3em var(--lg2);border-color:var(--lg2)}

/* ---------- 3 title banner ---------- */
.lg--banner{filter:drop-shadow(0 .6em .9em rgba(0,0,0,.6))}
.lg--banner .lg__rail{display:block;width:calc(100% + 1.2em);height:.34em;border-radius:.2em;background:linear-gradient(#e7ebef,#8b929a 55%,#5d636a);position:relative;z-index:1;margin-bottom:-.12em}
.lg--banner .lg__plate{flex-direction:row;padding:1em 1.8em 2.3em;
  background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 14%,transparent 86%,rgba(0,0,0,.3)),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 .45em,rgba(0,0,0,.06) .45em .9em),color-mix(in srgb,var(--lgc) 62%,#0a0d14);
  clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 1.25em),0 100%);transition:background .5s}
.lg--banner .lg__bulbs{display:block;position:absolute;inset:.38em .38em 0;border:.09em dashed rgba(255,255,255,.4);border-bottom:0;pointer-events:none}
.lg--banner .lg__main{color:#fff;text-shadow:0 .05em 0 rgba(0,0,0,.35)}
.lg--banner .lg__sub{color:#fff}
.lg--banner .lg__words::after{content:"\2605  \2605  \2605";font-size:.7em;letter-spacing:.3em;margin-top:.4em;color:#fff;opacity:.85;white-space:pre}
.lg--banner .lg__mono{color:#fff}
.lg--banner .lg__tag{margin-top:.2em}

/* ---------- 4 varsity patch ---------- */
.lg--varsity .lg__plate{padding:.6em 1.35em .75em;border-radius:.6em;background:radial-gradient(120% 120% at 50% 20%,#1c2436,#0b101a);
  box-shadow:inset 0 0 0 .2em #0b101a,inset 0 0 0 .3em rgba(244,241,234,.45),inset 0 0 0 .38em #0b101a,0 .55em 1.3em rgba(0,0,0,.65)}
.lg--varsity .lg__main{color:var(--lgc);-webkit-text-stroke:.1em #f4f1ea;paint-order:stroke fill;
  text-shadow:.07em .07em 0 #06090f,-.07em .07em 0 #06090f,.07em -.07em 0 #06090f,-.07em -.07em 0 #06090f,0 .1em 0 #06090f,.1em 0 0 #06090f,-.1em 0 0 #06090f,0 -.1em 0 #06090f,0 .16em .2em rgba(0,0,0,.6)}
.lg--varsity .lg__sub{color:#f4f1ea}
.lg--varsity .lg__mono{color:var(--lgc);background:#f4f1ea;border-color:#f4f1ea}

/* ---------- 5 scoreboard LED ---------- */
.lg--led .lg__plate{padding:.7em 1.35em .8em;border-radius:.2em;background:radial-gradient(circle,#171717 0 .9px,transparent 1.4px) 0 0/4px 4px,#040404;
  box-shadow:inset 0 0 0 .16em #1c1e21,inset 0 0 0 .32em #060606,inset 0 0 0 .38em #26292d,0 .55em 1.3em rgba(0,0,0,.75)}
.lg--led .lg__words{filter:drop-shadow(0 0 .1em var(--lgc)) drop-shadow(0 0 .35em color-mix(in srgb,var(--lgc) 55%,transparent))}
.lg--led .lg__main,.lg--led .lg__mono{color:var(--lgc);mask:radial-gradient(circle,#000 1.7px,transparent 2.3px) 0 0/5px 5px}
.lg--led .lg__sub{color:var(--lgc);mask:radial-gradient(circle,#000 1px,transparent 1.4px) 0 0/2.6px 2.6px}
.lg--led .lg__sub::before,.lg--led .lg__sub::after{height:.2em}
.lg--led .lg__tag{font-family:"Saira Condensed",monospace;color:var(--lgc);background:#040404}

/* ---------- 6 chrome ---------- */
.lg--chrome .lg__plate{padding:.25em .7em .35em}
.lg--chrome .lg__words{transform:skewX(-9deg);filter:drop-shadow(0 .04em 0 #1a1d22) drop-shadow(0 .1em .16em rgba(0,0,0,.8)) drop-shadow(0 0 .45em color-mix(in srgb,var(--lgc) 45%,transparent))}
.lg--chrome .lg__sub{color:#e3e8ee;text-shadow:0 .08em .1em rgba(0,0,0,.6)}
.lg--chrome .lg__main,.lg--chrome .lg__mono{color:transparent;-webkit-text-stroke:.012em rgba(255,255,255,.55);
  background-image:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),linear-gradient(180deg,#ffffff 0%,#cfd5dc 36%,#565d66 50%,#a9b1ba 64%,#f3f6f9 100%);
  background-size:300% 100%,100% 100%;background-repeat:no-repeat;background-position:130% 0,0 0;-webkit-background-clip:text;background-clip:text}
.lg--chrome .lg__sub::before,.lg--chrome .lg__sub::after{background:#cfd5dc}
.lg--chrome .lg__mono{border-color:#cfd5dc}

/* ---------- 7 trophy gold ---------- */
.lg--gold .lg__plate{padding:.8em 1.8em .9em;border-radius:.3em;
  background:radial-gradient(circle at .75em .75em,#f3d58a 0 .12em,#6b4b1a .17em,transparent .22em),radial-gradient(circle at calc(100% - .75em) .75em,#f3d58a 0 .12em,#6b4b1a .17em,transparent .22em),
             radial-gradient(circle at .75em calc(100% - .75em),#f3d58a 0 .12em,#6b4b1a .17em,transparent .22em),radial-gradient(circle at calc(100% - .75em) calc(100% - .75em),#f3d58a 0 .12em,#6b4b1a .17em,transparent .22em),
             linear-gradient(#1d1812,#0a0806);
  box-shadow:inset 0 0 0 .12em #5e4520,inset 0 0 0 .2em #140f0a,inset 0 0 0 .27em #c49a45,inset 0 0 0 .34em #140f0a,0 .6em 1.5em rgba(0,0,0,.75)}
.lg--gold .lg__words{filter:drop-shadow(0 .04em 0 #3b280b) drop-shadow(0 0 .3em color-mix(in srgb,var(--lgc) 35%,transparent))}
.lg--gold .lg__main,.lg--gold .lg__sub,.lg--gold .lg__mono{color:transparent;
  background-image:linear-gradient(100deg,transparent 42%,rgba(255,250,228,.95) 50%,transparent 58%),linear-gradient(180deg,#fff3c0 0%,#e3b650 38%,#8a6120 54%,#d8a944 72%,#fff0b3 100%);
  background-size:300% 100%,100% 100%;background-repeat:no-repeat;background-position:130% 0,0 0;-webkit-background-clip:text;background-clip:text}
.lg--gold .lg__main{letter-spacing:.06em}
.lg--gold .lg__sub::before,.lg--gold .lg__sub::after{background:#d8a944}
.lg--gold .lg__mono{border-color:#c49a45}
.lg--gold .lg__tag{color:#f3d58a;background:#0a0806;box-shadow:inset 0 0 0 1px #5e4520}

/* ---------- 8 light box (letters cut out, lit by your lamp colors) ---------- */
.lg--lightbox .lg__plate{padding:.7em 1.45em .8em;border-radius:.25em;background:linear-gradient(#191b1f,#0a0b0d);
  box-shadow:inset 0 .06em 0 rgba(255,255,255,.1),inset 0 0 0 .1em #26292e,0 .6em 1.4em rgba(0,0,0,.75)}
.lg--lightbox .lg__plate::after{content:"";position:absolute;left:6%;right:6%;top:100%;height:3em;pointer-events:none;filter:blur(5px);
  background:linear-gradient(color-mix(in srgb,var(--c1,#fff) 32%,transparent),transparent);clip-path:polygon(4% 0,96% 0,116% 100%,-16% 100%)}
.lg--lightbox .lg__words{filter:drop-shadow(0 0 .1em rgba(255,255,255,.45)) drop-shadow(0 0 .45em color-mix(in srgb,var(--c1,#fff) 60%,transparent))}
.lg--lightbox .lg__main,.lg--lightbox .lg__sub,.lg--lightbox .lg__mono{color:transparent;
  background-image:linear-gradient(90deg,var(--c0),var(--c1),var(--c2),var(--c3),var(--c0));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:lgFlow 9s linear infinite}
.hero.is-lit .lg--lightbox.lg-react--lamp .lg__main,.hero.is-lit .lg--lightbox.lg-react--lamp .lg__sub{background-image:linear-gradient(90deg,var(--lamp),#fff,var(--lamp))}
.lg--lightbox .lg__sub::before,.lg--lightbox .lg__sub::after{background:linear-gradient(90deg,var(--c0),var(--c2))}

/* ---------- 9 carved ice ---------- */
.lg--ice .lg__plate{padding:.7em 1.45em .8em;border-radius:.4em;border:1px solid rgba(220,242,255,.5);
  background:linear-gradient(160deg,rgba(230,245,255,.26),rgba(150,200,240,.07) 45%,rgba(230,245,255,.18));backdrop-filter:blur(7px) brightness(1.1);-webkit-backdrop-filter:blur(7px) brightness(1.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(120,180,230,.4),0 .55em 1.4em rgba(0,0,0,.45)}
.lg--ice .lg__words{filter:drop-shadow(0 .03em 0 rgba(40,90,140,.6)) drop-shadow(0 0 .3em color-mix(in srgb,var(--lgc) 70%,transparent))}
.lg--ice .lg__main,.lg--ice .lg__sub,.lg--ice .lg__mono{color:transparent;-webkit-text-stroke:.012em rgba(255,255,255,.8);
  background-image:linear-gradient(100deg,transparent 42%,#fff 50%,transparent 58%),linear-gradient(180deg,#ffffff 0%,#dff3ff 40%,#8fcaf0 56%,#eaf8ff 100%);
  background-size:300% 100%,100% 100%;background-repeat:no-repeat;background-position:130% 0,0 0;-webkit-background-clip:text;background-clip:text}
.lg--ice .lg__sub::before,.lg--ice .lg__sub::after{background:#dff3ff}

/* ---------- 10 giant outline ---------- */
.lg--outline .lg__plate{padding:.05em .3em .35em;border-bottom:.12em solid color-mix(in srgb,var(--lgc) 55%,transparent)}
.lg--outline .lg__main{font-size:3.7em;color:transparent;-webkit-text-stroke:.022em var(--lgc);
  background-image:linear-gradient(90deg,transparent 38%,var(--lgc) 50%,transparent 62%);background-size:300% 100%;background-repeat:no-repeat;background-position:130% 0;-webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 .1em color-mix(in srgb,var(--lgc) 75%,transparent));animation:lgClip 4.8s ease-in-out infinite}
.lg--outline.lg-lock--line .lg__main,.lg--outline.lg-lock--badge .lg__main{font-size:2.8em}
.lg--outline .lg__sub{color:var(--lgc);text-shadow:0 0 .4em color-mix(in srgb,var(--lgc) 60%,transparent)}

/* ---------- 11 hologram ---------- */
.lg--holo .lg__plate{padding:.55em 1.3em .6em}
.lg--holo .lg__plate::before{content:"";position:absolute;left:-8%;right:-8%;top:-3.2em;bottom:-.3em;pointer-events:none;
  background:linear-gradient(color-mix(in srgb,var(--lgc) 0%,transparent),color-mix(in srgb,var(--lgc) 20%,transparent));clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}
.lg--holo .lg__plate::after{content:"";position:absolute;left:4%;right:4%;bottom:-.4em;height:.3em;border-radius:50%;background:color-mix(in srgb,var(--lgc) 50%,transparent);filter:blur(3px)}
.lg--holo .lg__words{padding:.3em .6em;margin:-.3em -.6em;color:color-mix(in srgb,var(--lgc) 55%,#fff);
  text-shadow:-.035em 0 rgba(255,40,120,.6),.035em 0 rgba(40,220,255,.6),0 0 .35em var(--lgc);
  mask:repeating-linear-gradient(#000 0 2px,rgba(0,0,0,.5) 2px 3.5px);animation:lgJit 5s steps(1) infinite}
.lg--holo .lg__sub::before,.lg--holo .lg__sub::after{background:currentColor}

/* ---------- 12 simple plate (the original) ---------- */
.lg--classic .lg__plate{padding:9px 20px 9px 28px;background:#0b0e12;border:1px solid rgba(255,255,255,.07);border-radius:3px}
.lg--classic .lg__words{flex-direction:row;gap:.5em}
.lg--classic .lg__main,.lg--classic .lg__sub{font-family:var(--lg-f1);font-size:.95em;font-weight:700;letter-spacing:.42em;margin:0;color:#eef3f7;line-height:1}
.lg--classic .lg__sub::before,.lg--classic .lg__sub::after{display:none}

/* ---------- idle motion ---------- */
.lg-idle--sheen:not(.lg--chrome):not(.lg--gold):not(.lg--ice):not(.lg--lightbox):not(.lg--outline) .ch{animation:lgWave 6s ease-in-out infinite;animation-delay:calc(var(--i) * 45ms + 1.8s)}
.lg-idle--sheen.lg--chrome .lg__main,.lg-idle--sheen.lg--gold :is(.lg__main,.lg__sub),.lg-idle--sheen.lg--ice :is(.lg__main,.lg__sub){animation:lgClip 6s ease-in-out infinite 1.8s}
.lg-idle--pulse .lg__plate{animation:lgPulse 3.4s ease-in-out infinite}
.lg-idle--flicker .ch:nth-child(4n+2){animation:lgFlick 6.5s steps(1,end) infinite;animation-delay:calc(var(--i) * -1.3s)}
.lg-idle--sway .lg__plate{animation:lgSway 6.5s ease-in-out infinite}
.lg-glint .lg__plate{filter:brightness(1.45) drop-shadow(0 0 .5em color-mix(in srgb,var(--lgc) 70%,transparent))}

/* ---------- entrances (after idle so they win while playing) ---------- */
.lg-play--ignite .ch{animation:lgIgnite .75s steps(1,end) both!important;animation-delay:calc(var(--i) * 60ms + 120ms)!important}
.lg-play--ignite .lg__plate{animation:lgPlateOn 1.3s ease both}
.lg-play--slam .lg__plate{animation:lgSlam .9s cubic-bezier(.3,.8,.3,1) both}
.lg-play--slam .lg__bar{display:block;position:absolute;left:50%;top:50%;width:140%;aspect-ratio:3/1;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,255,255,.95),color-mix(in srgb,var(--lgc) 60%,transparent) 45%,transparent);animation:lgBurst .9s ease-out both .42s}
.lg-play--sweep .lg__plate{animation:lgReveal 1.2s cubic-bezier(.5,0,.2,1) both .1s}
.lg-play--sweep .lg__bar{display:block;position:absolute;top:-30%;bottom:-30%;width:1.6em;left:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);filter:blur(2px);animation:lgBar 1.2s cubic-bezier(.5,0,.2,1) both .1s}
.lg-play--lower .lg__plate{animation:lgLower 2s cubic-bezier(.35,.6,.3,1) both}
.lg-play--scramble .ch{animation:none!important}
.lg-play--scramble .lg__plate{animation:lgPlateOn .9s ease both}

@keyframes lgSpin{to{--lg-a:360deg}}
@keyframes lgFlow{to{background-position:-200% 0}}
@keyframes lgClip{0%,55%{background-position:130% 0,0 0}100%{background-position:-30% 0,0 0}}
@keyframes lgWave{0%,12%,100%{filter:none}6%{filter:brightness(1.8) drop-shadow(0 0 .15em #fff)}}
@keyframes lgPulse{0%,100%{filter:brightness(.9)}50%{filter:brightness(1.18) drop-shadow(0 0 .5em color-mix(in srgb,var(--lgc) 55%,transparent))}}
@keyframes lgFlick{0%,91%,93%,95.5%,100%{opacity:1}92%,94.5%{opacity:.25}}
@keyframes lgSway{0%,100%{transform:rotate(-.9deg)}50%{transform:rotate(.9deg)}}
@keyframes lgJit{0%,86%,100%{transform:none;opacity:1}87%{transform:translateX(.04em) skewX(-4deg);opacity:.7}89%{transform:translateX(-.03em);opacity:.95}91%{transform:none;opacity:.6}}
@keyframes lgIgnite{0%{opacity:.07}20%{opacity:1}32%{opacity:.18}48%,100%{opacity:1}}
@keyframes lgPlateOn{0%{filter:brightness(.35)}100%{filter:brightness(1)}}
@keyframes lgSlam{0%{transform:translateY(-160%) scale(1.45);opacity:0}45%{opacity:1}52%{transform:translateY(0) scale(1)}62%{transform:translateY(-5%) scale(1.02)}72%{transform:translateY(0) rotate(-.8deg)}84%{transform:rotate(.4deg)}100%{transform:none}}
@keyframes lgBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
@keyframes lgReveal{0%{clip-path:inset(-60% 100% -60% -20%)}100%{clip-path:inset(-60% -20% -60% -20%)}}
@keyframes lgBar{0%{left:-5%;opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}
@keyframes lgLower{0%{transform:translateY(-220%)}62%{transform:translateY(4%)}72%{transform:translateY(0) rotate(1.4deg)}84%{transform:rotate(-.8deg)}94%{transform:rotate(.3deg)}100%{transform:none}}

/* ---------- ceiling glow behind the logo + opening sequence ---------- */
.logo-halo{position:absolute;z-index:5;left:50%;top:0;width:var(--halo-w,640px);height:var(--halo-h,300px);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .9s;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--lgc-h) 42%,transparent),color-mix(in srgb,var(--lgc-h) 14%,transparent) 55%,transparent);mix-blend-mode:screen}
.hero.lg-halo-on .logo-halo{opacity:1}
.hero.is-opening .logo-halo{opacity:1.2}
.hero.is-opening .lamp-nav,.hero.is-opening .hero__rig{opacity:.22;transition:opacity .7s}
.hero.is-opening.op-strike .lamp-nav,.hero.is-opening.op-strike .hero__rig{opacity:1}
.hero .lamp-nav,.hero .hero__rig{transition:opacity .7s}

@media (min-width:1000px){.rig-sign.lg{font-size:18px}}
@media (max-width:600px){.rig-sign.lg{font-size:10.5px;top:10px;padding:0;letter-spacing:0}}
@media (prefers-reduced-motion:reduce){.rig-sign.lg *,.rig-sign.lg *::after{animation:none!important}}

/* ---------- panel: logo section ---------- */
.lgsw{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.lgsw button{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.18);cursor:pointer;padding:0}
.lgsw button[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px #0b0e12,0 0 0 4px var(--accent)}
.lgsw button.auto{width:auto;padding:0 12px;border-radius:15px;background:rgba(255,255,255,.06);color:#dfe5ea;font:600 12.5px var(--body)}
.lgsw input[type=color]{width:34px;height:30px;border:0;background:none;padding:0;cursor:pointer}
.lgtext{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lgtext label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#9aa5b0}
.lgtext label.wide{grid-column:1/-1}
.lgtext label[hidden]{display:none}
.lgswitches{display:flex;flex-direction:column;gap:10px}
.lgswitches small{display:block;font-weight:400;color:#9aa5b0;font-size:12.5px;margin-top:2px}
.lgreplay{width:100%;margin-top:10px}

/* ================= DEPTH & BLENDING ================= */
.rig-sign.lg{--lgb:255,255,255;--lgb-a:0;--th:.36em;--lg-sidec:#131519;--lg-emit:0}
.lg__body{position:relative;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;
  transform:perspective(620px) rotateX(calc(var(--lg-rx,12deg) * -1)) rotateY(var(--lg-ry,0deg))}
.lg__main{filter:var(--lg-ex,none)}
.lg__sub{filter:var(--lg-ex-s,none)}
.lg--outline .lg__main{filter:var(--lg-ex,none) drop-shadow(0 0 .1em color-mix(in srgb,var(--lgc) 75%,transparent)) drop-shadow(0 .06em .12em rgba(var(--lgb),calc(var(--lgb-a) * .9)))}
.lg--chrome .lg__words{filter:drop-shadow(0 .1em .16em rgba(0,0,0,.8)) drop-shadow(0 .05em .1em rgba(var(--lgb),calc(var(--lgb-a) * .9))) drop-shadow(0 0 .45em color-mix(in srgb,var(--lgc) 40%,transparent))}

/* underside of the sign box, lit from below by the lamps */
.lg__side{position:absolute;z-index:-1;left:-.12em;right:-.12em;top:calc(100% - .3em);height:calc(var(--th) + .3em);pointer-events:none;
  border-radius:0 0 .35em .35em;clip-path:polygon(2.5% 0,97.5% 0,100% 100%,0 100%);
  background:linear-gradient(var(--lg-sidec) 0%,var(--lg-sidec) 35%,color-mix(in srgb,rgb(var(--lgb)) calc(var(--lgb-a) * 60%),var(--lg-sidec)) 100%);
  box-shadow:0 .3em .6em rgba(0,0,0,.5)}
/* lamp light washing up the face + a little rafter light on top + material grain */
.lg__lit{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;
  background:linear-gradient(to top,rgba(var(--lgb),calc(var(--lgb-a) * .32)),rgba(var(--lgb),calc(var(--lgb-a) * .05)) 35%,transparent 55%),
             linear-gradient(to bottom,rgba(255,255,255,.07),transparent 28%)}
.lg__lit::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.35;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
/* glow the sign throws down onto the rig */
.lg__spill{position:absolute;left:-10%;right:-10%;top:calc(100% - .5em);height:5em;pointer-events:none;mix-blend-mode:screen;filter:blur(6px);opacity:var(--lg-emit);
  background:radial-gradient(55% 100% at 50% 0,color-mix(in srgb,var(--lgc) 34%,transparent),color-mix(in srgb,var(--lgc) 10%,transparent) 55%,transparent 80%)}
/* hangers where the cables meet the sign */
.lg__clamps{position:absolute;inset:0;pointer-events:none}
.lg__clamps::before,.lg__clamps::after{content:"";position:absolute;top:-.3em;left:calc(24px - .3em);width:.6em;height:.45em;border-radius:1px;
  background:linear-gradient(#6a7078,#2a2d32);box-shadow:0 1px 2px rgba(0,0,0,.7)}
.lg__clamps::after{left:auto;right:calc(24px - .3em)}
/* haze drifting in front */
.lg__fog{position:absolute;inset:-40% -22%;z-index:4;pointer-events:none;mix-blend-mode:screen;filter:blur(7px);
  opacity:calc(var(--lg-fog,.4) * var(--haze-k,1));
  background:radial-gradient(30% 40% at 10% 70%,rgba(var(--haze-rgb,200,215,235),.34),transparent 70%),
             radial-gradient(28% 38% at 90% 35%,rgba(var(--haze-rgb,200,215,235),.28),transparent 70%),
             radial-gradient(60% 26% at 50% 100%,rgba(var(--haze-rgb,200,215,235),.3),transparent 72%);
  background-size:170% 100%;animation:lgFog 16s ease-in-out infinite alternate}
.hero.no-haze .lg__fog{display:none}
@keyframes lgFog{0%{background-position:0% 0,100% 0,30% 0}100%{background-position:100% 0,0% 0,70% 0}}

/* per-look materials */
.lg--marquee{--lg-sidec:#1d140b;--lg-emit:1}
.lg--neon{--lg-sidec:rgba(12,14,18,.75);--lg-emit:1}
.lg--neon .lg__words{filter:drop-shadow(0 .12em .08em rgba(0,0,0,.55))}
.lg--led{--lg-sidec:#0b0c0e;--lg-emit:1}
.lg--lightbox{--lg-sidec:#0d0e11;--lg-emit:1}
.lg--gold{--lg-sidec:#2c200e}
.lg--varsity{--lg-sidec:#0a0e16}
.lg--ice{--lg-sidec:rgba(170,215,245,.3)}
.lg--classic{--lg-sidec:#0a0c0f}
.lg--outline{--lg-emit:.8}
.lg--holo{--lg-emit:.9}
.lg--banner .lg__side,.lg--banner .lg__clamps,.lg--chrome .lg__side,.lg--chrome .lg__lit,.lg--outline .lg__side,.lg--outline .lg__lit,.lg--holo .lg__side,.lg--holo .lg__lit,.lg--holo .lg__clamps,.lg--outline .lg__clamps,.lg--chrome .lg__clamps{display:none}
/* fabric banner: folds catch the light */
.lg--banner .lg__lit{background:linear-gradient(to top,rgba(var(--lgb),calc(var(--lgb-a) * .45)),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1.4em,rgba(0,0,0,.12) 2.2em,rgba(255,255,255,.06) 2.8em)}
.lg--banner .lg__lit::after{display:none}
/* ice lets the arena show through, tinted by the lamps */
.lg--ice .lg__lit{background:linear-gradient(to top,rgba(var(--lgb),calc(var(--lgb-a) * .5)),transparent 65%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 42%,transparent 50%)}
@media (prefers-reduced-motion:reduce){.lg__fog{animation:none}}

/* ================= UPLOADED LOGO IN ITS HOUSING ================= */
.rig-sign.lg{--pic-k:1}
.lg__pic{position:relative;display:block;flex:0 0 auto;height:calc(var(--pic-h,3.1em) * var(--pic-k));width:calc(var(--pic-h,3.1em) * var(--pic-k) * var(--pic-ar,2));max-width:calc(15em * var(--pic-k));
  filter:var(--pic-glow,drop-shadow(0 .05em .06em rgba(0,0,0,.55)))}
.lg__pic img{display:block;width:100%;height:100%;object-fit:contain}
.lg__pm{position:absolute;inset:0;background:var(--pic-bg,#fff);-webkit-mask:var(--pic-url) center/contain no-repeat;mask:var(--pic-url) center/contain no-repeat}
.lg-picfx--white .lg__pm{background:#f4f6f8}
.lg-pic--beside .lg__pic{--pic-h:2.6em}
.lg-pic--above .lg__pic{--pic-h:2.3em}
.lg__stack{display:flex;flex-direction:column;align-items:center;gap:.45em}
.lg-pic--replace .lg__plate{min-width:6em;justify-content:center}
/* how each housing lights the logo */
.lg--marquee{--pic-bg:#fff6e4;--pic-glow:drop-shadow(0 0 .06em #fff) drop-shadow(0 0 .28em var(--lgc)) drop-shadow(0 0 .7em color-mix(in srgb,var(--lgc) 55%,transparent))}
.lg--neon{--pic-bg:color-mix(in srgb,var(--lgc) 28%,#fff);--pic-glow:drop-shadow(0 0 .08em var(--lgc)) drop-shadow(0 0 .3em var(--lgc)) drop-shadow(0 0 .75em var(--lgc))}
.lg--banner,.lg--varsity{--pic-bg:#fff}
.lg--led{--pic-bg:var(--lgc);--pic-glow:drop-shadow(0 0 .1em var(--lgc)) drop-shadow(0 0 .35em color-mix(in srgb,var(--lgc) 55%,transparent))}
.lg--led.lg-picfx--lit .lg__pm{-webkit-mask:var(--pic-url) center/contain no-repeat,radial-gradient(circle,#000 1.7px,transparent 2.3px) 0 0/5px 5px;-webkit-mask-composite:source-in;
  mask:var(--pic-url) center/contain no-repeat,radial-gradient(circle,#000 1.7px,transparent 2.3px) 0 0/5px 5px;mask-composite:intersect}
.lg--chrome{--pic-bg:linear-gradient(180deg,#fff 0%,#cfd5dc 36%,#565d66 50%,#a9b1ba 64%,#f3f6f9 100%);--pic-glow:drop-shadow(0 .06em .1em rgba(0,0,0,.8)) drop-shadow(0 0 .4em color-mix(in srgb,var(--lgc) 40%,transparent))}
.lg--gold{--pic-bg:linear-gradient(180deg,#fff3c0 0%,#e3b650 38%,#8a6120 54%,#d8a944 72%,#fff0b3 100%);--pic-glow:drop-shadow(0 .04em 0 #3b280b) drop-shadow(0 0 .3em rgba(255,200,90,.35))}
.lg--lightbox{--pic-bg:linear-gradient(90deg,var(--c0),var(--c1),var(--c2),var(--c3));--pic-glow:drop-shadow(0 0 .1em rgba(255,255,255,.45)) drop-shadow(0 0 .45em color-mix(in srgb,var(--c1,#fff) 60%,transparent))}
.lg--ice{--pic-bg:linear-gradient(180deg,#fff 0%,#dff3ff 40%,#8fcaf0 56%,#eaf8ff 100%);--pic-glow:drop-shadow(0 .03em 0 rgba(40,90,140,.6)) drop-shadow(0 0 .3em color-mix(in srgb,var(--lgc) 70%,transparent))}
.lg--outline{--pic-bg:color-mix(in srgb,var(--lgc) 30%,transparent);--pic-glow:drop-shadow(0 0 .08em var(--lgc)) drop-shadow(0 0 .3em color-mix(in srgb,var(--lgc) 70%,transparent))}
.lg--holo{--pic-bg:color-mix(in srgb,var(--lgc) 55%,#fff);--pic-glow:drop-shadow(-.03em 0 rgba(255,40,120,.55)) drop-shadow(.03em 0 rgba(40,220,255,.55)) drop-shadow(0 0 .35em var(--lgc))}
.lg--holo .lg__pic{opacity:.92}
.lg--classic{--pic-bg:#eef3f7}
.lg-haspic.lg--outline .lg__plate{padding:.3em .6em .45em}
.hero.is-lit .lg-react--lamp{--pic-bg-lamp:var(--lamp)}
/* full-color files still pick up the housing's glow or shadow */
.lg-picfx--color.lg--banner .lg__pic,.lg-picfx--color.lg--varsity .lg__pic,.lg-picfx--color.lg--classic .lg__pic{filter:drop-shadow(0 .05em .08em rgba(0,0,0,.6))}
/* panel */
.lgfile{display:flex;gap:12px;align-items:center;margin:12px 0 10px;padding:8px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03)}
.lgfile__prev{width:84px;height:56px;flex:0 0 auto;border-radius:6px;display:grid;place-items:center;background:repeating-conic-gradient(#2a2e34 0 25%,#1c1f24 0 50%) 0 0/12px 12px}
.lgfile__prev img{max-width:78px;max-height:50px;object-fit:contain}
.lgfile__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.lgfile__txt strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subh{margin:14px 0 8px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#aeb8c2}
#lgFileOpts[hidden]{display:none}
.lg-pic--replace .lg__pic{--pic-h:4.3em}
/* keep the inner detail of the logo (letters, lines) when it's lit in the housing's color */
.lg__pm::after{content:"";position:absolute;inset:0;background:var(--pic-url) center/contain no-repeat;mix-blend-mode:luminosity;opacity:.7}
.lg-picfx--white .lg__pm::after{opacity:.35}
.miniswitch span small{display:block}

/* ================= NEXT ONE SCOREBOARD HOUSING ================= */
.lg--brand{--lg-sidec:#050505;--lg-emit:.55;--pic-bg:#fff;--pic-glow:drop-shadow(0 0 .05em rgba(255,255,255,.3)) drop-shadow(0 0 .35em rgba(200,16,46,.45))}
.lg--brand .lg__plate{padding:1.05em 2em 1.1em;border-radius:.28em;
  background:radial-gradient(130% 150% at 50% 0%,#1f1f22,#0b0b0c 55%,#030303);
  box-shadow:inset 0 .3em 0 #C8102E,inset 0 .42em 0 #fff,inset 0 -.3em 0 #C8102E,inset 0 -.42em 0 #fff,inset .1em 0 0 #1a1a1c,inset -.1em 0 0 #1a1a1c,0 .7em 1.6em rgba(0,0,0,.7),0 0 2.4em rgba(200,16,46,.28)}
.lg--brand .lg__bulbs{display:block;position:absolute;inset:.62em .55em;border-radius:.12em;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.06) 0 1px,transparent 1.6px) 0 0/5px 5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 0 1.2em rgba(0,0,0,.45)}
.lg--brand .lg__plate::before,.lg--brand .lg__plate::after{content:"";position:absolute;top:.18em;bottom:.18em;width:.6em;border-radius:.22em 0 0 .22em;
  background:linear-gradient(#e0203f,#8d0b20);box-shadow:inset -.08em 0 0 rgba(0,0,0,.35),inset .06em 0 0 rgba(255,255,255,.25);left:-.5em}
.lg--brand .lg__plate::after{left:auto;right:-.5em;border-radius:0 .22em .22em 0;box-shadow:inset .08em 0 0 rgba(0,0,0,.35),inset -.06em 0 0 rgba(255,255,255,.25)}
.lg--brand .lg__main{color:#fff;text-shadow:0 0 .3em rgba(200,16,46,.55)}
.lg--brand .lg__sub{color:#fff;opacity:.9}
.lg--brand .lg__sub::before,.lg--brand .lg__sub::after{background:#C8102E!important;opacity:1!important}
.lg--brand .lg__mono{color:#fff;background:#C8102E;border-color:#fff}
.lg--brand .lg__tag{background:#000;box-shadow:inset 0 -2px 0 #C8102E;color:#fff}
.lg--brand .lg__lit{border-radius:.28em}
/* brand grade + center ice */
.hero__brand{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:soft-light;opacity:var(--bgrade,0);
  background:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.45) 55%,rgba(200,16,46,.4))}
.hero__ice{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
/* panel */
.bswatches{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.bsw{flex:1;display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.03)}
.bsw span{display:block;height:28px;border-radius:5px;border:1px solid rgba(255,255,255,.15)}
.bsw b{font-size:13.5px}.bsw small{font-size:11.5px;color:#9aa5b0}
.brandgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.blogo{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 8px;border:1px solid var(--line);border-radius:9px;background:#000;cursor:pointer;color:#dfe5ea}
.blogo img{height:44px;max-width:100%;object-fit:contain}
.blogo small{font-size:11.5px;text-align:center;line-height:1.3}
.blogo[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
.blogo:hover{filter:brightness(1.15)}

/* ================= SCOREBOARD OPTIONS ================= */
.rig-sign.lg{--sb-w:1;--sb-h:1;--sb-glow:1;--sb-rim:1;--blend:.35}
.lg--brand .lg__plate{padding:calc(1.05em * var(--sb-h)) calc(2em * var(--sb-w)) calc(1.1em * var(--sb-h));
  --sb-bg:radial-gradient(130% 150% at 50% 0%,#1f1f22,#0b0b0c 55%,#030303);
  --sb-str:inset 0 .3em 0 #C8102E,inset 0 .42em 0 #fff,inset 0 -.3em 0 #C8102E,inset 0 -.42em 0 #fff;
  background:var(--sb-bg);
  box-shadow:var(--sb-str),inset .1em 0 0 #1a1a1c,inset -.1em 0 0 #1a1a1c,0 .7em 1.6em rgba(0,0,0,.7),0 0 2.4em rgba(200,16,46,calc(.28 * var(--sb-rim)))}
.lg--brand.sb-f-matte .lg__plate{--sb-bg:#0e0e0f}
.lg--brand.sb-f-carbon .lg__plate{--sb-bg:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 3px,transparent 3px 6px),repeating-linear-gradient(-45deg,rgba(0,0,0,.35) 0 3px,transparent 3px 6px),#121214}
.lg--brand.sb-f-metal .lg__plate{--sb-bg:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),linear-gradient(180deg,#3a3d42,#1b1d20 52%,#2a2d31)}
.lg--brand.sb-s-red .lg__plate{--sb-str:inset 0 .3em 0 #C8102E,inset 0 -.3em 0 #C8102E}
.lg--brand.sb-s-none .lg__plate{--sb-str:inset 0 0 0 1px rgba(255,255,255,.1)}
.lg--brand.sb-sh-rounded .lg__plate{border-radius:.9em}
.lg--brand.sb-sh-rounded .lg__plate::before{border-radius:.6em 0 0 .6em}.lg--brand.sb-sh-rounded .lg__plate::after{border-radius:0 .6em .6em 0}
.lg--brand.sb-sh-angled .lg__plate{clip-path:polygon(1.1em 0,calc(100% - 1.1em) 0,100% 50%,calc(100% - 1.1em) 100%,1.1em 100%,0 50%)}
.lg--brand.sb-sh-angled .lg__plate::before,.lg--brand.sb-sh-angled .lg__plate::after{display:none}
.lg--brand.sb-sh-wide .lg__plate{padding:calc(.55em * var(--sb-h)) calc(3.2em * var(--sb-w))}
.lg--brand.sb-sh-wide .lg__pic{--pic-h:3.2em}
.lg--brand.sb-nocaps .lg__plate::before,.lg--brand.sb-nocaps .lg__plate::after{display:none}
.lg--brand{--pic-glow:drop-shadow(0 0 .05em rgba(255,255,255,calc(.3 * var(--sb-glow)))) drop-shadow(0 0 .35em rgba(200,16,46,calc(.45 * var(--sb-glow)))) drop-shadow(0 0 .9em rgba(200,16,46,calc(.25 * var(--sb-glow))))}

/* ================= BLEND THE TOP LOGO INTO THE SCENE ================= */
.lg__body{filter:blur(calc(var(--blend) * .7px)) saturate(calc(1 - var(--blend) * .22)) contrast(calc(1 - var(--blend) * .18)) brightness(calc(1 - var(--blend) * .12))}
.lg__fog{opacity:calc((var(--lg-fog,.4) + var(--blend) * .35) * var(--haze-k,1))}
.lg__body::after{content:"";position:absolute;inset:-6%;z-index:5;pointer-events:none;mix-blend-mode:soft-light;opacity:calc(var(--blend) * .7);
  background:linear-gradient(rgba(var(--haze-rgb,200,215,235),.8),rgba(0,0,0,.55))}
.hero .logo-halo{opacity:calc(1 - var(--blend-h,0))}
/* the hovered lamp's word moves up to the jumbotron */
.lamp__word{transition:opacity .25s}
.hero.jb-word .lamp.is-on .lamp__word{opacity:0}
#sbOpts[hidden]{display:none}
.hero.lg-halo-on .logo-halo{opacity:calc(1 - var(--blend-h,0))}
.lg--brand.sb-f-navy .lg__plate{--sb-bg:radial-gradient(130% 150% at 50% 0%,#0f3470,#041E42 55%,#020d22)}
.lg--brand.sb-f-navy{--lg-sidec:#020d22}
.lg--brand.sb-f-navy .lg__plate{box-shadow:var(--sb-str),inset .1em 0 0 #0a2a55,inset -.1em 0 0 #0a2a55,0 .7em 1.6em rgba(0,0,0,.7),0 0 2.4em rgba(200,16,46,calc(.28 * var(--sb-rim)))}

/* secondary logo swaps in while a spotlight is on */
.lg__main1{display:contents}
.lg-hasalt .lg__main1{display:flex;align-items:center;gap:.75em;transition:opacity .35s,transform .35s}
.lg__alt{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.86);transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1);pointer-events:none;z-index:2}
.lg__alt .lg__pic{--pic-h:4.4em;max-width:none}
.hero.is-lit .lg-hasalt .lg__main1{opacity:0;transform:scale(.9)}
.hero.is-lit .lg-hasalt .lg__alt{opacity:1;transform:none}

/* ================= 3D SCOREBOARD (rendered artwork, no drawn housing) ================= */
.lg--board{--lg-emit:.7;--lgc:#ff2b2b}
.lg--board .lg__plate{padding:0;background:none;box-shadow:none;border:0;border-radius:0}
.lg--board .lg__plate::before,.lg--board .lg__plate::after,.lg--board .lg__side,.lg--board .lg__lit,.lg--board .lg__bulbs,.lg--board .lg__clamps{display:none!important}
.lg--board .lg__pic,.lg--board .lg__alt .lg__pic{--pic-h:6em;max-width:none;transition:filter .6s;
  filter:drop-shadow(0 .5em .9em rgba(0,0,0,.65)) drop-shadow(0 0 1.3em color-mix(in srgb,var(--lgc) 30%,transparent)) drop-shadow(0 .3em .45em rgba(var(--lgb),calc(var(--lgb-a) * .4)))}
.lg--board .lg__alt .lg__pic{--pic-h:6.55em}
/* no haze box or tint panel around the artwork */
.lg--board .lg__body::after,.lg--board .lg__fog{display:none!important}
.lg--board .lg__body{filter:none}
/* quiet life: the LEDs breathe, and its red light falls onto the rig below */
.lg--board .lg__plate{animation:sbBreathe 5.5s ease-in-out infinite}
.lg--board .lg__spill{opacity:.55;height:6em}
@keyframes sbBreathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08) saturate(1.06)}}
@media (prefers-reduced-motion:reduce){.lg--board .lg__plate{animation:none}}
.lg--board .lg__alt{transform:scale(.97)}
.hero.is-lit .lg--board.lg-hasalt .lg__main1{transform:scale(.97)}