:root{
  --mft-led-speed:18s;
  --mft-led-brightness:.68;
  --mft-led-glow:18px;
  --mft-led-pulse:5.4s;
}

html.mutmain-fener-stadium-dynamic,
html.mutmain-fener-stadium-dynamic body{
  background-color:#010713 !important;
  background-image:none !important;
}

html.mutmain-fener-stadium-dynamic .space-bg{
  position:fixed !important;
  inset:0 !important;
  display:block !important;
  z-index:0 !important;
  pointer-events:none;
  visibility:visible !important;
  opacity:1 !important;
  filter:none !important;
  background:
    linear-gradient(rgba(0,5,18,.12),rgba(0,8,24,.24)),
    url("/mutmain-fener-stadium-theme-final.png") center center/cover no-repeat fixed !important;
}

html.mutmain-fener-stadium-dynamic .stars{opacity:.12;}

.mft-light-show{
  position:fixed;
  inset:0;
  z-index:190001;
  overflow:hidden;
  pointer-events:none;
  opacity:var(--mft-led-brightness);
  contain:layout paint;
}

.mft-led{
  position:absolute;
  overflow:hidden;
  filter:drop-shadow(0 0 var(--mft-led-glow) rgba(20,112,255,.62));
}

.mft-led::before,
.mft-led::after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(90deg,#ffd82a 0 12px,transparent 12px 18px,#147cff 18px 30px,transparent 30px 36px);
  animation:mftChase var(--mft-led-speed) linear infinite,mftPulse calc(var(--mft-led-pulse)*2) ease-in-out infinite;
  will-change:transform,opacity;
}

