/* Spark Rust Mission Control — self-contained flagship visual system */
:root{color-scheme:dark;--bg:#020611;--panel:#081325;--line:#20334e;--text:#eef7ff;--muted:#7e93b1;--cyan:#22d3ee;--purple:#a78bfa;--pink:#fb7185;--green:#34d399;--amber:#fbbf24}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 0,#25114f 0,transparent 27%),radial-gradient(circle at 93% 4%,#073c51 0,transparent 27%),var(--bg);color:var(--text);font:13px/1.45 Inter,system-ui,sans-serif}header{padding:19px clamp(16px,2vw,32px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.brand small{color:#67e8f9;letter-spacing:.2em;text-transform:uppercase;font-weight:800}.brand h1{font-size:clamp(25px,3.2vw,43px);line-height:1;margin:5px 0;letter-spacing:-.045em;background:linear-gradient(90deg,#fff,#8be9ff,#c4b5fd);-webkit-background-clip:text;color:transparent}.brand p{margin:0;color:var(--muted)}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.badge,button{border:1px solid #304968;border-radius:9px;background:#0d1c34;color:var(--text);padding:8px 11px;font:inherit;font-weight:700}.badge{border-radius:99px;color:#fbbf24}.badge[data-state=ready]{color:var(--green)}button{cursor:pointer}button.primary{background:linear-gradient(135deg,#be123c,#7c2d12);border-color:#fb7185;box-shadow:0 0 30px #fb718533}button.primary:disabled{opacity:.7}.app{max-width:none;margin:0;padding:14px clamp(16px,2vw,32px) 40px;display:grid;gap:13px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.card,.panel{background:linear-gradient(145deg,#0c1930ed,#050c19f5);border:1px solid var(--line);border-radius:13px;box-shadow:0 14px 38px #0006}.card{padding:10px 12px}.card span{display:block;color:var(--muted);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.card b{display:block;font-size:21px;margin:3px 0;font-variant-numeric:tabular-nums}.card em{font-style:normal;color:#58e2bd;font-size:10px}.main-grid{display:grid;grid-template-columns:minmax(600px,1.55fr) minmax(360px,.72fr);gap:13px}.panel{padding:13px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.panel h2{font-size:14px;margin:0}.tag{border:1px solid #334969;border-radius:99px;padding:3px 7px;color:#a5b4fc;font-size:9px;text-transform:uppercase}.map-wrap{position:relative;overflow:hidden;border:1px solid #263952;border-radius:10px;background:linear-gradient(155deg,#07172a,#060b16)}#world-map{width:100%;height:auto;display:block}.street{stroke:#203751;stroke-width:2;fill:none}.street.major{stroke:#2b4a6c;stroke-width:3.5}.street.diagonal{stroke:#25405e;stroke-width:2.6}.warehouse circle{fill:#34d39922;stroke:#34d399;stroke-width:2}.warehouse text{fill:#a7f3d0;font-size:12px}.trail{fill:none;stroke:#38bdf84c;stroke-width:1.8}.asset .halo{fill:#22d3ee20;stroke:#22d3ee66}.asset .dot{fill:#67e8f9}.asset.alert .halo{fill:#fb71853b;stroke:#fb7185;animation:pulse 1s infinite}.asset.alert .dot{fill:#fb7185}.storm{fill:#fb718526;stroke:#fb7185;stroke-width:3;stroke-dasharray:10 7;transition:opacity .5s}@keyframes pulse{0%{r:8;opacity:1}100%{r:22;opacity:0}}.map-note{position:absolute;left:9px;bottom:9px;background:#030712dd;border:1px solid var(--line);border-radius:7px;padding:6px 8px;color:var(--muted);font-size:10px}.side{display:grid;gap:13px}.event-feed{display:grid;gap:5px;height:180px;overflow:hidden}.event{display:grid;grid-template-columns:62px 1fr;gap:7px;padding:6px 7px;border-left:3px solid #405570;background:#0a172a;border-radius:4px}.event time{color:var(--muted);font-size:10px}.event.critical{border-color:var(--pink)}.event.warning{border-color:var(--amber)}.event.action{border-color:var(--cyan)}.regions{display:grid;gap:9px}.region{display:grid;grid-template-columns:52px 80px 1fr 66px;align-items:center;gap:7px}.region span,.region em{font-size:10px;color:var(--muted);font-style:normal}.region>i{height:8px;border-radius:99px;background:linear-gradient(90deg,#22d3ee,#fb7185)}.lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.plan{display:flex;align-items:center;gap:5px;min-height:85px;overflow:auto}.stage{min-width:104px;border:1px solid #304463;border-radius:8px;padding:8px;background:#09172b}.stage.active{box-shadow:0 0 20px #22d3ee20;border-color:#227e99}.stage small,.stage span{display:block;color:var(--muted);font-size:9px}.plan>i{color:#67e8f9;font-size:22px}.meta{display:flex;gap:13px;color:var(--muted);font-size:10px;margin-top:7px}.table-wrap{max-height:185px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:6px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-size:9px;text-transform:uppercase;color:var(--muted)}.pill{padding:3px 6px;border-radius:99px;background:#fbbf2422;color:#fde68a;font-size:9px}.pill.hot{background:#fb718533;color:#fecdd3}.code-tabs{display:flex;gap:5px;margin-bottom:8px}.code-tabs button{padding:5px 8px;font-size:10px}.code-tabs button.active{border-color:#8b5cf6;color:#c4b5fd}.code{height:145px;overflow:auto;margin:0;background:#030817;border:1px solid #1d2d48;border-radius:8px;padding:10px;color:#c8dcfa;font:10px/1.55 ui-monospace,monospace}.kw{color:#c084fc}.str{color:#86efac}.timeline-panel{display:grid;grid-template-columns:110px 1fr 60px;gap:10px;align-items:center}.timeline-panel label{color:var(--muted);font-size:10px}.timeline-panel input{width:100%;accent-color:#22d3ee}.timeline-panel b{color:#67e8f9}.cluster-preview{display:none;margin-top:8px;border:1px dashed #465474;border-radius:8px;padding:8px;color:var(--muted);font-size:10px}.cluster-preview.show{display:block}.nodes{display:flex;gap:7px;margin-top:6px}.node{flex:1;text-align:center;padding:5px;border-radius:6px;background:#101d34;border:1px solid #2c4160}.node i{display:block;width:7px;height:7px;background:#34d399;border-radius:50%;margin:0 auto 4px;box-shadow:0 0 10px #34d399}.footer-line{color:var(--muted);font-size:10px;text-align:center}#error{color:var(--pink)}.help-button{border-color:#4d4b83;color:#ddd6fe;background:#171638}.help-button.discover{animation:helpPulse 1.8s ease-in-out 3}@keyframes helpPulse{50%{border-color:#67e8f9;box-shadow:0 0 24px #22d3ee66;transform:translateY(-1px)}}dialog{width:min(960px,calc(100vw - 28px));max-height:min(880px,calc(100vh - 28px));padding:0;border:1px solid #405577;border-radius:18px;background:#071020;color:var(--text);box-shadow:0 34px 110px #000d;overflow:hidden}dialog::backdrop{background:#01040bd9;backdrop-filter:blur(7px)}.help-shell{max-height:calc(100vh - 30px);overflow:auto}.help-head{position:sticky;top:0;z-index:3;padding:20px 22px 16px;background:linear-gradient(135deg,#101d39f7,#0b1530f7);border-bottom:1px solid var(--line);align-items:flex-start}.help-head small{color:#67e8f9;text-transform:uppercase;letter-spacing:.17em;font-weight:800}.help-head h2{font-size:clamp(23px,3vw,34px);margin:4px 0 7px;letter-spacing:-.035em}.help-head p{color:var(--muted);max-width:760px;margin:0}.help-head button{font-size:25px;line-height:1;min-width:40px;padding:7px}.help-nav{position:sticky;top:105px;z-index:2;display:flex;gap:7px;overflow:auto;padding:9px 22px;background:#071020f4;border-bottom:1px solid #182a44}.help-nav a{color:#a8bdd9;text-decoration:none;border:1px solid #2a3c59;border-radius:99px;padding:5px 9px;white-space:nowrap;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.help-nav a:hover,.help-nav a:focus{color:#fff;border-color:#22d3ee}.help-content{padding:5px 22px 24px}.help-content>section{scroll-margin-top:155px;display:grid;grid-template-columns:42px 1fr;gap:13px;padding:22px 0;border-bottom:1px solid #182a44}.help-step{display:grid;place-items:center;width:38px;height:38px;border:1px solid #31516f;border-radius:11px;background:#0d1b31;color:#67e8f9;font-weight:900}.help-content h3{font-size:18px;margin:2px 0 8px}.help-content h4{margin:0 0 7px}.help-content p{color:#a8bad3;margin:7px 0}.help-content li{margin:5px 0;color:#bdcbe0}.help-content code{color:#67e8f9;background:#0b1a2d;padding:2px 4px;border-radius:4px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.help-grid article,.truth-grid article{border:1px solid #223654;border-radius:10px;background:#0a1628;padding:11px}.help-grid article p{font-size:11px;margin-bottom:0}.truth-grid{display:grid;grid-template-columns:1fr;gap:10px}.truth-grid article.real{border-color:#1f6e5a;background:#08251f}.truth-grid article.preview{border-color:#68532b;background:#241d0c}.truth-grid ul{padding-left:18px;margin:0}.help-content>section.help-cta{grid-template-columns:1fr auto;align-items:center;border:0;background:linear-gradient(90deg,#14244a,#0e3946);border-radius:12px;padding:15px;margin-top:18px}.help-cta h3{margin:0}.help-cta p{margin:3px 0 0}.help-cta button{background:linear-gradient(135deg,#be123c,#7c2d12);border-color:#fb7185;white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:1080px){.main-grid{grid-template-columns:1fr}.lower{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){header{align-items:flex-start;flex-direction:column}.actions{justify-content:flex-start}.kpis{grid-template-columns:repeat(2,1fr)}.main-grid,.lower{grid-template-columns:minmax(0,1fr)}.panel{padding:9px}.timeline-panel{grid-template-columns:80px 1fr 55px}.help-head{position:relative;padding:16px}.help-nav{top:0;padding:8px 14px}.help-content{padding:2px 14px 18px}.help-content>section{grid-template-columns:1fr;padding:17px 0}.help-grid,.truth-grid{grid-template-columns:1fr}.help-content>section.help-cta{grid-template-columns:1fr}.help-cta button{width:100%}}
/* Narrative bar: states what is happening and what to do next, so the demo
   reads as a story instead of six unexplained numbers. */
.story{display:grid;grid-template-columns:auto 1fr auto;gap:6px 14px;align-items:baseline;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(120deg,#0c1930ed,#050c19f5);border-left:4px solid var(--muted)}
.story b{font-size:15px;letter-spacing:-.02em;white-space:nowrap}
.story span{color:var(--muted)}
.story .story-next{color:#67e8f9;font-size:11px;text-align:right;white-space:nowrap}
.story[data-phase=learning]{border-left-color:var(--amber)}
.story[data-phase=learning] b{color:#fde68a}
.story[data-phase=calm]{border-left-color:var(--green)}
.story[data-phase=calm] b{color:#6ee7b7}
.story[data-phase=incident]{border-left-color:var(--pink);box-shadow:0 0 34px #fb718522}
.story[data-phase=incident] b{color:#fda4af}
.delta{display:block;font-style:normal;font-size:10px;margin-top:2px;min-height:12px;color:var(--muted)}
.delta.good{color:#6ee7b7}
.delta.bad{color:#fda4af}
.delta.flat{color:var(--muted)}
@media(max-width:900px){.story{grid-template-columns:1fr}.story .story-next{text-align:left}}