.venue-tv{min-height:100vh;position:relative;overflow:hidden;background:#0a0712;color:#fff;font-family:var(--font-display);isolation:isolate}
.venue-tv::before{content:"";position:absolute;inset:0;z-index:-4;background:radial-gradient(circle at 50% 54%,rgba(85,14,82,.38),transparent 35%),repeating-radial-gradient(ellipse at center,rgba(255,255,255,.018) 0 1px,transparent 2px 8px)}
.venue-tv-wallpaper{position:absolute;inset:0;z-index:-5;background-position:center;background-size:cover;opacity:0;transform:scale(1.04);transition:opacity 1.2s,transform 30s linear}.venue-tv-wallpaper.is-visible{opacity:.42;transform:scale(1.12)}
.venue-tv-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(8, 5, 12,.83),rgba(10, 7, 14,.35) 50%,rgba(8, 5, 12,.8)),linear-gradient(0deg,rgba(10, 6, 16,.75),transparent 45%,rgba(10, 6, 16,.45))}
.venue-tv-glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(60px);opacity:.85;animation:tv-glow 8s ease-in-out infinite alternate}.venue-tv-glow--pink{width:320px;height:320px;left:55%;top:21%;background:#ff159e}.venue-tv-glow--purple{width:300px;height:300px;left:25%;top:39%;background:#762aff;animation-delay:-4s}
@keyframes tv-glow{to{transform:translate(35px,-20px) scale(1.15);opacity:.55}}
.venue-tv-header{position:absolute;z-index:5;left:5%;right:5%;top:7%;display:flex;align-items:flex-start;justify-content:space-between}.venue-tv-brand{display:flex;align-items:center;gap:25px}.venue-tv-avatar{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#ff24a4;box-shadow:0 0 35px rgba(255,36,164,.18);font:600 38px var(--font-display)}.venue-tv-avatar img{width:100%;height:100%;object-fit:cover}.venue-tv-brand h2{margin:0;font:600 clamp(30px,3vw,48px) var(--font-display)}.venue-tv-brand p{margin:12px 0 0;color:#aaa4b0;font:700 12px var(--font-mono);letter-spacing:.32em;text-transform:uppercase}
.venue-tv-status{text-align:right}.venue-tv-status time{display:block;font:400 clamp(48px,5vw,78px) var(--font-mono);letter-spacing:.06em}.venue-tv-status>span{display:block;margin-top:8px;color:#ddd7e2;font:500 17px var(--font-display)}.venue-tv-status p{margin:12px 0 0;color:#9c95a5;font:700 11px var(--font-mono);letter-spacing:.25em;text-transform:uppercase}.venue-tv-status p::first-letter{color:#ff2d95}
.venue-tv-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.venue-tv-center>p{position:relative;z-index:2;margin:0 0 22px;color:#d0c8d5;font:700 12px var(--font-mono);letter-spacing:.35em;text-transform:uppercase}.venue-tv-center h1{position:relative;z-index:2;max-width:80vw;margin:0;font:600 clamp(75px,10vw,155px)/.9 var(--font-display);letter-spacing:-.055em;text-shadow:0 8px 50px rgba(0,0,0,.65)}
.venue-tv-orb{position:absolute;width:min(46vw,600px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-48%);border-radius:50%;background:radial-gradient(circle at 45% 40%,rgba(129,36,139,.45),rgba(15,35,20,.82) 60%,rgba(8,18,11,.95));box-shadow:inset -40px -40px 90px rgba(0,0,0,.65),0 0 120px rgba(211,25,170,.17);animation:tv-orb 6s ease-in-out infinite}.venue-tv-orb i{position:absolute;inset:-2%;border-radius:50%;border:1px solid rgba(255,255,255,.025)}.venue-tv-orb i:nth-child(2){inset:5%;border-color:rgba(255,41,175,.06)}.venue-tv-orb i:nth-child(3){inset:12%;border-color:rgba(113,50,250,.06)}
@keyframes tv-orb{50%{transform:translate(-50%,-50%) scale(1.035);filter:hue-rotate(18deg)}}
.venue-tv-equalizer{position:absolute;left:15%;right:15%;bottom:6%;height:56px;display:flex;align-items:flex-end;gap:7px}.venue-tv-equalizer i{flex:1;height:24px;background:linear-gradient(#8c31e8,#ed188f);opacity:.65;transform-origin:bottom;animation:tv-bar calc(.7s + var(--bar)*.025s) ease-in-out infinite alternate}.venue-tv-equalizer i:nth-child(3n){height:42px;background:#ff2d95}.venue-tv-equalizer i:nth-child(4n){height:18px;background:#6731c7}.venue-tv-equalizer i:nth-child(5n){height:34px}
@keyframes tv-bar{from{transform:scaleY(.25);opacity:.35}to{transform:scaleY(1);opacity:1}}
@media(max-width:700px){.venue-tv-header{top:4%}.venue-tv-avatar{width:64px;height:64px}.venue-tv-status>span{display:none}.venue-tv-brand p,.venue-tv-status p{font-size:8px}.venue-tv-center h1{font-size:18vw}.venue-tv-orb{width:75vw}.venue-tv-equalizer{left:6%;right:6%}}