:root{--bg:#03050c;--panel:rgba(7,12,27,.92);--pink:#ff2ba6;--pink-soft:#ff63c6;--cyan:#20d9ff;--cyan-soft:#6fe9ff;--text:#f8f9ff;--muted:#b7bed1;--line:rgba(255,255,255,.12);--shadow-pink:0 0 10px rgba(255,43,166,.95),0 0 24px rgba(255,43,166,.48);--shadow-cyan:0 0 10px rgba(32,217,255,.95),0 0 24px rgba(32,217,255,.42)}
*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:"Inter",sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.ambient{position:fixed;inset:0;z-index:-5;overflow:hidden;background:radial-gradient(circle at 80% 0,rgba(255,43,166,.16),transparent 33rem),radial-gradient(circle at 15% 25%,rgba(32,217,255,.11),transparent 28rem),linear-gradient(180deg,#02040a,#050816 55%,#02040a)}.ambient-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(32,217,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,166,.10) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 83%,transparent)}.ambient-glow{position:absolute;width:38vw;height:38vw;border-radius:50%;filter:blur(90px);opacity:.18}.ambient-glow-pink{right:-15vw;top:5vh;background:var(--pink)}.ambient-glow-cyan{left:-18vw;bottom:-10vh;background:var(--cyan)}.page-shell{width:min(1540px,calc(100% - 40px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(255,43,166,.28)}.brand{display:flex;align-items:center;gap:17px}.brand img{width:112px;height:78px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(32,217,255,.25))}.brand-name{display:inline-flex;align-items:center;min-height:52px;padding:0 20px;border:2px solid var(--pink);transform:skew(-8deg);box-shadow:var(--shadow-pink);background:rgba(8,12,24,.92);white-space:nowrap}.brand-name b{transform:skew(8deg);font-family:"Barlow Condensed",sans-serif;font-size:2rem;font-style:italic;text-transform:uppercase}.live-status{display:flex;align-items:center;gap:11px;padding:11px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,12,27,.8);font-size:.78rem;font-weight:900;letter-spacing:.12em}.status-dot{width:11px;height:11px;border-radius:50%;background:#f6b642;box-shadow:0 0 14px currentColor}.live-status.is-live{color:#ff6877;border-color:rgba(255,104,119,.45)}.live-status.is-live .status-dot{background:#ff3b4f;animation:pulse 1.35s infinite}.live-status.is-offline{color:#aeb5c6}.live-status.is-offline .status-dot{background:#737c92}.intro,.event-banner{text-align:center;padding:32px 20px 24px}.eyebrow,.event-banner>span{text-transform:uppercase;letter-spacing:.2em;color:var(--cyan-soft);font-size:.75rem;font-weight:800}.intro h1,.event-banner h1{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-style:italic;line-height:.82;margin-top:10px}.intro h1 span{font-size:clamp(3.7rem,7vw,7rem);color:white;text-shadow:0 0 8px #fff,0 0 16px rgba(255,43,166,.95),0 0 32px rgba(255,43,166,.75)}.intro h1 strong{display:block;font-size:clamp(3rem,5.8vw,5.8rem);color:#dcfaff;text-shadow:0 0 8px #fff,0 0 16px rgba(32,217,255,.95),0 0 32px rgba(32,217,255,.72)}.claim{margin-top:13px;font-family:"Barlow Condensed",sans-serif;font-size:clamp(1.7rem,3vw,2.7rem);font-style:italic;text-transform:uppercase}.event-banner h1{font-size:clamp(3.6rem,7vw,6.7rem);text-shadow:var(--shadow-pink)}.event-banner p{margin-top:13px;color:var(--muted);font-size:1.08rem}.stage{flex:1;display:grid;grid-template-columns:minmax(250px,.42fr) minmax(0,1.58fr);align-items:end;gap:26px;padding:12px 0 28px}.portrait-panel{position:relative;align-self:stretch;min-height:520px;overflow:hidden;border:1px solid rgba(32,217,255,.2);border-radius:18px;background:linear-gradient(180deg,rgba(32,217,255,.08),rgba(255,43,166,.08));box-shadow:inset 0 0 42px rgba(32,217,255,.08)}.portrait-panel img{position:absolute;inset:auto 0 0;width:100%;height:108%;object-fit:cover;object-position:center top;filter:saturate(1.06) contrast(1.05)}.portrait-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(3,5,12,.12) 62%,#03050c 100%),linear-gradient(90deg,rgba(3,5,12,.2),transparent 50%)}.player-card{border:1px solid rgba(255,43,166,.34);border-radius:18px;overflow:hidden;background:linear-gradient(135deg,rgba(13,20,39,.97),rgba(5,8,18,.98));box-shadow:0 0 0 1px rgba(32,217,255,.08),0 22px 70px rgba(0,0,0,.45),var(--shadow-pink)}.player-topline{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900;color:var(--pink-soft);border-bottom:1px solid rgba(255,255,255,.08)}.signal-bars{display:flex;align-items:end;gap:3px;height:18px}.signal-bars i{width:3px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:bars 1s ease-in-out infinite}.signal-bars i:nth-child(1){height:7px}.signal-bars i:nth-child(2){height:12px;animation-delay:.15s}.signal-bars i:nth-child(3){height:16px;animation-delay:.3s}.signal-bars i:nth-child(4){height:10px;animation-delay:.45s}.player-screen{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.player-screen video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.10;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.11) 4px)}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(circle at center,rgba(12,20,42,.80),rgba(1,3,8,.96));z-index:3}.overlay[hidden]{display:none}.overlay strong{font-family:"Barlow Condensed",sans-serif;font-size:clamp(2rem,4vw,4rem);text-transform:uppercase;font-style:italic}.overlay span{margin-top:10px;color:var(--muted)}.loader{width:54px;height:54px;border:3px solid rgba(255,255,255,.16);border-top-color:var(--cyan);border-right-color:var(--pink);border-radius:50%;margin-bottom:24px;animation:spin .85s linear infinite}.offline-logo{width:78px;height:78px;display:grid;place-items:center;border:2px solid var(--pink);transform:skew(-8deg);font-family:"Barlow Condensed",sans-serif;font-size:2rem;font-weight:900;box-shadow:var(--shadow-pink);margin-bottom:22px}.sound-button{position:absolute;right:18px;bottom:18px;z-index:4;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.23);border-radius:999px;padding:11px 15px;background:rgba(2,4,10,.75);color:white;backdrop-filter:blur(10px)}.sound-button.is-on{opacity:0;pointer-events:none;transform:translateY(10px)}.player-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px}.player-footer>div:first-child{display:grid;gap:4px}.player-footer strong{font-family:"Barlow Condensed",sans-serif;font-size:1.45rem;text-transform:uppercase;font-style:italic}.player-footer span{color:var(--muted);font-size:.88rem}.actions{display:flex;gap:12px}.neon-button{min-height:44px;padding:0 16px;border-radius:7px;background:rgba(255,255,255,.03);color:white;text-transform:uppercase;font-size:.78rem;font-weight:900;letter-spacing:.06em}.neon-button.pink{border:2px solid var(--pink);box-shadow:var(--shadow-pink)}.neon-button.cyan{border:2px solid var(--cyan);box-shadow:var(--shadow-cyan)}.neon-button:hover{filter:brightness(1.2)}.footerbar{min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;color:#8e97ad;font-size:.82rem;border-top:1px solid rgba(255,255,255,.08)}.footerbar a{color:var(--cyan-soft)}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.48}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bars{50%{height:4px}}@media(max-width:1050px){.stage{grid-template-columns:1fr}.portrait-panel{display:none}.intro{padding-top:22px}}@media(max-width:720px){.page-shell{width:min(100% - 22px,1540px)}.topbar{min-height:82px}.brand img{width:82px;height:60px}.brand-name{display:none}.intro,.event-banner{padding:24px 10px 18px}.stage{padding-top:0}.player-footer{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions .neon-button{flex:1}.footerbar{flex-wrap:wrap;text-align:center;padding:16px 0}.sound-button b{display:none}}@media(max-width:460px){.live-status{padding:9px 12px;font-size:.68rem}.player-topline{height:40px}.player-footer{padding:15px}.actions{flex-direction:column}.sound-button{right:10px;bottom:10px}}