:root { color-scheme: dark; background: #0b0909; }
* { box-sizing: border-box; }
html { min-height: 100%; }
body {
    margin: 0;
    min-width: 240px;
    background: radial-gradient(ellipse at 50% 70%, #29100d 0%, #110b0b 48%, #0b0909 80%);
    color: #ffefd4;
    font-family: system-ui, sans-serif;
}
.coming-soon {
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
}
.poster { display: block; line-height: 0; width: min(100%, 100vh, 1254px); width: min(100%, 100svh, 1254px); }
.poster img { display: block; width: 100%; height: auto; object-fit: contain; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 600px) and (orientation: portrait) { .poster { width: 100%; } }