/* The waiting table: warm materials, a quiet match window, and one scroll surface. */
html:has(#deceiversTruthOverlay:not(.hidden)),
body:has(#deceiversTruthOverlay:not(.hidden)) { overflow: hidden !important; }
#deceiversTruthOverlay {
  padding: 12px;
  background: radial-gradient(ellipse at 50% 30%, #312329e8, #0d0c10f5 80%);
  color: #efe3d0;
  --afterlife-gold: #d1b483;
  --afterlife-ink: #ede0ca;
}
#deceiversTruthOverlay .deceivers-truth-shell {
  display: flex; flex-direction: column;
  width: min(1160px, 100%); height: calc(100dvh - 24px); max-height: 940px;
  border: 1px solid #b9986559; border-radius: 24px;
  background: linear-gradient(130deg, #23191ff2, #17151df5), url('/images/ravens-board/ravens-board-intro.webp') center/cover;
  box-shadow: 0 24px 80px #0009, inset 0 1px 0 #f6e5c51a;
  overflow: hidden;
}
#deceiversTruthOverlay .deceivers-truth-close {
  top: 12px; right: 12px; width: 36px; height: 36px; min-height: 36px;
  border-color: #bda16f55; background: #241d22; color: #e9d5b5;
  box-shadow: none; font-size: 24px;
}
#deceiversTruthOverlay button {
  font-family: "EB Garamond", Georgia, serif; letter-spacing: .015em;
  transition: background .16s, border-color .16s, box-shadow .16s;
}
#deceiversTruthOverlay button:focus-visible,
#deceiversTruthOverlay select:focus-visible,
#deceiversTruthOverlay summary:focus-visible {
  outline: 2px solid #ecd1a0; outline-offset: 3px;
}
#deceiversTruthOverlay button:disabled { cursor: default; opacity: .48; }
#deceiversTruthOverlay .afterlife-nav {
  flex: 0 0 auto; display: flex; align-items: center; gap: 8px;
  padding: 12px 60px 10px 20px; margin: 0;
  border-bottom: 1px solid #c8aa7624;
  background: linear-gradient(180deg, #2f2327b3, #1e1a2090);
}
#deceiversTruthOverlay .afterlife-nav button {
  width: auto; min-height: 38px; margin: 0; padding: 7px 17px;
  border: 1px solid #a9916a55; border-radius: 13px;
  background: linear-gradient(#3c4a57, #293441); color: #eee3d2;
  font-size: 16px; box-shadow: inset 0 1px 0 #f4e5cd12;
}
#deceiversTruthOverlay .afterlife-nav button[aria-pressed="true"],
#deceiversTruthOverlay .afterlife-nav button[aria-selected="true"],
#deceiversTruthOverlay .afterlife-nav button.active {
  background: linear-gradient(#75504e, #4d3238); border-color: #d0b2839c;
}
#deceiversTruthOverlay .afterlife-nav button:last-child { margin-left: auto; }
#deceiversTruthOverlay .afterlife-match-status {
  flex: 0 0 auto; padding: 8px 22px; margin: 0;
  color: #cfbfa8; background: #110e1440; font: 15px/1.35 "EB Garamond", Georgia, serif;
}
#deceiversTruthOverlay .afterlife-match-status strong { color: #ead5b3; }
#deceiversTruthOverlay .afterlife-final-notice {
  display: flex; align-items: center; gap: 10px 18px; flex-wrap: wrap;
  margin: 8px 18px; padding: 12px 18px; border-radius: 14px;
  border: 1px solid #b7986599; background: linear-gradient(110deg, #574438, #302731);
  font: 17px/1.3 "EB Garamond", Georgia, serif; color: #f4e3c4;
}
#deceiversTruthOverlay .afterlife-final-notice[hidden] { display: none; }
#deceiversTruthOverlay .afterlife-final-notice button { width: auto; margin: 0 0 0 auto; padding: 9px 20px; border-radius: 12px; background: linear-gradient(#855051, #61393f); border: 1px solid #c5a47980; box-shadow: inset 0 1px 0 #f4dfb71a; color: #f5e3c9; }
#deceiversTruthOverlay .deceivers-truth-content {
  flex: 1 1 auto; height: auto !important; overflow-y: auto; overflow-x: hidden;
  overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #79644d #19151b;
}
#deceiversTruthOverlay .afterlife-shell-header { flex: 0 0 auto; }
#deceiversTruthOverlay .afterlife-reading-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #79644d #19151b; }
#deceiversTruthOverlay .deceivers-truth-intro {
  min-height: 100%; height: auto; display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: space-between;
  gap: 30px; padding: 28px 70px 30px; box-sizing: border-box;
}
#deceiversTruthOverlay .deceivers-truth-intro-bg { filter: brightness(.67) saturate(.78); object-position: center 42%; }
#deceiversTruthOverlay .deceivers-truth-intro-shade {
  background: linear-gradient(#17111866, #100b1214 45%, #100b12b3);
}
#deceiversTruthOverlay .deceivers-truth-intro-copy {
  position: relative; top: auto; left: auto; transform: none; grid-column: 1 / -1;
  width: min(700px, 100%); justify-self: center; padding: 18px 24px; box-sizing: border-box;
  background: linear-gradient(#21171edb, #171218a6); border-color: #bc9b652e;
}
#deceiversTruthOverlay .deceivers-truth-intro-copy h2 {
  font: 600 clamp(24px, 3.2vw, 40px)/1.2 "Cinzel", Georgia, serif;
  color: #e4cda4; letter-spacing: .055em; text-shadow: 0 2px 9px #0008;
}
#deceiversTruthOverlay .deceivers-truth-intro-copy p { font: 18px/1.4 "EB Garamond", Georgia, serif; color: #eddfcc; }
#deceiversTruthOverlay .deceivers-truth-intro-copy h3 { font-size: 15px; letter-spacing: .06em; }
#deceiversTruthOverlay .deceivers-truth-path-choice {
  position: relative; top: auto; left: auto; transform: none;
  width: min(220px, 100%); min-height: 0; padding: 14px 16px;
  gap: 6px; border-radius: 20px; border-color: #ba9b6b80;
  background: linear-gradient(150deg, #44332be8, #21191fe8);
  box-shadow: 0 12px 26px #0007, inset 0 1px 0 #edcf9e1a;
}
#deceiversTruthOverlay .deceivers-truth-path-choice.firepants-choice { justify-self: start; }
#deceiversTruthOverlay .deceivers-truth-path-choice.goody-choice { justify-self: end; }
#deceiversTruthOverlay .deceivers-truth-path-choice:hover { transform: translateY(-3px); border-color: #e0c296; }
#deceiversTruthOverlay .deceivers-truth-path-choice img { height: 116px; max-height: none; object-position: center 20%; border-radius: 12px; }
#deceiversTruthOverlay .deceivers-truth-path-choice small { font: 15px/1.25 "EB Garamond", Georgia, serif; color: #e0d0bd; }
#deceiversTruthOverlay .deceivers-truth-choice-mode { background: #814d42; color: #f1decb; box-shadow: none; }
#deceiversTruthOverlay .deceivers-truth-choice-mode.calm { background: #657263; color: #f4eddb; }
#deceiversTruthOverlay .deceivers-truth-game {
  display: block !important; height: auto !important; min-height: 100%; overflow: visible !important; padding: 16px 28px 18px !important;
  background: linear-gradient(150deg, #21171d9c, #191720d9), url('/images/ravens-board/ravens-board-intro.webp') center 42%/cover;
}
#deceiversTruthOverlay .deceivers-truth-game-header { margin: 0 auto 7px; max-width: 900px; gap: 12px; }
#deceiversTruthOverlay .deceivers-truth-game-header h2 { color: #e7cfa8; font: 600 clamp(20px, 2.3vw, 28px)/1.25 "Cinzel", Georgia, serif; letter-spacing: .045em; }
#deceiversTruthOverlay .deceivers-truth-game-header p { margin: 4px 0 0; color: #e2d2bd; font: 16px/1.35 "EB Garamond", Georgia, serif; }
#deceiversTruthOverlay .deceivers-truth-kicker { font: 11px/1.3 "Cinzel", Georgia, serif; color: #baa68b; letter-spacing: .18em; }
#deceiversTruthOverlay .deceivers-truth-status-card { border-color: #b797613b; border-radius: 14px; background: #211c249c; min-width: 105px; box-shadow: none; }
#deceiversTruthOverlay .deceivers-truth-status-card strong { display: block; color: #e1c698; font-size: 15px; }
#deceiversTruthOverlay .deceivers-truth-raven-line {
  width: min(900px, 100%); box-sizing: border-box; margin: 6px auto 10px;
  padding: 7px 16px; min-height: 35px; border: none; border-radius: 10px;
  background: #16121a73; color: #e3cda9;
  font: italic 17px/1.3 "EB Garamond", Georgia, serif; box-shadow: none;
}
#deceiversTruthOverlay .deceivers-truth-stage,
#deceiversTruthOverlay .deceivers-truth-path-summary { max-width: 900px; margin: 7px auto; color: #c7b699; font: 14px/1.3 "EB Garamond", Georgia, serif; text-align: center; }
#deceiversTruthOverlay .deceivers-truth-stage { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px 12px; }
#deceiversTruthOverlay .deceivers-truth-stage strong { font-weight: normal; color: #d4bc96; }
#deceiversTruthOverlay .deceivers-truth-stage progress { width: 90px; height: 5px; border: 0; border-radius: 10px; overflow: hidden; background: #c6ac7626; accent-color: #b6a17a; }
#deceiversTruthOverlay .deceivers-truth-stage progress::-webkit-progress-bar { background: #c6ac7626; border-radius: 10px; }
#deceiversTruthOverlay .deceivers-truth-stage progress::-webkit-progress-value { background: #b6a17a; border-radius: 10px; }
#deceiversTruthOverlay .deceivers-truth-stage progress::-moz-progress-bar { background: #b6a17a; border-radius: 10px; }
#deceiversTruthOverlay .deceivers-truth-choice-hint { margin: 4px auto; text-align: center; color: #bdad94; font: 14px/1.3 "EB Garamond", Georgia, serif; }
#deceiversTruthOverlay .deceivers-truth-board {
  width: min(900px, 100%, calc((100dvh - 410px) * 2.074)); min-width: min(480px, 100%);
  margin: 0 auto 5px; border: 0; border-radius: 20px; background: transparent;
  box-shadow: 0 12px 24px #0005; overflow: hidden;
}
#deceiversTruthOverlay #deceiversTruthCanvas { display: block; width: 100%; height: auto; max-height: none; }
#deceiversTruthOverlay .deceivers-truth-card-choices {
  display: flex; justify-content: center; gap: 9px; margin: 6px auto;
}
#deceiversTruthOverlay .deceivers-truth-card-choices button {
  width: auto; min-width: 44px; min-height: 36px; margin: 0; padding: 5px 15px;
  border: 1px solid #b39a725e; border-radius: 12px;
  background: linear-gradient(#3f3a40, #292730); color: #e5d1ae; box-shadow: none;
  font-size: 16px;
}
#deceiversTruthOverlay .deceivers-truth-card-choices button:disabled { opacity: .36; }
#deceiversTruthOverlay .deceivers-truth-control-dock { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 20px; margin: 8px auto; max-width: 900px; }
#deceiversTruthOverlay .deceivers-truth-control-dock .deceivers-truth-card-choices { margin: 0; }
#deceiversTruthOverlay .deceivers-truth-actions-top {
  width: min(900px, 100%); max-width: none; margin: 8px auto !important; padding: 0 !important;
  display: flex; gap: 9px; justify-content: center; flex-wrap: wrap;
  background: transparent; border: 0; box-shadow: none;
}
#deceiversTruthOverlay .deceivers-truth-actions button {
  min-height: 40px; width: auto; min-width: 145px; padding: 9px 20px;
  border: 1px solid #bd9e7059; border-radius: 13px;
  background: linear-gradient(#855051, #61393f); color: #faead7;
  font: 17px/1.2 "EB Garamond", Georgia, serif; box-shadow: inset 0 1px 0 #f1dbbb1c, 0 4px 8px #0003;
  animation: none !important;
}
#deceiversTruthOverlay .deceivers-truth-actions button.secondary { background: linear-gradient(#455565, #303d4d); }
#deceiversTruthOverlay .deceivers-truth-control-dock .deceivers-truth-actions-top { width: auto; margin: 0 !important; }
#deceiversTruthOverlay .deceivers-truth-score-row { display: flex; gap: 26px; justify-content: center; margin: 12px auto 0; }
#deceiversTruthOverlay .deceivers-truth-score-row > div { display: flex; align-items: baseline; gap: 7px; padding: 0; border: 0; background: none; box-shadow: none; }
#deceiversTruthOverlay .deceivers-truth-score-row span { font: 13px/1.3 "EB Garamond", Georgia, serif; letter-spacing: .03em; color: #c4b095; }
#deceiversTruthOverlay .deceivers-truth-score-row strong { font-size: 19px; color: #e6c99a; }
#deceiversTruthOverlay .deceivers-truth-win-banner { margin: 8px auto; padding: 10px; border: 1px solid #b7ab7a66; border-radius: 14px; background: #3640389c; color: #eee1c7; box-shadow: none; animation: none !important; }
#deceiversTruthOverlay .deceivers-truth-win-banner strong { font-size: 19px; }
#deceiversTruthOverlay .deceivers-truth-round-number,
#deceiversTruthOverlay .truth-round-won .deceivers-truth-raven-line,
#deceiversTruthOverlay .truth-round-won .deceivers-truth-status-card { animation: none !important; box-shadow: none; }

