:root { color-scheme: dark; --bg: #121212; --fg: #f4f1ea; --accent: #ffcc00; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg); color: var(--fg); font: 18px/1.5 system-ui, sans-serif; padding: 16px; }
.hold { max-width: 36rem; text-align: center; }
h1 { font-size: clamp(2.2rem, 9vw, 4rem); line-height: 1; margin: 0 0 .5em; letter-spacing: -0.02em; }
.play { display: inline-block; background: var(--accent); color: #111; font-weight: 700; text-decoration: none; padding: .8em 1.4em; border-radius: 10px; }
.play:focus-visible { outline: 3px solid var(--fg); outline-offset: 3px; }
