/* Approved hybrid direction, re-grounded on paper (docs/16).
   The case file is the shared world.
   Broadcast language (Channel 988 yellow) owns action and reveals.
   Compliance forms own dense procedures.
   The night air this file used to paint is gone: agents.css owns the
   paper ground, cards, and buttons now. What remains here is structure
   and the broadcast language. */

:root {
  --hybrid-yellow: #f2d24b;
  --hybrid-paper-ink: #17102B;
  --hybrid-paper-shadow: 6px 6px 0 #17102B;
}

.paperdoc {
  box-shadow: var(--hybrid-paper-shadow);
}

/* The home screen's skin now lives in daylight.css (docs/15): the landing is
   store paper, not night. The sidecase rack keeps only its structural grid
   there; everything below this line is the in-game night. */

/* The active field kit is a compliance folder, not app tabs. */
.fk-tabs {
  gap: 3px;
}

/* Votes, the duel, and reveals borrow Channel 988. */
.duelstage,
.verdict-stage,
.vote-screen,
.reveal-screen {
  position: relative;
}

.duelstage::before,
.verdict-stage::before,
.vote-screen::before,
.reveal-screen::before {
  content: "MHTV 988 · LIVE FIELD FEED";
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 7px;
  color: #111;
  background: var(--hybrid-yellow);
  font: 700 8px/1 var(--mono);
  letter-spacing: 0.08em;
}

.display--verdict {
  text-shadow: 6px 6px 0 var(--pink-deep);
}

/* Design Pass 2: less chrome, clearer acts, and a stronger final answer. */
#alert {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  padding: 9px 12px 10px;
  border-radius: 0;
}

#alert .approw {
  grid-column: 1 / -1;
  margin-bottom: 4px;
  font-size: 10px;
}

#alert .headline {
  grid-column: 1 / -1;
  font-size: 22px;
}

#alert .sub {
  grid-column: 1;
  align-self: end;
  margin-top: 4px;
  font-size: 12.5px;
  line-height: 1.35;
}

#alert .openhint {
  grid-column: 2;
  align-self: end;
  margin-top: 4px;
  font-size: 10px;
  letter-spacing: 0.16em;
  white-space: nowrap;
}

.fieldkit .fk-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 3px 12px;
  padding: 9px 10px 10px;
  text-align: left;
  background: #fff;
  border: 2px solid var(--ink);
  border-radius: 12px;
  box-shadow: 3px 3px 0 var(--ink);
  margin-bottom: 10px;
}

.fieldkit .fk-top .eyebrow {
  text-align: left;
  letter-spacing: 0.16em;
}

.fieldkit .fk-top .eyebrow::before {
  content: "FIELD KIT";
  display: block;
  margin-bottom: 3px;
  color: var(--pink-deep);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.fieldkit .fk-clock {
  margin: 0;
  font-size: clamp(2.7rem, 14vw, 4.8rem);
  line-height: 0.8;
}

.fieldkit .fk-cover {
  grid-column: 1 / -1;
  justify-self: stretch;
  justify-content: flex-start;
  margin-top: 6px;
}

.fieldkit .fk-cover .peek {
  margin-left: auto;
}

.vote-screen .vote-poster {
  border-top: 9px solid var(--hybrid-yellow);
}

.vote-screen .vote-poster::after {
  content: "BALLOT WINDOW OPEN";
  display: block;
  width: fit-content;
  margin: 10px auto 0;
  padding: 5px 7px;
  color: #111;
  background: var(--hybrid-yellow);
  font: 700 9px/1 var(--mono);
  letter-spacing: 0.1em;
}

.noteanswer {
  position: relative;
  padding: 30px 16px 16px;
  color: var(--hybrid-paper-ink);
  background: #fff;
  border: 2px solid var(--hybrid-paper-ink);
  border-radius: 4px;
  box-shadow: var(--hybrid-paper-shadow);
  transform: rotate(-0.5deg);
}

.noteanswer::before {
  content: "KEITH · FINAL STATEMENT";
  position: absolute;
  top: 10px;
  left: 13px;
  color: var(--pink-deep);
  font: 700 9px/1 var(--mono);
  letter-spacing: 0.1em;
}

.finalcard {
  position: relative;
  color: var(--hybrid-paper-ink);
  background: #fff;
  border: 3px solid var(--hybrid-paper-ink);
  border-top: 12px solid var(--pink-deep);
  border-radius: 4px 16px 16px 16px;
  box-shadow: var(--hybrid-paper-shadow);
}

.finalcard .final-mark,
.finalcard .fh,
.finalcard .fb {
  color: var(--hybrid-paper-ink);
  text-shadow: none;
}

.finalcard .crisis {
  color: var(--paper);
  background: var(--hybrid-paper-ink);
  border-radius: 0;
}

#endGame {
  color: var(--text-quiet, #6E6880);
  border-color: rgba(23, 16, 43, 0.4);
  border-style: dashed;
  background: transparent;
  box-shadow: none;
}

/* .first-minute is a home element; its skin moved to daylight.css. */

.result-next b {
  font: 700 8px/1.2 var(--mono);
  letter-spacing: 0.11em;
  color: var(--pink-deep);
}

.result-next {
  margin-top: 16px;
  padding: 10px 12px;
  color: var(--hybrid-paper-ink);
  background: var(--surface-paper);
  border-left: 5px solid var(--mint);
  box-shadow: var(--hybrid-paper-shadow);
}

.result-next b,
.result-next span {
  display: block;
}

.result-next b {
  margin-bottom: 4px;
}

.result-next span {
  font-size: 11px;
  line-height: 1.45;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

  .home-actions,
  .world-shot,
  .noteanswer,
  .finalcard {
    transform: none !important;
  }

  .scanline {
    display: none !important;
  }
}