:root{--bg:#071216;--bg2:#0c1d23;--teal:#29e0d2;--teal2:#14958c;--red:#e5483f;--yel:#ffd84a;--tx:#e8f3f2;--mut:#9fb9b7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 1.0625rem/1.6 Inter,system-ui,sans-serif}
body:after{content:"";pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);z-index:99}
img{max-width:100%;height:auto;display:block}a{color:var(--teal)}
.px,h2,h3.px{font-family:"Press Start 2P",monospace;line-height:1.4;letter-spacing:.02em}
h2{font-size:clamp(1rem,4vw,1.5rem);color:var(--teal);text-shadow:3px 3px 0 #000;margin:0 0 1.5rem}
h3.px{font-size:.8rem;color:var(--yel)}
.wrap{max-width:1100px;margin:auto;padding:0 1.25rem}section{padding:4rem 0}.alt-bg{background:var(--bg2);border-block:4px solid #000;box-shadow:inset 0 4px 0 var(--teal2)}
.center{text-align:center}.small{font-size:.85rem;color:var(--mut)}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:100;background:var(--yel);color:#000;padding:.5rem}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.25rem;background:rgba(7,18,22,.94);border-bottom:3px solid var(--teal2);flex-wrap:wrap}
.nav nav{display:flex;gap:1rem;flex-wrap:wrap}.nav nav a{font:700 .8rem Inter;text-transform:uppercase;color:var(--tx);text-decoration:none}.nav nav a:hover{color:var(--teal)}
@media(max-width:600px){.nav{justify-content:center}.nav .brand{display:none}.nav nav{gap:.8rem;justify-content:center}}
.hero{padding:4rem 0 3rem;text-align:center;background:radial-gradient(ellipse at 50% 0,#0f3b40 0,var(--bg) 70%)}
.hero h1{margin:0 auto 1.25rem;max-width:760px}
.tag{font-size:clamp(1.05rem,3vw,1.35rem);font-weight:600}
.live{display:inline-flex;align-items:center;gap:.6rem;font:.75rem/1.6 "Press Start 2P",monospace;color:var(--yel);border:3px solid var(--yel);padding:.6rem .9rem;box-shadow:4px 4px 0 #000}
.dot{width:10px;height:10px;background:var(--red);border-radius:50%;animation:b 1s steps(2) infinite}@keyframes b{50%{opacity:0}}
.btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:1.75rem 0}
.btn{display:inline-flex;align-items:center;gap:.6rem;font:.72rem/1.4 "Press Start 2P",monospace;background:var(--red);color:#fff;text-decoration:none;padding:1rem 1.2rem;border:3px solid #000;box-shadow:4px 4px 0 #000;transition:transform .08s}
.btn:hover,.btn:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}
.btn.alt{background:#5865f2}.btn.big{font-size:.95rem;padding:1.3rem 1.6rem;background:var(--teal);color:#001}
.btn svg{width:22px;height:22px;fill:currentColor}
.cd{margin-top:2rem}.cd h2{font-size:.85rem;margin-bottom:1rem}
.timer{display:flex;justify-content:center;gap:.6rem}.timer div{background:#000;border:3px solid var(--teal2);padding:.8rem .5rem;min-width:70px}
.timer b{display:block;font:1.4rem "Press Start 2P",monospace;color:var(--teal)}.timer span{font-size:.7rem;text-transform:uppercase;color:var(--mut)}
.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.vid h3{font-size:1rem;margin:.75rem 0 0}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:3px solid #000;box-shadow:5px 5px 0 var(--teal2);background:#000;cursor:pointer;overflow:hidden}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.yt:hover img{transform:scale(1.04)}
.play{position:absolute;inset:0;margin:auto;width:68px;height:48px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:1.4rem;border:3px solid #000}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lead{max-width:780px;font-size:1.1rem}
.hosts{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:2rem}
.card{background:var(--bg);border:3px solid var(--teal2);padding:1.5rem;box-shadow:6px 6px 0 #000}
.split{display:grid;gap:2rem;align-items:center}@media(min-width:800px){.split{grid-template-columns:1fr 1fr}}
.split img{border:4px solid #000;box-shadow:8px 8px 0 var(--teal2)}
.social{list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.social a{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.4rem 1rem;background:var(--bg);border:3px solid var(--teal2);color:var(--tx);text-decoration:none;font-weight:700;box-shadow:4px 4px 0 #000}
.social a:hover,.social a:focus-visible{border-color:var(--teal);color:var(--teal)}.social svg{width:40px;height:40px;fill:currentColor}
footer{padding:2rem 0;border-top:3px solid var(--teal2);text-align:center}
.go{font-size:clamp(1.6rem,7vw,3rem);color:var(--red);text-shadow:4px 4px 0 #000}
:focus-visible{outline:3px solid var(--yel);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.vid .date{margin:.25rem 0 0;font-size:.85rem;opacity:.75}
.bands{font-size:.85rem;margin:0 0 .75rem}