:root{--bg:#07091a;--bg-1:#0b1228;--bg-2:#0f1a3a;--bg-3:#142152;--ink:#f6f4ee;--ink-dim:#b9bdd1;--ink-mute:#7a7f99;--line:#f6f4ee1a;--line-strong:#f6f4ee2e;--red:#ef3b46;--orange:#f77f1a;--yellow:#f5c518;--green:#38b26b;--cyan:#29c7e0;--blue:#2a6fdb;--pink:#e84a8c;--f-display:"Space Grotesk", ui-sans-serif, system-ui;--f-body:"Manrope", ui-sans-serif, system-ui;--f-pixel:"Press Start 2P", monospace;--f-mono:"JetBrains Mono", ui-monospace, monospace;--r-sm:6px;--r-md:12px;--r-lg:20px;--maxw:1280px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}img{max-width:100%;display:block}.h-display{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.02}.h-section{font-family:var(--f-display);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(34px,4.6vw,64px);font-weight:600;line-height:1.05}.h-kicker{font-family:var(--f-pixel);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:10px;font-size:10px;display:inline-flex}.h-kicker:before{content:"";opacity:.5;background:currentColor;width:10px;height:10px;box-shadow:4px 0,0 4px,-4px 0,0 -4px}.lede{color:var(--ink-dim);text-wrap:pretty;max-width:64ch;font-size:clamp(16px,1.25vw,19px)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 32px}section{padding:120px 0;position:relative}section+section{border-top:1px solid var(--line)}@media (width<=720px){section{padding:80px 0}.container{padding:0 20px}}.btn{font-weight:600;font-family:var(--f-display);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:14px;transition:transform .15s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ink);color:#0b1228}.btn-primary:hover{background:#fff}.btn-ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{border-color:var(--ink);background:#ffffff0a}.btn-pixel-arrow:after{content:"▸";font-family:var(--f-pixel);font-size:10px;transform:translateY(-1px)}.chip{font-family:var(--f-pixel);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-dim);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:9px;display:inline-flex}.chip .dot{background:currentColor;width:6px;height:6px}.chip.released{color:var(--green)}.chip.in-dev{color:var(--yellow)}.chip.prototype{color:var(--cyan)}.chip.coming{color:var(--pink)}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(#ffffff06,#ffffff01);padding:28px;transition:border-color .2s,transform .2s,background .2s}.card:hover{border-color:var(--line-strong);background:linear-gradient(#ffffff0d,#ffffff03)}.pixel-corner{background:currentColor;width:14px;height:14px;position:absolute;box-shadow:14px 0,0 14px}.pixel-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px}.nav{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(120%);background:linear-gradient(#07091ad9,#07091a8c);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:18px 32px;transition:border-color .25s,background .25s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--line)}.nav-logo{font-family:var(--f-display);align-items:center;gap:12px;font-weight:700;display:flex}.nav-logo img{width:36px;height:36px;image-rendering:pixelated}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--ink-dim);font-size:14px;transition:color .15s;position:relative}.nav-links a:hover{color:var(--ink)}.nav-cta{align-items:center;gap:10px;display:flex}@media (width<=960px){.nav-links{display:none}}@media (width<=540px){.nav-cta-join{display:none}.nav{padding:14px 18px}}.hero{align-items:center;min-height:100vh;padding:140px 0 80px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:40px}}.hero h1{margin:22px 0 18px;font-size:clamp(44px,6.5vw,92px)}.hero h1 .accent{background:linear-gradient(90deg, var(--red), var(--orange) 22%, var(--yellow) 38%, var(--green) 55%, var(--cyan) 70%, var(--blue) 84%, var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-meta{color:var(--ink-mute);font-size:13px;font-family:var(--f-mono);border-top:1px solid var(--line);flex-wrap:wrap;gap:28px;max-width:560px;margin-top:36px;padding-top:18px;display:flex}.hero-meta span b{color:var(--ink);font-weight:600}.particles{pointer-events:none;z-index:0;position:absolute;inset:0}.hero>.container{z-index:2;position:relative}.scene{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(80% 60% at 50% 95%,#2a6fdb4d,#0000 70%),radial-gradient(50% 40% at 80% 20%,#e84a8c2e,#0000 70%),linear-gradient(#0e1736 0%,#0a1029 60%,#07091a 100%);border-radius:28px;position:relative;overflow:hidden}.scene:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.section-head{grid-template-columns:1.1fr 1fr;align-items:end;gap:40px;margin-bottom:56px;display:grid}@media (width<=860px){.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:36px}}.symbol-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=960px){.symbol-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.symbol-grid{grid-template-columns:1fr}}.symbol-card{border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(#ffffff05,#0000);flex-direction:column;justify-content:space-between;min-height:240px;padding:28px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.symbol-card:hover{border-color:var(--line-strong)}.symbol-card .glyph{width:64px;height:64px;image-rendering:pixelated;margin-bottom:14px}.symbol-card h3{font-family:var(--f-display);letter-spacing:-.01em;margin:0 0 8px;font-size:22px}.symbol-card p{color:var(--ink-dim);margin:0;font-size:14.5px}.symbol-card .label{font-family:var(--f-pixel);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:16px;font-size:9px}.create-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=960px){.create-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.create-grid{grid-template-columns:1fr}}.create-card{border-radius:var(--r-md);border:1px solid var(--line);align-items:flex-start;gap:16px;padding:24px;transition:border-color .2s,background .2s;display:flex}.create-card:hover{border-color:var(--line-strong);background:#ffffff05}.create-card .num{font-family:var(--f-pixel);color:var(--ink-mute);font-size:10px}.create-card h4{font-family:var(--f-display);margin:0 0 4px;font-size:18px}.create-card p{color:var(--ink-dim);margin:0;font-size:14px}.carousel-wrap{position:relative}.carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding-bottom:8px;scroll-padding:0 32px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.game-card{scroll-snap-align:start;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg-1);flex-direction:column;flex:0 0 360px;transition:border-color .2s,transform .25s;display:flex;overflow:hidden}.game-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.game-cover{aspect-ratio:4/3;position:relative;overflow:hidden}.game-card .body{flex-direction:column;gap:12px;padding:18px 20px 20px;display:flex}.game-card h4{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:22px}.game-card p{color:var(--ink-dim);min-height:42px;margin:0;font-size:14px}.game-meta{flex-wrap:wrap;gap:8px;display:flex}.game-meta .chip{padding:5px 8px;font-size:8px}.game-card .row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:4px;padding-top:14px;display:flex}.game-card .link{font-family:var(--f-display);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.game-card .link:after{content:"→";transition:transform .2s}.game-card:hover .link:after{transform:translate(4px)}.carousel-controls{gap:8px;display:flex;position:absolute;top:-68px;right:0}.carousel-controls button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:inline-flex}.carousel-controls button:hover{border-color:var(--ink);background:#ffffff0a}.carousel-controls button:disabled{opacity:.4;cursor:not-allowed}.team-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=960px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.team-grid{grid-template-columns:1fr}}.team-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-1);transition:border-color .2s,transform .25s;overflow:hidden}.team-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.team-portrait{aspect-ratio:1;position:relative;overflow:hidden}.team-card .body{padding:16px 18px 18px}.team-card h4{font-family:var(--f-display);margin:0 0 2px;font-size:17px}.team-card .role{font-family:var(--f-pixel);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-size:8px}.team-card p{color:var(--ink-dim);margin:10px 0 0;font-size:13px;line-height:1.5}.team-socials{color:var(--ink-mute);gap:10px;margin-top:12px;font-size:12px;display:flex}.team-socials a:hover{color:var(--ink)}.careers-grid{grid-template-columns:1fr 1.2fr;gap:56px;display:grid}@media (width<=960px){.careers-grid{grid-template-columns:1fr;gap:32px}}.openings{flex-direction:column;gap:8px;display:flex}.opening{border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;padding:18px 22px;transition:border-color .2s,background .2s,transform .2s;display:flex}.opening:hover{border-color:var(--line-strong);background:#ffffff05;transform:translate(4px)}.opening .left{flex-direction:column;gap:4px;display:flex}.opening h5{font-family:var(--f-display);margin:0;font-size:17px}.opening .meta{color:var(--ink-mute);font-size:12px;font-family:var(--f-mono)}.opening .apply{font-family:var(--f-pixel);letter-spacing:.16em;color:var(--cyan);font-size:9px}.opening .apply:after{content:" ▸"}.form-card{border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(#ffffff05,#fff0);padding:28px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=540px){.form-grid{grid-template-columns:1fr}}.field{flex-direction:column;gap:6px;display:flex}.field label{font-family:var(--f-pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:9px}.field input,.field select,.field textarea{border:1px solid var(--line-strong);color:var(--ink);font-family:var(--f-body);background:#ffffff06;border-radius:10px;outline:none;padding:12px 14px;font-size:14.5px;transition:border-color .15s,background .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);background:#29c7e00d}.field textarea{resize:vertical;min-height:110px}.dropzone{border:1.5px dashed var(--line-strong);text-align:center;color:var(--ink-mute);cursor:pointer;border-radius:10px;padding:18px;font-size:13px;transition:border-color .2s,color .2s,background .2s}.dropzone:hover{border-color:var(--cyan);color:var(--ink);background:#29c7e00a}.dropzone.has-file{border-color:var(--green);color:var(--green)}.marquee{gap:56px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.marquee-track{flex-shrink:0;align-items:center;gap:56px;animation:40s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.partner{font-family:var(--f-display);color:var(--ink-dim);white-space:nowrap;opacity:.7;letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;font-weight:600;transition:opacity .2s,color .2s;display:flex}.partner:hover{opacity:1;color:var(--ink)}.partner-dot{opacity:.6;background:currentColor;width:10px;height:10px}.events{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.events{grid-template-columns:1fr}}.event-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-1);flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.event-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.event-banner{aspect-ratio:16/9;position:relative;overflow:hidden}.event-card .body{padding:18px 20px 22px}.event-card h4{font-family:var(--f-display);margin:6px 0;font-size:18px}.event-card .meta{font-family:var(--f-mono);color:var(--ink-mute);gap:12px;font-size:12px;display:flex}.event-card p{color:var(--ink-dim);margin:8px 0 0;font-size:13.5px}.values-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:0;display:grid}@media (width<=720px){.values-list{grid-template-columns:1fr}}.value{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:26px 4px;display:flex}.value .idx{font-family:var(--f-pixel);color:var(--ink-mute);min-width:32px;font-size:11px}.value h4{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:clamp(20px,2vw,26px)}.identity{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}@media (width<=860px){.identity{grid-template-columns:1fr;gap:32px}}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px;display:grid}.swatch{aspect-ratio:1;font-family:var(--f-mono);color:#0009;border-radius:10px;align-items:flex-end;padding:8px;font-size:10px;display:flex}.identity-art{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(60% 50% at 50% 60%,#f5c51829,#0000 70%),linear-gradient(#0e1736,#07091a);border-radius:28px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.identity-art:after{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.identity-art img{z-index:1;width:70%;image-rendering:pixelated;position:relative}.contact-grid{grid-template-columns:1fr 1.1fr;gap:56px;display:grid}@media (width<=960px){.contact-grid{grid-template-columns:1fr}}.contact-channels{flex-direction:column;gap:16px;margin-top:32px;display:flex}.channel{border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;padding:18px 22px;transition:border-color .2s,background .2s;display:flex}.channel:hover{border-color:var(--line-strong);background:#ffffff05}.channel .label{font-family:var(--f-pixel);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-size:9px}.channel .val{font-family:var(--f-display);margin-top:2px;font-size:16px;font-weight:600}.channel .arrow{color:var(--ink-mute)}.footer{border-top:1px solid var(--line);padding:80px 0 32px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px;display:grid}@media (width<=860px){.footer-grid{grid-template-columns:1fr 1fr}}.footer h6{font-family:var(--f-pixel);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 16px;font-size:9px}.footer ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer ul a{color:var(--ink-dim);font-size:14px}.footer ul a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);color:var(--ink-mute);font-size:12px;font-family:var(--f-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:24px;display:flex}.footer-tag{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 56px;font-size:clamp(36px,6vw,76px);line-height:1.05}.footer-tag span{background:linear-gradient(90deg, var(--red), var(--orange), var(--yellow), var(--green), var(--cyan), var(--blue), var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(18px)}.reveal.in{opacity:1;transform:translateY(0)}.scene-art{position:absolute;inset:0}.scene-art svg{width:100%;height:100%;image-rendering:pixelated}.pixel-twinkle{transform-origin:50%;animation:2.2s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pixel-bob{animation:3s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.pixel-float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cover-art{position:absolute;inset:0}.cover-scan:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000000a 2px 4px);position:absolute;inset:0}.rain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rain i{opacity:0;background:currentColor;width:4px;height:4px;animation:linear infinite fall;position:absolute}@keyframes fall{0%{opacity:0;transform:translateY(-20px)}15%{opacity:.9}to{opacity:0;transform:translateY(110vh)}}
