/* Mikey Pletan — Destroyer of Worlds. Per-boss art layer (BUILD-PLAN C6).
   Ink Indigo ground, one steel brushstroke band, one crimson diagonal cut, a five-step riser at the base.
   Crimson is a large-type and rule colour only: it never colours body or secondary text.
   Motifs: mikey-pletan/cut.svg, mikey-pletan/riser.svg (hand-authored, no text, no faces). */

body[data-manager-slug="mikey-pletan"] {
  --team-field: #232A5E;
  --team-band: #E23A4F;
  --team-accent: #C9D1DB;
  --team-accent-2: #E34659;
  --team-light: #FFFFFF;
  --team-ink: #0E1030;
  --boss-ground: radial-gradient(110% 80% at 70% 0%, rgba(35, 42, 94, .62) 0%, rgba(35, 42, 94, .22) 46%, rgba(12, 13, 16, 0) 74%);
  --boss-motif: url("mikey-pletan/cut.svg");
  --boss-motif-edge: url("mikey-pletan/riser.svg");
  --boss-rule: rgba(226, 58, 79, .6);
}

/* ---------- hero ground: indigo, one steel band, one crimson cut; the riser sits at the base ---------- */
body[data-manager-slug="mikey-pletan"] .pt-b-hero { position: relative; isolation: isolate; }
body[data-manager-slug="mikey-pletan"] .pt-b-hero::before {
  content: "";
  position: absolute;
  inset: -32px -24px -24px -24px;
  z-index: -1;
  border-radius: 28px;
  background: var(--boss-motif) center / cover no-repeat, var(--boss-ground);
  pointer-events: none;
}
body[data-manager-slug="mikey-pletan"] .pt-b-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -24px;
  height: 56px;
  z-index: -1;
  background: var(--boss-motif-edge) right bottom / 420px auto no-repeat;
  opacity: .9;
  pointer-events: none;
}

/* The cut belongs to the portrait side: under the name, team and record chips it drops to a trace
   (verify, 2026-10-24: the crimson line ran through the team name and the chips at 390 and 1440 px). */
body[data-manager-slug="mikey-pletan"] .pt-b-hero::before {
  -webkit-mask-image: linear-gradient(90deg, #000 36%, rgba(0, 0, 0, .2) 50%);
  mask-image: linear-gradient(90deg, #000 36%, rgba(0, 0, 0, .2) 50%);
}

/* ---------- portrait rim: steel, with a crimson hairline ---------- */
body[data-manager-slug="mikey-pletan"] .pt-b-portrait {
  border-color: rgba(201, 209, 219, .35);
  box-shadow: 0 0 0 1px rgba(226, 58, 79, .35), 0 30px 60px -30px rgba(35, 42, 94, 1);
}

/* ---------- numerals in Blade Steel; the single accent numeral and rules in crimson (large type only) ---------- */
body[data-manager-slug="mikey-pletan"] .pt-b-c-n,
body[data-manager-slug="mikey-pletan"] .pt-b-now-card-n,
body[data-manager-slug="mikey-pletan"] .pt-b-fact-n,
body[data-manager-slug="mikey-pletan"] .pt-b-numeral,
body[data-manager-slug="mikey-pletan"] .pt-b-ch-fig-n { color: var(--team-accent); }
body[data-manager-slug="mikey-pletan"] .pt-b-c-n.pt-win,
body[data-manager-slug="mikey-pletan"] .pt-b-now-card-n.pt-win,
body[data-manager-slug="mikey-pletan"] .pt-b-numeral.pt-win,
body[data-manager-slug="mikey-pletan"] .pt-b-ch-fig-n.pt-win { color: var(--team-accent-2); }
body[data-manager-slug="mikey-pletan"] .pt-eb-ac { color: var(--team-accent); }
body[data-manager-slug="mikey-pletan"] .pt-b-badge-ac { background: var(--team-accent); color: var(--team-ink); }

/* ---------- chapter rules: one crimson hairline per chapter head, steel ledger rules ---------- */
body[data-manager-slug="mikey-pletan"] .pt-sec-head,
body[data-manager-slug="mikey-pletan"] .pt-b-ch-head { border-top: 1px solid var(--boss-rule); }
body[data-manager-slug="mikey-pletan"] .pt-b-ch[data-layout="ledger"] tbody tr,
body[data-manager-slug="mikey-pletan"] .pt-b-ch[data-layout="timeline"] tbody tr,
body[data-manager-slug="mikey-pletan"] .pt-b-ch[data-layout="versus"] tbody tr { border-color: rgba(201, 209, 219, .22); }
body[data-manager-slug="mikey-pletan"] .pt-b-ch[data-layout="timeline"] tbody tr:last-child td:last-child { color: var(--team-accent-2); font-weight: 700; }
body[data-manager-slug="mikey-pletan"] .pt-b-ch .pt-card { border-color: rgba(201, 209, 219, .18); }

/* ---------- motion: the cut draws in once as a fade, the riser rises; static under reduced motion ---------- */
@media (prefers-reduced-motion: no-preference) {
  body[data-manager-slug="mikey-pletan"] .pt-b-hero::before { animation: mp-cut 1100ms cubic-bezier(.16, 1, .3, 1) both; }
  body[data-manager-slug="mikey-pletan"] .pt-b-hero::after { animation: mp-riser 900ms 200ms cubic-bezier(.2, .8, .2, 1) both; }
  @keyframes mp-cut { from { opacity: 0; } to { opacity: 1; } }
  @keyframes mp-riser { from { opacity: 0; transform: translateY(14px); } to { opacity: .9; transform: none; } }
}

@media (max-width: 640px) {
  body[data-manager-slug="mikey-pletan"] .pt-b-hero::before {
    -webkit-mask-image: linear-gradient(180deg, #000 30%, rgba(0, 0, 0, .2) 40%);
    mask-image: linear-gradient(180deg, #000 30%, rgba(0, 0, 0, .2) 40%);
  }
}
@media (max-width: 767px) {
  body[data-manager-slug="mikey-pletan"] .pt-b-hero::before { inset: -20px -16px -16px -16px; border-radius: 20px; }
  body[data-manager-slug="mikey-pletan"] .pt-b-hero::after { height: 36px; background-size: 260px auto; }
}