@import url('/visuals/hero-hq.css');
@import url('/visuals/refine.css');
@import url('/visuals/hero.css');
@import url('/visuals/logistics.css');
@import url('/visuals/launch.css');
@import url('/visuals/shuttle.css');
@import url('/visuals/station.css');
@import url('/visuals/resources.css');
@import url('/visuals/construction.css');
@import url('/visuals/ark.css');
@import url('/visuals/evacuation.css');
@import url('/visuals/hero-user.css');
@import url('/visuals/stage1-user.css');
@import url('/visuals/stage2-user.css');
@import url('/visuals/stage3-user.css');
@import url('/visuals/stage4-user.css');
@import url('/visuals/stage5-user.css');
@import url('/visuals/stage6-user.css');

:root{--bg:#01050a;--panel:#03101a;--cyan:#21b7ff;--cyan2:#7bdcff;--line:rgba(38,180,255,.42);--softline:rgba(38,180,255,.2);--text:#e9f4fb;--muted:#9fb2c1;--max:1500px;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:linear-gradient(180deg,#01050a,#020914 48%,#01050a);color:var(--text);font-family:'Rajdhani',sans-serif;font-size:16px;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.space-noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 18% 24%,#fff 0 1px,transparent 1.3px),radial-gradient(circle at 76% 18%,#85d8ff 0 1px,transparent 1.3px),radial-gradient(circle at 48% 72%,rgba(255,255,255,.8) 0 1px,transparent 1.2px);background-size:280px 280px,350px 350px,430px 430px}.section-shell{width:min(var(--max),calc(100% - 28px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(1,5,10,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(33,183,255,.3)}.header-inner{width:min(var(--max),calc(100% - 28px));min-height:82px;margin:auto;display:grid;grid-template-columns:215px 1fr auto;align-items:center;gap:28px}.brand{font-family:'Michroma',sans-serif;line-height:1;letter-spacing:.22em}.brand-top,.brand-bottom{display:block}.brand-top{font-size:12px}.brand-bottom{margin-top:8px;font-size:23px;color:var(--cyan);letter-spacing:.28em;text-shadow:0 0 18px rgba(33,183,255,.25)}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.3vw,42px);font-family:'Michroma',sans-serif;font-size:10px;letter-spacing:.13em}.main-nav a{position:relative;color:#c9d7e0;padding:32px 0 29px}.main-nav a:after{content:'';position:absolute;left:50%;right:50%;bottom:17px;height:1px;background:var(--cyan);box-shadow:0 0 9px var(--cyan);transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:hover:after,.main-nav a.active:after{left:8%;right:8%}.header-actions{display:flex;align-items:center;gap:9px}.header-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid transparent;transition:.18s}.header-icon:hover{border-color:var(--softline);background:rgba(33,183,255,.07)}.header-icon img{width:19px;height:19px;object-fit:contain}.header-cta{border:1px solid rgba(33,183,255,.65);background:rgba(2,17,29,.72);font-family:'Michroma',sans-serif;color:#f0f8ff;padding:13px 16px;font-size:8px;letter-spacing:.08em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.hero{position:relative;min-height:660px;overflow:hidden;border:1px solid rgba(33,183,255,.32);border-top:0}.hero-image{position:absolute;inset:0;background-image:var(--hero-user);background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,3,7,.02) 0%,rgba(0,3,7,.05) 48%,rgba(0,4,9,.78) 84%,rgba(0,4,9,.96) 100%),linear-gradient(90deg,rgba(0,3,7,.42),transparent 42%,rgba(0,3,7,.12))}.hero-content{position:absolute;z-index:2;left:42px;bottom:32px;width:min(700px,62%);padding:22px 24px;border-left:2px solid var(--cyan);background:linear-gradient(90deg,rgba(0,7,13,.92),rgba(0,7,13,.5),transparent);text-shadow:0 1px 8px #000}.hero-status{font-family:'Michroma',sans-serif;color:var(--cyan2);font-size:10px;letter-spacing:.3em;margin-bottom:11px}.hero-tagline{font-family:'Michroma',sans-serif;font-size:clamp(13px,1.35vw,18px);letter-spacing:.08em;margin:0 0 11px;color:#fff}.hero-copy{max-width:650px;line-height:1.5;color:#d7e3ea;margin:0;font-size:17px}.hero-subline{font-family:'Michroma',sans-serif;color:var(--cyan);font-size:8px;line-height:1.7;letter-spacing:.14em;margin:15px 0 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.hud-panel,.section-frame{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(4,16,28,.97),rgba(2,9,16,.97));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);overflow:hidden}.hud-panel{min-height:330px;padding:30px}.about-panel:after,.mission-panel:after{content:'';position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(2,10,18,.98),rgba(2,10,18,.86) 50%,rgba(2,10,18,.24)),var(--img-logistics);background-size:auto,cover;background-position:center;opacity:.94}.mission-panel:after{background-image:linear-gradient(90deg,rgba(2,10,18,.98),rgba(2,10,18,.84) 50%,rgba(2,10,18,.26)),var(--img-evacuation)}.hud-panel>*{position:relative;z-index:1}.panel-title{display:flex;align-items:center;gap:16px;font-family:'Michroma',sans-serif;color:#eaf8ff;font-size:18px;letter-spacing:.14em;margin-bottom:18px}.panel-title:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,var(--cyan),transparent)}.hud-panel p{max-width:650px;margin:0 0 12px;line-height:1.48;color:#c9d6df}.accent-copy{color:var(--cyan2)!important}.section-frame{margin-top:8px;padding:15px}.frame-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:0 12px 10px}.frame-heading i{height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.frame-heading i:last-child{background:linear-gradient(90deg,var(--cyan),transparent)}.frame-heading h2{margin:0;font-family:'Michroma',sans-serif;font-weight:400;font-size:18px;letter-spacing:.22em;color:#e1f5ff;white-space:nowrap}.frame-heading.compact h2{font-size:11px;letter-spacing:.13em}.section-intro{text-align:center;color:#91a7b7;margin:0 auto 15px;max-width:840px}
.gameplay-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.system-card{appearance:none;text-align:left;color:inherit;cursor:pointer;position:relative;min-height:325px;padding:14px;border:1px solid rgba(33,183,255,.38);background:#030d16;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);overflow:hidden;transition:transform .18s,border-color .18s,background .18s}.system-card:hover{transform:translateY(-3px);border-color:rgba(102,213,255,.82);background:#051625}.number{display:inline-block;margin-right:9px;font-family:'Michroma',sans-serif;font-size:18px;color:var(--cyan);font-style:italic}.system-card h3{display:inline;font-family:'Michroma',sans-serif;font-size:11px;line-height:1.35;letter-spacing:.04em;color:#fff;font-weight:400}.stage-mini{position:absolute;right:11px;top:10px;width:58px;height:58px;border:1px solid rgba(33,183,255,.42);background-size:cover;background-position:center;box-shadow:inset 0 0 20px rgba(0,0,0,.45)}.stage-mini:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,5,10,.55))}.stage-mini span{position:absolute;z-index:2;right:4px;bottom:3px;font-family:'Michroma',sans-serif;font-size:7px;color:#fff}.stage-1{background-image:var(--stage1-user)}.stage-2{background-image:var(--stage2-user)}.stage-3{background-image:var(--stage3-user)}.system-image{height:175px;margin:14px -14px 11px;background-size:cover;background-position:center;border-top:1px solid rgba(33,183,255,.16);border-bottom:1px solid rgba(33,183,255,.16)}.system-1 .system-image{background-image:var(--img-logistics)}.system-2 .system-image{background-image:var(--img-launch)}.system-3 .system-image{background-image:var(--img-shuttle)}.system-4 .system-image{background-image:var(--img-station)}.system-5 .system-image{background-image:var(--img-resources)}.system-6 .system-image{background-image:var(--img-construction)}.system-7 .system-image{background-image:var(--img-ark)}.system-8 .system-image{background-image:var(--img-evacuation)}.system-card p{margin:0;color:#aabcc8;font-size:14px;line-height:1.38}.expand-hint{display:block;margin-top:12px;font-family:'Michroma',sans-serif;font-size:7px;letter-spacing:.1em;color:var(--cyan2)}
.roadmap-focus-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr);gap:10px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.roadmap-card{border:1px solid rgba(33,183,255,.3);background:rgba(2,9,16,.84);padding:10px 10px 14px;text-align:center}.roadmap-art{height:155px;margin-bottom:10px;background-size:cover;background-position:center;border-bottom:1px solid rgba(33,183,255,.3)}.roadmap-art-1{background-image:var(--stage1-user)}.roadmap-art-2{background-image:var(--stage2-user)}.roadmap-art-3{background-image:var(--stage3-user)}.roadmap-art-4{background-image:var(--stage4-user)}.roadmap-art-5{background-image:var(--stage5-user)}.roadmap-art-6{background-image:var(--stage6-user)}.roadmap-card small,.roadmap-card h3,.roadmap-card b{font-family:'Michroma',sans-serif}.roadmap-card small{color:var(--cyan);font-size:7px;letter-spacing:.14em}.roadmap-card h3{font-size:11px;letter-spacing:.05em;font-weight:400;margin:5px 0;color:#e6f7ff}.roadmap-card b{display:block;min-height:30px;font-size:7px;line-height:1.45;color:#8edaff;font-weight:400}.roadmap-card p{margin:8px 0 0;color:#91a5b5;font-size:13px;line-height:1.35}.focus-community-stack{display:flex;flex-direction:column;gap:0}.development-panel{padding:15px 20px 20px;min-height:585px}.development-art{height:210px;margin:-2px -20px 15px;background-image:linear-gradient(180deg,transparent 42%,rgba(2,10,18,.72)),var(--img-construction);background-size:cover;background-position:center;border-top:1px solid rgba(33,183,255,.15);border-bottom:1px solid rgba(33,183,255,.18)}.focus-status{font-family:'Michroma',sans-serif;font-size:8px;line-height:1.5;letter-spacing:.08em;color:var(--cyan2);margin:8px 0 11px}.development-panel p{color:#bac9d4;line-height:1.45;margin:0 0 11px}.development-panel strong{color:#e6f7ff}.development-panel ul{list-style:none;padding:0;margin:10px 0 14px}.development-panel li{position:relative;padding:5px 0 5px 18px;color:#a7bac7;line-height:1.35;border-bottom:1px solid rgba(33,183,255,.08)}.development-panel li:before{content:'›';position:absolute;left:1px;color:var(--cyan);font-weight:700}.focus-closing{color:#dceaf2!important;border-left:1px solid var(--cyan);padding-left:12px}.community-compact{padding-bottom:17px}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-card{min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(33,183,255,.3);background:rgba(3,15,25,.82);transition:.18s}.social-card:hover{background:rgba(5,35,55,.78);border-color:rgba(90,210,255,.7)}.social-card img{width:26px;height:26px;object-fit:contain}.social-card span{font-family:'Michroma',sans-serif;font-size:7px;letter-spacing:.08em}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery-card{appearance:none;color:inherit;text-align:left;cursor:pointer;position:relative;min-height:235px;overflow:hidden;border:1px solid rgba(33,183,255,.34);background-size:cover;background-position:center;transition:transform .18s,border-color .18s}.gallery-card:hover{transform:translateY(-3px);border-color:rgba(90,210,255,.78)}.gallery-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(1,7,12,.95) 90%)}.gallery-1{background-image:var(--hero-user)}.gallery-2{background-image:var(--img-launch)}.gallery-3{background-image:var(--img-station)}.gallery-4{background-image:var(--img-ark)}.gallery-5{background-image:var(--img-resources)}.gallery-6{background-image:var(--img-shuttle)}.gallery-card div{position:absolute;z-index:2;left:14px;right:14px;bottom:13px}.gallery-card span,.gallery-card b,.gallery-card em{display:block}.gallery-card span{font-family:'Michroma',sans-serif;color:var(--cyan);font-size:7px;letter-spacing:.1em}.gallery-card b{font-family:'Michroma',sans-serif;font-size:10px;color:#fff;margin-top:3px}.gallery-card em{font-family:'Michroma',sans-serif;font-style:normal;font-size:6px;color:#8ddaff;margin-top:8px}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}details{border:1px solid rgba(33,183,255,.25);background:rgba(2,10,18,.76)}summary{cursor:pointer;list-style:none;padding:13px 40px 13px 15px;position:relative;font-family:'Michroma',sans-serif;font-size:8px;letter-spacing:.06em;color:#dcecf5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--cyan);font-size:18px;font-family:Arial,sans-serif}details[open] summary:after{content:'−'}details p{margin:0;padding:0 15px 14px;color:#99adbb;line-height:1.42}
.site-footer{margin-top:8px;border-top:1px solid rgba(33,183,255,.26);background:rgba(1,6,11,.94)}.footer-inner{min-height:190px;display:grid;grid-template-columns:1.45fr .65fr .65fr .65fr .75fr;gap:35px;align-items:center;padding:32px 0}.footer-brand span,.footer-brand strong{display:block;font-family:'Michroma',sans-serif;font-weight:400}.footer-brand span{font-size:12px;letter-spacing:.23em}.footer-brand strong{font-size:23px;letter-spacing:.28em;color:var(--cyan);margin-top:7px}.footer-brand p{max-width:370px;color:#8196a6}.footer-nav{display:flex;flex-direction:column;gap:6px}.footer-nav b{font-family:'Michroma',sans-serif;color:var(--cyan);font-size:7px;margin-bottom:5px}.footer-nav a{color:#9dafbc}.footer-copy{text-align:right;font-family:'Michroma',sans-serif;font-size:7px;color:#637987;line-height:1.7}
.modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:12px}.modal.is-open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(0,4,8,.88);backdrop-filter:blur(8px)}.modal-window{position:relative;z-index:2;width:min(1050px,calc(100vw - 24px));max-height:calc(100vh - 30px);overflow:auto;border:1px solid rgba(42,190,255,.55);background:#03101a;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 22px 90px rgba(0,0,0,.8)}.modal-close{position:absolute;right:15px;top:15px;z-index:5;width:39px;height:39px;border:1px solid rgba(60,195,255,.5);background:rgba(1,8,13,.88);color:#fff;font-size:23px;cursor:pointer}.modal-hero-art{height:350px;background-size:cover;background-position:center;border-bottom:1px solid rgba(33,183,255,.25)}.modal-content{padding:0 34px 32px}.modal-stage-row{display:flex;align-items:center;gap:12px;margin-top:-36px;position:relative;z-index:2}.modal-stage-art{width:85px;height:85px;border-radius:50%;border:1px solid rgba(33,183,255,.55);background-size:cover;background-position:center;box-shadow:0 8px 30px rgba(0,0,0,.6)}.modal-stage-row span{font-family:'Michroma',sans-serif;font-size:8px;letter-spacing:.08em;color:#9ce0ff}.modal-content>small{display:block;margin-top:18px;font-family:'Michroma',sans-serif;color:var(--cyan);font-size:9px;letter-spacing:.13em}.modal-content h2{font-family:'Michroma',sans-serif;font-weight:400;letter-spacing:.08em;font-size:28px;margin:7px 0 12px}.modal-content p{font-size:18px;line-height:1.5;color:#c5d4dd}.modal-content ul{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.modal-content li{position:relative;padding:11px 12px 11px 27px;border:1px solid rgba(33,183,255,.17);background:rgba(2,11,19,.7);color:#aabdc9}.modal-content li:before{content:'›';position:absolute;left:11px;color:var(--cyan)}
.gallery-modal-window{width:min(1200px,calc(100vw - 24px));overflow:hidden}.gallery-modal-art{height:min(67vh,720px);background-size:cover;background-position:center}.gallery-modal-caption{padding:18px 75px 22px;border-top:1px solid rgba(33,183,255,.25)}.gallery-modal-caption small{font-family:'Michroma',sans-serif;color:var(--cyan);font-size:8px}.gallery-modal-caption h2{font-family:'Michroma',sans-serif;font-weight:400;font-size:17px;letter-spacing:.09em;margin:5px 0}.gallery-modal-caption p{margin:0;color:#9fb1bd}.gallery-arrow{position:absolute;z-index:6;top:45%;transform:translateY(-50%);width:48px;height:70px;border:1px solid rgba(33,183,255,.48);background:rgba(1,7,12,.8);color:#dff6ff;font-size:35px;cursor:pointer}.gallery-arrow-left{left:12px}.gallery-arrow-right{right:12px}
@media(max-width:1180px){.header-inner{grid-template-columns:190px 1fr}.header-actions{grid-column:2;grid-row:1;justify-self:end}.main-nav{grid-column:1/3;grid-row:2;justify-content:center;padding-bottom:5px}.site-header{position:relative}.header-inner{padding-top:12px}.main-nav a{padding:13px 0 18px}.main-nav a:after{bottom:9px}.gameplay-grid{grid-template-columns:repeat(2,1fr)}.roadmap-focus-grid{grid-template-columns:1fr}.development-panel{min-height:0}.roadmap-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1.2fr 1fr 1fr}.footer-copy{text-align:left}}
@media(max-width:760px){.section-shell{width:calc(100% - 12px)}.header-inner{width:calc(100% - 16px);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.brand{padding:8px 0}.brand-top{font-size:9px}.brand-bottom{font-size:17px}.header-actions{margin-left:auto}.header-cta{display:none}.main-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;gap:19px;font-size:8px}.hero{min-height:610px}.hero-image{background-position:center top}.hero-content{left:14px;right:14px;bottom:14px;width:auto;padding:18px}.hero-copy{font-size:15px}.about-grid{grid-template-columns:1fr}.hud-panel{min-height:290px;padding:22px}.gameplay-grid,.roadmap-grid,.gallery-grid,.faq-grid{grid-template-columns:1fr}.system-card{min-height:310px}.system-image{height:190px}.roadmap-art{height:220px}.community-grid{grid-template-columns:repeat(3,1fr)}.footer-inner{grid-template-columns:1fr;padding:26px 12px}.modal-window{max-height:calc(100vh - 16px)}.modal-hero-art{height:250px}.modal-content{padding:0 20px 24px}.modal-content ul{grid-template-columns:1fr}.modal-stage-art{width:72px;height:72px}.gallery-modal-art{height:55vh}.gallery-modal-caption{padding:16px 52px 20px}.gallery-arrow{width:40px;height:58px}.frame-heading h2{font-size:14px;letter-spacing:.13em}.frame-heading.compact h2{font-size:9px}}