/* Basic responsive tweaks for phones/tablets */
:root { --tap: 44px; }
@media (max-width: 900px) {
  html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background: #000; }
  canvas { width: 100vw !important; height: 100vh !important; display:block; }
  /* Generic overlay UI */
  .ui, .overlay, .menu, nav { font-size: 16px; }
  button, .btn, .menu a { min-height: var(--tap); min-width: var(--tap); padding: 10px 14px; }
  /* Lightbox sizing (our component) */
  #gdsLB_card{ width: 96vw !important; max-height: 86vh !important; padding: 16px !important; }
  #gdsLB_thumbs img{ height: 52px !important; }
  /* Reduce bloom/pixel ratio classes if used */
  .hires, .ultra { image-rendering: auto; }
}
/* Prevent horizontal scrollbars caused by absolutely positioned canvases */
body { overflow-x: hidden; }