.mega{position:relative;display:inline-block;width:var(--mw,104px);
  aspect-ratio:var(--ar);border:0;background:none;padding:0;cursor:pointer;
  text-decoration:none;line-height:0;-webkit-tap-highlight-color:transparent;
  transform-origin:14% 55%;transition:transform .15s cubic-bezier(.3,.9,.4,1.35)}

body:has(.mega){overflow-x:clip}


.mega,.mega ~ .patch,.patch:has(~ .mega){align-self:center}
.mega>img{position:absolute;left:var(--bx);top:var(--by);width:var(--bw);height:var(--bh);
  display:block;max-width:none}

.mega>img[alt]{color:var(--cream);font-family:var(--disp);font-size:13px;letter-spacing:.07em}


.mega .ry{position:absolute;background:#f67e27;opacity:0;
  transform:translate(calc(var(--ox) * -.34),calc(var(--oy) * -.34)) scale(.72);
  transform-origin:var(--fx) var(--fy);
  transition:opacity .16s ease,transform .34s cubic-bezier(.2,.9,.3,1.35)}
.mega .r1{left:var(--r1x);top:var(--r1y);width:var(--r1w);height:var(--r1h)}
.mega .r2{left:var(--r2x);top:var(--r2y);width:var(--r2w);height:var(--r2h)}
.mega .r3{left:var(--r3x);top:var(--r3y);width:var(--r3w);height:var(--r3h)}
.mega .r4{left:var(--r4x);top:var(--r4y);width:var(--r4w);height:var(--r4h)}
[data-mega][data-dir=r] .r1{clip-path:polygon(0% 92.02%,73.82% 0%,100% 21.10%,12.50% 100%)}
[data-mega][data-dir=r] .r2{clip-path:polygon(1.78% 64.10%,99.82% 0%,100% 80.51%,0% 100%)}
[data-mega][data-dir=r] .r3{clip-path:polygon(3.06% 0%,100% 39.92%,90.32% 100%,0% 25.93%)}
[data-mega][data-dir=r] .r4{clip-path:polygon(8.04% 0%,100% 74.05%,78.69% 100%,0% 11.90%)}
[data-mega][data-dir=l] .r1{clip-path:polygon(0% 18.06%,27.55% 0%,100% 90.32%,90% 100%)}
[data-mega][data-dir=l] .r2{clip-path:polygon(13.94% 0%,100% 81.07%,95.01% 100%,0% 42.59%)}
[data-mega][data-dir=l] .r3{clip-path:polygon(3.93% 0%,100% 29.68%,99.49% 72.26%,0% 100%)}
[data-mega][data-dir=l] .r4{clip-path:polygon(0% 72.46%,90% 0%,100% 9.32%,18.09% 100%)}

[data-mega][data-dir=r] .r1{--ox:34%;--oy:-58%;--fx:0%;--fy:100%}
[data-mega][data-dir=r] .r2{--ox:64%;--oy:-14%;--fx:0%;--fy:70%}
[data-mega][data-dir=r] .r3{--ox:64%;--oy:20%;--fx:0%;--fy:20%}
[data-mega][data-dir=r] .r4{--ox:38%;--oy:56%;--fx:0%;--fy:0%}
[data-mega][data-dir=l] .r1{--ox:-34%;--oy:-58%;--fx:100%;--fy:100%}
[data-mega][data-dir=l] .r2{--ox:-64%;--oy:-14%;--fx:100%;--fy:60%}
[data-mega][data-dir=l] .r3{--ox:-64%;--oy:20%;--fx:100%;--fy:40%}
[data-mega][data-dir=l] .r4{--ox:-38%;--oy:56%;--fx:100%;--fy:0%}
.mega .r2,.mega .r3{transition-delay:.02s}
.mega .r1,.mega .r4{transition-delay:.05s}


.mega:hover .ry,.mega.is-hov .ry{opacity:1;
  transform:translate(calc(var(--ox) * -.16),calc(var(--oy) * -.16)) scale(.88)}
