/* Etapa 44: atalhos no formato de cards verticais, sem afetar outras secoes. */
body .mw-main[data-raditz-evolution="lotus19"] .mu18-home-core > .rl19-access {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    min-width: 0;
    min-height: 150px !important;
    padding: 18px !important;
    overflow: hidden;
    border: 1px solid rgba(177, 133, 87, .28) !important;
    border-radius: 9px !important;
    background: linear-gradient(145deg, #1c1919 0%, #141213 100%) !important;
    box-shadow: none !important;
    text-align: left !important;
    transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a:nth-child(3) {
    background: linear-gradient(145deg, #3a1d16 0%, #261713 100%) !important;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a::after {
    content: "";
    position: absolute;
    right: -25px;
    bottom: -40px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(197, 143, 76, .13), transparent 72%);
    pointer-events: none;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(214, 164, 101, .7) !important;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access__icon {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    margin-bottom: auto !important;
    border: 1px solid rgba(186, 94, 57, .28);
    border-radius: 9px !important;
    background: rgba(105, 43, 30, .38) !important;
    color: #e6b87a !important;
    font-size: 17px !important;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a > span:nth-child(2) {
    display: flex !important;
    flex: none !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    width: 100%;
    margin-top: 18px;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access strong {
    color: #f6f2ee !important;
    font: 800 16px/1.2 "Noto Sans", Arial, sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .01em;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access small {
    color: #aaa2a0 !important;
    font: 12px/1.35 "Noto Sans", Arial, sans-serif !important;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a > i:last-child {
    display: none !important;
}
@media (max-width: 991.98px) {
    body .mw-main[data-raditz-evolution="lotus19"] .mu18-home-core > .rl19-access {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 575.98px) {
    body .mw-main[data-raditz-evolution="lotus19"] .mu18-home-core > .rl19-access {
        gap: 10px !important;
    }
    body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a {
        padding: 13px !important;
        min-height: 145px !important;
    }
    body .mw-main[data-raditz-evolution="lotus19"] .rl19-access strong {
        font-size: 13px !important;
    }
}

/* Etapa 46: alinhar o topo dos atalhos com o Painel do Jogador.
   O padding superior do invólucro central causava o desnível. */
@media (min-width: 992px) {
    body .mw-main[data-raditz-evolution="lotus19"] .mw-content.ajax-container:has(> .rl19-access) {
        padding-top: 0 !important;
    }
}

/* Etapa 56: banners/notícias primeiro; atalhos imediatamente abaixo. */
body .mw-main[data-raditz-evolution="lotus19"] .mu18-home-core > .rl19-access {
    margin: 18px 0 20px !important;
}

/* Etapa 70: arte MU Online muito suave, somente nos quatro atalhos. */
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a {
    isolation: isolate;
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 120%;
    opacity: .13;
    -webkit-mask-image: linear-gradient(to left, #000 0%, transparent 85%);
    mask-image: linear-gradient(to left, #000 0%, transparent 85%);
}
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a:nth-child(1)::before { background-image: url('../images/full-class/dw.png'); }
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a:nth-child(2)::before { background-image: url('../images/full-class/dk.png'); }
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a:nth-child(3)::before { background-image: url('../images/full-class/mg.png'); }
body .mw-main[data-raditz-evolution="lotus19"] .rl19-access > a:nth-child(4)::before { background-image: url('../images/full-class/fe.png'); }