.vcn{--vcn-accent:#ff2bd6;--vcn-secondary:#7c3cff;--vcn-bg:#08030d;--vcn-energy:.18;--vcn-low:.18;--vcn-mid:.12;--vcn-high:.08;--vcn-beat:0;background:#050506;color:#f6f6f7;min-height:70vh;font-family:var(--font-body,inherit);overflow:hidden}.vcn *{box-sizing:border-box}.vcn a{color:inherit}.vcn .vcn-eyebrow{font-size:.72rem;letter-spacing:.24em;font-weight:800;text-transform:uppercase;opacity:.72}.vcn-hero{min-height:82vh;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 18% 15%,rgba(255,43,214,.2),transparent 27%),radial-gradient(circle at 80% 70%,rgba(0,229,255,.14),transparent 31%),#050506;isolation:isolate}.vcn-noise{position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,rgba(255,255,255,.12) 1px,transparent 2px);background-size:7px 7px;mix-blend-mode:overlay}.vcn-hero__inner{position:relative;z-index:1;width:min(1180px,calc(100% - 42px));padding:80px 0}.vcn-hero h1{font-size:clamp(4rem,11vw,10rem);line-height:.8;letter-spacing:-.075em;margin:24px 0 35px;text-transform:uppercase;max-width:1100px}.vcn-hero h2{font-size:clamp(1.5rem,3vw,3rem);margin:0 0 16px;max-width:760px}.vcn-lead{font-size:clamp(1rem,1.8vw,1.35rem);max-width:700px;color:#bfc0c5;line-height:1.6}.vcn-scrollcue{margin-top:70px;font-size:.72rem;letter-spacing:.18em;font-weight:800}.vcn-scrollcue span{display:inline-block;margin-left:8px;animation:vcn-bob 1.5s ease-in-out infinite}.vcn-room-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:72vh}.vcn-room-card{position:relative;min-height:650px;padding:36px;text-decoration:none;display:flex;align-items:flex-end;overflow:hidden;background:var(--vcn-bg);border-right:1px solid rgba(255,255,255,.08);isolation:isolate}.vcn-room-card:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--vcn-accent) 55%,transparent),transparent 32%),radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--vcn-secondary) 35%,transparent),transparent 26%);filter:blur(35px);opacity:.75;transform:scale(.9);transition:.8s ease}.vcn-room-card:hover:before{transform:scale(1.15) rotate(6deg);opacity:1}.vcn-room-card__light{position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 16%,rgba(255,255,255,.04) 16.4% 16.7%,transparent 17% 33%);transform:translateX(-20%);transition:transform 1s ease}.vcn-room-card:hover .vcn-room-card__light{transform:translateX(15%)}.vcn-room-card__index{position:absolute;top:20px;right:24px;font-size:clamp(5rem,10vw,11rem);line-height:1;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.06)}.vcn-room-card__content{position:relative;z-index:2;width:100%}.vcn-kicker{font-size:.7rem;letter-spacing:.19em;font-weight:900;color:var(--vcn-accent)}.vcn-room-card h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.9;margin:10px 0 18px;letter-spacing:-.055em}.vcn-room-card p{color:#b8b8c0;min-height:2em}.vcn-now{margin-top:42px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.vcn-now .vcn-dot{grid-row:1/3}.vcn-now b,.vcn-now small{display:block}.vcn-now small{color:#9a9aa3}.vcn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--vcn-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--vcn-accent) 15%,transparent),0 0 20px var(--vcn-accent);animation:vcn-pulse 1.2s infinite}.vcn-enter{display:inline-block;margin-top:25px;font-weight:900;font-size:.75rem;letter-spacing:.12em;transition:transform .2s ease}.vcn-room-card:hover .vcn-enter{transform:translateX(7px)}.vcn-community{padding:110px max(24px,calc((100vw - 1180px)/2));background:#f0ede7;color:#101014}.vcn-community h2{font-size:clamp(2.5rem,6vw,6rem);letter-spacing:-.055em;margin:10px 0}.vcn-community>p:not(.vcn-eyebrow){font-size:1.2rem;max-width:650px;line-height:1.6}.vcn-button{display:inline-block;border:0;background:#fff;color:#08080a!important;padding:15px 20px;text-decoration:none;font-size:.76rem;font-weight:900;letter-spacing:.12em;cursor:pointer;margin-top:20px}.vcn-community .vcn-button{background:#101014;color:#fff!important}
.vcn-room-stage{min-height:88vh;position:relative;isolation:isolate;background:var(--vcn-bg);overflow:hidden;display:flex;flex-direction:column}.vcn-room-stage__aurora{position:absolute;inset:-25%;z-index:-3;background:radial-gradient(circle at calc(25% + var(--vcn-low)*25%) 35%,color-mix(in srgb,var(--vcn-accent) 65%,transparent),transparent calc(20% + var(--vcn-energy)*10%)),radial-gradient(circle at 75% calc(55% - var(--vcn-high)*20%),color-mix(in srgb,var(--vcn-secondary) 55%,transparent),transparent 30%);filter:blur(calc(35px + var(--vcn-low)*45px));transform:scale(calc(.95 + var(--vcn-energy)*.2)) rotate(calc(var(--vcn-mid)*8deg));transition:filter .08s linear}.vcn-room-stage__grid{position:absolute;inset:0;z-index:-2;opacity:calc(.08 + var(--vcn-high)*.28);background-image:linear-gradient(color-mix(in srgb,var(--vcn-accent) 40%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--vcn-secondary) 35%,transparent) 1px,transparent 1px);background-size:55px 55px;transform:perspective(600px) rotateX(62deg) scale(1.6) translateY(calc(18% - var(--vcn-beat)*5%));transform-origin:center bottom}.vcn-room-stage__orb{position:absolute;z-index:-1;width:min(58vw,660px);aspect-ratio:1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(.72 + var(--vcn-energy)*.48));border:1px solid color-mix(in srgb,var(--vcn-accent) 55%,transparent);box-shadow:0 0 calc(50px + var(--vcn-energy)*180px) color-mix(in srgb,var(--vcn-accent) 55%,transparent),inset 0 0 90px color-mix(in srgb,var(--vcn-secondary) 30%,transparent);opacity:.55}.vcn-room-stage[data-visualizer="grid"] .vcn-room-stage__orb{opacity:.18}.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__grid{opacity:.03}.vcn-room-stage__bars{position:absolute;left:0;right:0;bottom:0;height:24vh;display:flex;align-items:flex-end;gap:3px;opacity:.28;z-index:-1;padding:0 2vw;filter:drop-shadow(0 0 8px var(--vcn-accent))}.vcn-room-stage__bars i{flex:1;min-width:2px;height:100%;background:linear-gradient(to top,var(--vcn-accent),var(--vcn-secondary));transform-origin:bottom;transform:scaleY(.08);transition:transform .045s linear,opacity .045s linear}.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__bars{opacity:.12}.vcn-room-topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding:22px 30px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.73rem;letter-spacing:.08em;position:relative;z-index:3}.vcn-room-topbar>a{text-decoration:none;font-weight:800}.vcn-room-topbar>div{text-align:center}.vcn-room-topbar>span:last-child{text-align:right;color:#aaaab0}.vcn-room-stage__content{width:min(940px,calc(100% - 40px));margin:auto;text-align:center;padding:70px 0;position:relative;z-index:2}.vcn-live-tag{display:inline-flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--vcn-accent) 50%,transparent);border-radius:999px;padding:8px 12px;font-size:.68rem;font-weight:900;letter-spacing:.15em;background:rgba(0,0,0,.3);backdrop-filter:blur(10px)}.vcn-room-stage h1{font-size:clamp(3rem,8vw,8rem);line-height:.9;letter-spacing:-.06em;margin:24px auto 15px;max-width:1000px;text-shadow:0 0 calc(5px + var(--vcn-energy)*30px) color-mix(in srgb,var(--vcn-accent) 45%,transparent)}.vcn-dj-link{font-size:clamp(1.3rem,2vw,2rem);font-weight:700;text-decoration:none;color:var(--vcn-accent)!important}.vcn-set-copy{max-width:620px;margin:22px auto;color:#bfc0c5;line-height:1.6}.vcn-player-shell{width:min(700px,100%);margin:35px auto 0;padding:15px;background:rgba(0,0,0,.44);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 18px 80px rgba(0,0,0,.4)}.vcn-soundcloud{border:0;width:100%;height:166px;display:block;background:#111}.vcn-audio{width:100%;display:block}.vcn-player-note{font-size:.72rem;color:#8e8f95;margin:10px 4px 0}.vcn-set-archive{background:#0b0b0d;padding:85px max(22px,calc((100vw - 1120px)/2))}.vcn-section-head h2{font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.05em;margin:8px 0 30px}.vcn-set-list{border-top:1px solid #29292e}.vcn-set-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:15px;padding:19px 8px;border-bottom:1px solid #29292e;text-decoration:none;transition:.2s ease}.vcn-set-row:hover,.vcn-set-row.is-active{background:#151518;padding-left:15px}.vcn-set-row.is-active{box-shadow:inset 3px 0 var(--vcn-accent)}.vcn-set-row__play{color:var(--vcn-accent)}.vcn-set-row b,.vcn-set-row small{display:block}.vcn-set-row small{margin-top:4px;color:#8d8e96}.vcn-set-row>span:last-child{font-size:.76rem;color:#9899a0}.vcn-empty{max-width:900px;margin:0 auto;padding:120px 20px}.vcn-empty-inline{padding:30px 0;color:#999}
.vcn-dj-page{background:#09090b}.vcn-dj-hero{max-width:1120px;margin:auto;padding:100px 25px;display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:60px;align-items:center}.vcn-dj-hero img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(100%);border-radius:2px}.vcn-dj-hero h1{font-size:clamp(3rem,8vw,7rem);letter-spacing:-.06em;margin:5px 0 18px}.vcn-dj-hero p:not(.vcn-eyebrow){max-width:620px;line-height:1.7;color:#bcbcc3}.vcn-back{font-size:.72rem;letter-spacing:.1em;text-decoration:none;font-weight:800;display:inline-block}.vcn-dj-hero>.vcn-back{grid-column:1/-1}
.vcn-studio{background:#0a0a0c;padding:70px 24px 100px;min-height:80vh}.vcn-studio-head,.vcn-studio-grid,.vcn-studio>.vcn-studio-card,.vcn-flash{width:min(1120px,100%);margin-left:auto;margin-right:auto}.vcn-studio-head h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.06em;margin:15px 0 8px}.vcn-studio-head{margin-bottom:45px}.vcn-studio-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:25px;align-items:start}.vcn-studio-card{background:#121216;border:1px solid #29292f;padding:30px}.vcn-studio-card h2{font-size:2rem;margin:5px 0 25px}.vcn-studio-card label,.vcn-studio-card legend{display:block;font-weight:700;font-size:.82rem;margin:18px 0 7px}.vcn-studio-card input[type="text"],.vcn-studio-card input[type="url"],.vcn-studio-card input[type="number"],.vcn-studio-card input[type="datetime-local"],.vcn-studio-card input[type="password"],.vcn-studio-card select,.vcn-studio-card textarea{width:100%;margin-top:7px;background:#09090b;border:1px solid #35353d;color:#fff;padding:13px 14px;border-radius:0}.vcn-studio-card fieldset{border:1px solid #303037;padding:5px 15px 14px;margin:22px 0}.vcn-studio-card .vcn-radio{display:inline-block;margin:8px 18px 2px 0}.vcn-studio-card .vcn-radio input{width:auto;margin:0 5px 0 0}.vcn-form-split{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:12px}.vcn-help{font-size:.78rem;color:#8e8e98;line-height:1.5}.vcn-flash{padding:14px 18px;margin-bottom:20px;border:1px solid}.vcn-flash.is-ok{border-color:#2bb673;background:#0c2118}.vcn-flash.is-error{border-color:#e55050;background:#261010}.vcn-myset{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #2a2a30}.vcn-myset b,.vcn-myset small{display:block}.vcn-myset small{color:#8e8e98;margin-top:4px}.vcn-status{font-size:.67rem;font-weight:800;white-space:nowrap;border:1px solid #3a3a42;padding:6px 8px;height:max-content}.vcn-status--publish{border-color:#2bb673;color:#7ee0af}.vcn-status--pending{border-color:#c99931;color:#e6c26e}
@keyframes vcn-pulse{50%{transform:scale(1.3);opacity:.65}}@keyframes vcn-bob{50%{transform:translateY(6px)}}
@media(max-width:900px){.vcn-room-grid{grid-template-columns:1fr}.vcn-room-card{min-height:480px}.vcn-room-topbar{grid-template-columns:1fr auto}.vcn-room-topbar>span:last-child{display:none}.vcn-studio-grid{grid-template-columns:1fr}.vcn-dj-hero{grid-template-columns:1fr;gap:30px}.vcn-dj-hero img{max-width:360px}.vcn-form-split{grid-template-columns:1fr}.vcn-room-stage__bars{height:18vh}}@media(max-width:600px){.vcn-hero h1{font-size:18vw}.vcn-room-card{padding:24px}.vcn-room-topbar{padding:16px 18px}.vcn-room-stage__content{padding:55px 0}.vcn-set-row{grid-template-columns:30px 1fr}.vcn-set-row>span:last-child{display:none}.vcn-studio{padding-left:14px;padding-right:14px}.vcn-studio-card{padding:20px}}

/* 0.1.1: visually distinct room modes */
.vcn-room-stage__lasers{position:absolute;inset:0;z-index:-1;display:none;overflow:hidden;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 calc(8px + var(--vcn-energy)*18px) var(--vcn-accent))}
.vcn-room-stage__lasers:before,.vcn-room-stage__lasers:after{content:"";position:absolute;left:-15%;width:130%;height:2px;background:linear-gradient(90deg,transparent 0 4%,var(--vcn-secondary) 30%,#fff 50%,var(--vcn-accent) 70%,transparent 96%);opacity:calc(.18 + var(--vcn-high)*.58);box-shadow:0 0 16px var(--vcn-accent);animation:vcn-laser-scan 2.8s ease-in-out infinite alternate}
.vcn-room-stage__lasers:before{top:28%;transform:rotate(-7deg)}
.vcn-room-stage__lasers:after{top:64%;transform:rotate(9deg);animation-duration:3.6s;animation-direction:alternate-reverse}
.vcn-room-stage__lasers i{--a:0deg;position:absolute;left:50%;bottom:-28%;width:2px;height:145%;transform-origin:50% 100%;background:linear-gradient(to top,transparent 0 5%,var(--vcn-accent) 25%,#fff 49%,var(--vcn-secondary) 53%,transparent 100%);opacity:calc(.22 + var(--vcn-energy)*.62);box-shadow:0 0 5px var(--vcn-accent),0 0 18px color-mix(in srgb,var(--vcn-secondary) 65%,transparent);animation:vcn-laser-sweep 2.4s ease-in-out infinite alternate}
.vcn-room-stage__lasers i:nth-child(1){--a:-64deg;animation-duration:2.9s}.vcn-room-stage__lasers i:nth-child(2){--a:-48deg;animation-duration:2.2s;animation-delay:-.8s}.vcn-room-stage__lasers i:nth-child(3){--a:-32deg;animation-duration:3.4s;animation-delay:-1.4s}.vcn-room-stage__lasers i:nth-child(4){--a:-16deg;animation-duration:2.6s;animation-delay:-.3s}.vcn-room-stage__lasers i:nth-child(5){--a:0deg;animation-duration:3.1s;animation-delay:-1.8s}.vcn-room-stage__lasers i:nth-child(6){--a:16deg;animation-duration:2.5s;animation-delay:-1s}.vcn-room-stage__lasers i:nth-child(7){--a:32deg;animation-duration:3.5s;animation-delay:-2.1s}.vcn-room-stage__lasers i:nth-child(8){--a:48deg;animation-duration:2.3s;animation-delay:-.5s}.vcn-room-stage__lasers i:nth-child(9){--a:64deg;animation-duration:3s;animation-delay:-1.2s}

.vcn-room-stage[data-visualizer="spectrum"] .vcn-room-stage__grid,.vcn-room-stage[data-visualizer="spectrum"] .vcn-room-stage__orb,.vcn-room-stage[data-visualizer="spectrum"] .vcn-room-stage__lasers{display:none}
.vcn-room-stage[data-visualizer="spectrum"] .vcn-room-stage__aurora{opacity:.68;filter:blur(calc(50px + var(--vcn-low)*55px)) saturate(calc(1.1 + var(--vcn-mid)*.8))}
.vcn-room-stage[data-visualizer="spectrum"] .vcn-room-stage__bars{display:flex;height:31vh;opacity:calc(.5 + var(--vcn-energy)*.38);gap:clamp(2px,.28vw,5px);padding:0 3vw 2vh;filter:drop-shadow(0 0 calc(5px + var(--vcn-energy)*16px) var(--vcn-accent))}
.vcn-room-stage[data-visualizer="spectrum"] .vcn-room-stage__bars:before{content:"";position:absolute;left:3vw;right:3vw;bottom:1.7vh;height:1px;background:linear-gradient(90deg,transparent,var(--vcn-accent),var(--vcn-secondary),transparent);opacity:.8}
.vcn-room-stage[data-visualizer="spectrum"] .vcn-room-stage__bars i{border-radius:2px 2px 0 0;background:linear-gradient(to top,var(--vcn-secondary),var(--vcn-accent) 68%,#fff);box-shadow:0 0 calc(2px + var(--vcn-high)*8px) color-mix(in srgb,var(--vcn-accent) 65%,transparent)}

.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__grid,.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__bars,.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__lasers{display:none}
.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__aurora{opacity:.46;transform:scale(calc(.88 + var(--vcn-low)*.32)) rotate(calc(var(--vcn-mid)*12deg))}
.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__orb{display:block;opacity:calc(.72 + var(--vcn-energy)*.25);width:min(62vw,720px);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 13%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--vcn-accent) 28%,transparent),transparent 55%),conic-gradient(from calc(var(--vcn-mid)*80deg),color-mix(in srgb,var(--vcn-accent) 48%,transparent),transparent 24%,color-mix(in srgb,var(--vcn-secondary) 42%,transparent) 52%,transparent 76%,color-mix(in srgb,var(--vcn-accent) 48%,transparent));border:2px solid color-mix(in srgb,var(--vcn-accent) 75%,white 10%);box-shadow:0 0 calc(65px + var(--vcn-energy)*210px) color-mix(in srgb,var(--vcn-accent) 58%,transparent),inset 0 0 calc(80px + var(--vcn-low)*90px) color-mix(in srgb,var(--vcn-secondary) 35%,transparent)}
.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__orb:before,.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__orb:after{content:"";position:absolute;border-radius:50%;inset:-9%;border:1px solid color-mix(in srgb,var(--vcn-secondary) 58%,transparent);transform:scale(calc(.92 + var(--vcn-beat)*.16));opacity:calc(.2 + var(--vcn-beat)*.6)}
.vcn-room-stage[data-visualizer="orb"] .vcn-room-stage__orb:after{inset:-21%;border-color:color-mix(in srgb,var(--vcn-accent) 42%,transparent);transform:scale(calc(.9 + var(--vcn-low)*.2));opacity:calc(.12 + var(--vcn-low)*.42)}

.vcn-room-stage[data-visualizer="laser"] .vcn-room-stage__bars,.vcn-room-stage[data-visualizer="laser"] .vcn-room-stage__orb,.vcn-room-stage[data-visualizer="grid"] .vcn-room-stage__bars,.vcn-room-stage[data-visualizer="grid"] .vcn-room-stage__orb{display:none}
.vcn-room-stage[data-visualizer="laser"] .vcn-room-stage__lasers,.vcn-room-stage[data-visualizer="grid"] .vcn-room-stage__lasers{display:block}
.vcn-room-stage[data-visualizer="laser"] .vcn-room-stage__grid,.vcn-room-stage[data-visualizer="grid"] .vcn-room-stage__grid{display:block;opacity:calc(.15 + var(--vcn-high)*.38);background-size:46px 46px;transform:perspective(520px) rotateX(68deg) scale(1.85) translateY(calc(22% - var(--vcn-beat)*7%));filter:drop-shadow(0 0 7px color-mix(in srgb,var(--vcn-secondary) 70%,transparent))}
.vcn-room-stage[data-visualizer="laser"] .vcn-room-stage__aurora,.vcn-room-stage[data-visualizer="grid"] .vcn-room-stage__aurora{opacity:.24;filter:blur(75px) saturate(1.5)}

@keyframes vcn-laser-sweep{0%{transform:rotate(calc(var(--a) - 7deg)) scaleY(calc(.88 + var(--vcn-energy)*.2))}100%{transform:rotate(calc(var(--a) + 7deg)) scaleY(calc(.96 + var(--vcn-energy)*.3))}}
@keyframes vcn-laser-scan{0%{translate:0 -8vh;opacity:.12}100%{translate:0 9vh;opacity:calc(.28 + var(--vcn-beat)*.55)}}

/* 0.1.2: music-triggered club FX. Additive layer shared by Spectrum, Laser and Orb. */
.vcn-room-stage__fx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.vcn-fx-flash,.vcn-fx-sub,.vcn-fx-shockwave,.vcn-fx-snap,.vcn-fx-slices,.vcn-fx-burst,.vcn-fx-particles{position:absolute;inset:0;pointer-events:none}
.vcn-fx-flash{opacity:0;background:radial-gradient(circle at 50% 68%,rgba(255,255,255,.96) 0,color-mix(in srgb,var(--vcn-accent) 88%,white 12%) 9%,color-mix(in srgb,var(--vcn-secondary) 58%,transparent) 28%,transparent 61%)}
.vcn-fx-sub{opacity:0;inset:auto -12% -20%;height:58%;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--vcn-accent) 90%,white 10%) 0,color-mix(in srgb,var(--vcn-secondary) 66%,transparent) 24%,transparent 69%);filter:blur(8px)}
.vcn-fx-shockwave{display:grid;place-items:center}
.vcn-fx-shockwave i{position:absolute;width:min(20vw,230px);aspect-ratio:1;border-radius:50%;border:2px solid color-mix(in srgb,var(--vcn-accent) 82%,white 18%);box-shadow:0 0 18px var(--vcn-accent),inset 0 0 14px color-mix(in srgb,var(--vcn-secondary) 75%,transparent);opacity:0;transform:scale(.18)}
.vcn-fx-shockwave i:nth-child(2){border-color:color-mix(in srgb,var(--vcn-secondary) 82%,white 18%)}
.vcn-fx-shockwave i:nth-child(3){border-width:1px}
.vcn-fx-snap{opacity:0}
.vcn-fx-snap i{position:absolute;left:-10%;width:120%;height:2px;background:linear-gradient(90deg,transparent,var(--vcn-secondary) 18%,#fff 50%,var(--vcn-accent) 82%,transparent);box-shadow:0 0 12px #fff,0 0 28px var(--vcn-accent)}
.vcn-fx-snap i:nth-child(1){top:28%;transform:rotate(-2deg)}.vcn-fx-snap i:nth-child(2){top:51%;transform:rotate(1deg)}.vcn-fx-snap i:nth-child(3){top:73%;transform:rotate(-1deg)}
.vcn-fx-slices{display:grid;grid-template-columns:1fr 1.1fr .8fr 1.3fr .9fr;opacity:0}
.vcn-fx-slices i{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--vcn-accent) 24%,transparent) 28%,color-mix(in srgb,var(--vcn-secondary) 34%,transparent) 61%,transparent);border-left:1px solid color-mix(in srgb,var(--vcn-accent) 50%,transparent);transform:skewX(-8deg) translateY(105%)}
.vcn-fx-burst{left:50%;top:52%;right:auto;bottom:auto;width:0;height:0}
.vcn-fx-burst i{--a:0deg;position:absolute;left:-1px;top:-60vh;width:2px;height:120vh;transform-origin:50% 50%;transform:rotate(var(--a)) scaleY(.08);opacity:0;background:linear-gradient(transparent 4%,color-mix(in srgb,var(--vcn-accent) 75%,transparent) 25%,#fff 49%,color-mix(in srgb,var(--vcn-secondary) 75%,transparent) 52%,transparent 96%);box-shadow:0 0 14px var(--vcn-accent)}
.vcn-fx-burst i:nth-child(1){--a:0deg}.vcn-fx-burst i:nth-child(2){--a:22.5deg}.vcn-fx-burst i:nth-child(3){--a:45deg}.vcn-fx-burst i:nth-child(4){--a:67.5deg}.vcn-fx-burst i:nth-child(5){--a:90deg}.vcn-fx-burst i:nth-child(6){--a:112.5deg}.vcn-fx-burst i:nth-child(7){--a:135deg}.vcn-fx-burst i:nth-child(8){--a:157.5deg}
.vcn-fx-particles{overflow:hidden}
.vcn-fx-particle{position:absolute;left:50%;top:72%;width:var(--s);height:var(--s);border-radius:50%;opacity:0;background:#fff;box-shadow:0 0 calc(var(--s)*2) var(--vcn-accent),0 0 calc(var(--s)*4) var(--vcn-secondary);animation:vcn-fx-particle var(--d) cubic-bezier(.08,.64,.2,1) var(--delay) forwards}
.vcn-fx-particle--bass{border-radius:1px;background:var(--vcn-accent)}
.vcn-fx-particle--snap{top:52%;background:var(--vcn-secondary)}
.vcn-fx-particle--spark{top:30%;background:#fff}
.vcn-fx-particle--drop{width:calc(var(--s)*1.35);height:calc(var(--s)*1.35);background:#fff}

.vcn-room-stage.vcn-fx--kick .vcn-fx-flash{animation:vcn-fx-kick-flash .25s ease-out}
.vcn-room-stage.vcn-fx--kick .vcn-fx-shockwave i:first-child{animation:vcn-fx-ring .42s cubic-bezier(.08,.64,.2,1)}
.vcn-room-stage.vcn-fx--kick .vcn-room-stage__content{animation:vcn-fx-punch .22s cubic-bezier(.2,.75,.25,1)}
.vcn-room-stage.vcn-fx--sub .vcn-fx-sub{animation:vcn-fx-sub .42s ease-out}
.vcn-room-stage.vcn-fx--snap .vcn-fx-snap{animation:vcn-fx-snap .19s linear}
.vcn-room-stage.vcn-fx--high:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.52) 49.5%,transparent 51%),linear-gradient(245deg,transparent 36%,color-mix(in srgb,var(--vcn-secondary) 48%,transparent) 50%,transparent 64%);animation:vcn-fx-high .36s ease-out}
.vcn-room-stage.vcn-fx--slice .vcn-fx-slices{animation:vcn-fx-slice-wrap .42s ease-out}.vcn-room-stage.vcn-fx--slice .vcn-fx-slices i{animation:vcn-fx-slice .42s cubic-bezier(.12,.78,.25,1)}.vcn-room-stage.vcn-fx--slice .vcn-fx-slices i:nth-child(2){animation-delay:.025s}.vcn-room-stage.vcn-fx--slice .vcn-fx-slices i:nth-child(3){animation-delay:.05s}.vcn-room-stage.vcn-fx--slice .vcn-fx-slices i:nth-child(4){animation-delay:.075s}.vcn-room-stage.vcn-fx--slice .vcn-fx-slices i:nth-child(5){animation-delay:.1s}
.vcn-room-stage.vcn-fx--drop .vcn-fx-flash{animation:vcn-fx-drop-flash .72s ease-out}
.vcn-room-stage.vcn-fx--drop .vcn-fx-sub{animation:vcn-fx-drop-floor 1.05s ease-out}
.vcn-room-stage.vcn-fx--drop .vcn-fx-shockwave i:nth-child(1){animation:vcn-fx-ring-drop .82s cubic-bezier(.08,.64,.2,1)}.vcn-room-stage.vcn-fx--drop .vcn-fx-shockwave i:nth-child(2){animation:vcn-fx-ring-drop .92s cubic-bezier(.08,.64,.2,1) .09s}.vcn-room-stage.vcn-fx--drop .vcn-fx-shockwave i:nth-child(3){animation:vcn-fx-ring-drop 1.02s cubic-bezier(.08,.64,.2,1) .17s}
.vcn-room-stage.vcn-fx--drop .vcn-fx-burst i{animation:vcn-fx-ray 1s cubic-bezier(.12,.72,.18,1)}
.vcn-room-stage.vcn-fx--drop .vcn-room-stage__aurora{animation:vcn-fx-aurora-drop .9s ease-out}
.vcn-room-stage.vcn-fx--drop .vcn-room-stage__content{animation:vcn-fx-drop-punch .58s cubic-bezier(.12,.78,.2,1)}

@keyframes vcn-fx-kick-flash{0%{opacity:.72;transform:scale(.72)}38%{opacity:.24}100%{opacity:0;transform:scale(1.28)}}
@keyframes vcn-fx-punch{0%{transform:scale(1)}32%{transform:scale(1.018)}100%{transform:scale(1)}}
@keyframes vcn-fx-sub{0%{opacity:.88;transform:scaleY(.45) scaleX(.82)}100%{opacity:0;transform:scaleY(1.22) scaleX(1.08)}}
@keyframes vcn-fx-ring{0%{opacity:.95;transform:scale(.18)}100%{opacity:0;transform:scale(3.25);filter:blur(1px)}}
@keyframes vcn-fx-snap{0%{opacity:0;transform:scaleY(.2)}12%{opacity:.96}45%{opacity:.44}100%{opacity:0;transform:scaleY(2.8)}}
@keyframes vcn-fx-high{0%{opacity:0;transform:translateX(-20%) skewX(-10deg)}12%{opacity:.72}100%{opacity:0;transform:translateX(20%) skewX(10deg)}}
@keyframes vcn-fx-slice-wrap{0%,100%{opacity:0}12%,58%{opacity:.9}}
@keyframes vcn-fx-slice{0%{transform:skewX(-8deg) translateY(105%)}50%{transform:skewX(-8deg) translateY(-8%)}100%{transform:skewX(-8deg) translateY(-115%)}}
@keyframes vcn-fx-drop-flash{0%{opacity:.96;filter:brightness(1.8);transform:scale(.55)}12%{opacity:.46}44%{opacity:.14}100%{opacity:0;filter:brightness(1);transform:scale(1.5)}}
@keyframes vcn-fx-drop-floor{0%{opacity:1;transform:scale(.7)}55%{opacity:.46}100%{opacity:0;transform:scale(1.45)}}
@keyframes vcn-fx-ring-drop{0%{opacity:1;transform:scale(.12);border-width:4px}100%{opacity:0;transform:scale(5.8);border-width:1px}}
@keyframes vcn-fx-ray{0%{opacity:.94;transform:rotate(var(--a)) scaleY(.04) scaleX(2)}24%{opacity:.72;transform:rotate(var(--a)) scaleY(1) scaleX(1)}100%{opacity:0;transform:rotate(var(--a)) scaleY(1.45) scaleX(.3)}}
@keyframes vcn-fx-aurora-drop{0%{filter:blur(20px) saturate(2.4) brightness(1.7)}100%{filter:blur(calc(35px + var(--vcn-low)*45px)) saturate(1) brightness(1)}}
@keyframes vcn-fx-drop-punch{0%{transform:scale(.985)}10%{transform:scale(1.035)}35%{transform:scale(.995)}65%{transform:scale(1.012)}100%{transform:scale(1)}}
@keyframes vcn-fx-particle{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.35)}10%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(.08)}}

