#windy #bottom #progress-bar{height:60px!important}#windy #bottom #progress-bar #playpause{top:11px!important}#windy .timecode{top:calc(-2.4em + 25px)!important}#windy .progress-bar .progress-line{top:15px!important}#toggle-btn{position:absolute;left:10px;top:80px;z-index:10001}#button-container{position:absolute;left:10px;top:115px;z-index:10000;transition:left .3s ease;width:250px;background-color:hsla(0,0%,100%,.9);border:1px solid #ccc;border-radius:5px;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.2)}#button-container.hidden{left:-250px}#button-container hr{margin:0;margin-bottom:5px}.button-row{margin-bottom:10px;display:flex;justify-content:space-between}.button-label{margin-right:10px;display:inline-block;text-align:left}.ship-status-legend{position:absolute;bottom:20px;right:20px;background:hsla(0,0%,100%,.95);border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:12px 16px;box-shadow:0 8px 16px rgba(15,23,42,.12);z-index:10000;min-width:140px;transition:all .3s ease}.ship-status-legend.collapsed{padding:8px 12px}.legend-header{justify-content:space-between}.legend-header,.legend-toggle-btn{display:flex;align-items:center;cursor:pointer}.legend-toggle-btn{background:none;border:none;padding:4px 8px;color:#6b7280;transition:color .2s ease;justify-content:center}.legend-toggle-btn:hover{color:#1f2937}.legend-toggle-btn svg{display:block}.legend-title{font-size:14px;font-weight:700;color:#1f2937;margin:0;padding-bottom:8px;border-bottom:2px solid #e5e7eb;text-transform:uppercase;letter-spacing:.04em}.ship-status-legend.collapsed .legend-title{padding-bottom:0;border-bottom:none;margin-bottom:0}.ship-count-summary{margin-bottom:10px}.count-item{display:flex;justify-content:space-between;align-items:center}.count-label{font-size:13px;font-weight:600;color:#1f2937}.count-value{font-size:14px;font-weight:700;color:#6b7280}.legend-item{display:flex;align-items:center;gap:10px;margin-bottom:8px}.legend-item:last-child{margin-bottom:0}.legend-color{width:20px;height:20px;border-radius:4px;flex-shrink:0}.legend-label{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;flex-grow:1}.legend-count{font-size:14px;font-weight:700;color:#6b7280;min-width:24px;text-align:right}.ship-label{font-size:13px;font-weight:1000;text-align:center;color:#fff;padding:3px 5px;border-radius:5px}.ship-online{background-color:#16b961}.ship-offline{background-color:#ff3b30}.ship-no-gps{background-color:#9ca3af}.ship-no-sensor{background-color:#f97316}.status{margin-left:10px;padding:1px 5px;border-radius:5px;font-weight:600}.online{background-color:#d7f0d8;color:#38ac3d}.offline{background-color:#ffe4e4;color:#f24848}.no-gps{background-color:#e5e7eb;color:#6b7280}.no-sensor{background-color:#ffedd5;color:#ea580c}