/* V28: only loaded by the homepage. All decorative overlays are pointer-events none. */
.hero-center{position:relative;isolation:isolate}
.club-led-wall{position:absolute;z-index:-1;left:11%;right:11%;top:1%;bottom:10%;overflow:hidden;border:1px solid #16d9ef45;border-radius:18px;opacity:.62;pointer-events:none;background:radial-gradient(ellipse at center,#092f59b0,#07051a80 70%);box-shadow:0 0 40px #00d9ff32,inset 0 0 45px #ff25b132;mask-image:linear-gradient(90deg,transparent,#000 15% 85%,transparent)}
.club-led-wall::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#04e9ffbb 1px,transparent 1.8px);background-size:11px 11px;opacity:.6;animation:led-shift 6s linear infinite}
.club-led-wall::after{content:"";position:absolute;inset:-100% 0;background:repeating-linear-gradient(0deg,transparent 0 16px,#ff1cb355 18px 22px,transparent 24px 50px);transform:skewY(-12deg);animation:led-scroll 5s linear infinite}
.led-panel{position:absolute;inset:0;opacity:.45;background:conic-gradient(from 20deg at 50% 50%,transparent,#00eaff66,transparent,#ff00bd66,transparent);animation:led-rotate 10s linear infinite}.led-panel-2{animation-duration:7s;animation-direction:reverse}.led-panel-3{animation-duration:13s;opacity:.22}.led-panel-4{animation-duration:18s;animation-direction:reverse;opacity:.2}
@keyframes led-shift{to{background-position:22px 11px}}@keyframes led-scroll{to{transform:translateY(160px) skewY(-12deg)}}@keyframes led-rotate{to{transform:rotate(360deg)}}
#club-stage-fx{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:11;mix-blend-mode:screen;opacity:.8}
.club-intro{position:fixed;inset:0;z-index:1000;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,#101c42,#04040b 75%);isolation:isolate;animation:intro-out .65s 2.7s both;pointer-events:auto}
.club-intro.is-dismissed{display:none!important}.club-intro .tunnel-layer{position:absolute;inset:-80%;background:repeating-conic-gradient(from 45deg,#00eaff 0deg 1deg,transparent 1deg 30deg,#ff2dbf 30deg 31deg,transparent 31deg 60deg);mask-image:radial-gradient(circle,transparent 0 12%,#000 22% 40%,transparent 62%);opacity:.6;animation:tunnel-flight 1.2s linear infinite}
.club-intro .tunnel-layer-2{transform:rotate(25deg);animation-delay:-.35s;opacity:.4}.club-intro .tunnel-layer-3{transform:rotate(-25deg);animation-delay:-.7s;opacity:.35}
.intro-title{position:relative;z-index:2;color:#fff;font:900 clamp(32px,8vw,94px)/1 'Permanent Marker',cursive;text-align:center;text-shadow:0 0 16px #00dfff,0 0 34px #ff00bf;animation:intro-title 2.4s ease both}
.intro-skip{position:absolute;z-index:3;bottom:25px;right:25px;border:1px solid #75e8fa;color:#fff;background:#091525d9;padding:11px 16px;border-radius:5px;cursor:pointer;font:700 14px Arial,sans-serif}
.intro-skip:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes tunnel-flight{from{scale:.35;rotate:0deg;opacity:.1}50%{opacity:.65}to{scale:1.6;rotate:24deg;opacity:0}}
@keyframes intro-title{0%{opacity:0;transform:scale(.7)}35%{opacity:1}85%{opacity:1}100%{opacity:0;transform:scale(1.15)}}
@keyframes intro-out{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:700px){.club-led-wall{left:0;right:0;opacity:.38}#club-stage-fx{opacity:.48}.club-intro .tunnel-layer{opacity:.3}}
@media(prefers-reduced-motion:reduce){.club-intro{display:none!important}.club-led-wall::before,.club-led-wall::after,.led-panel{animation:none!important}#club-stage-fx{display:none!important}}