/* Project Pumper — home (index) page-specific styles.
 *
 * Page-local classes extracted verbatim from index.html's former inline styles.
 * Shared chrome/components live in pumper.css; this file carries only the
 * one-off, home-page compositions. Declaration bodies are byte-faithful to the
 * inline styles they replaced so rendering is identical.
 */

/* ---- hero ---- */
.home-hero { text-align:center; padding:2.5em 2.5em 3.5em;
             background:linear-gradient(180deg,#0d0517 0%,#1c0836 60%,#33104f 100%); overflow:hidden }
/* The VHS tracking bar sweeps ACROSS the hero without displacing a pixel of it —
 * a STACK, so it is a one-cell grid: the bar and the content are both placed in
 * the same cell and overlap by construction. The cell is as tall as the content,
 * and the bar is pinned to the top of it by align-self, so the sweep starts
 * where it used to. No coordinates. */
.home-hero__stack { display:grid; grid-template-areas:"stack" }
.home-hero__content { grid-area:stack; min-width:0 }
.home-hero__tracking { grid-area:stack; align-self:start; height:1.6em;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 0.2em,rgba(255,255,255,.05) 0.2em 0.45em,rgba(255,255,255,.7) 0.45em 0.55em);
  filter:blur(0.06em); animation:tracking 7s linear infinite; pointer-events:none }
.home-hero__hud { display:flex; justify-content:space-between; font-family:'Press Start 2P',monospace;
                  font-size:0.7em; margin-bottom:3em }
.home-hero__presents { font-family:'Archivo',sans-serif; font-weight:700; font-size:0.875em;
                       letter-spacing:0.5em; color:#ffe98a; text-shadow:0 0.15em 0.5em #000 }
.home-hero__title { margin:0; font-family:'Archivo Black',sans-serif; font-style:italic; font-weight:900;
  font-size:min(10.5em,15vw); line-height:.9; transform:skewX(-8deg);
  background:linear-gradient(180deg,#eaf6ff 0%,#9fd8ff 32%,#1e5f8a 48%,#fff 52%,#ffd23e 66%,#b3541e 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 0.03em 0 #2c003a) drop-shadow(0 0.06em 0.18em rgba(255,47,160,.4)) }
.home-hero__initiative { display:inline-block; margin-top:0.9em; font-family:'Press Start 2P',monospace;
  font-size:0.75em; color:#fff; background:#ff2fa0; padding:0.85em 1.35em; transform:skewX(-8deg);
  box-shadow:0.35em 0.35em 0 #2c003a }
.home-hero__tagline { font-family:'Press Start 2P',monospace; font-size:0.8em; color:#ffd23e;
                      margin:2.3em 0 0.5em; text-shadow:0 0 0.9em #ffd23e88 }
.home-hero__tagline--cyan { font-family:'Press Start 2P',monospace; font-size:0.8em; color:#25e8e0;
                            margin:0; text-shadow:0 0 0.9em #25e8e088 }
.home-hero__sprite { width:7.5em; margin:1.75em auto 0.4em; background:#000; border:0.19em solid #39ff5a;
                     box-shadow:0 0 1.4em #39ff5a66; animation:bob 1.6s ease-in-out infinite }
.home-hero__sprite-img { display:block; width:100%; aspect-ratio:120/134; object-fit:contain; image-rendering:pixelated }
.home-hero__cta { margin-top:1.6em }
.home-hero__start { display:inline-block; font-family:'Press Start 2P',monospace; font-size:0.94em;
  background:#ff2fa0; color:#fff; padding:1.2em 2.25em; box-shadow:0.33em 0.33em 0 #7a0e4c;
  animation:neonpulse 2s infinite }
.home-hero__start-cursor { animation:blink 1.1s steps(1) infinite }
.home-hero__coin { font-family:'Press Start 2P',monospace; font-size:0.625em; color:#8d7fae; margin-top:1.8em }

/* ---- choose your fighter ---- */
.fighters { padding:2.9em 2.5em 3.1em; background:#0d0517; border-top:0.15em solid #25e8e0 }
.fighters__title { margin:0; text-align:center; font-family:'Press Start 2P',monospace; font-weight:400;
                   font-size:1.4em; color:#39ff5a; text-shadow:0 0 0.65em #39ff5a77 }
.fighters__sub { text-align:center; font-size:0.94em; color:#b8aecb; margin:0.8em 0 1.9em }
.fighters__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14.5em),1fr));
                  gap:1.1em; max-width:78em; margin:0 auto; align-items:stretch }

.fighter-card--cyan { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:0.65em;
  background:#140a26; border:0.19em solid #25e8e0; padding:0.9em; box-shadow:0 0 1em #25e8e033 }
.fighter-card--pink { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:0.65em;
  background:#140a26; border:0.19em solid #ff2fa0; padding:0.9em; box-shadow:0 0 1em #ff2fa033 }
.fighter-card--yellow { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:0.65em;
  background:#140a26; border:0.19em solid #ffd23e; padding:0.9em; box-shadow:0 0 1em #ffd23e33 }
.fighter-card--green { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:0.65em;
  background:#140a26; border:0.19em dashed #39ff5a; padding:0.9em; box-shadow:0 0 1em #39ff5a33 }

.fighter-card__portrait--cyan { aspect-ratio:9/5; border:0.13em dashed #3f6d75;
  background:repeating-linear-gradient(45deg,#0e1a22 0 0.5em,#12222c 0.5em 1em);
  display:flex; align-items:center; justify-content:center; font-family:ui-monospace,monospace;
  font-size:0.625em; color:#6fa7b0; text-align:center }
.fighter-card__portrait--pink { aspect-ratio:9/5; border:0.13em dashed #7a3d63;
  background:repeating-linear-gradient(45deg,#220e1c 0 0.5em,#2c1226 0.5em 1em);
  display:flex; align-items:center; justify-content:center; font-family:ui-monospace,monospace;
  font-size:0.625em; color:#c76fa7; text-align:center }
.fighter-card__portrait--yellow { aspect-ratio:9/5; border:0.13em dashed #7a6d3d;
  background:repeating-linear-gradient(45deg,#221e0e 0 0.5em,#2c2612 0.5em 1em);
  display:flex; align-items:center; justify-content:center; font-family:ui-monospace,monospace;
  font-size:0.625em; color:#c7b56f; text-align:center }
.fighter-card__portrait--green { aspect-ratio:9/5; border:0.13em solid #000; background:#000;
  display:flex; align-items:center; justify-content:center }

.fighter-card__name--cyan { font-family:'Press Start 2P',monospace; font-size:0.7em; color:#25e8e0 }
.fighter-card__name--pink { font-family:'Press Start 2P',monospace; font-size:0.7em; color:#ff2fa0 }
.fighter-card__name--yellow { font-family:'Press Start 2P',monospace; font-size:0.7em; color:#ffd23e }
.fighter-card__name--green { font-family:'Press Start 2P',monospace; font-size:0.7em; color:#39ff5a;
                             display:flex; align-items:baseline; gap:0.4em }
.fighter-card__arrow { font-size:0.8em }

.fighter-card__stats { font-family:ui-monospace,monospace; font-size:0.625em; color:#8d7fae; line-height:1.7 }
.fighter-card__desc { font-size:0.8em; color:#d7cfe8; line-height:1.5 }
.fighter-card__boss-img { width:45%; image-rendering:pixelated; filter:brightness(0) invert(.25) }

.fighter-card__enter--cyan { font-family:'Press Start 2P',monospace; font-size:0.625em; color:#fff;
  background:#164a50; text-align:center; padding:0.9em; margin-top:auto }
.fighter-card__enter--pink { font-family:'Press Start 2P',monospace; font-size:0.625em; color:#fff;
  background:#59133e; text-align:center; padding:0.9em; margin-top:auto }
.fighter-card__enter--yellow { font-family:'Press Start 2P',monospace; font-size:0.625em; background:#8a7420;
  text-align:center; padding:0.9em; color:#fff; margin-top:auto }
.fighter-card__enter--green { font-family:'Press Start 2P',monospace; font-size:0.625em; color:#000;
  background:#39ff5a; text-align:center; padding:0.9em; margin-top:auto }

/* ---- mag manifesto teaser ---- */
.manifesto { background:#f5ecd8; border-top:0.4em solid #ff2fa0 }
.manifesto__inner { display:flex; flex-wrap:wrap; gap:1.6em; padding:2.9em clamp(0.8em,4vw,2.5em);
                    max-width:78em; margin:0 auto; min-width:0 }
.manifesto__lead { flex:1.5 1 24em; min-width:0 }
.manifesto__kicker { font-family:ui-monospace,monospace; font-weight:700; font-size:0.7em;
                     letter-spacing:0.27em; color:#b3541e; margin-bottom:0.9em }
.manifesto__headline { margin:0; font-family:'Archivo Black',sans-serif; font-weight:900; font-size:2.6em;
                       line-height:1.02; color:#1c0a12; text-transform:uppercase }
.manifesto__body { font-size:1em; line-height:1.65; color:#3c2a24; margin:1.1em 0 0 }
.manifesto__dropcap { float:left; font-family:'Archivo Black',sans-serif; font-size:3.6em; line-height:.85;
                      padding:0.07em 0.17em 0 0; color:#ff2fa0 }
.manifesto__pullquote { font-family:'Archivo Black',sans-serif; font-size:1.4em; color:#b3541e;
  border-top:0.13em solid #1c0a12; border-bottom:0.13em solid #1c0a12; padding:0.6em 0; margin:0.9em 0;
  font-style:italic }
.manifesto__cta { font-family:'Press Start 2P',monospace; font-size:0.7em; color:#fff; background:#1c0a12;
                  padding:1.1em 1.6em; display:inline-block; box-shadow:0.36em 0.36em 0 #ff2fa0 }
.manifesto__aside { flex:1 1 16em; min-width:0; display:flex; flex-direction:column; gap:1em }

.mag-ad { border:0.19em solid #1c0a12; background:#fff; padding:1.1em; text-align:center;
          box-shadow:0.38em 0.38em 0 #25e8e0 }
.mag-ad__label { font-family:ui-monospace,monospace; font-weight:700; font-size:0.625em;
                 letter-spacing:0.2em; color:#888 }
.mag-ad__figures { display:flex; justify-content:center; align-items:flex-end; gap:1em; margin-top:0.75em }
.mag-ad__figure { width:26% }
.mag-ad__names { font-family:'Press Start 2P',monospace; font-size:0.56em; color:#888; margin-top:0.9em }
.mag-ad__slogan { font-family:'Archivo Black',sans-serif; font-size:1.5em; color:#1c0a12; margin-top:0.35em;
                  line-height:1.1 }
.mag-ad__clap { color:#ff2fa0 }
.mag-ad__fine { font-size:0.75em; color:#666; margin-top:0.65em }

.mag-card { border:0.19em solid #1c0a12; background:linear-gradient(180deg,#fff6d8,#ffe29a); padding:0.9em;
            text-align:center; box-shadow:0.38em 0.38em 0 #ffd23e }
.mag-card__label { font-family:'Press Start 2P',monospace; font-size:0.56em; color:#1c0a12 }
.mag-card__frame { background:#000; margin:0.65em auto; width:44%; border:0.13em solid #1c0a12 }
.mag-card__img { display:block; width:100%; aspect-ratio:110/120; object-fit:contain; image-rendering:pixelated }
.mag-card__title { font-family:'Press Start 2P',monospace; font-size:0.625em; color:#1c0a12 }
.mag-card__fine { font-size:0.7em; color:#5c4a1e; margin-top:0.55em }

/* ---- open pump spec ---- */
.spec { padding:2.75em 2.5em; background:#080312; border-top:0.15em solid #39ff5a }
.spec__inner { display:flex; flex-wrap:wrap; gap:1.9em; align-items:center; max-width:78em; margin:0 auto;
               min-width:0 }
.spec__lead { flex:1 1 20em; min-width:0 }
.spec__title { margin:0; font-family:'Press Start 2P',monospace; font-weight:400; font-size:1.125em;
               color:#25e8e0; line-height:1.5 }
.spec__body { font-size:0.94em; color:#b8aecb; margin:0.8em 0 0; line-height:1.6 }
.spec__tags { display:flex; gap:0.65em; margin-top:1em; flex-wrap:wrap }
.spec__tag--green { font-family:ui-monospace,monospace; font-weight:700; font-size:0.7em;
                    border:0.18em solid #39ff5a; color:#39ff5a; padding:0.45em 0.9em }
.spec__tag--yellow { font-family:ui-monospace,monospace; font-weight:700; font-size:0.7em;
                     border:0.18em solid #ffd23e; color:#ffd23e; padding:0.45em 0.9em }
.spec__tag--pink { font-family:ui-monospace,monospace; font-weight:700; font-size:0.7em;
                   border:0.18em solid #ff2fa0; color:#ff2fa0; padding:0.45em 0.9em }
.spec__list { flex:1.4 1 22em; min-width:0; display:flex; flex-direction:column; gap:0.75em;
              font-size:0.94em; color:#e6def5 }
.spec__bullet { display:flex; gap:0.8em; align-items:baseline }
.spec__star { font-family:'Press Start 2P',monospace; font-size:0.7em; color:#39ff5a }

/* ---- continue footer ---- */
.home-footer { text-align:center; padding:2.75em 2.5em 3.1em; background:#0d0517;
               border-top:0.15em solid #ff2fa0 }
.home-footer__continue { font-family:'Press Start 2P',monospace; font-size:1.25em; color:#39ff5a;
                         text-shadow:0 0 0.7em #39ff5a77 }
.home-footer__cta { display:flex; justify-content:center; gap:1.1em; margin-top:1.5em; flex-wrap:wrap }
.home-footer__join { font-family:'Press Start 2P',monospace; font-size:0.75em; background:#ff2fa0; color:#fff;
                     padding:1.35em 2em; box-shadow:0.33em 0.33em 0 #7a0e4c }
.home-footer__fork { font-family:'Press Start 2P',monospace; font-size:0.75em; background:#25e8e0;
                     color:#08131a; padding:1.35em 2em; box-shadow:0.33em 0.33em 0 #0e5a56 }
.home-footer__legal { font-family:ui-monospace,monospace; font-size:0.7em; color:#5c4f78; margin-top:2.4em }