:root{--bg:#0b0b10;--surface:#15151e;--line:#262735;--text:#edeff7;--dim:#7a7f96;--bit-r:#ff3b5c;--bit-b:#3b9dff;--cyan:#35c4ff;--logo:#dcebe0;--split-r:#ff3b5c8c;--split-c:#35c4ff8c;--frame:#c9ccd6;--pixel:"Press Start 2P", monospace;--term:"VT323", monospace;--mono:"JetBrains Mono", ui-monospace, monospace;--gutter:clamp(16px, 5vw, 72px);--topbar:56px;--scan-line:2px;--scan-period:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--topbar)}body{background:var(--bg);color:var(--text);font:1.375rem/1.2 var(--term);margin:0;overflow-x:hidden}img,video,iframe{max-width:100%;display:block}a{color:inherit;text-underline-offset:4px}:focus-visible{outline:2px solid var(--bit-b);outline-offset:3px}.logo{font:400 16px/1 var(--pixel);color:var(--logo);text-shadow:-2px 0 #ff3b5ce6,2px 0 #35c4ffe6;white-space:nowrap;margin:0;text-decoration:none;display:block}.keys{font-family:var(--mono);letter-spacing:.02em;font-size:.8rem}.h2{font:400 16px/1.5 var(--pixel);text-shadow:-2px 0 var(--split-r), 2px 0 var(--split-c);margin:0 0 1.4em}.section{padding:clamp(56px, 9vw, 120px) var(--gutter)}.narrow{max-width:1200px;margin:0 auto}.btn{font:400 16px/1.5 var(--pixel);justify-content:center;align-items:center;padding:16px 24px;text-decoration:none;transition:box-shadow .12s steps(2,end);display:inline-flex}.btn-play{color:var(--bg);background:var(--logo);box-shadow:-5px 0 0 var(--bit-r), 5px 0 0 var(--cyan)}.btn-play:hover{box-shadow:-9px 0 0 var(--bit-r), 9px 0 0 var(--cyan)}.btn-discord{color:var(--text);border:2px solid var(--frame);box-shadow:-3px 0 0 var(--split-r), 3px 0 0 var(--split-c)}.btn-discord:hover{box-shadow:-7px 0 0 var(--split-r), 7px 0 0 var(--split-c);background:#c9ccd614}.discord-mark{flex:none;width:24px;height:auto;margin-right:12px}.frame{border:2px solid var(--frame);box-shadow:-2px 0 0 var(--split-r), 2px 0 0 var(--split-c);position:relative}.frame:before{content:"";pointer-events:none;--nub:linear-gradient(var(--frame), var(--frame));background:var(--nub) top left, var(--nub) top right, var(--nub) bottom left, var(--nub) bottom right;background-repeat:no-repeat;background-size:7px 7px;position:absolute;inset:-5px}.topbar{z-index:10;height:var(--topbar);padding:0 var(--gutter);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#0b0b10e0;align-items:center;gap:16px;display:flex;position:sticky;top:0}.topbar .logo{margin-right:auto}.topbar .btn{padding:8px 16px}.topbar .btn-play{box-shadow:-3px 0 0 var(--bit-r), 3px 0 0 var(--cyan)}.topbar .discord-mark{width:20px}.hero{min-height:calc(100svh - var(--topbar));padding:72px var(--gutter);text-align:center;isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.hero-video{object-fit:cover;opacity:.6;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0b0b108c 25%,#0b0b10eb 100%);position:absolute;inset:0}.hero-inner{max-width:64rem}.hero .logo{text-shadow:-3px 0 #ff3b5ce6,3px 0 #35c4ffe6;font-size:24px}.tagline{max-width:30ch;text-shadow:0 2px 8px var(--bg);margin:1em auto 1.1em;font-size:clamp(1.5rem,3vw,2.25rem)}.laurel{gap:8px;margin:0 auto 32px;display:grid}.laurel b{font:400 16px/1.5 var(--pixel);color:var(--logo);text-shadow:-2px 0 var(--split-r), 2px 0 var(--split-c)}.laurel i{white-space:nowrap;font-style:normal}.laurel span{color:#b9bdcc;text-shadow:0 2px 6px var(--bg);font-size:1.4rem}.ctas{flex-wrap:wrap;justify-content:center;gap:20px 28px;display:flex}.hint{color:#b9bdcc;text-shadow:0 2px 6px var(--bg);margin:28px 0 0}.motion-toggle{right:var(--gutter);font:.75rem/1 var(--mono);color:var(--dim);border:1px solid var(--line);cursor:pointer;background:#0b0b10b3;padding:8px 10px;position:absolute;bottom:24px}.motion-toggle:hover{color:var(--text)}.streaks i{z-index:-1;border-radius:2px;height:6px;animation:7s step-end infinite tear;position:absolute}.streaks i:first-child{background:var(--bit-r);width:9%;top:9%;left:6%}.streaks i:nth-child(2){background:var(--cyan);width:6%;animation-delay:-2s;top:18%;right:12%}.streaks i:nth-child(3){background:#ff2fd0;width:7%;animation-delay:-4s;top:74%;left:14%}.streaks i:nth-child(4){background:#fff3a8;width:10%;animation-delay:-1s;top:83%;right:20%}.streaks i:nth-child(5){background:var(--dim);width:14%;height:2px;animation-delay:-5s;top:52%;left:2%}.streaks i:nth-child(6){background:var(--dim);width:12%;height:2px;animation-delay:-3s;top:30%;right:2%}@keyframes tear{0%,to{opacity:1;transform:translate(0)}12%{transform:translate(28px)}14%{opacity:.4;transform:translate(-12px)}16%{opacity:1;transform:translate(0)}60%{opacity:0}64%{opacity:1}}.motion-off .streaks i{animation:none}.beats{counter-reset:beat;gap:clamp(48px,7vw,96px);margin:0;padding:0;list-style:none;display:grid}.beat{counter-increment:beat;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.beat:nth-child(2n) .clip{order:2}.beat h3{font:400 16px/1.5 var(--pixel);margin:0 0 .8em}.beat h3:before{content:counter(beat) " ";color:var(--dim)}.beat p{max-width:34ch;margin:0;font-size:1.55rem}.beat .keys{font-size:1rem}.clip{margin:0}.clip video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;height:auto}.showcase{max-width:1100px;margin:0 auto}.embed{aspect-ratio:16/9;border:2px solid var(--frame)}.embed iframe{border:0;width:100%;height:100%}.shots{max-width:1440px;padding:0 var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 auto;display:grid}.shots img{border:1px solid var(--line);width:100%;height:auto}.callout{padding:clamp(48px, 7vw, 96px) var(--gutter)}.callout+.callout{padding-top:0}.callout-panel{text-align:center;background:repeating-linear-gradient(to bottom, #00000038 0 var(--scan-line), transparent var(--scan-line) var(--scan-period)), linear-gradient(180deg, #161a33 0%, var(--surface) 100%);max-width:1000px;margin:0 auto;padding:clamp(40px,7vw,88px) clamp(20px,6vw,80px)}.callout-steam{background:repeating-linear-gradient(to bottom, #00000038 0 var(--scan-line), transparent var(--scan-line) var(--scan-period)), linear-gradient(180deg, #13263b 0%, var(--surface) 100%)}.callout-panel h2{font:400 24px/1.3 var(--pixel);color:var(--logo);text-shadow:-3px 0 #ff3b5ce6,3px 0 #35c4ffe6;margin:0}.callout-panel p{max-width:34ch;margin:1em auto 1.4em;font-size:clamp(1.5rem,2.6vw,2rem)}.callout-panel .btn-play{box-shadow:-6px 0 0 var(--bit-r), 6px 0 0 var(--cyan)}.callout-panel .callout-note{color:var(--dim);margin:1.4em auto 0;font-size:1.3rem}.footer{border-top:1px solid var(--line);padding:64px var(--gutter);grid-template-columns:auto 1fr auto;align-items:start;gap:24px 48px;display:grid}.credits{flex-wrap:wrap;gap:8px 48px;margin:0;display:flex}.credits dt{font-size:1.6rem}.credits dt span{color:var(--dim)}.credits dd{color:var(--dim);margin:0}.footlinks{flex-wrap:wrap;gap:8px 20px;font-size:1.5rem;display:flex}.small{color:var(--dim);grid-column:1/-1;margin:0}.prose{max-width:70ch;padding:56px var(--gutter) 96px;margin:0 auto}.prose h2{font:400 16px/1.5 var(--pixel);color:var(--logo);margin:2em 0 .6em}.prose p{margin:0 0 .8em;font-size:1.45rem;line-height:1.35}.prose .prose-updated{color:var(--dim)}.prose .prose-links{flex-wrap:wrap;gap:4px 20px;display:flex}@media (width>=360px){.hero .logo{font-size:32px}}@media (width>=560px){.hero .logo{font-size:48px}}@media (width>=761px){.hero .logo{text-shadow:-5px 0 #ff3b5ce6,5px 0 #35c4ffe6;font-size:64px}.h2,.callout-panel .btn{font-size:24px}.callout-panel h2{text-shadow:-5px 0 #ff3b5ce6,5px 0 #35c4ffe6;font-size:48px}.callout-panel .discord-mark{width:32px;margin-right:16px}}@media (width>=1200px){.hero .logo{text-shadow:-7px 0 #ff3b5ce6,7px 0 #35c4ffe6;font-size:104px}}@media (width<=760px){.beat{grid-template-columns:1fr}.beat:nth-child(2n) .clip{order:0}.shots{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.shots img{scroll-snap-align:start;flex:none;width:85%}.footer{grid-template-columns:1fr}.ctas .btn{width:100%;max-width:22rem;padding-inline:16px}.callout-panel{padding-inline:12px}.callout .btn{width:100%;padding-inline:8px}}@media (width<=559px){.topbar .logo{display:none}.topbar-plain{justify-content:flex-start}.topbar-plain .logo{display:block}.topbar{justify-content:flex-end}.topbar .btn-discord span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.topbar .btn-discord .discord-mark{margin-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}