@font-face{font-family:PrismSans;src:url('/assets/body.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:#080d26;color:#edf5ff;font-family:PrismSans,system-ui,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #ffc56b;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}p{max-width:65ch;color:#b7c7df}h1,h2,h3{line-height:1.1;letter-spacing:-.045em;margin:0;color:#f0f7ff}h1{font-size:clamp(3.4rem,6.5vw,6.7rem);max-width:9ch}h2{font-size:clamp(2.3rem,4vw,4.2rem)}h3{font-size:1.25rem;letter-spacing:-.02em}.wrap{max-width:1220px;padding:0 48px;margin:auto}.skip{position:absolute;left:15px;top:-100px;background:#ffc56b;color:#080d26;padding:10px;z-index:10}.skip:focus{top:15px}header{border-bottom:1px solid #263452;background:#080d26}nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:100px}.brand img{width:245px;height:auto;display:block;image-rendering:pixelated}.navlinks{display:flex;gap:30px;font-size:.9rem}.navlinks a{text-decoration:none;color:#c6d3e8}.navlinks a:hover{color:#ffc56b}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:72px 0 86px}.hero p{font-size:1.15rem;max-width:36ch;margin:25px 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;text-decoration:none;color:#10172e;background:#ffc56b;border:2px solid #ffc56b;font-weight:700;box-shadow:5px 5px 0 #765224}.button:hover{background:#ffda9d}.hero .note{font-size:.875rem;color:#8fa5c6;margin:24px 0 0}.stage{background:#121e3a url('/assets/starfield.png') center/cover;border:1px solid #334f71;display:flex;align-items:center;justify-content:center;padding:28px;position:relative;box-shadow:14px 14px 0 #101831}.stage img.game{width:100%;max-width:275px;display:block;border:1px solid #3b7290;image-rendering:pixelated}.stage .planet{position:absolute;width:100px;top:32px;right:20px;image-rendering:pixelated;opacity:.9}.stage .planet.small{width:70px;left:10px;top:auto;bottom:50px}.caption{font-size:.8rem;color:#8fa5c6;margin:15px 0 0;text-align:center}.traits{border-top:1px solid #2c3d5c;border-bottom:1px solid #2c3d5c;display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;gap:40px}.traits strong{display:block;font-size:1.5rem;letter-spacing:-.04em;color:#84e4e7}.traits span{color:#b7c7df;font-size:.9rem}.section{padding:100px 0}.sectionintro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:45px}.sectionintro p{margin:0}.mechanics{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.mechanic{border-top:3px solid #84e4e7;padding-top:24px}.mechanic:nth-child(2){border-color:#ffc56b}.mechanic:nth-child(3){border-color:#ed6674}.mechanic img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;margin-bottom:20px}.mechanic p{font-size:1rem}.worldsection{background:#111b35;border-top:1px solid #2a3b59;border-bottom:1px solid #2a3b59}.worlds{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:45px}.world img{width:100%;max-width:125px;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;display:block;margin:0 auto 24px}.world h3{font-size:.95rem;letter-spacing:0;line-height:1.4;text-align:center}.world p{font-size:.8rem;text-align:center;color:#8fa5c6;margin-top:9px}.faq{max-width:800px;margin-top:40px}.faq details{border-top:1px solid #2c3d5c;padding:22px 0}.faq details:last-child{border-bottom:1px solid #2c3d5c}.faq summary{font-size:1.15rem;font-weight:600;cursor:pointer}.faq p{font-size:1rem}.supportbox{margin-top:55px;padding:30px;background:#14223c;border-left:4px solid #84e4e7}.supportbox p{margin-bottom:0}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2a3b59;padding-top:30px;padding-bottom:35px;color:#8fa5c6;font-size:.85rem}.footer div{display:flex;gap:25px}.article{max-width:820px;margin:auto;padding:70px 35px 100px}.article h1{font-size:clamp(2.8rem,5vw,4.5rem);max-width:none;margin-bottom:35px}.article h2{font-size:1.65rem;letter-spacing:-.025em;margin-top:45px}.article p{font-size:1rem}.article .date{color:#8fa5c6}.back{display:inline-block;margin-bottom:30px;color:#84e4e7;font-size:.9rem}@media(max-width:900px){.wrap{padding:0 28px}.hero{gap:35px}.brand img{width:200px}.navlinks{gap:18px}.worlds{grid-template-columns:repeat(3,1fr);row-gap:35px}.mechanics{gap:24px}.sectionintro{gap:35px}}@media(max-width:650px){.wrap{padding:0 22px}nav{min-height:85px;gap:15px}.brand img{width:156px}.navlinks{gap:15px;font-size:.8rem}.navlinks .desktop{display:none}.hero{grid-template-columns:1fr;padding:50px 0 45px;gap:45px}h1{font-size:3.7rem;max-width:10ch}.hero p{font-size:1.05rem}.stage{padding:20px}.stage img.game{max-width:250px}.stage .planet{right:7px;width:70px}.stage .planet.small{width:60px}.traits{gap:18px}.traits strong{font-size:1.08rem}.traits span{font-size:.8rem}.section{padding:65px 0}.sectionintro{grid-template-columns:1fr;gap:22px}.mechanics{grid-template-columns:1fr;gap:30px}.mechanic img{float:right;margin:0 0 10px 20px}.worlds{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column}.article{padding:50px 22px}.supportbox{padding:22px}.footer div{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.screenshots{padding-bottom:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.gallery figure{margin:0}.gallery img{display:block;width:100%;height:auto;border:1px solid #335274;image-rendering:pixelated}.gallery figcaption{font-size:.9rem;color:#b7c7df;margin-top:16px}.gallery a{display:block}.gallery a:hover{outline:2px solid #84e4e7;outline-offset:4px}@media(max-width:650px){.gallery{grid-template-columns:1fr;gap:30px;max-width:330px;margin:auto}.gallery figcaption{text-align:center}}
.stage{padding:20px;background:#101a31;box-shadow:12px 12px 0 #101831}.stage img.game{max-width:none;width:100%;height:auto;image-rendering:auto;border:0}.stage .planet{display:none}.gallery img{image-rendering:auto}.hero{gap:48px}.hero h1{font-size:clamp(3.4rem,6vw,6rem)}
@media(min-width:651px) and (max-width:900px){.hero{grid-template-columns:1fr;padding:55px 0;gap:38px}.hero h1{max-width:14ch;font-size:4.5rem}.hero p{max-width:46ch}.hero>div:last-child{max-width:580px;width:100%;margin:auto}.gallery{grid-template-columns:1fr;max-width:440px;margin:auto;gap:40px}.gallery figcaption{text-align:center}}