/* A private paper record rather than another arcade screen. */
#deceiversTruthOverlay .afterlife-reading { width: min(760px, 100%); margin: 0 auto; padding: 26px 28px 32px; box-sizing: border-box; }
#deceiversTruthOverlay .afterlife-reading header { text-align: center; margin: 0 0 18px; }
#deceiversTruthOverlay .afterlife-reading-eyebrow { color: #c8b08b; font: 11px "Cinzel", Georgia, serif; letter-spacing: .18em; }
#deceiversTruthOverlay .afterlife-reading h3 { margin: 8px 0; font: 600 30px/1.25 "Cinzel", Georgia, serif; letter-spacing: .04em; color: #e4c89f; }
#deceiversTruthOverlay .afterlife-reading-intro { max-width: 530px; margin: 8px auto; font: 18px/1.4 "EB Garamond", Georgia, serif; color: #ded0ba; }
#deceiversTruthOverlay .afterlife-reading-score { display: flex; justify-content: center; gap: 26px; flex-wrap: wrap; margin: 14px 0; color: #cfbb9c; font: 16px/1.4 "EB Garamond", Georgia, serif; }
#deceiversTruthOverlay .afterlife-reading-explanation,
#deceiversTruthOverlay .afterlife-reading-privacy { color: #c3b499; font: 15px/1.4 "EB Garamond", Georgia, serif; text-align: center; margin: 9px 0 15px; }
#deceiversTruthOverlay .afterlife-reading-status { margin: 14px 0; padding: 10px 14px; background: #41333d85; border: 1px solid #b6a07933; border-radius: 12px; font: 17px/1.4 "EB Garamond", Georgia, serif; }
#deceiversTruthOverlay .afterlife-reading-form {
  display: grid; gap: 12px; min-width: 0; margin: 18px 0; padding: 24px 28px;
  border: 1px solid #d6bd8e; border-radius: 18px; color: #342b2a;
  background: radial-gradient(ellipse at 10% 0, #f0e4c9, transparent 70%), linear-gradient(130deg, #e1d2b7, #c9b899);
  box-shadow: 0 10px 30px #0004, inset 0 0 0 5px #8c76501c;
}
#deceiversTruthOverlay .afterlife-reading-form legend { padding: 5px 14px; border-radius: 10px; background: #e0cfb0; color: #45392e; font: 17px "EB Garamond", Georgia, serif; }
#deceiversTruthOverlay .afterlife-reading-form label { display: grid; gap: 7px; color: #403129; font: 18px/1.3 "EB Garamond", Georgia, serif; text-transform: none; letter-spacing: normal; }
#deceiversTruthOverlay .afterlife-reading-form select {
  width: 100%; min-height: 44px; margin: 0; padding: 9px 12px;
  border: 1px solid #8f785a80; border-radius: 10px; background: #f2e8d2 !important; color: #34292b !important;
  font: 17px/1.3 "EB Garamond", Georgia, serif; box-shadow: inset 0 2px 5px #6d573612;
}
#deceiversTruthOverlay .afterlife-reading-seal { margin: 6px 0 0; min-height: 44px; border-radius: 13px; border: 1px solid #774449; color: #f9ead7; background: linear-gradient(#895052, #61343e); font-size: 18px; }
#deceiversTruthOverlay .afterlife-reading-pending { margin: 16px 0; padding: 18px 22px; border: 1px solid #a88c6666; border-radius: 15px; background: linear-gradient(110deg, #4e3b3699, #30273299); font: 18px/1.5 "EB Garamond", Georgia, serif; }
#deceiversTruthOverlay .afterlife-reading-pending:empty { display: none; }
#deceiversTruthOverlay .afterlife-reading-history { margin-top: 24px; border-top: 1px solid #bfa37040; padding-top: 14px; }
#deceiversTruthOverlay .afterlife-reading-history summary { padding: 7px 0; cursor: pointer; color: #d7bd94; font: 18px "EB Garamond", Georgia, serif; }
#deceiversTruthOverlay .afterlife-reading-history-list { padding: 0; list-style: none; }
#deceiversTruthOverlay .afterlife-reading-history-list li { margin: 9px 0; padding: 13px 16px; border-left: 2px solid #927b65; border-radius: 3px 12px 12px 3px; background: #241e29b3; color: #dac8ac; font: 17px/1.4 "EB Garamond", Georgia, serif; }
#deceiversTruthOverlay .afterlife-reading-history-list .is-correct { border-left-color: #9baf8b; }
#deceiversTruthOverlay .afterlife-reading-history-list .is-missed { border-left-color: #b27c76; }
#deceiversTruthOverlay [hidden] { display: none !important; }

