@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--void:#01040c;--panel:#040b17;--line:#142b42;--line2:#20506b;--text:#d9edf5;--muted:#698393;--cyan:#61e7ff;--blue:#477dff;--violet:#8f6fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--void);font-family:"IBM Plex Mono",monospace}#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 78% 5%,#12244f 0,transparent 31rem),radial-gradient(circle at 15% 75%,#151136 0,transparent 28rem),#01040c}.scanlines{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,#7fe7ff0b 4px)}.frame{width:min(1540px,calc(100% - 24px));margin:12px auto;border:1px solid var(--line);background:#020711dc;box-shadow:0 0 80px #031e343d}header{height:66px;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid var(--line);background:#030914d9}.logo{color:var(--text);font:700 1.2rem "Space Grotesk";text-decoration:none;letter-spacing:.02em}.logo span,.logo sup{color:var(--cyan)}.logo sup{font-size:.5rem;margin-left:5px}nav{display:flex;gap:34px;margin:auto}nav a,.online,footer{color:var(--muted);font-size:.61rem;letter-spacing:.16em;text-decoration:none}nav a:hover{color:var(--cyan)}.online{color:var(--cyan)}.online i{display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:pulse 2s infinite}.hero{min-height:760px;display:grid;grid-template-columns:1.02fr .98fr}.hero-copy{position:relative;padding:clamp(60px,8vw,120px);align-self:center}.coordinates{position:absolute;top:36px;right:40px;color:#355269;font-size:.5rem;letter-spacing:.12em}.kicker{margin:0 0 24px;color:var(--cyan);font-size:.64rem;letter-spacing:.2em}h1,h2,h3{font-family:"Space Grotesk";margin:0}h1{font-size:clamp(3.7rem,6.5vw,7.2rem);line-height:.86;letter-spacing:-.065em}h1 em,h2 em{color:var(--cyan);font-style:normal;text-shadow:0 0 30px #61e7ff28}.lead{max-width:650px;margin:38px 0 0;color:#91a9b6;font-size:.88rem;line-height:1.9}.actions{display:flex;align-items:center;gap:30px;margin-top:43px;flex-wrap:wrap}.primary{display:flex;justify-content:space-between;min-width:320px;padding:20px 22px;border:1px solid var(--cyan);color:#020916;background:var(--cyan);font-size:.68rem;font-weight:600;letter-spacing:.11em;text-decoration:none;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));transition:.2s}.primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #61e7ff33}.secondary{color:var(--text);font-size:.64rem;letter-spacing:.14em;text-decoration:none}.secondary span{color:var(--cyan)}.hero-stats{display:flex;gap:42px;margin-top:65px}.hero-stats div{display:grid;gap:5px;padding-left:13px;border-left:1px solid var(--line2)}.hero-stats b{font:600 1.12rem "Space Grotesk";color:var(--cyan)}.hero-stats span{color:#526c7b;font-size:.49rem;letter-spacing:.15em}.planet-display{position:relative;display:grid;place-items:center;min-height:700px;overflow:hidden;border-left:1px solid var(--line);background:radial-gradient(circle at center,#102b4961,transparent 56%),linear-gradient(#06101a66 1px,transparent 1px),linear-gradient(90deg,#06101a66 1px,transparent 1px);background-size:auto,45px 45px,45px 45px}.planet{position:relative;width:min(41vw,390px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 30%,#568eaf,#17324e 28%,#071425 68%,#020611 75%);box-shadow:-22px 8px 45px #000,0 0 85px #269fd536}.planet::before{content:"";position:absolute;inset:-20%;border-radius:45%;background:repeating-linear-gradient(16deg,transparent 0 20px,#b7efff12 22px,#416b8e24 27px,transparent 33px);transform:rotate(-12deg)}.planet::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(100deg,transparent 35%,#000b 67%)}.orbit{position:absolute;border:1px solid #3a718d5e;border-radius:50%;transform:rotate(-18deg)}.orbit-1{width:72%;aspect-ratio:1}.orbit-2{width:92%;aspect-ratio:1;border-style:dashed;animation:spin 55s linear infinite}.orbit-3{width:57%;height:82%;transform:rotate(66deg)}.orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.orbit-1 i{top:9%;left:25%}.orbit-2 i{right:4%;top:34%}.telemetry{position:absolute;left:28px;bottom:27px;width:180px;color:#668595;font-size:.5rem;letter-spacing:.13em}.telemetry b{float:right;color:var(--cyan)}.telemetry div{height:3px;margin-top:9px;background:#14283b}.telemetry div i{display:block;width:87%;height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.target{position:absolute;padding:5px 7px;border:1px solid #27506a;color:#638397;font-size:.48rem}.target-a{top:21%;right:16%}.target-b{left:14%;bottom:28%}.hud-corner{position:absolute;width:55px;height:55px}.tl{top:24px;left:24px;border-top:1px solid var(--line2);border-left:1px solid var(--line2)}.tr{top:24px;right:24px;border-top:1px solid var(--line2);border-right:1px solid var(--line2)}.bl{bottom:24px;left:24px;border-bottom:1px solid var(--line2);border-left:1px solid var(--line2)}.br{right:24px;bottom:24px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2)}.ticker{display:flex;gap:27px;align-items:center;justify-content:center;min-height:64px;overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);background:#040b17c7;color:#658090;font-size:.59rem;letter-spacing:.15em}.ticker i{color:var(--cyan);font-size:.5rem}.games{padding:100px clamp(28px,7vw,105px)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-head h2,.studio h2,.contact h2{font-size:clamp(2.8rem,5vw,5.3rem);letter-spacing:-.045em}.section-head>span{color:var(--muted);font-size:.59rem;letter-spacing:.15em}.featured{display:grid;grid-template-columns:1.18fr .82fr;min-height:570px;border:1px solid var(--line);background:#030914c7}.featured+ .featured{margin-top:30px}.game-art{position:relative;display:grid;place-items:center;overflow:hidden;min-height:520px}.space-project .game-art{border-right:1px solid var(--line)}.rog-project .game-art{border-left:1px solid var(--line)}.tactical-grid{position:absolute;inset:0;background:linear-gradient(#1935523b 1px,transparent 1px),linear-gradient(90deg,#1935523b 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#000,transparent 74%)}.galaxy{background:radial-gradient(circle at 52% 48%,#184c7070,transparent 4%,#060d1c 35%,#020610 70%)}.sun{width:165px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fff,#9ff5ff 8%,#36aee2 29%,#0e426e 62%,#03101e 70%);box-shadow:0 0 32px #4adfff,0 0 115px #167cb875}.sun::after{content:"";position:absolute;width:310px;height:90px;left:50%;top:50%;border:1px solid #4195bc70;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.fleet{position:absolute;color:var(--cyan);font-size:.7rem;letter-spacing:.5em;text-shadow:0 0 10px var(--cyan)}.fleet-a{top:28%;right:18%;transform:rotate(-20deg)}.fleet-b{left:20%;bottom:25%;transform:rotate(35deg)}.sector,.whisper{position:absolute;color:#597383;font-size:.52rem;letter-spacing:.17em}.sector{top:24px;left:26px}.whisper{right:25px;bottom:22px;font-style:italic}.game-info{padding:clamp(38px,5vw,74px);align-self:center}.game-meta{display:flex;justify-content:space-between;color:var(--cyan);font-size:.54rem;letter-spacing:.11em}.index{margin:52px 0 8px;color:#405a6b;font-size:.59rem}.game-info h3{font-size:clamp(3rem,5vw,5.4rem);line-height:.87;letter-spacing:-.055em}.game-info>p:not(.index){color:#8aa0ad;font-size:.75rem;line-height:1.85}.game-info ul{padding:0;list-style:none;color:#78909d;font-size:.63rem;line-height:2}.game-info li::before{content:"//";margin-right:11px;color:var(--cyan)}.game-link,.coming-soon{display:inline-block;margin-top:24px;padding-bottom:9px;color:var(--text);font-size:.62rem;letter-spacing:.13em;text-decoration:none}.game-link{border-bottom:1px solid var(--cyan)}.game-link span{color:var(--cyan)}.coming-soon{color:#688293;border-bottom:1px solid #1e3f55}.ascii{background:radial-gradient(circle,#102432 0,transparent 55%)}.ascii pre{color:#647c88;font:500 clamp(.8rem,1.3vw,1.15rem)/2 "IBM Plex Mono";letter-spacing:.15em;text-shadow:0 0 13px #61e7ff24}.studio{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:115px clamp(28px,7vw,105px);border-top:1px solid var(--line);background:#040b17b8}.studio-copy>p{margin:0 0 22px;color:#8da4b0;line-height:1.9;font-size:.79rem}.studio dl{margin:44px 0 0;border:1px solid var(--line)}.studio dl div{display:grid;grid-template-columns:70px 1fr;padding:18px;border-bottom:1px solid var(--line)}.studio dl div:last-child{border:0}.studio dt{color:var(--cyan)}.studio dd{margin:0;color:#9aafba;font-size:.67rem;letter-spacing:.11em}.contact{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:85px;padding:105px clamp(28px,7vw,105px);border-top:1px solid var(--line);background:linear-gradient(110deg,#061221,#030814)}.contact-action{padding-bottom:8px}.contact-action p{color:var(--muted);font-size:.72rem}.contact-action a{display:flex;justify-content:space-between;margin-top:25px;padding:22px;border:1px solid var(--cyan);color:var(--cyan);font-size:.68rem;letter-spacing:.11em;text-decoration:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:.2s}.contact-action a:hover{color:#020713;background:var(--cyan);box-shadow:0 0 30px #61e7ff24}footer{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-top:1px solid var(--line);background:#020711}footer a{color:var(--muted);text-decoration:none}.footer-note{color:#2f4d60}@keyframes pulse{50%{opacity:.25}}@keyframes spin{to{transform:rotate(342deg)}}
@media(max-width:920px){.hero,.featured,.studio,.contact{grid-template-columns:1fr}.planet-display{min-height:520px;border-left:0;border-top:1px solid var(--line)}.space-project .game-art,.rog-project .game-art{border:0;border-bottom:1px solid var(--line)}.rog-project .game-info{order:2}.rog-project .game-art{order:1}.studio,.contact{gap:55px}nav{display:none}}
@media(max-width:560px){.frame{width:calc(100% - 12px);margin:6px auto}header{padding:0 14px}.online{margin-left:auto;font-size:.48rem}.hero-copy{padding:72px 22px 64px}.coordinates{top:26px;right:20px}h1{font-size:clamp(3rem,15vw,4.5rem)}.lead{font-size:.76rem}.primary{min-width:0;width:100%}.hero-stats{gap:25px}.planet-display{min-height:400px}.planet{width:62vw}.ticker{justify-content:flex-start;padding-left:18px}.games,.studio,.contact{padding:72px 22px}.section-head>span{display:none}.featured{display:flex;flex-direction:column;min-height:auto}.game-art{min-height:390px}.game-info{padding:42px 22px 52px}.game-info h3{font-size:3.2rem}.studio h2,.contact h2{font-size:2.75rem}.contact{gap:38px}footer{padding:18px 14px;flex-wrap:wrap}.footer-note{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
h1,h2,h3,.logo,.hero-stats b{font-family:"Space Grotesk","Arial Narrow",Arial,sans-serif}
.game-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.source-link{display:inline-block;margin-top:24px;padding-bottom:9px;color:#718b99;border-bottom:1px solid #29485a;font-size:.62rem;letter-spacing:.13em;text-decoration:none}.source-link span{color:var(--cyan)}