/* Switch 2D / 3D — todos os jogadores */
.mu-item-view-mode-switch {
    display: inline-flex;
    align-items: stretch;
    padding: 2px;
    border-radius: 999px;
    border: 1px solid rgba(126, 184, 232, 0.35);
    background: rgba(0, 0, 0, 0.35);
    gap: 2px;
}

.mu-item-view-mode-switch__opt {
    border: 0;
    background: transparent;
    color: var(--mu-text-muted, #9aa8b8);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    cursor: pointer;
    line-height: 1.2;
    transition: background 0.15s ease, color 0.15s ease;
}

.mu-item-view-mode-switch__opt:hover {
    color: #dce8f4;
}

.mu-item-view-mode-switch__opt.is-active {
    background: rgba(91, 159, 212, 0.25);
    color: #e8f4ff;
}

.mu-item-view-mode-switch__opt--3d.is-active {
    background: rgba(72, 140, 110, 0.35);
    color: #e8fff4;
}

.mu-item-view-mode-switch__short {
    display: none;
}

@media (max-width: 900px) {
    .mu-item-view-mode-switch__long {
        display: none;
    }

    .mu-item-view-mode-switch__short {
        display: inline;
    }

    .mu-navbar__end-view-mode,
    .mu-item-view-mode-switch {
        display: none !important;
    }
}

html.mu-item-view-3d .mu-navbar {
    --mu-nav-accent: #7ec8a8;
}

/* Navbar logo PNG em modo 2D — global (não só home) */
html:not(.mu-item-view-3d) .mu-brand__logo--glb,
html:not(.mu-item-view-3d) .mu-brand__logo-shine,
html:not(.mu-item-view-3d) .mu-brand__logo-slot-anchor {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand,
html:not(.mu-item-view-3d) body.mu-body--home #mu-chrome-nav .mu-brand {
    width: calc(var(--mu-logo-slot-w, 118px) * 2) !important;
    max-width: calc(var(--mu-logo-slot-w, 118px) * 2) !important;
    min-width: calc(var(--mu-logo-slot-w, 118px) * 2) !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
}

html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand__logo-stage.is-glb-ready .mu-brand__logo--fallback,
html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand__logo--fallback,
html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand__logo:not(.mu-brand__logo--glb) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: calc(var(--mu-logo-slot-w, 118px) * 2) !important;
    height: calc(var(--mu-logo-slot-h, 62px) * 2) !important;
    max-width: calc(var(--mu-logo-slot-w, 118px) * 2) !important;
    min-width: calc(var(--mu-logo-slot-w, 118px) * 2) !important;
    object-fit: contain !important;
    object-position: left bottom !important;
    transform-style: preserve-3d !important;
    transform-origin: 50% 88% !important;
    animation: mu-brand-tilt 8s ease-in-out infinite !important;
    pointer-events: none !important;
}

html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand__logo-stage {
    left: 30px !important;
    bottom: -74px !important;
    animation: mu-brand-float 5.5s ease-in-out infinite !important;
    transform-origin: 50% 88% !important;
    will-change: transform !important;
}

html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand__logo-stage.is-glb-ready {
    animation: mu-brand-float 5.5s ease-in-out infinite !important;
}

@media (min-width: 901px) {
    html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand__logo-stage:has([data-mu-brand-logo-3d]) .mu-brand__logo--fallback {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (min-width: 1500px) {
    html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand__logo-stage {
        left: 30px !important;
        bottom: -75px !important;
    }
}

html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand:hover .mu-brand__logo-stage {
    animation-duration: 4s !important;
}

html:not(.mu-item-view-3d) #mu-chrome-nav .mu-brand:hover .mu-brand__logo:not(.mu-brand__logo--glb) {
    animation-duration: 5.5s !important;
}