:root { color-scheme: dark; background: #000; }
* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; background: #000; }
body { overflow: hidden; font-family: Inter, system-ui, sans-serif; }
.intro-page { min-height: 100vh; display: grid; place-items: center; background: #000; }
#intro-video {
  display: block;
  width: min(946px, 92vw);
  aspect-ratio: 946 / 720;
  max-height: 88vh;
  object-fit: contain;
  background: #000;
}
#intro-sound {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  padding: 10px 16px;
  border: 1px solid #7ddcff;
  border-radius: 8px;
  color: #fff;
  background: rgba(5, 24, 45, .86);
  font-weight: 900;
  cursor: pointer;
}
#intro-sound[hidden] { display: none; }