.schematic-stage-card{background:hsla(var(--bg-surface-1) / .85);border:1px solid var(--border-subtle);border-radius:var(--radius-lg,12px);flex-direction:column;margin:2rem 0;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.schematic-header-bar{border-bottom:1px solid var(--border-subtle);background:hsla(var(--bg-surface-2) / .7);padding:1.25rem 1.5rem}.schematic-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.schematic-blueprint-pill{letter-spacing:.08em;text-transform:uppercase;background:hsla(var(--brand-accent) / .1);color:hsl(var(--brand-accent));border:1px solid hsla(var(--brand-accent) / .2);white-space:nowrap;border-radius:9999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.schematic-telemetry{font-size:.75rem;font-family:var(--font-mono,monospace);color:hsl(var(--text-muted));font-weight:600}.schematic-headline{color:hsl(var(--text-primary));margin:0 0 .25rem;font-size:1.25rem;font-weight:800}.schematic-subtitle{color:hsl(var(--text-secondary));margin:0;font-size:.88rem}.schematic-canvas-box{aspect-ratio:16/10;background:hsl(var(--bg-canvas));justify-content:center;align-items:center;width:100%;min-height:380px;display:flex;position:relative;overflow:hidden}.blueprint-grid{background-image:linear-gradient(hsla(var(--text-primary) / .04) 1px, transparent 1px), linear-gradient(90deg, hsla(var(--text-primary) / .04) 1px, transparent 1px);pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.engine-vector-svg{width:90%;max-width:800px;height:90%;max-height:500px;color:hsl(var(--text-secondary));pointer-events:none}.svg-block{fill:hsla(var(--bg-surface-2) / .4)}.svg-stroke-accent{stroke:hsl(var(--brand-accent))}.svg-stroke-subtle{stroke:hsl(var(--border-subtle))}.schematic-hotspot-btn{width:32px;height:32px;color:hsl(var(--text-primary));cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.schematic-hotspot-btn:hover,.schematic-hotspot-btn.is-active{transform:translate(-50%,-50%)scale(1.15)}.hotspot-pulse{background:hsla(var(--brand-accent) / .25);border-radius:50%;animation:2s cubic-bezier(.16,1,.3,1) infinite hotspotRing;position:absolute;inset:0}@keyframes hotspotRing{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.hotspot-core{background:hsl(var(--brand-accent));border:2px solid hsl(var(--bg-canvas));width:14px;height:14px;box-shadow:0 0 10px hsla(var(--brand-accent) / .6);border-radius:50%;position:relative}.schematic-hotspot-btn.is-active .hotspot-core{background:hsl(var(--text-on-primary,0 0% 100%));border-color:hsl(var(--brand-accent))}.hotspot-label-pill{white-space:nowrap;letter-spacing:.04em;background:hsla(var(--bg-surface-2) / .9);color:hsl(var(--text-primary));border:1px solid var(--border-subtle);pointer-events:none;opacity:.85;border-radius:4px;margin-top:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:700;transition:opacity .15s;position:absolute;top:100%}.schematic-hotspot-btn:hover .hotspot-label-pill,.schematic-hotspot-btn.is-active .hotspot-label-pill{opacity:1;border-color:hsl(var(--brand-accent))}.schematic-hud-card{background:hsla(var(--bg-surface-1) / .95);border:1px solid var(--border-subtle);border-radius:var(--radius-md,8px);backdrop-filter:blur(12px);z-index:20;width:clamp(280px,35vw,360px);padding:1rem;position:absolute;bottom:1rem;right:1rem;box-shadow:0 8px 24px #00000026}.hud-card-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.hud-tag{letter-spacing:.08em;color:hsl(var(--text-muted));font-size:.65rem;font-weight:800}.hud-status{color:hsl(var(--brand-accent));font-size:.65rem;font-weight:700}.hud-target-name{color:hsl(var(--text-primary));margin:0 0 .5rem;font-size:.95rem;font-weight:800}.hud-metrics-grid{background:hsla(var(--bg-canvas) / .5);border-radius:4px;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem;padding:.4rem .6rem;display:grid}.hud-metric-lbl{color:hsl(var(--text-muted));font-size:.65rem;font-weight:700;display:block}.hud-metric-val{font-size:.78rem;font-weight:600;font-family:var(--font-mono,monospace);color:hsl(var(--text-primary))}.hud-desc-wrap{margin-bottom:.5rem}.hud-desc-text{color:hsl(var(--text-secondary));margin:0;font-size:.8rem;line-height:1.4}.hud-fault-tag{color:#e83030;background:#e61a1a1a;border-radius:4px;align-items:center;gap:.4rem;padding:.3rem .5rem;font-size:.75rem;display:flex}@media (width<=640px){.schematic-hud-card{border-radius:0;width:100%;margin-top:.5rem;position:relative;bottom:auto;right:auto}}
