:root{--bg:#0f1216;--panel:#161b22;--panel2:#1d242d;--line:#2a323d;--text:#d6dde6;--muted:#7d8895;--accent:#4fc3f7;--bad:#ef5350;--warn:#ffb74d;--good:#66bb6a}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}body{display:grid;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden}header{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}h1{font-size:15px;margin:0;font-weight:600}h1 span{color:var(--accent)}h3{font-size:12px;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.spacer{flex:1}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Consolas,monospace}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:4px 10px;cursor:pointer;font:inherit}.btn:hover{border-color:var(--accent)}.layers{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;flex-basis:100%}.layer-group{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:2px 10px 5px;border:1px solid var(--line);border-radius:4px}.layer-group legend{padding:0 4px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.layers label{display:flex;align-items:center;gap:3px;cursor:pointer;user-select:none}.layers input[type=number]{width:56px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:1px 3px}main{display:grid;grid-template-columns:1fr 380px;min-height:0}#mapWrap{position:relative;min-width:0;min-height:0}#map{position:absolute;inset:0;width:100%;height:100%;cursor:grab;display:block}#map.dragging{cursor:grabbing}#empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:16px}#empty p{margin:4px 0}#mapHelp{position:absolute;left:10px;bottom:6px;font-size:11px;pointer-events:none}#tooltip{position:absolute;pointer-events:none;background:rgba(13,17,22,.95);border:1px solid var(--line);border-radius:4px;padding:6px 8px;font-size:12px;max-width:340px;white-space:pre-wrap;z-index:5}#side{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;background:none;border:none;color:var(--muted);padding:8px 4px;cursor:pointer;font:inherit;border-bottom:2px solid transparent}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tab{overflow:auto;padding:8px 12px;flex:1;min-height:0}.kill{padding:7px 8px;border:1px solid var(--line);border-radius:4px;margin-bottom:6px;cursor:pointer;background:var(--panel2)}.kill:hover{border-color:var(--muted)}.kill.active{border-color:var(--accent)}.kill .title{font-weight:600}.kill .sub{color:var(--muted);font-size:12px}.badge{display:inline-block;padding:0 5px;border-radius:3px;font-size:11px;margin-left:4px}.badge.bad{background:rgba(239,83,80,.2);color:var(--bad)}.badge.warn{background:rgba(255,183,77,.2);color:var(--warn)}.badge.info{background:rgba(79,195,247,.15);color:var(--accent)}table.kv{width:100%;border-collapse:collapse}table.kv td{padding:2px 0;vertical-align:top}table.kv td:first-child{color:var(--muted);width:38%;padding-right:8px}.flag{padding:5px 8px;border-radius:4px;margin-bottom:4px;border-left:3px solid;background:var(--panel2)}.flag.bad{border-color:var(--bad)}.flag.warn{border-color:var(--warn)}.flag.info{border-color:var(--accent)}.flag .when{color:var(--muted);font-size:11px}.player{padding:6px 0;border-bottom:1px solid var(--line)}.player .head{display:flex;align-items:center;gap:6px}.swatch{width:12px;height:12px;border-radius:50%;flex:none}.player .state{color:var(--muted);font-size:12px;margin-left:24px}.eventFilters{display:flex;gap:10px;margin-bottom:6px}.ev{display:flex;gap:8px;padding:2px 4px;cursor:pointer;border-radius:3px}.ev:hover{background:var(--panel2)}.ev.past{opacity:.55}.ev .t{font-family:ui-monospace,Consolas,monospace;color:var(--muted);width:54px;flex:none;text-align:right}.ev .dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.legendRow{display:flex;align-items:center;gap:8px;margin:3px 0}.legendRow canvas{flex:none}footer{background:var(--panel);border-top:1px solid var(--line);padding:6px 12px 8px}#transport{display:flex;align-items:center;gap:10px;margin-bottom:4px}#transport select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:3px}#playBtn{width:36px}#timeline{width:100%;height:34px;display:block;cursor:pointer}#charts{width:100%;height:150px;display:block;cursor:pointer;margin-top:4px}@media (max-width:900px){main{grid-template-columns:1fr;grid-template-rows:1fr 260px}#side{border-left:none;border-top:1px solid var(--line)}#charts{height:110px}}