/* Kepler-7 — thème cockpit + jauges de ressources */
.eg {
    --eg-card: rgba(10, 14, 24, 0.94);
    --eg-card-2: rgba(0, 229, 255, 0.05);
    --eg-text: var(--text-space);
    --eg-muted: var(--text-muted);
    --eg-accent: var(--o2-cyan);
    --eg-accent-ink: #030408;
    --eg-border: var(--border-space);
    --eg-warn: var(--alert-orange);
    --eg-err: var(--danger-red);
    --eg-font-head: var(--font-heading);
    --eg-font-body: var(--font-body);
    --eg-font-mono: var(--font-mono);
}

.kgauge { display: grid; grid-template-columns: 110px 1fr 90px; align-items: center; gap: 0.6rem; font-family: var(--font-mono); font-size: 0.9rem; margin-bottom: 0.4rem; }
.kg-bar { height: 12px; background: #0b1220; border: 1px solid #1d2a40; border-radius: 6px; overflow: hidden; }
.kg-fill { height: 100%; width: 0; background: var(--o2-cyan); transition: width 0.25s linear; }
.kg-fill.temp { background: linear-gradient(90deg, #4fc3ff, #ffb74d); }
.kg-fill.sos { background: #69f0ae; }
.kg-fill.pow, .kg-fill.mass { background: var(--alert-orange); }
.kg-fill.fuel, .kg-fill.bat { background: #ffd54f; }
.kg-fill.sig { background: #69f0ae; }
.kg-fill.clock { background: #b388ff; }
.kg-val { text-align: right; }
.kgauge.warn .kg-fill { background: var(--danger-red); }
.kgauge.warn .kg-val { color: var(--danger-red); animation: eg-blink 0.8s steps(2) infinite; }
.power-gauges { margin-bottom: 0.8rem; }

/* Salle 1 : câbles */
.pipe-board { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; width: min(100%, 420px); margin: 0.6rem auto; padding: 6px; background: #050a14; border: 1px solid #16304a; border-radius: 8px; }
.pipe { position: relative; aspect-ratio: 1; padding: 0; border: 1px solid #1d2a40; border-radius: 6px; background: #0b1424; cursor: pointer; }
.pipe svg { width: 100%; height: 100%; display: block; }
.pipe svg line { stroke: #3b4a63; stroke-width: 7; stroke-linecap: round; }
.pipe svg circle { fill: #3b4a63; }
.pipe.on svg line { stroke: var(--o2-cyan); filter: drop-shadow(0 0 3px var(--o2-cyan)); }
.pipe.on svg circle { fill: var(--o2-cyan); }
.pipe.fixed { cursor: default; background: #121d33; }
.pipe-icon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: clamp(1rem, 5vw, 1.6rem); pointer-events: none; }

/* Salle 2 : énergie */
.power-rows { display: grid; gap: 0.4rem; margin: 0.6rem 0; }
.power-row { display: grid; grid-template-columns: 1fr auto 5rem auto; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; background: #0b1424; border: 1px solid #1d2a40; border-radius: 6px; }
.power-row .kw { text-align: center; font-family: var(--font-mono); color: var(--o2-cyan); }
.power-log { min-height: 1.4rem; color: var(--alert-orange); font-family: var(--font-mono); font-size: 0.9rem; }

/* Salle 3 : trajectoire */
.orbit { width: 100%; max-width: 600px; display: block; margin: 0.4rem auto; border-radius: 8px; border: 1px solid #16304a; }
.orbit-controls label { display: flex; flex-direction: column; gap: 0.3rem; font-family: var(--font-mono); }
.orbit-controls input { width: 100%; accent-color: var(--o2-cyan); height: 28px; }
.orbit-controls { margin: 0.6rem 0 0.8rem; }

/* Salle 4 : antenne */
.dish-pos { font-family: var(--font-mono); font-size: clamp(1.4rem, 6vw, 2rem); text-align: center; color: var(--o2-cyan); margin: 0.4rem 0 0.8rem; }
.dish-pad { display: grid; gap: 0.6rem; margin-bottom: 0.4rem; }

/* Salle 5 : capsule */
.manifest { margin-bottom: 0.7rem; line-height: 1.55; }
.cargo { display: grid; gap: 0.35rem; margin-bottom: 0.9rem; }
.cargo-row { display: grid; grid-template-columns: 1fr auto 2rem auto; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; border: 1px solid #1d2a40; border-radius: 6px; background: #0b1424; }
.cargo-row.on { border-color: var(--o2-cyan); }
.cargo-row b { text-align: center; font-family: var(--font-mono); }

@media (max-width: 720px) {
    .kgauge { grid-template-columns: 82px 1fr 70px; font-size: 0.8rem; }
    .power-row { grid-template-columns: 1fr auto 3.6rem auto; }
}