html,body{border:0;height:100%;margin:0;padding:0;overflow:hidden}body{letter-spacing:1px;background:#fff;font-family:sans-serif;font-size:14px}#timeline-canvas{touch-action:none;background:#fff}#info-panel{z-index:9999;color:#fff;background-color:rgba(0,0,0,.8);border:1px solid #ccc;border-radius:8px;padding:10px 15px;position:fixed;top:10px;right:10px}.info-panel-header{letter-spacing:1px;justify-content:space-between;align-items:flex-start;margin:0;display:flex}.info-panel-dates{letter-spacing:.1rem;margin:0}#instruction-panel{color:#fff;background-color:rgba(0,0,0,.8);border-radius:8px;padding:10px 15px}.instruction-panel-default{z-index:1000;position:fixed;top:10px;left:10px}.instruction-panel-centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#instruction-panel button{color:#000;background-color:rgba(255,255,255,.8);border-radius:5px;margin-top:3px;padding:0 4px;font-size:12px}#zoom-controls{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:110px;right:10px}#zoom-controls button{color:#fff;cursor:pointer;background-color:rgba(0,0,0,.8);border:none;border-radius:8px;padding:10px 15px;font-family:sans-serif;font-size:18px;transition:background-color .2s}#zoom-controls button:hover{background-color:rgba(50,50,50,.9)}#zoom-in,#zoom-out{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#lane-panel{z-index:9999;color:#fff;text-align:center;background-color:rgba(0,0,0,.8);border-radius:8px;flex-direction:column;gap:8px;padding:10px 15px;display:flex;position:fixed;bottom:130px;right:10px}@media (max-height:500px){body{font-size:12px}#lane-panel{bottom:50px;left:10px;right:auto}}@media (max-width:500px){body{font-size:12px}#lane-panel{bottom:50px}#zoom-controls{top:150px}}#lane-panel button{cursor:pointer;color:#000;background-color:rgba(255,255,255,.8);border:none;border-radius:8px;padding:10px 15px;transition:background-color .2s}#lane-panel button:hover{background-color:rgba(255,255,255,.9)}