:root{--bg: #0d0d0c;--cream: #f1ead8;--white: #ffffff;--dim: rgba(241, 234, 216, .45)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--cream);overflow:hidden}.page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;text-align:center;padding:24px 16px}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .7s ease .1s,visibility 0s linear .9s}.loader.done{opacity:0;visibility:hidden}.loader canvas{display:block}main{opacity:0;transform:translateY(8px);transition:opacity 1s ease .3s,transform 1s ease .3s}.ready main{opacity:1;transform:none}h1{font-weight:400;font-size:clamp(2.6rem,9vw,5.5rem);letter-spacing:-.01em;color:var(--white);line-height:1.05}.soon{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:clamp(.95rem,2.6vw,1.2rem);letter-spacing:.32em;text-transform:uppercase}.dots{display:flex;gap:9px}.dots i{width:5px;height:5px;border-radius:50%;background:var(--cream);opacity:.35;animation:blink 1.8s infinite}.dots.l i:nth-child(1){animation-delay:.4s}.dots.l i:nth-child(2){animation-delay:.2s}.dots.l i:nth-child(3){animation-delay:0s}.dots.r i:nth-child(1){animation-delay:0s}.dots.r i:nth-child(2){animation-delay:.2s}.dots.r i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.lane{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 14vh);height:var(--s);--s: clamp(44px, 9vw, 64px);pointer-events:none;opacity:0;transition:opacity 1s ease 1s}.ready .lane{opacity:1}.lane:before{content:"";position:absolute;left:8vw;right:8vw;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(241,234,216,.18),transparent)}.stone{position:absolute;top:0;left:0;width:var(--s);height:var(--s);animation:run 12s infinite}.stone svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.trail{position:absolute;top:50%;height:2px;width:clamp(120px,26vw,220px);margin-top:-1px;opacity:0;border-radius:2px}.trail.l{right:calc(var(--s) - 8px);background:linear-gradient(90deg,transparent,var(--cream));transform-origin:right center;animation:trailL 12s infinite}.trail.r{left:calc(var(--s) - 8px);background:linear-gradient(270deg,transparent,var(--cream));transform-origin:left center;animation:trailR 12s infinite}@keyframes run{0%{transform:translate(-140px) rotate(0);animation-timing-function:cubic-bezier(.3,.6,.3,1)}20%{transform:translate(calc(100vw + 80px)) rotate(160deg)}50%{transform:translate(calc(100vw + 80px)) rotate(160deg);animation-timing-function:cubic-bezier(.3,.6,.3,1)}70%{transform:translate(-140px) rotate(-20deg)}to{transform:translate(-140px) rotate(-20deg)}}@keyframes trailL{0%,2%{opacity:0;transform:scaleX(.1)}8%{opacity:.8;transform:scaleX(1)}20%{opacity:0;transform:scaleX(.3)}to{opacity:0}}@keyframes trailR{0%,52%{opacity:0;transform:scaleX(.1)}58%{opacity:.8;transform:scaleX(1)}70%{opacity:0;transform:scaleX(.3)}to{opacity:0}}footer{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);left:0;right:0;font-size:.75rem;letter-spacing:.2em;color:var(--dim);text-transform:uppercase}@media (max-width: 400px){.soon{gap:10px;letter-spacing:.2em}.dots{gap:6px}}@media (max-height: 480px){.lane{bottom:calc(env(safe-area-inset-bottom,0px) + 7vh)}footer{display:none}h1{font-size:clamp(2rem,7vw,3.5rem)}}.page{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}@media (prefers-reduced-motion: reduce){.stone,.trail,.dots i{animation:none}.stone{transform:translate(calc(50vw - var(--s) / 2))}}.tagline{margin:18px auto 0;max-width:34rem;font-size:clamp(.85rem,2.2vw,1rem);line-height:1.6;letter-spacing:.06em;color:var(--dim)}.soon{margin-top:34px}