
/* WEBSITE-ONLY GIMBAL IDENTITY — original app-res gritty icon and game screenshot crops. */
:root{--g-accent:#55cadf;--g-amber:#ffad40;--g-pale:#e8f3f6;--g-muted:#8da6af;--g-dark:#081720}
.official-icon{display:block;flex:0 0 auto;width:52px;height:52px;aspect-ratio:1;max-width:100%;object-fit:contain;object-position:center;margin-inline:0;filter:drop-shadow(0 0 16px #37badd40)}
.hero{isolation:isolate;overflow:hidden}
.hero-scene{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 37%,#173345 0%,#08151f 38%,#04090c 88%)}
.hero-spatial-ring{position:absolute;top:50%;left:50%;width:min(78vw,800px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #52c6e012;box-shadow:0 0 0 80px #3eaecc05,0 0 0 160px #338ca705}
.hero-vignette{pointer-events:none;opacity:.3}
.hero-content.shell{position:relative!important;z-index:4;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin-inline:auto!important;max-width:920px!important}
.hero-brand{display:flex!important;justify-content:center!important;align-items:center!important;width:100%;min-height:215px;margin:0 auto!important;padding:0!important}
.hero-brand .official-icon{position:static!important;width:210px!important;height:210px!important;max-width:45vw;max-height:45vw;transform:none!important;margin-inline:auto!important;filter:drop-shadow(0 0 24px #44bcd64d)}
.hero-actions,.hero-trace{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.hero-description{max-width:720px;margin-inline:auto}
.scene-overlay{pointer-events:none}
.wordmark{display:flex;align-items:center;gap:12px}
.wordmark .official-icon{width:51px;height:51px}
.footer-logo{display:flex;align-items:center;gap:11px}
.footer-logo .official-icon{width:41px;height:41px}
.support-emblem{display:flex;align-items:center;justify-content:center}
.support-emblem .official-icon{width:clamp(115px,14vw,190px);height:auto}
.about-brand{display:flex;align-items:center;gap:17px}
.about-brand .official-icon{width:92px;height:92px}

/* Organization profile + one capital ship: source-aligned, entirely actual game pixels. */
.organization-feature{padding-top:96px;padding-bottom:104px}
.organization-feature .section-heading h2{line-height:1}
.organization-feature .section-heading h2 em{font-style:normal;color:var(--g-amber)}
.organization-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:stretch;gap:24px;margin-top:30px}
.profile-module,.capital-module{min-width:0;margin:0;border:1px solid #2d5666;background:linear-gradient(145deg,#0d1c25 0%,#071118 100%);box-shadow:inset 0 0 50px #142c3528}
.module-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;min-height:43px;padding:10px 20px;border-bottom:1px solid #315a6b;color:#9fbfca;font-size:.66rem;font-weight:700;letter-spacing:.16em}
.profile-module{padding-bottom:30px}
.profile-topline{display:flex;align-items:center;gap:24px;padding:30px 30px 10px}
.insignia-viewport{position:relative;width:86px;height:86px;flex:none;overflow:hidden;border:1px solid #3e91ab;border-radius:6px;background:#061722}
.insignia-large{width:112px;height:112px}
.captured-insignia:not(.is-extracted){position:absolute!important;display:block;width:1080px!important;height:2340px!important;max-width:none!important;left:calc(50% - 195px)!important;top:calc(50% - 454px)!important}
.captured-insignia.is-extracted{position:relative;display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain;object-position:center}
.profile-identifier{min-width:0}
.profile-identifier h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(1.8rem,3.1vw,2.85rem);line-height:1.06;margin:5px 0 8px}
.profile-name-meta{color:#7e9ea8;font-size:.64rem;font-weight:700;letter-spacing:.13em}
.profile-lead{font-size:1.23rem;font-weight:600;line-height:1.42;color:#eaf1ed;margin:20px 30px}
.profile-body{font-size:.95rem;line-height:1.8;color:#a8b8bb;margin:0 30px 24px}
.profile-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 30px;border:1px solid #274555;background:#274555}
.profile-specs div{background:#0b1b25;padding:12px 15px;min-width:0}
.profile-specs dt{color:#769dac;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.profile-specs dd{margin:4px 0 0;color:#f3f8f6;font-size:.94rem}
.capital-module{display:flex;flex-direction:column}
.capital-image-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:340px;padding:18px;overflow:hidden;background:radial-gradient(ellipse at center,#142b39 0%,#091722 54%,#050b10 100%)}
.capital-image-viewport{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:min(100%,420px);height:272px;max-width:100%}
.captured-capital:not(.is-extracted){display:block;position:absolute!important;width:1080px!important;height:2340px!important;max-width:none!important;left:calc(50% - 267px)!important;top:calc(50% - 1472px)!important}
.captured-capital.is-extracted{position:relative!important;display:block!important;width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.capital-figure-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #294e60;padding:20px 25px}
.capital-figure-caption h3{font-family:'Barlow Condensed',sans-serif;font-size:2.4rem;line-height:1.02;margin:6px 0}
.capital-figure-caption p:not(.eyebrow){color:#97acb5;font-size:.8rem;margin:3px 0}
.capital-ship-index{color:#3f96a8;letter-spacing:.15em;font-weight:700;white-space:nowrap;font-size:.75rem}
.source-proof{color:#829ca8;font-size:.78rem;margin:16px 0 0;line-height:1.75}
.org-identity-preview{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.intro-identity{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;min-height:300px;padding:34px 20px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#1b3b4c,#08151e 75%)}
.intro-identity .insignia-viewport{margin-bottom:20px}
.intro-identity h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1;margin:6px 0 12px;letter-spacing:.07em}
.intro-identity p:not(.eyebrow){max-width:340px;color:#b8c5ca;font-size:.9rem}
.intro-identity .text-link{margin-top:15px;font-size:.7rem}
.org-identity-preview .frame-top,.org-identity-preview .frame-bottom{position:relative;z-index:1}
.feature-circuit{height:120px;padding:18px;display:flex;align-items:flex-end;background:repeating-linear-gradient(0deg,transparent 0 16px,#2b53601b 17px 18px),radial-gradient(ellipse at right top,#2f849735,transparent 65%),#0b1a21;color:#688f9c;font-size:.68rem;letter-spacing:.22em}
.feature-card{min-width:0}
.archive-stage .stage-zoom{display:flex!important;justify-content:center;align-items:center;min-height:350px;overflow:hidden}
.archive-image-holder{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:350px;min-height:0;overflow:hidden;background:radial-gradient(ellipse at center,#17313f 0%,#08151d 70%)}
.archive-image-holder.is-capital #archiveImage:not(.is-extracted){position:absolute!important;max-width:none!important;width:1080px!important;height:2340px!important;left:calc(50% - 267px)!important;top:calc(50% - 1472px)!important;object-fit:none!important}
.archive-image-holder #archiveImage.is-extracted{display:block;position:relative!important;inset:auto!important;width:auto!important;height:88%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.archive-image-holder:not(.is-capital) #archiveImage{display:block;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:auto!important}
#dialogImage{display:block;max-width:min(90vw,1080px)!important;max-height:75vh!important;object-fit:contain!important;margin-inline:auto}
.source-art{display:none!important}
@media(max-width:980px){.organization-feature-grid{grid-template-columns:1fr}.capital-image-stage{min-height:340px}.profile-topline{padding:24px 24px 6px}.profile-lead{margin:20px 24px}.profile-body{margin-inline:24px}.profile-specs{margin-inline:24px}}
@media(max-width:600px){.hero-brand{min-height:145px}.hero-brand .official-icon{width:145px!important;height:145px!important;max-width:48vw;max-height:48vw}.hero-content.shell{padding-inline:0}.scene-overlay{opacity:.25}.organization-feature{padding-top:58px;padding-bottom:65px}.profile-topline{gap:16px;align-items:flex-start}.insignia-large{width:85px;height:85px}.profile-identifier h3{font-size:1.8rem}.capital-image-stage{min-height:300px}.capital-image-viewport{height:245px}.capital-figure-caption{padding:16px;align-items:flex-start}.capital-figure-caption h3{font-size:1.85rem}.capital-ship-index{display:none}.source-proof{font-size:.72rem}.intro-identity{min-height:270px}}
@media(prefers-reduced-motion:reduce){.official-icon,.captured-capital,.captured-insignia{animation:none!important;transition:none!important}}
