/* IRRR Global Instruments r30 — original functional HUD readouts bound to live globe state. */
.gi-system-matrix{position:relative;display:grid;gap:.55rem;padding:.7rem;border:1px solid var(--gi-hairline);background:linear-gradient(145deg,color-mix(in srgb,var(--gi-panel-strong) 96%,transparent),color-mix(in srgb,var(--hud-glow) 38%,transparent));box-shadow:inset 0 0 1.5rem color-mix(in srgb,var(--hud-glow) 48%,transparent);overflow:hidden}
.gi-system-matrix::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,var(--gi-hairline) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,var(--gi-hairline) 50%,transparent 50.2%);background-size:2rem 2rem;opacity:.16}
.gi-system-matrix>*{position:relative;z-index:1}.gi-system-heading{display:flex;align-items:end;justify-content:space-between;gap:.5rem;padding-bottom:.42rem;border-bottom:1px solid var(--gi-hairline)}.gi-system-heading span{font:800 .45rem/1 var(--hud-mono,monospace);letter-spacing:.15em;color:var(--gi-accent)}.gi-system-heading strong{font:900 .62rem/1 var(--hud-mono,monospace);letter-spacing:.09em;color:var(--gi-text)}
.gi-profile{display:grid;gap:.14rem;margin:0!important}.gi-profile strong{font:900 .72rem/1.2 var(--hud-mono,monospace);color:var(--gi-accent)}.gi-profile span{font-size:.58rem;line-height:1.35;color:var(--gi-muted)}
.gi-instrument-grid{display:grid;grid-template-columns:1fr 1fr;gap:.28rem}.gi-instrument-grid output{--meter:0%;position:relative;min-width:0;min-height:3.15rem;display:grid;align-content:center;gap:.14rem;padding:.42rem .46rem .68rem;border:1px solid var(--gi-hairline);background:color-mix(in srgb,var(--gi-panel-strong) 90%,transparent);overflow:hidden}.gi-instrument-grid small{font:800 .42rem/1 var(--hud-mono,monospace);letter-spacing:.13em;color:var(--gi-muted)}.gi-instrument-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 .62rem/1.2 var(--hud-mono,monospace);color:var(--gi-text)}.gi-instrument-grid i{position:absolute;left:.4rem;right:.4rem;bottom:.35rem;height:2px;background:color-mix(in srgb,var(--gi-line) 72%,transparent)}.gi-instrument-grid i::after{content:"";display:block;width:var(--meter);height:100%;background:linear-gradient(90deg,var(--gi-accent),var(--gi-accent-2));box-shadow:0 0 .65rem var(--gi-accent);transition:width .24s ease}
.gi-binding-readout{display:grid;gap:.16rem;margin:0!important;padding:.45rem;border-left:2px solid var(--gi-accent);background:color-mix(in srgb,var(--hud-glow) 72%,transparent)}.gi-binding-readout span{font:800 .42rem/1 var(--hud-mono,monospace);letter-spacing:.13em;color:var(--gi-muted)}.gi-binding-readout strong{font:750 .55rem/1.4 var(--hud-mono,monospace);color:var(--gi-text);text-transform:uppercase}body[data-hud-style="satellite-array"] .gi-instrument-grid output{border-radius:1.1rem}body[data-hud-style="deep-space-console"] .gi-system-matrix{border-color:color-mix(in srgb,var(--gi-line) 42%,transparent);background:color-mix(in srgb,var(--gi-panel-strong) 62%,transparent);backdrop-filter:blur(18px)}body[data-hud-style="biometric-monitor"] .gi-system-matrix{border-radius:2rem .2rem 2rem .2rem}body[data-hud-style="biometric-monitor"] .gi-binding-readout::after{content:"⌁╲╱⌁╲╱";color:var(--gi-accent);letter-spacing:.18em}body[data-hud-style="minimal-command"] .gi-system-matrix{box-shadow:none;background:transparent;border-color:color-mix(in srgb,var(--gi-line) 45%,transparent)}body[data-hud-style="minimal-command"] .gi-system-matrix::before{display:none}
@media(max-width:1180px){.gi-system-matrix{height:100%}}
@media(max-width:820px){.gi-system-matrix{height:auto}}
@media(prefers-reduced-motion:reduce){.gi-instrument-grid i::after{transition:none}}

