/* The flashcard doorway occupies the former exhibit area in the quiz chooser. */
body.student-page #reviewPanel .flashcard-portal {
  --portal-gold: #c6ad73;
  --portal-copy: #e0cfa5;
  position: relative;
  display: block;
  isolation: isolate;
  width: 100%;
  height: 220px;
  margin: 22px 0 14px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #c6ad7326;
  border-radius: 5px;
  color: var(--portal-copy);
  background: radial-gradient(ellipse at 50% 48%, #2b3423 0, #171d18 44%, #121613 88%);
  box-shadow: inset 0 0 36px #0005;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
body.student-page #reviewPanel .flashcard-portal::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('/assets/museum/r210/charcoal-fibre.png') center / 400px;
  opacity: .18;
  pointer-events: none;
}
body.student-page #reviewPanel .flashcard-portal:focus-visible { outline: 2px solid var(--portal-gold); outline-offset: 3px; }
body.student-page #reviewPanel .flashcard-portal-scene { position: absolute; inset: 8px 0 54px; pointer-events: none; }
body.student-page #reviewPanel .flashcard-portal-aura {
  position: absolute; left: 50%; top: 8%; width: 240px; height: 155px;
  border-radius: 50%; transform: translateX(-50%);
  background: radial-gradient(ellipse, #d6ca8550, #bfae6514 38%, transparent 70%);
  animation: flashcard-portal-breathe 6s ease-in-out infinite;
}
body.student-page #reviewPanel .flashcard-portal-arch {
  position: absolute; left: 50%; bottom: 0; width: 126px; height: 151px;
  overflow: hidden; transform: translateX(-50%); perspective: 420px;
  border: 2px solid var(--portal-gold); border-bottom: 0;
  border-radius: 66px 66px 0 0;
  background: #1b2a21;
  box-shadow: 0 0 0 5px #263026, 0 0 0 6px #c6ad735c, 0 0 0 12px #111912, 0 0 0 13px #b5a2763d, 0 12px 18px #0008;
}
body.student-page #reviewPanel .flashcard-portal-distance {
  position: absolute; inset: 0;
  background: linear-gradient(0deg, #bfc39724, #f1e8a333 55%, #e9e3b34d), url('/assets/museum/r227/refresh-forest.png') 74% center / auto 100%;
  filter: saturate(.45);
}
body.student-page #reviewPanel .flashcard-portal-inner-arch {
  position: absolute; left: 34%; right: 34%; top: 39%; bottom: 9%;
  border: 1px solid #f0e1ab85; border-bottom: 0; border-radius: 30px 30px 0 0;
  background: linear-gradient(#182e2a66, #cbd6ae88); box-shadow: 0 0 18px #e8e1a655;
}
body.student-page #reviewPanel .flashcard-portal-door {
  position: absolute; top: 0; bottom: 0; width: 48%;
  border: 1px solid #b8a2679e; background: linear-gradient(90deg, #19231eeb, #374134e8), url('/assets/museum/r210/charcoal-fibre.png') center / 200px;
  backface-visibility: hidden;
}
body.student-page #reviewPanel .flashcard-portal-door::before {
  content: ""; position: absolute; inset: 17px 9px 11px; border: 1px solid #c6ad7354; border-radius: 25px 25px 1px 1px;
  background: linear-gradient(115deg, transparent 30%, #d7c69a0c 49%, transparent 67%);
}
body.student-page #reviewPanel .flashcard-portal-door.is-left { left: 0; border-radius: 64px 0 0 0; transform-origin: left center; animation: flashcard-portal-door-left 6s ease-in-out infinite; }
body.student-page #reviewPanel .flashcard-portal-door.is-right { right: 0; border-radius: 0 64px 0 0; transform-origin: right center; animation: flashcard-portal-door-right 6s ease-in-out infinite; }
body.student-page #reviewPanel .flashcard-portal-light {
  position: absolute; left: 47%; right: 47%; top: 23%; bottom: 0;
  background: linear-gradient(transparent, #fff3baad 48%, #f6efce); filter: blur(3px);
  opacity: .85;
}
body.student-page #reviewPanel .flashcard-portal-step {
  position: absolute; left: 50%; bottom: -9px; width: 220px; height: 17px;
  transform: translateX(-50%); border-radius: 50%;
  background: radial-gradient(ellipse, #c8bb8570, #b6a26815 48%, transparent 72%);
}
body.student-page #reviewPanel .flashcard-portal-stars { position: absolute; inset: 0; }
body.student-page #reviewPanel .flashcard-portal-stars i {
  position: absolute; left: calc(50% - 103px); top: 47%; width: 3px; height: 3px;
  border-radius: 50%; background: #e1cea0; box-shadow: 0 0 7px #eee0aa;
  animation: flashcard-portal-dust 6s ease-in-out infinite;
}
body.student-page #reviewPanel .flashcard-portal-stars i:nth-child(2) { left: calc(50% + 95px); top: 28%; animation-delay: -2s; }
body.student-page #reviewPanel .flashcard-portal-stars i:nth-child(3) { left: calc(50% - 86px); top: 14%; width: 2px; height: 2px; animation-delay: -4s; }
body.student-page #reviewPanel .flashcard-portal-stars i:nth-child(4) { left: calc(50% + 79px); top: 78%; width: 2px; height: 2px; animation-delay: -1s; }
body.student-page #reviewPanel .flashcard-portal-copy {
  position: absolute; left: 12px; right: 12px; bottom: 11px;
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  font-family: var(--font-display, "Songti SC", serif); line-height: 1.35; pointer-events: none;
}
body.student-page #reviewPanel .flashcard-portal > .flashcard-portal-copy > strong { color: var(--portal-copy, #e0cfa5) !important; font-size: 21px; font-weight: 400; letter-spacing: .15em; }
body.student-page #reviewPanel .flashcard-portal-copy > span { font: 400 10px/1.5 var(--font-body, "Songti SC", serif); color: #afaa91; letter-spacing: .08em; }
body.student-page #reviewPanel .flashcard-portal:active { filter: brightness(1.12); }
body.student-page .museum-masthead-shortcuts:empty { display: none; }
body.student-page.student-paper #reviewPanel .flashcard-portal { border-color: #81704566; box-shadow: 0 5px 15px #6d59331f; }
@media (min-width: 700px) {
  body.student-page #reviewPanel .flashcard-portal { height: 280px; }
  body.student-page #reviewPanel .flashcard-portal-scene { inset-block: 15px 64px; }
  body.student-page #reviewPanel .flashcard-portal-arch { width: 159px; height: 191px; border-radius: 84px 84px 0 0; }
  body.student-page #reviewPanel .flashcard-portal-aura { width: 300px; height: 210px; }
  body.student-page #reviewPanel .flashcard-portal-copy { bottom: 15px; }
  body.student-page #reviewPanel .flashcard-portal-copy strong { font-size: 24px; }
}
@keyframes flashcard-portal-breathe { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes flashcard-portal-door-left { 0%, 100% { transform: rotateY(-10deg); } 50% { transform: rotateY(-24deg); } }
@keyframes flashcard-portal-door-right { 0%, 100% { transform: rotateY(10deg); } 50% { transform: rotateY(24deg); } }
@keyframes flashcard-portal-dust { 0%, 100% { opacity: .2; transform: translateY(3px); } 50% { opacity: .8; transform: translateY(-6px); } }
@media (prefers-reduced-motion: reduce) {
  body.student-page #reviewPanel .flashcard-portal, body.student-page #reviewPanel .flashcard-portal * { animation: none !important; transition: none !important; }
}
body.student-page[data-museum-motion="off"] #reviewPanel .flashcard-portal,
body.student-page[data-museum-motion="off"] #reviewPanel .flashcard-portal * { animation: none !important; transition: none !important; }