.mega:active .ry,.mega.is-press .ry{opacity:1;transform:none;transition-duration:.1s,.26s}
.mega:hover,.mega.is-hov{transform:rotate(-1.6deg) scale(1.015)}
.mega[data-dir=l]:hover,.mega[data-dir=l].is-hov{transform:rotate(1.6deg) scale(1.015)}
.mega:active,.mega.is-press{transform:rotate(-4.6deg) scale(.992)}
.mega[data-dir=l]:active,.mega[data-dir=l].is-press{transform:rotate(4.6deg) scale(.992)}
.mega:focus-visible{outline:2px solid var(--orange-lt,#ffab4d);outline-offset:6px;border-radius:4px}
.mega[hidden]{display:none}
@media(prefers-reduced-motion:reduce){
  .mega,.mega .ry{transition:none}
  .mega:hover,.mega.is-hov,.mega:active,.mega.is-press,
  .mega[data-dir=l]:hover,.mega[data-dir=l]:active{transform:none}
}


.mega[data-mega-state]{cursor:default;pointer-events:none}
.mega[data-mega-state]:hover,.mega[data-mega-state]:active{transform:none}
.mega[data-mega-state][data-mega=open] .ry,
.mega[data-mega-state][data-mega=gameday] .ry{opacity:1;transform:none}


[data-mega][data-dir=r]{--ar:1.5722;--bx:0%;--by:0.00%;--bw:100%;--bh:100.00%;
  --r1x:98.11%;--r1y:-3.60%;--r1w:14.07%;--r1h:27.44%;
  --r2x:102.42%;--r2y:26.45%;--r2w:18.68%;--r2h:10.17%;
  --r3x:103.75%;--r3y:48.25%;--r3w:19.54%;--r3h:12.68%;
  --r4x:101.29%;--r4y:63.43%;--r4w:17.75%;--r4h:21.91%}
[data-mega][data-dir=l]{--ar:1.5722;--bx:0%;--by:4.10%;--bw:100%;--bh:91.80%;
  --r1x:-14.82%;--r1y:2.77%;--r1w:14.79%;--r1h:22.06%;
  --r2x:-21.00%;--r2y:23.08%;--r2w:17.53%;--r2h:15.04%;
  --r3x:-21.21%;--r3y:46.80%;--r3w:17.65%;--r3h:7.35%;
  --r4x:-15.06%;--r4y:60.94%;--r4w:14.18%;--r4h:22.91%}
[data-mega=gameday][data-dir=r]{--ar:1.0667;--bx:0%;--by:0.00%;--bw:100%;--bh:100.00%;
  --r1x:98.11%;--r1y:16.31%;--r1w:14.03%;--r1h:18.57%;
  --r2x:102.42%;--r2y:36.64%;--r2w:18.63%;--r2h:6.88%;
  --r3x:103.74%;--r3y:51.39%;--r3w:19.49%;--r3h:8.58%;
  --r4x:101.29%;--r4y:61.67%;--r4w:17.70%;--r4h:14.83%}
[data-mega=gameday][data-dir=l]{--ar:1.0667;--bx:0%;--by:7.84%;--bw:100%;--bh:84.33%;
  --r1x:-7.88%;--r1y:14.06%;--r1w:13.89%;--r1h:14.06%;
  --r2x:-13.69%;--r2y:27.01%;--r2w:16.47%;--r2h:9.58%;
  --r3x:-13.89%;--r3y:42.12%;--r3w:16.58%;--r3h:4.69%;
  --r4x:-8.11%;--r4y:51.13%;--r4w:13.32%;--r4h:14.60%}



.patch{position:relative;font-family:var(--disp);font-weight:400;letter-spacing:.07em;
  text-transform:uppercase;font-size:13px;color:var(--cream);border:0;
  padding:15px 28px;min-height:48px;
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;
  background:radial-gradient(rgba(255,255,255,.055) .5px,transparent .6px) 0 0/3px 3px,
             linear-gradient(168deg,#1d3767,#152a52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -2px 4px rgba(0,0,0,.4);
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);
  transition:transform .13s cubic-bezier(.3,.9,.4,1.2),box-shadow .13s}

.patch>*{position:relative;z-index:3}


.patch::before{content:"";position:absolute;inset:6px;z-index:2;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,var(--th,#f79a34) 0 3.5px,transparent 3.5px 6px) top left/100% 2px no-repeat,
    repeating-linear-gradient(90deg,var(--th,#f79a34) 0 3.5px,transparent 3.5px 6px) bottom left/100% 2px no-repeat,
    repeating-linear-gradient(180deg,var(--th,#f79a34) 0 3.5px,transparent 3.5px 6px) top left/2px 100% no-repeat,
    repeating-linear-gradient(180deg,var(--th,#f79a34) 0 3.5px,transparent 3.5px 6px) top right/2px 100% no-repeat;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.55));transition:filter .2s}
.patch:hover{transform:translateY(-1px)}
.patch:hover::before{--th:#ffc46a;filter:drop-shadow(0 0 4px rgba(255,180,90,.6)) drop-shadow(0 1px 0 rgba(0,0,0,.5))}

.patch:active,.patch.is-press{transform:translateY(2px);
  box-shadow:inset 0 3px 7px rgba(0,0,0,.55)}
.patch:focus-visible{outline:2px solid var(--orange-lt,#ffab4d);outline-offset:4px}
.patch[hidden]{display:none}

.patch.o{background:radial-gradient(rgba(255,255,255,.07) .5px,transparent .6px) 0 0/3px 3px,
                    linear-gradient(168deg,#f0912b,#d2701a);color:#0b1428}
.patch.o::before{--th:rgba(11,20,40,.66)}
.patch.o:hover::before{--th:#0b1428;filter:drop-shadow(0 1px 0 rgba(255,255,255,.28))}
@media(prefers-reduced-motion:reduce){
  .patch{transition:none}.patch:hover,.patch:active,.patch.is-press{transform:none}}



.patch{overflow:hidden}
.patch.sweep::after{content:"";position:absolute;left:50%;top:50%;
  width:58px;height:340%;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,196,120,.32),rgba(255,196,120,.05),transparent);
  transform:translate(-50%,-50%) rotate(var(--ang,24deg)) translateX(calc(-210px * var(--sg,1)));
  animation:g28pan var(--dur,13s) linear var(--delay,0s) infinite}
@keyframes g28pan{
  0%  {transform:translate(-50%,-50%) rotate(var(--ang,24deg)) translateX(calc(-210px * var(--sg,1)))}
  13% {transform:translate(-50%,-50%) rotate(var(--ang,24deg)) translateX(calc( 210px * var(--sg,1)))}
  100%{transform:translate(-50%,-50%) rotate(var(--ang,24deg)) translateX(calc( 210px * var(--sg,1)))}}

.patch.sweep::before{animation:g28edge var(--dur,13s) linear var(--delay,0s) infinite}
@keyframes g28edge{
  0%,13%,100%{filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}
  6.5%{filter:drop-shadow(0 0 5px rgba(255,190,110,.72)) drop-shadow(0 1px 0 rgba(0,0,0,.55))}}
@media(prefers-reduced-motion:reduce){
  .patch.sweep::after{display:none}.patch.sweep::before{animation:none}}




.lm{width:var(--lmw,74px);aspect-ratio:var(--ar);flex:0 0 auto;display:inline-block;
  line-height:0;position:relative}

.lm[data-dir=r]{margin-right:calc(var(--lmw,74px) * .25)}
.lm[data-dir=l]{margin-left:calc(var(--lmw,74px) * .25)}
.lm>img{position:absolute;left:var(--bx);top:var(--by);width:var(--bw);height:var(--bh);
  display:block;max-width:none}
.lm .ry{position:absolute;background:#f67e27;opacity:0;
  transition:opacity .2s ease,transform .34s cubic-bezier(.2,.9,.3,1.35)}
.lm .r1{left:var(--r1x);top:var(--r1y);width:var(--r1w);height:var(--r1h)}
.lm .r2{left:var(--r2x);top:var(--r2y);width:var(--r2w);height:var(--r2h)}
.lm .r3{left:var(--r3x);top:var(--r3y);width:var(--r3w);height:var(--r3h)}
.lm .r4{left:var(--r4x);top:var(--r4y);width:var(--r4w);height:var(--r4h)}

.lm.on .ry,.lm.hot .ry{opacity:1;transform:none}

.lm.pre .ry,.lm.off .ry{opacity:0}
.lm.on>img{filter:drop-shadow(0 0 6px rgba(240,136,32,.55));animation:g28lmglow 4.6s ease-in-out .4s 2}
.lm.hot{animation:g28shake 1.4s cubic-bezier(.36,.07,.19,.97) .3s 3}
.lm.hot>img{filter:drop-shadow(0 0 8px rgba(255,190,110,.9))}

.lm.pre>img{filter:grayscale(.22) brightness(.86)}
.lm.off>img{filter:grayscale(.66) brightness(.62)}
@keyframes g28lmglow{
  0%,100%{filter:drop-shadow(0 0 6px rgba(240,136,32,.55))}
  50%{filter:drop-shadow(0 0 13px rgba(255,190,110,.95)) drop-shadow(0 0 26px rgba(240,136,32,.4))}}
@keyframes g28shake{
  0%,100%{transform:rotate(0) translateX(0)}
  8%{transform:rotate(-3.2deg) translateX(-1.5px)}  20%{transform:rotate(2.8deg) translateX(1.5px)}
  32%{transform:rotate(-2.2deg) translateX(-1px)}   44%{transform:rotate(1.6deg) translateX(1px)}
  56%{transform:rotate(-.8deg)}                     68%{transform:rotate(.4deg)}}
@media(prefers-reduced-motion:reduce){
  .lm.on>img,.lm.hot{animation:none}
  .lm .ry{transition:none}}




.sign{display:inline-block;line-height:0}
.sign img,.sign svg{display:block;width:100%;height:auto}
.sign.is-open{filter:drop-shadow(0 0 6px rgba(240,136,32,.85)) drop-shadow(0 0 22px rgba(240,136,32,.5)) drop-shadow(0 0 52px rgba(240,136,32,.26));
  animation:g28strike .62s steps(1,end) 1 both}
.sign.is-pre{filter:drop-shadow(0 0 4px rgba(240,136,32,.34)) drop-shadow(0 0 14px rgba(240,136,32,.16))}
.sign.is-off{filter:grayscale(.72) brightness(.5) contrast(.92)}
.sign.is-hot{filter:drop-shadow(0 0 8px rgba(255,190,110,.95)) drop-shadow(0 0 28px rgba(240,136,32,.6)) drop-shadow(0 0 64px rgba(240,136,32,.34));
  animation:g28strike .62s steps(1,end) 1 both}
@keyframes g28strike{0%{opacity:.15}8%{opacity:1}14%{opacity:.2}24%{opacity:1}32%{opacity:.45}42%{opacity:1}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.sign.is-open,.sign.is-hot{animation:none}}