:root{--void-abyss: #030508;--void-panel: rgba(7, 11, 18, .78);--grid-reticle: rgba(56, 189, 248, .42);--helios-solar: #f59e0b;--plasma-cyan: #06b6d4;--vital-emerald: #10b981;--sprint-amber: #ff6b00;--cognition-violet: #8b5cf6;--crimson-alert: #f43f5e;--text-crisp: #f8fafc;--text-telemetry: #94a3b8;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-sans: "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color:var(--text-crisp);background:var(--void-abyss);font-family:var(--font-sans)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--void-abyss)}.deck{position:relative;height:100dvh}.deck canvas{display:block}.bar{position:absolute;top:0;left:0;right:0;height:44px;display:grid;grid-template-columns:1.3fr 1.2fr .8fr .7fr .7fr;gap:8px;padding:6px 14px;background:var(--void-panel);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--grid-reticle);z-index:2}.brackets{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);pointer-events:none;fill:none;stroke:var(--grid-reticle);stroke-width:1.4}.cell{min-width:0}.k{font-family:var(--font-display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:10px;color:var(--text-telemetry)}.v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauge{height:3px;margin-top:4px;background:#94a3b82e}.gauge span{display:block;height:100%;background:var(--helios-solar)}.tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-crisp);text-shadow:0 0 8px #030508;white-space:nowrap}.thumb{display:grid;grid-template-columns:repeat(8,1fr);position:absolute;left:0;right:0;bottom:0;background:var(--void-panel);border-top:1px solid var(--grid-reticle);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);z-index:3}.thumb button{background:transparent;color:var(--text-telemetry);border:0;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:10px;padding:12px 0 14px}.thumb button[aria-pressed=true]{color:var(--helios-solar)}.sheet{display:none}.reader{position:absolute;top:44px;right:0;bottom:48px;width:min(520px,100%);overflow:auto;z-index:4;padding:16px 18px 24px;background:#070b12f0;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-left:1px solid var(--grid-reticle);font-family:var(--font-sans)}.reader input,.reader button{background:transparent;color:var(--text-crisp);border:1px solid var(--grid-reticle);font-family:var(--font-mono);font-size:12px}.reader input{width:100%;padding:8px}.reader h2{font-family:var(--font-display);font-size:22px;margin:8px 0}.reader .meta,.reader .k{color:var(--text-telemetry);font-family:var(--font-mono);font-size:11px}.reader .kinds{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.reader ul{list-style:none;padding:0}.reader li{margin:10px 0}.reader pre,.reader .prose{font-family:var(--font-mono);font-size:12px;line-height:1.45;white-space:pre-wrap}.reader .prose{white-space:normal}.reader table{border-collapse:collapse;display:block;overflow-x:auto}.reader th,.reader td{border-bottom:1px solid var(--grid-reticle);padding:4px 8px;text-align:left}.reader a{color:var(--plasma-cyan)}.mind{position:absolute;top:44px;left:0;bottom:48px;width:min(560px,100%);overflow:auto;z-index:4;padding:16px 18px 24px;background:#070b12f0;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-right:1px solid var(--grid-reticle)}.mind button,.mind .meta,.mind .k{color:var(--text-telemetry);font-family:var(--font-mono);font-size:11px}.mind button{background:transparent;border:0;text-align:left;padding:2px 0}.mind label{display:block;margin:6px 0}.mind label input,.mind label select{display:block;width:100%;margin-top:3px;background:transparent;color:var(--text-crisp);border:1px solid var(--grid-reticle);font:inherit}.mind .card{overflow-wrap:anywhere}.mind .card>button,.mind button.act{display:inline-block;border:1px solid var(--grid-reticle);padding:4px 8px;margin:4px 8px 4px 0}.mind h2{font-family:var(--font-display);font-size:22px;margin:8px 0}.mind .agents{display:flex;flex-direction:column;gap:2px;margin:8px 0 12px}.mind .fact{margin:8px 0;font-size:12px;line-height:1.4}.mind .bar{height:3px;background:#94a3b840;margin:4px 0}.mind .bar span{display:block;height:3px;background:#10b981}.mind .fact.warn .bar span{background:#ff6b00}.mind .fact.cut .bar span{background:#f43f5e}.mind .cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.mind .card{border:1px solid var(--grid-reticle);padding:8px;margin:0 0 8px}.mind table{border-collapse:collapse;width:100%;font-size:11px}.mind td,.mind th{border-bottom:1px solid var(--grid-reticle);text-align:left;padding:3px 4px}.heat{display:grid;gap:1px;margin:8px 0 14px}.heat i{display:block;height:7px}.mind svg{width:100%;height:auto}.detent{position:relative;z-index:1;background:transparent;color:var(--helios-solar);border:1px solid var(--grid-reticle);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:4px 8px;margin-bottom:8px}@media(max-width:768px){.deck canvas,.deck .viewport{height:55dvh}.bar{grid-template-columns:1fr 1fr;height:auto}.sheet{display:block;position:absolute;left:0;right:0;bottom:42px;overflow:auto;background:var(--void-panel);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);padding:12px 14px;z-index:8;font-family:var(--font-mono);font-size:12px;background:#070b12f0}}
