html, body { width: 100%; height: 100%; overflow: hidden; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #10110d; }
.demo-canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1600px;
  height: 900px;
  overflow: hidden;
  transform: translate(-50%, -50%) scale(var(--demo-scale, 1));
  transform-origin: center;
}
.demo-canvas .tv-shell { width: 1600px; height: 900px; min-height: 900px; }
.demo-canvas .christmas-call-overlay { position: absolute; width: 1600px; height: 900px; }
.sound-button { cursor: default; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}