:root { color-scheme: dark; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #080c1b; color: #f4efdf; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; text-align: center; background: radial-gradient(ellipse at 50% 33%, #20335955, transparent 60%), radial-gradient(ellipse at 90% 85%, #44315e40, transparent 50%), #080c1b; }
main { width: min(100% - 40px, 900px); margin: auto; padding: 58px 0 45px; }
.spark { color: #d9bc83; font-size: 26px; margin-bottom: 28px; }
.wordmark { display: block; width: min(100%, 690px); height: auto; margin: 0 auto 32px; border-radius: 4px; mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent); }
.eyebrow { color: #d1bc94; font-size: 11px; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; margin: 0 0 24px; }
h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(48px, 8vw, 76px); line-height: 1.05; font-weight: 400; letter-spacing: -.045em; margin: 0 0 22px; }
.intro { color: #b3b8ca; font-size: 16px; line-height: 1.8; margin: 0 0 30px; }
.play { display: inline-flex; gap: 32px; align-items: center; justify-content: center; min-height: 51px; padding: 14px 25px; border: 1px solid #d8bc86; border-radius: 3px; background: #d8bc86; color: #151829; font-size: 14px; font-weight: 650; text-decoration: none; transition: background .15s; }
.play:hover { background: #f0d5a0; }
.play:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.platforms { color: #a2a9bf; font-size: 12px; line-height: 1.8; margin: 18px 0 0; }
.platforms span { padding: 0 6px; }
footer { color: #939bb3; padding: 25px 20px; font-size: 11px; letter-spacing: .06em; }
footer span { color: #b7a17c; padding: 0 12px; }
@media (max-width: 480px) { main { padding-top: 35px; } .wordmark { margin-bottom: 26px; } .eyebrow { font-size: 10px; letter-spacing: .18em; } .platforms { max-width: 250px; margin-inline: auto; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }