/* Selected card designs 1–2 only. Other eras and all existing controls remain intact. */
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] {
  --tarot-height: clamp(350px, calc(100svh - 355px), 620px);
  --tarot-width: calc(var(--tarot-height) * .58);
  --tarot-ink: #413522;
  --tarot-muted: #79623b;
  --tarot-paper: #ede0c6;
  --tarot-face: url('/assets/museum/r219/tarot-renaissance-face.webp');
  --tarot-button: url('/assets/museum/r218/tarot-renaissance-button.webp');
  --tarot-button-ink: #cfba87;
  --tarot-button-size: 100% 195%;
  --tarot-button-position: center 17%;
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme="bronze"] {
  --tarot-ink: #f1e3bd;
  --tarot-muted: #cfb17a;
  --tarot-paper: #232c26;
  --tarot-face: url('/assets/museum/r218/tarot-bronze-face.webp');
  --tarot-button: url('/assets/museum/r218/tarot-bronze-button.webp');
  --tarot-button-ink: #211b12;
  --tarot-button-size: 100% 108%;
  --tarot-button-position: center top;
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme].has-card {
  --tarot-height: clamp(340px, calc(100svh - 420px), 580px);
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .flashcard-blindbox-ready { margin-top: 4px !important; gap: 14px !important; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .flashcard-blindbox-ready-card {
  position: relative;
  container-type: inline-size;
  display: block;
  width: min(100%, var(--tarot-width)) !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 29 / 50;
  padding: 0 !important;
  border-radius: 10px !important;
  background: var(--tarot-paper) var(--tarot-face) center / 100% 100% no-repeat !important;
  box-shadow: 0 8px 24px #0004 !important;
  color: var(--tarot-ink) !important;
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .flashcard-blindbox-ready-card .tarot-card-caption {
  position: absolute; top: 13%; left: 18%; width: 64%;
  color: var(--tarot-muted);
  font: 400 clamp(12px, 5.4cqw, 20px) / 1.5 var(--font-body);
  letter-spacing: .17em;
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme="bronze"] .flashcard-blindbox-ready-card .tarot-card-caption { top: 6.7%; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .flashcard-blindbox-ready-card img {
  position: absolute; top: 34%; left: 30%; width: 40%; height: 28%;
  mix-blend-mode: normal;
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme="bronze"] .flashcard-blindbox-ready-card img { top: 33%; left: 27%; width: 46%; height: 34%; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .flashcard-blindbox-ready-card > span {
  position: absolute; top: 81.5%; left: 18%; width: 64%;
  color: var(--tarot-ink);
  font: 400 clamp(20px, 9.5cqw, 34px) / 1.5 var(--font-display);
  letter-spacing: .07em;
  white-space: nowrap;
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme="bronze"] .flashcard-blindbox-ready-card > span { top: 90%; font-size: clamp(19px, 5vw, 25px); }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] :is(.tarot-draw-button, .flashcard-primary-flip) {
  display: flex; align-items: center; justify-content: center; gap: 18px;
  position: relative;
  width: min(100%, calc(var(--tarot-width) * .84));
  min-height: 52px; aspect-ratio: 4.8 / 1;
  margin-inline: auto; padding: 10px 28px;
  border: 0 !important; border-radius: 0 !important;
  background: transparent !important;
  color: var(--tarot-button-ink) !important;
  font: 400 22px / 1.5 var(--font-display);
  box-shadow: none !important;
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .tarot-draw-button { margin-top: 12px; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] :is(.tarot-draw-button, .flashcard-primary-flip)::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  /* Show the frame, crop only outer canvas and blend black corner pixels into the scene. */
  background: var(--tarot-button) var(--tarot-button-position) / var(--tarot-button-size) no-repeat;
  mask-image: var(--tarot-button);
  mask-size: var(--tarot-button-size);
  mask-position: var(--tarot-button-position);
  mask-repeat: no-repeat;
  mask-mode: luminance;
  filter: brightness(1.6);
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] :is(.tarot-draw-button, .flashcard-primary-flip) > * { position: relative; z-index: 1; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme="bronze"] :is(.tarot-draw-button, .flashcard-primary-flip)::before { filter: brightness(1.4); }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme="bronze"] :is(.tarot-draw-button, .flashcard-primary-flip) .flashcard-control-icon { filter: brightness(0) invert(.24) sepia(.35); }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .flashcard-blindbox-stage-wrap { width: min(100%, var(--tarot-width)) !important; container-type: inline-size; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .student-flashcard-face {
  display: flex !important; flex-direction: column; align-items: center; justify-content: center;
  min-height: var(--tarot-height) !important;
  padding: 26% 18% 23% !important;
  background: var(--tarot-paper) var(--tarot-face) center / 100% 100% no-repeat !important;
  color: var(--tarot-ink) !important;
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .student-flashcard-face strong { width: 100%; color: var(--tarot-ink) !important; font-size: clamp(17px, 7.2cqw, 23px) !important; line-height: 1.65 !important; white-space: normal !important; overflow-wrap: normal; line-break: strict; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .student-flashcard-front { padding-bottom: 40% !important; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme="bronze"] .student-flashcard-face { padding-inline: 24% !important; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .student-flashcard-back strong { font-size: clamp(16px, 6.4cqw, 20px) !important; line-height: 1.8 !important; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .tarot-question-context { width: 100%; color: var(--tarot-muted); font: 400 clamp(14px, 5.7cqw, 18px) / 1.65 var(--font-body); }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .tarot-paragraph { display: block; text-wrap: balance; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .tarot-phrase { overflow-wrap: anywhere; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] :is(.tarot-phrase, .tarot-word) { display: inline-block; max-width: 100%; vertical-align: top; white-space: normal; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .tarot-word { overflow-wrap: anywhere; }
/* A long answer uses the same raster frame's edge slices, not a stretched oval
   through the text. All text remains in the normal page scroll, without clipping. */
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .student-flashcard-face.tarot-reading-long {
  padding: 44px 28px !important;
  background: var(--tarot-paper) !important;
  border: 1px solid transparent !important;
  border-image: var(--tarot-face) 170 110 / 36px 22px / 0 stretch !important;
}
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .tarot-reading-long strong { text-align: left; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .tarot-reading-long .tarot-paragraph { text-wrap: pretty; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .tarot-reading-long .tarot-phrase { display: inline; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .student-flashcard-face :is(small, em) { color: var(--tarot-muted) !important; font-size: 11px !important; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .student-flashcard-face :is(.flashcard-illustration, .flashcard-era-mark) { width: 32px; height: 44px; flex: 0 0 44px; mix-blend-mode: normal; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] .flashcard-blindbox-footer { width: min(100%, calc(var(--tarot-width) + 24px)); margin-inline: auto; }
body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] button:focus-visible { outline: 2px solid var(--memory-accent); outline-offset: 4px; }
@media (max-width: 360px) {
  body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] { --tarot-height: 380px; }
  body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] :is(.tarot-draw-button, .flashcard-primary-flip) { font-size: 18px; gap: 10px; padding-inline: 12px; }
  body.student-page.museum-refined #podcastPanel .flashcard-blindbox[data-tarot-theme] :is(.tarot-draw-button, .flashcard-primary-flip) > span { white-space: nowrap; }
}