.mft-led::after{
  background:repeating-linear-gradient(90deg,#147cff 0 12px,transparent 12px 18px,#ffd82a 18px 30px,transparent 30px 36px);
  animation-direction:reverse;
  animation-duration:calc(var(--mft-led-speed) * 1.15);
  mix-blend-mode:screen;
  opacity:.52;
}

/* Pause full-screen decorative repaint work only while a card or HUD is moving. */
html.m21-interacting .mft-led::before,
html.m21-interacting .mft-led::after,
html.m21-interacting .mutmain-v11-spot,
html.m21-interacting .mutmain-v11-beam{
  animation-play-state:paused !important;
}
html.m21-interacting,
html.m21-interacting body,
html.m21-interacting .space-bg{
  background-attachment:scroll !important;
}

.mft-led-top{left:7%;right:7%;top:8px;height:7px;border-radius:8px;}
.mft-led-left,.mft-led-right{top:8%;bottom:9%;width:7px;border-radius:8px;}
.mft-led-left{left:8px;transform:rotate(180deg);}
.mft-led-right{right:8px;}
.mft-led-left::before,.mft-led-left::after,.mft-led-right::before,.mft-led-right::after{
  width:calc(100vh - 17vh);
  height:7px;
  transform-origin:0 0;
  transform:rotate(90deg);
}
.mft-sign-glow{position:absolute;left:50%;top:2px;width:min(980px,74vw);height:110px;transform:translateX(-50%);border-radius:0 0 44% 44%;background:radial-gradient(ellipse at 50% 12%,rgba(255,226,47,.22),rgba(33,124,255,.18) 45%,transparent 72%);filter:blur(7px);animation:mftSignPulse var(--mft-led-pulse) ease-in-out infinite;will-change:opacity,filter}

html[data-mft-mode="pulse"] .mft-led::before,html[data-mft-mode="pulse"] .mft-led::after{animation-name:mftPulse;animation-duration:var(--mft-led-pulse);animation-timing-function:ease-in-out}
html[data-mft-mode="chase"] .mft-led::before{animation-name:mftChase,mftPulse}
html[data-mft-mode="chase"] .mft-led::after{animation-name:mftCounterChase,mftPulse}
html[data-mft-mode="dual"] .mft-led::before{animation-name:mftDualYellow,mftPulse}
html[data-mft-mode="dual"] .mft-led::after{animation-name:mftDualBlue,mftPulse}
html[data-mft-mode="dual"] .mft-sign-glow{animation-name:mftSignMerge}

.mft-title{position:fixed;z-index:190002;top:0;left:50%;width:min(1000px,78vw);aspect-ratio:10/1;transform:translateX(-50%);pointer-events:none;background:url("/mutmain-title-led-reference.png") center top/contain no-repeat;mix-blend-mode:screen;animation:mftBannerHeartbeat 1.55s ease-in-out infinite,mftBannerPulse 12s ease-in-out infinite;will-change:filter,opacity,transform}
.mft-title::before{content:"";position:absolute;left:3%;top:5%;width:18%;height:88%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.95) 0,rgba(255,225,42,.75) 18%,rgba(31,122,255,.58) 38%,transparent 70%);filter:blur(4px);mix-blend-mode:screen;animation:mftKittSweep 2.7s cubic-bezier(.45,.02,.55,.98) infinite alternate;will-change:transform,opacity}
.mft-title::after{content:"";position:absolute;inset:4% 3%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 49%,transparent 63%);mix-blend-mode:screen;transform:translateX(-120%);animation:mftBannerSweep var(--mft-led-speed) linear infinite}
.mft-title-led{position:absolute;z-index:3;top:21%;width:8%;height:58%;border-radius:50%;mix-blend-mode:screen;will-change:transform,opacity,filter}
.mft-title-led-yellow{left:2%;background:radial-gradient(ellipse,#fff 0 8%,#ffe22f 24%,rgba(255,216,42,.68) 45%,transparent 72%);filter:blur(2px) drop-shadow(0 0 9px #ffe22f);animation:mftTitleYellowMeet 4.8s cubic-bezier(.5,0,.5,1) infinite}
.mft-title-led-blue{right:2%;background:radial-gradient(ellipse,#fff 0 8%,#287cff 24%,rgba(20,76,190,.72) 45%,transparent 72%);filter:blur(2px) drop-shadow(0 0 9px #176dff);animation:mftTitleBlueMeet 4.8s cubic-bezier(.5,0,.5,1) infinite}
.mft-title-collision{position:absolute;z-index:4;left:50%;top:8%;width:13%;height:84%;transform:translateX(-50%) scale(.2);border-radius:50%;opacity:0;background:radial-gradient(ellipse,#fff 0 7%,#ffe22f 20%,#287cff 42%,transparent 72%);mix-blend-mode:screen;animation:mftTitleCollision 4.8s ease-in-out infinite;will-change:transform,opacity,filter}
.m19-floor[data-floor="1"]>.mft-fener-letter-show{position:absolute;z-index:3;left:55.3%;top:17.5%;width:49.3%;height:18%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-around;pointer-events:none;mix-blend-mode:screen}
.mft-fener-letter-show span{display:block;width:9.4%;height:100%;border-radius:38%;background:radial-gradient(ellipse,rgba(255,255,225,.98) 0,rgba(255,215,0,.88) 24%,rgba(255,215,0,.38) 52%,transparent 76%);opacity:.12;filter:blur(3px);animation:mftFenerLetterShow 2.2s ease-in-out calc(var(--mft-letter)*.11s) infinite;will-change:opacity,filter,transform}
.mft-fener-letter-show span:nth-child(even){background:radial-gradient(ellipse,rgba(235,246,255,.98) 0,rgba(0,31,91,.94) 24%,rgba(16,91,255,.48) 52%,transparent 76%);animation-direction:reverse}
.m19-floor[data-floor="1"]>.mft-fener-word-glow{position:absolute;z-index:3;left:50%;top:50.7%;width:84%;height:9%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-around;pointer-events:none;mix-blend-mode:screen}
.mft-fener-word-glow span{display:block;width:9.2%;height:92%;border-radius:42%;background:radial-gradient(ellipse,rgba(255,246,125,.72) 0,rgba(255,215,0,.62) 30%,rgba(255,215,0,.2) 58%,transparent 78%);opacity:.22;filter:blur(2px);animation:mftFenerWordGlow 2.25s ease-in-out calc(var(--mft-letter)*.13s) infinite;will-change:opacity,filter,transform}
.mft-fener-word-glow span:nth-child(even){background:radial-gradient(ellipse,rgba(126,182,255,.72) 0,rgba(20,92,255,.68) 30%,rgba(0,31,91,.28) 58%,transparent 78%);animation-direction:reverse}

.mft-stadium-beams{position:absolute;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.mft-stadium-beams i{position:absolute;left:var(--mft-x);top:5%;width:8vw;height:72vh;opacity:.18;transform-origin:50% 0;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,225,42,.75),rgba(255,225,42,.12) 62%,transparent);filter:blur(5px);animation:mftBeamSweep 12s ease-in-out calc(var(--mft-i)*-.63s) infinite alternate}
.mft-stadium-beams i:nth-child(even){background:linear-gradient(180deg,rgba(30,118,255,.8),rgba(30,118,255,.12) 62%,transparent);animation-direction:alternate-reverse}
html[data-mft-mode="pulse"] .mft-title{animation:mftBannerHeartbeat 1.55s ease-in-out infinite,mftBannerPulse 12s ease-in-out infinite}
html[data-mft-mode="pulse"] .mft-stadium-beams i{animation-name:mftBeamBreathe;animation-duration:5.4s}
html[data-mft-mode="chase"] .mft-title{animation:mftBannerHeartbeat 1.55s ease-in-out infinite,mftBannerChase 12s ease-in-out infinite}
html[data-mft-mode="chase"] .mft-stadium-beams i{animation-name:mftBeamSweep;animation-duration:10s}
html[data-mft-mode="dual"] .mft-title{animation:mftBannerHeartbeat 1.55s ease-in-out infinite,mftBannerDual 12s ease-in-out infinite}
html[data-mft-mode="dual"] .mft-stadium-beams i{animation-name:mftBeamCross;animation-duration:9s}

/* The five-floor shell owns the visible first-floor canvas; keep only its image in sync. */
html.mutmain-fener-stadium-dynamic .m19-floor[data-floor="1"]{
  background:
    linear-gradient(rgba(0,5,18,.12),rgba(0,8,24,.24)),
    url("/mutmain-fener-stadium-theme-final.png") center center/cover no-repeat !important;
}

.clock-area{position:fixed!important;top:16px!important;right:22px!important;z-index:81!important;display:block!important;min-width:210px;text-align:right;pointer-events:none}
.clock-area #clock{font-variant-numeric:tabular-nums}
.mft-next-prayer{display:grid;grid-template-columns:auto auto;gap:1px 10px;margin-top:3px;color:#ddecff;font-size:9px;letter-spacing:.04em}
.mft-next-prayer b{color:#ffe33f}.mft-next-prayer em{grid-column:1/-1;color:#7fc8ff;font-style:normal;font-variant-numeric:tabular-nums}
#mutmain-calendar .m26-clock-weather time{display:block!important;color:#fff2a0;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 0 9px rgba(255,220,45,.55)}
#mutmain-calendar .mft-next-prayer{grid-column:1/-1;width:100%;padding-top:3px;border-top:1px solid rgba(255,224,47,.2)}
#mutmain-calendar-time{display:none!important}

html.mutmain-fener-stadium-dynamic .mutmain-v11-spot.left-yellow{animation-duration:30s;}
html.mutmain-fener-stadium-dynamic .mutmain-v11-spot.left-blue{animation-duration:28s;}
html.mutmain-fener-stadium-dynamic .mutmain-v11-spot.right-yellow{animation-duration:29s;}
html.mutmain-fener-stadium-dynamic .mutmain-v11-spot.right-blue{animation-duration:31s;}
html.mutmain-fener-stadium-dynamic .mutmain-v11-beam{opacity:.14;}

@keyframes mftChase{
  0%{transform:translate3d(-18%,0,0);opacity:.58;}
  45%{opacity:1;}
  100%{transform:translate3d(18%,0,0);opacity:.66;}
}

@keyframes mftTitlePulse{
  0%{color:#ffe23f;text-shadow:0 0 7px #176dff,0 0 13px rgba(255,216,42,.62);}
  55%{color:#74b7ff;text-shadow:0 0 10px #176dff,0 0 17px rgba(255,216,42,.8);}
  100%{color:#ffe23f;text-shadow:0 0 9px #ffd82a,0 0 18px rgba(20,112,255,.75);}
}
@keyframes mftPulse{0%,100%{opacity:.52}50%{opacity:1}}
@keyframes mftCounterChase{0%{transform:translate3d(16%,0,0)}100%{transform:translate3d(-16%,0,0)}}
@keyframes mftDualYellow{0%{transform:translate3d(-28%,0,0)}50%{transform:translate3d(0,0,0)}100%{transform:translate3d(28%,0,0)}}
@keyframes mftDualBlue{0%{transform:translate3d(28%,0,0)}50%{transform:translate3d(0,0,0)}100%{transform:translate3d(-28%,0,0)}}
@keyframes mftSignPulse{0%,100%{opacity:.42;filter:blur(7px)}50%{opacity:.82;filter:blur(10px) brightness(1.25)}}
@keyframes mftSignMerge{0%,100%{opacity:.38;filter:blur(7px) hue-rotate(0deg)}50%{opacity:.9;filter:blur(11px) brightness(1.35) hue-rotate(18deg)}}
@keyframes mftBannerPulse{0%,100%{opacity:.78;filter:brightness(.9) saturate(1.05) drop-shadow(0 0 7px #176dff)}50%{opacity:1;filter:brightness(1.32) saturate(1.3) drop-shadow(0 0 18px #ffe22f)}}
@keyframes mftBannerHeartbeat{0%,100%{transform:translateX(-50%) scale(1)}12%{transform:translateX(-50%) scale(1.018)}24%{transform:translateX(-50%) scale(1)}36%{transform:translateX(-50%) scale(1.012)}50%{transform:translateX(-50%) scale(1)}}
@keyframes mftKittSweep{0%{transform:translateX(0) scaleX(.55);opacity:.3}45%{opacity:1}100%{transform:translateX(430%) scaleX(.55);opacity:.38}}
@keyframes mftBannerChase{0%{filter:brightness(.88) drop-shadow(-22px 0 13px #176dff)}50%{filter:brightness(1.28) drop-shadow(0 0 20px #ffe22f)}100%{filter:brightness(.92) drop-shadow(22px 0 13px #176dff)}}
@keyframes mftBannerDual{0%,100%{filter:brightness(1.05) drop-shadow(-15px 0 16px #ffe22f) drop-shadow(15px 0 16px #176dff)}50%{filter:brightness(1.4) drop-shadow(-15px 0 19px #176dff) drop-shadow(15px 0 19px #ffe22f)}}
@keyframes mftBannerSweep{0%{transform:translateX(-120%);opacity:0}15%,65%{opacity:.9}80%,100%{transform:translateX(120%);opacity:0}}
@keyframes mftTitleYellowMeet{0%,100%{transform:translateX(0) scale(.72);opacity:.5}44%{transform:translateX(535%) scale(1);opacity:1}52%{transform:translateX(535%) scale(.35);opacity:.25}}
@keyframes mftTitleBlueMeet{0%,100%{transform:translateX(0) scale(.72);opacity:.5}44%{transform:translateX(-535%) scale(1);opacity:1}52%{transform:translateX(-535%) scale(.35);opacity:.25}}
@keyframes mftTitleCollision{0%,39%,60%,100%{transform:translateX(-50%) scale(.2);opacity:0;filter:blur(2px)}47%{transform:translateX(-50%) scale(1.45);opacity:1;filter:blur(1px) brightness(1.8)}54%{transform:translateX(-50%) scale(.72);opacity:.45;filter:blur(5px)}}
@keyframes mftFenerLetterShow{0%,100%{opacity:.08;filter:blur(5px) brightness(.65);transform:scale(.9)}38%{opacity:1;filter:blur(2px) brightness(2.15);transform:scale(1.08)}58%{opacity:.3;filter:blur(4px) brightness(1.05);transform:scale(.97)}}
@keyframes mftFenerWordGlow{0%,100%{opacity:.16;filter:blur(2.5px) brightness(.9);transform:scale(.96)}42%{opacity:.88;filter:blur(1px) brightness(1.55) saturate(1.35);transform:scale(1.045)}68%{opacity:.32;filter:blur(2px) brightness(1.08);transform:scale(1)}}
@keyframes mftBeamSweep{0%{transform:rotate(-16deg) scaleX(.72);opacity:.08}50%{opacity:.28}100%{transform:rotate(16deg) scaleX(1.1);opacity:.12}}
@keyframes mftBeamBreathe{0%,100%{transform:scaleX(.7);opacity:.07}50%{transform:scaleX(1.18);opacity:.28}}
@keyframes mftBeamCross{0%{transform:translateX(-5vw) rotate(-12deg);opacity:.08}50%{transform:translateX(0) rotate(0);opacity:.3}100%{transform:translateX(5vw) rotate(12deg);opacity:.1}}
.mft-led-left::after,.mft-led-right::before{animation-name:mftCounterChase,mftPulse}
html[data-mft-mode="pulse"] .mft-led::before,html[data-mft-mode="pulse"] .mft-led::after{animation-name:mftPulse}
html[data-mft-mode="dual"] .mft-led::before{animation-name:mftDualYellow,mftPulse}
html[data-mft-mode="dual"] .mft-led::after{animation-name:mftDualBlue,mftPulse}

.mutmain-brain-window.mft-brain-opening{animation:mftBrainDrop .42s cubic-bezier(.2,.8,.25,1)}
@keyframes mftBrainDrop{from{opacity:0;transform:translateY(-70px) scale(.96)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .clock-area{min-width:160px}
}

@media(prefers-reduced-motion:reduce){
  .mft-led::before,.mft-led::after,.mft-title,.mft-title-led,.mft-title-collision,.mft-fener-letter-show span,.mft-fener-word-glow span{animation:none !important;}
}