:root { color-scheme: light; background: #51b6ee; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
main { height: 100vh; height: 100svh; overflow: hidden; background: url("assets/racetrack-background.svg") center / cover no-repeat; }
/* The scenery fills the screen; the vector foreground gets its own safe frame. */
.homepage { display: block; width: 100%; height: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }