:root { color-scheme: dark; font-family: "Google Sans", ui-rounded, system-ui, sans-serif; background: #10261f; color: #f5fbf5; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; background: radial-gradient(circle at 20% 0%, #235440, transparent 42%), #10261f; }
.shell { width: min(100% - 40px, 520px); }
.brand { display: inline-block; margin: 0 0 28px 8px; color: #8df0c7; font-size: 28px; font-weight: 750; letter-spacing: -1.5px; text-decoration: none; }
.card { padding: 32px; border: 1px solid #517163; border-radius: 32px; background: #19352b; box-shadow: 0 24px 60px #05130e66; }
.eyebrow, .updated, .footnote { color: #b9d2c4; }
.eyebrow { margin: 0 0 14px; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.status-line { display: flex; align-items: center; gap: 14px; }
h1 { margin: 0; font-size: clamp(30px, 8vw, 46px); letter-spacing: -1.7px; }
.dot { width: 14px; height: 14px; border-radius: 50%; background: #87efbd; box-shadow: 0 0 0 6px #87efbd25; flex: 0 0 auto; }
.dot.limited { background: #ffca73; box-shadow: 0 0 0 6px #ffca7325; }
#detail { font-size: 18px; line-height: 1.5; }
.updated { margin: 28px 0 0; font-size: 14px; }
.footnote { margin: 24px 8px 0; font-size: 14px; }
a { color: #a9f5d3; }
.store-button { display: inline-flex; min-height: 48px; align-items: center; padding: 0 20px; border: 1px solid #a9f5d3; border-radius: 16px; color: #10261f; background: #a9f5d3; font-weight: 750; text-decoration: none; }