/* Jack Parmer — All Jacked Up, 2017. Per-boss art layer (BUILD-PLAN C6).
   Deep Crimson ground (two radials, each fading to nothing at or inside the panel's edges; the motif
   carries no wash of its own), tracking-line texture on the left edge only, and the eight-frame strip at the lower right, four dark frames then four lit, with a plain crimson dot and two viewfinder
   brackets. Tape Red hairlines mark the chapter heads, the era rule carried onto the page. Every
   rule is scoped to this boss's body; layout primitives, font sizes and volt are untouched.
   Motifs: jack-parmer/frames.svg, jack-parmer/tracking.svg (hand-authored, no text, no faces). */

body[data-manager-slug="jack-parmer"] {
  --team-field: #711821;
  --team-band: #F2E7D8;
  --team-accent: #E2606F;
  --team-accent-2: #F2E7D8;
  --team-light: #F2E7D8;
  --team-ink: #2B0A10;
  --boss-ground: radial-gradient(26% 40% at 74% 60%, rgba(113, 24, 33, .82) 0%, rgba(113, 24, 33, .44) 40%, rgba(12, 13, 16, 0) 100%), radial-gradient(44% 48% at 56% 52%, rgba(113, 24, 33, .42) 0%, rgba(113, 24, 33, .18) 46%, rgba(12, 13, 16, 0) 100%);
  --boss-motif: url("jack-parmer/frames.svg");
  --boss-motif-edge: url("jack-parmer/tracking.svg");
  --boss-rule: rgba(226, 96, 111, .42);
}

/* ---------- hero ground: crimson from the lower right, the frame strip, tracking lines on the left edge ---------- */
body[data-manager-slug="jack-parmer"] .pt-b-hero {
  position: relative;
  isolation: isolate;
}
body[data-manager-slug="jack-parmer"] .pt-b-hero::before {
  content: "";
  position: absolute;
  inset: -32px -24px -24px -24px;
  z-index: -1;
  border-radius: 28px;
  background: var(--boss-motif) right bottom / 1600px auto no-repeat, var(--boss-ground);
  pointer-events: none;
}
body[data-manager-slug="jack-parmer"] .pt-b-hero::after {
  content: "";
  position: absolute;
  top: -32px;
  left: -8px;
  bottom: -24px;
  width: 48px;
  z-index: -1;
  background: var(--boss-motif-edge) center / 48px auto repeat-y;
  opacity: .8;
  pointer-events: none;
}

/* ---------- portrait rim: tape cream on crimson ---------- */
body[data-manager-slug="jack-parmer"] .pt-b-portrait {
  border-color: rgba(242, 231, 216, .36);
  box-shadow: 0 0 0 1px rgba(226, 96, 111, .18), 0 30px 60px -30px rgba(113, 24, 33, 1);
}

/* ---------- numerals in the crimson text tint; secondary in Tape Cream; the badge is cream with Deep Crimson type ---------- */
body[data-manager-slug="jack-parmer"] .pt-b-c-n,
body[data-manager-slug="jack-parmer"] .pt-b-now-card-n,
body[data-manager-slug="jack-parmer"] .pt-b-fact-n,
body[data-manager-slug="jack-parmer"] .pt-b-numeral,
body[data-manager-slug="jack-parmer"] .pt-b-ch-fig-n { color: var(--team-accent); }
body[data-manager-slug="jack-parmer"] .pt-eb-ac { color: var(--team-accent); }
body[data-manager-slug="jack-parmer"] .pt-b-badge-ac { background: var(--team-band); color: var(--team-field); }
body[data-manager-slug="jack-parmer"] .pt-b-ch-eyebrow,
body[data-manager-slug="jack-parmer"] .pt-b-ch-stamp { color: var(--team-accent-2); }

/* ---------- chapter rules: a tape-red hairline per chapter head; cream ledger rules; crimson win marks with cream type ---------- */
body[data-manager-slug="jack-parmer"] .pt-sec-head,
body[data-manager-slug="jack-parmer"] .pt-b-ch-head { border-top: 1px solid var(--boss-rule); }
body[data-manager-slug="jack-parmer"] .pt-b-ch[data-layout="ledger"] tbody tr,
body[data-manager-slug="jack-parmer"] .pt-b-ch[data-layout="versus"] tbody tr { border-color: rgba(242, 231, 216, .18); }
body[data-manager-slug="jack-parmer"] .pt-b-ch[data-layout="numerals"] .pt-card,
body[data-manager-slug="jack-parmer"] .pt-b-ch[data-layout="versus"] .pt-card { border-color: rgba(226, 96, 111, .24); }
body[data-manager-slug="jack-parmer"] .pt-b-ch .pt-win { color: var(--team-accent); }
body[data-manager-slug="jack-parmer"] .pt-b-res-w { background: #B92F3F; color: var(--team-light); }

/* ---------- motion: the frame strip slides in from the dark frames, the tracking lines fade; nothing moves under reduced motion ---------- */
@media (prefers-reduced-motion: no-preference) {
  body[data-manager-slug="jack-parmer"] .pt-b-hero::before { animation: jp-strip 1200ms cubic-bezier(.2, .8, .2, 1) both; }
  body[data-manager-slug="jack-parmer"] .pt-b-hero::after { animation: jp-track 900ms cubic-bezier(.16, 1, .3, 1) 200ms both; }
  @keyframes jp-strip { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: none; } }
  @keyframes jp-track { from { opacity: 0; } to { opacity: .8; } }
}

@media (max-width: 767px) {
  body[data-manager-slug="jack-parmer"] .pt-b-hero::before { inset: -20px -16px -16px -16px; border-radius: 20px; background-size: 1100px auto, auto; background-position: right bottom, center; }
  body[data-manager-slug="jack-parmer"] .pt-b-hero::after { left: -6px; width: 28px; background-size: 28px auto; }
}