:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#08090b;--foreground:#f4f1e9;--muted:#8d8e91;--accent:#d7ff4f}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background);height:100%}body{background:var(--background);min-height:100%;color:var(--foreground);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;font-family:Inter,Segoe UI Variable,Helvetica Neue,Arial,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 52% 42%,#d7ff4f0e,#0000 27rem),linear-gradient(#ffffff05 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.site-shell{isolation:isolate;background:radial-gradient(62% 30%,#d7ff4f0b,#0000 72%),radial-gradient(72% 34% at 50% 100%,#d7ff4f17,#0000 70%),linear-gradient(#08090b 0% 42%,#07080a 62%,#050608 100%);min-height:100%;position:relative;overflow-x:hidden}.hero-panel,.game-showcase{min-height:100svh;position:relative}.hero-panel{place-items:center;padding:2rem;display:grid}.mark{top:max(clamp(1.5rem, 4vw, 3rem), env(safe-area-inset-top));left:max(clamp(1.5rem, 4vw, 3rem), env(safe-area-inset-left));color:var(--muted);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.68rem;font-weight:400;display:flex;position:absolute}.mark:before{content:"";aspect-ratio:1;background:var(--accent);border-radius:50%;width:.48rem;box-shadow:0 0 1rem #d7ff4f8c}.hero{text-align:center;width:100%}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:0;font-family:Michroma,Segoe UI,sans-serif;font-size:clamp(4.5rem,15vw,12.5rem);font-weight:400;line-height:.82;animation:.9s cubic-bezier(.2,.75,.25,1) both reveal}.wordmark{white-space:nowrap;align-items:flex-end;display:inline-flex}.wordmark-logo{flex:none;width:1.12em;height:.82em;margin-right:-.06em;overflow:visible;transform:translateY(.06em)}.wordmark-text{display:inline-block}.tagline{color:var(--muted);letter-spacing:.31em;text-transform:uppercase;margin:clamp(2.8rem,6vw,5.5rem) 0 0;font-size:clamp(.72rem,1.15vw,.95rem);font-weight:400;animation:.9s cubic-bezier(.2,.75,.25,1) .15s both reveal}.tagline span,.showcase-header h2 span{color:var(--accent)}.index{right:max(clamp(1.5rem, 4vw, 3rem), env(safe-area-inset-right));bottom:max(clamp(1.5rem, 4vw, 3rem), env(safe-area-inset-bottom));color:#4f5053;letter-spacing:.16em;font-size:.62rem;position:absolute}.scroll-cue{left:50%;bottom:max(clamp(1.5rem, 4vw, 3rem), env(safe-area-inset-bottom));color:var(--muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.9rem;font-size:.62rem;text-decoration:none;transition:color .18s;display:flex;position:absolute;transform:translate(-50%)}:is(.scroll-cue:hover,.scroll-cue:focus-visible){color:var(--foreground)}.scroll-cue i{background:#f4f1e92e;width:1px;height:2.4rem;display:block;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--accent);animation:1.8s ease-in-out infinite scroll-line;position:absolute;inset:0}.game-showcase{background:0 0;grid-template-rows:auto 1fr;gap:clamp(2rem,4vh,3.75rem);min-height:100svh;padding:clamp(2rem,4vw,4rem) clamp(2rem,5vw,6rem);display:grid;overflow:clip}.showcase-header{justify-content:space-between;align-items:end;gap:3rem;display:flex}.eyebrow,.moment-meta,.swipe-hint{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:.58rem}.eyebrow{margin-bottom:.8rem}.showcase-header h2{letter-spacing:-.06em;text-transform:uppercase;margin:0;font-family:Michroma,Segoe UI,sans-serif;font-size:clamp(2.1rem,4.3vw,5rem);font-weight:400;line-height:.95}.showcase-header h2 span{letter-spacing:.02em;vertical-align:.4em;font-size:.46em}.showcase-intro{width:min(28rem,32vw);color:var(--muted);margin-bottom:.15rem;font-size:clamp(.72rem,.9vw,.88rem);line-height:1.65}.moment-track{grid-template-columns:repeat(3,minmax(0,1fr));place-items:start center;gap:clamp(2rem,5vw,6rem);min-height:0;display:grid}.moment{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);justify-content:center;place-items:start center;gap:clamp(1.25rem,2.2vw,2rem);width:100%;min-width:0;display:grid}.phone-frame{aspect-ratio:9/16;background:#111318;border:1px solid #f4f1e947;border-radius:clamp(1.3rem,2.2vw,2rem);height:clamp(13.5rem,min(52svh,28vw),31rem);padding:.42rem;position:relative;overflow:hidden;box-shadow:0 2rem 5rem #0000006b,inset 0 0 0 1px #ffffff0f}.phone-frame:before{content:"";z-index:3;background:#050608b8;border-radius:1rem;width:30%;height:.28rem;position:absolute;top:.78rem;left:50%;transform:translate(-50%)}.game-screen{background:linear-gradient(#1d2137 0%,#4e4d68 52%,#d07e5a 100%);border-radius:calc(clamp(1.3rem,2.2vw,2rem) - .42rem);width:100%;height:100%;position:relative;overflow:hidden}.game-screen:before{content:"";z-index:1;opacity:.35;mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#0000 0 16%,#ffffff0f 16.2% 16.7%),linear-gradient(#0000 60%,#03040847);position:absolute;inset:0}.game-screen--present{background:linear-gradient(#08171b 0%,#124c50 52%,#d7ff4f 135%)}.game-screen--future{background:linear-gradient(#121019 0%,#38213d 47%,#f35e78 110%)}.screen-status{z-index:4;color:#ffffffa6;letter-spacing:.18em;justify-content:space-between;font-size:.42rem;display:flex;position:absolute;top:1.5rem;left:1rem;right:1rem}.screen-orbit{aspect-ratio:1;border:1px solid #ffffff42;border-radius:50%;width:130%;position:absolute;top:18%;left:50%;transform:translate(-50%)rotate(-15deg)scaleY(.34)}.screen-orbit:before,.screen-orbit:after{content:"";border:inherit;border-radius:inherit;position:absolute;inset:16%}.screen-orbit:after{inset:33%}.screen-sun{aspect-ratio:1;background:#ffd7a6;border-radius:50%;width:38%;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 0 3rem #ffcc948c}.game-screen--present .screen-sun{background:var(--accent);box-shadow:0 0 3rem #d7ff4f80}.game-screen--future .screen-sun{background:#f8b1d4;box-shadow:0 0 3rem #f35e789e}.screen-landscape{z-index:2;filter:drop-shadow(0 -1rem 2rem #0000002e);height:45%;position:absolute;bottom:14%;left:-10%;right:-10%}.screen-landscape span{clip-path:polygon(0 100%,20% 55%,42% 75%,66% 10%,100% 100%);background:#252335;width:66%;height:82%;position:absolute;bottom:0}.screen-landscape span:nth-child(2){opacity:.88;width:70%;height:64%;right:0;transform:scaleX(-1)}.screen-landscape span:nth-child(3){opacity:.75;width:88%;height:55%;bottom:-20%;right:15%}.game-screen--present .screen-landscape span{background:#0c292d}.game-screen--future .screen-landscape span{background:#251b30}.screen-character{z-index:3;background:#08090b;border-radius:50% 50% 20% 20%;width:7%;height:15%;position:absolute;bottom:17%;left:50%;transform:translate(-50%);box-shadow:.4rem 0 1.1rem #00000038}.screen-character:before{content:"";aspect-ratio:1;background:inherit;border-radius:50%;width:90%;position:absolute;top:-25%;left:50%;transform:translate(-50%)}.screen-character i{transform-origin:100%;background:#d7ff4fb8;width:260%;height:4%;position:absolute;top:22%;right:90%;transform:rotate(-20deg)}.screen-timeline{z-index:4;grid-template-columns:.35rem 1fr .35rem;align-items:center;gap:.25rem;display:grid;position:absolute;bottom:4rem;left:1.25rem;right:1.25rem}.screen-timeline span{aspect-ratio:1;border:1px solid #ffffffa6;border-radius:50%}.screen-timeline b{background:#ffffff59;height:1px;overflow:visible}.screen-timeline b:after{content:"";background:var(--accent);width:35%;height:1px;box-shadow:0 0 .5rem var(--accent);display:block}.screen-prompt{z-index:4;color:#ffffffa8;letter-spacing:.16em;text-align:center;text-transform:uppercase;font-size:.42rem;position:absolute;bottom:2rem;left:0;right:0}.moment-copy{width:min(100%,18rem);padding-bottom:.3rem}.moment-meta{margin-bottom:.8rem}.moment-meta span{color:var(--accent);margin-right:.65rem}.moment-copy h3{margin-bottom:.6rem;font-size:clamp(.85rem,1.15vw,1.1rem);font-weight:500}.moment-copy>p:last-child{color:var(--muted);margin-bottom:0;font-size:clamp(.67rem,.76vw,.78rem);line-height:1.55}.swipe-hint{display:none}.reveal-ready [data-reveal]{opacity:0;filter:blur(8px);transition:opacity .8s cubic-bezier(.2,.75,.25,1),filter .8s cubic-bezier(.2,.75,.25,1),transform .8s cubic-bezier(.2,.75,.25,1);transform:translateY(2rem)}.reveal-ready [data-reveal].is-visible{opacity:1;filter:blur();transform:translateY(0)}.reveal-ready .showcase-intro[data-reveal],.reveal-ready .moment:nth-child(2)[data-reveal]{transition-delay:.1s}.reveal-ready .moment:nth-child(3)[data-reveal]{transition-delay:.2s}@keyframes reveal{0%{opacity:0;filter:blur(8px);transform:translateY(1.5rem)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes scroll-line{0%{transform:translateY(-105%)}55%,to{transform:translateY(105%)}}@media (max-width:820px){.hero-panel{padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right))}h1{letter-spacing:-.065em;white-space:nowrap;max-width:100%;font-size:clamp(2.6rem,14.5vw,4.9rem)}.tagline{letter-spacing:.2em}.scroll-cue{bottom:max(4.4rem, calc(env(safe-area-inset-bottom) + 2rem))}.scroll-cue span{display:none}.index{bottom:max(1.5rem, env(safe-area-inset-bottom))}.game-showcase{--mobile-phone-height:clamp(18rem, 54svh, 44rem);--mobile-card-width:clamp(10.125rem, 30.375svh, 24.75rem);height:auto;min-height:100svh;padding:max(1.75rem, env(safe-area-inset-top)) 0 max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:0;display:flex;overflow:hidden}.showcase-header{padding:0 1.5rem;display:block}.showcase-header h2{font-size:clamp(2rem,10.8vw,3.1rem)}.showcase-intro{width:100%;max-width:30rem;margin:.9rem 0 0;font-size:.7rem;line-height:1.5}.moment-track{align-items:center;justify-items:initial;gap:max(1rem, calc(100vw - var(--mobile-card-width) - 4rem));width:100%;min-height:0;padding:0 calc(100vw - var(--mobile-card-width) - 1.5rem) .35rem 1.5rem;overscroll-behavior-inline:none;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;margin-top:1rem;scroll-padding-inline:1.5rem;display:flex;overflow:auto hidden}.moment-track::-webkit-scrollbar{display:none}.moment{flex:0 0 var(--mobile-card-width);align-items:start;justify-content:initial;width:var(--mobile-card-width);scroll-snap-align:start;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);gap:.9rem;display:grid}.phone-frame{width:100%;height:var(--mobile-phone-height);border-radius:1.5rem}.game-screen{border-radius:1.08rem}.moment-copy{width:100%;min-width:0;padding-bottom:.25rem}.moment-copy h3{font-size:.9rem}.moment-copy>p:last-child{font-size:.66rem}.swipe-hint{justify-content:space-between;margin:.5rem 1.5rem 0;display:flex}.swipe-hint span{color:var(--accent);font-size:.8rem}}@media (max-width:400px){.showcase-intro{max-width:19rem}.game-showcase{--mobile-phone-height:clamp(17rem, 52svh, 25rem);--mobile-card-width:clamp(9.5625rem, 29.25svh, 14.0625rem)}}@media (max-width:820px) and (max-height:720px){.game-showcase{--mobile-phone-height:clamp(16rem, 50svh, 22rem);--mobile-card-width:clamp(9rem, 28.125svh, 12.375rem)}}@media (max-width:820px) and (max-height:600px){.game-showcase{--mobile-phone-height:clamp(14rem, 42svh, 17rem);--mobile-card-width:clamp(7.875rem, 23.625svh, 9.5625rem)}}@media (max-height:720px) and (min-width:821px){.game-showcase{gap:clamp(1.25rem,3vh,2rem);padding-block:1.5rem}.phone-frame{height:clamp(13.5rem,min(46svh,28vw),21rem)}.moment{gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}h1,.tagline,.scroll-cue i:after{animation:none}[data-reveal]{opacity:1;filter:none;transition:none;transform:none}}