:root{
  color-scheme:dark;
  --bg:#0c0c0e; --bg2:#121214; --surface:#17171a; --surface2:#1d1d21;
  --ink:#f2f0e8; --ink2:#d6d3c8; --muted:#a3a096;
  --line:#2c2c31;
  --noir:#070708; --charbon:#141416;
  --or:#c9a227; --or-vif:#d9a92c; --or-pale:#e3c566;
  --radius:14px;
  --font-d:"Anton",Impact,sans-serif;
  --font-b:"Archivo",system-ui,sans-serif;
  --font-h:"Caveat",cursive;
}
.mrp-pitch {
  --ground: var(--bg);
  --panel: var(--surface);
  --text: var(--ink);
  --quiet: var(--ink2);
  --gold: var(--or-pale);
  --edge: var(--line);
  --shadow: color-mix(in srgb, var(--noir) 80%, transparent);
}

/* The shared deck sheet styles its elements inside the player, so these two
   rules keep the original edition rendering the way it shipped: the skip link
   and the help link ride outside the player, and every focus ring in this page
   is the deck's own gold. */
.mrp-pitch a {
  color: var(--gold);
}

.mrp-pitch :focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 3px;
}

.mrp-pitch .skip {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 4;
  padding: 0.75rem;
  background: var(--ground);
  transform: translateY(-180%);
}

.mrp-pitch .skip:focus {
  transform: none;
}

.mrp-pitch .pitch-brand {
  display: block;
  flex: 0 0 auto;
}

.mrp-pitch .pitch-brand img {
  display: block;
  width: clamp(5rem, 13vw, 9rem);
  height: auto;
}