/* Ship Loader Styles */
        .ship-loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.7s ease-out, visibility 0.7s ease-out; /* Slower transition */
        }
        .mb-logo {
            font-size: 24px;
            font-weight: bold;
            color: var(--color-burgundy); /* Use Burgundy for logo */
            margin-top: 15px;
        }
        .progress-bar {
            width: 200px;
            height: 4px;
            background: #ecf0f1;
            border-radius: 2px;
            margin-top: 20px;
            overflow: hidden;
        }
        .progress {
            height: 100%;
            background: var(--color-burgundy); /* Use Burgundy for progress bar */
            width: 0%;
            transition: width 0.4s ease-out; /* Smooth progress transition */
        }
        .ship-loader.hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none; /* Disable interaction when hidden */
        }
        /* Optional: animate the ship */
        .ship-svg {
            animation: float 3s ease-in-out infinite;
        }
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }