/* Russell Drowota — Ploopy. Per-boss art layer (BUILD-PLAN C6).
   Harbor Teal ground, Sail Parchment linework, two Silver Sail reef lines for the two runner-up finishes,
   one engraved wave along the hero's base. Silver only: no gold anywhere on this page.
   Motifs: russell-drowota/reef.svg, russell-drowota/wave.svg (hand-authored, no text, no faces). */

body[data-manager-slug="russell-drowota"] {
  --team-field: #0E4457;
  --team-band: #EADCB6;
  --team-accent: #EADCB6;
  --team-accent-2: #BFC8D2;
  --team-light: #FFFFFF;
  --team-ink: #06212B;
  --boss-ground: radial-gradient(110% 80% at 72% 18%, rgba(14, 68, 87, .66) 0%, rgba(14, 68, 87, .26) 46%, rgba(12, 13, 16, 0) 76%);
  --boss-motif: url("russell-drowota/reef.svg");
  --boss-motif-edge: url("russell-drowota/wave.svg");
  --boss-rule: rgba(191, 200, 210, .38);
}

/* ---------- hero ground: teal sea, the sail cloth on the copy side, the wave along the base ---------- */
body[data-manager-slug="russell-drowota"] .pt-b-hero { position: relative; isolation: isolate; }
body[data-manager-slug="russell-drowota"] .pt-b-hero::before {
  content: "";
  position: absolute;
  inset: -32px -24px -24px -24px;
  z-index: -1;
  border-radius: 28px;
  background: var(--boss-motif) right 40% / 1600px auto no-repeat, var(--boss-ground);
  pointer-events: none;
}
body[data-manager-slug="russell-drowota"] .pt-b-hero::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: -22px;
  height: 28px;
  z-index: -1;
  background: var(--boss-motif-edge) left center / 320px 28px repeat-x;
  opacity: .7;
  pointer-events: none;
}

/* ---------- portrait rim: parchment on teal ---------- */
body[data-manager-slug="russell-drowota"] .pt-b-portrait {
  border-color: rgba(234, 220, 182, .4);
  box-shadow: 0 0 0 1px rgba(234, 220, 182, .14), 0 30px 60px -30px rgba(6, 33, 43, 1);
}

/* ---------- numerals in Sail Parchment; secondary and the finals in Silver Sail ---------- */
body[data-manager-slug="russell-drowota"] .pt-b-c-n,
body[data-manager-slug="russell-drowota"] .pt-b-now-card-n,
body[data-manager-slug="russell-drowota"] .pt-b-fact-n,
body[data-manager-slug="russell-drowota"] .pt-b-numeral,
body[data-manager-slug="russell-drowota"] .pt-b-ch-fig-n { color: var(--team-accent); }
body[data-manager-slug="russell-drowota"] .pt-eb-ac { color: var(--team-accent); }
body[data-manager-slug="russell-drowota"] .pt-b-badge-ac { background: var(--team-accent); color: var(--team-ink); }
body[data-manager-slug="russell-drowota"] .pt-b-ch-eyebrow,
body[data-manager-slug="russell-drowota"] .pt-b-ch-stamp { color: var(--team-accent-2); }
body[data-manager-slug="russell-drowota"] #ch-two-finals .pt-b-ch-fig-n { color: var(--team-accent-2); }

/* ---------- chapter rules: a silver hairline per chapter head; the finals chapter carries two reef lines ---------- */
body[data-manager-slug="russell-drowota"] .pt-sec-head,
body[data-manager-slug="russell-drowota"] .pt-b-ch-head { border-top: 1px solid var(--boss-rule); }
body[data-manager-slug="russell-drowota"] #ch-two-finals .pt-b-ch-head { border-top: 1px solid var(--team-accent-2); box-shadow: inset 0 4px 0 -3px var(--team-accent-2); }
body[data-manager-slug="russell-drowota"] .pt-b-ch[data-layout="ledger"] tbody tr,
body[data-manager-slug="russell-drowota"] .pt-b-ch[data-layout="versus"] tbody tr { border-color: rgba(191, 200, 210, .2); }
body[data-manager-slug="russell-drowota"] .pt-b-ch .pt-card { border-color: rgba(234, 220, 182, .18); }
body[data-manager-slug="russell-drowota"] .pt-b-ch .pt-win { color: var(--team-accent); }

/* ---------- motion: the sail cloth fills once from the mast, the wave settles; static under reduced motion ---------- */
@media (prefers-reduced-motion: no-preference) {
  body[data-manager-slug="russell-drowota"] .pt-b-hero::before { animation: rd-fill 1300ms cubic-bezier(.2, .8, .2, 1) both; }
  body[data-manager-slug="russell-drowota"] .pt-b-hero::after { animation: rd-wave 1000ms cubic-bezier(.16, 1, .3, 1) 240ms both; }
  @keyframes rd-fill { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: none; } }
  @keyframes rd-wave { from { opacity: 0; transform: translateY(8px); } to { opacity: .7; transform: none; } }
}

@media (max-width: 767px) {
  body[data-manager-slug="russell-drowota"] .pt-b-hero::before { inset: -20px -16px -16px -16px; border-radius: 20px; background-size: 1100px auto, auto; background-position: right 24%, center; }
  body[data-manager-slug="russell-drowota"] .pt-b-hero::after { left: 4px; right: 4px; bottom: -16px; height: 20px; background-size: 228px 20px; }
}
