:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; color: #fff; background: #000; }
body { font-family: system-ui, sans-serif; }
#streams {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#streams iframe { flex: 0 0 auto; border: 0; background: #000; aspect-ratio: 16 / 9; }
#error { position: fixed; inset: 0; display: grid; place-items: center; margin: 0; color: #fff; background: #000; }
#error[hidden] { display: none; }