/* Keep the approved 640×360 integer-pixel composition. */
html:has(body.opening-pending){overflow:hidden;background:#000}
body.opening-pending{overflow:hidden;background:#000}
body.opening-pending > :not(#brand-opening){visibility:hidden}
#brand-opening{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#000;color:#fff;overflow:hidden}
#brand-opening::backdrop{background:#000}
#brand-opening[open]{display:grid;place-items:center}
#opening-screen{display:block;width:min(100vw,calc(100dvh * 16 / 9));height:auto;image-rendering:pixelated;image-rendering:crisp-edges}
#opening-play{position:absolute;inset:0;border:0;background:#000;color:#aaa;font:14px "Malgun Gothic",sans-serif;letter-spacing:2px;cursor:pointer}
#opening-play[hidden]{display:none}
#opening-play:focus-visible{outline:2px solid white;outline-offset:-8px}