:root{--background:#08080c;--surface:#0c0b12;--foreground:#e8e2f2;--violet:#a991d4;--plum:#735a9d;--lavender:#bba5de;--muted:#888392}.cinematic-hero{isolation:isolate;background:#08080c;min-height:100svh;position:relative;overflow:hidden}.poster-accessible-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.poster-art{max-height:49.8vw;margin-block:auto;animation:1.2s ease-out both poster-arrive;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 10% 84%,#0000);mask-image:linear-gradient(#0000,#000 10% 84%,#0000)}.poster-image{object-fit:cover;object-position:center}.cinematic-hero:after{content:"";pointer-events:none;background:linear-gradient(#0505088c,#0000 18% 58%,#120c1b33 70%,#0c091294 82%,#08080c 92% 100%),radial-gradient(65% 34% at 50% 86%,#704c981f,#0000 72%);position:absolute;inset:0}.poster-header{z-index:2;padding:30px var(--gutter);background:linear-gradient(#05050873,#0000);justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;inset:0 0 auto}.poster-header nav{color:var(--secondary);align-items:center;gap:32px;font-size:12px;display:flex}.poster-header nav a{padding-block:12px;transition:color .18s}.poster-header nav a:hover{color:var(--foreground)}.poster-action{z-index:2;text-align:center;justify-items:center;gap:12px;width:max-content;max-width:calc(100% - 48px);display:grid;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.poster-action .button{height:48px;min-height:48px;padding:0 24px;font-size:11px}.poster-action p{color:var(--secondary);margin:0;font-size:11px;line-height:1.8}.poster-action p span{color:var(--muted);font-size:10px;display:block}.progression-section{padding-block:100px 140px}.progression-section:before{background:radial-gradient(circle at 70% 45%,#8e6cbe14,#0000 60%)}.progression-section h2{font-size:clamp(30px,4.1vw,62px)}.progression-roadmap{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:48px;margin:0 0 64px;padding:0 0 48px;list-style:none;display:grid}.progression-roadmap li{position:relative}.progression-roadmap li:not(:last-child):after{content:"→";color:var(--muted);position:absolute;top:50%;right:-28px}.progression-roadmap span{color:var(--muted);letter-spacing:.1em;margin-bottom:20px;font-size:10px;display:block}.progression-roadmap strong{font-family:var(--display);letter-spacing:-.05em;font-size:clamp(24px,3.7vw,54px);font-weight:600}.progression-roadmap li:last-child strong{color:var(--violet)}.legend-stage:before{background:0 0}.progression-section .milestone-details{box-shadow:none;background:0 0;border-inline:0;border-radius:0}.discord-section:before{background:0 0}@keyframes poster-arrive{0%{opacity:.85;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media (max-aspect-ratio:4/3){.poster-art{height:49.8vw;max-height:none;margin:0;top:24svh;bottom:auto}.poster-image{object-fit:cover;object-position:center}.cinematic-hero{background:radial-gradient(at 50% 48%,#735a9d2e,#0000 65%),#08080c}.poster-art{-webkit-mask-image:linear-gradient(#0000,#000 12% 80%,#0000);mask-image:linear-gradient(#0000,#000 12% 80%,#0000)}}@media (max-width:900px){.progression-roadmap{gap:30px}.progression-roadmap li:not(:last-child):after{right:-22px}}@media (max-width:600px){.cinematic-hero{min-height:90svh}.poster-header{gap:12px;padding:20px}.poster-header .brand{gap:5px;font-size:11px}.poster-header .brand-mark{width:30px;height:30px}.poster-header nav{gap:16px;font-size:11px}.poster-art{top:26svh;bottom:auto}.poster-action{bottom:40px}.progression-section{padding-block:56px 80px}.progression-roadmap{grid-template-columns:1fr;gap:44px}.progression-roadmap strong{font-size:40px}.progression-roadmap span{margin-bottom:10px}.progression-roadmap li:not(:last-child):after{content:"↓";inset:auto auto -32px 0}}@media (prefers-reduced-motion:reduce){.poster-art{animation:none}}
.hero-continuation{isolation:isolate;background:#08080c;margin-top:-1px;position:relative;overflow:hidden}.hero-continuation:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(78% 32% at 50% 22%,#7852a124,#0000 72%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0 420px,#000 720px 100%);mask-image:linear-gradient(#0000 0 420px,#000 720px 100%)}.home-section{background:var(--background);position:relative;overflow:clip}.home-section>*{z-index:1;position:relative}.home-container{width:min(100% - 128px,1312px);margin-inline:auto}.home-kicker{letter-spacing:.16em;color:#ad9ad3;align-items:center;gap:12px;font:600 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.home-kicker:before{content:"";background:#c8a8ff;flex:0 0 6px;height:6px;box-shadow:0 0 12px #b07cff,0 0 2px #fff}.home-heading{grid-template-columns:1.4fr 1fr;align-items:end;gap:26px 64px;display:grid}.home-heading .home-kicker{grid-column:1/-1}.home-section h2{font:550 clamp(42px, 5.8vw, 84px)/1.02 var(--display);letter-spacing:-.052em;color:#f2eef7;text-shadow:0 10px 42px #8462b114;margin:0}.home-section h2 em{color:var(--lavender);font-style:normal}.home-heading p{color:#aaa5b7;max-width:360px;margin:0 0 6px;font-size:15px;line-height:1.7}.home-heading p b{color:#e9e2f7;font-weight:600}.starfield{pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 20px 30px,#e6dbff 0 .7px,#0000 1.3px),radial-gradient(circle at 150px 90px,#cdbdf5 0 .9px,#0000 1.5px),radial-gradient(circle at 90px 170px,#fff 0 .6px,#0000 1.1px),radial-gradient(circle at 210px 220px,#b89be8 0 1.1px,#0000 1.8px),radial-gradient(circle at 330px 40px,#efe6ff 0 .7px,#0000 1.2px);background-size:240px 240px,310px 310px,190px 190px,420px 420px,520px 380px;inset:0;z-index:0!important;position:absolute!important}.hud-frame{position:relative}.hud-frame:before{content:"";z-index:3;pointer-events:none;--c:#cbb6f2;--l:14px;background:linear-gradient(var(--c), var(--c)) top left / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) top left / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) top right / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) top right / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom left / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom right / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 1px var(--l) no-repeat;position:absolute;inset:-1px}.pixel-icon{width:100%;height:auto;display:block}.pixel-tile{background:radial-gradient(circle at 50% 40%,#8a5fd433,#0000 70%),#100d18;border:1px solid #bba5de26;border-radius:6px;place-items:center;width:60px;height:60px;display:grid;position:relative}.pixel-tile .pixel-icon{width:36px}.media-slot{background:#0f0e15;position:absolute;inset:0;overflow:hidden}.media-slot img{object-fit:cover;width:100%;height:100%}.media-placeholder{text-align:center;background:radial-gradient(at 30% 40%,#8462b124,#0000 60%),linear-gradient(145deg,#15121d,#0d0c12);place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.media-placeholder b{font:550 20px/1.3 var(--display);letter-spacing:-.025em;color:#c9c1d6}.media-placeholder small{color:#a9a1b3;font-size:13px}.about-section{background:linear-gradient(#08080c,#09090d);padding:clamp(96px,10vw,150px) 0 clamp(60px,7vw,100px)}.about-section .starfield{-webkit-mask-image:radial-gradient(60% 55% at 50% 62%,#000,#0000);mask-image:radial-gradient(60% 55% at 50% 62%,#000,#0000)}.about-stage{grid-template-columns:minmax(0,1fr) minmax(0,600px) minmax(0,1fr);align-items:stretch;min-height:640px;margin-top:40px;display:grid;position:relative}.about-col{z-index:2;flex-direction:column;justify-content:space-between;padding-block:70px 60px;display:flex;position:relative}.about-col.is-right{justify-content:center}.about-feat{gap:14px;max-width:300px;display:grid;position:relative}.about-col.is-right .about-feat{margin-left:auto}.about-feat-top{align-items:center;gap:16px;display:flex}.about-feat-num{letter-spacing:.1em;color:var(--muted);font:500 11px/1 ui-monospace,monospace}.about-feat h3{font:550 clamp(17px, 1.5vw, 21px)/1.3 var(--display);letter-spacing:-.04em;color:#f2eef7;margin:0}.about-feat p{color:#aaa5b7;margin:0;font-size:14px;line-height:1.65}.about-feat:after{content:"";background:linear-gradient(90deg,#bba5de55,#bba5de08);width:clamp(40px,7vw,110px);height:1px;position:absolute;top:30px}.is-left .about-feat:after{left:calc(100% + 18px)}.is-right .about-feat:after{background:linear-gradient(270deg,#bba5de55,#bba5de08);right:calc(100% + 18px)}.core-stage{z-index:1;aspect-ratio:1;-webkit-tap-highlight-color:transparent;align-self:center;width:calc(100% + 200px);margin-inline:-100px;position:relative;overflow:hidden}.core-stage canvas,.core-poster{width:100%;height:100%;display:block;position:absolute;inset:0}.core-stage canvas{opacity:0;touch-action:pan-y;transition:opacity .6s var(--motion-ease)}.core-poster{object-fit:cover;transition:opacity .6s var(--motion-ease)}.core-stage.is-ready canvas{opacity:1}.core-stage.is-ready .core-poster{opacity:0}.core-stage .hline{pointer-events:none;will-change:transform;background:linear-gradient(90deg,#0000,#c9a0ff52 50%,#0000);height:1px;position:absolute}.core-cap{letter-spacing:.2em;color:#8a8496;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:1.6em;font:400 11px/1 ui-monospace,monospace;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.core-cap:before,.core-cap:after{content:"";opacity:.45;background:currentColor;width:3.4em;height:1px}.core-cur{vertical-align:-.15em;background:#c9a0ff;width:.62em;height:1.05em;margin-left:.1em;display:none}.core-cur.on{animation:.5s step-end infinite core-blink;display:inline-block}@keyframes core-blink{0%{opacity:1}50%{opacity:0}}.loop-section{background:#09090d;padding:clamp(80px,9vw,130px) 0 clamp(90px,10vw,140px)}.loop-section:before{content:"";pointer-events:none;background:radial-gradient(50% 40% at 50% 62%,#8e6bc214,#0000 70%);position:absolute;inset:0}.loop-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:64px;display:grid}.loop-tile{text-align:left;min-height:248px;color:inherit;transition:border-color .22s var(--motion-ease), background .22s var(--motion-ease), transform .22s var(--motion-ease);background:linear-gradient(160deg,#bba5de08,#bba5de02),#0c0b12;border:1px solid #bba5de1f;border-radius:6px;grid-template-rows:auto 1fr auto;gap:22px;padding:22px 22px 24px;display:grid;position:relative}.loop-tile:hover{border-color:#bba5de44;transform:translateY(-2px)}.loop-tile.is-active{background:radial-gradient(80% 60% at 50% 45%,#8d5fd62e,#0000 70%),linear-gradient(160deg,#bba5de12,#bba5de04),#100d19;border-color:#bba5de70;box-shadow:0 20px 60px #5b2fa21c,inset 0 1px #ffffff10}.loop-tile-top{letter-spacing:.14em;color:var(--muted);justify-content:space-between;align-items:center;font:500 10px/1 ui-monospace,monospace;display:flex}.loop-tile-dot{background:#3a2d52;width:8px;height:8px}.loop-tile.is-active .loop-tile-dot{background:#d3b6ff;box-shadow:0 0 12px #b07cff}.loop-tile-art{place-items:center;display:grid}.loop-tile-art .pixel-icon{opacity:.55;width:72px;transition:opacity .22s var(--motion-ease), filter .22s var(--motion-ease)}.loop-tile.is-active .pixel-icon{opacity:1;filter:drop-shadow(0 0 18px #a46cff88)}.loop-tile strong{font:550 20px/1.2 var(--display);letter-spacing:-.04em;color:#f2eef7;display:block}.loop-tile small{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.5;display:block}.loop-tile:not(:last-child):after{content:"";z-index:2;opacity:.6;background:linear-gradient(#bba5de,#bba5de) 0 0/2px 2px no-repeat,linear-gradient(#bba5de,#bba5de) 2px 2px/2px 2px no-repeat,linear-gradient(#bba5de,#bba5de) 4px 4px/2px 2px no-repeat,linear-gradient(#bba5de,#bba5de) 2px 6px/2px 2px no-repeat,linear-gradient(#bba5de,#bba5de) 0 8px/2px 2px no-repeat;width:10px;height:10px;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}.loop-return{border:1px dashed #bba5de38;border-top:0;border-radius:0 0 10px 10px;height:44px;margin:0 calc(12.5% - 10px);position:relative}.loop-return span{letter-spacing:.14em;color:#bfb2d9;white-space:nowrap;background:#09090d;padding:0 14px;font:500 10px/18px ui-monospace,monospace;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.loop-return:before{content:"";border:5px solid #0000;border-top:0;border-bottom:7px solid #bba5de80;position:absolute;top:-2px;left:-5px}.loop-panel{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:24px 72px;margin-top:64px;padding-top:48px;display:grid}.loop-thesis{font:550 clamp(28px, 3.3vw, 48px)/1.08 var(--display);letter-spacing:-.05em;margin:32px 0 0;color:#f2eef7!important}.loop-text{color:#aaa5b7;max-width:560px;margin:22px 0 0;font-size:15px;line-height:1.75}.loop-points{background:#0c0b12;border:1px solid #bba5de1a;border-radius:6px;margin:0;padding:8px 28px;list-style:none}.loop-points li{color:#ddd5ec;align-items:center;gap:16px;padding:18px 0;font-size:14px;display:flex}.loop-points li+li{border-top:1px solid var(--border)}.loop-points li:before{content:"";background:var(--lavender);flex:0 0 6px;height:6px;box-shadow:0 0 10px #a46cff}.data-note{color:var(--muted);align-items:center;gap:12px;margin:40px 0 0;font-size:12px;line-height:1.6;display:flex}.data-note b{width:20px;height:20px;color:var(--lavender);background:#bba5de14;border-radius:5px;flex-shrink:0;place-items:center;font:600 11px/1 ui-monospace,monospace;display:grid}.world-section{background:#09090d;padding:clamp(80px,9vw,120px) 0 0}.world-shot{isolation:isolate;background:#100e17;height:clamp(440px,76svh,820px);margin:64px 0 0;position:relative;overflow:hidden}.world-shot-visual{transform:translate3d(0, var(--parallax-y,0px), 0);position:absolute;inset:-32px 0}.world-shot .media-slot img{object-position:center 40%}.world-grade{z-index:1;pointer-events:none;mix-blend-mode:color;opacity:.42;background:linear-gradient(#5b3a8a,#2a1846);position:absolute;inset:0}.world-shot:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#09090dcc 0,#0000 16% 55%,#08080cf0 100%),radial-gradient(80% 70% at 50% 45%,#0000 50%,#08080c90 100%);position:absolute;inset:0}.world-shot figcaption{z-index:2;position:absolute;bottom:clamp(32px,4vw,56px);left:max(32px,50% - 656px);right:32px}.world-section h3{letter-spacing:-.045em;color:#f4f0fa;margin:0}.world-shot h3{font:550 clamp(24px, 3.2vw, 46px)/1.1 var(--display)}.world-strip{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:8px;margin-top:8px;display:grid}.world-frame{isolation:isolate;background:#100e17;min-height:420px;margin:0;position:relative;overflow:hidden}.world-frame:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 50%,#08080cd0);position:absolute;inset:0}.world-frame figcaption{z-index:2;position:absolute;bottom:32px;left:32px;right:32px}.world-frame h3{font:550 24px/1.2 var(--display)}.world-type{background:radial-gradient(at 70% 20%,#7b4fc430,#0000 60%),#0f0d16;align-content:end;padding:32px;display:grid}.world-type:after{display:none}.world-type p{font:550 clamp(30px, 2.9vw, 42px)/1.12 var(--display);letter-spacing:-.05em;color:#f2eef7;margin:0}.world-type em{color:var(--lavender);font-style:normal}@media (max-width:1100px){.home-container{width:calc(100% - 64px)}.about-stage{grid-template-columns:1fr;gap:28px;min-height:0}.core-stage{order:-1;width:100%;max-width:640px;margin-inline:auto}.about-col{display:contents}.about-col.is-right .about-feat{margin-left:0}.about-feat{max-width:none}.about-feat:after{display:none}.loop-track{grid-template-columns:repeat(2,minmax(0,1fr))}.loop-tile:nth-child(2):after,.loop-return{display:none}}@media (max-width:767px){.home-container{width:calc(100% - 40px)}.home-heading{grid-template-columns:1fr;gap:20px}.home-section h2{font-size:clamp(40px,11vw,64px)}.home-heading p{font-size:14px}.core-cap{font-size:9px}.loop-track{grid-template-columns:1fr;gap:12px;margin-top:40px}.loop-tile{grid-template-rows:auto;grid-template-columns:auto 1fr;align-items:center;min-height:0}.loop-tile-top{grid-column:1/-1}.loop-tile:after{display:none}.loop-tile-art .pixel-icon{width:48px}.loop-panel{grid-template-columns:1fr;gap:28px;margin-top:40px;padding-top:36px}.world-shot{height:clamp(380px,65svh,560px);margin-top:40px}.world-shot figcaption{left:20px}.world-frame{min-height:320px}}@media (prefers-reduced-motion:reduce){.loop-tile,.loop-tile-art .pixel-icon,.core-stage canvas,.core-poster{transition:none}.loop-tile:hover,.world-shot-visual{transform:none}}