:root { --ink:#0b0920; --blue:#135cff; --cyan:#00e8ff; --pink:#ff1493; --orange:#ff6b00; --acid:#dfff00; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:#fff; font-family:Arial,Helvetica,sans-serif; overflow:hidden; }
button,a { font:inherit; }
a { color:inherit; text-decoration:none; }
.site-shell { height:100vh; overflow-y:auto; overflow-x:hidden; scroll-snap-type:y mandatory; scroll-behavior:smooth; }
.panel { position:relative; width:100%; min-height:100vh; height:100svh; aspect-ratio:16/9; overflow:hidden; scroll-snap-align:start; isolation:isolate; }
.progress { position:fixed; z-index:100; left:0; top:0; width:100%; height:5px; background:var(--acid); transform-origin:left; }
.topbar { position:fixed; z-index:90; inset:22px 28px auto; display:flex; align-items:center; justify-content:space-between; mix-blend-mode:difference; }
.logo { display:flex; align-items:center; gap:8px; font-weight:900; letter-spacing:-1px; }
.logo span { display:grid; place-items:center; width:35px; height:35px; background:#fff; color:#000; transform:rotate(-5deg); }
nav { display:flex; gap:9px; padding:7px; border:1px solid #ffffff66; border-radius:99px; backdrop-filter:blur(12px); }
nav a { padding:8px 13px; border-radius:99px; font-size:12px; font-weight:800; text-transform:uppercase; transition:.2s; }
nav a:hover { background:#fff; color:#000; } nav i { font-size:8px; margin-right:5px; opacity:.6; }
.ca-pill { border:0; padding:12px 18px; background:var(--acid); color:#000; font-size:11px; font-weight:900; cursor:pointer; clip-path:polygon(5% 0,100% 0,95% 100%,0 100%); }
.hero { background:var(--blue); }
.hero-bg { position:absolute; inset:0; z-index:-3; background:url('assets/voxel-world.png') center/cover; filter:saturate(1.18) contrast(1.08); }
.hero-bg:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,9,32,.2),transparent 48%,rgba(255,20,147,.2)); }
.ticker { position:absolute; left:-5%; top:16%; width:110%; transform:rotate(-4deg); background:var(--acid); color:#000; white-space:nowrap; overflow:hidden; font-weight:1000; font-size:clamp(14px,1.1vw,24px); padding:9px 0; letter-spacing:.05em; }
.ticker span { display:inline-block; min-width:200%; animation:ticker 14s linear infinite; }
@keyframes ticker { to { transform:translateX(-50%); } }
.hero-copy { position:absolute; z-index:3; left:4vw; top:16vh; width:47vw; }
.eyebrow,.section-label { font-size:clamp(10px,.75vw,15px); font-weight:900; letter-spacing:.18em; }
h1 { margin:1vh 0 0; color:#fff; font-size:clamp(82px,11vw,215px); line-height:.67; letter-spacing:-.085em; font-weight:1000; transform:scaleX(.88); transform-origin:left; }
h1 span { color:var(--acid); text-shadow:9px 9px 0 var(--pink); } h1 em { color:#fff; font-style:normal; -webkit-text-stroke:2px var(--ink); text-shadow:7px 7px 0 var(--orange); }
.intro { margin:3vh 0 0; font-size:clamp(13px,1.05vw,22px); line-height:1.35; font-weight:800; text-transform:uppercase; }
.round-link { position:absolute; left:32vw; top:53vh; display:grid; place-items:center; width:110px; height:110px; border-radius:50%; background:var(--orange); text-align:center; font-size:12px; font-weight:900; line-height:1; transform:rotate(8deg); transition:.3s; }
.round-link:hover { transform:rotate(-8deg) scale(1.1); background:var(--acid); color:#000; }
.round-link b { font-size:24px; position:absolute; right:15px; bottom:11px; }
.juggle-stage { position:absolute; z-index:2; right:-2vw; bottom:-9vh; width:min(62vw,1120px); height:98vh; display:flex; align-items:flex-end; justify-content:center; animation:body-bob 1.1s ease-in-out infinite; transform-origin:50% 80%; }
.juggle-stage img { position:relative; z-index:2; width:auto; height:96%; object-fit:contain; filter:drop-shadow(25px 30px 0 rgba(11,9,32,.35)); animation:body-tilt 1.1s ease-in-out infinite; }
@keyframes body-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-1.7vh)} }
@keyframes body-tilt { 0%,100%{transform:rotate(-1deg)} 50%{transform:rotate(1.2deg)} }
.pixel-orbit { position:absolute; border:3px dashed var(--acid); border-radius:50%; animation:spin 7s linear infinite; }.orbit-one{width:70%;aspect-ratio:1;top:12%;right:2%;}.orbit-two{width:48%;aspect-ratio:1;top:23%;right:12%;animation-direction:reverse;border-color:var(--cyan)}
@keyframes spin { to{transform:rotate(360deg)} }
.impact { position:absolute; z-index:3; color:var(--acid); font-size:60px; font-weight:1000; animation:pop 1.1s ease-in-out infinite; }.impact.one{left:10%;top:32%}.impact.two{right:4%;top:16%;animation-delay:.3s}.impact.three{right:10%;bottom:18%;color:var(--pink);animation-delay:.55s}
@keyframes pop { 0%,100%{transform:scale(.6) rotate(0);opacity:.35}50%{transform:scale(1.2) rotate(30deg);opacity:1} }
.hero-counter { position:absolute; right:2.5vw; bottom:3vh; z-index:4; display:flex; gap:12px; align-items:center; }.hero-counter b{font-size:44px;color:var(--acid)}.hero-counter span{font-size:10px;font-weight:900;letter-spacing:.1em}
.lore { background:#f1eadf; color:var(--ink); }
.lore:before { content:""; position:absolute; inset:0; z-index:-1; background:repeating-linear-gradient(90deg,transparent 0 9.9vw,#0b092010 10vw),repeating-linear-gradient(0deg,transparent 0 9.9vw,#0b092010 10vw); }
.section-label { position:absolute; left:4vw; top:12vh; }.section-label.light{color:#fff}
.lore-title { position:absolute; z-index:2; top:16vh; left:4vw; display:flex; flex-direction:column; font-size:clamp(65px,8.2vw,158px); font-weight:1000; line-height:.82; letter-spacing:-.07em; }
.lore-title span:nth-child(2){color:var(--blue);margin-left:8vw}.lore-title span:nth-child(3){color:var(--pink);-webkit-text-stroke:2px var(--ink)}
.lore-card { position:absolute; z-index:3; width:31vw; left:8vw; bottom:10vh; padding:2vw; background:var(--acid); border:3px solid var(--ink); box-shadow:13px 13px 0 var(--ink); transform:rotate(-2deg); font-size:clamp(12px,.9vw,18px); line-height:1.4; }.lore-card strong{font-size:1.1em;text-transform:uppercase}
.confident { position:absolute; right:4vw; bottom:-7vh; width:40vw; height:91vh; }.confident img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(18px 18px 0 var(--blue));animation:confident 3s ease-in-out infinite}@keyframes confident{50%{transform:translateY(-12px) rotate(1deg)}}
.stat-strip { position:absolute; right:2vw; top:15vh; z-index:4; width:19vw; display:grid; gap:6px; }.stat-strip span{display:flex;justify-content:space-between;padding:9px;background:var(--ink);color:#fff;font-size:9px}.stat-strip b{color:var(--cyan)}
.roadmap { background:var(--ink); color:#fff; }
.roadmap:before { content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 85% 25%,var(--pink),transparent 27%),linear-gradient(135deg,var(--ink) 50%,#191447); }
.roadmap h2 { position:absolute; left:4vw; top:15vh; margin:0; font-size:clamp(100px,13vw,245px); line-height:.68; letter-spacing:-.09em; }.roadmap h2 em{font-style:normal;color:transparent;-webkit-text-stroke:3px var(--acid)}
.road-list { position:absolute; z-index:2; right:5vw; top:17vh; width:49vw; display:grid; gap:12px; }.road-list article{position:relative;min-height:18vh;padding:2.2vh 6vw 2vh 2vw;border:2px solid #ffffff55;background:#ffffff0d;backdrop-filter:blur(14px);transition:.25s}.road-list article:hover{background:var(--blue);transform:translateX(-18px);border-color:var(--cyan)}.road-list small{color:var(--acid);font-weight:900;letter-spacing:.15em}.road-list h3{font-size:clamp(25px,2.5vw,52px);margin:.5vh 0;letter-spacing:-.04em}.road-list p{margin:0;max-width:32vw;font-size:clamp(11px,.8vw,16px);opacity:.75}.road-list article>b{position:absolute;right:2vw;top:50%;transform:translateY(-50%);font-size:42px;color:var(--pink)}
.floating-ball{position:absolute;left:28vw;bottom:12vh;font-size:clamp(70px,8vw,150px);filter:drop-shadow(15px 20px 0 #000);animation:ball-bounce 1.1s cubic-bezier(.4,0,.6,1) infinite}@keyframes ball-bounce{0%,100%{transform:translateY(0) rotate(0);filter:drop-shadow(15px 20px 0 #000)}50%{transform:translateY(-22vh) rotate(180deg);filter:drop-shadow(15px 44px 0 #0008)}}
.links { background:var(--orange); }.link-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#ff1493 0 33%,#135cff 33% 66%,#ff6b00 66%);clip-path:polygon(0 0,100% 0,100% 78%,0 100%)}
.links>.eyebrow{position:absolute;top:12vh;left:4vw}.links h2{position:absolute;left:4vw;top:15vh;margin:0;font-size:clamp(80px,10vw,190px);line-height:.8;letter-spacing:-.08em}.links h2 span{color:var(--acid);text-shadow:10px 10px 0 var(--ink)}
.social-grid{position:absolute;right:4vw;top:17vh;width:41vw;display:grid}.social-grid a{display:grid;grid-template-columns:50px 1fr 40px;align-items:center;padding:2vh 1.5vw;border-top:2px solid #fff;font-size:clamp(22px,2.4vw,48px);font-weight:1000;transition:.25s}.social-grid a:last-child{border-bottom:2px solid #fff}.social-grid a:hover{background:var(--acid);color:#000;padding-left:2.5vw}.social-grid small{font-size:10px}.social-grid b{text-align:right}
.mega-ca{position:absolute;left:4vw;right:4vw;bottom:12vh;height:12vh;border:3px solid var(--ink);background:var(--acid);box-shadow:12px 12px 0 var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 3vw;font-weight:1000;font-size:clamp(22px,3.2vw,60px);cursor:pointer;transition:.2s}.mega-ca:hover{transform:translate(-5px,-5px);box-shadow:17px 17px 0 var(--ink)}.mega-ca b{font-size:.4em}
footer{position:absolute;bottom:3vh;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:.1em}
@media(max-width:800px){.panel{aspect-ratio:auto;min-height:100svh}.topbar{inset:12px 14px auto}.topbar nav{display:none}.hero-copy{left:6vw;top:14vh;width:90vw}h1{font-size:25vw}.intro{font-size:11px}.round-link{display:none}.juggle-stage{width:110vw;height:69vh;right:-24vw;bottom:-5vh}.hero-counter{display:none}.ticker{top:11%}.lore-title{top:18vh;font-size:16vw}.lore-card{width:84vw;left:8vw;bottom:7vh;padding:18px;font-size:12px}.confident{right:-18vw;width:70vw;height:62vh;bottom:21vh;opacity:.75}.stat-strip{display:none}.roadmap h2{top:15vh;font-size:23vw}.road-list{left:6vw;right:6vw;top:39vh;width:auto}.road-list article{min-height:15vh;padding:16px 60px 16px 16px}.road-list h3{font-size:23px}.road-list p{max-width:100%}.floating-ball{left:auto;right:2vw;bottom:3vh}.links h2{top:16vh;font-size:20vw}.social-grid{left:5vw;right:5vw;top:41vh;width:auto}.social-grid a{font-size:7vw}.mega-ca{bottom:13vh;height:10vh;font-size:6vw}.links>.eyebrow{top:12vh}footer{gap:15px;flex-wrap:wrap}.ca-pill{font-size:9px;padding:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.site-shell{scroll-behavior:auto}}