:root{--bg:#14121a;--bg-deep:#0c0a10;--fg:#f2efe9;--dim:#f2efe999;--mystery-accent:#e8c98a}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg-deep);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#app{min-height:100vh;position:relative}#confetti-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}#confetti-canvas.mystery{background:radial-gradient(ellipse at 50% 20%, #241c33, var(--bg-deep) 72%)}#confetti-canvas.celebration{background:radial-gradient(ellipse at 50% 30%, #241c33, var(--bg-deep) 70%)}.stage{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:100vh;padding:2rem 1.5rem;animation:.7s ease-out both fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stage--mystery .kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--mystery-accent);margin:0 0 2.2rem;font-size:.78rem}.stage--mystery .row{gap:1.2rem;display:inline-flex}.stage--mystery .unit{min-width:4.4rem}.stage--mystery .unit b{font-variant-numeric:tabular-nums;color:var(--fg);font-family:Avenir Next,Century Gothic,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:600;display:block}.stage--mystery .unit span{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:.35rem;font-size:.65rem;display:block}.stage--mystery .teaser{color:var(--dim);margin:2.4rem 0 0;font-size:.95rem}.stage--reveal .kicker{letter-spacing:.2em;text-transform:uppercase;color:#ffd23f;margin:0 0 .6rem;font-family:SF Pro Rounded,Arial Rounded MT Bold,sans-serif;font-size:.78rem}.stage--reveal h1{color:#fff;text-wrap:balance;text-shadow:0 8px 30px #0006;margin:0 0 1.8rem;font-family:SF Pro Rounded,Arial Rounded MT Bold,sans-serif;font-size:clamp(2.4rem,8vw,4rem);font-weight:800;line-height:1.08}.stage--reveal .app-icon{width:6rem;height:6rem;margin-bottom:1.8rem;box-shadow:0 16px 40px -12px #0009}.store-link{border-radius:12px;line-height:0;transition:transform .2s;display:inline-block;overflow:hidden}.store-link:active{transform:scale(.96)}.store-link img{width:200px;height:auto;display:block}.testflight-link{color:#fff;background:#0d78f2;border-radius:14px;align-items:center;gap:.55rem;padding:.85rem 1.6rem;font-family:SF Pro Rounded,Arial Rounded MT Bold,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 16px 40px -16px #0d78f2b3}.testflight-link:active{transform:scale(.96)}.qr-card{background:#fff;border-radius:20px;padding:1.4rem 1.6rem 1.2rem;box-shadow:0 20px 60px -20px #0009}.qr-card canvas{border-radius:8px;display:block}.qr-caption{color:#14121a;margin:.8rem 0 0;font-size:.8rem;font-weight:600}@media (prefers-reduced-motion:reduce){.stage{animation:none}}