:root{--ink:#030305;--panel:#101018;--mint:#a8f5df;--pink:#dda9ff;--dim:#c5c4d7}
body{background:#030305}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12px 16px,#fff 0 1px,transparent 1.5px) 0 0/123px 147px,radial-gradient(circle at 39px 62px,#a9caff 0 1px,transparent 1.5px) 0 0/197px 173px,radial-gradient(ellipse at 72% 17%,#160d26,transparent 53%),#030305}
body{isolation:isolate}.hero{min-height:460px;background:radial-gradient(ellipse at 77% 50%,#241645,transparent 58%),#07070e;border-color:#39304b}.hero>div:first-child{position:relative;z-index:1}.hero h1{font-size:clamp(52px,8vw,105px)}.card,.platforms button{border-color:#353043}.gameart{background:#080810}
.orbit{position:relative;width:min(45%,440px);min-height:330px;flex:none}.orbit::before{content:"";position:absolute;inset:18% 2%;border:1px solid #9879cb65;border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 30px #8964c638}.orbit .console{display:block;position:absolute;width:40%;filter:drop-shadow(0 0 16px #9067c97d);animation:float 6s ease-in-out infinite;overflow:visible}.orbit .portable{top:6%;right:13%;width:32%;animation-delay:-2s}.orbit .nes{top:43%;left:2%;animation-delay:-4s}.orbit .mega{right:0;bottom:4%;animation-delay:-1s}.orbit .pad{left:32%;bottom:3%;width:29%;animation-delay:-3s}
@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-18px) rotate(7deg)}}@media(prefers-reduced-motion:reduce){.orbit .console{animation:none}}@media(max-width:650px){.hero{display:block;min-height:0}.orbit{width:min(100%,400px);min-height:230px;margin:14px auto 0}.orbit .console{max-height:110px}}

.free-badge{display:inline-block;color:var(--mint);margin-left:.35rem;letter-spacing:0}.hero-free{display:block;margin-top:.55em;color:var(--mint);font-size:.34em;letter-spacing:-.025em;line-height:1.15}
body:has(#catalogo) .hero{min-height:0;padding:clamp(18px,3vw,34px) clamp(20px,5vw,60px)}
body:has(#catalogo) .hero h1{font-size:clamp(36px,6vw,70px);margin:12px 0}
body:has(#catalogo) .hero .orbit{min-height:180px;width:min(40%,270px)}
#catalogo{margin-top:26px}.bottom-links{padding:22px 0 0}
@media(max-width:650px){body:has(#catalogo) .hero{display:flex;gap:6px}body:has(#catalogo) .hero .orbit{min-height:110px;width:33%;margin:0}}
.space-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.space-fleet{position:absolute;inset:0}
.space-fleet .console{position:absolute;top:0;left:0;width:var(--ship-size,108px);height:auto;opacity:0;filter:hue-rotate(var(--ship-hue,0deg)) saturate(1.6) drop-shadow(0 0 14px #7f68c87a);will-change:transform,opacity}
.space-background~nav,.space-background~main,.space-background~footer{position:relative;z-index:1}
body:has(.space-background) .hero{background:linear-gradient(90deg,#08081180,#14102142);display:block}
body:has(.space-background) .card{background:#11111cde}
@media(prefers-reduced-motion:reduce){.space-background{display:none}}
.card .gameart{width:fit-content;max-width:100%;gap:7px;padding:4px 8px;margin-bottom:8px}
.card .gameart svg{width:23px;height:18px;flex:none}
.card .gameart span{font-size:11px}
.card h3 a{color:#8cceff;text-decoration:underline;text-underline-offset:.15em}
.card h3 a:hover{color:#c1e6ff}