@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root { color-scheme: dark; --text: #eee9dc; --muted: #b9b5aa; --accent: #c4aa76; }
* { box-sizing: border-box; }
body { margin: 0; background: #090a09; color: var(--text); font-family: 'IBM Plex Mono', monospace; }
.landing { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; position: relative; isolation: isolate; padding: 48px 24px; overflow: hidden; }
.backdrop { position: absolute; inset: 0; z-index: -2; background: #252723 url('assets/wasteland.png') center center / cover no-repeat; filter: grayscale(.8); }
.landing::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #0008, #000a), radial-gradient(ellipse at center, #0001 15%, #0009 100%); }
.landing::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .17; background-image: radial-gradient(#dcd8c5 0.5px, transparent 0.5px); background-size: 3px 3px; }
.announcement { width: min(100%, 820px); text-align: center; text-shadow: 0 2px 14px #000; }
.intro { color: var(--accent); font-size: 10px; letter-spacing: .26em; margin: 0 0 15px; }
h1 { margin: 0; font-family: 'Barlow Condensed', Impact, 'Arial Narrow', sans-serif; font-size: clamp(36px, 4vw, 56px); line-height: 1.05; font-weight: 800; text-transform: uppercase; letter-spacing: .035em; }
.subtitle { margin: 15px 0 35px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.countdown { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 520px; margin: 0 auto 29px; }
.unit { padding: 0 12px; border-right: 1px solid #c4aa7638; }
.unit:last-child { border-right: 0; }
.unit > span:first-child { display: block; font-size: clamp(32px, 4vw, 48px); font-weight: 500; font-variant-numeric: tabular-nums; line-height: 1.25; }
.label { display: block; color: var(--muted); font-size: 9px; letter-spacing: .17em; text-transform: uppercase; margin-top: 8px; }
.release { margin: 0 0 10px; font-size: 12px; color: var(--text); }
.playtest { margin: 0; font-size: 11px; line-height: 1.7; color: var(--accent); }
.timezone { margin: 16px 0 0; font-size: 9px; color: var(--muted); }
.no-script { color: var(--muted); font-size: 11px; }
[hidden] { display: none !important; }
@media (max-width: 480px) {
.landing { padding: 40px 18px; }
.backdrop { background-position: 36% center; }
.intro { font-size: 9px; letter-spacing: .18em; }
.subtitle { font-size: 11px; margin-bottom: 30px; }
.unit { padding: 0 6px; }
.label { font-size: 8px; letter-spacing: .08em; }
}