:root{--navy:#061a35;--cyan:#12c7de;--ice:#b6f4fa;--white:#f4fafc;--muted:#a3b6c9;--line:#20364e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:var(--white);-webkit-font-smoothing:antialiased;background:#061426;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px;border-radius:3px}.site{max-width:1560px;margin:auto;padding:0 6%}header{justify-content:space-between;align-items:center;height:132px;display:flex}.brand img{width:224px;height:auto;display:block}.hero{grid-template-columns:1.14fr 1fr;align-items:center;gap:5%;padding:45px 0 90px;display:grid}.eyebrow{letter-spacing:2px;font-family:monospace;font-size:11px;font-weight:600;line-height:1.6}.intro .eyebrow{align-items:center;gap:12px;margin:0 0 28px;display:flex}.pixel{background:var(--cyan);width:9px;height:9px}h1{letter-spacing:-.065em;margin:0 0 30px;font-size:clamp(56px,6.3vw,96px);font-weight:800;line-height:.99}.dot{color:var(--cyan)}.lead{color:var(--muted);letter-spacing:-.2px;font-size:19px;line-height:1.6}.lead em{color:var(--white);font-style:normal}.coming{align-items:center;gap:12px;margin-top:42px;font-size:13px;display:flex}.status-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #103446}.soon{letter-spacing:1px;color:var(--muted);border-left:1px solid var(--line);margin-left:4px;padding-left:14px;font-family:monospace;font-size:9px}.art{aspect-ratio:1;background:#102b43;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.art-top,.art-bottom{letter-spacing:1.1px;z-index:2;justify-content:space-between;align-items:center;font-family:monospace;font-size:9px;display:flex;position:absolute;left:25px;right:25px}.art-top{top:25px}.art-top span:last-child{font-size:24px}.art-bottom{font-size:8px;bottom:26px}.mascot{z-index:1;width:66%;height:auto;animation:6s ease-in-out infinite bob;position:relative}.orbit{border:1px solid #21445c;border-radius:50%;width:85%;height:85%;position:absolute}.orbit-two{width:64%;height:64%}.loose{background:#9b8afb;width:19px;height:19px;position:absolute}.one{bottom:22%;left:17%;transform:rotate(-12deg)}.two{background:#fff;width:12px;height:12px;top:28%;right:13%}.three{background:var(--cyan);width:10px;height:10px;bottom:19%;right:19%}.studio{border-top:1px solid var(--line);grid-template-columns:1fr 1.3fr 1.5fr;align-items:start;gap:38px;padding:48px 0 58px;display:grid}.studio .eyebrow{margin:7px 0;font-size:9px}h2{letter-spacing:-1px;margin:0;font-size:27px;line-height:1.2}.studio>p:last-child{color:var(--muted);max-width:440px;margin:0;font-size:14px;line-height:1.8}footer{text-align:center;border-top:1px solid var(--line);color:var(--muted);justify-content:center;gap:24px;padding:29px 0 35px;font-size:11px;display:flex}.made{color:var(--white)}.skip{background:var(--navy);color:#fff;z-index:10;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (min-width:1600px){.hero{padding-top:70px;padding-bottom:110px}}@media (max-width:850px){.site{padding:0 6%}header{height:105px}.brand img{width:190px}.hero{grid-template-columns:1fr;gap:40px;padding:30px 0 48px}h1{font-size:clamp(58px,11vw,92px)}.intro .eyebrow{margin-bottom:24px;font-size:9px}.lead{font-size:18px}.coming{margin-top:29px}.art{justify-self:center;width:100%;max-width:600px}.studio{grid-template-columns:1fr 1fr;gap:22px;padding:34px 0}.studio .eyebrow{grid-column:1/-1}.studio>p:last-child{font-size:13px}footer{flex-wrap:wrap;gap:16px;line-height:1.6}.made{width:100%}}@media (max-width:440px){.studio{grid-template-columns:1fr}.studio>p:last-child{max-width:330px}.soon{font-size:8px}.coming{gap:10px;font-size:12px}.art-top,.art-bottom{font-size:7px;left:18px;right:18px}.art-bottom{bottom:18px}.art-top{top:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mascot{animation:none}}.games{border-top:1px solid var(--line);padding:52px 0 70px}.games-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.games-heading h2{font-size:38px}.games-heading>p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.game-card{border:1px solid var(--line);background:#0b2035;border-radius:10px;transition:border-color .18s,transform .22s,box-shadow .22s;overflow:hidden}.game-card:hover,.game-card:focus-within{border-color:var(--cyan)}.game-link{height:100%;display:block}.game-link:focus-visible{outline-offset:-3px}.game-preview{aspect-ratio:3/4;background:#102b43;position:relative;overflow:hidden}.game-preview img{object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.3,1)}.game-preview .badge{position:absolute;top:10px;right:10px}.game-info{padding:16px}.game-meta{color:var(--muted);letter-spacing:.5px;justify-content:space-between;align-items:center;gap:8px;font:9px monospace;display:flex}.game-info h3{letter-spacing:-.5px;margin:0 0 12px;font-size:19px}.play-label{color:var(--cyan);white-space:nowrap;font:600 12px Arial,sans-serif}.status-guide{color:var(--muted);margin-top:22px;font-size:12px}.status-guide summary{cursor:pointer;width:fit-content;padding:8px 0}.status-guide summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.status-guide dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:12px;display:grid}.status-guide dt{margin:0 0 14px}.status-guide dd{margin:0;line-height:1.7}.badge{letter-spacing:0;border:1px solid;border-radius:5px;padding:7px 10px;font:600 11px Arial,sans-serif}.badge-dev{color:#f5d294;background:#332e23;border-color:#775b2b}.badge-alpha{color:#cebdff;background:#2b2544;border-color:#66518f}.badge-beta{color:#9bebf3;background:#103844;border-color:#257381}.badge-released{color:#aaefbe;background:#163a29;border-color:#3e7950}@media (max-width:1150px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.status-guide dl{grid-template-columns:repeat(2,minmax(0,1fr))}.games-heading{flex-direction:column;align-items:start}.games-heading h2{font-size:30px}}@media (max-width:480px){.games-grid{gap:12px}.game-info{padding:12px 10px}.game-info h3{min-height:2.5em;margin-bottom:8px;font-size:16px;line-height:1.25}.game-meta{flex-direction:column;align-items:flex-start;font-size:8px}.game-preview .badge{top:8px;right:8px}.status-guide dl{grid-template-columns:1fr}}.play-label>span{transition:transform .22s;display:inline-block}@media (hover:hover) and (pointer:fine){.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0003}.game-card:hover .game-preview img{transform:scale(1.045)}.game-card:hover .play-label>span{transform:translate(2px,-2px)}}.game-card:focus-within .game-preview img{transform:scale(1.045)}.game-card:active{transform:scale(.985)}@supports (animation-timeline:view()){.game-card{animation:linear both card-arrive;animation-timeline:view();animation-range:entry entry 80%}}@keyframes card-arrive{0%{opacity:.35;translate:0 16px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.game-card,.game-preview img,.play-label>span{transition:none;animation:none;translate:none;transform:none!important}}