:root{--bg: #0b0b0c;--cream: #f4efe6;--cream-muted: rgba(244, 239, 230, .55);--cream-dim: rgba(244, 239, 230, .35);--bronze: #c47b4a;--bronze-hover: #d08a58;--field: rgba(244, 239, 230, .06);--field-border: rgba(244, 239, 230, .12);--glow: rgba(196, 123, 74, .35);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--cream);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{min-height:100dvh}button,input{font:inherit}a{color:inherit;text-decoration:none}a:hover{opacity:.85}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:48px 24px 32px}.page__main{flex:1;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}.hero{position:relative;width:min(280px,58vw);aspect-ratio:1;margin-bottom:20px;overflow:hidden}.hero__glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 70%);filter:blur(18px);pointer-events:none;opacity:.9}.hero__stage{position:relative;width:100%;height:100%}.hero__stage canvas,.hero__stage img.hero__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.hero--enter .hero__stage,.hero--enter .hero__glow{animation:badge-fade-up .8s cubic-bezier(.16,1,.3,1) both}.hero--swap .hero__stage,.hero--swap .hero__glow{animation:badge-swap .52s cubic-bezier(.16,1,.3,1) both}.hero--idle .hero__stage{animation:badge-float 3.6s ease-in-out infinite}@keyframes badge-swap{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badge-fade-up{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.rank-strip{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.6vw,12px);margin:4px 0 28px;padding:0 4px;max-width:100%;overflow-x:auto;scrollbar-width:none}.rank-strip::-webkit-scrollbar{display:none}.rank-strip__item{position:relative;width:clamp(26px,6vw,40px);height:clamp(26px,6vw,40px);flex:0 0 auto;padding:0;border:none;background:transparent;cursor:pointer;opacity:.38;filter:grayscale(.4) brightness(.72);transition:opacity .28s ease,filter .28s ease,transform .28s cubic-bezier(.16,1,.3,1)}.rank-strip__item:hover{opacity:.7;filter:grayscale(.25) brightness(.85)}.rank-strip__item:focus-visible{outline:2px solid rgba(196,123,74,.7);outline-offset:3px;border-radius:8px}.rank-strip__item img{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1}.rank-strip__item--title{opacity:.62;filter:grayscale(.1) brightness(1.05) contrast(1.12)}.rank-strip__item--selected{opacity:1;filter:none}.rank-strip__item--selected:hover{opacity:1;filter:none;transform:none}.wordmark{margin:0 0 12px;font-size:11px;font-weight:500;letter-spacing:.42em;color:var(--cream-muted);text-indent:.42em}.headline{margin:0 0 10px;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--cream)}.sub{margin:0 0 8px;font-size:clamp(.95rem,2.4vw,1.05rem);font-weight:400;line-height:1.45;color:var(--cream-muted);max-width:28rem}.quiet{margin:0 0 28px;font-size:.875rem;color:var(--cream-dim)}.waitlist{width:100%;max-width:440px}.waitlist__row{display:flex;flex-direction:column;gap:10px;width:100%}@media(min-width:640px){.waitlist__row{flex-direction:row;align-items:stretch}}.waitlist__input{flex:1;min-width:0;height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--field-border);background:var(--field);color:var(--cream);outline:none}.waitlist__input::placeholder{color:var(--cream-dim)}.waitlist__input:focus{border-color:#c47b4a8c;box-shadow:0 0 0 3px #c47b4a26}.waitlist__cta{height:48px;padding:0 22px;border:none;border-radius:999px;background:var(--bronze);color:#1a100a;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .15s ease}.waitlist__cta:hover:not(:disabled){background:var(--bronze-hover)}.waitlist__cta:active:not(:disabled){transform:scale(.98)}.waitlist__cta:disabled{opacity:.7;cursor:default}.waitlist__micro{margin:12px 0 0;font-size:.8rem;color:var(--cream-dim)}.waitlist__error{margin:10px 0 0;font-size:.85rem;color:#e8a090}.waitlist__success{margin:0;font-size:1rem;font-weight:500;color:var(--cream)}.footer{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.8rem;color:var(--cream-dim)}.footer__platforms{letter-spacing:.02em}.footer__handle{color:var(--cream-muted)}.is-hidden{display:none!important}.hero__sweep{position:absolute;inset:-8%;pointer-events:none;background:linear-gradient(125deg,transparent 22%,rgba(244,239,230,.12) 38%,rgba(244,239,230,.42) 47%,rgba(196,123,74,.48) 50%,rgba(244,239,230,.28) 53%,rgba(196,123,74,.12) 62%,transparent 78%);mix-blend-mode:screen;filter:blur(1.2px);-webkit-mask-image:url(/badges/badge_bronze.png);mask-image:url(/badges/badge_bronze.png);-webkit-mask-size:86%;mask-size:86%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-mode:alpha;mask-mode:alpha;opacity:0;transform:translate(-130%) translateY(-12%);animation:css-sweep .7s ease-in-out .6s forwards}@keyframes css-sweep{0%{opacity:0;transform:translate(-130%) translateY(-12%)}15%{opacity:.95}50%{opacity:1}85%{opacity:.95}to{opacity:0;transform:translate(130%) translateY(12%)}}.content-fade{width:100%;display:flex;flex-direction:column;align-items:center}.content-fade__item{width:100%;display:flex;flex-direction:column;align-items:center;animation:content-rise .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1.55s + var(--i, 0) * 90ms)}.content-fade--footer{width:auto;animation:content-rise .9s cubic-bezier(.16,1,.3,1) calc(1.55s + 450ms) both}.content-fade--instant,.content-fade--instant .content-fade__item{animation:none;opacity:1;filter:none;transform:none}@keyframes content-rise{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.hero--hold.hero--enter .hero__stage,.hero--hold.hero--enter .hero__glow{animation:none;opacity:1;transform:none}.content-fade--instant{animation:none;opacity:1}
