/* BATTLEGASM ART PASS 8 — CHANNEL 63 / LIVE ART & ASSET LAYER
   Deterministic, template-driven visual layer. No DOM text matching required. */
:root{
  --bg8-black:#030205;
  --bg8-ink:#08050b;
  --bg8-cream:#f3ead4;
  --bg8-pink:#ff2bad;
  --bg8-cyan:#00e7f5;
  --bg8-acid:#c8ff36;
  --bg8-orange:#ff6a23;
  --bg8-gold:#ddb24c;
  --bg8-line:rgba(243,234,212,.17);
}
body.bg-art-pass-8{background-color:var(--bg8-black);}
body.bg-art-pass-8 .card,
body.bg-art-pass-8 .btn,
body.bg-art-pass-8 .premiere-badge,
body.bg-art-pass-8 .hero-stat,
body.bg-art-pass-8 .footer-legal-badge{border-radius:0;}

/* HERO: an actual venue/broadcast, not a gradient field */
body.bg-art-pass-8 .hero{
  min-height:760px;
  background:#030205;
  border-bottom:4px solid var(--bg8-pink);
}
body.bg-art-pass-8 .hero::before{
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,2,5,.98) 0%,rgba(3,2,5,.92) 34%,rgba(3,2,5,.50) 64%,rgba(3,2,5,.10) 100%),
    linear-gradient(0deg,rgba(3,2,5,.94) 0%,transparent 38%),
    url('/assets/img/broadcast/warehouse-arena.png') center right/cover no-repeat;
  opacity:.96;
  filter:saturate(1.28) contrast(1.1);
}
body.bg-art-pass-8 .hero::after{
  inset:0;
  width:auto;height:auto;right:0;top:0;border:0;border-radius:0;transform:none;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),
    linear-gradient(90deg,transparent 0 48%,rgba(0,231,245,.055) 49%,transparent 50% 72%,rgba(255,43,173,.05) 73%,transparent 74%);
  box-shadow:none;
  mix-blend-mode:screen;
  opacity:.52;
  pointer-events:none;
}
body.bg-art-pass-8 .hero .inner{padding-top:64px;padding-bottom:72px;z-index:2;}
body.bg-art-pass-8 .hero h1{max-width:950px;color:var(--bg8-cream);background:none;-webkit-text-fill-color:initial;text-shadow:-5px 2px 0 var(--bg8-pink),4px -2px 0 rgba(0,231,245,.82),7px 8px 0 #000;filter:none;}
body.bg-art-pass-8 .hero .tagline{color:var(--bg8-cream);text-shadow:3px 3px 0 #000;}
body.bg-art-pass-8 .hero .lede{color:#d4cbbd;background:rgba(3,2,5,.78);border-left:5px solid var(--bg8-cyan);padding:12px 15px;max-width:690px;}

.bg8-broadcast-lockup{display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center;width:max-content;max-width:100%;margin:0 0 18px;padding:7px 10px;background:#050207;border:2px solid var(--bg8-cyan);box-shadow:4px 4px 0 rgba(255,43,173,.55);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bg8-cream);}
.bg8-broadcast-lockup .live{color:#050207;background:var(--bg8-pink);padding:2px 6px;font-weight:800;animation:bg8-live 1.25s steps(1,end) infinite;}
.bg8-broadcast-lockup .signal{color:var(--bg8-acid);}
.bg8-broadcast-lockup .time{color:var(--bg8-cyan);}
@keyframes bg8-live{50%{opacity:.54}}

body.bg-art-pass-8 .hero .premiere-badge{background:#0a0610;border:2px solid var(--bg8-acid);box-shadow:5px 5px 0 rgba(200,255,54,.12);}
body.bg-art-pass-8 .hero .hero-stat{background:#050207;border:1px solid #554a55;box-shadow:3px 3px 0 rgba(0,0,0,.7);}
body.bg-art-pass-8 .hero .traj-wrap{background:#050207;border:2px solid var(--bg8-cyan);border-radius:0;box-shadow:7px 7px 0 rgba(255,43,173,.12);}

/* primitive hardware buttons */
body.bg-art-pass-8 .btn{border-width:2px;font-weight:800;box-shadow:4px 4px 0 #000;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));}
body.bg-art-pass-8 .btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #000;}
body.bg-art-pass-8 .btn-solid{background:var(--bg8-acid);color:#050207;}
body.bg-art-pass-8 .btn-hot{background:var(--bg8-pink);color:#fff;}
body.bg-art-pass-8 .btn-outline{background:#050207;border-color:#665b69;}

/* Header becomes station hardware */
body.bg-art-pass-8 .site-header{background:rgba(3,2,5,.96);backdrop-filter:none;border-bottom:3px solid var(--bg8-cyan);box-shadow:0 4px 0 rgba(255,43,173,.24);}
body.bg-art-pass-8 .signal-bar{background:#050207;border-bottom:1px solid #2f2831;}
body.bg-art-pass-8 .signal-bar::before{content:'CH 63';display:inline-block;position:absolute;left:8px;top:4px;color:var(--bg8-acid);font:700 .56rem var(--font-mono);letter-spacing:.08em;}
body.bg-art-pass-8 .logo{background:none;color:var(--bg8-cream);-webkit-text-fill-color:initial;text-shadow:-2px 1px 0 var(--bg8-pink),2px -1px 0 var(--bg8-cyan);}
body.bg-art-pass-8 .nav-toggle{border-radius:0;background:#050207;border:2px solid var(--bg8-cyan);}

/* Sections now read as captured feeds / print artifacts */
body.bg-art-pass-8 .section{background-color:#050307;}
body.bg-art-pass-8 .section.bg-ink-2{background:#09050b;}
body.bg-art-pass-8 .section::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--bg8-cyan),var(--bg8-pink),transparent);opacity:.38;pointer-events:none;}
body.bg-art-pass-8 .section-heading{position:relative;padding-left:18px;}
body.bg-art-pass-8 .section-heading::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:5px;background:repeating-linear-gradient(0deg,var(--bg8-pink) 0 12px,var(--bg8-cyan) 12px 24px,var(--bg8-acid) 24px 36px);}
body.bg-art-pass-8 .section-heading .eyebrow{color:var(--bg8-cyan);}

/* fight card becomes a local-TV tale-of-tape device */
body.bg-art-pass-8 .arena-fight-card{background:#050207;border:3px solid var(--bg8-pink)!important;box-shadow:8px 8px 0 rgba(0,231,245,.13);}
body.bg-art-pass-8 .arena-fight-card::before{content:'BGTV // TALE OF THE TAPE // OFFICIAL FEED';display:block;margin:-32px -32px 26px;padding:8px 11px;background:var(--bg8-pink);color:#050207;font:900 .67rem var(--font-mono);letter-spacing:.12em;}
body.bg-art-pass-8 .vs-burst{border-radius:0!important;transform:rotate(-3deg);background:var(--bg8-acid)!important;color:#050207!important;box-shadow:5px 5px 0 var(--bg8-pink);}
body.bg-art-pass-8 .tape-table td{background:#050207!important;}

/* cards: photocopy / cabinet panels, no SaaS glass */
body.bg-art-pass-8 .card,
body.bg-art-pass-8 .news-card,
body.bg-art-pass-8 .athlete-card{background:#08050a;border:1px solid #3a303b;box-shadow:5px 5px 0 rgba(0,0,0,.72);}
body.bg-art-pass-8 .athlete-card{border-top:5px solid var(--ath-a,var(--bg8-pink));}
body.bg-art-pass-8 .athlete-card::after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);opacity:.45;}

/* reusable 8-bit icon strip */
.bg8-icon-strip{display:grid;grid-template-columns:repeat(8,1fr);max-width:512px;height:64px;background-image:url('/assets/img/icons/battlegasm-pixel-sprite.svg');background-size:512px 64px;image-rendering:pixelated;}
.bg8-icon{display:inline-block;width:32px;height:32px;background-image:url('/assets/img/icons/battlegasm-pixel-sprite.svg');background-size:256px 32px;image-rendering:pixelated;vertical-align:middle;}
.bg8-icon.grin{background-position:0 0}.bg8-icon.bolt{background-position:-32px 0}.bg8-icon.heart{background-position:-64px 0}.bg8-icon.stopwatch{background-position:-96px 0}.bg8-icon.warning{background-position:-128px 0}.bg8-icon.tv{background-position:-160px 0}.bg8-icon.token{background-position:-192px 0}.bg8-icon.censor{background-position:-224px 0}

/* Golden Grin gets championship-object framing */
body.bg-art-pass-8 .golden-section{background:radial-gradient(circle at 76% 46%,rgba(221,178,76,.13),transparent 22rem),#050307;}
body.bg-art-pass-8 .grin-stage{position:relative;border:3px double var(--bg8-gold);padding:14px;background:#030205;box-shadow:9px 9px 0 rgba(221,178,76,.10);}
body.bg-art-pass-8 .grin-stage::before{content:'WORLD FINALS // CHAMPIONSHIP OBJECT // CHAIN OF CUSTODY VERIFIED';display:block;padding:7px 9px;margin-bottom:10px;background:#171006;color:var(--bg8-gold);font:700 .62rem var(--font-mono);letter-spacing:.1em;}

/* Footer sign-off */
body.bg-art-pass-8 .site-footer{background:#020104;border-top:5px solid var(--bg8-pink);box-shadow:0 -3px 0 var(--bg8-cyan);}
body.bg-art-pass-8 .site-footer::before{content:'BGTV CHANNEL 63 // END OF AUTHORIZED TRANSMISSION // SIGNAL MAY CONTINUE';display:block;margin:-64px 0 44px;padding:8px 22px;background:#050207;border-bottom:1px solid #302732;color:var(--bg8-cyan);font:700 .62rem var(--font-mono);letter-spacing:.12em;text-align:center;}

@media(max-width:767px){
  body.bg-art-pass-8 .hero{min-height:auto;}
  body.bg-art-pass-8 .hero::before{background:linear-gradient(180deg,rgba(3,2,5,.66) 0%,rgba(3,2,5,.88) 42%,#030205 78%),url('/assets/img/broadcast/warehouse-arena.png') center top/auto 58% no-repeat;opacity:.92;}
  body.bg-art-pass-8 .hero .inner{padding-top:38px;}
  body.bg-art-pass-8 .hero h1{font-size:clamp(4.25rem,22vw,7rem);text-shadow:-3px 2px 0 var(--bg8-pink),3px -1px 0 var(--bg8-cyan),4px 5px 0 #000;}
  .bg8-broadcast-lockup{font-size:.56rem;gap:5px 10px;width:100%;}
  body.bg-art-pass-8 .arena-fight-card::before{margin:-32px -20px 24px;}
  body.bg-art-pass-8 .section{padding-top:64px;padding-bottom:64px;}
}
@media(prefers-reduced-motion:reduce){.bg8-broadcast-lockup .live{animation:none;}}

/* PASS 9 — Speed discipline token */
.discipline-speed { --discipline-color: var(--gold-bright); }