.lab-fullscreen-option { margin-top: 12px; }
.lab-test-footer { width: 100%; }
#lab-fullscreen-status { margin: 0; padding: 4px 12px 8px; font-size: 12px; }
#lab-fullscreen-status:empty { display: none; }
.lab-test-footer .progress-wrap { margin: 0; border-radius: 0; border-width: 1px 0 0; padding: 8px 12px; }
.screen-shell:fullscreen { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; justify-content: stretch; align-content: stretch; justify-items: stretch; align-items: stretch; }
.screen-shell:fullscreen .screen { width: 100%; height: 100%; max-height: none; min-height: 0; aspect-ratio: auto; }
.screen-shell:fullscreen .hud { height: auto; min-height: 62px; flex-wrap: wrap; }
/* Reserve progress space before start(), so showing the progress bar cannot
   resize the arena after its fullscreen dimensions have been recorded. */
.screen-shell:fullscreen .lab-progress-slot { height: 96px; overflow: auto; }
.screen-shell:fullscreen .progress-wrap p,
.screen-shell:fullscreen #progress-detail { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.screen-shell:fullscreen #lab-fullscreen-status { min-height: 30px; }
@media (max-width: 760px) {
  .screen-shell:fullscreen .skill-keys,
  .screen-shell:fullscreen .controls-help { display: none; }
  .screen-shell:fullscreen .hud { gap: 6px; padding: 8px; }
  .screen-shell:fullscreen .hud button { padding: 9px; }
}