html, body {
  margin: 0;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}

a-scene, canvas {
  touch-action: none;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: sans-serif;
  font-size: 20px;
  z-index: 999;
}

  #nl-badge-frame, iframe[title="Powered by Netlify"] { display: none !important; }

#thumbs {
  position: fixed; left: 14px; bottom: 14px; z-index: 60;
  display: flex; gap: 8px; padding: 8px;
  border-radius: 10px; background: rgba(14, 17, 20, .6);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
#thumbs button {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 0; border: 0; background: none; cursor: pointer;
  color: #cfcfcf; font: 11px system-ui, sans-serif;
}
#thumbs .pic {
  display: block; width: 70px; height: 35px; border-radius: 6px;
  background-size: 100% 200%; background-position: top; background-color: #222;
  outline: 2px solid transparent; outline-offset: 1px; opacity: .8;
  transition: opacity .15s, outline-color .15s;
}
#thumbs button:hover .pic, #thumbs button:focus-visible .pic { opacity: 1; }
#thumbs button.on { color: #fff; }
#thumbs button.on .pic { opacity: 1; outline-color: #fff; }
@media (max-width: 480px) {
  #thumbs { gap: 5px; padding: 6px; }
  #thumbs .pic { width: 45px; height: 22px; }
  #thumbs button { font-size: 9px; }
}