body{
    margin:0;
    background:darkgray;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}

#verticalButtons{
    display:flex;
    flex-direction:column;
}

button{
    border: none;
    border-radius: 5px;
    padding: 5px 5px 7px 5px;
    margin: 2px;
    cursor:pointer;
}
button:hover{
    background:blue;
}

#networkCanvas{
    background:black;
}
#carCanvas{
    background:lightgray;
}

/* Control panel overlay */
#controlPanel{
    position:fixed;
    top:10px;
    left:10px;
    background:rgba(255,255,255,0.9);
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
    padding:8px 10px;
    z-index:10;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
#controlPanel .row{
    display:flex;
    align-items:center;
    gap:6px;
    margin:4px 0;
}
#controlPanel label{
    min-width:90px;
}
#controlPanel input{
    width:90px;
}
#controlPanel .actions{
    justify-content:flex-end;
}
#controlPanel .stats{
    gap:8px;
    flex-wrap:wrap;
}
#controlPanel .tip{
    margin-top:6px;
    padding-top:6px;
    border-top:1px solid rgba(0,0,0,0.1);
    color:#333;
    max-width:240px;
}