@media(max-width:700px){.vcn-fx-shockwave i{width:150px}.vcn-fx-particle{top:76%}.vcn-fx-burst i{top:-48vh;height:96vh}}
@media(prefers-reduced-motion:reduce){.vcn-room-stage__fx{display:none}}


/* 0.1.3: custom player for direct uploads. Native audio UI stays hidden; Web Audio/FFT source is unchanged. */
.vcn-direct-player{--vcn-progress:0;--vcn-volume:1;position:relative;text-align:left;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 80px rgba(0,0,0,.28);overflow:hidden}
.vcn-direct-player:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--vcn-accent) 15%,transparent),transparent 32%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--vcn-secondary) 11%,transparent),transparent 34%)}
.vcn-direct-player .vcn-audio{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.vcn-direct-player__head{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 18px 12px}
.vcn-direct-player__cover{width:72px;aspect-ratio:1;background-size:cover;background-position:center;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 30px rgba(0,0,0,.35);position:relative;overflow:hidden}
.vcn-direct-player__cover:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,color-mix(in srgb,var(--vcn-accent) 72%,transparent),color-mix(in srgb,var(--vcn-secondary) 72%,#070708 28%));mix-blend-mode:color;opacity:.48}
.vcn-direct-player__cover span{position:relative;font-weight:950;font-size:1.4rem;letter-spacing:-.08em;text-shadow:0 2px 12px #000}
.vcn-direct-player__meta{min-width:0}.vcn-direct-player__meta>span{display:block;color:var(--vcn-accent);font-size:.58rem;font-weight:900;letter-spacing:.16em;margin-bottom:5px}.vcn-direct-player__meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;letter-spacing:-.02em}.vcn-direct-player__meta small{display:block;color:#8f9098;margin-top:5px;font-size:.68rem}
.vcn-direct-player__engine{display:flex;align-items:center;gap:7px;color:#7e7f86;font-size:.55rem;font-weight:900;letter-spacing:.13em;white-space:nowrap}.vcn-direct-player__engine i{width:7px;height:7px;border-radius:50%;background:#55565d;box-shadow:0 0 0 3px rgba(255,255,255,.03)}.vcn-direct-player__engine.is-active{color:#d7d7dc}.vcn-direct-player__engine.is-active i{background:var(--vcn-accent);box-shadow:0 0 8px var(--vcn-accent),0 0 0 3px color-mix(in srgb,var(--vcn-accent) 14%,transparent);animation:vcn-player-engine .72s ease-in-out infinite alternate}
.vcn-direct-player__transport{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:10px 18px 15px}
.vcn-player-btn{appearance:none;border:0;color:#fff;background:transparent;font:inherit;cursor:pointer}.vcn-player-btn--play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--vcn-accent),var(--vcn-secondary));box-shadow:0 0 calc(14px + var(--vcn-energy)*25px) color-mix(in srgb,var(--vcn-accent) 38%,transparent),inset 0 1px rgba(255,255,255,.35);font-size:1rem;transition:transform .16s ease,filter .16s ease}.vcn-player-btn--play:hover{transform:scale(1.055);filter:brightness(1.12)}.vcn-player-btn--play:active{transform:scale(.96)}.vcn-direct-player.is-playing .vcn-player-btn--play{box-shadow:0 0 calc(22px + var(--vcn-energy)*36px) color-mix(in srgb,var(--vcn-accent) 55%,transparent),inset 0 1px rgba(255,255,255,.35)}
.vcn-player-wave{appearance:none;border:0;background:transparent;margin:0;padding:5px 0;height:58px;position:relative;cursor:pointer;touch-action:none;overflow:hidden}.vcn-player-wave__bars{position:absolute;inset:5px 0;display:flex;align-items:center;gap:2px}.vcn-player-wave__bars i{display:block;flex:1;height:calc(12% + var(--wave-h)*76%);min-width:1px;background:rgba(255,255,255,.18);border-radius:2px;transition:background .12s ease,box-shadow .12s ease,opacity .12s ease;opacity:.68}.vcn-player-wave__bars i.is-played{background:linear-gradient(to top,var(--vcn-secondary),var(--vcn-accent));box-shadow:0 0 7px color-mix(in srgb,var(--vcn-accent) 45%,transparent);opacity:1}.vcn-player-wave__cursor{position:absolute;top:3px;bottom:3px;left:calc(var(--vcn-progress)*100%);width:1px;background:#fff;box-shadow:0 0 7px #fff,0 0 12px var(--vcn-accent);opacity:.78;transform:translateX(-1px);pointer-events:none}
.vcn-player-time{display:flex;gap:5px;align-items:center;justify-content:flex-end;min-width:90px;font-variant-numeric:tabular-nums;font-size:.69rem;color:#babac1}.vcn-player-time b{font-weight:400;color:#55565e}
.vcn-direct-player__foot{position:relative;border-top:1px solid rgba(255,255,255,.075);display:flex;justify-content:space-between;align-items:center;padding:9px 16px 10px}.vcn-player-actions{display:flex;gap:3px}.vcn-player-btn--small,.vcn-player-btn--volume{font-size:.59rem;font-weight:850;letter-spacing:.06em;color:#8f9098;padding:7px 8px;border-radius:4px}.vcn-player-btn--small:hover,.vcn-player-btn--volume:hover{color:#fff;background:rgba(255,255,255,.055)}
.vcn-player-volume{display:flex;align-items:center;gap:7px}.vcn-player-volume input{appearance:none;width:92px;height:3px;border-radius:4px;outline:0;background:linear-gradient(90deg,var(--vcn-accent) calc(var(--vcn-volume)*100%),rgba(255,255,255,.16) calc(var(--vcn-volume)*100%));cursor:pointer}.vcn-player-volume input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 7px var(--vcn-accent)}.vcn-player-volume input::-moz-range-thumb{border:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 7px var(--vcn-accent)}
@keyframes vcn-player-engine{from{transform:scale(.78);opacity:.5}to{transform:scale(1.18);opacity:1}}
@media(max-width:620px){.vcn-direct-player__head{grid-template-columns:54px minmax(0,1fr)}.vcn-direct-player__cover{width:54px}.vcn-direct-player__engine{display:none}.vcn-direct-player__transport{grid-template-columns:50px minmax(0,1fr);gap:9px}.vcn-player-btn--play{width:48px;height:48px}.vcn-player-time{grid-column:2;justify-content:flex-start;margin-top:-8px;min-width:0}.vcn-player-wave{height:48px}.vcn-player-volume input{width:70px}}
/* 0.2.2: pre-analyzed direct-audio timeline; GPU-friendly bar interpolation. */
.vcn-room-stage.has-precomputed-timeline .vcn-room-stage__bars i{transition:transform .04s linear,opacity .04s linear}
.vcn-direct-player.is-engine-loading .vcn-direct-player__engine i{animation:vcn-player-engine .32s ease-in-out infinite alternate}

/* 0.3.0: deterministic room broadcast / persistent in-room disco shell. */
.vcn-room-switcher{position:relative;z-index:4;display:flex;justify-content:center;gap:6px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.vcn-room-switcher a{min-width:128px;padding:9px 13px;text-align:center;text-decoration:none;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.vcn-room-switcher a:hover{background:rgba(255,255,255,.07);transform:translateY(-1px)}.vcn-room-switcher a.is-active{border-color:color-mix(in srgb,var(--vcn-accent) 55%,transparent);background:color-mix(in srgb,var(--vcn-accent) 9%,rgba(0,0,0,.2));box-shadow:inset 0 -2px var(--vcn-accent)}
.vcn-room-switcher span,.vcn-room-switcher b{display:block}.vcn-room-switcher span{font-size:.5rem;letter-spacing:.15em;color:#777983}.vcn-room-switcher b{font-size:.69rem;margin-top:2px}
.vcn-player-shell--broadcast{width:min(760px,100%)}
.vcn-direct-player--broadcast .vcn-direct-player__head{padding-bottom:15px}.vcn-direct-player--broadcast .vcn-direct-player__meta>span b{font:inherit;color:#fff}.vcn-direct-player--broadcast .vcn-direct-player__engine.is-active i{animation:vcn-player-engine .72s ease-in-out infinite alternate}
.vcn-broadcast-progress{height:3px;margin:0 18px;background:rgba(255,255,255,.09);overflow:hidden;transform:translateZ(0)}.vcn-broadcast-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--vcn-accent),var(--vcn-secondary));box-shadow:0 0 10px var(--vcn-accent);transition:transform .18s linear}
.vcn-broadcast-status{display:grid;grid-template-columns:1fr 1fr minmax(180px,1.7fr);gap:1px;margin:0 18px;background:rgba(255,255,255,.075);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.vcn-broadcast-status>span{background:rgba(0,0,0,.26);padding:11px 12px;min-width:0}.vcn-broadcast-status b,.vcn-broadcast-status small{display:block}.vcn-broadcast-status b{font-size:.48rem;letter-spacing:.16em;color:var(--vcn-accent);margin-bottom:4px}.vcn-broadcast-status small{font-size:.65rem;color:#b7b8bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.vcn-direct-player__foot--broadcast{padding:11px 16px}.vcn-broadcast-lock{font-size:.56rem;letter-spacing:.06em;color:#777983}.vcn-broadcast-lock span{color:var(--vcn-accent);margin-right:5px;text-shadow:0 0 8px var(--vcn-accent)}
.vcn-broadcast-gate{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(2,2,4,.78);backdrop-filter:blur(18px)}.vcn-broadcast-gate[hidden]{display:none}.vcn-broadcast-gate>div{width:min(520px,100%);padding:34px;text-align:center;background:#0c0c10;border:1px solid color-mix(in srgb,var(--vcn-accent) 38%,rgba(255,255,255,.12));box-shadow:0 25px 100px #000,0 0 60px color-mix(in srgb,var(--vcn-accent) 13%,transparent)}.vcn-broadcast-gate strong,.vcn-broadcast-gate small{display:block}.vcn-broadcast-gate strong{font-size:clamp(2rem,6vw,4rem);letter-spacing:-.055em;line-height:.92}.vcn-broadcast-gate small{max-width:420px;margin:16px auto 0;color:#9b9ca5;line-height:1.55}.vcn-broadcast-gate button{appearance:none;border:0;margin-top:24px;padding:15px 20px;background:linear-gradient(135deg,var(--vcn-accent),var(--vcn-secondary));color:#fff;font:inherit;font-size:.68rem;font-weight:900;letter-spacing:.12em;cursor:pointer;box-shadow:0 0 30px color-mix(in srgb,var(--vcn-accent) 28%,transparent)}
.vcn-broadcast-program .vcn-section-head>p:last-child{color:#878891;margin-top:-18px;margin-bottom:30px}.vcn-set-row--program{cursor:default}.vcn-set-row--program:hover{padding-left:8px;background:transparent}.vcn-set-row--program.is-active{background:#151518;padding-left:15px;box-shadow:inset 3px 0 var(--vcn-accent)}
.vcn-room--broadcast .vcn-player-note{line-height:1.5}
@media(max-width:700px){.vcn-room-switcher{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.vcn-room-switcher::-webkit-scrollbar{display:none}.vcn-room-switcher a{min-width:108px}.vcn-broadcast-status{grid-template-columns:1fr 1fr}.vcn-broadcast-status>span:last-child{grid-column:1/-1}.vcn-direct-player__foot--broadcast{align-items:flex-start;gap:12px;flex-direction:column}.vcn-broadcast-lock{line-height:1.45}.vcn-broadcast-gate>div{padding:26px 20px}}

/* 0.4.0: Venue Mode – one-name fullscreen/kiosk shell for bars, stages and LED walls. */
.vcn-room-topbar>.vcn-room-topbar__right{display:flex;justify-content:flex-end;align-items:center;gap:12px;text-align:right}.vcn-room-topbar__right>span{color:#aaaab0}.vcn-venue-open{appearance:none;border:1px solid color-mix(in srgb,var(--vcn-accent) 45%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--vcn-accent) 7%,rgba(0,0,0,.2));color:#fff;padding:8px 10px;font:inherit;font-size:.58rem;font-weight:900;letter-spacing:.11em;cursor:pointer}.vcn-venue-open:hover{background:color-mix(in srgb,var(--vcn-accent) 16%,rgba(0,0,0,.2));box-shadow:0 0 20px color-mix(in srgb,var(--vcn-accent) 18%,transparent)}
.vcn-venue-dialog{position:absolute;inset:0;z-index:35;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.82);backdrop-filter:blur(22px)}.vcn-venue-dialog[hidden]{display:none}.vcn-venue-dialog form{position:relative;width:min(560px,100%);padding:38px;background:#0b0b0f;border:1px solid color-mix(in srgb,var(--vcn-accent) 40%,rgba(255,255,255,.11));box-shadow:0 30px 110px #000,0 0 75px color-mix(in srgb,var(--vcn-accent) 12%,transparent);text-align:left}.vcn-venue-dialog form>strong{display:block;font-size:clamp(2.1rem,5vw,4.5rem);line-height:.9;letter-spacing:-.055em}.vcn-venue-dialog form>small{display:block;margin:16px 0 26px;color:#9b9ca5;line-height:1.55}.vcn-venue-dialog label{display:block}.vcn-venue-dialog label>span{display:block;margin-bottom:7px;color:var(--vcn-accent);font-size:.57rem;font-weight:900;letter-spacing:.15em}.vcn-venue-dialog input{width:100%;border:1px solid #303038;background:#101015;color:#fff;padding:14px 15px;font:inherit;font-size:1rem;outline:0}.vcn-venue-dialog input:focus{border-color:var(--vcn-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--vcn-accent) 13%,transparent)}.vcn-venue-dialog details{margin-top:14px;color:#7f8088}.vcn-venue-dialog summary{cursor:pointer;font-size:.65rem}.vcn-venue-dialog details label{margin-top:12px}.vcn-venue-dialog details small{display:block;margin-top:7px;font-size:.62rem;line-height:1.45}.vcn-venue-start{width:100%;appearance:none;border:0;margin-top:22px;padding:17px 18px;background:linear-gradient(135deg,var(--vcn-accent),var(--vcn-secondary));color:#fff;font:inherit;font-size:.72rem;font-weight:950;letter-spacing:.13em;cursor:pointer;box-shadow:0 0 34px color-mix(in srgb,var(--vcn-accent) 27%,transparent)}.vcn-venue-dialog__close{position:absolute;right:13px;top:11px;appearance:none;border:0;background:transparent;color:#777;font-size:1.7rem;line-height:1;cursor:pointer}.vcn-venue-dialog__close:hover{color:#fff}
html.vcn-venue-kiosk,html.vcn-venue-kiosk body{overflow:hidden!important}.vcn.vcn-venue-mode{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;background:var(--vcn-bg)!important}.vcn.vcn-venue-mode .vcn-room-stage{height:100dvh;min-height:100dvh}.vcn.vcn-venue-mode>.vcn-set-archive,.vcn.vcn-venue-mode .vcn-room-topbar,.vcn.vcn-venue-mode .vcn-room-switcher,.vcn.vcn-venue-mode .vcn-player-shell--broadcast,.vcn.vcn-venue-mode .vcn-set-copy{display:none!important}.vcn.vcn-venue-mode .vcn-room-stage__content{width:min(1250px,92vw);padding:4vh 3vw;margin:auto}.vcn.vcn-venue-mode .vcn-room-stage h1{font-size:clamp(4.5rem,11vw,12rem);max-width:1200px;margin-top:2.4vh}.vcn.vcn-venue-mode .vcn-dj-link{font-size:clamp(1.6rem,3vw,3.5rem)}.vcn.vcn-venue-mode .vcn-live-tag{font-size:clamp(.62rem,1vw,.95rem);padding:9px 14px}.vcn.vcn-venue-mode .vcn-eyebrow{font-size:clamp(.6rem,.9vw,.9rem)}
.vcn-venue-hud{position:absolute;z-index:15;left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(260px,1.7fr) auto auto;gap:1px;align-items:stretch;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);box-shadow:0 15px 60px rgba(0,0,0,.42);backdrop-filter:blur(15px)}.vcn-venue-hud[hidden]{display:none}.vcn-venue-hud>div{min-width:0;padding:10px 13px;background:rgba(4,4,7,.68)}.vcn-venue-hud span,.vcn-venue-hud strong,.vcn-venue-hud small{display:block}.vcn-venue-hud span{font-size:.47rem;letter-spacing:.16em;font-weight:900;color:var(--vcn-accent)}.vcn-venue-hud strong{margin-top:3px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcn-venue-hud small{margin-top:3px;color:#85868e;font-size:.53rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcn-venue-hud__health{position:relative;padding-left:28px!important;text-align:right}.vcn-venue-hud__health>span{position:absolute;left:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#41ff77;box-shadow:0 0 9px #41ff77,0 0 0 4px rgba(65,255,119,.1)}.vcn-venue-hud>button{appearance:none;border:0;border-left:1px solid rgba(255,255,255,.07);background:rgba(4,4,7,.7);color:#686972;padding:0 14px;font:inherit;font-size:.48rem;font-weight:900;letter-spacing:.1em;cursor:pointer;transition:.2s}.vcn-venue-hud>button:hover{color:#fff;background:rgba(255,255,255,.07)}
.vcn.vcn-venue-mode:fullscreen{width:100%;height:100%;background:var(--vcn-bg)}.vcn.vcn-venue-mode:-webkit-full-screen{width:100%;height:100%;background:var(--vcn-bg)}
@media(max-width:760px){.vcn-room-topbar>.vcn-room-topbar__right{gap:7px}.vcn-room-topbar__right>span{display:none}.vcn-venue-open{padding:7px 8px}.vcn-venue-dialog form{padding:30px 21px}.vcn-venue-hud{left:10px;right:10px;bottom:10px;grid-template-columns:1fr auto}.vcn-venue-hud__now{grid-column:1/-1;grid-row:1}.vcn-venue-hud__identity{grid-column:1}.vcn-venue-hud__health{grid-column:2}.vcn-venue-hud>button{display:none}.vcn.vcn-venue-mode .vcn-room-stage h1{font-size:clamp(3.5rem,15vw,7rem)}}
.vcn-broadcast-gate .vcn-gate-venue{margin-left:8px;background:transparent;border:1px solid color-mix(in srgb,var(--vcn-accent) 55%,rgba(255,255,255,.18));box-shadow:none}.vcn-broadcast-gate .vcn-gate-venue:hover{background:color-mix(in srgb,var(--vcn-accent) 12%,transparent)}
@media(max-width:560px){.vcn-broadcast-gate .vcn-gate-venue{display:block;margin:10px auto 0}}

/* 0.4.3: Venue HUD – direct child of the fullscreen room, pinned to the real screen edge. */
.vcn.vcn-venue-mode > .vcn-venue-hud{
  position:absolute;
  z-index:2147483001;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:32px;
  min-height:32px;
  display:flex;
  align-items:center;
  gap:0;
  overflow:hidden;
  border:0;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(2,2,5,.48);
  box-shadow:none;
  backdrop-filter:none;
  opacity:.72;
  transition:opacity .18s ease,background .18s ease;
}
.vcn.vcn-venue-mode > .vcn-venue-hud:hover{opacity:.96;background:rgba(2,2,5,.68)}
.vcn.vcn-venue-mode > .vcn-venue-hud[hidden]{display:none}
.vcn.vcn-venue-mode > .vcn-venue-hud>div{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  height:100%;
  padding:0 12px;
  border-right:1px solid rgba(255,255,255,.06);
  background:transparent;
  line-height:1;
}
.vcn.vcn-venue-mode > .vcn-venue-hud span,
.vcn.vcn-venue-mode > .vcn-venue-hud strong,
.vcn.vcn-venue-mode > .vcn-venue-hud small{
  display:inline;
  margin:0;
  line-height:31px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.vcn.vcn-venue-mode > .vcn-venue-hud span{
  flex:0 0 auto;
  font-size:8px;
  letter-spacing:.11em;
  font-weight:900;
  color:var(--vcn-accent);
}
.vcn.vcn-venue-mode > .vcn-venue-hud strong{font-size:11px;font-weight:800}
.vcn.vcn-venue-mode > .vcn-venue-hud small{font-size:9px;color:#9b9ba1}
.vcn.vcn-venue-mode > .vcn-venue-hud__identity{flex:0 1 20%}
.vcn.vcn-venue-mode > .vcn-venue-hud__now{flex:1 1 auto}
.vcn.vcn-venue-mode > .vcn-venue-hud__now>small{display:none}
.vcn.vcn-venue-mode > .vcn-venue-hud__health{
  position:relative;
  flex:0 0 auto;
  padding:0 12px 0 25px!important;
  text-align:left;
}
.vcn.vcn-venue-mode > .vcn-venue-hud__health>span{
  position:absolute;
  left:12px;
  top:50%;
  width:6px;
  height:6px;
  margin-top:-3px;
  border-radius:50%;
  background:#41ff77;
  box-shadow:0 0 6px #41ff77;
}
.vcn.vcn-venue-mode > .vcn-venue-hud>button{
  flex:0 0 32px;
  width:32px;
  height:32px;
  padding:0;
  overflow:hidden;
  border:0;
  border-left:1px solid rgba(255,255,255,.06);
  background:transparent;
  color:#8c8c92;
  font-size:0;
  line-height:32px;
}
.vcn.vcn-venue-mode > .vcn-venue-hud>button::after{content:'×';font-size:15px;line-height:32px}
.vcn.vcn-venue-mode > .vcn-venue-hud>button:hover{color:#fff;background:rgba(255,255,255,.06)}
@media(max-width:760px){
  .vcn.vcn-venue-mode > .vcn-venue-hud{height:32px;min-height:32px}
  .vcn.vcn-venue-mode > .vcn-venue-hud__identity{max-width:28%}
  .vcn.vcn-venue-mode > .vcn-venue-hud__health strong{display:none}
  .vcn.vcn-venue-mode > .vcn-venue-hud>button{display:block}
}

/* 0.5.0 Event / DJ Live Studio */
.vcn-live-studio{min-height:100vh;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--vcn-accent) 24%,transparent),transparent 28%),radial-gradient(circle at 85% 75%,color-mix(in srgb,var(--vcn-secondary) 18%,transparent),transparent 34%),#060608;padding:0 0 80px}.vcn-live-studio__hero{width:min(1180px,calc(100% - 40px));margin:auto;padding:50px 0 34px}.vcn-live-studio__hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.9;letter-spacing:-.06em;margin:16px 0}.vcn-live-console{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vcn-live-card{background:rgba(13,13,17,.88);border:1px solid rgba(255,255,255,.11);padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.26)}.vcn-live-card h2{font-size:2rem;margin:5px 0 22px}.vcn-live-field span{display:block;font-size:.62rem;letter-spacing:.12em;font-weight:900;margin-bottom:7px;color:#a9aab2}.vcn-live-field select{width:100%;background:#08080b;color:#fff;border:1px solid rgba(255,255,255,.15);padding:12px}.vcn-live-meter{height:16px;background:#050506;margin:24px 0 8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.vcn-live-meter i{display:block;width:100%;height:100%;transform:scaleX(.004);transform-origin:left;background:linear-gradient(90deg,var(--vcn-secondary),var(--vcn-accent));transition:transform .04s linear}.vcn-live-levels,.vcn-live-status{display:flex;justify-content:space-between;align-items:center;gap:12px}.vcn-live-levels{font-size:.68rem;color:#999aa3}.vcn-live-status{justify-content:flex-start;margin:20px 0}.vcn-live-status i{width:11px;height:11px;border-radius:50%;background:#696a71}.vcn-live-status i[data-state=live]{background:#26ec6e;box-shadow:0 0 18px #26ec6e}.vcn-live-status i[data-state=connecting],.vcn-live-status i[data-state=ready]{background:#ffc83d}.vcn-live-status i[data-state=error]{background:#ff4141}.vcn-live-countdown{font-size:clamp(2.5rem,5vw,5rem);font-weight:950;letter-spacing:-.05em;margin:22px 0;color:var(--vcn-accent)}.vcn-live-connect{background:linear-gradient(135deg,var(--vcn-accent),var(--vcn-secondary));color:#fff!important}.vcn-live-disconnect{background:#221012;color:#fff!important}.vcn-live-warning{padding:12px;border:1px solid #743;background:#2a1510;color:#ffc9aa}.vcn-live-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.09)}.vcn-live-health-grid span{background:#0a0a0d;padding:16px}.vcn-live-health-grid b,.vcn-live-health-grid strong{display:block}.vcn-live-health-grid b{font-size:.55rem;letter-spacing:.13em;color:#8e8f98;margin-bottom:5px}.vcn-live-health-grid strong{font-size:1.15rem}.vcn-live-note{color:#8f9098;line-height:1.55;font-size:.78rem;margin-top:22px}@media(max-width:900px){.vcn-live-console{grid-template-columns:1fr}.vcn-live-studio__hero,.vcn-live-console{width:min(100% - 24px,780px)}}

/* 0.5.3: Prepared-set video visual. Audio remains a separate HARD-SYNC media clock. */
.vcn-room-stage__video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s linear}
.vcn-room-stage.has-video-visual .vcn-room-stage__video{opacity:1;visibility:visible}
.vcn-room-stage.has-video-visual .vcn-room-stage__aurora,
.vcn-room-stage.has-video-visual .vcn-room-stage__grid,
.vcn-room-stage.has-video-visual .vcn-room-stage__orb,
.vcn-room-stage.has-video-visual .vcn-room-stage__lasers,
.vcn-room-stage.has-video-visual .vcn-room-stage__fx,
.vcn-room-stage.has-video-visual .vcn-room-stage__bars{display:none!important}
.vcn.vcn-venue-mode .vcn-room-stage.has-video-visual .vcn-room-stage__content{display:none!important}