:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4eee1;background:#101810}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(180deg,rgba(10,18,12,.65),rgba(10,18,12,.96)),url('/assets/hero.webp') center/cover fixed}
.card{width:min(100%,440px);padding:28px 28px 24px;text-align:center;border:1px solid #a7935b55;border-radius:24px;background:#142016ed;box-shadow:0 24px 90px #0006}
.brand{display:inline-flex;align-items:center;gap:9px;color:#ead9a9;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:3px}
.brand span{font-size:9px;letter-spacing:2px;font-weight:600}
.game-logo{display:block;width:190px;height:190px;object-fit:contain;margin:10px auto 0}
.eyebrow{font-size:9px;letter-spacing:2px;line-height:1.8;color:#d1bf89;margin:0 0 10px}
h1{font:normal 34px/1.15 Georgia,serif;letter-spacing:-.8px;margin:0 0 12px}
.intro{font-size:14px;line-height:1.6;color:#d1d3c8;margin:0 auto 14px;max-width:310px}
.status{font-size:12px;line-height:1.5;min-height:36px;color:#ddc991;margin:0 0 12px}
.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:650;padding:12px 16px;transition:background .15s}
.primary{background:#dec78a;color:#192117;border:1px solid #dec78a}
.primary:hover{background:#ebd9a7}
.secondary{margin-top:10px;background:transparent;color:#f0e9d8;border:1px solid #b7bbaa66}
.secondary:hover{background:#ffffff0a}
a:focus-visible{outline:3px solid #f9e8a9;outline-offset:4px}
.help{font-size:11px;line-height:1.7;color:#b5beb0;margin:18px 0 16px}
.coming{font-size:10px;letter-spacing:.3px;color:#c9b986;margin:0}
@media(max-width:360px){.card{padding:24px 20px}.game-logo{width:160px;height:160px}h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}