:root{--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--card-radius:22px;--control-radius:12px;--cyan:#00e7ff;--violet:#945cff;--blue:#126dff;--pink:#ff3dbb;--panel:rgba(8,12,30,.74);--panel-strong:rgba(11,17,42,.94);--line:rgba(104,224,255,.17);--glow:0 0 28px rgba(0,231,255,.18),0 0 80px rgba(148,92,255,.1)}
html{background:#03050d}.site-header,main,.site-footer{position:relative;z-index:2}.site-header{width:min(1320px,calc(100% - 28px));padding:18px 0;align-items:center!important}.logo-circle{width:88px;height:88px;border-radius:18px}.main-nav a,.nav-button,.member-nav button,.staff-tabs button{min-height:42px;padding:.72rem .9rem;border-radius:var(--control-radius);display:flex;align-items:center}.main-nav a:hover,.main-nav a.active{background:linear-gradient(135deg,rgba(0,231,255,.12),rgba(148,92,255,.13));box-shadow:inset 0 0 0 1px var(--line),0 0 24px rgba(0,231,255,.1)}
body:before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--live-x,20%) var(--live-y,15%),rgba(0,231,255,.22),transparent 22%),radial-gradient(circle at 80% 30%,rgba(148,92,255,.18),transparent 25%),radial-gradient(circle at 50% 100%,rgba(18,109,255,.17),transparent 30%);filter:saturate(125%);animation:4fdAura 14s ease-in-out infinite alternate}
@keyframes 4fdAura{to{transform:translate3d(2%,-1%,0) scale(1.05);filter:hue-rotate(15deg) saturate(145%)}}
.fx-volumetric{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.48}.fx-volumetric i{position:absolute;bottom:-30vh;width:14vw;height:125vh;background:linear-gradient(to top,transparent,rgba(0,231,255,.14),transparent);filter:blur(18px);transform-origin:bottom;animation:beamSweep var(--beam-speed,12s) ease-in-out infinite alternate}.fx-volumetric i:nth-child(even){background:linear-gradient(to top,transparent,rgba(148,92,255,.14),transparent)}@keyframes beamSweep{from{transform:translateX(-10vw) rotate(-18deg)}to{transform:translateX(18vw) rotate(16deg)}}
.fx-particle-canvas{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.72}.hologram-panel,.live-card,.admin-card,.social-card{background:linear-gradient(145deg,rgba(13,21,52,.86),rgba(5,9,24,.78));border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--glow);backdrop-filter:blur(18px);position:relative;overflow:hidden}.hologram-panel:after,.live-card:after,.admin-card:after,.social-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(113,233,255,.025) 4px);mix-blend-mode:screen}.hologram-title{font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.09em;text-shadow:0 0 18px rgba(0,231,255,.5)}
.live-shell,.admin-shell{width:min(1320px,calc(100% - 28px));margin:auto;padding:28px 0 70px}.live-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;padding:clamp(24px,5vw,64px);min-height:440px;align-items:center}.live-status{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(0,231,255,.28);background:rgba(0,231,255,.08);padding:8px 12px;border-radius:999px}.live-status i{width:9px;height:9px;border-radius:50%;background:#46ff8f;box-shadow:0 0 16px #46ff8f}.live-grid,.admin-grid,.social-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:18px}.live-main{grid-column:span 8;padding:20px}.live-side{grid-column:span 4;padding:20px}.live-wide{grid-column:1/-1;padding:20px}.stream-stage{aspect-ratio:16/9;background:radial-gradient(circle at 50% 45%,rgba(0,231,255,.18),transparent 24%),#02040b;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;overflow:hidden}.stream-stage video,.stream-stage iframe{width:100%;height:100%;border:0}.stream-placeholder{text-align:center;max-width:560px;padding:25px}.chat-feed{height:390px;overflow:auto;display:flex;flex-direction:column;gap:10px}.chat-line{padding:10px 12px;background:rgba(255,255,255,.035);border-radius:10px}.live-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.metric{padding:18px}.metric strong{font:700 clamp(1.7rem,4vw,3rem)/1 Orbitron,sans-serif;color:#fff}.metric span{display:block;color:var(--muted);margin-top:8px}.admin-grid .admin-card{grid-column:span 3;padding:20px}.admin-grid .admin-card.wide{grid-column:span 6}.admin-grid .admin-card.full{grid-column:1/-1}.data-bars{display:grid;gap:12px}.data-bar{display:grid;grid-template-columns:130px 1fr 50px;gap:10px;align-items:center}.data-bar i{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.data-bar i:before{content:"";display:block;width:var(--v);height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 14px rgba(0,231,255,.4)}
.btn,button,input,textarea,select,.feature-card,.event-card,.promo-card,.artist-card,.player-card,.member-content section{border-radius:var(--control-radius)}.btn,.nav-button,button{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn:hover,.nav-button:hover,button:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(0,231,255,.12)}
body.fx-page-in{animation:pageIn .55s cubic-bezier(.2,.75,.2,1) both}body.fx-page-out{animation:pageOut .28s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(12px);filter:blur(8px)}}@keyframes pageOut{to{opacity:0;transform:scale(.985);filter:blur(6px)}}
@media(max-width:900px){.live-hero{grid-template-columns:1fr}.live-main,.live-side,.admin-grid .admin-card,.admin-grid .admin-card.wide{grid-column:1/-1}.site-header{align-items:flex-start!important}.logo-circle{width:72px;height:72px}}@media(prefers-reduced-motion:reduce){body:before,.fx-volumetric i{animation:none}.fx-particle-canvas,.fx-volumetric{display:none}}