@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg:#111513;--glass:#0f1410d1;--line:#34402f;--ink:#e8eae1;--ink-2:#b3bea9;--muted:#8a9784;--accent:#f0a476;--sage:#cbd7b5;--series-bars:#3987e5;--series-line:#d95926;--chart-grid:#2a3129;--chart-axis:#3b4436;--gap:14px;--side:clamp(280px, 23vw, 360px);color:var(--ink);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(at 50% 42%,#2c3829 0%,#1a221b 55%,#111513 100%);margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stage{position:fixed;inset:0}.stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.stage canvas:active{cursor:grabbing}.ui{pointer-events:none;position:fixed;inset:0}.hud,.panel,.toolbar,.trace-card,.screen-inset{pointer-events:auto;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 10px 30px #0005}.eyebrow,.label{letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);font:10px IBM Plex Mono,monospace}.eyebrow{color:#aab69c}h3{letter-spacing:-.2px;margin:3px 0 0;font:500 15px/1.25 Space Grotesk,sans-serif}.caption{color:#a3ad9b;margin:8px 0 0;font-size:11px;line-height:1.45}.hud{top:var(--gap);white-space:nowrap;align-items:center;gap:16px;padding:6px 6px 6px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.brand{letter-spacing:-.6px;font:700 17px Space Grotesk,sans-serif}.brand>span:first-child{color:#ec9c70;margin-right:6px}.brand-light{font-weight:400}.hud-item{color:var(--ink-2);align-items:baseline;gap:6px;font-size:12px;display:inline-flex}.hud-item strong{color:var(--ink);font-variant-numeric:tabular-nums;font:500 17px Space Grotesk,sans-serif}.status-dot{background:#bdd49a;border-radius:50%;align-self:center;width:7px;height:7px;display:inline-block}.help-button{width:30px;height:30px;color:var(--sage);background:#1f281f;border:1px solid #4a5941;border-radius:50%;font:600 14px Space Grotesk,sans-serif}.help-button:hover{background:#2c382a}.panel{min-width:0;padding:12px 14px}.panel-left{top:var(--gap);left:var(--gap);width:var(--side);max-height:calc(100vh - 230px);position:absolute;overflow:auto}.panel-right{top:var(--gap);right:var(--gap);width:var(--side);gap:var(--gap);pointer-events:none;flex-direction:column;display:flex;position:absolute}.panel-right>.panel{pointer-events:auto}.card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.legend{color:var(--ink-2);flex-direction:column;align-items:flex-end;gap:3px;padding-top:2px;font-size:10px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.key.bar{background:var(--series-bars);border-radius:2px;width:9px;height:9px;display:inline-block}.key.line{background:var(--series-line);border-radius:1px;width:12px;height:2px;display:inline-block}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.stat strong{font-variant-numeric:tabular-nums;margin-top:2px;font:500 17px DM Sans,sans-serif;display:block}.chart-wrap{min-width:0;margin-top:8px;position:relative}.chart-wrap svg{width:100%;display:block}.chart-wrap .grid{stroke:var(--chart-grid);stroke-width:1px}.chart-wrap .axis{stroke:var(--chart-axis);stroke-width:1px}.chart-wrap .tick{fill:var(--muted);font-variant-numeric:tabular-nums;font:9px IBM Plex Mono,monospace}.chart-wrap .empty{fill:var(--muted);font-size:11px}.chart-wrap .bar{fill:var(--series-bars)}.chart-wrap .avg{fill:none;stroke:var(--series-line);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-wrap .hit{fill:#0000;outline:none}.chart-wrap .hit:focus-visible{stroke:var(--accent);stroke-width:1px}.chart-wrap .dot{stroke:#0f1410;stroke-width:2px}.chart-wrap .ring{fill:none;stroke:#c1cc9a;stroke-width:1.5px;stroke-opacity:0}.chart-wrap .screen-outline{fill:#f7f7f70d;stroke:#cfd6c4;stroke-width:1px}.chart-wrap .screen-ground{fill:none;stroke:#8f9a86;stroke-width:1px}.chart-wrap .object-box{fill:#d9d9d924;stroke:#d9d9d9;stroke-width:1px}details{color:#a9b49f;margin-top:6px;font-size:11px}summary{cursor:pointer;width:max-content}.table-wrap{max-height:160px;margin-top:6px;overflow:auto}table{border-collapse:collapse;color:#cdd6c3;width:100%;font-size:11px}th{letter-spacing:.8px;color:#96a48a;background:#131914;font:400 9px IBM Plex Mono,monospace;position:sticky;top:0}th,td{text-align:left;border-bottom:1px solid #262e25;padding:5px 6px}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}.scale-legend{color:#a9b49f;grid-template-columns:auto minmax(60px,1fr);align-items:center;gap:2px 10px;margin-top:6px;font-size:10px;display:grid}.ramp{border-radius:4px;height:7px}.scale-legend .ends{color:var(--muted);grid-column:2;justify-content:space-between;font:9px IBM Plex Mono,monospace;display:flex}.brain-canvas{background:#0b0e0c;border-radius:6px;height:clamp(150px,24vh,250px);margin-top:8px;position:relative;overflow:hidden}.brain-canvas canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.role-legend{color:var(--ink-2);grid-template-columns:1fr 1fr;gap:3px 10px;margin:6px 0 0;padding:0;font-size:10px;list-style:none;display:grid}.role-legend i{vertical-align:-1px;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.dock{left:var(--gap);right:var(--gap);bottom:var(--gap);pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute}.toolbar{flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:6px;max-width:100%;padding:5px;display:flex}.leg-state{color:#dfe6d6;white-space:nowrap;text-overflow:ellipsis;width:250px;padding:0 8px;font-size:12px;overflow:hidden}.segmented{background:#151c16;border:1px solid #3b4435;border-radius:6px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:#a3ae98;border-radius:4px;padding:6px 10px;font-size:11px}.segmented button:hover{color:#e8eae1}.segmented button.active{background:var(--sage);color:#273120}.icon-button{color:#b9c6a9;background:#151c16;border:1px solid #394333;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:inline-flex}.icon-button:hover{background:#2a3327}.text-button{color:#cdd1c5;padding:6px 8px;font-size:11px}.text-button:hover{color:#fff}.dock-row{gap:var(--gap);align-items:flex-end;display:flex}.traces{gap:var(--gap);pointer-events:none;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.trace-card{min-width:0;padding:8px 12px 10px}.trace-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.trace-head strong{color:#cfd8c4;font-variant-numeric:tabular-nums;font:500 12px IBM Plex Mono,monospace}.trace-card canvas{width:100%;height:42px;margin-top:6px;display:block}.screen-inset{flex:none;width:clamp(230px,21vw,310px);margin:0;padding:8px}.screen-inset figcaption{margin-bottom:6px}.screen-inset canvas{border-radius:3px;width:100%;height:auto;display:block}.tooltip{pointer-events:none;color:#aebaa4;z-index:10;background:#232b22;border:1px solid #4a5941;border-radius:6px;max-width:280px;padding:8px 10px;font-size:11px;line-height:1.5;position:fixed;box-shadow:0 8px 30px #0008}.tooltip strong{color:#f1f3ea;font-size:13px;font-weight:600;display:block}dialog{color:#dce4d2;background:#1b231c;border:1px solid #4a5941;border-radius:12px;max-width:600px;max-height:86vh;padding:28px 30px;box-shadow:0 25px 100px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060a08ba}dialog h2{margin:10px 0 12px;font:500 24px Space Grotesk,sans-serif}dialog p{color:#aebaa4;font-size:13px;line-height:1.7}dialog p strong{color:#e3e9da;font-weight:600}dialog a{color:#efa274;font-size:13px}dialog .tiny{color:#7c8974;margin-top:18px;font:10px IBM Plex Mono,monospace}#close-about{float:right;margin:-10px -12px 0 0}@media (height<=760px) and (width>=761px){.brain-canvas{height:140px}.role-legend,#brain-caption{display:none}}@media (height<=680px) and (width>=761px){.brain-canvas{height:96px}.panel{padding:10px 12px}.panel-right .eyebrow{display:none}.scale-legend{margin-top:2px}}@media (width<=760px){body{overflow:auto}.stage{height:60vh;position:relative}.ui{gap:var(--gap);padding:var(--gap);pointer-events:auto;flex-direction:column;display:flex;position:static}.hud{justify-content:space-between;gap:10px;position:absolute;top:8px;left:8px;right:8px;transform:none}.brand{display:none}.panel-left,.panel-right,.dock{width:auto;max-height:none;position:static;overflow:visible}.dock{pointer-events:auto;order:1}.panel-left{order:2}.panel-right{order:3}.toolbar{align-self:stretch}.leg-state{text-align:center;width:100%}.dock-row{flex-direction:column;align-items:stretch}.traces{pointer-events:auto;grid-template-columns:1fr}.screen-inset{width:auto}}