@media (max-width: 650px) {
  #deceiversTruthOverlay { padding: 5px; }
  #deceiversTruthOverlay .deceivers-truth-shell { width: 100%; height: calc(100dvh - 10px); border-radius: 18px; }
  #deceiversTruthOverlay .deceivers-truth-close { top: 10px; right: 8px; width: 30px; height: 32px; min-height: 32px; }
  #deceiversTruthOverlay .afterlife-nav { gap: 5px; padding: 10px 44px 9px 10px; flex-wrap: wrap; }
  #deceiversTruthOverlay .afterlife-nav button { padding: 7px 10px; min-height: 36px; font-size: 14px; border-radius: 11px; }
  #deceiversTruthOverlay .afterlife-nav button:last-child { margin-left: 0; }
  #deceiversTruthOverlay .afterlife-match-status { padding: 8px 13px; font-size: 14px; }
  #deceiversTruthOverlay .afterlife-final-notice { margin: 6px 9px; padding: 11px; font-size: 15px; }
  #deceiversTruthOverlay .deceivers-truth-intro { padding: 18px 14px 25px; gap: 20px 12px; }
  #deceiversTruthOverlay .deceivers-truth-intro-copy { padding: 14px 12px; }
  #deceiversTruthOverlay .deceivers-truth-intro-copy p { font-size: 16px; }
  #deceiversTruthOverlay .deceivers-truth-path-choice { padding: 10px; width: 100%; border-radius: 16px; }
  #deceiversTruthOverlay .deceivers-truth-path-choice img { height: 100px; }
  #deceiversTruthOverlay .deceivers-truth-path-choice small { font-size: 14px; }
  #deceiversTruthOverlay .deceivers-truth-game { padding: 14px 10px 20px !important; }
  #deceiversTruthOverlay .deceivers-truth-game-header { margin: 0 0 8px; gap: 8px; }
  #deceiversTruthOverlay .deceivers-truth-game-header h2 { font-size: 21px !important; }
  #deceiversTruthOverlay .deceivers-truth-game-header p { font-size: 15px !important; }
  #deceiversTruthOverlay .deceivers-truth-status-card { min-width: 80px; padding: 7px; }
  #deceiversTruthOverlay .deceivers-truth-status-card strong { font-size: 13px; }
  #deceiversTruthOverlay .deceivers-truth-raven-line { font-size: 16px !important; line-height: 1.3 !important; min-height: 40px !important; margin: 7px auto; padding: 6px 9px !important; }
  #deceiversTruthOverlay .deceivers-truth-board { width: 100%; min-width: 0; border-radius: 15px; }
  #deceiversTruthOverlay .deceivers-truth-card-choices button { min-height: 44px; }
  #deceiversTruthOverlay .deceivers-truth-control-dock .deceivers-truth-actions-top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  #deceiversTruthOverlay .deceivers-truth-actions button { min-width: 0; min-height: 44px; flex: 1 1 130px; padding: 10px 12px; font-size: 16px; }
  #deceiversTruthOverlay .deceivers-truth-score-row { gap: 13px; flex-wrap: wrap; margin-top: 12px; }
  #deceiversTruthOverlay .deceivers-truth-score-row span { font-size: 12px; }
  #deceiversTruthOverlay .afterlife-reading { padding: 21px 15px 26px; }
  #deceiversTruthOverlay .afterlife-reading h3 { font-size: 25px; }
  #deceiversTruthOverlay .afterlife-reading-intro { font-size: 17px; }
  #deceiversTruthOverlay .afterlife-reading-form { padding: 19px 16px; }
  #deceiversTruthOverlay .afterlife-reading-score { gap: 9px 18px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  #deceiversTruthOverlay *, #deceiversTruthOverlay *::before, #deceiversTruthOverlay *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}