* {
    scrollbar-width: thin;
    scrollbar-color: rgba(87, 83, 78, 0.95) rgba(17, 24, 39, 0.85);
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: rgba(17, 24, 39, 0.9);
}

*::-webkit-scrollbar-thumb {
    background: rgba(87, 83, 78, 0.95);
    border-radius: 9999px;
    border: 2px solid rgba(17, 24, 39, 0.9);
}

*::-webkit-scrollbar-thumb:hover {
    background: rgba(120, 113, 108, 0.95);
}

.mission-route-grid-overlay {
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 34px 34px;
}

.mission-sinking-atmosphere {
    background:
        radial-gradient(900px 300px at 50% -20%, rgba(226, 239, 255, 0.17), transparent 38%),
        radial-gradient(1200px 400px at 50% 120%, rgba(12, 25, 37, 0.68), transparent 52%);
}

.mission-sinking-clouds {
    background:
        radial-gradient(260px 80px at 12% 20%, rgba(18, 28, 42, 0.9), transparent 65%),
        radial-gradient(330px 95px at 54% 13%, rgba(18, 28, 42, 0.84), transparent 68%),
        radial-gradient(280px 84px at 90% 22%, rgba(18, 28, 42, 0.78), transparent 66%);
}

.mission-sinking-sea {
    background: linear-gradient(
        180deg,
        rgba(30, 58, 83, 0.68) 0%,
        rgba(20, 42, 62, 0.9) 26%,
        rgba(10, 24, 37, 0.98) 100%
    );
}

.mission-sinking-vignette {
    background: radial-gradient(
        circle at center,
        rgba(0, 0, 0, 0),
        rgba(0, 0, 0, 0.52) 74%,
        rgba(0, 0, 0, 0.85) 100%
    );
}

@keyframes ship-upgrade-code-shake {
    0% { transform: translateX(0); }
    20% { transform: translateX(-4px); }
    40% { transform: translateX(4px); }
    60% { transform: translateX(-3px); }
    80% { transform: translateX(3px); }
    100% { transform: translateX(0); }
}

.ship-upgrade-code-invalid {
    animation: ship-upgrade-code-shake 0.42s cubic-bezier(.36, .07, .19, .97) 2;
}

.cr-boundary {
    border-radius: 0.5rem;
    border: 1px solid rgba(87, 83, 78, 0.75);
}

.cr-slider-wrap {
    margin-top: 0.75rem;
}