:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f14;--panel:#161a22;--panel-border:#262c38;--text:#e7ebf3;--text-dim:#8a93a6;--accent:#4fd6d0;--accent-2:#e0553f;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}#app{flex-direction:column;height:100vh;display:flex}header{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.75rem 1.25rem;display:flex}header h1{letter-spacing:.01em;margin:0;font-size:1.1rem;font-weight:600}header .subtitle{color:var(--text-dim);font-size:.85rem}header #toggle-compare{margin-left:auto}header #toggle-compare.active,header #toggle-hud.active{background:var(--accent);color:#05060a;border-color:var(--accent);font-weight:600}#sim-root{flex:1;min-height:0;display:flex}#sim-root.compare{grid-template-columns:1fr 1fr;display:grid}#sim-root.compare.hud-hidden .layout-inner{grid-template-columns:1fr}#sim-root.hud-hidden aside.panel{display:none}#sim-root>div,.sim-instance{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}#sim-root.compare>div:first-child{border-right:1px solid var(--panel-border)}.instance-title{color:var(--text-dim);margin:.6rem .75rem 0;font-size:.85rem;font-weight:600}.layout-inner{flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid}#sim-root.compare .layout-inner{grid-template-columns:1fr 260px}.stage{flex-direction:column;gap:.5rem;min-width:0;padding:.75rem;display:flex;position:relative}.stage-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.canvas-wrap{border:1px solid var(--panel-border);background:#05060a;border-radius:6px;flex:1;position:relative;overflow:hidden}.flow-indicator{border:1px solid var(--panel-border);letter-spacing:.06em;color:var(--text-dim);pointer-events:none;background:#05060ab8;border-radius:5px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.72rem;display:flex;position:absolute;top:.6rem;left:.6rem}.flow-indicator .arrow{color:var(--accent);font-size:1rem;font-weight:700}canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.readout{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.stat{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:.5rem .65rem}.stat .label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.stat .value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.stat .value.balance-front{color:var(--accent)}.stat .value.balance-rear{color:var(--accent-2)}aside.panel{border-left:1px solid var(--panel-border);flex-direction:column;gap:1rem;padding:.85rem 1rem 2rem;display:flex;overflow-y:auto}aside.panel>div{flex-direction:column;gap:1rem;display:flex}.section{flex-direction:column;gap:.55rem;display:flex}.section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-bottom:1px solid var(--panel-border);margin:0;padding-bottom:.3rem;font-size:.78rem}.control{flex-direction:column;gap:.2rem;display:flex}.control .control-label{justify-content:space-between;font-size:.8rem;display:flex}.control .control-label .val{color:var(--accent);font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;accent-color:var(--accent)}.button-row{flex-wrap:wrap;gap:.4rem;display:flex}button,select{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);cursor:pointer;border-radius:5px;padding:.35rem .6rem;font-size:.8rem}button:hover{border-color:var(--accent)}button.active{background:var(--accent);color:#05060a;border-color:var(--accent);font-weight:600}button.danger.active{background:var(--accent-2);border-color:var(--accent-2)}label.toggle{align-items:center;gap:.4rem;font-size:.8rem;display:flex}.hint{color:var(--text-dim);font-size:.72rem;line-height:1.35}