.maprow>*{min-width:0}
.node-label{display:grid;gap:3px;min-width:0}
.node-label>span{overflow-wrap:anywhere;color:var(--muted)}
@media(max-width:900px){
 html,body{height:auto;min-height:100%}
 body{overflow:auto}
 .layout{flex:none;display:flex;flex-direction:column;padding:12px;gap:12px;min-width:0}
 .stage{order:-1;height:clamp(300px,65vw,480px);flex:none;min-width:0}
 .panel{min-height:280px;max-height:420px;flex:none;min-width:0}
 .panel-body{min-height:0;overflow:auto}
 .legend{left:8px;right:8px;bottom:8px;max-width:calc(100% - 16px);width:fit-content;flex-wrap:wrap;gap:6px 10px;border-radius:12px;padding:6px 10px}
 .tabs{gap:3px;padding:8px 8px 0}
 .tab{padding:8px 9px;min-width:0}
 .dock{height:auto;grid-template-columns:minmax(0,1fr);padding:0 12px 12px;flex:none}
 .scen-list,.eventfeed{max-height:220px;min-width:0}
 .scen-player{min-width:0;padding:12px}
 .controls{gap:8px;min-width:0}
 .ctrl{flex:0 0 42px}
 .timeline{min-width:0}
 .syslink,.noderow .meta,.scen-title{overflow-wrap:anywhere}
}