*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--void: #0a060c;--surface: #140e16;--surface-2: #1c1420;--surface-3: #261c2c;--violet: #e11d6b;--violet-bright: #ff6b8a;--violet-dim: #e11d6b22;--violet-mid: #e11d6b55;--gold: #d4960b;--gold-bright: #fbbf24;--gold-dim: #d4960b20;--magenta: #ff6b8a;--magenta-bright: #ff8fa8;--magenta-dim: #ff6b8a22;--text: #f8ecf2;--text-muted: #8a6e7a;--text-dim: #4a3540;--gradient-brand: linear-gradient(135deg, #ff6b8a, #fbbf24);--gradient-energy: linear-gradient(135deg, #ff6b8a, #6d28d9, #fbbf24);--font-display: "Chakra Petch", sans-serif;--font-body: "Oxanium", sans-serif;--nav-h: 72px;--section-gap: 120px}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--violet) var(--void)}body{background:var(--void);color:var(--text);font-family:var(--font-body);font-weight:300;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--violet);border-radius:3px}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(255,107,138,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,138,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(0,0,0,.4) 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(0,0,0,.4) 0%,transparent 70%);pointer-events:none;z-index:0}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,4vw,3rem);z-index:1000;background:linear-gradient(180deg,var(--void) 0%,rgba(6,8,12,.85) 60%,transparent 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s}.nav-logo{display:flex;align-items:center;text-decoration:none;color:var(--text)}.nav-logo-svg{height:32px;width:auto;fill:var(--text)}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-family:var(--font-display);font-weight:400;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;position:relative;padding:.25rem 0;transition:color .3s}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--gradient-brand);transition:width .3s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{width:24px;height:2px;background:var(--text);transition:all .3s;display:block}.nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.nav-toggle{display:flex}.nav-links{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:#06080cf7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;gap:0;padding:1rem 0 2rem;border-bottom:1px solid var(--violet-dim);z-index:999}.nav-links.open{display:flex}.nav-links a{padding:1rem 2rem;font-size:.9rem}}section{position:relative;z-index:1}.section-inner{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.section-label{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--violet-bright);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-label:before{content:"";width:24px;height:1px;background:var(--violet)}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,4vw,3rem);letter-spacing:.04em;line-height:1.15;margin-bottom:1rem}.section-subtitle{font-size:1.05rem;color:var(--text-muted);max-width:600px;line-height:1.8}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-h) + 2rem) 2rem 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:15%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,138,.1) 0%,rgba(251,191,36,.04) 40%,transparent 60%);pointer-events:none}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:2px;height:2px;border-radius:50%;opacity:0;animation:particleDrift linear infinite}@keyframes particleDrift{0%{opacity:0;transform:translateY(0) translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh) translate(40px)}}.hero-content{position:relative;z-index:2}.hero-title{margin:0 auto 1.5rem;animation:heroLogoIn 1s cubic-bezier(.16,1,.3,1) both}.hero-logo-svg{width:clamp(260px,50vw,420px);height:auto;display:block;margin:0 auto;fill:var(--text);filter:drop-shadow(0 0 40px rgba(255,107,138,.2)) drop-shadow(0 0 80px rgba(251,191,36,.1))}@keyframes heroLogoIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-tagline{font-family:var(--font-display);font-weight:300;font-size:clamp(1rem,2.5vw,1.35rem);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75em;animation:heroFade .8s ease-out .4s both}.hero-sub{font-size:1rem;color:var(--text-muted);max-width:580px;margin:0 auto 2.5rem;line-height:1.8;animation:heroFade .8s ease-out .55s both}@keyframes heroFade{0%{opacity:0}to{opacity:1}}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;animation:heroFade .8s ease-out .7s both}.btn{font-family:var(--font-display);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:.9rem 2rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.btn-primary{background:linear-gradient(135deg,var(--magenta),var(--violet));color:#fff;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec48994d}.btn-secondary{background:transparent;color:var(--violet-bright);border:1px solid var(--violet-mid);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-secondary:hover{background:var(--violet-dim);border-color:var(--violet);transform:translateY(-2px)}.btn-sm{font-size:.72rem;padding:.65rem 1.4rem}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--text-dim);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.btn-arrow{font-size:1.1em;transition:transform .3s}.btn:hover .btn-arrow{transform:translate(3px)}.hero-divider{width:1px;height:80px;margin:0 auto;background:linear-gradient(180deg,var(--violet),transparent);animation:heroFade .8s ease-out .9s both}.mission{padding:var(--section-gap) 0;position:relative}.mission-quote{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.7;color:var(--text);max-width:700px;margin:0 auto 1.5rem;text-align:center}.mission-body{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 3.5rem;font-size:1rem}.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:600px;margin:0 auto}@media(max-width:600px){.pillars{grid-template-columns:1fr}}.pillar{text-align:center;padding:2rem 1.5rem;border:1px solid var(--surface-3);background:var(--surface);position:relative}.pillar:before{content:"";position:absolute;top:-1px;left:-1px;width:16px;height:16px;border-top:1px solid var(--violet);border-left:1px solid var(--violet)}.pillar:after{content:"";position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-bottom:1px solid var(--violet);border-right:1px solid var(--violet)}.pillar-icon{font-size:1.5rem;margin-bottom:1rem;display:block}.pillar-title{font-family:var(--font-display);font-weight:600;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;color:var(--text)}.pillar-text{font-size:.85rem;color:var(--text-muted);line-height:1.7}.games{padding:var(--section-gap) 0}.game-card{background:var(--surface);border:1px solid var(--surface-3);padding:2rem;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.game-card:hover{border-color:var(--violet-mid);transform:translateY(-3px)}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand)}.game-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.game-name{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:.04em;color:var(--text)}.game-badge{font-family:var(--font-display);font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .7rem;white-space:nowrap;flex-shrink:0}.badge-available{background:var(--magenta-dim);color:var(--magenta-bright);border:1px solid rgba(236,72,153,.3)}.badge-play{background:var(--gold-dim);color:var(--gold-bright);border:1px solid rgba(212,150,11,.3)}.badge-soon{background:var(--violet-dim);color:var(--violet-bright);border:1px solid rgba(124,58,237,.3)}.badge-experimental{background:#3341554d;color:var(--text-muted);border:1px solid var(--text-dim)}.game-desc{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin-bottom:1rem}.game-meta{font-size:.75rem;color:var(--text-dim);font-style:italic;margin-bottom:1rem}.game-actions{display:flex;gap:.75rem;flex-wrap:wrap}.game-flagship{background:var(--surface);border:1px solid var(--surface-3);position:relative;overflow:hidden;margin-bottom:1.5rem;transition:border-color .3s}.game-flagship:hover{border-color:var(--violet-mid)}.game-flagship:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-energy)}.game-flagship-inner{display:grid;grid-template-columns:1fr 1fr;gap:0}@media(max-width:800px){.game-flagship-inner{grid-template-columns:1fr}}.game-flagship-content{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.game-flagship-content .game-card-header{margin-bottom:1rem}.game-flagship-content .game-name{font-size:1.8rem}.game-flagship-content .game-desc{font-size:1rem;line-height:1.8;margin-bottom:.75rem}.game-flagship-content .game-meta{font-size:.8rem;margin-bottom:1.5rem}.game-flagship-video{position:relative;background:#000;aspect-ratio:16 / 9}.game-flagship-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width:800px){.game-flagship-content{padding:2rem}.game-flagship-video{order:-1}}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:0}@media(max-width:900px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.games-grid{grid-template-columns:1fr}}.forge{padding:var(--section-gap) 0;position:relative}.forge:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(80%,600px);height:1px;background:linear-gradient(90deg,transparent,var(--surface-3),transparent)}.origin{padding:var(--section-gap) 0;position:relative}.origin:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(80%,600px);height:1px;background:linear-gradient(90deg,transparent,var(--surface-3),transparent)}.origin-text{font-size:1.05rem;color:var(--text-muted);max-width:680px;line-height:1.8;margin-top:.5rem}.origin-text strong{color:var(--text);font-weight:500}.forge-statement{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(1.1rem,2.2vw,1.4rem);line-height:1.7;color:var(--text);max-width:640px;margin:2rem 0 2.5rem}.forge-actions{display:flex;gap:.75rem;flex-wrap:wrap}.community{padding:var(--section-gap) 0}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}@media(max-width:700px){.community-grid{grid-template-columns:1fr}}.discord-card{background:var(--surface);border:1px solid var(--surface-3);padding:1.75rem;text-decoration:none;color:var(--text);transition:border-color .3s,transform .3s;display:flex;flex-direction:column;gap:.75rem}.discord-card:hover{border-color:#5865f2;transform:translateY(-3px)}.discord-card-icon{width:28px;height:28px;fill:#5865f2;flex-shrink:0;transition:fill .3s}.discord-card:hover .discord-card-icon{fill:#7289da}.discord-card-name{font-family:var(--font-display);font-weight:600;font-size:1rem}.discord-card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.6}.discord-card-join{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5865f2;margin-top:auto;display:flex;align-items:center;gap:.4rem}.community-partner{margin-top:3rem;text-align:center;padding:2rem;border-top:1px solid var(--surface-3)}.community-partner p{font-size:.9rem;color:var(--text-muted);max-width:600px;margin:0 auto}.community-partner strong{color:var(--text);font-weight:500}.partner-label{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1.5rem}.partner-logos{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap;margin-bottom:1.5rem}.partner-logos a{display:flex;align-items:center;opacity:.7;transition:opacity .3s}.partner-logos a:hover{opacity:1}.partner-logos img{height:48px;width:auto}.footer{padding:3rem 0;border-top:1px solid var(--surface-3);position:relative;z-index:1}.footer-inner{max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-brand{display:flex;align-items:center}.footer-logo-svg{height:20px;width:auto;fill:var(--text-dim)}.footer-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-links a{font-size:.78rem;color:var(--text-dim);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--text-muted)}.footer-copy{font-size:.72rem;color:var(--text-dim);width:100%;text-align:center;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(51,65,85,.3)}@media(max-width:480px){:root{--section-gap: 80px}.hero-title{font-size:clamp(2.2rem,12vw,3.5rem)}.hero-logomark{width:68px}}