/* V1.0.30.12: the globe owns the spacious home canvas; the network page is a quiet route hub. */
.home-globe-page .gi-main{width:min(calc(100% - 1rem),1680px);gap:.8rem;padding-top:.8rem}
.home-globe-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:end;padding:clamp(1rem,2.5vw,2rem);border:1px solid var(--gi-hairline);background:linear-gradient(115deg,var(--gi-panel-strong),color-mix(in srgb,var(--gi-panel) 78%,transparent));min-height:clamp(11rem,22vh,17rem)}
.home-globe-intro h1{max-width:18ch;margin:.35rem 0 .6rem;font-size:clamp(2rem,5vw,4.8rem);line-height:.94;letter-spacing:-.055em;text-wrap:balance}.home-globe-intro p{max-width:66ch}.home-globe-intro .actions{justify-content:flex-end;max-width:25rem}
/* Follow each style's own column widths so the wide track lands on whichever position that
   style's grid-template-areas gives to the globe. A fixed narrow/wide/narrow triple here
   used to squeeze the globe into a side rail for the styles that reorder the areas. */
.home-globe-page .gi-workspace{grid-template-columns:var(--gi-r32-columns,minmax(11rem,14rem) minmax(40rem,1fr) minmax(13rem,16rem))!important;grid-template-rows:auto minmax(46rem,78vh)!important}
.home-globe-page .gi-controls,.home-globe-page .gi-telemetry{padding:.7rem}
.network-hub-main{width:min(calc(100% - 1rem),1180px);gap:1.1rem;padding-top:1rem}.network-hub-intro{min-height:clamp(17rem,38vh,28rem);display:grid;align-content:center;justify-items:start;padding:clamp(1.25rem,5vw,4rem);border:1px solid var(--gi-hairline);background:radial-gradient(circle at 82% 30%,var(--hud-glow),transparent 26%),linear-gradient(120deg,var(--gi-panel-strong),var(--gi-panel));overflow:hidden}.network-hub-intro h1{max-width:14ch;margin:.4rem 0 .7rem;font-size:clamp(2.2rem,6vw,5.8rem);line-height:.9;letter-spacing:-.065em;text-wrap:balance}.network-hub-intro>p{max-width:52rem}.network-hub-intro .actions{margin-top:1rem}
.network-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.network-start-grid a{display:grid;gap:.45rem;min-height:10rem;padding:1rem;border:1px solid var(--gi-hairline);background:var(--gi-panel-strong);text-decoration:none}.network-start-grid b{color:var(--gi-accent);font:900 1.5rem/1 var(--hud-mono,monospace)}.network-start-grid strong{font-size:1rem}.network-start-grid span{color:var(--gi-muted);font-size:.75rem;line-height:1.55}
.network-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.network-path-grid a{min-height:8rem;align-content:center;padding:1rem}.network-hub-note{max-width:60rem;margin:.9rem 0 0;color:var(--gi-muted);font-size:.72rem}
@media(max-width:1180px){.home-globe-page .gi-workspace{grid-template-columns:minmax(13rem,16rem) minmax(28rem,1fr)!important;grid-template-rows:auto minmax(40rem,68vh) auto!important}}
@media(max-width:820px){.home-globe-intro{grid-template-columns:1fr;align-items:start}.home-globe-intro .actions{justify-content:flex-start}.home-globe-page .gi-workspace{grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(34rem,62vh) auto!important}.network-start-grid,.network-path-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.home-globe-page .gi-main,.network-hub-main{width:calc(100% - .7rem)}.home-globe-intro{min-height:0}.home-globe-intro h1,.network-hub-intro h1{font-size:2.2rem}.network-start-grid,.network-path-grid{grid-template-columns:1fr}.network-start-grid a,.network-path-grid a{min-height:0}}