html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{width:100%;height:100%;position:relative;overflow:hidden}#app>canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#hud{pointer-events:none;z-index:10;padding:1rem;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}#status{cursor:pointer}#log-panel{z-index:60;background:#000000e6;border-bottom:1px solid #fff3;flex-direction:column;height:40%;display:flex;position:absolute;top:0;left:0;right:0}#log-panel.hidden{display:none}#log-panel-header{background:#1e1e1ef2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}#log-panel-header span{color:#9ca3af;font-weight:700}#log-panel-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 .5rem;font-size:1.5rem;display:flex}#log-panel-close:hover{color:#fff}#log-panel-content{flex:1;padding:.5rem;font-family:monospace;font-size:.75rem;line-height:1.4;overflow-y:auto}.log-entry{border-radius:2px;margin-bottom:1px;padding:2px 4px}.log-entry-debug{color:#9ca3af}.log-entry-info{color:#60a5fa}.log-entry-warn{color:#fbbf24;background:#fbbf241a}.log-entry-error{color:#f87171;background:#f8717126}.summary-row.warning{background:#fbbf2433;border:1px solid #fbbf24}.summary-row.warning .text-gray-400{color:#fbbf24}#controls,#replay-controls{pointer-events:none;z-index:10;padding:1rem;position:absolute;bottom:0;left:0;right:0}#controls>*,#replay-controls>*{pointer-events:auto}.legend-color-raw-gps{background:#ff0}.legend-color-fused-path{background:#0ff}