/* Portrait kiosk: artwork first, supporting details below it. */
body[data-screen="question"] #answers-list {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  width: min(100%, 700px);
  gap: clamp(8px, 1dvh, 12px);
}
body[data-screen="question"] #answers-list label {
  grid-column: 1;
  min-height: clamp(52px, 6dvh, 78px);
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (orientation: portrait) {
  body[data-screen="result"] .result-layout {
    grid-template-rows: minmax(0, 1fr) clamp(280px, 24dvh, 310px);
  }
  body[data-screen="result"] .pokemon-card {
    grid-template-rows: 32px minmax(0, 1fr) 100px;
  }
  body[data-screen="result"] .pokemon-card__artwork img {
    width: calc(100% + 240px);
    max-width: 88vw;
    height: calc(100% + 120px);
    bottom: -4px;
    left: 50%;
    translate: -50% 0;
    max-height: max(200px, calc(100dvh - 480px));
    scale: 1;
    transform-origin: center bottom;
    object-fit: contain;
    object-position: center bottom;
  }
  body[data-screen="result"] .pokemon-card__identity { padding-top: 0; gap: 4px; }
  /* Lucario's source artwork has wide transparent margins around the silhouette. */
  body[data-screen="result"] .pokemon-card__artwork img[src$="/448.png"] { scale: 1.16; }
  body[data-screen="result"] .pokemon-card__identity > p { display: block; font-size: 11px; margin: 0; }
  body[data-screen="result"] .pokemon-card__identity h3 { font-size: clamp(2.4rem, 6.6vw, 4.1rem); }
  body[data-screen="result"] .result-copy { grid-template-rows: 32px minmax(0, 1fr) 94px; gap: 6px; }
  body[data-screen="result"] .result-tabs button { min-height: 32px; }
}
@media (orientation: portrait) and (max-height: 1100px) {
  body[data-screen="result"] .pokemon-card__artwork img[src$="/448.png"] { scale: 1.03; }
}
@media (orientation: portrait) and (max-height: 950px) {
  body[data-screen="result"] .pokemon-card__artwork img { height: calc(100% + 95px); }
  body[data-screen="question"] .question-layout { gap: 16px; }
}