:root{--color-emptyness:#a0a0a0;--color-empty-canvas:#003b16;--color-right-panel:#f0f0f0;--color-live-data-btn-selected:#a03bb0;--color-live-data-btn-text:#000;--color-live-data-btn-text-selected:white}body{margin:0;overflow:hidden}.main{background:var(--color-emptyness);justify-content:center;align-items:flex-start;height:100dvh;display:flex}button{cursor:pointer;border:none;border-radius:5px;margin:2px;padding:5px 5px 7px}.main-canvas,.network-canvas{background:var(--color-empty-canvas)}.right-panel{background:var(--color-right-panel);flex-direction:column;align-items:stretch;height:100%;display:flex}.live-data{overflow-y:scroll}.live-data-tabs{gap:4px;padding:4px;display:flex}.live-data-tab{flex:1}.live-data-tab--selected{background:var(--color-live-data-btn-selected);color:var(--color-live-data-btn-text-selected);font-weight:700}.live-data-content{padding:4px}.live-data-focused-car-label{padding:8px;font-weight:700}.live-data-focused-car-id{font-family:monospace}:root{--color-black:#000;--color-canvas-bg:#05f539}html,body,#root{height:100%}body{background-color:var(--color-black);text-align:center;margin:0;overflow:hidden}h1{color:#fff;margin:0;font-family:Arial}#world-canvas{background-color:var(--color-canvas-bg)}.app-shell{flex-direction:column;width:100%;height:100%;min-height:100dvh;display:flex}.app-shell>main{flex:auto;height:auto;min-height:0}.navigation{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;box-shadow:none;background:#00000040;border-radius:0;flex-shrink:0;gap:0;padding:0;display:flex}.navigation__slot{cursor:pointer;min-width:48px;font:"Arial";letter-spacing:.02em;color:#ffffff73;white-space:nowrap;background:0 0;border:none;border-radius:0;flex:1 1 0;margin:0;padding:2px 8px;font-size:.625rem;font-weight:400;line-height:1;transition:background .1s,color .1s}.navigation__slot:hover{color:#ffffffb3;background:#ffffff0f}.navigation__slot--active{color:#ffffffd9;background:#a03bb073}.navigation__slot--active:hover{background:#a03bb08c}