/* DJ25 night stage: full-bleed photography, localized violet light, silver detail. */
:root{--accent:#b28aff;--club-light:#965cff;--club-edge:#ad7bff55}
body{isolation:isolate;background:#080808}
.club-atmosphere{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:strict}
.ambient-glow{position:absolute;display:block;width:950px;height:950px;left:calc(50% - 1050px);top:160px;background:radial-gradient(ellipse,#7839ef24,transparent 66%)}
.ambient-glow:last-child{left:auto;right:-640px;top:45%;background:radial-gradient(ellipse,#7034de26,transparent 65%)}
.site-header{transition:background .35s,border-color .35s,box-shadow .35s}
.home-page .site-header{position:fixed;left:0;right:0;top:0;background:linear-gradient(#050507b8,#05050708);border-bottom-color:#ffffff15;backdrop-filter:none}
.home-page.has-scrolled .site-header{background:#09090ded;backdrop-filter:blur(22px);border-bottom-color:#a87dff38;box-shadow:0 5px 26px #0005}
.home-page:not(.has-scrolled) .desktop-nav .nav-item>a,.home-page:not(.has-scrolled) .header-tools .ico,.home-page:not(.has-scrolled) .account-link{color:#eee;text-shadow:0 1px 12px #000}
.desktop-nav .nav-item>a.active:after{width:18px;height:2px;left:calc(50% - 9px);bottom:17px;border-radius:2px;background:#c5a6ff;box-shadow:0 0 12px #a260ff}
.header-tools .light-switch{width:30px;height:30px;color:#c2a0ff;transition:color .2s,background .2s}
.header-tools .light-switch .ico{width:17px;height:17px;color:inherit}
.header-tools .light-switch[aria-pressed=false]{color:#777}
.home-main{width:100%;max-width:none}
.club-masthead{position:relative;height:min(76svh,780px);min-height:550px;isolation:isolate}
.club-masthead .image-carousel{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;background:#080808;box-shadow:none}
.club-masthead .carousel-slide>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:none}
.club-masthead .carousel-slide.is-active>img{animation:none}
.club-masthead .image-carousel:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0505075c,transparent 28%,transparent 62%,#080808ad 87%,#080808)}
.club-masthead .carousel-arrow{z-index:4;width:46px;height:46px;top:calc(54% - 23px);border-color:#ffffff40;background:#08080866;backdrop-filter:blur(10px)}
.club-masthead .carousel-arrow.prev{left:max(28px,calc((100% - 1360px)/2))}.club-masthead .carousel-arrow.next{right:max(28px,calc((100% - 1360px)/2))}
.club-masthead .carousel-arrow:hover{background:#a879ff;color:#080808;box-shadow:0 0 24px #8b40ee66;border-color:#dbc1ff}
.club-masthead .carousel-controls{z-index:4;bottom:32px;background:#08080890;border:1px solid #ffffff20;gap:12px;padding:5px 9px 5px 14px}
.club-masthead .carousel-dots button[aria-pressed=true]:after{background:#dac5ff;box-shadow:0 0 12px #a269ff}
.night-intro{padding:32px 0 29px;position:relative}.night-intro h1{font-size:42px;letter-spacing:1px;font-weight:700;color:#fff}.night-intro h1>span{color:#bc91ff;text-shadow:0 0 24px #9b57ff60}.night-kicker{color:#b5a4cd;font-size:8px;letter-spacing:4px}
.night-player-link{padding:13px 18px;border:1px solid #a47af14a;border-radius:40px;background:linear-gradient(125deg,#6333a92b,#141217);color:#eee;transition:border-color .25s,box-shadow .25s,transform .25s}
.night-player-link .ico:first-child{color:#c49cff}.night-player-link:hover{border-color:#c5a4ff;box-shadow:0 0 30px #8b41e325;transform:translateY(-2px);color:#fff}
.channel-strip{padding:20px 22px;border:1px solid #cba9ff22;border-radius:10px;background:linear-gradient(110deg,#19161fbd,#101011cf);box-shadow:inset 0 1px 0 #fff04;gap:20px}
.channel-strip .ico{color:#b5a3cf}.channel-strip a:hover .ico{color:#c8a6ff;filter:drop-shadow(0 0 7px #9864e8)}
.portal-layout{margin-top:38px;gap:34px}.content-panel .section-heading h2{position:relative;padding-left:12px}
.content-panel .section-heading h2:before{content:"";position:absolute;width:3px;height:15px;left:0;top:50%;transform:translateY(-50%);background:#b788ff;border-radius:2px;box-shadow:0 0 12px #8a4fed99}
.content-panel .section-heading .eyebrow{color:#a596bc}.content-panel .section-heading .text-link:hover{color:#c6a5ff}
.set-channel,.media-art,.style-card-art{outline:1px solid #ffffff12;outline-offset:-1px}
.set-channel,.style-card,.media-card,.club-player-promo,.club-video-card{--spot-x:50%;--spot-y:50%;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.set-channel:before,.style-card-art:after,.media-art:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(400px circle at var(--spot-x) var(--spot-y),#d3b5ff30,transparent 65%);box-shadow:inset 0 0 0 1px #ba92ff80;transition:opacity .3s}
.style-card-art,.media-art{position:relative;isolation:isolate}
.set-channel:hover:before,.style-card:hover .style-card-art:after,.media-card:hover .media-art:after{opacity:1}
.set-channel:hover,.style-card:hover,.media-card:hover{transform:translateY(-4px)}
.set-channel:hover,.style-card:hover .style-card-art,.media-card:hover .media-art{box-shadow:0 14px 35px #0007,0 0 24px #7333cf20}
.style-card:hover .style-card-art>img{filter:brightness(1.06)}.style-card-art>span{border-color:#d2b6ff55;background:#100b19b8;color:#e1d1fb}
.set-channel-bottom h3{color:#fff;text-shadow:0 2px 20px #000}.set-channel-bottom>small{color:#d1c3e5}.set-channel-top>span{color:#d8cfea}
.club-player-promo{background:radial-gradient(ellipse at 50% 20%,#783ace22,transparent 60%),linear-gradient(145deg,#211a2b,#101011 75%);border-color:#a778e855;isolation:isolate}
.club-player-promo:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,transparent 25%,#ccb0ff0c 48%,transparent 66%);background-size:300% 100%;animation:club-sheen 9s ease-in-out infinite}
.club-player-promo:hover{transform:translateY(-3px);border-color:#c4a4ff80;box-shadow:0 0 40px #7d34d329}
.promo-top small{color:#b6a2d4}.promo-disc{box-shadow:0 0 0 7px #131015,0 0 0 8px #ad81ed7a,0 0 38px #8840e330,0 12px 28px #0008;border-color:#aea5b7}
.promo-disc>span{background:#eee8f8}.promo-link{border-color:#a073d73b;color:#c9bed7}.promo-link>.ico{color:#d6b7ff}
.club-video-card{outline:1px solid #ffffff1c}.club-video-card>span{border-color:#d3b5ff88;box-shadow:0 0 30px #ac73f533;background:#0d0a14a6}.club-video-card:hover>span{box-shadow:0 0 45px #ac73f56b}
.genre-filter,.download-panel{border-color:#ad80f12d;background:linear-gradient(130deg,#19131f70,#101011)}
.chips .current,.chips .active{background:#7a41bd24;border-color:#b785ff99;box-shadow:inset 0 0 15px #9b55f00b}
.button.primary{background:linear-gradient(110deg,#803de0,#6427c8);border-color:#ba8df866;box-shadow:0 5px 22px #7636c72b}
.button.primary:hover{background:linear-gradient(110deg,#9250ef,#7839dd);box-shadow:0 5px 30px #9652ea50}
.player-bar{background:#0c0b10f2;border-color:#ac7cf24a;box-shadow:0 -7px 34px #0007;isolation:isolate}
.player-bar:before{content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#a276df80,#d8c2ff,#a276df80,transparent);box-shadow:0 0 11px #a65aee60;pointer-events:none}
.player-bar .now-cover{border-color:#ac7df54a}.player-bar .transport .play-button:not(:disabled){background:#d6baff;color:#140b22;box-shadow:0 0 20px #ae68ff33}
.mobile-nav{background:#0e0c12f5;border-color:#ab7cef33}.mobile-nav a.active .ico{color:#cda8ff;filter:drop-shadow(0 0 8px #b377ff80)}
.immersive-dialog{background:#08080a}.immersive-dialog:before{background-image:url('/skin/dj25/assets/night-club-real-light.webp');filter:brightness(.42);opacity:.5}
.immersive-dialog:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 50%,#7532ce24,transparent 65%)}
.turntable{background:linear-gradient(145deg,#2c2932,#131216 48%,#19161e);border-color:#9786a866;box-shadow:0 28px 65px #000b,inset 0 1px 0 #fff2,0 5px 0 #030303,0 0 75px #8440d517}
.deck-grooves{box-shadow:0 0 0 1px #d3b1ff80,0 0 0 6px #121015,0 0 0 7px #a565eab3,0 0 30px #8e43f02e,0 10px 20px #0008}
.deck-strobe{background:#c99aff;box-shadow:0 0 15px #b169ff99}.is-playing .deck-grooves{animation:club-deck-pulse 2.1s ease-in-out infinite}
.is-playing .deck-live{color:#c392ff;text-shadow:0 0 12px #a44fff}.tonearm-head{border-bottom-color:#b888f5}
.deck-topline{position:relative}.deck-equalizer{display:flex;align-items:end;gap:2px;height:12px;margin-left:auto;margin-right:14px}
.deck-equalizer i{display:block;width:2px;height:3px;border-radius:1px;background:#bba0dc;opacity:.4;transform-origin:bottom}
.is-playing .deck-equalizer i{opacity:.9;animation:club-level .75s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.12s);background:#cca6ff}
.mixer-console{background:#141217e6;border-color:#c496ff36;box-shadow:inset 0 1px 0 #ffffff06}.mixer-channel label span{color:#d5b7ff}
.mixer-fader input::-webkit-slider-thumb{background:#f3edff;border-color:#b68ddd;box-shadow:0 0 11px #a75cec30}.mixer-fader input::-moz-range-thumb{background:#f3edff;border-color:#b68ddd;box-shadow:0 0 11px #a75cec30}
.immersive-controls .play-button:not(:disabled){background:#dac3ff;color:#170d26;box-shadow:0 0 28px #9c56e944}
.search-dialog,.queue-dialog{background:#121014;border-color:#9f74d453;box-shadow:0 20px 100px #0009}.search-field{background:#09090a;border-color:#84659f}
.friend-links{border-top-color:#a576e838}.friend-links-heading h2{color:#eee}.friend-links-list a:hover{color:#d8beff}
.site-footer{border-top-color:#a576e829}.footer-end{border-top-color:#a576e81f}
.fx-arrived{animation:club-arrive .65s cubic-bezier(.2,.65,.2,1) backwards;animation-delay:var(--reveal-delay,0s)}
.club-fx-off .carousel-slide.is-active>img,.club-fx-off .club-player-promo:before,.club-fx-off .deck-grooves,.club-fx-off .deck-equalizer i,.club-fx-off .fx-arrived{animation:none!important}
.club-fx-off .set-channel:before,.club-fx-off .style-card-art:after,.club-fx-off .media-art:after{display:none}
.page-hidden .carousel-slide.is-active>img,.page-hidden .club-player-promo:before,.page-hidden .deck-grooves,.page-hidden .deck-equalizer i{animation-play-state:paused!important}
@keyframes club-photo-drift{from{transform:scale(1.045)}to{transform:scale(1)}}
@keyframes club-level{0%,100%{height:3px}30%{height:13px}70%{height:6px}}
@keyframes club-sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@keyframes club-arrive{from{opacity:.35;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes club-deck-pulse{0%,100%{box-shadow:0 0 0 1px #d3b1ff80,0 0 0 6px #121015,0 0 0 7px #a565eab3,0 0 30px #8e43f02e,0 10px 20px #0008}50%{box-shadow:0 0 0 1px #e1caffb3,0 0 0 6px #121015,0 0 0 7px #ba86ff,0 0 48px #8e43f060,0 10px 20px #0008}}
@media(min-width:1600px){.club-masthead{height:min(80svh,880px)}.night-intro h1{font-size:48px}}
@media(max-width:1200px){.header-inner{gap:20px}.header-tools{gap:9px}.desktop-nav{gap:14px}.club-masthead{min-height:500px}.portal-layout{gap:26px}}
@media(max-width:980px){.header-inner{gap:16px}.desktop-nav{gap:11px}.header-tools{gap:5px}.header-tools .light-switch{width:25px}.account-link{padding-left:9px}.night-intro h1{font-size:37px}.club-masthead{height:64svh;min-height:480px}}
@media(max-width:760px){.home-page .site-header{height:109px;background:linear-gradient(#050507d4,#05050720)}.home-page:not(.has-scrolled) .desktop-nav{border-top-color:#ffffff1c}.home-page.has-scrolled .site-header{background:#0b0910ed}.desktop-nav{gap:25px}.desktop-nav .nav-item>a.active:after{bottom:5px}.header-tools{gap:12px}.header-tools .light-switch{width:30px}.account-link{padding-left:14px}.club-masthead{height:68svh;min-height:460px;max-height:660px}.club-masthead .carousel-slide>img{object-position:50% center}.club-masthead .carousel-slide:nth-child(2)>img{object-position:47% center}.club-masthead .carousel-arrow{width:34px;height:34px;top:calc(56% - 17px)}.club-masthead .carousel-arrow.prev{left:16px}.club-masthead .carousel-arrow.next{right:16px}.club-masthead .carousel-controls{bottom:26px;transform:translateX(-50%) scale(.9)}.night-intro{padding:27px 0 24px}.night-intro h1{font-size:33px}.night-kicker{font-size:6px;letter-spacing:2.4px}.night-player-link{font-size:9px;padding:11px 13px;gap:8px}.night-player-link .ico:first-child{width:22px;height:22px}.night-player-link .ico:last-child{display:none}.channel-strip{padding:18px 15px;gap:22px;border-radius:8px}.portal-layout{margin-top:30px;gap:0}.portal-side{margin-top:5px}.content-panel .section-heading h2{padding-left:10px}.content-panel .section-heading h2:before{height:13px;width:2px}.ambient-glow{width:650px;height:650px;left:-520px;top:600px}.ambient-glow:last-child{right:-570px}.immersive-top{background:#100b18e8}.deck-equalizer{gap:2px;margin-right:10px}.set-channel:hover,.style-card:hover,.media-card:hover{transform:none}}
@media(max-width:380px){.night-intro h1{font-size:29px}.night-player-link{padding:10px;font-size:8px}.night-player-link .ico:first-child{width:19px}.header-tools{gap:8px}}
@media(prefers-reduced-motion:reduce){.club-masthead .carousel-slide.is-active>img,.club-player-promo:before,.deck-grooves,.deck-equalizer i,.fx-arrived{animation:none!important}.set-channel,.style-card,.media-card,.night-player-link{transition:none;transform:none!important}}

/* Moving light remains registered to the original photo; the canvas cannot capture clicks. */
.photo-lights{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.94}
.ambient-glow{animation:club-room-light 11s ease-in-out infinite alternate}
.ambient-glow:last-child{animation-delay:-7s;animation-duration:14s}
@keyframes club-room-light{from{opacity:.38;transform:translate3d(-35px,30px,0) scale(.94)}to{opacity:1;transform:translate3d(65px,-35px,0) scale(1.12)}}
.club-fx-off .ambient-glow{animation:none;opacity:.4}.club-fx-off .photo-lights{display:none}
.page-hidden .ambient-glow{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.photo-lights{display:none}.ambient-glow{animation:none;opacity:.4}}

.club-masthead .carousel-slide.has-photo-lights>img{filter:brightness(.9)}