@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#090b11;--bg-2:#0c0f17;--surface:#12161f;--surface-2:#181d2a;--surface-3:#212838;--border:#232a3c;--border-soft:#1a2030;--text:#e9edf6;--text-dim:#99a1b7;--text-faint:#616a85;--accent:#9d5cff;--accent-2:#c46bff;--accent-soft:#9d5cff24;--accent-glow:#9d5cff66;--indigo-glow:#c46bff59;--play-grad:linear-gradient(135deg, #9d5cff 0%, #b15cff 45%, #c46bff 100%);--success:#4be38f;--warning:#ffb454;--danger:#ff6b78;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:8px;--r:12px;--r-lg:18px;--r-xl:26px;--shadow:0 12px 40px #00000073;--shadow-sm:0 4px 16px #00000059;--glow:0 0 0 1px #9d5cff40, 0 8px 30px var(--accent-glow);--font-display:"Chakra Petch", system-ui, sans-serif;--font-body:"Sora", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#2c3550 padding-box padding-box}.space-bg{z-index:-2;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.space-bg__img{object-fit:cover;object-position:center;opacity:.92;will-change:transform;width:106%;height:106%;animation:60s ease-in-out infinite alternate bg-drift;position:absolute;top:-3%;left:-3%}.space-bg__planet{will-change:transform;background:radial-gradient(circle,#9d5cff29,#0000 62%);border-radius:50%;width:60vh;height:60vh;animation:140s linear infinite planet-spin;position:absolute;top:18%;left:-14%}.space-bg__stars{mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.space-bg__vignette{background:radial-gradient(140% 120% at 50% 30%,#0000 38%,#05060c9e 100%),linear-gradient(#05060c40,#05060c8c);position:absolute;inset:0}.grain{z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes bg-drift{0%{transform:scale(1.05)translate(0)}to{transform:scale(1.05)translate(-1.5%,-1.2%)}}@keyframes planet-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.space-bg__img,.space-bg__planet{animation:none}}.page{z-index:1;position:relative}.container{width:100%;max-width:1160px;padding:0 var(--s6);margin:0 auto}.section{padding:var(--s8) 0}.section-head{text-align:center;max-width:640px;margin:0 auto var(--s7)}.eyebrow{font-family:var(--font-mono);letter-spacing:4px;color:var(--accent);text-transform:uppercase;font-size:.7rem}.section-title{font-family:var(--font-display);letter-spacing:.5px;margin:var(--s3) 0 var(--s2);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700}.section-sub{color:var(--text-dim);margin:0;font-size:1rem;line-height:1.6}.nav{z-index:40;height:68px;padding:0 var(--s6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);background:#090b118c;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1160px;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--s3);display:flex}.brand-mark-img{object-fit:cover;width:40px;height:40px;box-shadow:0 6px 18px var(--accent-glow), inset 0 0 0 1px #9d5cff40;border-radius:11px}.brand-name{font-family:var(--font-display);letter-spacing:1px;font-size:1.15rem;font-weight:700;line-height:1}.brand-name small{font-family:var(--font-mono);letter-spacing:3px;color:var(--text-faint);margin-top:3px;font-size:.58rem;display:block}.nav-links{align-items:center;gap:var(--s2);display:flex}.nav-link{padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:var(--text-dim);border:1px solid #0000;font-size:.9rem;font-weight:500;transition:background .18s,color .18s,border-color .18s}.nav-link:hover{background:var(--surface);color:var(--text)}@media (max-width:720px){.nav-links .nav-link:not(.btn){display:none}}.btn{font-family:var(--font-display);letter-spacing:.5px;border-radius:var(--r-sm);cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);justify-content:center;align-items:center;gap:var(--s2);padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;transition:transform .12s,background .18s,border-color .18s,box-shadow .18s,filter .18s;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:#2e3650;transform:scale(1.04)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--play-grad);color:#06121a;box-shadow:0 8px 24px var(--accent-glow);border:none}.btn--primary:hover{box-shadow:0 12px 36px var(--accent-glow);filter:brightness(1.07);transform:scale(1.04)}.btn--ghost{border-color:var(--border);color:var(--text-dim);background:0 0}.btn--ghost:hover{color:var(--text);background:var(--surface)}.btn--lg{padding:.95rem 1.8rem;font-size:1.05rem}.btn--discord:hover{border-color:#5865f2;box-shadow:0 8px 28px #5865f259}.badge{font-family:var(--font-mono);letter-spacing:.6px;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:.3rem .7rem;font-size:.64rem;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.badge--accent{color:var(--accent);background:var(--accent-soft);border-color:#9d5cff4d}.badge--success{color:var(--success);background:#4be38f1a;border-color:#4be38f4d}.chip{border:1px solid var(--border-soft);background:var(--surface);color:var(--text-dim);border-radius:999px;align-items:center;gap:8px;padding:.45rem .85rem;font-size:.8rem;display:inline-flex}.chip strong{color:var(--text);font-weight:600}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-sm);background:linear-gradient(#12161fd1,#181d2ac7)}.card--interactive{cursor:default;transition:transform .18s,border-color .2s,box-shadow .2s}.card--interactive:hover{box-shadow:var(--shadow);border-color:#9d5cff4d;transform:translateY(-4px)}.hero{text-align:center;min-height:100vh;padding:120px var(--s6) var(--s8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-emblem{object-fit:cover;width:96px;height:96px;box-shadow:0 18px 50px var(--accent-glow), inset 0 0 0 1px #9d5cff4d;margin-bottom:var(--s5);border-radius:24px;animation:6s ease-in-out infinite float-soft}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:5px;color:var(--accent);text-transform:uppercase;margin-bottom:var(--s4);font-size:.74rem}.hero-title{font-family:var(--font-display);letter-spacing:4px;background:linear-gradient(#fff 0%,#d7c4ff 55%,#a06bff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 40px #9d5cff59);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.6rem,13vw,9rem);font-weight:700;line-height:.92}.hero-sub{max-width:620px;margin:var(--s5) auto 0;color:var(--text-dim);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65}.hero-cta{justify-content:center;align-items:center;gap:var(--s4);margin-top:var(--s7);flex-wrap:wrap;display:flex}.hero-meta{gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;justify-content:center;display:flex}.scroll-cue{bottom:var(--s6);font-family:var(--font-mono);letter-spacing:2px;color:var(--text-faint);text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.62rem;animation:3s ease-in-out infinite float-soft;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-cue span{background:linear-gradient(var(--accent), transparent);width:1px;height:28px}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.scroll-cue{animation-name:float-soft}.grid-cards{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));display:grid}.feature{gap:var(--s3);flex-direction:column;display:flex}.feature-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border:1px solid #9d5cff40;border-radius:13px;place-items:center;display:grid;box-shadow:inset 0 0 18px #9d5cff1f}.feature-icon svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:24px;height:24px}.feature-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.feature-desc{color:var(--text-dim);margin:0;font-size:.9rem;line-height:1.55}.feature-tag{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-faint);margin-top:auto;font-size:.6rem}.loader-row{gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;justify-content:center;display:flex}.loader-chip{border:1px solid var(--border);background:linear-gradient(120deg, var(--accent-soft), var(--surface) 70%);font-family:var(--font-display);letter-spacing:.5px;border-radius:999px;align-items:center;gap:10px;padding:.7rem 1.2rem;font-weight:600;transition:transform .16s,border-color .18s,box-shadow .18s;display:inline-flex}.loader-chip:hover{box-shadow:var(--glow);border-color:#9d5cff66;transform:translateY(-3px)}.loader-chip .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%}.shots{gap:var(--s5);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:820px){.shots{grid-template-columns:1fr}}.shot-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.shot-panel:hover{box-shadow:var(--shadow), 0 0 40px #9d5cff2e;border-color:#9d5cff59;transform:translateY(-4px)}.shot-bar{padding:10px var(--s4);border-bottom:1px solid var(--border-soft);background:#090b11b3;align-items:center;gap:7px;display:flex}.shot-bar i{background:var(--surface-3);border-radius:50%;width:10px;height:10px;display:block}.shot-bar i:first-child{background:#ff6b78}.shot-bar i:nth-child(2){background:#ffb454}.shot-bar i:nth-child(3){background:#4be38f}.shot-bar .shot-label{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-faint);text-transform:uppercase;margin-left:auto;font-size:.62rem}.shot-media{aspect-ratio:16/10;position:relative;overflow:hidden}.shot-media img{object-fit:cover;width:100%;height:100%;display:block}.shot-caption{padding:var(--s4);border-top:1px solid var(--border-soft);background:linear-gradient(#0000,#090b1166)}.shot-caption b{font-family:var(--font-display);font-weight:600}.shot-caption p{color:var(--text-dim);margin:4px 0 0;font-size:.85rem;line-height:1.5}.cta-band{text-align:center;border-radius:var(--r-xl);padding:var(--s8) var(--s6);box-shadow:var(--glow);background:radial-gradient(120% 140% at 50% 0,#9d5cff2e,#0000 60%),linear-gradient(#12161fd9,#0c0f17d9);border:1px solid #9d5cff40}.cta-band .section-title{margin-top:var(--s3)}.footer{border-top:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:var(--s8);background:#090b1199}.footer-inner{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s6) 0;flex-wrap:wrap;display:flex}.footer small{font-family:var(--font-mono);letter-spacing:1px;color:var(--text-faint);font-size:.66rem}.footer-links{gap:var(--s5);display:flex}.footer-links a{color:var(--text-dim);font-size:.85rem;transition:color .16s}.footer-links a:hover{color:var(--accent)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.hero-emblem,.scroll-cue{animation:none}}.legal-wrap{padding:120px 0 var(--s7)}.legal{max-width:820px;margin:0 auto}.legal-head{margin-bottom:var(--s7)}.legal-head .eyebrow{text-align:left}.legal-title{font-family:var(--font-display);letter-spacing:1px;margin:var(--s3) 0 var(--s2);background:linear-gradient(#fff,#c8b6ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:700}.legal-updated{font-family:var(--font-mono);letter-spacing:1px;color:var(--text-faint);text-transform:uppercase;font-size:.68rem}.legal-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6) clamp(var(--s5), 4vw, var(--s7));box-shadow:var(--shadow-sm);background:linear-gradient(#12161fd1,#181d2ac7)}.legal-card h2{font-family:var(--font-display);letter-spacing:.5px;margin:var(--s6) 0 var(--s3);padding-top:var(--s5);border-top:1px solid var(--border-soft);font-size:1.25rem;font-weight:600}.legal-card h2:first-of-type{border-top:none;margin-top:0;padding-top:0}.legal-card h3{font-family:var(--font-display);margin:var(--s5) 0 var(--s2);color:var(--text);font-size:1rem;font-weight:600}.legal-card p,.legal-card li{color:var(--text-dim);font-size:.95rem;line-height:1.7}.legal-card p{margin:0 0 var(--s3)}.legal-card ul{margin:0 0 var(--s3);padding-left:1.2rem}.legal-card li{margin-bottom:6px}.legal-card a{color:var(--accent-2);text-underline-offset:2px;text-decoration:underline}.legal-card a:hover{color:var(--accent)}.legal-card strong{color:var(--text)}.legal-fill{font-family:var(--font-mono);color:var(--warning);background:#ffb4541a;border:1px dashed #ffb45466;border-radius:6px;padding:1px 7px;font-size:.82em}.legal-note{margin-top:var(--s5);color:var(--text-faint);font-size:.85rem;line-height:1.6}.legal-back{margin-bottom:var(--s5);font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;font-size:.7rem;display:inline-flex}.legal-back:hover{color:var(--accent)}