/* Scoped only to the new picture practice engine; v6 and earlier stay intact. */
.trivia-pictures .trivia-picture-media:empty{display:none}
.trivia-pictures .trivia-picture-figure{margin:0 0 12px;border-radius:10px;overflow:hidden;background:#f2f5f6;border:1px solid #b7ccda66}
.trivia-pictures .trivia-picture-figure img{display:block;width:100%;height:clamp(125px,23vh,190px);object-fit:contain;background:#edf3f6}
.trivia-pictures .trivia-picture-figure figcaption{font-size:9px;line-height:1.3;padding:4px 8px;color:#334a58;background:#edf3f6}
.trivia-pictures:has(.trivia-picture-figure) .trv-q{font-size:18px;margin-bottom:11px}
.trivia-pictures:has(.trivia-picture-figure) .trv-opt{min-height:48px;padding:8px 11px;border-radius:11px}
.trivia-pictures:has(.trivia-picture-figure) .trv-opts{gap:7px}
.trivia-picture-status{font-size:14px;line-height:1.5;color:#d7e5ef;margin:0 0 14px}
.trivia-pictures #trvPictureStart:disabled{opacity:.45;cursor:wait}
.trivia-picture-text{font:inherit;color:#e0eaf2;background:transparent;border:1px solid #8cabbf;padding:11px 14px;min-height:44px;border-radius:10px;margin-top:12px;width:100%}
.trivia-picture-text:focus-visible{outline:3px solid #ffe5a5;outline-offset:2px}
.trivia-picture-review{display:block;width:100%;max-height:180px;object-fit:contain;background:#edf3f6;border-radius:8px;margin:10px 0}
.trivia-picture-review-text{font-size:12px;opacity:.9}
.trivia-pictures .trivia-picture-credit{font-size:10px;line-height:1.35;color:#c6d8e3}
@media(max-height:700px){.trivia-pictures:has(.trivia-picture-figure) .trivia-main.trv{padding-top:11px}.trivia-pictures:has(.trivia-picture-figure) .trivia-clock-track{margin-bottom:12px}.trivia-pictures .trivia-picture-figure img{height:125px}}

/* A picture round keeps every answer in view on compact phones. Specificity
   intentionally wins over the later decorative library skin. */
.trivia-stage.trivia-pictures .trivia-main::before{height:12px}
.trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main::before{height:12px}
.trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main .trv-opt{min-height:48px;padding:7px 11px}
.trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main .trv-q{padding:10px 12px;margin-bottom:10px;font-size:18px}
@media(max-height:740px){
  .trivia-stage.trivia-pictures .trivia-main::before{height:8px}
  .trivia-stage.trivia-pictures .trivia-category-grid button{min-height:58px;padding:6px;gap:4px}
  .trivia-stage.trivia-pictures .trivia-category-grid{gap:7px}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main::before{display:none}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main.trv{padding-top:8px;padding-bottom:12px}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main .trv-top{margin-bottom:7px}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main .trv-track{margin-bottom:8px}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-timer-band{padding:6px 10px;margin-bottom:6px}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-clock-track{margin-bottom:9px}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-picture-figure{margin-bottom:9px}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-picture-figure img{height:120px}
}
@media(max-height:660px){
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main .trv-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main .trv-opt{min-height:56px;padding:7px;gap:7px;font-size:13px}
  .trivia-stage.trivia-pictures:has(.trivia-picture-figure) .trivia-main .trv-letter{width:24px;height:26px}
}