body.marine-sports-view #cmp-center {
    min-height: calc(100vh - 150px);
}
body.marine-sports-view #cmp-left {
    display: block !important;
    visibility: visible;
    flex-shrink: 0;
}
.marine-sports-loading {
    position: fixed;
    z-index: 20;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    padding: min(10vh, 80px) 16px 24px;
    overflow: auto;
    background: rgba(16, 30, 40, .94);
    border: 1px solid #304d60;
    border-radius: 12px;
}
.marine-sports-loading__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: min(100%, 380px);
    padding: 28px 18px;
    box-sizing: border-box;
    border: 1px solid #345d7d;
    border-radius: 14px;
    background: linear-gradient(150deg, #1e3646, #101e28);
    color: #e4f0fd;
    text-align: center;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .35);
}
.marine-sports-loading__spinner {
    display: inline-block;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border: 4px solid #304d60;
    border-top-color: #1475e1;
    border-radius: 50%;
    animation: marine-sports-loading-spin .8s linear infinite;
}
.marine-sports-loading__card strong { font-size: 16px; line-height: 1.5; }
.marine-sports-loading__hint { margin: 0; color: #a6bdce; font-size: 13px; }
.marine-sports-loading__button,
.marine-sports-menu-placeholder button {
    min-height: 40px;
    padding: 8px 20px;
    border: 1px solid #1475e1;
    border-radius: 8px;
    background: #133862;
    color: #e4f0fd;
    font-weight: 700;
    cursor: pointer;
}
.marine-sports-menu-placeholder { padding: 20px 10px; color: #a6bdce; text-align: center; }
.marine-sports-menu-placeholder p { margin-bottom: 14px; }
@keyframes marine-sports-loading-spin { to { transform: rotate(360deg); } }
@media (min-width: 769px) {
    body.marine-sports-view #cmp-left { align-self: stretch; }
}
@media (max-width: 768px) {
    .marine-sports-loading { padding: 28px 12px; border-radius: 8px; }
    .marine-sports-loading__card { padding: 24px 14px; }
}
@media (prefers-reduced-motion: reduce) {
    .marine-sports-loading__spinner { animation: none; }
}

/* New pagers use Marine colors and fit the mobile viewport. */
.marine-legacy-pagination, .marine-live-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; padding:18px 8px; clear:both; }
.marine-legacy-pagination .btn_page, .marine-live-pagination .btn_page { min-width:34px; min-height:36px; border:1px solid #304d60; border-radius:6px; background:#101e28; color:#c6d7e4; cursor:pointer; }
.marine-legacy-pagination .btn_page.cpage, .marine-live-pagination .btn_page.cpage { border-color:#1475e1; background:#133862; color:#fff; }
.marine-sports-loading__button:focus-visible { outline:2px solid #e4f0fd; outline-offset:3px; }