/* ==========================================================================
   epistles — REGALIA-in-TACTICAL // Pack One: First Kit
   The King's redress, tailored INSIDE the tactical frame. TACTICAL stays
   final — this layer only dresses the regalia imagery into it.
   STATIC BY DESIGN: zero keyframe animation anywhere in this file.
   Additive only: every rule is gated behind html[data-tactical="on"].
   Missing images fail silent: every placement is a background layer or a
   pseudo-element, so a 404 paints nothing and breaks nothing.
   Kit one: crest, breastplate, cape-pauldrons, hall-hero, mobile-panel.
   Forged blind by Solid (the Drive mirror was sign-in-walled, so the
   artwork was judged from its manifest, not its pixels) — placements are
   defensive on purpose; the King judges by trying it live and directs
   kit two from what he sees.
   ========================================================================== */

html[data-tactical="on"] {
  --reg-crest: url(/img/regalia-crest.png);
  --reg-breastplate: url(/img/regalia-breastplate.png);
  --reg-cape: url(/img/regalia-cape-pauldrons.png);
  --reg-hall-hero: url(/img/regalia-hall-hero.png);
  --reg-mobile-panel: url(/img/regalia-mobile-panel.png);
}

/* --- 1. Gatekeeper crest: watermark behind the site header -------------------
   .site-header::before is unused anywhere — zero collision, zero risk. */
html[data-tactical="on"] .site-header { position: relative; }
html[data-tactical="on"] .site-header::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 120px;
  height: 120px;
  transform: translateY(-50%);
  background: var(--reg-crest) center / contain no-repeat;
  opacity: .5;
  filter: drop-shadow(0 0 14px rgba(210,31,38,.45));
  pointer-events: none;
}

/* --- 2. Hall hero: banner behind room bars -----------------------------------
   Background layer sits behind the bar content; the dark gradient keeps the
   room name and buttons readable no matter what the artwork holds. */
html[data-tactical="on"] .room-bar,
html[data-tactical="on"] .ocd-lobby-head {
  background:
    linear-gradient(180deg, rgba(10,10,12,.62), rgba(10,10,12,.86)),
    var(--reg-hall-hero) center 30% / cover no-repeat,
    #101114;
}

/* --- 3. Staged utilities: armor pieces, placed by the King's eye --------------
   Inert until classed — documented here, wired into live templates in kit
   two once the King has judged the artwork with his own eyes. */
html[data-tactical="on"] .regalia-crest {
  width: 44px;
  height: 44px;
  background: var(--reg-crest) center / contain no-repeat;
  filter: drop-shadow(0 0 10px rgba(210,31,38,.5));
}
html[data-tactical="on"] .regalia-plate {
  background: var(--reg-breastplate) center / contain no-repeat;
}
html[data-tactical="on"] .regalia-pauldrons {
  background: var(--reg-cape) center / contain no-repeat;
}
html[data-tactical="on"] .regalia-mobile-panel {
  background: var(--reg-mobile-panel) center top / cover no-repeat;
}

/* --- Responsive: smaller crest watermark on phones --------------------------- */
@media (max-width: 720px) {
  html[data-tactical="on"] .site-header::before {
    width: 76px;
    height: 76px;
    right: 10px;
    opacity: .35;
  }
}

/* --- Print: flat steel, no regalia ------------------------------------------- */
@media print {
  html[data-tactical="on"] .site-header::before { display: none; }
  html[data-tactical="on"] .room-bar { background: #101114; }
}
/* No keyframes in this file — REGALIA-in-TACTICAL is static by design. */