:root { color-scheme: dark; background: #062e34; color: #fff0c3; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 240px; }
main {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
}
.poster { display: block; width: min(100%, 600px); height: auto; }
.accessible-copy { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (min-width: 900px) and (min-height: 700px) { .poster { width: min(600px, calc((100svh - 24px) * 2 / 3)); } }