/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-shell[b-wks9j3zoxp] {
    --admin-bg: #0f1419;
    --admin-panel: #171e26;
    --admin-border: #2a3340;
    --admin-text: #e6ebf0;
    --admin-muted: #8b97a5;
    --admin-accent: #f99b1d;
    --admin-ok: #3ecf8e;
    --admin-warn: #e8c547;
    --admin-err: #e85d5d;
    min-height: 100vh;
    display: flex;
    background:
        radial-gradient(1200px 500px at 10% -10%, rgba(249, 155, 29, 0.12), transparent 55%),
        radial-gradient(900px 400px at 90% 0%, rgba(62, 120, 180, 0.1), transparent 50%),
        var(--admin-bg);
    color: var(--admin-text);
    font-family: "Segoe UI", system-ui, sans-serif;
}

.admin-side[b-wks9j3zoxp] {
    width: 230px;
    flex-shrink: 0;
    border-right: 1px solid var(--admin-border);
    background: rgba(15, 20, 25, 0.95);
    display: flex;
    flex-direction: column;
    padding: 1rem 0.85rem 1.25rem;
    position: sticky;
    top: 0;
    align-self: flex-start;
    min-height: 100vh;
}

.admin-side-brand[b-wks9j3zoxp] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.25rem 0.55rem 1rem;
    border-bottom: 1px solid var(--admin-border);
    margin-bottom: 0.85rem;
}

.admin-side-brand a[b-wks9j3zoxp] {
    color: var(--admin-accent);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.95rem;
}

.admin-side-brand span[b-wks9j3zoxp] {
    color: var(--admin-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.admin-side-group[b-wks9j3zoxp] {
    margin: 0.65rem 0.55rem 0.35rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--admin-muted);
}

.admin-side-nav[b-wks9j3zoxp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.admin-side-link[b-wks9j3zoxp] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--admin-muted);
    text-decoration: none;
    font-size: 0.92rem;
    padding: 0.55rem 0.65rem;
    border-radius: 6px;
}

.admin-side-link:hover[b-wks9j3zoxp],
.admin-side-link.active[b-wks9j3zoxp] {
    color: var(--admin-text);
    background: rgba(255, 255, 255, 0.06);
}

.admin-side-link.active[b-wks9j3zoxp] {
    border: 1px solid rgba(249, 155, 29, 0.35);
    color: var(--admin-accent);
}

.admin-side-logout[b-wks9j3zoxp] {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--admin-border);
}

.admin-side-logout button[b-wks9j3zoxp] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid var(--admin-border);
    background: transparent;
    color: var(--admin-muted);
    border-radius: 6px;
    padding: 0.55rem 0.65rem;
    cursor: pointer;
    font: inherit;
}

.admin-side-logout button:hover[b-wks9j3zoxp] {
    color: var(--admin-err);
    border-color: var(--admin-err);
}

.admin-side-hint[b-wks9j3zoxp] {
    color: var(--admin-muted);
    font-size: 0.85rem;
    padding: 0.5rem;
}

.admin-content[b-wks9j3zoxp] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.admin-top[b-wks9j3zoxp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1.5rem;
    border-bottom: 1px solid var(--admin-border);
    background: rgba(15, 20, 25, 0.85);
    backdrop-filter: blur(8px);
    position: sticky;
    top: 0;
    z-index: 20;
}

.admin-brand span[b-wks9j3zoxp] {
    color: var(--admin-muted);
    font-size: 0.9rem;
}

.admin-nav[b-wks9j3zoxp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.admin-nav-link[b-wks9j3zoxp] {
    color: var(--admin-muted);
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0.35rem 0.55rem;
    border-radius: 4px;
}

.admin-nav-link:hover[b-wks9j3zoxp],
.admin-nav-link.active[b-wks9j3zoxp] {
    color: var(--admin-text);
    background: rgba(255, 255, 255, 0.06);
}

.admin-nav-btn[b-wks9j3zoxp] {
    background: transparent;
    border: 1px solid var(--admin-border);
    cursor: pointer;
    font: inherit;
}

.admin-logout-form[b-wks9j3zoxp] {
    display: inline;
    margin: 0;
}

.admin-main[b-wks9j3zoxp] {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 1.25rem 3rem;
}

@media (max-width: 900px) {
    .admin-side[b-wks9j3zoxp] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Keep reconnect / error UI visible over legacy theme */
#blazor-error-ui[b-xjj38x13y2] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-xjj38x13y2] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

[b-xjj38x13y2] .social-top a.instagram:hover,
[b-xjj38x13y2] .social a.instagram:hover {
    color: #e1306c !important;
}

@media (max-width: 959px) {
    /* Legado reserva 100px — no mobile isso empurra o conteúdo demais */
    [b-xjj38x13y2] .navbar-wrapper {
        margin-bottom: 12px !important;
    }

    [b-xjj38x13y2] .top-menu-bar .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    [b-xjj38x13y2] .top-menu-bar .container > table {
        display: block;
    }

    /* Uma linha: social | tema | busca */
    [b-xjj38x13y2] .top-menu-bar .container > table tr {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        padding: 4px 0;
    }

    [b-xjj38x13y2] .top-menu-bar .container > table td {
        display: block;
        width: auto !important;
        padding: 0 !important;
        text-align: left !important;
    }

    [b-xjj38x13y2] .top-menu-bar .container > table td:nth-child(1) {
        flex: 0 0 auto;
    }

    [b-xjj38x13y2] .top-menu-bar .container > table td:nth-child(1) .social-top {
        float: none !important;
        display: flex;
        gap: 2px;
    }

    [b-xjj38x13y2] .top-menu-bar .container > table td:nth-child(2) {
        flex: 0 0 auto;
        width: auto !important;
        min-height: 0;
        text-align: center !important;
        position: relative;
    }

    [b-xjj38x13y2] .top-menu-bar .container > table td:nth-child(3) {
        flex: 1 1 auto;
        min-width: 0;
        text-align: right !important;
    }

    /* Evita o img com visibility:hidden empurrar o switch / logo fora do centro */
    [b-xjj38x13y2] .top-menu-bar .container > table td:nth-child(2) .theme-affix-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        height: 28px;
        width: auto;
    }

    [b-xjj38x13y2] .top-menu-bar:not(.affix) .container > table td:nth-child(2) .theme-affix-logo {
        display: none;
        visibility: hidden;
    }

    [b-xjj38x13y2] .top-menu-bar.affix .container > table td:nth-child(2) .theme-affix-logo {
        display: block;
        visibility: visible !important;
    }

    [b-xjj38x13y2] .top-menu-bar.affix .container > table td:nth-child(2) .theme-switch {
        display: none;
    }

    [b-xjj38x13y2] .theme-switch {
        margin-top: 0;
    }

    [b-xjj38x13y2] .theme-switch-btn {
        width: 28px;
        height: 26px;
    }

    /* Logo + hamburger na mesma linha */
    [b-xjj38x13y2] .site-nav.navbar {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        column-gap: 8px;
        row-gap: 6px;
        padding: 4px 10px 8px;
        min-height: 0;
    }

    [b-xjj38x13y2] .site-nav-logo.logo {
        float: none !important;
        grid-column: 1;
        grid-row: 1;
        width: auto !important;
        max-width: none;
        margin: 0;
        padding: 0 !important;
        text-align: left;
        min-height: 0;
    }

    [b-xjj38x13y2] .site-nav-logo.logo .brand {
        display: inline-block;
        max-height: none;
        line-height: 0;
    }

    /* Só dimensiona — display fica no theme-dark.css (.logo-theme-light/dark). */
    [b-xjj38x13y2] .site-nav-logo.logo img {
        max-height: 36px;
        width: auto;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* contents: toggle sobe para a 1ª linha ao lado do logo; menu aberto fica abaixo */
    [b-xjj38x13y2] .site-nav-menu.navbar-collapse {
        display: contents !important;
        float: none !important;
        width: auto !important;
        clear: none;
        margin: 0 !important;
        padding: 0 !important;
    }

    [b-xjj38x13y2] .site-nav-menu.navbar-collapse:before,
    [b-xjj38x13y2] .site-nav-menu.navbar-collapse:after {
        display: none !important;
    }

    [b-xjj38x13y2] .site-nav-menu .ubermenu-responsive-toggle {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: center;
    }

    [b-xjj38x13y2] .site-nav-menu .ubermenu.ubermenu-main {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100% !important;
    }
}

.SemBorda table[b-xjj38x13y2] {
    border: none !important;
}

/* Seletor de tema — topo central */
[b-xjj38x13y2] .theme-switch {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    vertical-align: middle;
    margin-top: 8px;
}

[b-xjj38x13y2] .theme-switch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 28px;
    padding: 0;
    border: 1px solid #3a4550;
    background: transparent;
    color: #b8c2cc;
    cursor: pointer;
    border-radius: 2px;
    line-height: 1;
}

[b-xjj38x13y2] .theme-switch-btn:hover {
    border-color: #f99b1d;
    color: #f99b1d;
}

[b-xjj38x13y2] .theme-switch-btn i {
    font-size: 14px;
}

/* Com barra fixa, mostra logo e esconde o switch para não competir */
[b-xjj38x13y2] .top-menu-bar.affix .theme-switch {
    display: none;
}

[b-xjj38x13y2] .top-menu-bar.affix .theme-affix-logo {
    visibility: visible !important;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Blazor controla .ubermenu-active — reforça flyout sem depender do UberMenu.js. */
.navbar-collapse[b-2hc92l01nr] {
    overflow: visible !important;
}

.navbar-collapse .ubermenu.ubermenu-main[b-2hc92l01nr] {
    max-width: 100%;
    overflow: visible !important;
}

.navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav[b-2hc92l01nr] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: stretch;
    overflow: visible !important;
}

.navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item-level-0[b-2hc92l01nr] {
    flex: 0 1 auto;
    position: relative !important;
}

.navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item-level-0 > .ubermenu-target[b-2hc92l01nr] {
    padding-left: 14px;
    padding-right: 14px;
}

/* Garante que o submenu apareça quando Blazor marca ubermenu-active */
.navbar-collapse .ubermenu .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop[b-2hc92l01nr] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    top: 100% !important;
    left: 0 !important;
    margin-top: 0 !important;
    min-width: 200px;
    z-index: 1000;
    clip: auto !important;
}

.navbar-collapse .ubermenu .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop > .ubermenu-item[b-2hc92l01nr] {
    display: block;
    float: none;
    width: 100%;
}

@media (max-width: 1199px) {
    .navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item-level-0 > .ubermenu-target > span:not(.ubermenu-target-title)[b-2hc92l01nr] {
        display: none;
    }
}

@media (max-width: 959px) {
    /* Botão hamburger compacto, alinhado ao logo */
    [b-2hc92l01nr] .ubermenu-responsive-toggle,
    .ubermenu-responsive-toggle[b-2hc92l01nr] {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 0.3rem;
        width: auto !important;
        min-width: 0;
        box-sizing: border-box;
        margin: 0 !important;
        padding: 0.45rem 0.7rem;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        border-radius: 2px;
        clear: none;
        white-space: nowrap;
    }

    .navbar-collapse .ubermenu.ubermenu-main[b-2hc92l01nr] {
        width: 100% !important;
        max-height: none !important;
        clear: both;
    }

    /* Fechado: some de verdade (UberMenu usa max-height:0 + visibility) */
    .navbar-collapse .ubermenu.ubermenu-main.ubermenu-responsive-collapse[b-2hc92l01nr] {
        max-height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        margin: 0 !important;
        border: 0 !important;
        padding: 0 !important;
    }

    /* Aberto: lista vertical, 1 item por linha */
    .navbar-collapse .ubermenu.ubermenu-main:not(.ubermenu-responsive-collapse)[b-2hc92l01nr] {
        display: block !important;
        visibility: visible !important;
        overflow: visible !important;
        max-height: none !important;
        background: #fff;
        border: 1px solid #e5e5e5;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

    .navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav[b-2hc92l01nr] {
        display: block !important;
        flex-wrap: unset;
        justify-content: flex-start;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item-level-0[b-2hc92l01nr],
    .navbar-collapse .ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-column[b-2hc92l01nr],
    .navbar-collapse .ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-column-auto[b-2hc92l01nr] {
        float: none !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        clear: both !important;
        border-bottom: 1px solid #eee;
    }

    .navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item-level-0:last-child[b-2hc92l01nr] {
        border-bottom: none;
    }

    .navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item-level-0 > .ubermenu-target[b-2hc92l01nr] {
        display: block;
        padding: 0.9rem 1rem !important;
        min-height: 48px;
        box-sizing: border-box;
    }

    .navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item-level-0 > .ubermenu-target > span:not(.ubermenu-target-title)[b-2hc92l01nr] {
        display: block;
        font-size: 12px;
        font-weight: 400;
        text-transform: none;
        opacity: 0.65;
        margin-top: 2px;
    }

    /* Submenu em acordeão (embaixo do item), não flyout */
    .navbar-collapse .ubermenu .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop[b-2hc92l01nr] {
        position: static !important;
        top: auto !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        background: #f7f8fa;
        margin: 0 !important;
        padding: 0.25rem 0 0.5rem;
    }

    .navbar-collapse .ubermenu .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop > .ubermenu-item > .ubermenu-target[b-2hc92l01nr] {
        padding: 0.75rem 1rem 0.75rem 1.5rem !important;
        min-height: 44px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-gnbkijkntm],
.components-reconnect-repeated-attempt-visible[b-gnbkijkntm],
.components-reconnect-failed-visible[b-gnbkijkntm],
.components-pause-visible[b-gnbkijkntm],
.components-resume-failed-visible[b-gnbkijkntm],
.components-rejoining-animation[b-gnbkijkntm] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-gnbkijkntm],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-gnbkijkntm],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-gnbkijkntm],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-gnbkijkntm],
#components-reconnect-modal.components-reconnect-retrying[b-gnbkijkntm],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-gnbkijkntm],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-gnbkijkntm],
#components-reconnect-modal.components-reconnect-failed[b-gnbkijkntm],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-gnbkijkntm] {
    display: block;
}


#components-reconnect-modal[b-gnbkijkntm] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-gnbkijkntm 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-gnbkijkntm 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-gnbkijkntm 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-gnbkijkntm]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-gnbkijkntm 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-gnbkijkntm {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-gnbkijkntm {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-gnbkijkntm {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-gnbkijkntm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-gnbkijkntm] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-gnbkijkntm] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-gnbkijkntm] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-gnbkijkntm] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-gnbkijkntm] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-gnbkijkntm] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-gnbkijkntm 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-gnbkijkntm] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-gnbkijkntm {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SummonerSearch.razor.rz.scp.css */
.riot-search[b-0y5et5dtzo] {
    position: relative;
    display: inline-block;
    width: min(280px, 70%);
    margin: 7px 0;
    float: right;
    text-align: left;
}

@media (max-width: 959px) {
    .riot-search[b-0y5et5dtzo] {
        float: none;
        display: block;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .riot-search-input[b-0y5et5dtzo] {
        height: 30px;
        font-size: 12px;
        padding: 0 10px 0 30px;
    }

    .riot-search-icon[b-0y5et5dtzo] {
        left: 10px;
        font-size: 12px;
    }

    .riot-search-hint[b-0y5et5dtzo] {
        left: 0;
        right: 0;
        max-width: none;
        top: 36px;
    }
}

.riot-search-icon[b-0y5et5dtzo] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    font-size: 13px;
    pointer-events: none;
}

.riot-search-input[b-0y5et5dtzo] {
    width: 100%;
    height: 34px;
    border: 1px solid #2a3138;
    background: #1f262d;
    color: #e0e0e0;
    padding: 0 12px 0 34px;
    font-size: 13px;
    border-radius: 2px;
    outline: none;
    box-sizing: border-box;
}

.riot-search-input[b-0y5et5dtzo]::placeholder {
    color: #7a858f;
}

.riot-search-input:focus[b-0y5et5dtzo] {
    border-color: #f99b1d;
    box-shadow: 0 0 0 1px rgba(249, 155, 29, 0.25);
}

.riot-search-hint[b-0y5et5dtzo] {
    position: absolute;
    right: 20px;
    top: 52px;
    z-index: 100000;
    background: #fff;
    color: #444;
    border: 1px solid #ddd;
    border-top: 3px solid #f99b1d;
    padding: 10px 14px;
    max-width: 320px;
    font-size: 13px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.riot-search-hint-btn[b-0y5et5dtzo] {
    margin-left: 8px;
    background: #f99b1d;
    border: none;
    color: #111;
    padding: 2px 10px;
    font-weight: 600;
    cursor: pointer;
}
/* /Components/Pages/Admin/Jobs.razor.rz.scp.css */
.admin-jobs-head[b-ppz7toyy9t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-jobs-head h1[b-ppz7toyy9t] {
    margin: 0 0 0.25rem;
    font-size: 1.7rem;
    color: var(--admin-accent, #f99b1d);
}

.admin-jobs-head p[b-ppz7toyy9t] {
    margin: 0;
    color: var(--admin-muted, #8b97a5);
    font-size: 0.92rem;
}

.admin-jobs-heartbeat[b-ppz7toyy9t] {
    margin-top: 0.35rem !important;
    font-size: 0.82rem !important;
    opacity: 0.9;
}

.admin-secondary-btn[b-ppz7toyy9t] {
    border: 1px solid var(--admin-border, #2a3340);
    background: rgba(255, 255, 255, 0.04);
    color: var(--admin-text, #e6ebf0);
    padding: 0.55rem 0.9rem;
    border-radius: 4px;
    cursor: pointer;
    font: inherit;
    white-space: nowrap;
}

.admin-secondary-btn:hover:not(:disabled)[b-ppz7toyy9t] {
    border-color: var(--admin-accent, #f99b1d);
    color: var(--admin-accent, #f99b1d);
}

.admin-secondary-btn:disabled[b-ppz7toyy9t] {
    opacity: 0.5;
    cursor: not-allowed;
}

.admin-flash[b-ppz7toyy9t] {
    margin-bottom: 1rem;
    padding: 0.65rem 0.85rem;
    border-radius: 4px;
    background: rgba(249, 155, 29, 0.12);
    border: 1px solid rgba(249, 155, 29, 0.35);
    color: #f99b1d;
    font-size: 0.9rem;
}

.admin-job-grid[b-ppz7toyy9t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.admin-job-card[b-ppz7toyy9t] {
    background: var(--admin-panel, #171e26);
    border: 1px solid var(--admin-border, #2a3340);
    border-radius: 8px;
    padding: 1.1rem 1.15rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.admin-job-card-head[b-ppz7toyy9t] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.admin-job-card-head h2[b-ppz7toyy9t] {
    margin: 0 0 0.25rem;
    font-size: 1.15rem;
}

.admin-job-card-head p[b-ppz7toyy9t] {
    margin: 0;
    color: var(--admin-muted, #8b97a5);
    font-size: 0.88rem;
    line-height: 1.4;
}

.admin-badge[b-ppz7toyy9t] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
    border: 1px solid transparent;
}

.admin-badge.ok[b-ppz7toyy9t] {
    color: #3ecf8e;
    border-color: rgba(62, 207, 142, 0.35);
    background: rgba(62, 207, 142, 0.1);
}

.admin-badge.err[b-ppz7toyy9t] {
    color: #e85d5d;
    border-color: rgba(232, 93, 93, 0.35);
    background: rgba(232, 93, 93, 0.1);
}

.admin-badge.run[b-ppz7toyy9t] {
    color: #f99b1d;
    border-color: rgba(249, 155, 29, 0.4);
    background: rgba(249, 155, 29, 0.12);
}

.admin-badge.wait[b-ppz7toyy9t] {
    color: #8eb6e8;
    border-color: rgba(142, 182, 232, 0.35);
    background: rgba(142, 182, 232, 0.1);
}

.admin-badge.idle[b-ppz7toyy9t] {
    color: var(--admin-muted, #8b97a5);
    border-color: var(--admin-border, #2a3340);
    background: transparent;
}

.admin-job-meta[b-ppz7toyy9t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem 0.75rem;
    margin: 0;
}

.admin-job-meta dt[b-ppz7toyy9t] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--admin-muted, #8b97a5);
    margin: 0 0 0.15rem;
}

.admin-job-meta dd[b-ppz7toyy9t] {
    margin: 0;
    font-size: 0.88rem;
}

.admin-job-summary[b-ppz7toyy9t] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.85rem;
}

.admin-job-summary code[b-ppz7toyy9t],
.admin-job-errors code[b-ppz7toyy9t] {
    display: block;
    padding: 0.5rem 0.6rem;
    background: #0f1419;
    border-radius: 4px;
    border: 1px solid var(--admin-border, #2a3340);
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.8rem;
    color: #c8d2dc;
}

.admin-job-errors summary[b-ppz7toyy9t] {
    cursor: pointer;
    color: #e85d5d;
    font-size: 0.88rem;
}

.admin-job-errors ul[b-ppz7toyy9t] {
    margin: 0.5rem 0 0;
    padding-left: 1rem;
}

.admin-job-errors li[b-ppz7toyy9t] {
    margin-bottom: 0.4rem;
}

.admin-job-actions[b-ppz7toyy9t] {
    margin-top: auto;
    padding-top: 0.25rem;
}

.admin-toplist-live[b-ppz7toyy9t] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding-top: 0.35rem;
    border-top: 1px solid var(--admin-border, #2a3340);
}

.admin-toplist-live strong[b-ppz7toyy9t] {
    font-size: 0.82rem;
    color: var(--admin-muted, #8b97a5);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.admin-toplist-recent-title[b-ppz7toyy9t] {
    margin-top: 0.55rem;
}

.admin-toplist-empty[b-ppz7toyy9t] {
    margin: 0;
    color: var(--admin-muted, #8b97a5);
    font-size: 0.85rem;
}

.admin-toplist-list[b-ppz7toyy9t] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 220px;
    overflow: auto;
}

.admin-toplist-list li[b-ppz7toyy9t] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.15rem 0.6rem;
    padding: 0.45rem 0.55rem;
    background: #0f1419;
    border: 1px solid var(--admin-border, #2a3340);
    border-radius: 4px;
    font-size: 0.85rem;
}

.admin-toplist-name[b-ppz7toyy9t] {
    font-weight: 700;
    color: #e6ebf0;
}

.admin-toplist-list small[b-ppz7toyy9t] {
    grid-column: 1 / -1;
    color: var(--admin-muted, #8b97a5);
    font-size: 0.75rem;
}

.admin-toplist-status[b-ppz7toyy9t] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    align-self: start;
}

.admin-toplist-status.run[b-ppz7toyy9t] {
    background: rgba(249, 155, 29, 0.18);
    color: #f99b1d;
}

.admin-toplist-status.ok[b-ppz7toyy9t] {
    background: rgba(76, 175, 80, 0.18);
    color: #81c784;
}

.admin-toplist-status.err[b-ppz7toyy9t] {
    background: rgba(232, 93, 93, 0.18);
    color: #e85d5d;
}

.admin-toplist-status.idle[b-ppz7toyy9t] {
    background: rgba(139, 151, 165, 0.15);
    color: #8b97a5;
}
/* /Components/Pages/Admin/Login.razor.rz.scp.css */
.admin-login[b-l6sz39heoc] {
    max-width: 420px;
    margin: 3rem auto 0;
    padding: 1.75rem;
    background: var(--admin-panel, #171e26);
    border: 1px solid var(--admin-border, #2a3340);
    border-radius: 8px;
}

.admin-login h1[b-l6sz39heoc] {
    margin: 0 0 0.35rem;
    font-size: 1.6rem;
    color: var(--admin-accent, #f99b1d);
}

.admin-login-lead[b-l6sz39heoc] {
    margin: 0 0 1.25rem;
    color: var(--admin-muted, #8b97a5);
    font-size: 0.95rem;
    line-height: 1.45;
}

.admin-field[b-l6sz39heoc] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.admin-field label[b-l6sz39heoc] {
    font-size: 0.85rem;
    color: var(--admin-muted, #8b97a5);
}

.admin-input[b-l6sz39heoc] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.7rem 0.85rem;
    border-radius: 4px;
    border: 1px solid var(--admin-border, #2a3340);
    background: #0f1419;
    color: var(--admin-text, #e6ebf0);
    font-size: 1rem;
}

.admin-input:focus[b-l6sz39heoc] {
    outline: none;
    border-color: var(--admin-accent, #f99b1d);
}

.admin-btn[b-l6sz39heoc] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 4px;
    background: var(--admin-accent, #f99b1d);
    color: #111;
    font-weight: 700;
    cursor: pointer;
}

.admin-btn:disabled[b-l6sz39heoc] {
    opacity: 0.6;
    cursor: wait;
}

.admin-banner[b-l6sz39heoc] {
    padding: 0.65rem 0.8rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    font-size: 0.88rem;
    line-height: 1.4;
}

.admin-banner.warn[b-l6sz39heoc] {
    background: rgba(232, 197, 71, 0.12);
    border: 1px solid rgba(232, 197, 71, 0.35);
    color: #e8c547;
}

.admin-banner.err[b-l6sz39heoc] {
    background: rgba(232, 93, 93, 0.12);
    border: 1px solid rgba(232, 93, 93, 0.35);
    color: #e85d5d;
}

.admin-banner code[b-l6sz39heoc] {
    font-size: 0.85em;
}
/* /Components/Pages/Admin/Social.razor.rz.scp.css */
.admin-flash.err[b-4owg3rf6jo] {
    background: rgba(224, 4, 63, 0.12);
    border-color: rgba(224, 4, 63, 0.4);
    color: #ff7a9a;
}

.admin-badge[b-4owg3rf6jo] {
    display: inline-block;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.admin-social-form[b-4owg3rf6jo],
.admin-social-history[b-4owg3rf6jo] {
    margin-bottom: 1.25rem;
    padding: 1.1rem 1.15rem;
    background: var(--admin-panel, #171e26);
    border: 1px solid var(--admin-border, #2a3340);
    border-radius: 8px;
}

.admin-social-form h2[b-4owg3rf6jo],
.admin-social-history h2[b-4owg3rf6jo] {
    margin: 0 0 0.85rem;
    font-size: 1.1rem;
}

.admin-social-grid[b-4owg3rf6jo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

.admin-social-grid label[b-4owg3rf6jo] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: var(--admin-muted, #8b97a5);
}

.admin-social-span2[b-4owg3rf6jo] {
    grid-column: 1 / -1;
}

.admin-field-hint[b-4owg3rf6jo] {
    font-size: 0.75rem;
    color: var(--admin-muted, #8b97a5);
    font-weight: 400;
}

.admin-social-grid input[b-4owg3rf6jo],
.admin-social-grid select[b-4owg3rf6jo],
.admin-social-grid textarea[b-4owg3rf6jo] {
    border: 1px solid var(--admin-border, #2a3340);
    background: #0f141a;
    color: var(--admin-text, #e6ebf0);
    border-radius: 4px;
    padding: 0.5rem 0.65rem;
    font: inherit;
}

.admin-social-check[b-4owg3rf6jo] {
    flex-direction: row !important;
    align-items: center;
    gap: 0.5rem !important;
    margin-top: 0.5rem;
}

.admin-social-form-actions[b-4owg3rf6jo] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.admin-secondary-btn.primary[b-4owg3rf6jo] {
    border-color: var(--admin-accent, #f99b1d);
    color: var(--admin-accent, #f99b1d);
    font-weight: 700;
}

.admin-social-list[b-4owg3rf6jo] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.admin-social-empty[b-4owg3rf6jo] {
    color: var(--admin-muted, #8b97a5);
}

.admin-social-card[b-4owg3rf6jo] {
    background: #12181f;
    border: 1px solid var(--admin-border, #2a3340);
    border-radius: 8px;
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.admin-social-card-main[b-4owg3rf6jo] {
    display: flex;
    gap: 0.9rem;
    align-items: flex-start;
}

.admin-social-thumb[b-4owg3rf6jo] {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    background: #0f141a;
}

.admin-social-card-meta[b-4owg3rf6jo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
    margin-bottom: 0.35rem;
}

.admin-social-card h3[b-4owg3rf6jo] {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
}

.admin-social-card p[b-4owg3rf6jo] {
    margin: 0 0 0.4rem;
    color: var(--admin-muted, #8b97a5);
    font-size: 0.9rem;
}

.admin-social-ext[b-4owg3rf6jo] {
    color: var(--admin-accent, #f99b1d);
    font-size: 0.85rem;
}

.admin-social-err[b-4owg3rf6jo] {
    color: #ff7a9a !important;
    font-size: 0.82rem !important;
}

.admin-social-order[b-4owg3rf6jo] {
    font-size: 0.75rem;
    color: var(--admin-muted, #8b97a5);
}

.admin-social-card-actions[b-4owg3rf6jo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.admin-secondary-btn.danger:hover:not(:disabled)[b-4owg3rf6jo] {
    border-color: #e0043f;
    color: #ff7a9a;
}

.admin-badge.fb[b-4owg3rf6jo] { background: rgba(24, 119, 242, 0.18); color: #8ab4f8; }
.admin-badge.ig[b-4owg3rf6jo] { background: rgba(225, 48, 108, 0.18); color: #f48fb1; }
.admin-badge.both[b-4owg3rf6jo] { background: rgba(249, 155, 29, 0.18); color: #f99b1d; }
.admin-badge.ok[b-4owg3rf6jo] { background: rgba(46, 204, 113, 0.15); color: #7dcea0; }
.admin-badge.warn[b-4owg3rf6jo] { background: rgba(232, 197, 71, 0.15); color: #e8c547; }
.admin-badge.err[b-4owg3rf6jo] { background: rgba(232, 93, 93, 0.15); color: #e85d5d; }
.admin-badge.idle[b-4owg3rf6jo] { background: rgba(139, 151, 165, 0.15); color: #8b97a5; }

@media (max-width: 720px) {
    .admin-social-grid[b-4owg3rf6jo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AoVivo.razor.rz.scp.css */
.live-toolbar[b-tj0gnzkr6z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
}

.live-region-label[b-tj0gnzkr6z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #9aa7b2;
    font-size: 0.9rem;
}

.live-region-select[b-tj0gnzkr6z] {
    background: #1a2129;
    border: 1px solid #2c3640;
    color: #e8ecef;
    padding: 6px 10px;
    border-radius: 6px;
}

.live-refresh[b-tj0gnzkr6z] {
    background: #f99b1d;
    border: none;
    color: #111;
    font-weight: 700;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
}

.live-refresh:disabled[b-tj0gnzkr6z] {
    opacity: 0.6;
    cursor: wait;
}

.live-hint[b-tj0gnzkr6z] {
    color: #6f7c88;
    font-size: 0.85rem;
}

.live-empty[b-tj0gnzkr6z],
.live-warn[b-tj0gnzkr6z] {
    text-align: center;
    padding: 20px;
    color: #8b98a5;
}

.live-warn[b-tj0gnzkr6z] {
    color: #f99b1d;
}

.live-grid[b-tj0gnzkr6z] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 16px;
    margin-top: 8px;
}

.live-card[b-tj0gnzkr6z] {
    background: #1a2129;
    border: 1px solid #2c3640;
    border-radius: 12px;
    padding: 14px 16px 16px;
    color: #d7dee5;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.live-card-head[b-tj0gnzkr6z] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.live-card-head strong[b-tj0gnzkr6z] {
    display: block;
    color: #fff;
    font-size: 1rem;
}

.live-meta[b-tj0gnzkr6z] {
    display: block;
    margin-top: 2px;
    color: #8b98a5;
    font-size: 0.82rem;
}

.live-timer[b-tj0gnzkr6z] {
    white-space: nowrap;
    color: #f99b1d;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.live-teams[b-tj0gnzkr6z] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 8px;
    align-items: start;
}

.live-team h4[b-tj0gnzkr6z] {
    margin: 0 0 8px;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8b98a5;
}

.live-team--blue h4[b-tj0gnzkr6z] { color: #4ea1ff; }
.live-team--red h4[b-tj0gnzkr6z] { color: #ff6b81; }

.live-player[b-tj0gnzkr6z] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 0.85rem;
    min-width: 0;
}

.live-player span[b-tj0gnzkr6z] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-champ[b-tj0gnzkr6z] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    flex-shrink: 0;
}

.live-vs[b-tj0gnzkr6z] {
    align-self: center;
    font-weight: 800;
    color: #5a6570;
    font-size: 0.8rem;
    padding-top: 18px;
}

.live-card-foot[b-tj0gnzkr6z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
}

.live-watch[b-tj0gnzkr6z] {
    background: #e0043f;
    border: none;
    color: #fff;
    font-weight: 700;
    padding: 9px 14px;
    border-radius: 6px;
    cursor: pointer;
}

.live-watch:disabled[b-tj0gnzkr6z] {
    opacity: 0.45;
    cursor: not-allowed;
}

.live-no-key[b-tj0gnzkr6z] {
    color: #8b98a5;
    font-size: 0.8rem;
}

.live-spectate[b-tj0gnzkr6z] {
    border-top: 1px solid #2c3640;
    padding-top: 12px;
}

.live-os-toggle[b-tj0gnzkr6z] {
    display: inline-flex;
    gap: 4px;
    margin-bottom: 8px;
}

.live-os-toggle button[b-tj0gnzkr6z] {
    background: #12171c;
    border: 1px solid #2c3640;
    color: #9aa7b2;
    padding: 5px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
}

.live-os-toggle button.is-active[b-tj0gnzkr6z] {
    background: #2c3640;
    color: #fff;
    border-color: #f99b1d;
}

.live-spectate-hint[b-tj0gnzkr6z] {
    margin: 0 0 8px;
    color: #8b98a5;
    font-size: 0.8rem;
}

.live-cmd[b-tj0gnzkr6z] {
    margin: 0;
    padding: 10px 12px;
    background: #0f1419;
    border: 1px solid #2c3640;
    border-radius: 6px;
    color: #c5ced6;
    font-size: 0.75rem;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 140px;
    overflow: auto;
}

.live-copy-row[b-tj0gnzkr6z] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.live-copy[b-tj0gnzkr6z] {
    background: #f99b1d;
    border: none;
    color: #111;
    font-weight: 700;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
}

.live-copy--alt[b-tj0gnzkr6z] {
    background: transparent;
    border: 1px solid #f99b1d;
    color: #f99b1d;
}

@media (max-width: 520px) {
    .live-teams[b-tj0gnzkr6z] {
        grid-template-columns: 1fr;
    }

    .live-vs[b-tj0gnzkr6z] {
        padding: 4px 0;
        text-align: center;
    }
}
/* /Components/Pages/ClashScouting.razor.rz.scp.css */
.clash-scout-lead[b-jqhb54c0qa] {
    margin: 0 0 12px;
    color: #888;
}

.clash-scout-bar[b-jqhb54c0qa] {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    align-items: stretch;
    max-width: 560px;
}

.clash-scout-input[b-jqhb54c0qa] {
    flex: 1;
    min-width: 220px;
    height: 40px;
    border: 1px solid #d5d5d5;
    border-right: none;
    background: #fff;
    padding: 8px 12px;
    color: #444;
    border-radius: 0;
}

.clash-scout-input[b-jqhb54c0qa]::placeholder {
    color: #999;
}

.clash-scout-input:focus[b-jqhb54c0qa] {
    border-color: #f99b1d;
    outline: none;
}

.clash-scout-btn[b-jqhb54c0qa] {
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111;
    padding: 0 18px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 13px;
}

.clash-scout-btn:hover[b-jqhb54c0qa] {
    background: #e08a12;
    border-color: #e08a12;
}

.clash-scout-btn:disabled[b-jqhb54c0qa],
.clash-scout-input:disabled[b-jqhb54c0qa] {
    opacity: 0.65;
    cursor: wait;
}

.clash-loading[b-jqhb54c0qa] {
    padding: 28px;
    text-align: center;
    color: #888;
}

.clash-msg[b-jqhb54c0qa] {
    margin: 0;
    color: #555;
}

.clash-msg-warn[b-jqhb54c0qa] {
    color: #f99b1d;
}

.clash-team-meta[b-jqhb54c0qa] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    color: #888;
    font-size: 0.95rem;
}

.clash-team-meta code[b-jqhb54c0qa] {
    color: #555;
    word-break: break-all;
}

.clash-grid[b-jqhb54c0qa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 8px;
}

.clash-panel[b-jqhb54c0qa] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #f99b1d;
    border-radius: 2px;
    padding: 14px 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.clash-panel h4[b-jqhb54c0qa] {
    margin: 0 0 4px;
    color: #444;
    font-size: 1.05rem;
}

.clash-panel-hint[b-jqhb54c0qa] {
    margin: 0 0 12px;
    color: #888;
    font-size: 0.85rem;
}

.clash-panel-ban[b-jqhb54c0qa] {
    border-left-color: #e0043f;
    background: #fffafa;
}

.clash-table-wrap[b-jqhb54c0qa] {
    width: 100%;
    overflow-x: auto;
}

.clash-table[b-jqhb54c0qa] {
    width: 100%;
    border-collapse: collapse;
    color: #555;
}

.clash-table th[b-jqhb54c0qa] {
    text-align: left;
    color: #888;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 8px 6px;
    border-bottom: 1px solid #e4e4e4;
    white-space: nowrap;
}

.clash-table td[b-jqhb54c0qa] {
    padding: 10px 6px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.clash-champ-icon[b-jqhb54c0qa] {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 6px;
}

.clash-ban-badge[b-jqhb54c0qa] {
    display: inline-block;
    background: #e0043f;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 2px;
}

.clash-captain[b-jqhb54c0qa] {
    color: #f99b1d;
    margin-right: 4px;
}

.clash-discord-btn[b-jqhb54c0qa] {
    margin-left: auto;
    background: #5865f2;
    border: 1px solid #5865f2;
    color: #fff;
    padding: 8px 14px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    cursor: pointer;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.clash-discord-btn:hover:not(:disabled)[b-jqhb54c0qa] {
    background: #4752c4;
    border-color: #4752c4;
}

.clash-discord-btn:disabled[b-jqhb54c0qa] {
    opacity: 0.7;
    cursor: wait;
}

.clash-copy-error[b-jqhb54c0qa] {
    margin: 8px 0 0;
    color: #e0043f;
    font-size: 0.9rem;
}

.clash-toast[b-jqhb54c0qa] {
    position: fixed;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%);
    z-index: 1000;
    background: #1e2a1f;
    color: #b7f5c0;
    border: 1px solid #3d8f4a;
    padding: 12px 18px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.95rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    animation: clash-toast-in-b-jqhb54c0qa 0.2s ease-out;
}

@keyframes clash-toast-in-b-jqhb54c0qa {
    from {
        opacity: 0;
        transform: translate(-50%, 8px);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

@media (max-width: 800px) {
    .clash-grid[b-jqhb54c0qa] {
        grid-template-columns: 1fr;
    }

    .clash-scout-bar[b-jqhb54c0qa] {
        max-width: none;
    }

    .clash-scout-input[b-jqhb54c0qa] {
        border-right: 1px solid #d5d5d5;
        width: 100%;
    }

    .clash-scout-btn[b-jqhb54c0qa] {
        width: 100%;
        height: 40px;
        margin-top: 8px;
    }

    .clash-discord-btn[b-jqhb54c0qa] {
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
        justify-content: center;
    }

    .clash-table thead[b-jqhb54c0qa] {
        display: none;
    }

    .clash-table tr[b-jqhb54c0qa] {
        display: block;
        margin-bottom: 12px;
        border: 1px solid #e4e4e4;
        border-radius: 2px;
        padding: 8px 10px;
        background: #fff;
    }

    .clash-table td[b-jqhb54c0qa] {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        border-bottom: none;
        padding: 6px 0;
    }

    .clash-table td[b-jqhb54c0qa]::before {
        content: attr(data-label);
        color: #888;
        font-size: 0.8rem;
        text-transform: uppercase;
        flex-shrink: 0;
    }

    .clash-table td[data-label=""][b-jqhb54c0qa]::before {
        content: none;
    }
}
/* /Components/Pages/Comparar.razor.rz.scp.css */
.comparar-lead[b-dg8uao9ai6] {
    margin: 0 0 14px;
    color: #888;
}

.comparar-inputs[b-dg8uao9ai6] {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto;
    gap: 12px;
    align-items: end;
}

.comparar-field[b-dg8uao9ai6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    min-width: 0;
}

.comparar-field span[b-dg8uao9ai6] {
    color: #888;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.comparar-field input[b-dg8uao9ai6] {
    height: 40px;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #444;
    padding: 0 12px;
}

.comparar-field input:focus[b-dg8uao9ai6] {
    border-color: #f99b1d;
    outline: none;
}

.comparar-vs-label[b-dg8uao9ai6] {
    align-self: center;
    font-weight: 800;
    color: #e0043f;
    padding-bottom: 6px;
}

.comparar-vs-label.pulse[b-dg8uao9ai6] {
    animation: comparar-vs-pulse-b-dg8uao9ai6 0.6s ease-in-out infinite;
}

.comparar-btn[b-dg8uao9ai6] {
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111;
    height: 40px;
    padding: 0 18px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
}

.comparar-btn:hover:not(:disabled)[b-dg8uao9ai6] {
    background: #e08a12;
    border-color: #e08a12;
}

.comparar-btn:disabled[b-dg8uao9ai6] {
    opacity: 0.65;
    cursor: wait;
}

.comparar-loading-panel[b-dg8uao9ai6] {
    margin-top: 18px;
}

.comparar-loading-card[b-dg8uao9ai6] {
    text-align: center;
    padding: 28px 20px 24px;
    border: 1px solid rgba(224, 4, 63, 0.35);
    background:
        radial-gradient(circle at 50% 0%, rgba(224, 4, 63, 0.18), transparent 55%),
        linear-gradient(180deg, #141018 0%, #0c0d12 100%);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.comparar-loading-names[b-dg8uao9ai6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 14px;
    margin-bottom: 18px;
    color: #f5f5f5;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-size: clamp(0.95rem, 2.4vw, 1.15rem);
}

.comparar-loading-vs[b-dg8uao9ai6] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #ff3b6b, #e0043f);
    color: #fff;
    font-weight: 900;
    font-size: 0.85rem;
    box-shadow: 0 0 0 5px rgba(224, 4, 63, 0.25);
    animation: comparar-vs-pulse-b-dg8uao9ai6 0.9s ease-in-out infinite;
}

.comparar-loading-bar[b-dg8uao9ai6] {
    height: 4px;
    max-width: 280px;
    margin: 0 auto 14px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
}

.comparar-loading-bar i[b-dg8uao9ai6] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f99b1d, #e0043f);
    animation: comparar-loading-slide-b-dg8uao9ai6 1.15s ease-in-out infinite;
}

.comparar-loading[b-dg8uao9ai6] {
    padding: 0;
    text-align: center;
    color: #b7b0b4;
    margin: 0;
    font-size: 0.92rem;
}

@keyframes comparar-loading-slide-b-dg8uao9ai6 {
    0% { transform: translateX(-120%); }
    100% { transform: translateX(280%); }
}

.comparar-error[b-dg8uao9ai6] {
    margin: 12px 0 0;
    color: #e0043f;
}

.comparar-result-enter[b-dg8uao9ai6] {
    animation: comparar-result-in-b-dg8uao9ai6 0.45s ease-out;
}

@keyframes comparar-vs-pulse-b-dg8uao9ai6 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

@keyframes comparar-result-in-b-dg8uao9ai6 {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 700px) {
    .comparar-inputs[b-dg8uao9ai6] {
        grid-template-columns: 1fr;
    }

    .comparar-vs-label[b-dg8uao9ai6] {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .comparar-btn[b-dg8uao9ai6] {
        width: 100%;
    }
}
/* /Components/Pages/DetalhesCampeao.razor.rz.scp.css */
.champ-abilities[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px !important;
}

.champ-panel[b-8tvhjlfs0e] {
    padding: 14px 16px !important;
}

.champ-lore[b-8tvhjlfs0e] {
    font-size: 14px;
    line-height: 1.7;
    color: #555;
    border-left: 3px solid #f99b1d;
    padding: 4px 0 4px 14px;
}

.champ-stats-grid[b-8tvhjlfs0e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.champ-stat[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #f99b1d;
    border-radius: 2px;
    background: #fafafa;
}

.champ-stat-label[b-8tvhjlfs0e] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #888;
}

.champ-stat-value[b-8tvhjlfs0e] {
    font-size: 18px;
    font-weight: 700;
    color: #f99b1d;
    line-height: 1.2;
}

.champ-stat-growth[b-8tvhjlfs0e] {
    font-size: 11px;
    color: #999;
}

.champ-tags[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.champ-tag[b-8tvhjlfs0e] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #555;
    font-size: 12px;
    font-weight: 600;
}

.champ-info-bars[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.champ-info-meta[b-8tvhjlfs0e] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 4px;
    font-size: 12px;
    color: #666;
}

.champ-info-meta strong[b-8tvhjlfs0e] {
    color: #f99b1d;
    font-size: 13px;
}

.champ-info-track[b-8tvhjlfs0e] {
    height: 8px;
    border-radius: 2px;
    background: #ececec;
    overflow: hidden;
    border: 1px solid #e4e4e4;
}

.champ-info-track span[b-8tvhjlfs0e] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #e08a12, #f99b1d);
}

.champ-info-track-diff span[b-8tvhjlfs0e] {
    background: linear-gradient(90deg, #b01030, #e0043f);
}

.champ-info-resource[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #e4e4e4;
}

.champ-lane[b-8tvhjlfs0e] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #f99b1d;
}

.champ-empty[b-8tvhjlfs0e] {
    margin: 0;
    color: #999;
    font-size: 13px;
}

.champ-tips[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.champ-tip-group[b-8tvhjlfs0e] {
    padding: 12px 14px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #fafafa;
}

.champ-tip-ally[b-8tvhjlfs0e] {
    border-left: 3px solid #f99b1d;
}

.champ-tip-enemy[b-8tvhjlfs0e] {
    border-left: 3px solid #e0043f;
}

.champ-tip-title[b-8tvhjlfs0e] {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #666;
}

.champ-tip-list[b-8tvhjlfs0e] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.champ-tip-list li[b-8tvhjlfs0e] {
    position: relative;
    padding-left: 14px;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
}

.champ-tip-list li[b-8tvhjlfs0e]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f99b1d;
}

.champ-tip-enemy .champ-tip-list li[b-8tvhjlfs0e]::before {
    background: #e0043f;
}

.champ-ability[b-8tvhjlfs0e] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 14px;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #f99b1d;
    border-radius: 2px;
    background: #fafafa;
}

.champ-ability:first-child[b-8tvhjlfs0e] {
    border-left-color: #e0043f;
}

.champ-ability-media[b-8tvhjlfs0e] {
    position: relative;
    width: 64px;
}

.champ-ability-icon[b-8tvhjlfs0e] {
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 4px;
    border: 2px solid #585858;
    object-fit: cover;
    background: #222;
}

.champ-ability-key[b-8tvhjlfs0e] {
    position: absolute;
    right: -6px;
    bottom: -6px;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 2px;
    background: #1a2129;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    border: 1px solid #f99b1d;
}

.champ-ability-key-p[b-8tvhjlfs0e] {
    border-color: #e0043f;
    background: #e0043f;
}

.champ-ability-key-r[b-8tvhjlfs0e] {
    border-color: #f99b1d;
    background: #f99b1d;
    color: #111;
}

.champ-ability-head[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 12px;
    margin-bottom: 6px;
}

.champ-ability-name[b-8tvhjlfs0e] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 1.2;
}

.champ-ability-type[b-8tvhjlfs0e] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #888;
}

.champ-ability-desc[b-8tvhjlfs0e] {
    font-size: 13px;
    line-height: 1.55;
    color: #555;
}

.champ-ability-desc :deep(br)[b-8tvhjlfs0e] {
    display: block;
    content: "";
    margin-top: 4px;
}

.champ-ability-stats[b-8tvhjlfs0e] {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.champ-ability-stats li[b-8tvhjlfs0e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e4e4e4;
    font-size: 12px;
}

.champ-ability-stat-label[b-8tvhjlfs0e] {
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 10px;
    font-weight: 700;
}

.champ-ability-stat-value[b-8tvhjlfs0e] {
    color: #f99b1d;
    font-weight: 700;
}

@media (max-width: 560px) {
    .champ-stats-grid[b-8tvhjlfs0e] {
        grid-template-columns: 1fr;
    }

    .champ-ability[b-8tvhjlfs0e] {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }

    .champ-ability-media[b-8tvhjlfs0e] {
        width: 56px;
    }

    .champ-ability-icon[b-8tvhjlfs0e] {
        width: 56px;
        height: 56px;
    }
}

/* Skins */
.champ-skins[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.champ-skin[b-8tvhjlfs0e] {
    text-align: center;
    width: 180px;
}

.champ-skin-btn[b-8tvhjlfs0e] {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.champ-skin-thumb[b-8tvhjlfs0e] {
    border: 2px solid #585858;
    border-radius: 8px;
    max-width: 160px;
    width: 100%;
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.champ-skin-btn:hover .champ-skin-thumb[b-8tvhjlfs0e] {
    transform: translateY(-2px);
    border-color: #f99b1d;
}

.champ-skin-name[b-8tvhjlfs0e] {
    margin: 8px 0 0;
    font-size: 13px;
    color: #555;
}

.champ-skin-modal[b-8tvhjlfs0e] {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.78);
    cursor: zoom-out;
}

.champ-skin-modal-dialog[b-8tvhjlfs0e] {
    position: relative;
    max-width: min(960px, 96vw);
    max-height: 92vh;
    cursor: default;
}

.champ-skin-modal-img[b-8tvhjlfs0e] {
    display: block;
    max-width: 100%;
    max-height: calc(92vh - 48px);
    border-radius: 4px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
    background: #111;
}

.champ-skin-modal-caption[b-8tvhjlfs0e] {
    margin: 10px 0 0;
    text-align: center;
    color: #e8ecef;
    font-size: 14px;
    font-weight: 600;
}

.champ-skin-modal-close[b-8tvhjlfs0e] {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: #f99b1d;
    color: #111;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    z-index: 1;
}

.champ-skin-modal-close:hover[b-8tvhjlfs0e] {
    background: #ffb347;
}

/* Build / Runas / Counters */
.champ-meta-chips[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

.champ-meta-chip[b-8tvhjlfs0e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 2px;
    background: #fafafa;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #f99b1d;
    font-size: 12px;
}

.champ-meta-chip em[b-8tvhjlfs0e] {
    font-style: normal;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #888;
}

.champ-meta-chip strong[b-8tvhjlfs0e] {
    color: #f99b1d;
    font-weight: 700;
}

.champ-meta-sources[b-8tvhjlfs0e] {
    margin: 14px 0 0;
    font-size: 0.78rem;
    color: #8a8a8a;
    letter-spacing: 0.02em;
}

.champ-source-badge[b-8tvhjlfs0e] {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #5a4a2a;
    background: #f3ead5;
    border: 1px solid #e2d4b0;
}

.champ-build-group[b-8tvhjlfs0e] {
    margin-bottom: 16px;
}

.champ-build-group:last-child[b-8tvhjlfs0e] {
    margin-bottom: 0;
}

.champ-build-group-head[b-8tvhjlfs0e] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
}

.champ-build-group-title[b-8tvhjlfs0e] {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #444;
}

.champ-build-group-hint[b-8tvhjlfs0e] {
    font-size: 11px;
    color: #999;
}

.champ-build-options[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.champ-build-options-compact[b-8tvhjlfs0e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.champ-build-card[b-8tvhjlfs0e] {
    padding: 12px 14px;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #d0d0d0;
    border-radius: 2px;
    background: #fafafa;
}

.champ-build-card.is-top[b-8tvhjlfs0e] {
    border-left-color: #f99b1d;
    background: linear-gradient(180deg, #fffaf2 0%, #fafafa 100%);
}

.champ-build-card-core[b-8tvhjlfs0e] {
    padding: 14px 16px;
}

.champ-build-card-meta[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.champ-build-rank[b-8tvhjlfs0e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 24px;
    padding: 0 8px;
    border-radius: 2px;
    background: #222;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.champ-build-card.is-top .champ-build-rank[b-8tvhjlfs0e] {
    background: #f99b1d;
    color: #111;
}

.champ-build-stats[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.champ-build-stats span[b-8tvhjlfs0e] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    font-size: 12px;
    color: #555;
}

.champ-build-stats em[b-8tvhjlfs0e] {
    font-style: normal;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #999;
}

.champ-build-stats strong[b-8tvhjlfs0e] {
    color: #333;
    font-weight: 700;
}

.champ-build-path[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.champ-build-arrow[b-8tvhjlfs0e] {
    color: #c0c0c0;
    font-size: 14px;
    line-height: 1;
}

.champ-build-item[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: 68px;
    text-align: center;
}

.champ-build-item img[b-8tvhjlfs0e] {
    width: 44px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    background: #222;
}

.champ-build-item span[b-8tvhjlfs0e] {
    font-size: 10px;
    line-height: 1.25;
    color: #555;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.champ-build-late-grid[b-8tvhjlfs0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px;
}

.champ-build-late-card[b-8tvhjlfs0e] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #fff;
}

.champ-build-late-card img[b-8tvhjlfs0e] {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    background: #222;
    flex-shrink: 0;
}

.champ-build-late-body[b-8tvhjlfs0e] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.champ-build-late-body strong[b-8tvhjlfs0e] {
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.champ-build-late-stats[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 10px;
    color: #888;
}

.champ-build-row[b-8tvhjlfs0e] {
    padding: 12px 14px;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #f99b1d;
    border-radius: 2px;
    background: #fafafa;
}

.champ-build-row:last-child[b-8tvhjlfs0e] {
    margin-bottom: 0;
}

.champ-build-label[b-8tvhjlfs0e] {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #888;
}

.champ-build-items[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.champ-setup[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.champ-setup-card[b-8tvhjlfs0e] {
    padding: 12px 14px;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #f99b1d;
    border-radius: 2px;
    background: #fafafa;
}

.champ-setup-title[b-8tvhjlfs0e] {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #888;
}

.champ-setup-title-sub[b-8tvhjlfs0e] {
    margin-top: 14px;
}

.champ-setup-icons[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.champ-setup-icon[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: 72px;
    text-align: center;
}

.champ-setup-icon img[b-8tvhjlfs0e] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #585858;
    background: #111;
    object-fit: cover;
}

.champ-setup-icon span[b-8tvhjlfs0e] {
    font-size: 10px;
    line-height: 1.25;
    color: #555;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* OP.GG-style rune page: full trees + shards */
.champ-rune-page[b-8tvhjlfs0e] {
    padding: 16px 16px 18px;
}

.champ-rune-page-head[b-8tvhjlfs0e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e4e4e4;
}

.champ-rune-combo[b-8tvhjlfs0e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.champ-rune-combo-icon[b-8tvhjlfs0e] {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

.champ-rune-combo-name[b-8tvhjlfs0e] {
    font-size: 16px;
    font-weight: 700;
    color: #222;
}

.champ-rune-combo-plus[b-8tvhjlfs0e] {
    color: #999;
    font-weight: 700;
}

.champ-rune-rates[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.champ-rune-rate-block[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15;
}

.champ-rune-rate-block strong[b-8tvhjlfs0e] {
    font-size: 20px;
    font-weight: 800;
    color: #222;
}

.champ-rune-rate-block em[b-8tvhjlfs0e] {
    font-style: normal;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #888;
}

.champ-rune-rate-block-win strong[b-8tvhjlfs0e] {
    color: #1a8f4a;
}

.champ-rune-trees[b-8tvhjlfs0e] {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 14px;
    align-items: start;
}

.champ-rune-tree-side[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.champ-rune-tree[b-8tvhjlfs0e],
.champ-rune-shards-panel[b-8tvhjlfs0e] {
    padding: 14px 12px 12px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background: #f3f3f3;
    min-width: 0;
}

.champ-rune-tree-head[b-8tvhjlfs0e] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.champ-rune-style-icon[b-8tvhjlfs0e] {
    width: 28px;
    height: 28px;
    object-fit: contain;
    flex-shrink: 0;
}

.champ-rune-style-name[b-8tvhjlfs0e] {
    font-size: 14px;
    font-weight: 700;
    color: #333;
}

.champ-rune-row[b-8tvhjlfs0e] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.champ-rune-row-keystone[b-8tvhjlfs0e] {
    gap: 12px;
    margin-bottom: 6px;
}

.champ-rune-opt[b-8tvhjlfs0e] {
    display: inline-flex;
    padding: 0;
    border: none;
    background: transparent;
    line-height: 0;
}

.champ-rune-opt img[b-8tvhjlfs0e] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 2px solid #4a4a4a;
    background: #111;
    object-fit: cover;
    transition: filter 0.15s ease, opacity 0.15s ease, box-shadow 0.15s ease;
}

.champ-rune-row-keystone .champ-rune-opt img[b-8tvhjlfs0e] {
    width: 52px;
    height: 52px;
    border-width: 3px;
}

.champ-rune-opt-shard img[b-8tvhjlfs0e] {
    width: 30px;
    height: 30px;
}

.champ-rune-opt.is-dim img[b-8tvhjlfs0e] {
    opacity: 0.28;
    filter: grayscale(0.85);
}

.champ-rune-opt.is-active img[b-8tvhjlfs0e] {
    opacity: 1;
    filter: none;
    border-color: #c8aa6e;
    box-shadow: 0 0 0 2px rgba(200, 170, 110, 0.35);
}

.champ-rune-selected-name[b-8tvhjlfs0e] {
    margin: 0 0 12px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #444;
    line-height: 1.25;
}

.champ-rune-shards-panel .champ-rune-selected-name[b-8tvhjlfs0e] {
    margin-bottom: 10px;
}

@media (max-width: 760px) {
    .champ-rune-trees[b-8tvhjlfs0e] {
        grid-template-columns: 1fr;
    }

    .champ-rune-page-head[b-8tvhjlfs0e] {
        flex-direction: column;
        align-items: flex-start;
    }

    .champ-rune-rate-block[b-8tvhjlfs0e] {
        align-items: flex-start;
    }
}

.champ-skill-priority-row[b-8tvhjlfs0e],
.champ-skill-order-row[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.champ-skill-order-row[b-8tvhjlfs0e] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e4e4e4;
}

.champ-skill-caption[b-8tvhjlfs0e] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #888;
}

.champ-skill-keys[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.champ-skill-keys-wrap[b-8tvhjlfs0e] {
    gap: 4px;
}

.champ-skill-sep[b-8tvhjlfs0e] {
    color: #bbb;
    font-weight: 700;
}

.champ-skill-key[b-8tvhjlfs0e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    border-radius: 2px;
    background: #1a2129;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #f99b1d;
}

.champ-skill-key-sm[b-8tvhjlfs0e] {
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    font-size: 10px;
}

.champ-skill-key-q[b-8tvhjlfs0e] { border-color: #4aa3ff; }
.champ-skill-key-w[b-8tvhjlfs0e] { border-color: #4caf50; }
.champ-skill-key-e[b-8tvhjlfs0e] { border-color: #f99b1d; }
.champ-skill-key-r[b-8tvhjlfs0e] {
    border-color: #f99b1d;
    background: #f99b1d;
    color: #111;
}

.champ-matchups[b-8tvhjlfs0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
}

.champ-matchup[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 12px 8px;
    border-radius: 2px;
    border: 1px solid #e4e4e4;
    background: #fafafa;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.champ-matchup:hover[b-8tvhjlfs0e] {
    transform: translateY(-2px);
}

.champ-matchup-good[b-8tvhjlfs0e] {
    border-left: 3px solid #4caf50;
}

.champ-matchup-good:hover[b-8tvhjlfs0e] {
    border-color: #4caf50;
}

.champ-matchup-bad[b-8tvhjlfs0e] {
    border-left: 3px solid #e0043f;
}

.champ-matchup-bad:hover[b-8tvhjlfs0e] {
    border-color: #e0043f;
}

.champ-matchup img[b-8tvhjlfs0e] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #585858;
}

.champ-matchup-name[b-8tvhjlfs0e] {
    font-size: 12px;
    font-weight: 600;
    color: #444;
    text-align: center;
    line-height: 1.2;
}

.champ-matchup-wr[b-8tvhjlfs0e] {
    font-size: 11px;
    font-weight: 700;
    color: #f99b1d;
}

.champ-matchup-good .champ-matchup-wr[b-8tvhjlfs0e] {
    color: #4caf50;
}

.champ-matchup-bad .champ-matchup-wr[b-8tvhjlfs0e] {
    color: #e0043f;
}

.champ-matchup-synergy[b-8tvhjlfs0e] {
    border-left: 3px solid #4aa3ff;
}

.champ-matchup-synergy:hover[b-8tvhjlfs0e] {
    border-color: #4aa3ff;
}

.champ-matchup-synergy .champ-matchup-wr[b-8tvhjlfs0e] {
    color: #4aa3ff;
}

.champ-matchup-pos[b-8tvhjlfs0e] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #888;
    padding: 2px 7px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #e4e4e4;
}

.champ-empty[b-8tvhjlfs0e] {
    color: #999;
    margin: 0;
}

.champ-model3d[b-8tvhjlfs0e] {
    text-align: center;
}

.champ-model3d-cta[b-8tvhjlfs0e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 18px 8px;
}

.champ-model3d-hint[b-8tvhjlfs0e] {
    margin: 0;
    font-size: 13px;
    color: #777;
    max-width: 420px;
    line-height: 1.5;
}

.champ-model3d-load[b-8tvhjlfs0e] {
    appearance: none;
    border: 1px solid #f99b1d;
    background: #f99b1d;
    color: #111;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 22px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.champ-model3d-load:hover[b-8tvhjlfs0e] {
    background: #fff;
    color: #f99b1d;
}

.champ-model3d-toolbar[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px;
}

.champ-model3d-skin-label[b-8tvhjlfs0e] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #888;
}

.champ-model3d-skin[b-8tvhjlfs0e] {
    min-width: 180px;
    max-width: 100%;
    padding: 7px 10px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-size: 13px;
}

.champ-model3d-frame[b-8tvhjlfs0e] {
    width: 100%;
    border: 1px solid #2a313a;
    border-radius: 10px;
    overflow: hidden;
    background: #0e1217;
}

html[data-theme="dark"] .champ-model3d-hint[b-8tvhjlfs0e] {
    color: #9aa3ad;
}

html[data-theme="dark"] .champ-model3d-skin[b-8tvhjlfs0e] {
    background: #151b21;
    border-color: #2a313a;
    color: #e8eaed;
}

/* —— Champion Room (caixa acima das skins) —— */
.room-box[b-8tvhjlfs0e] {
    background: linear-gradient(165deg, #151b22 0%, #0e1217 100%) !important;
    border: 1px solid #2a3440;
}

.room-box-stats[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 14px;
}

.room-box-stat[b-8tvhjlfs0e] {
    min-width: 72px;
    padding: 8px 10px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(14, 18, 23, 0.55);
}

.room-box-stat strong[b-8tvhjlfs0e] {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
    color: #f99b1d;
}

.room-box-stat span[b-8tvhjlfs0e] {
    display: block;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9aa3ad;
}

.room-box-stage[b-8tvhjlfs0e] {
    margin-top: 8px;
}

.room-box-stage[b-8tvhjlfs0e]  .room-box-3d,
.room-box-stage[b-8tvhjlfs0e]  .champ3d {
    height: 380px;
    border-color: rgba(249, 155, 29, 0.28);
}

.room-box-fallback[b-8tvhjlfs0e] {
    text-align: center;
    padding: 12px 0;
}

.room-box-fallback-img[b-8tvhjlfs0e] {
    max-height: 220px;
    max-width: 180px;
    object-fit: contain;
    margin-bottom: 8px;
}

.room-skin-toolbar[b-8tvhjlfs0e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px;
}

.room-skin-label[b-8tvhjlfs0e] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9aa3ad;
}

.room-skin-select[b-8tvhjlfs0e] {
    min-width: 180px;
    padding: 7px 10px;
    border: 1px solid #2a313a;
    border-radius: 4px;
    background: #151b21;
    color: #e8eaed;
    font-size: 13px;
}

.room-toplist-list[b-8tvhjlfs0e] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.room-toplist-row[b-8tvhjlfs0e] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px 4px;
    border-bottom: 1px solid #2a3440;
}

.room-toplist-medal[b-8tvhjlfs0e] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #f99b1d;
}

.room-toplist-name[b-8tvhjlfs0e] {
    font-weight: 700;
    color: #e8eef4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-toplist-score[b-8tvhjlfs0e] {
    font-weight: 800;
    color: #f99b1d;
    font-size: 0.95rem;
}

.room-toplist-link[b-8tvhjlfs0e] {
    margin: 14px 0 0;
    text-align: right;
}

.room-toplist-link a[b-8tvhjlfs0e] {
    color: #e0043f;
    font-weight: 700;
    text-decoration: none;
}

.room-ulrp-spotlight[b-8tvhjlfs0e] {
    text-align: center;
    margin: 0 0 18px;
    padding: 16px;
    border: 1px solid rgba(249, 155, 29, 0.35);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(249, 155, 29, 0.12), transparent);
}

.room-ulrp-kicker[b-8tvhjlfs0e] {
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #f99b1d;
}

.room-ulrp-champ[b-8tvhjlfs0e] {
    margin: 6px 0 0;
    font-size: 1.4rem;
    font-weight: 800;
    color: #e8eef4;
}

.room-ulrp-label[b-8tvhjlfs0e] {
    margin: 4px 0 0;
    font-size: 12px;
    color: #9aa3ad;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.room-ulrp-value[b-8tvhjlfs0e] {
    margin: 6px 0 0;
    font-size: 2rem;
    font-weight: 800;
    color: #f99b1d;
}

.room-skins-hint[b-8tvhjlfs0e] {
    margin: 0 0 12px;
    font-size: 13px;
    color: #9aa3ad;
}

.champ-skin-btn[b-8tvhjlfs0e] {
    position: relative;
}

.champ-skin-3d-badge[b-8tvhjlfs0e] {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 2px 6px;
    border-radius: 3px;
    background: #e0043f;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.champ-skin.is-active-3d .champ-skin-thumb[b-8tvhjlfs0e] {
    outline: 2px solid #f99b1d;
    outline-offset: 2px;
}

@media (max-width: 800px) {
    .room-box-stage[b-8tvhjlfs0e]  .room-box-3d,
    .room-box-stage[b-8tvhjlfs0e]  .champ3d {
        height: 280px;
    }
}

html:not([data-theme="dark"]) .room-toplist-row[b-8tvhjlfs0e] {
    border-bottom-color: #e4e4e4;
}

html:not([data-theme="dark"]) .room-toplist-name[b-8tvhjlfs0e],
html:not([data-theme="dark"]) .room-ulrp-champ[b-8tvhjlfs0e] {
    color: #222;
}

html:not([data-theme="dark"]) .room-box[b-8tvhjlfs0e] {
    background: #fafafa !important;
    border-color: #e4e4e4;
}

.room-matchup-cta[b-8tvhjlfs0e] {
    text-align: center;
    padding: 16px 18px !important;
}

.room-matchup-title[b-8tvhjlfs0e] {
    margin: 0 0 6px;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.room-matchup-lead[b-8tvhjlfs0e] {
    margin: 0 0 12px;
    color: #666;
}

.room-matchup-btn[b-8tvhjlfs0e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 4px;
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111 !important;
    font-weight: 800;
    text-decoration: none;
}

.room-matchup-btn:hover[b-8tvhjlfs0e] {
    background: #fff;
    color: #f99b1d !important;
    border-color: #f99b1d;
}

/* /Components/Pages/HallDaFama.razor.rz.scp.css */
.hof-page[b-fpk3gq714n] {
    padding-bottom: 48px;
}

.hof-loading[b-fpk3gq714n] {
    padding: 48px 16px;
    text-align: center;
}

.hof-skel[b-fpk3gq714n] {
    border-radius: 10px;
    background: linear-gradient(90deg, #1a2129 25%, #242c36 50%, #1a2129 75%);
    background-size: 200% 100%;
    animation: hof-shimmer-b-fpk3gq714n 1.2s ease infinite;
}

.hof-skel-hero[b-fpk3gq714n] {
    height: 280px;
    margin-bottom: 16px;
}

.hof-loading-text[b-fpk3gq714n] {
    color: #9aa3ad;
    font-size: 14px;
}

@keyframes hof-shimmer-b-fpk3gq714n {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.hof-hero-banner[b-fpk3gq714n] {
    margin: 8px 0 28px;
    padding: 28px 20px 24px;
    text-align: center;
    border: 1px solid #2a3440;
    border-radius: 12px;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(249, 155, 29, 0.14), transparent 55%),
        linear-gradient(180deg, #1a2129 0%, #12171e 100%);
}

.hof-kicker[b-fpk3gq714n] {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #f99b1d;
}

.hof-title[b-fpk3gq714n] {
    margin: 0 0 10px;
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 800;
    color: #e8eef4;
    letter-spacing: 0.02em;
}

.hof-riot[b-fpk3gq714n] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #d7dee5;
}

.hof-elo[b-fpk3gq714n] {
    margin: 6px 0 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #f99b1d;
}

.hof-tagline[b-fpk3gq714n] {
    margin: 12px 0 0;
    font-size: 0.95rem;
    color: #9aa3ad;
    font-style: italic;
}

.hof-meta[b-fpk3gq714n] {
    margin-top: 14px;
    font-size: 13px;
    color: #8b949e;
}

.hof-meta-sep[b-fpk3gq714n] {
    margin: 0 6px;
}

.hof-back[b-fpk3gq714n] {
    margin: 16px 0 0;
}

.hof-back a[b-fpk3gq714n] {
    color: #e0043f;
    font-weight: 600;
    text-decoration: none;
}

.hof-back a:hover[b-fpk3gq714n] {
    text-decoration: underline;
}

.hof-section[b-fpk3gq714n] {
    margin: 36px 0;
}

.hof-section-title[b-fpk3gq714n] {
    margin: 0 0 6px;
    font-size: 1.35rem;
    font-weight: 800;
    color: #e8eef4;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hof-section-lead[b-fpk3gq714n] {
    margin: 0 0 20px;
    text-align: center;
    color: #9aa3ad;
    font-size: 0.95rem;
}

.hof-hero-wrap[b-fpk3gq714n] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.7fr);
    gap: 20px;
    align-items: stretch;
}

.hof-hero-facts[b-fpk3gq714n] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    padding: 20px;
    border: 1px solid #2a3440;
    border-radius: 10px;
    background: #151b22;
}

.hof-fact[b-fpk3gq714n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hof-fact-label[b-fpk3gq714n] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8b949e;
}

.hof-fact-value[b-fpk3gq714n] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #e8eef4;
}

.hof-hero-cta[b-fpk3gq714n] {
    margin-top: 8px;
    display: inline-block;
    padding: 10px 14px;
    border-radius: 4px;
    background: #e0043f;
    color: #fff !important;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
}

.hof-hero-cta:hover[b-fpk3gq714n] {
    filter: brightness(1.08);
}

.hof-highlights[b-fpk3gq714n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.hof-highlight-item[b-fpk3gq714n] {
    animation: hof-card-in-b-fpk3gq714n 0.55s ease both;
}

.hof-gallery[b-fpk3gq714n] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.hof-empty[b-fpk3gq714n] {
    text-align: center;
    color: #9aa3ad;
}

.hof-footer[b-fpk3gq714n] {
    margin-top: 40px;
    text-align: center;
}

.hof-share-hint[b-fpk3gq714n] {
    margin: 0;
    font-size: 12px;
    color: #6b7380;
    letter-spacing: 0.04em;
}

.hof-anim[b-fpk3gq714n] {
    opacity: 0;
    animation: hof-fade-up-b-fpk3gq714n 0.5s ease forwards;
}

.hof-anim-1[b-fpk3gq714n] { animation-delay: 0.05s; }
.hof-anim-2[b-fpk3gq714n] { animation-delay: 0.15s; }
.hof-anim-3[b-fpk3gq714n] { animation-delay: 0.28s; }
.hof-anim-4[b-fpk3gq714n] { animation-delay: 0.4s; }
.hof-anim-5[b-fpk3gq714n] { animation-delay: 0.5s; }

@keyframes hof-fade-up-b-fpk3gq714n {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hof-card-in-b-fpk3gq714n {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1000px) {
    .hof-gallery[b-fpk3gq714n] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .hof-hero-wrap[b-fpk3gq714n] {
        grid-template-columns: 1fr;
    }

    .hof-highlights[b-fpk3gq714n] {
        grid-template-columns: 1fr;
    }

    .hof-gallery[b-fpk3gq714n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .hof-gallery[b-fpk3gq714n] {
        grid-template-columns: 1fr;
    }

    .hof-hero-banner[b-fpk3gq714n] {
        padding: 22px 14px;
    }
}

/* Light theme fallbacks */
html:not([data-theme="dark"]) .hof-hero-banner[b-fpk3gq714n] {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(249, 155, 29, 0.12), transparent 55%),
        linear-gradient(180deg, #fffaf3 0%, #fff 100%);
    border-color: #e4e4e4;
}

html:not([data-theme="dark"]) .hof-title[b-fpk3gq714n],
html:not([data-theme="dark"]) .hof-section-title[b-fpk3gq714n],
html:not([data-theme="dark"]) .hof-riot[b-fpk3gq714n],
html:not([data-theme="dark"]) .hof-fact-value[b-fpk3gq714n] {
    color: #222;
}

html:not([data-theme="dark"]) .hof-hero-facts[b-fpk3gq714n] {
    background: #fff;
    border-color: #e4e4e4;
}

.hof-dna-card[b-fpk3gq714n] {
    margin: 18px auto 0;
    max-width: 360px;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid rgba(249, 155, 29, 0.35);
    background: rgba(0, 0, 0, 0.18);
}

.hof-dna-kicker[b-fpk3gq714n] {
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #f99b1d;
}

.hof-dna-arch[b-fpk3gq714n] {
    margin: 8px 0 0;
    font-size: 1.25rem;
    font-weight: 800;
    color: #e8eef4;
}

.hof-dna-sig[b-fpk3gq714n] {
    margin: 6px 0 0;
    font-size: 13px;
    color: #9aa3ad;
}

.hof-dna-link[b-fpk3gq714n] {
    display: inline-block;
    margin-top: 10px;
    color: #e0043f;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-decoration: none;
}

/* /Components/Pages/Home.razor.rz.scp.css */
/* Títulos das notícias um pouco menores. */
[b-rmmmvbri54] .newsbv .newsb-title a,
[b-rmmmvbri54] .newsb-title a {
    font-size: 15px;
}

[b-rmmmvbri54] .vc_col-sm-8 .newsbv li:first-child h4 a,
[b-rmmmvbri54] .newsbv-item-first .newsb-title a {
    font-size: 17px;
}

[b-rmmmvbri54] .news-home-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding-right: 18px;
}

[b-rmmmvbri54] .news-home-title .widget-title {
    flex: 1 1 auto;
    margin: 0;
}

[b-rmmmvbri54] .news-home-more {
    position: relative;
    z-index: 2;
    margin-right: 8px;
    color: #e0043f;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-decoration: none;
    white-space: nowrap;
}

[b-rmmmvbri54] .news-home-more:hover {
    color: #f99b1d;
    text-decoration: none;
}

[b-rmmmvbri54] .news-home-more .fa {
    margin-left: 2px;
}

/* Top 20 Challenger — caber na coluna lateral sem estourar. */
[b-rmmmvbri54] .challenger-box {
    overflow: hidden;
    padding: 8px 6px 12px;
    border: none !important;
    box-shadow: none !important;
}

[b-rmmmvbri54] .challenger-scroll {
    width: 100%;
    overflow-x: auto;
}

[b-rmmmvbri54] .challenger-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: none !important;
    font-size: 12px;
    color: #555;
}

[b-rmmmvbri54] .challenger-table th {
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    padding: 4px 2px;
    border: none !important;
    color: #333;
}

[b-rmmmvbri54] .challenger-table td {
    padding: 5px 2px;
    text-align: center;
    vertical-align: middle;
    border: none !important;
    color: #555;
}

[b-rmmmvbri54] .challenger-table .col-pos {
    width: 12%;
}

[b-rmmmvbri54] .challenger-table .col-lp {
    width: 18%;
    color: #f99b1d;
    font-weight: 600;
}

[b-rmmmvbri54] .challenger-table .col-wins {
    width: 14%;
}

[b-rmmmvbri54] .challenger-table .col-name {
    width: 56%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
}

[b-rmmmvbri54] .challenger-table .col-name a {
    color: #555;
    text-decoration: none;
}

[b-rmmmvbri54] .challenger-table .col-name a:hover {
    color: #f99b1d;
}

/* Rank por Elo (league-exp) */
[b-rmmmvbri54] .elo-ladder {
    padding: 14px 16px 16px !important;
}

[b-rmmmvbri54] .elo-ladder-lead {
    margin: 0 0 12px;
    color: #7a858f;
    font-size: 13px;
}

[b-rmmmvbri54] .elo-tier-chips,
[b-rmmmvbri54] .elo-div-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

[b-rmmmvbri54] .elo-tier-chip,
[b-rmmmvbri54] .elo-div-chip {
    border: 1px solid #d9dee5;
    background: #fff;
    color: #444;
    border-radius: 999px;
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

[b-rmmmvbri54] .elo-tier-chip:hover:not(:disabled),
[b-rmmmvbri54] .elo-div-chip:hover:not(:disabled) {
    border-color: #e0043f;
    color: #e0043f;
}

[b-rmmmvbri54] .elo-tier-chip.is-active,
[b-rmmmvbri54] .elo-div-chip.is-active {
    border-color: #e0043f;
    background: rgba(224, 4, 63, 0.1);
    color: #e0043f;
}

[b-rmmmvbri54] .elo-tier-chip:disabled,
[b-rmmmvbri54] .elo-div-chip:disabled {
    opacity: 0.55;
    cursor: wait;
}

[b-rmmmvbri54] .elo-ladder-msg {
    padding: 18px 8px;
    text-align: center;
    color: #7a858f;
}

[b-rmmmvbri54] .elo-ladder-table-wrap {
    overflow-x: auto;
    transition: opacity 0.15s ease;
}

[b-rmmmvbri54] .elo-ladder-table-wrap.is-refreshing {
    opacity: 0.55;
}

[b-rmmmvbri54] .elo-ladder-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

[b-rmmmvbri54] .elo-ladder-table th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7a858f;
    padding: 6px 4px;
    border-bottom: 1px solid #e8ebef;
    text-align: center;
}

[b-rmmmvbri54] .elo-ladder-table td {
    padding: 7px 4px;
    border-bottom: 1px solid #f0f2f5;
    text-align: center;
    vertical-align: middle;
}

[b-rmmmvbri54] .elo-ladder-table .col-pos { width: 10%; }
[b-rmmmvbri54] .elo-ladder-table .col-lp { width: 18%; font-weight: 700; }
[b-rmmmvbri54] .elo-ladder-table .col-wl { width: 16%; }
[b-rmmmvbri54] .elo-ladder-table .col-name {
    width: 56%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
}

[b-rmmmvbri54] .elo-ladder-table .col-lp .fa-fire {
    margin-left: 4px;
    color: #f99b1d;
    font-size: 12px;
}

[b-rmmmvbri54] .elo-ladder-table .col-name a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
}

[b-rmmmvbri54] .elo-ladder-table .col-name a:hover {
    color: #e0043f;
}

[b-rmmmvbri54] .elo-ladder-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
    color: #7a858f;
    font-size: 12px;
}

/* Top List (home) */
[b-rmmmvbri54] .toplist-home-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding-right: 12px;
}

[b-rmmmvbri54] .toplist-home-title .widget-title {
    flex: 1 1 auto;
    margin: 0;
}

[b-rmmmvbri54] .toplist-help-link {
    border: none;
    background: none;
    padding: 0;
    margin-right: 4px;
    color: #e0043f;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
    white-space: nowrap;
}

[b-rmmmvbri54] .toplist-help-link:hover {
    color: #f99b1d;
}

[b-rmmmvbri54] .toplist-home {
    padding: 14px 16px 16px !important;
}

[b-rmmmvbri54] .toplist-home-lead {
    margin: 0 0 12px;
    color: #7a858f;
    font-size: 13px;
    text-align: left;
}

[b-rmmmvbri54] .toplist-home-empty {
    padding: 18px 8px;
    text-align: center;
    color: #7a858f;
    font-size: 13px;
    line-height: 1.45;
}

[b-rmmmvbri54] .toplist-home-table-wrap {
    overflow-x: auto;
}

[b-rmmmvbri54] .toplist-home-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

[b-rmmmvbri54] .toplist-home-table th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7a858f;
    padding: 6px 4px;
    border-bottom: 1px solid #e8ebef;
    text-align: center;
}

[b-rmmmvbri54] .toplist-home-table td {
    padding: 7px 4px;
    border-bottom: 1px solid #f0f2f5;
    text-align: center;
    vertical-align: middle;
}

[b-rmmmvbri54] .toplist-home-table .col-pos {
    width: 8%;
    font-weight: 700;
    color: #333;
}

[b-rmmmvbri54] .toplist-home-table .col-champ {
    width: 22%;
    text-align: left;
    white-space: nowrap;
}

[b-rmmmvbri54] .toplist-home-table .col-name {
    width: 28%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-rmmmvbri54] .toplist-home-table .col-name a {
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

[b-rmmmvbri54] .toplist-home-table .col-name a:hover {
    color: #e0043f;
}

[b-rmmmvbri54] .toplist-home-table .col-wl,
[b-rmmmvbri54] .toplist-home-table .col-kda,
[b-rmmmvbri54] .toplist-home-table .col-cs,
[b-rmmmvbri54] .toplist-home-table .col-gold {
    width: 8%;
    color: #555;
}

[b-rmmmvbri54] .toplist-home-table .col-ulrp {
    width: 10%;
    font-weight: 700;
    color: #f99b1d;
}

[b-rmmmvbri54] .toplist-champ-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: middle;
}

[b-rmmmvbri54] .toplist-mastery-icon {
    width: 18px;
    height: 18px;
    margin-left: 6px;
    vertical-align: middle;
}

[b-rmmmvbri54] .toplist-mastery-pts {
    margin-left: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #666;
    vertical-align: middle;
}

[b-rmmmvbri54] .toplist-home-foot {
    margin-top: 12px;
    text-align: center;
}

[b-rmmmvbri54] .toplist-help-modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(14, 18, 23, 0.72);
}

[b-rmmmvbri54] .toplist-help-dialog {
    position: relative;
    width: min(520px, 100%);
    max-height: min(85vh, 640px);
    overflow: auto;
    border-radius: 4px;
    padding: 22px 24px 20px !important;
    text-align: left;
}

[b-rmmmvbri54] .toplist-help-close {
    position: absolute;
    top: 8px;
    right: 12px;
    border: none;
    background: none;
    font-size: 28px;
    line-height: 1;
    color: #7a858f;
    cursor: pointer;
}

[b-rmmmvbri54] .toplist-help-close:hover {
    color: #e0043f;
}

[b-rmmmvbri54] .toplist-help-dialog h4 {
    margin: 0 28px 12px 0;
    font-size: 18px;
    color: inherit;
}

[b-rmmmvbri54] .toplist-help-dialog h5 {
    margin: 14px 0 6px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #e0043f;
}

[b-rmmmvbri54] .toplist-help-body p,
[b-rmmmvbri54] .toplist-help-body li {
    font-size: 14px;
    line-height: 1.5;
    color: inherit;
}

[b-rmmmvbri54] .toplist-help-body ol,
[b-rmmmvbri54] .toplist-help-body ul {
    margin: 0 0 8px;
    padding-left: 1.25rem;
}

[b-rmmmvbri54] .toplist-help-note {
    margin-top: 12px !important;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    font-size: 12px !important;
    color: #7a858f !important;
}

/* Social feed (home sidebar) */
[b-rmmmvbri54] .social-feed-box {
    padding: 10px 12px 12px !important;
}

[b-rmmmvbri54] .social-feed-empty {
    margin: 0 0 10px;
    padding: 4px;
    text-align: center;
    color: #7a858f;
    font-size: 13px;
}

[b-rmmmvbri54] .social-follow-list {
    display: flex !important;
    justify-content: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 4px 0 8px !important;
}

[b-rmmmvbri54] .social-follow-list li {
    float: none !important;
    margin: 0 !important;
}

[b-rmmmvbri54] .socialb-wrapper li a.s-instagram {
    background: #c13584;
}


[b-rmmmvbri54] .social-feed-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-rmmmvbri54] .social-feed-link {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    padding: 6px;
    border-radius: 6px;
    transition: background 0.15s ease;
}

[b-rmmmvbri54] .social-feed-link:hover {
    background: rgba(224, 4, 63, 0.06);
    text-decoration: none;
}

[b-rmmmvbri54] .social-feed-thumb {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

[b-rmmmvbri54] .social-feed-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

[b-rmmmvbri54] .social-feed-platform {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7a858f;
}

[b-rmmmvbri54] .social-feed-platform.instagram {
    color: #c13584;
}

[b-rmmmvbri54] .social-feed-platform.facebook {
    color: #1877f2;
}

[b-rmmmvbri54] .social-feed-copy strong {
    font-size: 13px;
    color: #333;
    line-height: 1.25;
}

[b-rmmmvbri54] .social-feed-caption {
    font-size: 12px;
    color: #7a858f;
    line-height: 1.35;
}

/* Free Week */
[b-rmmmvbri54] .freeweek-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    padding: 8px;
}

[b-rmmmvbri54] .freeweek-champ {
    display: inline-block;
    line-height: 0;
    border-radius: 100px;
}

[b-rmmmvbri54] .freeweek-champ img {
    border-radius: 100px;
    width: 38px;
    height: 38px;
    max-width: 38px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

[b-rmmmvbri54] .freeweek-champ:hover img {
    transform: scale(1.08);
    box-shadow: 0 0 0 2px #f99b1d;
}

/* Sessão logada (abaixo da Free Week) */
[b-rmmmvbri54] .home-session-wrap {
    margin-top: 8px;
}

[b-rmmmvbri54] .home-session-box {
    padding: 14px 14px 16px !important;
}

[b-rmmmvbri54] .home-session-hello {
    margin: 0;
    color: #e8ecef;
    font-size: 0.95rem;
}

[b-rmmmvbri54] .home-session-hello strong {
    color: #f99b1d;
}

[b-rmmmvbri54] .home-session-hint {
    margin: 6px 0 0;
    color: #8b98a5;
    font-size: 0.82rem;
    line-height: 1.4;
}

[b-rmmmvbri54] .home-session-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

[b-rmmmvbri54] .home-session-logout {
    margin: 0;
    display: inline-flex;
}

[b-rmmmvbri54] .home-session-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #2a3440;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none !important;
    cursor: pointer;
}

[b-rmmmvbri54] .home-session-btn--profile {
    background: #1f2730;
    color: #e8ecef !important;
}

[b-rmmmvbri54] .home-session-btn--profile:hover {
    border-color: #f99b1d;
    color: #f99b1d !important;
}

[b-rmmmvbri54] .home-session-btn--logout {
    background: transparent;
    color: #f0a0a8 !important;
    border-color: rgba(224, 4, 63, 0.4);
}

[b-rmmmvbri54] .home-session-btn--logout:hover {
    background: rgba(224, 4, 63, 0.12);
    border-color: #e0043f;
}

/* /Components/Pages/Invocador.razor.rz.scp.css */
.inv-loading[b-v65hm6z7kr] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr);
    gap: 16px;
    margin-top: 8px;
}

.inv-share-btn[b-v65hm6z7kr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e0043f;
    border: 1px solid #e0043f;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 10px 14px;
    cursor: pointer;
    border-radius: 2px;
}

.inv-share-btn:hover[b-v65hm6z7kr] {
    background: #c00336;
    border-color: #c00336;
}

.inv-tool-links[b-v65hm6z7kr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.inv-tool-link[b-v65hm6z7kr] {
    background: none;
    border: none;
    color: #f99b1d;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
    text-decoration: underline;
}

.inv-tool-link:hover[b-v65hm6z7kr] {
    color: #ffc15c;
}

.inv-tool-sep[b-v65hm6z7kr] {
    color: #888;
    user-select: none;
}

.inv-verified[b-v65hm6z7kr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 8px 0 4px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(76, 175, 80, 0.12);
    border: 1px solid rgba(76, 175, 80, 0.4);
    color: #2e7d32;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.3;
    max-width: 100%;
}

.inv-loading-card[b-v65hm6z7kr],
.inv-loading-side[b-v65hm6z7kr] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    padding: 24px 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.inv-loading-card[b-v65hm6z7kr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 260px;
}

.inv-loading-side[b-v65hm6z7kr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inv-skel[b-v65hm6z7kr] {
    background: linear-gradient(90deg, #ececec 25%, #f5f5f5 50%, #ececec 75%);
    background-size: 200% 100%;
    animation: inv-shimmer-b-v65hm6z7kr 1.2s ease-in-out infinite;
    border-radius: 2px;
}

.inv-skel-avatar[b-v65hm6z7kr] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    margin-bottom: 16px;
    border: 3px solid #e8e8e8;
}

.inv-skel-line[b-v65hm6z7kr] {
    height: 12px;
    margin: 6px 0;
}

.inv-skel-lg[b-v65hm6z7kr] {
    width: 70%;
    height: 18px;
}

.inv-skel-md[b-v65hm6z7kr] {
    width: 45%;
}

.inv-skel-sm[b-v65hm6z7kr] {
    width: 30%;
    height: 14px;
    background: linear-gradient(90deg, #f3e2c4 25%, #f9edd8 50%, #f3e2c4 75%);
    background-size: 200% 100%;
}

.inv-skel-block[b-v65hm6z7kr] {
    height: 72px;
    width: 100%;
}

.inv-skel-block-tall[b-v65hm6z7kr] {
    height: 140px;
}

.inv-skel-row[b-v65hm6z7kr] {
    height: 40px;
    width: 100%;
    margin-bottom: 8px;
}

.inv-loading-text[b-v65hm6z7kr] {
    margin: 20px 0 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #888;
}

.inv-loading-text-sm[b-v65hm6z7kr] {
    margin-top: 12px;
    text-align: center;
}

.inv-matches-loading[b-v65hm6z7kr] {
    padding: 8px 0 4px;
}

.inv-hof-preview[b-v65hm6z7kr] {
    padding: 14px 16px;
    text-align: center;
}

.inv-hof-lead[b-v65hm6z7kr] {
    margin: 0 0 12px;
    color: #888;
    font-size: 13px;
}

.inv-hof-icons[b-v65hm6z7kr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-bottom: 14px;
}

.inv-hof-icon[b-v65hm6z7kr] {
    width: 72px;
    text-align: center;
}

.inv-hof-icon img[b-v65hm6z7kr] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #f99b1d;
    object-fit: cover;
}

.inv-hof-icon span[b-v65hm6z7kr] {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inv-hof-cta[b-v65hm6z7kr] {
    margin: 0;
}

.inv-hof-cta a[b-v65hm6z7kr] {
    color: #e0043f;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.03em;
    text-decoration: none;
    text-transform: uppercase;
}

.inv-hof-cta a:hover[b-v65hm6z7kr] {
    text-decoration: underline;
}

.inv-dna-preview[b-v65hm6z7kr] {
    padding: 14px 16px;
    text-align: center;
}

.inv-dna-arch[b-v65hm6z7kr] {
    margin: 0 0 8px;
    font-size: 1.15rem;
    color: #f99b1d;
}

.inv-dna-arch span[b-v65hm6z7kr] { margin-right: 6px; }

.inv-dna-sig[b-v65hm6z7kr] {
    margin: 0 0 8px;
    font-size: 13px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.inv-dna-sig img[b-v65hm6z7kr] {
    border-radius: 50%;
}

.inv-dna-lead[b-v65hm6z7kr] {
    margin: 0 0 12px;
    color: #888;
    font-size: 13px;
    line-height: 1.4;
}

.inv-dna-cta[b-v65hm6z7kr] { margin: 0; }

.inv-dna-cta a[b-v65hm6z7kr] {
    color: #e0043f;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.03em;
    text-decoration: none;
    text-transform: uppercase;
}

html[data-theme="dark"] .inv-dna-lead[b-v65hm6z7kr],
html[data-theme="dark"] .inv-dna-sig[b-v65hm6z7kr] {
    color: #9aa3ad;
}

html[data-theme="dark"] .inv-hof-lead[b-v65hm6z7kr],
html[data-theme="dark"] .inv-hof-icon span[b-v65hm6z7kr] {
    color: #9aa3ad;
}

@keyframes inv-shimmer-b-v65hm6z7kr {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (max-width: 768px) {
    .inv-loading[b-v65hm6z7kr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.auth-shell[b-fhnp013d8m] {
    max-width: 560px;
    margin: 24px auto 48px;
}

.auth-card[b-fhnp013d8m] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 28px 24px;
}

.auth-card--wide[b-fhnp013d8m] {
    max-width: 640px;
}

.auth-card h1[b-fhnp013d8m] {
    margin: 0 0 8px;
    font-size: 1.75rem;
}

.auth-lead[b-fhnp013d8m] {
    color: #666;
    margin: 0 0 18px;
}

.auth-form[b-fhnp013d8m] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auth-form label[b-fhnp013d8m] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #888;
}

.auth-form input[b-fhnp013d8m],
.auth-form textarea[b-fhnp013d8m],
.auth-form select[b-fhnp013d8m] {
    height: 40px;
    border: 1px solid #d5d5d5;
    padding: 0 10px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    text-transform: none;
    letter-spacing: 0;
}

.auth-form textarea[b-fhnp013d8m] {
    height: auto;
    padding: 10px;
    resize: vertical;
}

.auth-check[b-fhnp013d8m] {
    flex-direction: row !important;
    align-items: center;
    gap: 8px !important;
    text-transform: none;
    font-weight: 600;
    color: #555;
}

.auth-btn[b-fhnp013d8m] {
    height: 42px;
    border: none;
    background: #e0043f;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    border-radius: 2px;
}

.auth-btn:hover[b-fhnp013d8m] { background: #c00336; }
.auth-btn:disabled[b-fhnp013d8m] { opacity: 0.6; cursor: default; }

.auth-btn--secondary[b-fhnp013d8m] {
    background: #151b21;
    padding: 0 14px;
    white-space: nowrap;
}

.auth-btn--ghost[b-fhnp013d8m] {
    background: transparent;
    border: 1px solid #ccc;
    color: #555;
}

.auth-foot[b-fhnp013d8m] {
    margin-top: 18px;
    text-align: center;
    color: #666;
}

.auth-banner[b-fhnp013d8m] {
    padding: 10px 12px;
    border-radius: 4px;
    margin-bottom: 14px;
    font-size: 0.92rem;
}

.auth-banner.err[b-fhnp013d8m] {
    background: rgba(224, 4, 63, 0.1);
    border: 1px solid rgba(224, 4, 63, 0.35);
    color: #a0032d;
}

.auth-banner.ok[b-fhnp013d8m] {
    background: rgba(76, 175, 80, 0.12);
    border: 1px solid rgba(76, 175, 80, 0.35);
    color: #2e7d32;
}

.auth-summoner[b-fhnp013d8m] {
    margin-bottom: 18px;
    padding: 14px;
    background: #fafafa;
    border-radius: 4px;
}

.auth-summoner h3[b-fhnp013d8m] {
    margin: 0 0 10px;
    font-size: 0.95rem;
}

.auth-summoner-row[b-fhnp013d8m] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.auth-summoner-row input[b-fhnp013d8m] {
    height: 38px;
    border: 1px solid #d5d5d5;
    padding: 0 10px;
    flex: 1;
    min-width: 100px;
}

.auth-tag[b-fhnp013d8m] { max-width: 90px; flex: 0 0 90px; }
.auth-hash[b-fhnp013d8m] { font-weight: 800; color: #888; }

.auth-linked[b-fhnp013d8m] {
    margin-top: 10px;
    color: #2e7d32;
    font-weight: 600;
}

.auth-hint[b-fhnp013d8m] {
    margin: 8px 0 0;
    color: #888;
    font-size: 0.9rem;
}

.profile-hero[b-fhnp013d8m] {
    min-height: 180px;
    border-radius: 4px;
    margin: 8px 0 18px;
    overflow: hidden;
    color: #fff;
}

.profile-hero-overlay[b-fhnp013d8m] {
    padding: 28px 24px;
}

.profile-hero h1[b-fhnp013d8m] {
    margin: 0 0 4px;
}

.profile-ulp[b-fhnp013d8m] {
    margin-top: 10px;
    font-size: 1.1rem;
}

.profile-grid[b-fhnp013d8m] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 16px;
    margin-bottom: 40px;
}

.profile-panel[b-fhnp013d8m] {
    padding: 16px;
}

.profile-sub[b-fhnp013d8m] {
    margin: 8px 0 0;
    font-size: 0.9rem;
}

.ulp-history[b-fhnp013d8m] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ulp-history li[b-fhnp013d8m] {
    display: flex;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.ulp-amt[b-fhnp013d8m] {
    min-width: 48px;
    font-weight: 800;
    color: #2e7d32;
}

.ulp-history small[b-fhnp013d8m] {
    display: block;
    color: #888;
    margin-top: 2px;
}

.verified-badge[b-fhnp013d8m] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(76, 175, 80, 0.2);
    border: 1px solid rgba(76, 175, 80, 0.5);
    color: #c8f0cb;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

@media (max-width: 900px) {
    .profile-grid[b-fhnp013d8m] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Maestria.razor.rz.scp.css */
.mastery-lead[b-eaaugz17vf] {
    margin: 0 0 14px;
    color: #888;
}

.mastery-filters[b-eaaugz17vf] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    align-items: flex-end;
}

.mastery-field[b-eaaugz17vf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    min-width: 220px;
    flex: 1;
}

.mastery-field span[b-eaaugz17vf] {
    color: #888;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.mastery-field select[b-eaaugz17vf] {
    height: 38px;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #444;
    padding: 0 10px;
}

.mastery-field select:focus[b-eaaugz17vf] {
    border-color: #f99b1d;
    outline: none;
}

.mastery-btn[b-eaaugz17vf] {
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111;
    padding: 0 16px;
    height: 38px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.mastery-btn:hover:not(:disabled)[b-eaaugz17vf] {
    background: #e08a12;
    border-color: #e08a12;
}

.mastery-btn:disabled[b-eaaugz17vf] {
    opacity: 0.65;
    cursor: wait;
}

.mastery-loading[b-eaaugz17vf],
.mastery-msg[b-eaaugz17vf] {
    padding: 24px;
    text-align: center;
    color: #888;
    margin: 0;
}

.mastery-meta[b-eaaugz17vf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    color: #888;
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.mastery-table-wrap[b-eaaugz17vf] {
    width: 100%;
    overflow-x: auto;
}

.mastery-table[b-eaaugz17vf] {
    width: 100%;
    border-collapse: collapse;
    color: #555;
}

.mastery-table th[b-eaaugz17vf] {
    text-align: left;
    color: #888;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 8px 6px;
    border-bottom: 1px solid #e4e4e4;
    white-space: nowrap;
}

.mastery-table td[b-eaaugz17vf] {
    padding: 10px 6px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.mastery-champ-icon[b-eaaugz17vf] {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 6px;
}

.mastery-pts[b-eaaugz17vf] {
    color: #f99b1d;
    font-weight: 700;
}

@media (max-width: 800px) {
    .mastery-field[b-eaaugz17vf] {
        min-width: 100%;
    }

    .mastery-btn[b-eaaugz17vf] {
        width: 100%;
    }

    .mastery-table thead[b-eaaugz17vf] {
        display: none;
    }

    .mastery-table tr[b-eaaugz17vf] {
        display: block;
        margin-bottom: 12px;
        border: 1px solid #e4e4e4;
        padding: 8px 10px;
        background: #fff;
    }

    .mastery-table td[b-eaaugz17vf] {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        border-bottom: none;
        padding: 6px 0;
    }

    .mastery-table td[b-eaaugz17vf]::before {
        content: attr(data-label);
        color: #888;
        font-size: 0.8rem;
        text-transform: uppercase;
        flex-shrink: 0;
    }
}
/* /Components/Pages/MatchupLab.razor.rz.scp.css */
.mlab-page[b-foojm8eln1] {
    max-width: 960px;
}

.mlab-lead[b-foojm8eln1] {
    margin: 0 0 16px;
    color: #888;
    line-height: 1.45;
}

.mlab-form[b-foojm8eln1] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.mlab-field[b-foojm8eln1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    flex: 1 1 160px;
    min-width: 140px;
}

.mlab-field span[b-foojm8eln1] {
    color: #888;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.mlab-field input[b-foojm8eln1],
.mlab-field select[b-foojm8eln1] {
    height: 42px;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #333;
    padding: 0 12px;
    border-radius: 4px;
}

.mlab-form-vs[b-foojm8eln1] {
    font-weight: 800;
    color: #e0043f;
    padding-bottom: 10px;
}

.mlab-btn[b-foojm8eln1] {
    appearance: none;
    border: 1px solid #f99b1d;
    background: #f99b1d;
    color: #111;
    font-weight: 800;
    font-size: 13px;
    padding: 11px 18px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
}

.mlab-btn:hover:not(:disabled)[b-foojm8eln1] {
    background: #fff;
    color: #f99b1d;
}

.mlab-btn:disabled[b-foojm8eln1] {
    opacity: 0.7;
    cursor: wait;
}

.mlab-btn-ghost[b-foojm8eln1] {
    background: #111;
    border-color: #111;
    color: #fff;
}

.mlab-btn-ghost:hover[b-foojm8eln1] {
    background: #333;
    border-color: #333;
    color: #fff;
}

.mlab-error[b-foojm8eln1] {
    margin: 12px 0 0;
    color: #e0043f;
    font-weight: 600;
}

.mlab-loading[b-foojm8eln1] {
    text-align: center;
    color: #666;
}

.mlab-result[b-foojm8eln1] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mlab-arena[b-foojm8eln1] {
    background: linear-gradient(165deg, #121820 0%, #1a222d 55%, #0e1217 100%);
    color: #f2f4f7;
    border-radius: 6px;
    padding: 22px 18px 18px;
    text-align: center;
    border: 1px solid #2a3340;
}

.mlab-kicker[b-foojm8eln1] {
    margin: 0;
    font-size: 11px;
    letter-spacing: 0.14em;
    font-weight: 800;
    color: #f99b1d;
}

.mlab-player[b-foojm8eln1] {
    margin: 6px 0 16px;
    font-size: 1.15rem;
    font-weight: 700;
}

.mlab-fighters[b-foojm8eln1] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: end;
}

.mlab-model[b-foojm8eln1] {
    min-height: 200px;
    max-width: 280px;
    margin: 0 auto;
}

.mlab-champ-name[b-foojm8eln1] {
    margin: 8px 0 0;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.mlab-vs[b-foojm8eln1] {
    font-size: 1.4rem;
    font-weight: 900;
    color: #e0043f;
    padding-bottom: 48px;
}

.mlab-pair[b-foojm8eln1] {
    margin: 14px 0 0;
    font-weight: 700;
    color: #9aa3ad;
}

.mlab-panel[b-foojm8eln1] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 16px 18px;
}

.mlab-panel h2[b-foojm8eln1] {
    margin: 0 0 10px;
    font-size: 0.95rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 800;
    color: #222;
}

.mlab-empty-title[b-foojm8eln1] {
    margin: 0 0 6px;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: #666;
}

.mlab-hero-stats[b-foojm8eln1] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    margin-bottom: 14px;
}

.mlab-hero-wr strong[b-foojm8eln1] {
    display: block;
    font-size: 2.4rem;
    line-height: 1;
    color: #e0043f;
    font-weight: 900;
}

.mlab-hero-wr span[b-foojm8eln1],
.mlab-hero-split span[b-foojm8eln1] {
    color: #888;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mlab-hero-split[b-foojm8eln1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mlab-hero-split b[b-foojm8eln1] {
    color: #222;
    font-size: 1.05rem;
}

.mlab-verdict[b-foojm8eln1] {
    padding: 12px 14px;
    border-radius: 4px;
    margin-bottom: 12px;
    border-left: 4px solid #999;
    background: #f7f7f7;
}

.mlab-verdict-advantage[b-foojm8eln1] {
    border-left-color: #2e9e5b;
    background: #f1faf5;
}

.mlab-verdict-challenging[b-foojm8eln1] {
    border-left-color: #e0043f;
    background: #fff5f7;
}

.mlab-verdict-balanced[b-foojm8eln1] {
    border-left-color: #888;
}

.mlab-verdict-title[b-foojm8eln1] {
    margin: 0 0 4px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.mlab-verdict-detail[b-foojm8eln1] {
    margin: 0;
    color: #555;
}

.mlab-confidence-label[b-foojm8eln1],
.mlab-section-label[b-foojm8eln1] {
    margin: 0 0 6px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #888;
}

.mlab-confidence-bar[b-foojm8eln1] {
    height: 8px;
    background: #ececec;
    border-radius: 99px;
    overflow: hidden;
}

.mlab-confidence-bar i[b-foojm8eln1] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #f99b1d, #e0043f);
}

.mlab-confidence-text[b-foojm8eln1] {
    margin: 6px 0 0;
    font-size: 0.85rem;
    color: #666;
}

.mlab-metrics[b-foojm8eln1] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 14px 0;
}

.mlab-metrics strong[b-foojm8eln1] {
    display: block;
    font-size: 1.25rem;
    color: #222;
}

.mlab-metrics span[b-foojm8eln1] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #888;
}

.mlab-wl[b-foojm8eln1] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.mlab-wl span[b-foojm8eln1] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
}

.mlab-wl .is-w[b-foojm8eln1] {
    background: #e6f6ec;
    color: #1f7a45;
}

.mlab-wl .is-l[b-foojm8eln1] {
    background: #fde8ec;
    color: #b0002a;
}

.mlab-form-sum[b-foojm8eln1] {
    margin: 8px 0 0;
    color: #666;
    font-size: 0.9rem;
}

.mlab-history ul[b-foojm8eln1] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mlab-history li[b-foojm8eln1] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.9rem;
}

.mlab-history a[b-foojm8eln1] {
    font-weight: 700;
    color: #333;
}

.mlab-history .is-w a[b-foojm8eln1] {
    color: #1f7a45;
}

.mlab-history .is-l a[b-foojm8eln1] {
    color: #b0002a;
}

.mlab-general-hint[b-foojm8eln1],
.mlab-muted[b-foojm8eln1] {
    margin: 0 0 10px;
    color: #888;
    font-size: 0.88rem;
}

.mlab-general-grid[b-foojm8eln1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.mlab-general-grid strong[b-foojm8eln1] {
    display: block;
    font-size: 1.35rem;
    color: #222;
}

.mlab-general-grid span[b-foojm8eln1] {
    font-size: 0.75rem;
    color: #888;
}

.mlab-meta-foot[b-foojm8eln1] {
    margin: 12px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 0.8rem;
    color: #999;
}

.mlab-dna-arch[b-foojm8eln1] {
    margin: 0 0 6px;
    font-weight: 800;
    font-size: 1.05rem;
}

.mlab-rank-grid[b-foojm8eln1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}

.mlab-rank-list[b-foojm8eln1] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mlab-rank-list li[b-foojm8eln1] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.mlab-rank-list img[b-foojm8eln1] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
}

.mlab-rank-list em[b-foojm8eln1] {
    grid-column: 2 / -1;
    font-style: normal;
    font-size: 0.75rem;
    color: #999;
}

.mlab-actions[b-foojm8eln1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 4px 0 12px;
}

.mlab-share-msg[b-foojm8eln1] {
    font-size: 0.85rem;
    color: #666;
}

@media (max-width: 700px) {
    .mlab-fighters[b-foojm8eln1] {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .mlab-vs[b-foojm8eln1] {
        padding: 0;
    }

    .mlab-form[b-foojm8eln1] {
        flex-direction: column;
        align-items: stretch;
    }

    .mlab-form-vs[b-foojm8eln1] {
        text-align: center;
        padding: 0;
    }

    .mlab-btn[b-foojm8eln1] {
        width: 100%;
    }

    .mlab-hero-wr strong[b-foojm8eln1] {
        font-size: 2rem;
    }
}

/* Dark theme — painéis e formulário acompanham o site */
html[data-theme="dark"] .mlab-intro.wcontainer[b-foojm8eln1],
html[data-theme="dark"] .mlab-loading.wcontainer[b-foojm8eln1] {
    background: #1a2129;
    border-color: #2a3440;
}

html[data-theme="dark"] .mlab-lead[b-foojm8eln1],
html[data-theme="dark"] .mlab-loading[b-foojm8eln1],
html[data-theme="dark"] .mlab-field span[b-foojm8eln1],
html[data-theme="dark"] .mlab-general-hint[b-foojm8eln1],
html[data-theme="dark"] .mlab-muted[b-foojm8eln1],
html[data-theme="dark"] .mlab-confidence-label[b-foojm8eln1],
html[data-theme="dark"] .mlab-section-label[b-foojm8eln1],
html[data-theme="dark"] .mlab-hero-wr span[b-foojm8eln1],
html[data-theme="dark"] .mlab-hero-split span[b-foojm8eln1],
html[data-theme="dark"] .mlab-metrics span[b-foojm8eln1],
html[data-theme="dark"] .mlab-general-grid span[b-foojm8eln1],
html[data-theme="dark"] .mlab-meta-foot[b-foojm8eln1],
html[data-theme="dark"] .mlab-share-msg[b-foojm8eln1],
html[data-theme="dark"] .mlab-form-sum[b-foojm8eln1],
html[data-theme="dark"] .mlab-confidence-text[b-foojm8eln1],
html[data-theme="dark"] .mlab-empty-title[b-foojm8eln1],
html[data-theme="dark"] .mlab-rank-list em[b-foojm8eln1] {
    color: #9aa3ad;
}

html[data-theme="dark"] .mlab-field input[b-foojm8eln1],
html[data-theme="dark"] .mlab-field select[b-foojm8eln1] {
    background: #0b1018;
    border-color: #2a3440;
    color: #e8eef4;
}

html[data-theme="dark"] .mlab-btn:hover:not(:disabled)[b-foojm8eln1] {
    background: transparent;
    color: #f99b1d;
}

html[data-theme="dark"] .mlab-btn-ghost[b-foojm8eln1] {
    background: #12181f;
    border-color: #2a3440;
    color: #e8eef4;
}

html[data-theme="dark"] .mlab-btn-ghost:hover[b-foojm8eln1] {
    background: #1e262f;
    border-color: #f99b1d;
    color: #f99b1d;
}

html[data-theme="dark"] .mlab-panel[b-foojm8eln1] {
    background: #1a2129;
    border-color: #2a3440;
    color: #d7dee5;
}

html[data-theme="dark"] .mlab-panel h2[b-foojm8eln1],
html[data-theme="dark"] .mlab-hero-split b[b-foojm8eln1],
html[data-theme="dark"] .mlab-metrics strong[b-foojm8eln1],
html[data-theme="dark"] .mlab-general-grid strong[b-foojm8eln1],
html[data-theme="dark"] .mlab-dna-arch[b-foojm8eln1],
html[data-theme="dark"] .mlab-verdict-title[b-foojm8eln1] {
    color: #e8eef4;
}

html[data-theme="dark"] .mlab-verdict[b-foojm8eln1] {
    background: #12181f;
    border-left-color: #6b7380;
}

html[data-theme="dark"] .mlab-verdict-advantage[b-foojm8eln1] {
    background: rgba(46, 158, 91, 0.12);
    border-left-color: #2e9e5b;
}

html[data-theme="dark"] .mlab-verdict-challenging[b-foojm8eln1] {
    background: rgba(224, 4, 63, 0.12);
    border-left-color: #e0043f;
}

html[data-theme="dark"] .mlab-verdict-balanced[b-foojm8eln1] {
    background: #12181f;
    border-left-color: #6b7380;
}

html[data-theme="dark"] .mlab-verdict-detail[b-foojm8eln1] {
    color: #9aa3ad;
}

html[data-theme="dark"] .mlab-confidence-bar[b-foojm8eln1] {
    background: #0b1018;
}

html[data-theme="dark"] .mlab-wl .is-w[b-foojm8eln1] {
    background: rgba(46, 158, 91, 0.18);
    color: #5dce8a;
}

html[data-theme="dark"] .mlab-wl .is-l[b-foojm8eln1] {
    background: rgba(224, 4, 63, 0.18);
    color: #ff7a9a;
}

html[data-theme="dark"] .mlab-history li[b-foojm8eln1],
html[data-theme="dark"] .mlab-rank-list li[b-foojm8eln1] {
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .mlab-history a[b-foojm8eln1] {
    color: #e8eef4;
}

html[data-theme="dark"] .mlab-history .is-w a[b-foojm8eln1] {
    color: #5dce8a;
}

html[data-theme="dark"] .mlab-history .is-l a[b-foojm8eln1] {
    color: #ff7a9a;
}
/* /Components/Pages/Novidades.razor.rz.scp.css */
.news-browse-page .title_wrapper h1[b-xxmw2vkx4a] {
    margin: 8px 0 4px;
    font-size: 28px;
}

.news-browse-toolbar[b-xxmw2vkx4a] {
    padding: 18px 18px 14px !important;
    margin-bottom: 18px;
}

.news-browse-search[b-xxmw2vkx4a] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.news-browse-search > .fa-search[b-xxmw2vkx4a] {
    position: absolute;
    left: 14px;
    color: #8a94a0;
    pointer-events: none;
}

.news-browse-input[b-xxmw2vkx4a] {
    width: 100%;
    height: 46px;
    border: 1px solid #d9dee5;
    background: #fff;
    color: #222;
    border-radius: 4px;
    padding: 0 42px 0 40px;
    font-size: 15px;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.news-browse-input:focus[b-xxmw2vkx4a] {
    border-color: #e0043f;
    box-shadow: 0 0 0 3px rgba(224, 4, 63, 0.12);
}

.news-browse-clear[b-xxmw2vkx4a] {
    position: absolute;
    right: 8px;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    color: #8a94a0;
    cursor: pointer;
    border-radius: 4px;
}

.news-browse-clear:hover[b-xxmw2vkx4a] {
    color: #e0043f;
    background: rgba(224, 4, 63, 0.08);
}

.news-browse-chips[b-xxmw2vkx4a] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.news-chip[b-xxmw2vkx4a] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #d9dee5;
    background: #fff;
    color: #444;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, transform 0.12s ease;
}

.news-chip:hover[b-xxmw2vkx4a] {
    border-color: #b8c0ca;
    transform: translateY(-1px);
}

.news-chip.is-active[b-xxmw2vkx4a] {
    border-color: var(--chip-color, #e0043f);
    background: color-mix(in srgb, var(--chip-color, #e0043f) 12%, white);
    color: #1a1a1a;
}

.news-chip-dot[b-xxmw2vkx4a] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.news-chip-count[b-xxmw2vkx4a] {
    font-size: 11px;
    font-weight: 700;
    color: #7a858f;
    background: #f1f3f6;
    border-radius: 999px;
    padding: 1px 7px;
    min-width: 1.5rem;
    text-align: center;
}

.news-chip.is-active .news-chip-count[b-xxmw2vkx4a] {
    background: rgba(0, 0, 0, 0.08);
    color: #333;
}

.news-browse-meta[b-xxmw2vkx4a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    color: #7a858f;
    font-size: 13px;
    min-height: 28px;
}

.news-browse-reset[b-xxmw2vkx4a] {
    border: none;
    background: transparent;
    color: #e0043f;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.news-browse-reset:hover[b-xxmw2vkx4a] {
    text-decoration: underline;
}

.news-browse-grid[b-xxmw2vkx4a] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
    transition: opacity 0.15s ease;
}

.news-browse-grid.is-refreshing[b-xxmw2vkx4a] {
    opacity: 0.55;
}

.news-card[b-xxmw2vkx4a] {
    background: #fff;
    border: 1px solid #e8ebef;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.news-card:hover[b-xxmw2vkx4a] {
    box-shadow: 0 10px 28px rgba(20, 28, 36, 0.1);
    transform: translateY(-2px);
}

.news-card-media[b-xxmw2vkx4a] {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #1a2129;
}

.news-card-media img[b-xxmw2vkx4a] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.news-card:hover .news-card-media img[b-xxmw2vkx4a] {
    transform: scale(1.04);
}

.news-card-fallback[b-xxmw2vkx4a] {
    width: 100%;
    height: 100%;
    opacity: 0.85;
}

.news-card-cat[b-xxmw2vkx4a] {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 4px 8px;
    border-radius: 2px;
    max-width: calc(100% - 20px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-card-body[b-xxmw2vkx4a] {
    padding: 14px 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.news-card-body time[b-xxmw2vkx4a] {
    font-size: 12px;
    color: #8a94a0;
    text-transform: capitalize;
}

.news-card-body h2[b-xxmw2vkx4a] {
    margin: 0;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
}

.news-card-body h2 a[b-xxmw2vkx4a] {
    color: #222;
    text-decoration: none;
}

.news-card-body h2 a:hover[b-xxmw2vkx4a] {
    color: #e0043f;
}

.news-card-body p[b-xxmw2vkx4a] {
    margin: 0;
    color: #5c6770;
    font-size: 13px;
    line-height: 1.45;
    flex: 1;
}

.news-card-more[b-xxmw2vkx4a] {
    margin-top: 4px;
    color: #e0043f;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
}

.news-card-more:hover[b-xxmw2vkx4a] {
    text-decoration: underline;
}

.news-browse-empty[b-xxmw2vkx4a] {
    text-align: center;
    padding: 48px 20px !important;
}

.news-browse-empty .fa[b-xxmw2vkx4a] {
    font-size: 36px;
    color: #e0043f;
    margin-bottom: 10px;
}

.news-browse-empty h3[b-xxmw2vkx4a] {
    margin: 0 0 6px;
}

.news-browse-empty p[b-xxmw2vkx4a] {
    color: #7a858f;
    margin-bottom: 16px;
}

.news-browse-pager[b-xxmw2vkx4a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 8px 0 28px;
}

.news-page-btn[b-xxmw2vkx4a] {
    border: 1px solid #d9dee5;
    background: #fff;
    color: #333;
    padding: 8px 14px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
}

.news-page-btn:hover:not(:disabled)[b-xxmw2vkx4a] {
    border-color: #e0043f;
    color: #e0043f;
}

.news-page-btn:disabled[b-xxmw2vkx4a] {
    opacity: 0.45;
    cursor: not-allowed;
}

.news-page-status[b-xxmw2vkx4a] {
    color: #7a858f;
    font-size: 13px;
}

.news-card.is-skeleton .news-card-media[b-xxmw2vkx4a],
.sk[b-xxmw2vkx4a] {
    background: linear-gradient(90deg, #eceff3 25%, #f7f8fa 50%, #eceff3 75%);
    background-size: 200% 100%;
    animation: news-sk-b-xxmw2vkx4a 1.2s ease-in-out infinite;
}

.sk-line[b-xxmw2vkx4a] {
    height: 12px;
    border-radius: 4px;
    margin-top: 8px;
}

.sk-line.short[b-xxmw2vkx4a] { width: 40%; }
.sk-line.mid[b-xxmw2vkx4a] { width: 70%; }

@keyframes news-sk-b-xxmw2vkx4a {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

@media (max-width: 991px) {
    .news-browse-grid[b-xxmw2vkx4a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .news-browse-grid[b-xxmw2vkx4a] {
        grid-template-columns: 1fr;
    }

    .news-browse-toolbar[b-xxmw2vkx4a] {
        padding: 14px !important;
    }
}
/* /Components/Pages/PartidaAtiva.razor.rz.scp.css */
.live-active-search[b-3u34l3thzr] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
}

.live-active-search .riot-search-page[b-3u34l3thzr] {
    flex: 1;
    min-width: 240px;
}

.live-active-refresh[b-3u34l3thzr] {
    height: 40px;
    padding: 0 16px;
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
}

.live-active-loading[b-3u34l3thzr],
.live-active-idle[b-3u34l3thzr] {
    padding: 24px;
    text-align: center;
    color: #888;
}

.live-active-card[b-3u34l3thzr] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.live-active-head[b-3u34l3thzr] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 14px;
}

.live-active-head strong[b-3u34l3thzr] {
    display: block;
    font-size: 1.1rem;
    color: #333;
}

.live-active-meta[b-3u34l3thzr],
.live-active-focus[b-3u34l3thzr] {
    display: block;
    color: #888;
    font-size: 0.85rem;
    margin-top: 2px;
}

.live-active-focus[b-3u34l3thzr] {
    color: #f99b1d;
    font-weight: 700;
}

.live-active-timer[b-3u34l3thzr] {
    color: #e0043f;
    font-weight: 800;
    white-space: nowrap;
}

.live-active-bans[b-3u34l3thzr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 14px;
}

.live-active-ban-col span[b-3u34l3thzr] {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    color: #888;
    font-weight: 700;
    margin-bottom: 6px;
}

.live-active-ban-row[b-3u34l3thzr] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.live-active-ban[b-3u34l3thzr] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    filter: grayscale(0.2);
    border: 1px solid rgba(224, 4, 63, 0.45);
}

.live-active-teams[b-3u34l3thzr] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: start;
}

.live-active-team h4[b-3u34l3thzr] {
    margin: 0 0 10px;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.live-active-team--blue[b-3u34l3thzr] {
    border-left: 3px solid #3a7bd5;
    padding-left: 10px;
}

.live-active-team--red[b-3u34l3thzr] {
    border-left: 3px solid #e0043f;
    padding-left: 10px;
}

.live-active-vs[b-3u34l3thzr] {
    align-self: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #e0043f;
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}

.live-active-player[b-3u34l3thzr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 6px;
    background: #fafafa;
}

.live-active-player.is-focus[b-3u34l3thzr] {
    background: rgba(249, 155, 29, 0.14);
    outline: 1px solid rgba(249, 155, 29, 0.45);
}

.live-active-champ[b-3u34l3thzr] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.live-active-player-main[b-3u34l3thzr] {
    flex: 1;
    min-width: 0;
}

.live-active-name[b-3u34l3thzr] {
    font-weight: 700;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.live-active-champ-name[b-3u34l3thzr] {
    color: #888;
    font-size: 0.78rem;
}

.live-active-spells[b-3u34l3thzr] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.live-active-spells img[b-3u34l3thzr] {
    width: 18px;
    height: 18px;
    border-radius: 3px;
}

.live-active-foot[b-3u34l3thzr] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
}

.live-active-watch[b-3u34l3thzr],
.live-active-copy[b-3u34l3thzr] {
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    height: 38px;
    padding: 0 14px;
    cursor: pointer;
}

.live-active-watch:disabled[b-3u34l3thzr] {
    opacity: 0.55;
    cursor: not-allowed;
}

.live-active-nokey[b-3u34l3thzr] {
    color: #888;
    font-size: 0.85rem;
}

.live-active-spectate[b-3u34l3thzr] {
    margin-top: 12px;
    padding: 12px;
    background: #111;
    color: #ddd;
    border-radius: 4px;
}

.live-active-os[b-3u34l3thzr] {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
}

.live-active-os button[b-3u34l3thzr] {
    background: #222;
    border: 1px solid #444;
    color: #ddd;
    padding: 6px 10px;
    cursor: pointer;
}

.live-active-os button.active[b-3u34l3thzr] {
    border-color: #f99b1d;
    color: #f99b1d;
}

.live-active-hint[b-3u34l3thzr] {
    color: #999;
    font-size: 0.8rem;
}

.live-active-spectate pre[b-3u34l3thzr] {
    white-space: pre-wrap;
    word-break: break-all;
    background: #0a0a0a;
    padding: 10px;
    border-radius: 4px;
    font-size: 0.78rem;
}

.live-active-featured[b-3u34l3thzr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px;
}

.live-active-featured-card[b-3u34l3thzr] {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 10px 12px;
    background: #fff;
}

.live-active-featured-card header[b-3u34l3thzr] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    color: #555;
    font-size: 0.9rem;
}

.live-active-featured-players[b-3u34l3thzr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.live-active-featured-player[b-3u34l3thzr] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    color: #555;
}

.live-active-featured-player img[b-3u34l3thzr] {
    width: 22px;
    height: 22px;
    border-radius: 3px;
}

@media (max-width: 800px) {
    .live-active-teams[b-3u34l3thzr],
    .live-active-bans[b-3u34l3thzr] {
        grid-template-columns: 1fr;
    }

    .live-active-vs[b-3u34l3thzr] {
        justify-self: center;
    }
}
/* /Components/Pages/PlayerDna.razor.rz.scp.css */
.dna-page[b-e64ht2vdr7] { padding-bottom: 48px; }

.dna-loading[b-e64ht2vdr7] {
    margin: 8px 0 28px;
    padding: 36px 18px 32px;
    text-align: center;
    color: #9aa3ad;
    border: 1px solid #2a3440;
    border-radius: 12px;
    background:
        radial-gradient(ellipse at 50% 20%, rgba(224, 4, 63, 0.16), transparent 55%),
        linear-gradient(180deg, #1a2129 0%, #12171e 100%);
    overflow: hidden;
}

.dna-loading-stage[b-e64ht2vdr7] {
    position: relative;
    width: min(220px, 70vw);
    height: 168px;
    margin: 0 auto 20px;
}

.dna-helix[b-e64ht2vdr7] {
    position: absolute;
    inset: 8px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    animation: dna-helix-spin-b-e64ht2vdr7 4.2s linear infinite;
    transform-origin: center;
    transform-style: preserve-3d;
}

.dna-helix-rung[b-e64ht2vdr7] {
    position: relative;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg,
        rgba(249, 155, 29, 0.15),
        rgba(249, 155, 29, 0.85) 18%,
        rgba(224, 4, 63, 0.9) 50%,
        rgba(249, 155, 29, 0.85) 82%,
        rgba(249, 155, 29, 0.15));
    box-shadow: 0 0 10px rgba(224, 4, 63, 0.35);
    transform: scaleX(calc(0.55 + (var(--i) % 2) * 0.45));
    animation: dna-rung-pulse-b-e64ht2vdr7 1.6s ease-in-out infinite;
    animation-delay: calc(var(--i) * 0.08s);
}

.dna-helix-rung[b-e64ht2vdr7]::before,
.dna-helix-rung[b-e64ht2vdr7]::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 11px;
    height: 11px;
    margin-top: -5.5px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #ffe0a8, #f99b1d 55%, #e0043f);
    box-shadow: 0 0 12px rgba(249, 155, 29, 0.65);
}

.dna-helix-rung[b-e64ht2vdr7]::before { left: -2px; }
.dna-helix-rung[b-e64ht2vdr7]::after { right: -2px; background: radial-gradient(circle at 35% 35%, #ffb0c4, #e0043f 60%, #7a0026); }

.dna-scan[b-e64ht2vdr7] {
    position: absolute;
    left: 10%;
    right: 10%;
    height: 28px;
    border-radius: 8px;
    background: linear-gradient(180deg, transparent, rgba(249, 155, 29, 0.22), transparent);
    box-shadow: 0 0 24px rgba(249, 155, 29, 0.25);
    animation: dna-scan-sweep-b-e64ht2vdr7 2.1s ease-in-out infinite;
    pointer-events: none;
}

.dna-loading-title[b-e64ht2vdr7] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #e8eef4;
}

.dna-loading-title[b-e64ht2vdr7]::after {
    content: "";
    display: inline-block;
    width: 1.15em;
    text-align: left;
    color: #f99b1d;
    animation: dna-ellipsis-b-e64ht2vdr7 1.2s steps(4, end) infinite;
}

.dna-loading-sub[b-e64ht2vdr7] {
    margin: 8px 0 0;
    font-size: 0.92rem;
    color: #9aa3ad;
    animation: dna-sub-fade-b-e64ht2vdr7 2.4s ease-in-out infinite;
}

@keyframes dna-helix-spin-b-e64ht2vdr7 {
    0% { transform: perspective(480px) rotateY(0deg); }
    100% { transform: perspective(480px) rotateY(360deg); }
}

@keyframes dna-rung-pulse-b-e64ht2vdr7 {
    0%, 100% { opacity: 0.55; filter: brightness(0.95); }
    50% { opacity: 1; filter: brightness(1.25); }
}

@keyframes dna-scan-sweep-b-e64ht2vdr7 {
    0% { top: 6%; opacity: 0.35; }
    45% { opacity: 1; }
    100% { top: 78%; opacity: 0.35; }
}

@keyframes dna-ellipsis-b-e64ht2vdr7 {
    0% { content: ""; }
    25% { content: "."; }
    50% { content: ".."; }
    75% { content: "..."; }
}

@keyframes dna-sub-fade-b-e64ht2vdr7 {
    0%, 100% { opacity: 0.55; }
    50% { opacity: 1; }
}

.dna-hero[b-e64ht2vdr7] {
    margin: 8px 0 28px;
    padding: 28px 18px;
    text-align: center;
    border: 1px solid #2a3440;
    border-radius: 12px;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(224, 4, 63, 0.12), transparent 55%),
        linear-gradient(180deg, #1a2129 0%, #12171e 100%);
}

.dna-kicker[b-e64ht2vdr7] {
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #f99b1d;
}

.dna-riot[b-e64ht2vdr7] {
    margin: 8px 0 0;
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    font-weight: 800;
    color: #e8eef4;
}

.dna-elo[b-e64ht2vdr7] {
    margin: 6px 0 0;
    font-weight: 700;
    color: #f99b1d;
}

.dna-archetype[b-e64ht2vdr7] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid rgba(249, 155, 29, 0.35);
    background: rgba(0, 0, 0, 0.2);
    text-align: left;
}

.dna-archetype-icon[b-e64ht2vdr7] { font-size: 2rem; line-height: 1; }

.dna-archetype-name[b-e64ht2vdr7] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dna-archetype-secondary[b-e64ht2vdr7] {
    margin: 4px 0 0;
    font-size: 12px;
    color: #9aa3ad;
}

.dna-summary[b-e64ht2vdr7] {
    margin: 16px auto 0;
    max-width: 520px;
    color: #b7c0c9;
    line-height: 1.5;
}

.dna-back[b-e64ht2vdr7] { margin: 16px 0 0; }
.dna-back a[b-e64ht2vdr7] { color: #e0043f; font-weight: 700; text-decoration: none; }
.dna-sep[b-e64ht2vdr7] { margin: 0 8px; color: #6b7380; }

.dna-section[b-e64ht2vdr7] { margin: 28px 0; }
.dna-section-title[b-e64ht2vdr7] {
    margin: 0 0 14px;
    text-align: center;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #e8eef4;
}

.dna-signature[b-e64ht2vdr7] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(200px, 0.7fr);
    gap: 16px;
}

.dna-signature-stage[b-e64ht2vdr7]  .dna-signature-3d,
.dna-signature-stage[b-e64ht2vdr7]  .champ3d {
    height: 360px;
}

.dna-signature-meta[b-e64ht2vdr7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 18px;
    border: 1px solid #2a3440;
    border-radius: 10px;
    background: #151b22;
    color: #d7dee5;
}

.dna-signature-label[b-e64ht2vdr7] {
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #f99b1d;
}

.dna-signature-meta h3[b-e64ht2vdr7] {
    margin: 0 0 8px;
    font-size: 1.6rem;
    color: #fff;
}

.dna-cta[b-e64ht2vdr7] {
    margin-top: 10px;
    display: inline-block;
    padding: 10px 12px;
    background: #e0043f;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
}

.dna-bars[b-e64ht2vdr7] { display: flex; flex-direction: column; gap: 12px; max-width: 640px; margin: 0 auto; }
.dna-bar-head[b-e64ht2vdr7] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #9aa3ad;
    margin-bottom: 4px;
}
.dna-bar-head strong[b-e64ht2vdr7] { color: #f99b1d; }
.dna-bar-track[b-e64ht2vdr7] {
    height: 10px;
    border-radius: 999px;
    background: #1a2129;
    border: 1px solid #2a3440;
    overflow: hidden;
}
.dna-bar-track span[b-e64ht2vdr7] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #e0043f, #f99b1d);
    border-radius: 999px;
}
.dna-bars-note[b-e64ht2vdr7] {
    margin: 12px auto 0;
    max-width: 640px;
    text-align: center;
    font-size: 12px;
    color: #6b7380;
}

.dna-reasons[b-e64ht2vdr7] {
    max-width: 640px;
    margin: 0 auto;
    padding: 0 0 0 18px;
    color: #d7dee5;
    line-height: 1.55;
}

.dna-insights[b-e64ht2vdr7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dna-insight[b-e64ht2vdr7] {
    padding: 14px;
    border: 1px solid #2a3440;
    border-radius: 8px;
    background: #151b22;
}

.dna-insight-label[b-e64ht2vdr7] {
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #9aa3ad;
}

.dna-insight-value[b-e64ht2vdr7] {
    margin: 6px 0 0;
    font-size: 1.2rem;
    font-weight: 800;
    color: #e8eef4;
}

.dna-insight-detail[b-e64ht2vdr7] {
    margin: 4px 0 0;
    font-size: 12px;
    color: #8b949e;
}

.dna-highlights[b-e64ht2vdr7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.dna-chip[b-e64ht2vdr7] {
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid #2a3440;
    background: #151b22;
    color: #d7dee5;
    font-size: 12px;
    font-weight: 700;
}

.dna-share[b-e64ht2vdr7] {
    margin-top: 36px;
    text-align: center;
}

.dna-share-card[b-e64ht2vdr7] {
    display: inline-block;
    min-width: min(100%, 360px);
    padding: 22px;
    border-radius: 10px;
    border: 1px solid rgba(249, 155, 29, 0.35);
    background: #0b1018;
    color: #fff;
    text-align: left;
}

.dna-share-brand[b-e64ht2vdr7] {
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    color: #f99b1d;
}

.dna-share-riot[b-e64ht2vdr7] { margin: 10px 0 0; font-size: 1.3rem; font-weight: 800; }
.dna-share-arch[b-e64ht2vdr7] { margin: 8px 0 0; font-weight: 700; }
.dna-share-sig[b-e64ht2vdr7] { margin: 6px 0 0; color: #9aa3ad; }
.dna-share-stats[b-e64ht2vdr7] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    color: #d7dee5;
}
.dna-share-hint[b-e64ht2vdr7] { margin: 12px 0 0; font-size: 12px; color: #6b7380; }

.dna-anim[b-e64ht2vdr7] {
    opacity: 0;
    animation: dna-fade-up-b-e64ht2vdr7 .45s ease forwards;
}

@keyframes dna-fade-up-b-e64ht2vdr7 {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

@media (max-width: 800px) {
    .dna-signature[b-e64ht2vdr7] { grid-template-columns: 1fr; }
    .dna-signature-stage[b-e64ht2vdr7]  .champ3d { height: 280px; }
    .dna-insights[b-e64ht2vdr7] { grid-template-columns: 1fr; }
}

html:not([data-theme="dark"]) .dna-hero[b-e64ht2vdr7] {
    background: linear-gradient(180deg, #fffaf3, #fff);
    border-color: #e4e4e4;
}
html:not([data-theme="dark"]) .dna-riot[b-e64ht2vdr7],
html:not([data-theme="dark"]) .dna-section-title[b-e64ht2vdr7],
html:not([data-theme="dark"]) .dna-insight-value[b-e64ht2vdr7] {
    color: #222;
}
/* /Components/Pages/Rank.razor.rz.scp.css */
.rank-controls[b-1cdz13x2wu] {
    margin-bottom: 12px;
}

.rank-tabs[b-1cdz13x2wu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 14px;
    border-bottom: 1px solid #e4e4e4;
}

.rank-tab[b-1cdz13x2wu] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #888;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 10px 16px;
    cursor: pointer;
    margin-bottom: -1px;
}

.rank-tab:hover[b-1cdz13x2wu] {
    color: #444;
}

.rank-tab.active[b-1cdz13x2wu] {
    color: #e0043f;
    border-bottom-color: #e0043f;
}

.rank-filters[b-1cdz13x2wu] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    align-items: flex-end;
}

.rank-field[b-1cdz13x2wu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    min-width: 140px;
}

.rank-field span[b-1cdz13x2wu] {
    color: #888;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.rank-field select[b-1cdz13x2wu],
.rank-field input[b-1cdz13x2wu] {
    height: 38px;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #444;
    padding: 0 10px;
    border-radius: 0;
}

.rank-field select:focus[b-1cdz13x2wu],
.rank-field input:focus[b-1cdz13x2wu] {
    border-color: #f99b1d;
    outline: none;
}

.rank-field-search[b-1cdz13x2wu] {
    flex: 1;
    min-width: 240px;
}

.rank-search-row[b-1cdz13x2wu] {
    display: flex;
    gap: 0;
}

.rank-search-row input[b-1cdz13x2wu] {
    flex: 1;
    border-right: none;
}

.rank-btn[b-1cdz13x2wu] {
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111;
    padding: 0 16px;
    height: 38px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

.rank-btn:hover:not(:disabled)[b-1cdz13x2wu] {
    background: #e08a12;
    border-color: #e08a12;
}

.rank-btn:disabled[b-1cdz13x2wu] {
    opacity: 0.6;
    cursor: not-allowed;
}

.rank-btn-ghost[b-1cdz13x2wu] {
    background: #fff;
    border-color: #d5d5d5;
    color: #444;
}

.rank-btn-ghost:hover:not(:disabled)[b-1cdz13x2wu] {
    border-color: #f99b1d;
    color: #111;
}

.rank-loading[b-1cdz13x2wu],
.rank-msg[b-1cdz13x2wu] {
    padding: 24px;
    text-align: center;
    color: #888;
    margin: 0;
}

.rank-meta[b-1cdz13x2wu] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    color: #888;
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.rank-table-wrap[b-1cdz13x2wu] {
    width: 100%;
    overflow-x: auto;
}

.rank-table[b-1cdz13x2wu] {
    width: 100%;
    border-collapse: collapse;
    color: #555;
}

.rank-table th[b-1cdz13x2wu] {
    text-align: left;
    color: #888;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 8px 6px;
    border-bottom: 1px solid #e4e4e4;
    white-space: nowrap;
}

.rank-table td[b-1cdz13x2wu] {
    padding: 10px 6px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.rank-lp[b-1cdz13x2wu] {
    color: #f99b1d;
    font-weight: 700;
}

.rank-pager[b-1cdz13x2wu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px 0 4px;
    color: #888;
}

@media (max-width: 800px) {
    .rank-tab[b-1cdz13x2wu] {
        flex: 1;
        text-align: center;
        padding: 10px 8px;
        font-size: 0.75rem;
    }

    .rank-field-search[b-1cdz13x2wu] {
        min-width: 100%;
    }

    .rank-search-row[b-1cdz13x2wu] {
        flex-wrap: wrap;
    }

    .rank-search-row input[b-1cdz13x2wu] {
        border-right: 1px solid #d5d5d5;
        width: 100%;
    }

    .rank-search-row .rank-btn[b-1cdz13x2wu] {
        width: 100%;
        margin-top: 8px;
    }

    .rank-table thead[b-1cdz13x2wu] {
        display: none;
    }

    .rank-table tr[b-1cdz13x2wu] {
        display: block;
        margin-bottom: 12px;
        border: 1px solid #e4e4e4;
        padding: 8px 10px;
        background: #fff;
    }

    .rank-table td[b-1cdz13x2wu] {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        border-bottom: none;
        padding: 6px 0;
    }

    .rank-table td[b-1cdz13x2wu]::before {
        content: attr(data-label);
        color: #888;
        font-size: 0.8rem;
        text-transform: uppercase;
        flex-shrink: 0;
    }
}
/* /Components/Pages/Registro.razor.rz.scp.css */
.auth-shell[b-ui15ow7oj1] {
    max-width: 560px;
    margin: 24px auto 48px;
}

.auth-card[b-ui15ow7oj1] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 28px 24px;
}

.auth-card--wide[b-ui15ow7oj1] {
    max-width: 640px;
}

.auth-card h1[b-ui15ow7oj1] {
    margin: 0 0 8px;
    font-size: 1.75rem;
}

.auth-lead[b-ui15ow7oj1] {
    color: #666;
    margin: 0 0 18px;
}

.auth-form[b-ui15ow7oj1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auth-form label[b-ui15ow7oj1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #888;
}

.auth-form input[b-ui15ow7oj1],
.auth-form textarea[b-ui15ow7oj1],
.auth-form select[b-ui15ow7oj1] {
    height: 40px;
    border: 1px solid #d5d5d5;
    padding: 0 10px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    text-transform: none;
    letter-spacing: 0;
}

.auth-form textarea[b-ui15ow7oj1] {
    height: auto;
    padding: 10px;
    resize: vertical;
}

.auth-check[b-ui15ow7oj1] {
    flex-direction: row !important;
    align-items: center;
    gap: 8px !important;
    text-transform: none;
    font-weight: 600;
    color: #555;
}

.auth-btn[b-ui15ow7oj1] {
    height: 42px;
    border: none;
    background: #e0043f;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    cursor: pointer;
    border-radius: 2px;
}

.auth-btn:hover[b-ui15ow7oj1] { background: #c00336; }
.auth-btn:disabled[b-ui15ow7oj1] { opacity: 0.6; cursor: default; }

.auth-btn--secondary[b-ui15ow7oj1] {
    background: #151b21;
    padding: 0 14px;
    white-space: nowrap;
}

.auth-btn--ghost[b-ui15ow7oj1] {
    background: transparent;
    border: 1px solid #ccc;
    color: #555;
}

.auth-foot[b-ui15ow7oj1] {
    margin-top: 18px;
    text-align: center;
    color: #666;
}

.auth-banner[b-ui15ow7oj1] {
    padding: 10px 12px;
    border-radius: 4px;
    margin-bottom: 14px;
    font-size: 0.92rem;
}

.auth-banner.err[b-ui15ow7oj1] {
    background: rgba(224, 4, 63, 0.1);
    border: 1px solid rgba(224, 4, 63, 0.35);
    color: #a0032d;
}

.auth-banner.ok[b-ui15ow7oj1] {
    background: rgba(76, 175, 80, 0.12);
    border: 1px solid rgba(76, 175, 80, 0.35);
    color: #2e7d32;
}

.auth-summoner[b-ui15ow7oj1] {
    margin-bottom: 18px;
    padding: 14px;
    background: #fafafa;
    border-radius: 4px;
}

.auth-summoner h3[b-ui15ow7oj1] {
    margin: 0 0 10px;
    font-size: 0.95rem;
}

.auth-summoner-row[b-ui15ow7oj1] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.auth-summoner-row input[b-ui15ow7oj1] {
    height: 38px;
    border: 1px solid #d5d5d5;
    padding: 0 10px;
    flex: 1;
    min-width: 100px;
}

.auth-tag[b-ui15ow7oj1] { max-width: 90px; flex: 0 0 90px; }
.auth-hash[b-ui15ow7oj1] { font-weight: 800; color: #888; }

.auth-linked[b-ui15ow7oj1] {
    margin-top: 10px;
    color: #2e7d32;
    font-weight: 600;
}

.auth-hint[b-ui15ow7oj1] {
    margin: 8px 0 0;
    color: #888;
    font-size: 0.9rem;
}

.profile-hero[b-ui15ow7oj1] {
    min-height: 180px;
    border-radius: 4px;
    margin: 8px 0 18px;
    overflow: hidden;
    color: #fff;
}

.profile-hero-overlay[b-ui15ow7oj1] {
    padding: 28px 24px;
}

.profile-hero h1[b-ui15ow7oj1] {
    margin: 0 0 4px;
}

.profile-ulp[b-ui15ow7oj1] {
    margin-top: 10px;
    font-size: 1.1rem;
}

.profile-grid[b-ui15ow7oj1] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 16px;
    margin-bottom: 40px;
}

.profile-panel[b-ui15ow7oj1] {
    padding: 16px;
}

.profile-sub[b-ui15ow7oj1] {
    margin: 8px 0 0;
    font-size: 0.9rem;
}

.ulp-history[b-ui15ow7oj1] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ulp-history li[b-ui15ow7oj1] {
    display: flex;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.ulp-amt[b-ui15ow7oj1] {
    min-width: 48px;
    font-weight: 800;
    color: #2e7d32;
}

.ulp-history small[b-ui15ow7oj1] {
    display: block;
    color: #888;
    margin-top: 2px;
}

.verified-badge[b-ui15ow7oj1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(76, 175, 80, 0.2);
    border: 1px solid rgba(76, 175, 80, 0.5);
    color: #c8f0cb;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

@media (max-width: 900px) {
    .profile-grid[b-ui15ow7oj1] { grid-template-columns: 1fr; }
}
/* /Components/Pages/TopList.razor.rz.scp.css */
.toplist-page .toplist-filters[b-2xq8exu61g] {
    margin-bottom: 16px;
    padding: 14px 16px !important;
}

.toplist-filters-lead[b-2xq8exu61g] {
    margin: 0 0 12px;
    color: #7a858f;
    font-size: 13px;
}

.toplist-filter-row[b-2xq8exu61g] {
    display: grid;
    grid-template-columns: minmax(120px, 160px) minmax(140px, 200px) 1fr;
    gap: 12px;
    align-items: end;
}

.toplist-filter-row label[b-2xq8exu61g] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7a858f;
}

.toplist-filter-row select[b-2xq8exu61g],
.toplist-filter-row input[b-2xq8exu61g] {
    font: inherit;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    border: 1px solid #d9dee5;
    border-radius: 4px;
    padding: 8px 10px;
    background: #fff;
    color: #333;
}

.toplist-search-wrap[b-2xq8exu61g] {
    display: flex;
    gap: 8px;
}

.toplist-search-wrap input[b-2xq8exu61g] {
    flex: 1;
    min-width: 0;
}

.toplist-search-wrap .btn[b-2xq8exu61g] {
    white-space: nowrap;
}

.toplist-status[b-2xq8exu61g] {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 13px;
}

.toplist-status.ok[b-2xq8exu61g] {
    background: rgba(46, 204, 113, 0.1);
    border: 1px solid rgba(46, 204, 113, 0.35);
    color: #2d8a57;
}

.toplist-status.err[b-2xq8exu61g] {
    background: rgba(224, 4, 63, 0.08);
    border: 1px solid rgba(224, 4, 63, 0.3);
    color: #e0043f;
}

.toplist-empty[b-2xq8exu61g] {
    margin: 0;
    padding: 8px 4px;
    color: #7a858f;
    line-height: 1.45;
}

.toplist-table-wrap[b-2xq8exu61g] {
    overflow-x: auto;
    padding: 8px 12px 14px !important;
}

.toplist-table[b-2xq8exu61g] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.toplist-table th[b-2xq8exu61g] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7a858f;
    padding: 8px 6px;
    border-bottom: 1px solid #e8ebef;
    text-align: left;
}

.toplist-table td[b-2xq8exu61g] {
    padding: 8px 6px;
    border-bottom: 1px solid #f0f2f5;
    vertical-align: middle;
}

.toplist-table .col-pos[b-2xq8exu61g] {
    width: 48px;
    font-weight: 700;
}

.toplist-table .col-champ img[b-2xq8exu61g] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 6px;
}

.toplist-table .col-name a[b-2xq8exu61g] {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
}

.toplist-table .col-name a:hover[b-2xq8exu61g] {
    color: #e0043f;
}

.toplist-table .col-ulrp[b-2xq8exu61g] {
    font-weight: 700;
    color: #f99b1d;
}

.toplist-table tr.is-hit[b-2xq8exu61g] {
    background: rgba(249, 155, 29, 0.12);
}

@media (max-width: 900px) {
    .toplist-filter-row[b-2xq8exu61g] {
        grid-template-columns: 1fr 1fr;
    }

    .toplist-filter-name[b-2xq8exu61g] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .toplist-filter-row[b-2xq8exu61g] {
        grid-template-columns: 1fr;
    }

    .toplist-search-wrap[b-2xq8exu61g] {
        flex-direction: column;
    }
}
/* /Components/Shared/Champion3DViewer.razor.rz.scp.css */
.champ3d[b-frelmvwhvt] {
    position: relative;
    width: 100%;
    height: 280px;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(160deg, #151b21 0%, #0e1217 55%, #1a1218 100%);
    border: 1px solid #2a313a;
    transition: box-shadow 0.35s ease, opacity 0.35s ease, filter 0.35s ease, border-color 0.35s ease;
}

.champ3d-frame[b-frelmvwhvt],
.champ3d-placeholder[b-frelmvwhvt],
.champ3d-fallback[b-frelmvwhvt] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.champ3d-poster[b-frelmvwhvt] {
    max-height: 100%;
    max-width: 70%;
    object-fit: contain;
    opacity: 0.92;
}

.champ3d-empty[b-frelmvwhvt],
.champ3d-fallback-label[b-frelmvwhvt] {
    color: #9aa3ad;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.champ3d-fallback[b-frelmvwhvt] {
    flex-direction: column;
    gap: 8px;
    background: #12181f;
}

.champ3d.is-leading[b-frelmvwhvt] {
    border-color: #f99b1d;
    box-shadow: 0 0 0 1px rgba(249, 155, 29, 0.35), 0 8px 28px rgba(249, 155, 29, 0.18);
    opacity: 1;
    filter: none;
}

.champ3d.is-trailing[b-frelmvwhvt] {
    opacity: 0.72;
    filter: saturate(0.75) brightness(0.9);
    box-shadow: none;
}

.champ3d.is-tied[b-frelmvwhvt] {
    opacity: 1;
    filter: none;
}

@media (max-width: 700px) {
    .champ3d[b-frelmvwhvt] {
        height: 220px;
    }
}
/* /Components/Shared/DailyQuestsWidget.razor.rz.scp.css */
.ulp-quests[b-d0qnt4l7ns] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-left: 3px solid #f99b1d;
    border-radius: 2px;
    padding: 14px 14px 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    position: relative;
}

.ulp-quests-head[b-d0qnt4l7ns] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.ulp-quests-head h4[b-d0qnt4l7ns] {
    margin: 0;
    font-size: 1rem;
    color: #444;
}

.ulp-balance[b-d0qnt4l7ns] {
    background: rgba(249, 155, 29, 0.15);
    color: #c07800;
    font-weight: 800;
    font-size: 0.8rem;
    padding: 4px 8px;
    border-radius: 4px;
}

.ulp-quests-search[b-d0qnt4l7ns] {
    display: flex;
    gap: 0;
    margin-bottom: 12px;
}

.ulp-quests-search input[b-d0qnt4l7ns] {
    flex: 1;
    height: 36px;
    border: 1px solid #d5d5d5;
    border-right: none;
    padding: 0 10px;
}

.ulp-date[b-d0qnt4l7ns] {
    margin: 0 0 10px;
    color: #888;
    font-size: 0.8rem;
}

.ulp-quest-list[b-d0qnt4l7ns] {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ulp-quest[b-d0qnt4l7ns] {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 10px;
    background: #fafafa;
}

.ulp-quest.is-ready[b-d0qnt4l7ns] {
    border-color: rgba(46, 160, 67, 0.45);
    background: rgba(46, 160, 67, 0.08);
}

.ulp-quest.is-claimed[b-d0qnt4l7ns] {
    opacity: 0.72;
    border-color: #ddd;
}

.ulp-quest-top[b-d0qnt4l7ns] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.ulp-quest-top strong[b-d0qnt4l7ns] {
    color: #333;
}

.ulp-reward[b-d0qnt4l7ns] {
    color: #f99b1d;
    font-weight: 800;
    font-size: 0.85rem;
    white-space: nowrap;
}

.ulp-quest p[b-d0qnt4l7ns] {
    margin: 0 0 8px;
    color: #777;
    font-size: 0.85rem;
}

.ulp-progress[b-d0qnt4l7ns] {
    height: 8px;
    background: #e8e8e8;
    border-radius: 999px;
    overflow: hidden;
}

.ulp-progress-bar[b-d0qnt4l7ns] {
    height: 100%;
    background: linear-gradient(90deg, #f99b1d, #e0043f);
    border-radius: 999px;
    transition: width 0.35s ease;
}

.ulp-progress-meta[b-d0qnt4l7ns] {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    font-size: 0.75rem;
    color: #888;
    font-weight: 600;
}

.ulp-btn[b-d0qnt4l7ns] {
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    height: 36px;
    padding: 0 14px;
    cursor: pointer;
}

.ulp-btn-claim[b-d0qnt4l7ns] {
    width: 100%;
    height: 40px;
}

.ulp-btn:disabled[b-d0qnt4l7ns] {
    opacity: 0.65;
    cursor: wait;
}

.ulp-btn-pulse[b-d0qnt4l7ns] {
    animation: ulp-claim-pulse-b-d0qnt4l7ns 0.7s ease;
}

.ulp-msg[b-d0qnt4l7ns] {
    margin: 0;
    color: #888;
    font-size: 0.9rem;
}

.ulp-msg-err[b-d0qnt4l7ns] {
    color: #e0043f;
}

.ulp-toast[b-d0qnt4l7ns] {
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    background: #1e2a1f;
    color: #b7f5c0;
    border: 1px solid #3d8f4a;
    padding: 10px 14px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.85rem;
    white-space: nowrap;
    max-width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
    animation: ulp-toast-in-b-d0qnt4l7ns 0.25s ease-out;
    z-index: 2;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

@keyframes ulp-toast-in-b-d0qnt4l7ns {
    from {
        opacity: 0;
        transform: translate(-50%, 8px);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

@keyframes ulp-claim-pulse-b-d0qnt4l7ns {
    0%, 100% { transform: scale(1); }
    40% { transform: scale(1.03); }
    70% { transform: scale(0.98); }
}
/* /Components/Shared/HallOfFameChampionCard.razor.rz.scp.css */
.hof-card[b-ygga4c2vwn] {
    position: relative;
    display: block;
    border: 1px solid #2a313a;
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(165deg, #151b22 0%, #0e1217 55%, #161018 100%);
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
    animation: hof-card-in-b-ygga4c2vwn 0.55s ease both;
}

.hof-card-name a[b-ygga4c2vwn] {
    color: inherit;
    text-decoration: none;
}

.hof-card-name a:hover[b-ygga4c2vwn] {
    color: #f99b1d;
}

.hof-card-cta[b-ygga4c2vwn] {
    display: inline-block;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #e0043f;
    opacity: 0.85;
    text-decoration: none;
}

.hof-card-cta:hover[b-ygga4c2vwn] {
    opacity: 1;
    text-decoration: underline;
}

.hof-card-cta-sec[b-ygga4c2vwn] {
    display: block;
    margin-top: 6px;
    color: #f99b1d;
}

.hof-card:hover[b-ygga4c2vwn],
.hof-card.is-hovered[b-ygga4c2vwn] {
    transform: translateY(-4px) scale(1.02);
    border-color: #f99b1d;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(249, 155, 29, 0.25);
}

.hof-card-stage[b-ygga4c2vwn] {
    position: relative;
}

.hof-card-stage[b-ygga4c2vwn]  .hof-card-3d,
.hof-card-stage[b-ygga4c2vwn]  .champ3d {
    border: none;
    border-radius: 0;
    background: transparent;
}

.hof-card-feature .hof-card-stage[b-ygga4c2vwn]  .champ3d {
    height: 320px;
}

.hof-card-hero .hof-card-stage[b-ygga4c2vwn]  .champ3d {
    height: 420px;
}

.hof-card-gallery .hof-card-stage[b-ygga4c2vwn]  .champ3d {
    height: 240px;
}

.hof-card-body[b-ygga4c2vwn] {
    padding: 14px 16px 18px;
    text-align: center;
}

.hof-card-category[b-ygga4c2vwn] {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f99b1d;
}

.hof-card-cat-icon[b-ygga4c2vwn] {
    margin-right: 4px;
}

.hof-card-name[b-ygga4c2vwn] {
    margin: 0 0 8px;
    font-size: 1.35rem;
    font-weight: 800;
    color: #e8eef4;
    letter-spacing: 0.02em;
}

.hof-card-stat[b-ygga4c2vwn] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #d7dee5;
}

.hof-card-stat-sec[b-ygga4c2vwn] {
    margin: 4px 0 0;
    font-size: 0.8rem;
    color: #9aa3ad;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.25s ease, max-height 0.25s ease, margin 0.25s ease;
}

.hof-card:hover .hof-card-stat-sec[b-ygga4c2vwn],
.hof-card.is-hovered .hof-card-stat-sec[b-ygga4c2vwn] {
    opacity: 1;
    max-height: 40px;
    margin-top: 6px;
}

.hof-card-hero[b-ygga4c2vwn] {
    border-color: rgba(249, 155, 29, 0.45);
    box-shadow: 0 8px 28px rgba(249, 155, 29, 0.12);
}

.hof-card-hero .hof-card-name[b-ygga4c2vwn] {
    font-size: 1.75rem;
}

@keyframes hof-card-in-b-ygga4c2vwn {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 900px) {
    .hof-card-feature .hof-card-stage[b-ygga4c2vwn]  .champ3d {
        height: 260px;
    }

    .hof-card-hero .hof-card-stage[b-ygga4c2vwn]  .champ3d {
        height: 300px;
    }

    .hof-card-gallery .hof-card-stage[b-ygga4c2vwn]  .champ3d {
        height: 220px;
    }
}

@media (max-width: 600px) {
    .hof-card:hover[b-ygga4c2vwn],
    .hof-card.is-hovered[b-ygga4c2vwn] {
        transform: none;
    }

    .hof-card-stat-sec[b-ygga4c2vwn] {
        opacity: 1;
        max-height: none;
        margin-top: 6px;
    }
}
/* /Components/Shared/InvocadorToolModal.razor.rz.scp.css */
.inv-tool-overlay[b-uhf1q7rdpr] {
    position: fixed;
    inset: 0;
    z-index: 2200;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.inv-tool-dialog[b-uhf1q7rdpr] {
    width: min(920px, 100%);
    max-height: min(88vh, 900px);
    display: flex;
    flex-direction: column;
    background: #12171c;
    border: 1px solid #2a3440;
    border-radius: 8px;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5);
    color: #e8ecef;
    overflow: hidden;
}

.inv-tool-head[b-uhf1q7rdpr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #2a3440;
    background: #0e1318;
}

.inv-tool-head h3[b-uhf1q7rdpr] {
    margin: 0;
    font-size: 1.05rem;
    color: #f99b1d;
}

.inv-tool-head-actions[b-uhf1q7rdpr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.inv-tool-refresh[b-uhf1q7rdpr],
.inv-tool-open-page[b-uhf1q7rdpr] {
    border: 1px solid #3a4654;
    background: #1a222b;
    color: #d5dde5;
    padding: 6px 10px;
    font-size: 0.78rem;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
}

.inv-tool-refresh:hover[b-uhf1q7rdpr],
.inv-tool-open-page:hover[b-uhf1q7rdpr] {
    border-color: #f99b1d;
    color: #fff;
}

.inv-tool-refresh:disabled[b-uhf1q7rdpr] {
    opacity: 0.55;
    cursor: default;
}

.inv-tool-close[b-uhf1q7rdpr] {
    background: none;
    border: none;
    color: #8b98a5;
    font-size: 1.55rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}

.inv-tool-close:hover[b-uhf1q7rdpr] {
    color: #fff;
}

.inv-tool-body[b-uhf1q7rdpr] {
    padding: 14px 16px 18px;
    overflow: auto;
}

.inv-tool-status[b-uhf1q7rdpr] {
    text-align: center;
    padding: 28px 12px;
    color: #9aa4b2;
}

.inv-tool-section h4[b-uhf1q7rdpr],
.inv-tool-section h5[b-uhf1q7rdpr] {
    margin: 0 0 10px;
}

.inv-tool-meta[b-uhf1q7rdpr] {
    color: #9aa4b2;
    margin: 0 0 12px;
}

.inv-tool-table-wrap[b-uhf1q7rdpr] {
    overflow-x: auto;
}

.inv-tool-table[b-uhf1q7rdpr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.inv-tool-table th[b-uhf1q7rdpr] {
    text-align: left;
    color: #8b98a5;
    font-weight: 600;
    padding: 6px 4px;
    border-bottom: 1px solid #2a3440;
}

.inv-tool-table td[b-uhf1q7rdpr] {
    padding: 8px 4px;
    border-bottom: 1px solid #1c242c;
    vertical-align: middle;
}

.inv-tool-table img[b-uhf1q7rdpr] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    vertical-align: middle;
    margin-right: 6px;
}

.inv-tool-table tr.win[b-uhf1q7rdpr] {
    background: rgba(76, 175, 80, 0.08);
}

.inv-tool-table tr.loss[b-uhf1q7rdpr] {
    background: rgba(224, 4, 63, 0.08);
}

.inv-tool-table a[b-uhf1q7rdpr] {
    color: #f99b1d;
}

.inv-tool-main[b-uhf1q7rdpr] {
    text-align: center;
    padding: 12px 8px 20px;
}

.inv-tool-main img[b-uhf1q7rdpr] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    border: 3px solid #f99b1d;
}

.inv-tool-main-label[b-uhf1q7rdpr] {
    color: #f99b1d;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 4px 0 10px;
}

.inv-live-card[b-uhf1q7rdpr] {
    background: #0e1318;
    border: 1px solid #2a3440;
    border-radius: 6px;
    padding: 14px;
}

.inv-live-head[b-uhf1q7rdpr] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.inv-live-head strong[b-uhf1q7rdpr] {
    display: block;
    font-size: 1.05rem;
}

.inv-live-head span[b-uhf1q7rdpr] {
    display: block;
    color: #8b98a5;
    font-size: 0.85rem;
    margin-top: 2px;
}

.inv-live-timer[b-uhf1q7rdpr] {
    color: #e0043f;
    font-weight: 800;
    white-space: nowrap;
}

.inv-live-bans[b-uhf1q7rdpr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

.inv-live-bans > div > span[b-uhf1q7rdpr] {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    color: #8b98a5;
    font-weight: 700;
    margin-bottom: 6px;
}

.inv-live-ban-row[b-uhf1q7rdpr] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.inv-live-ban-row img[b-uhf1q7rdpr] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid rgba(224, 4, 63, 0.45);
}

.inv-live-teams[b-uhf1q7rdpr] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 10px;
    align-items: start;
}

.inv-live-team h5[b-uhf1q7rdpr] {
    margin: 0 0 8px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.inv-live-team.blue[b-uhf1q7rdpr] {
    border-left: 3px solid #3a7bd5;
    padding-left: 8px;
}

.inv-live-team.red[b-uhf1q7rdpr] {
    border-left: 3px solid #e0043f;
    padding-left: 8px;
}

.inv-live-vs[b-uhf1q7rdpr] {
    align-self: center;
    font-weight: 800;
    color: #8b98a5;
    padding-top: 28px;
}

.inv-live-player[b-uhf1q7rdpr] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 6px 4px;
    border-radius: 4px;
}

.inv-live-player.focus[b-uhf1q7rdpr] {
    background: rgba(249, 155, 29, 0.12);
    outline: 1px solid rgba(249, 155, 29, 0.35);
}

.inv-live-player img[b-uhf1q7rdpr] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
}

.inv-live-player .name[b-uhf1q7rdpr] {
    font-size: 0.88rem;
    font-weight: 600;
}

.inv-live-player .champ[b-uhf1q7rdpr] {
    font-size: 0.75rem;
    color: #8b98a5;
}

.inv-live-foot[b-uhf1q7rdpr] {
    margin-top: 14px;
}

.inv-live-foot button[b-uhf1q7rdpr],
.inv-live-spectate button[b-uhf1q7rdpr],
.inv-live-os button[b-uhf1q7rdpr] {
    border: 1px solid #3a4654;
    background: #1a222b;
    color: #e8ecef;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 0.85rem;
}

.inv-live-foot button:disabled[b-uhf1q7rdpr] {
    opacity: 0.5;
    cursor: default;
}

.inv-live-spectate[b-uhf1q7rdpr] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #2a3440;
}

.inv-live-os[b-uhf1q7rdpr] {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
}

.inv-live-os button.active[b-uhf1q7rdpr] {
    border-color: #f99b1d;
    color: #f99b1d;
}

.inv-live-spectate pre[b-uhf1q7rdpr] {
    background: #0a0d10;
    border: 1px solid #2a3440;
    padding: 10px;
    overflow-x: auto;
    font-size: 0.75rem;
    white-space: pre-wrap;
    word-break: break-all;
}

@media (max-width: 700px) {
    .inv-live-teams[b-uhf1q7rdpr] {
        grid-template-columns: 1fr;
    }

    .inv-live-vs[b-uhf1q7rdpr] {
        padding-top: 0;
        text-align: center;
    }

    .inv-live-bans[b-uhf1q7rdpr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/MatchCoachReport.razor.rz.scp.css */
.coach-panel[b-p9c8l07nkf] {
    margin-top: 16px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

.coach-toggle[b-p9c8l07nkf] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #12171c;
    color: #e8ecef;
    border: none;
    cursor: pointer;
    font-weight: 700;
    text-align: left;
}

.coach-toggle-meta[b-p9c8l07nkf] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.coach-body[b-p9c8l07nkf] {
    padding: 14px;
}

.coach-controls label[b-p9c8l07nkf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #888;
    font-weight: 700;
    margin-bottom: 14px;
}

.coach-controls select[b-p9c8l07nkf] {
    height: 38px;
    border: 1px solid #d5d5d5;
    padding: 0 10px;
    color: #444;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
}

.coach-summary[b-p9c8l07nkf] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 12px;
    padding: 12px;
    background: #fafafa;
    border-radius: 4px;
}

.coach-summary p[b-p9c8l07nkf] {
    margin: 4px 0 0;
    color: #666;
}

.coach-grade[b-p9c8l07nkf] {
    min-width: 56px;
    height: 56px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    font-weight: 900;
    color: #111;
    background: #f99b1d;
}

.coach-grade-pill[b-p9c8l07nkf] {
    display: inline-flex;
    min-width: 34px;
    justify-content: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: #f99b1d;
    color: #111;
    font-size: 0.8rem;
    font-weight: 900;
}

.grade-Splus[b-p9c8l07nkf], .grade-S[b-p9c8l07nkf] { background: #4caf50; color: #fff; }
.grade-A[b-p9c8l07nkf] { background: #8bc34a; color: #111; }
.grade-B[b-p9c8l07nkf] { background: #f99b1d; color: #111; }
.grade-C[b-p9c8l07nkf] { background: #ff9800; color: #111; }
.grade-D[b-p9c8l07nkf] { background: #e0043f; color: #fff; }

.coach-tip[b-p9c8l07nkf] {
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.92rem;
}

.coach-tip.is-good[b-p9c8l07nkf] {
    background: rgba(76, 175, 80, 0.12);
    border: 1px solid rgba(76, 175, 80, 0.35);
}

.coach-tip.is-bad[b-p9c8l07nkf] {
    background: rgba(224, 4, 63, 0.1);
    border: 1px solid rgba(224, 4, 63, 0.3);
}

.coach-columns[b-p9c8l07nkf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.coach-columns h5[b-p9c8l07nkf] {
    margin: 0 0 8px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #888;
}

.coach-card[b-p9c8l07nkf] {
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 8px;
}

.coach-card strong[b-p9c8l07nkf] {
    display: block;
    margin-bottom: 4px;
}

.coach-card p[b-p9c8l07nkf] {
    margin: 0;
    font-size: 0.9rem;
    color: #555;
}

.coach-card--good[b-p9c8l07nkf] {
    background: rgba(76, 175, 80, 0.12);
    border: 1px solid rgba(76, 175, 80, 0.35);
}

.coach-card--warn[b-p9c8l07nkf] {
    background: rgba(249, 155, 29, 0.14);
    border: 1px solid rgba(249, 155, 29, 0.4);
}

.coach-card--bad[b-p9c8l07nkf] {
    background: rgba(224, 4, 63, 0.1);
    border: 1px solid rgba(224, 4, 63, 0.35);
}

.coach-empty[b-p9c8l07nkf] {
    color: #888;
    font-size: 0.9rem;
    margin: 0 0 8px;
}

@media (max-width: 800px) {
    .coach-columns[b-p9c8l07nkf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/MatchGoldChart.razor.rz.scp.css */
.mgc[b-97tm4oq9t4] {
    margin-top: 8px;
}

.mgc-card[b-97tm4oq9t4] {
    background: #1a2129;
    border: 1px solid #2c3640;
    border-radius: 12px;
    padding: 16px 18px;
    color: #e8ecef;
}

.mgc-loading[b-97tm4oq9t4],
.mgc-error[b-97tm4oq9t4] {
    text-align: center;
    color: #8b98a5;
}

.mgc-error[b-97tm4oq9t4] {
    color: #ffb3bc;
    border-color: #5a2a32;
    background: #24181c;
}

.mgc-header[b-97tm4oq9t4] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.mgc-label[b-97tm4oq9t4] {
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8b98a5;
}

.mgc-hint[b-97tm4oq9t4] {
    margin: 4px 0 0;
    font-size: 13px;
    color: #8b98a5;
}

.mgc-peak[b-97tm4oq9t4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    font-size: 13px;
}

.mgc-peak-badge[b-97tm4oq9t4] {
    display: inline-block;
    background: #7a4b0d;
    color: #ffd28a;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.mgc-chart-wrap[b-97tm4oq9t4] {
    position: relative;
    height: 280px;
    width: 100%;
}

.mgc-footnote[b-97tm4oq9t4] {
    margin: 10px 0 0;
    font-size: 12px;
    color: #8b98a5;
}

@media (max-width: 720px) {
    .mgc-peak[b-97tm4oq9t4] {
        align-items: flex-start;
    }

    .mgc-chart-wrap[b-97tm4oq9t4] {
        height: 240px;
    }
}
/* /Components/Shared/MatchupHomeTeaser.razor.rz.scp.css */
.mlab-home[b-hc2aprcpyb] {
    --mlab-text: #3a4550;
    --mlab-heading: #1a2129;
    --mlab-muted: #6b7785;
    --mlab-surface: #ffffff;
    --mlab-surface-2: #f4f6f8;
    --mlab-border: #dde3ea;
    --mlab-input: #ffffff;
    --mlab-hover: #eef1f4;
    --mlab-deep: #e8ecf1;
    --mlab-shadow: rgba(0, 0, 0, 0.08);
    --mlab-bg:
        radial-gradient(ellipse at 50% 0%, rgba(224, 4, 63, 0.06), transparent 55%),
        radial-gradient(ellipse at 80% 70%, rgba(249, 155, 29, 0.06), transparent 45%),
        linear-gradient(180deg, #ffffff 0%, #f4f6f8 100%);
    position: relative;
    margin: 0 0 28px;
    border: 1px solid var(--mlab-border);
    border-radius: 14px;
    overflow: hidden;
    background: var(--mlab-bg);
    padding: 0;
    color: var(--mlab-heading);
}

html[data-theme="dark"] .mlab-home[b-hc2aprcpyb] {
    --mlab-text: #c8d0d8;
    --mlab-heading: #e8eef4;
    --mlab-muted: #9aa3ad;
    --mlab-surface: #151b22;
    --mlab-surface-2: #1a2129;
    --mlab-border: #2a3440;
    --mlab-input: #0b1018;
    --mlab-hover: #1f2730;
    --mlab-deep: #0e1217;
    --mlab-shadow: rgba(0, 0, 0, 0.35);
    --mlab-bg:
        radial-gradient(ellipse at 50% 0%, rgba(224, 4, 63, 0.14), transparent 55%),
        radial-gradient(ellipse at 80% 70%, rgba(249, 155, 29, 0.07), transparent 45%),
        linear-gradient(180deg, #151b22 0%, #0e1217 100%);
}

.mlab-home-inner[b-hc2aprcpyb] {
    position: relative;
    z-index: 1;
    padding: 22px 18px 20px;
    text-align: center;
}

.mlab-home-kicker[b-hc2aprcpyb] {
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #f99b1d;
}

.mlab-home-title[b-hc2aprcpyb] {
    margin: 8px 0 0;
    font-size: clamp(1.25rem, 2.8vw, 1.65rem);
    font-weight: 800;
    color: var(--mlab-heading);
    letter-spacing: 0.02em;
}

.mlab-home-lead[b-hc2aprcpyb] {
    margin: 8px auto 0;
    max-width: 520px;
    color: var(--mlab-muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.mlab-home-form[b-hc2aprcpyb] {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto;
    gap: 10px;
    align-items: end;
    max-width: 720px;
    margin: 16px auto 0;
    text-align: left;
}

.mlab-home-field[b-hc2aprcpyb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    min-width: 0;
}

.mlab-home-field span[b-hc2aprcpyb] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mlab-muted);
}

.mlab-home-field select[b-hc2aprcpyb] {
    width: 100%;
    height: 42px;
    border: 1px solid var(--mlab-border);
    border-radius: 6px;
    padding: 0 12px;
    background: var(--mlab-input);
    color: var(--mlab-heading);
    font-size: 14px;
    font-weight: 600;
}

.mlab-home-field select:focus[b-hc2aprcpyb] {
    outline: none;
    border-color: #f99b1d;
    box-shadow: 0 0 0 1px rgba(249, 155, 29, 0.35);
}

.mlab-home-vs[b-hc2aprcpyb] {
    font-weight: 900;
    color: #e0043f;
    padding-bottom: 10px;
    letter-spacing: 0.06em;
}

.mlab-home-cta[b-hc2aprcpyb] {
    appearance: none;
    border: none;
    border-radius: 4px;
    background: #e0043f;
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 11px 18px;
    cursor: pointer;
    min-height: 42px;
    box-shadow: 0 8px 20px rgba(224, 4, 63, 0.25);
}

.mlab-home-cta:hover[b-hc2aprcpyb] {
    filter: brightness(1.08);
}

.mlab-home-error[b-hc2aprcpyb] {
    margin: 12px 0 0;
    color: #ff7a9a;
    font-size: 0.88rem;
    font-weight: 600;
}

@media (max-width: 700px) {
    .mlab-home-form[b-hc2aprcpyb] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .mlab-home-vs[b-hc2aprcpyb] {
        padding: 0;
        text-align: center;
    }

    .mlab-home-field[b-hc2aprcpyb] {
        text-align: left;
    }

    .mlab-home-cta[b-hc2aprcpyb] {
        width: 100%;
    }
}
/* /Components/Shared/ParticipantBadgesWidget.razor.rz.scp.css */
.participant-badges[b-ada4br0xip] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.participant-badge[b-ada4br0xip] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.4;
    white-space: nowrap;
    border: 1px solid transparent;
}

.participant-badge.badge-mvp[b-ada4br0xip] {
    background: rgba(249, 155, 29, 0.18);
    border-color: rgba(249, 155, 29, 0.55);
    color: #c77800;
}

.participant-badge.badge-svp[b-ada4br0xip] {
    background: rgba(120, 144, 176, 0.18);
    border-color: rgba(120, 144, 176, 0.5);
    color: #5a6f8c;
}

.participant-badge.badge-wards[b-ada4br0xip] {
    background: rgba(76, 175, 80, 0.14);
    border-color: rgba(76, 175, 80, 0.45);
    color: #2e7d32;
}

.participant-badge.badge-lane[b-ada4br0xip] {
    background: rgba(33, 150, 243, 0.14);
    border-color: rgba(33, 150, 243, 0.45);
    color: #1565c0;
}

.participant-badge.badge-objectives[b-ada4br0xip] {
    background: rgba(224, 4, 63, 0.12);
    border-color: rgba(224, 4, 63, 0.4);
    color: #c00336;
}
/* /Components/Shared/PlayerChallengesWidget.razor.rz.scp.css */
/* Tema claro — alinhado ao .wcontainer / design legado do UsuarioLoL */
.pcw[b-u1eskh7rlh] {
    --pcw-bg: #fff;
    --pcw-border: #e4e4e4;
    --pcw-text: #555;
    --pcw-muted: #888;
    --pcw-accent: #f99b1d;
    --pcw-bar: #ececec;
    color: var(--pcw-text);
}

.pcw-grid[b-u1eskh7rlh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pcw-card[b-u1eskh7rlh] {
    background: var(--pcw-bg);
    border: 1px solid var(--pcw-border);
    border-left: 3px solid #e0043f;
    border-radius: 2px;
    padding: 14px 16px;
    min-height: 100px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.pcw-total[b-u1eskh7rlh] {
    border-left-color: var(--pcw-accent);
}

.pcw-card-wide[b-u1eskh7rlh] {
    grid-column: 1 / -1;
}

.pcw-label[b-u1eskh7rlh] {
    margin: 0 0 8px;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pcw-muted);
    font-weight: 600;
}

.pcw-points[b-u1eskh7rlh] {
    margin: 0;
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    font-weight: 700;
    line-height: 1.1;
    color: var(--pcw-accent);
}

.pcw-sub[b-u1eskh7rlh] {
    margin: 6px 0 12px;
    font-size: 13px;
    color: var(--pcw-muted);
}

.pcw-tier[b-u1eskh7rlh] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    background: #f3f3f3;
    color: #555;
    border: 1px solid #e0e0e0;
}

.pcw-tier-sm[b-u1eskh7rlh] {
    font-size: 10px;
    padding: 2px 7px;
}

.pcw-tier-iron[b-u1eskh7rlh] { background: #f0f0f0; color: #666; border-color: #ccc; }
.pcw-tier-bronze[b-u1eskh7rlh] { background: #f7ebe1; color: #8a5528; border-color: #e2c4a8; }
.pcw-tier-silver[b-u1eskh7rlh] { background: #eef2f5; color: #5a6773; border-color: #c5d0d8; }
.pcw-tier-gold[b-u1eskh7rlh] { background: #fff6df; color: #9a6b00; border-color: #efd48a; }
.pcw-tier-platinum[b-u1eskh7rlh] { background: #e8f8f7; color: #1f5a5c; border-color: #a8ddd8; }
.pcw-tier-emerald[b-u1eskh7rlh] { background: #e8f8ef; color: #14553a; border-color: #9fd9b8; }
.pcw-tier-diamond[b-u1eskh7rlh] { background: #eaf4ff; color: #1d4f7a; border-color: #a8cdf0; }
.pcw-tier-master[b-u1eskh7rlh] { background: #f6ecff; color: #5b2d7a; border-color: #d4b3ef; }
.pcw-tier-grandmaster[b-u1eskh7rlh] { background: #ffeef0; color: #8a1f2b; border-color: #f0b3bc; }
.pcw-tier-challenger[b-u1eskh7rlh] { background: #fff4e5; color: #8a5200; border-color: #f0c98a; }

.pcw-titles[b-u1eskh7rlh] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pcw-titles li[b-u1eskh7rlh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--pcw-border);
}

.pcw-titles li:last-child[b-u1eskh7rlh] {
    border-bottom: none;
    padding-bottom: 0;
}

.pcw-title-name[b-u1eskh7rlh] {
    font-size: 14px;
    font-weight: 600;
    color: #444;
}

.pcw-empty[b-u1eskh7rlh] {
    margin: 0;
    color: var(--pcw-muted);
    font-size: 14px;
}

.pcw-progress-list[b-u1eskh7rlh] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pcw-progress-head[b-u1eskh7rlh] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
    font-size: 13px;
}

.pcw-progress-meta[b-u1eskh7rlh] {
    color: var(--pcw-muted);
    white-space: nowrap;
    font-size: 12px;
}

.pcw-bar[b-u1eskh7rlh] {
    height: 8px;
    border-radius: 2px;
    background: var(--pcw-bar);
    overflow: hidden;
    border: 1px solid var(--pcw-border);
}

.pcw-bar-fill[b-u1eskh7rlh] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #e08a12, var(--pcw-accent));
    transition: width 0.35s ease;
}

.pcw-error[b-u1eskh7rlh] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    border-left-color: #e0043f;
    background: #fff8f8;
}

.pcw-error-icon[b-u1eskh7rlh] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e0043f;
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 700;
    flex-shrink: 0;
}

.pcw-error p[b-u1eskh7rlh] {
    margin: 4px 0 0;
    color: var(--pcw-muted);
    font-size: 14px;
}

.pcw-error strong[b-u1eskh7rlh] {
    color: #444;
}

.pcw-skeleton .pcw-skel-line[b-u1eskh7rlh],
.pcw-skeleton .pcw-skel-bar[b-u1eskh7rlh],
.pcw-skeleton .pcw-skel-badge[b-u1eskh7rlh] {
    background: linear-gradient(90deg, #ececec 25%, #f5f5f5 50%, #ececec 75%);
    background-size: 200% 100%;
    animation: pcw-shimmer-b-u1eskh7rlh 1.2s ease-in-out infinite;
    border-radius: 2px;
}

.pcw-skel-line[b-u1eskh7rlh] {
    height: 12px;
    margin-bottom: 10px;
    width: 70%;
}

.pcw-skel-lg[b-u1eskh7rlh] {
    height: 28px;
    width: 45%;
}

.pcw-skel-badge[b-u1eskh7rlh] {
    width: 88px;
    height: 24px;
}

.pcw-skel-bar[b-u1eskh7rlh] {
    height: 8px;
    width: 100%;
    margin-top: 12px;
}

@keyframes pcw-shimmer-b-u1eskh7rlh {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (max-width: 720px) {
    .pcw-grid[b-u1eskh7rlh] {
        grid-template-columns: 1fr;
    }

    .pcw-progress-head[b-u1eskh7rlh] {
        flex-direction: column;
        gap: 2px;
    }
}
/* /Components/Shared/PlayerComparison.razor.rz.scp.css */
.vs-board[b-29sr3qdvyk] {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    padding: 16px 18px 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.vs-headers[b-29sr3qdvyk] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
}

.vs-player[b-29sr3qdvyk] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.vs-player-right[b-29sr3qdvyk] {
    justify-content: flex-end;
    text-align: right;
}

.vs-avatar[b-29sr3qdvyk] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 3px solid #585858;
    object-fit: cover;
}

.vs-name[b-29sr3qdvyk] {
    display: block;
    font-size: 1.15rem;
    font-weight: 700;
    color: #333;
    text-decoration: underline;
    text-decoration-color: rgba(249, 155, 29, 0.45);
    text-underline-offset: 2px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
}

.vs-name:hover[b-29sr3qdvyk] {
    color: #e0043f;
    text-decoration-color: #e0043f;
}

.vs-level[b-29sr3qdvyk] {
    color: #888;
    font-size: 0.85rem;
    margin-top: 2px;
}

.vs-badge[b-29sr3qdvyk] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e0043f;
    color: #fff;
    font-weight: 800;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.04em;
    box-shadow: 0 4px 12px rgba(224, 4, 63, 0.35);
}

.vs-rows[b-29sr3qdvyk] {
    display: flex;
    flex-direction: column;
}

.vs-row[b-29sr3qdvyk] {
    display: grid;
    grid-template-columns: 1fr minmax(120px, 160px) 1fr;
    gap: 10px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.vs-row:last-child[b-29sr3qdvyk] {
    border-bottom: none;
}

.vs-metric[b-29sr3qdvyk] {
    text-align: center;
    color: #888;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.vs-cell[b-29sr3qdvyk] {
    color: #555;
    font-weight: 600;
    font-size: 0.98rem;
}

.vs-row > .vs-cell:last-child[b-29sr3qdvyk],
.vs-row > div:last-child.vs-cell[b-29sr3qdvyk],
.vs-row > div:last-child.vs-best[b-29sr3qdvyk] {
    text-align: right;
}

.vs-best[b-29sr3qdvyk] {
    color: #1b7a3d !important;
    background: rgba(46, 160, 67, 0.1);
    border-radius: 4px;
    padding: 8px 10px;
}

.vs-sub[b-29sr3qdvyk] {
    display: block;
    margin-top: 3px;
    color: #999;
    font-size: 0.8rem;
    font-weight: 500;
}

.vs-best .vs-sub[b-29sr3qdvyk] {
    color: #3d8f55;
}

.vs-row-champ .vs-cell[b-29sr3qdvyk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.vs-row-champ .vs-cell:last-child[b-29sr3qdvyk] {
    align-items: flex-end;
}

.vs-champ-icon[b-29sr3qdvyk] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    margin-bottom: 4px;
}

.vs-win-mark[b-29sr3qdvyk] {
    display: inline-block;
    margin: 0 6px;
    font-weight: 800;
    color: #1b7a3d;
}

.vs-board-versus[b-29sr3qdvyk] {
    padding: 0;
    overflow: hidden;
}

.versus-arena[b-29sr3qdvyk] {
    padding: 20px 18px 16px;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(224, 4, 63, 0.12), transparent 55%),
        radial-gradient(ellipse at 80% 0%, rgba(249, 155, 29, 0.1), transparent 50%),
        linear-gradient(180deg, #12181f 0%, #0e1217 100%);
    color: #e8eaed;
    border-bottom: 1px solid #2a313a;
}

.versus-kicker[b-29sr3qdvyk] {
    margin: 0;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #9aa3ad;
}

.versus-title[b-29sr3qdvyk] {
    margin: 4px 0 14px;
    text-align: center;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    color: #fff;
}

.versus-score-strip[b-29sr3qdvyk] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
    padding: 10px 12px;
    border: 1px solid #2a313a;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.03);
}

.versus-score-side[b-29sr3qdvyk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.versus-score-side strong[b-29sr3qdvyk] {
    font-size: 1.6rem;
    font-weight: 800;
    color: #f99b1d;
    line-height: 1;
}

.versus-score-side span[b-29sr3qdvyk] {
    font-size: 12px;
    color: #9aa3ad;
    font-weight: 600;
}

.versus-score-side-right[b-29sr3qdvyk] {
    text-align: right;
}

.versus-score-side.is-ahead strong[b-29sr3qdvyk] {
    color: #fff;
    text-shadow: 0 0 18px rgba(249, 155, 29, 0.45);
}

.versus-score-mid[b-29sr3qdvyk] {
    text-align: center;
}

.versus-score-vs[b-29sr3qdvyk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #e0043f;
    color: #fff;
    font-weight: 800;
    font-size: 0.85rem;
    box-shadow: 0 4px 12px rgba(224, 4, 63, 0.35);
}

.versus-ties[b-29sr3qdvyk] {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #9aa3ad;
    font-weight: 600;
}

.versus-fighters[b-29sr3qdvyk] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 14px;
    align-items: start;
}

.versus-fighter[b-29sr3qdvyk],
.versus-fighter-left[b-29sr3qdvyk],
.versus-fighter-right[b-29sr3qdvyk] {
    min-width: 0;
}

.versus-fighter-meta[b-29sr3qdvyk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    min-height: 64px;
}

.versus-fighter-meta-right[b-29sr3qdvyk] {
    justify-content: flex-end;
    text-align: right;
}

.versus-avatar[b-29sr3qdvyk] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid #585858;
    object-fit: cover;
}

.versus-riot-id[b-29sr3qdvyk] {
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
}

.versus-riot-id:hover[b-29sr3qdvyk] {
    color: #f99b1d;
}

.versus-elo[b-29sr3qdvyk] {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 700;
    color: #f99b1d;
}

.versus-level[b-29sr3qdvyk] {
    font-size: 12px;
    color: #9aa3ad;
}

.versus-divider[b-29sr3qdvyk] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 120px;
}

.versus-divider span[b-29sr3qdvyk] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e0043f;
    color: #fff;
    font-weight: 800;
    font-size: 0.8rem;
}

.versus-model-wrap[b-29sr3qdvyk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.versus-champ-caption[b-29sr3qdvyk] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #e8eaed;
}

.versus-champ-caption-right[b-29sr3qdvyk] {
    justify-content: flex-end;
}

.versus-champ-caption img[b-29sr3qdvyk] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
}

.versus-champ-caption em[b-29sr3qdvyk] {
    font-style: normal;
    color: #9aa3ad;
    font-size: 11px;
    font-weight: 600;
}

.versus-model-missing[b-29sr3qdvyk] {
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #2a313a;
    border-radius: 8px;
    color: #9aa3ad;
    font-size: 12px;
    font-weight: 600;
}

.versus-actions[b-29sr3qdvyk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
}

.versus-share-btn[b-29sr3qdvyk] {
    appearance: none;
    border: 1px solid #f99b1d;
    background: #f99b1d;
    color: #111 !important;
    font-weight: 700;
    font-size: 13px;
    padding: 9px 16px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
}

.versus-share-btn:hover:not(:disabled)[b-29sr3qdvyk] {
    background: #fff;
    color: #f99b1d !important;
}

.versus-share-btn:disabled[b-29sr3qdvyk] {
    opacity: 0.7;
    cursor: wait;
}

.versus-share-btn-secondary[b-29sr3qdvyk] {
    background: transparent;
    color: #f99b1d;
}

.versus-share-btn-secondary:hover:not(:disabled)[b-29sr3qdvyk] {
    background: #f99b1d;
    color: #111;
}

.versus-share-btn-ghost[b-29sr3qdvyk] {
    background: #111;
    border-color: #111;
    color: #fff !important;
}

.versus-share-btn-ghost:hover:not(:disabled)[b-29sr3qdvyk] {
    background: #333;
    color: #fff !important;
    border-color: #333;
}

.versus-share-msg[b-29sr3qdvyk] {
    font-size: 12px;
    color: #9aa3ad;
}

.versus-viral[b-29sr3qdvyk] {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px dashed #e8e0d4;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.versus-viral-actions[b-29sr3qdvyk] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.versus-challenge[b-29sr3qdvyk],
.versus-your-turn[b-29sr3qdvyk] {
    text-align: center;
}

.versus-challenge-title[b-29sr3qdvyk],
.versus-your-turn-title[b-29sr3qdvyk] {
    margin: 0 0 6px;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #222;
}

.versus-challenge-sub[b-29sr3qdvyk] {
    margin: 0 0 12px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #444;
}

.versus-challenge-sub span[b-29sr3qdvyk] {
    display: inline-block;
    margin: 0 8px;
    color: #e0043f;
    font-weight: 800;
}

.versus-challenge-form[b-29sr3qdvyk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    align-items: stretch;
}

.versus-challenge-form input[b-29sr3qdvyk] {
    min-width: min(100%, 220px);
    flex: 1 1 200px;
    max-width: 320px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 15px;
    background: #fff;
    color: #222;
}

.versus-challenge-accept[b-29sr3qdvyk] {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 10px 18px;
}

.versus-challenge-error[b-29sr3qdvyk] {
    margin: 8px 0 0;
    color: #e0043f;
    font-size: 13px;
}

.versus-your-turn-sub[b-29sr3qdvyk] {
    margin: 0 0 12px;
    color: #666;
    font-size: 0.92rem;
}

.versus-your-turn-cta[b-29sr3qdvyk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    min-height: 48px;
    padding: 12px 22px;
    font-size: 15px;
    color: #111 !important;
}

a.versus-your-turn-cta:hover[b-29sr3qdvyk] {
    background: #fff;
    color: #f99b1d !important;
}

.versus-matchup-cta[b-29sr3qdvyk] {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px dashed #e8e0d4;
}

html[data-theme="dark"] .versus-viral[b-29sr3qdvyk] {
    border-top-color: #2a3440;
}

html[data-theme="dark"] .versus-challenge-title[b-29sr3qdvyk],
html[data-theme="dark"] .versus-your-turn-title[b-29sr3qdvyk] {
    color: #e8eef4;
}

html[data-theme="dark"] .versus-challenge-sub[b-29sr3qdvyk],
html[data-theme="dark"] .versus-your-turn-sub[b-29sr3qdvyk] {
    color: #9aa3ad;
}

html[data-theme="dark"] .versus-challenge-form input[b-29sr3qdvyk] {
    background: #0b1018;
    border-color: #2a3440;
    color: #e8eef4;
}

html[data-theme="dark"] .versus-share-btn-ghost[b-29sr3qdvyk] {
    background: #e0043f !important;
    border-color: #e0043f !important;
    color: #fff !important;
}

html[data-theme="dark"] .versus-share-btn-ghost:hover:not(:disabled)[b-29sr3qdvyk] {
    background: #ff2d5c !important;
    border-color: #ff2d5c !important;
    color: #fff !important;
}

html[data-theme="dark"] a.versus-your-turn-cta:hover[b-29sr3qdvyk] {
    background: transparent !important;
    color: #f99b1d !important;
    border-color: #f99b1d !important;
}

html[data-theme="dark"] .versus-matchup-cta[b-29sr3qdvyk] {
    border-top-color: #2a3440;
}

html[data-theme="dark"] .versus-share-msg[b-29sr3qdvyk] {
    color: #9aa3ad;
}

.versus-section-title[b-29sr3qdvyk] {
    margin: 0;
    padding: 14px 18px 0;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #888;
}

.vs-board-versus .vs-rows[b-29sr3qdvyk] {
    padding: 4px 18px 8px;
}

.versus-finale[b-29sr3qdvyk] {
    margin: 8px 18px 18px;
    padding: 18px 16px;
    text-align: center;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background: linear-gradient(180deg, #fffaf3 0%, #fff 100%);
}

.versus-finale-kicker[b-29sr3qdvyk] {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #e0043f;
}

.versus-finale-winner[b-29sr3qdvyk] {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 800;
    color: #222;
}

.versus-trophy[b-29sr3qdvyk] {
    color: #f99b1d;
    margin-right: 4px;
}

.versus-finale-score[b-29sr3qdvyk] {
    margin: 8px 0 4px;
    font-size: 1.25rem;
    font-weight: 800;
    color: #f99b1d;
}

.versus-finale-note[b-29sr3qdvyk] {
    margin: 0;
    font-size: 13px;
    color: #777;
}

.versus-dna-tag[b-29sr3qdvyk] {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #f99b1d;
    opacity: 0.95;
}

.versus-dna-compare[b-29sr3qdvyk] {
    margin: 0 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #2a3440;
}

.versus-dna-compare-title[b-29sr3qdvyk] {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #f99b1d;
}

.versus-dna-compare-grid[b-29sr3qdvyk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    text-align: center;
}

.versus-dna-compare-grid strong[b-29sr3qdvyk] {
    display: block;
    font-size: 12px;
    color: #9aa3ad;
}

.versus-dna-compare-grid span[b-29sr3qdvyk] {
    display: block;
    margin-top: 4px;
    font-size: 1.05rem;
    font-weight: 800;
    color: #e8eef4;
}

html[data-theme="dark"] .versus-finale[b-29sr3qdvyk] {
    border-color: #2a3440;
    background: linear-gradient(180deg, #1e262f 0%, #151b22 100%);
}

html[data-theme="dark"] .versus-finale-winner[b-29sr3qdvyk] {
    color: #e8eef4;
}

html[data-theme="dark"] .versus-finale-note[b-29sr3qdvyk] {
    color: #9aa3ad;
}

html[data-theme="dark"] .versus-finale-kicker[b-29sr3qdvyk] {
    color: #ff5a7a;
}

.versus-share-card[b-29sr3qdvyk] {
    position: fixed;
    left: -10000px;
    top: 0;
    width: 720px;
    background: #0b1018;
    color: #fff;
    z-index: -1;
}

.versus-share-card-inner[b-29sr3qdvyk] {
    padding: 28px;
}

.versus-share-brand[b-29sr3qdvyk] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #f99b1d;
    margin-bottom: 16px;
}

.versus-share-names[b-29sr3qdvyk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.versus-share-names strong[b-29sr3qdvyk] {
    color: #e0043f;
}

.versus-share-champs[b-29sr3qdvyk] {
    display: flex;
    justify-content: space-between;
    color: #9aa3ad;
    font-size: 13px;
    margin-bottom: 14px;
}

.versus-share-scoreline[b-29sr3qdvyk] {
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 4px;
    background: rgba(224, 4, 63, 0.2);
}

.versus-share-stats[b-29sr3qdvyk] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.versus-share-stats li[b-29sr3qdvyk] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 8px;
    padding: 8px 0;
    border-top: 1px solid #1c2430;
    font-size: 12px;
}

.versus-share-stats em[b-29sr3qdvyk] {
    font-style: normal;
    color: #9aa3ad;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
}

@media (max-width: 900px) {
    .versus-fighters[b-29sr3qdvyk] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .versus-divider[b-29sr3qdvyk] {
        padding-top: 0;
    }

    .versus-fighter-meta[b-29sr3qdvyk],
    .versus-fighter-meta-right[b-29sr3qdvyk],
    .versus-champ-caption[b-29sr3qdvyk],
    .versus-champ-caption-right[b-29sr3qdvyk] {
        justify-content: center;
        text-align: center;
    }

    .versus-score-side-right[b-29sr3qdvyk] {
        text-align: left;
    }
}

@media (max-width: 700px) {
    .vs-headers[b-29sr3qdvyk] {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .vs-player[b-29sr3qdvyk],
    .vs-player-right[b-29sr3qdvyk] {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .vs-row[b-29sr3qdvyk] {
        grid-template-columns: 1fr;
        gap: 6px;
        text-align: center;
        padding: 14px 0;
    }

    .vs-metric[b-29sr3qdvyk] {
        order: -1;
    }

    .vs-row > .vs-cell:last-child[b-29sr3qdvyk],
    .vs-row > div:last-child.vs-cell[b-29sr3qdvyk],
    .vs-row > div:last-child.vs-best[b-29sr3qdvyk] {
        text-align: center;
    }

    .vs-row-champ .vs-cell[b-29sr3qdvyk],
    .vs-row-champ .vs-cell:last-child[b-29sr3qdvyk] {
        align-items: center;
    }

    .versus-score-strip[b-29sr3qdvyk] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .versus-score-side[b-29sr3qdvyk],
    .versus-score-side-right[b-29sr3qdvyk] {
        text-align: center;
        align-items: center;
    }

    .versus-viral-actions[b-29sr3qdvyk],
    .versus-challenge-form[b-29sr3qdvyk] {
        flex-direction: column;
        align-items: stretch;
    }

    .versus-challenge-form input[b-29sr3qdvyk],
    .versus-challenge-accept[b-29sr3qdvyk],
    .versus-your-turn-cta[b-29sr3qdvyk],
    .versus-share-btn[b-29sr3qdvyk] {
        width: 100%;
        max-width: none;
        justify-content: center;
    }
}
/* /Components/Shared/RiotIdSearchBox.razor.rz.scp.css */
.riot-search-page[b-tyupcnbbgu] {
    margin: 8px 0 4px;
}

.riot-search-page-row[b-tyupcnbbgu] {
    display: flex;
    gap: 0;
    align-items: stretch;
    max-width: 520px;
    position: relative;
}

.riot-search-page-icon[b-tyupcnbbgu] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 14px;
    z-index: 1;
    pointer-events: none;
}

.riot-search-page-input[b-tyupcnbbgu] {
    flex: 1;
    min-width: 0;
    height: 40px;
    border: 1px solid #d5d5d5;
    border-right: none;
    background: #fff;
    color: #444;
    padding: 0 12px 0 36px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
}

.riot-search-page-input[b-tyupcnbbgu]::placeholder {
    color: #999;
}

.riot-search-page-input:focus[b-tyupcnbbgu] {
    border-color: #f99b1d;
}

.riot-search-page-btn[b-tyupcnbbgu] {
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111;
    padding: 0 18px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
    white-space: nowrap;
}

.riot-search-page-btn:hover[b-tyupcnbbgu] {
    background: #e08a12;
    border-color: #e08a12;
}

.riot-search-page-error[b-tyupcnbbgu] {
    margin: 8px 0 0;
    color: #e0043f;
    font-size: 13px;
}

@media (max-width: 480px) {
    .riot-search-page-row[b-tyupcnbbgu] {
        flex-wrap: wrap;
        max-width: none;
    }

    .riot-search-page-input[b-tyupcnbbgu] {
        border-right: 1px solid #d5d5d5;
        width: 100%;
    }

    .riot-search-page-btn[b-tyupcnbbgu] {
        width: 100%;
        height: 40px;
        margin-top: 8px;
    }
}
/* /Components/Shared/ServerStatusIndicator.razor.rz.scp.css */
.ssi[b-0hgf12eich] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-right: 14px;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #c5ced6;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: default;
    user-select: none;
    vertical-align: middle;
}

.ssi-dot[b-0hgf12eich] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
}

.ssi-dot--ok[b-0hgf12eich] {
    background: #3dcf6a;
}

.ssi-dot--warn[b-0hgf12eich] {
    background: #f5c042;
}

.ssi-dot--down[b-0hgf12eich] {
    background: #e0043f;
}

.ssi-dot--unknown[b-0hgf12eich] {
    background: #6b7782;
}

.ssi-label[b-0hgf12eich] {
    line-height: 1;
    opacity: 0.9;
}
/* /Components/Shared/ShareCardModal.razor.rz.scp.css */
.share-card-overlay[b-wk4vmwu887] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.share-card-dialog[b-wk4vmwu887] {
    width: min(440px, 100%);
    max-height: 94vh;
    overflow: auto;
    background: #12171c;
    border: 1px solid #2a3440;
    border-radius: 8px;
    padding: 14px 14px 16px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
}

.share-card-toolbar[b-wk4vmwu887] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.share-card-toolbar h4[b-wk4vmwu887] {
    margin: 0;
    color: #e8ecef;
    font-size: 1rem;
}

.share-card-close[b-wk4vmwu887] {
    background: transparent;
    border: none;
    color: #8b98a5;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}

.share-card-close:hover[b-wk4vmwu887] {
    color: #fff;
}

.share-card-preview-wrap[b-wk4vmwu887] {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

.share-card[b-wk4vmwu887] {
    position: relative;
    width: 360px;
    height: 540px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(249, 155, 29, 0.35);
    box-shadow: 0 0 0 1px rgba(224, 4, 63, 0.2), 0 12px 32px rgba(0, 0, 0, 0.4);
    color: #f2f5f8;
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: #0b1018;
}

.share-card-bg[b-wk4vmwu887] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center top;
    filter: saturate(1.05) contrast(1.05);
    transform: scale(1.05);
}

.share-card-veil[b-wk4vmwu887] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(8, 12, 18, 0.35) 0%, rgba(8, 12, 18, 0.55) 35%, rgba(8, 12, 18, 0.92) 72%, #070b11 100%),
        linear-gradient(90deg, rgba(224, 4, 63, 0.18), transparent 40%, rgba(249, 155, 29, 0.12));
}

.share-card-content[b-wk4vmwu887] {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px 18px 14px;
    box-sizing: border-box;
}

.share-card-brand[b-wk4vmwu887] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
}

.share-card-logo[b-wk4vmwu887] {
    height: 22px;
    width: auto;
}

.share-card-brand span[b-wk4vmwu887] {
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.78rem;
    color: #f99b1d;
}

.share-card-identity[b-wk4vmwu887] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.share-card-avatar[b-wk4vmwu887] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 3px solid #f99b1d;
    object-fit: cover;
    background: #1a2129;
}

.share-card-id-text[b-wk4vmwu887] {
    flex: 1;
    min-width: 0;
}

.share-card-riotid[b-wk4vmwu887] {
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.2;
    word-break: break-word;
}

.share-card-level[b-wk4vmwu887] {
    margin-top: 4px;
    color: #a8b4c0;
    font-size: 0.85rem;
}

.share-card-elo[b-wk4vmwu887] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    max-width: 88px;
    text-align: center;
}

.share-card-elo-badge[b-wk4vmwu887] {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

.share-card-elo span[b-wk4vmwu887] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #f99b1d;
    line-height: 1.2;
}

.share-card-toplist[b-wk4vmwu887] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(224, 4, 63, 0.22);
    border: 1px solid rgba(224, 4, 63, 0.45);
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 14px;
}

.share-card-toplist-label[b-wk4vmwu887] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffb4c4;
}

.share-card-toplist-pos[b-wk4vmwu887] {
    font-size: 1.35rem;
    font-weight: 900;
    color: #fff;
}

.share-card-champs-title[b-wk4vmwu887] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8b98a5;
    margin-bottom: 8px;
}

.share-card-champs[b-wk4vmwu887] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: auto;
}

.share-card-champ[b-wk4vmwu887] {
    background: rgba(18, 23, 28, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 8px 6px;
    text-align: center;
}

.share-card-champ img[b-wk4vmwu887] {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    display: block;
    margin: 0 auto 6px;
}

.share-card-champ-name[b-wk4vmwu887] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.share-card-champ-meta[b-wk4vmwu887] {
    display: block;
    margin-top: 2px;
    font-size: 0.62rem;
    color: #a8b4c0;
}

.share-card-footer[b-wk4vmwu887] {
    margin-top: 12px;
    text-align: center;
    font-size: 0.7rem;
    color: #6f7d8b;
    letter-spacing: 0.04em;
}

.share-card-actions[b-wk4vmwu887] {
    display: flex;
    gap: 8px;
}

.share-card-btn[b-wk4vmwu887] {
    flex: 1;
    height: 40px;
    border: 1px solid #2a3440;
    background: #1a2129;
    color: #e8ecef;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 4px;
}

.share-card-btn:hover:not(:disabled)[b-wk4vmwu887] {
    border-color: #f99b1d;
}

.share-card-btn-primary[b-wk4vmwu887] {
    background: #f99b1d;
    border-color: #f99b1d;
    color: #111;
}

.share-card-btn-primary:hover:not(:disabled)[b-wk4vmwu887] {
    background: #e08a12;
    border-color: #e08a12;
}

.share-card-btn:disabled[b-wk4vmwu887] {
    opacity: 0.65;
    cursor: wait;
}

.share-card-hint[b-wk4vmwu887],
.share-card-error[b-wk4vmwu887] {
    margin: 10px 0 0;
    font-size: 0.85rem;
    text-align: center;
}

.share-card-hint[b-wk4vmwu887] {
    color: #8b98a5;
}

.share-card-error[b-wk4vmwu887] {
    color: #ff7a9a;
}

@media (max-width: 420px) {
    .share-card[b-wk4vmwu887] {
        width: 300px;
        height: 450px;
    }

    .share-card-avatar[b-wk4vmwu887] {
        width: 58px;
        height: 58px;
    }

    .share-card-riotid[b-wk4vmwu887] {
        font-size: 1rem;
    }
}
/* /Components/Shared/SummonerLink.razor.rz.scp.css */
.summoner-link[b-9cx9c4hjxi] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(249, 155, 29, 0.45);
    text-underline-offset: 2px;
}

.summoner-link:hover[b-9cx9c4hjxi] {
    color: #e0043f;
    text-decoration-color: #e0043f;
}
/* /Components/Shared/SummonerPreviewModal.razor.rz.scp.css */
.summoner-preview-overlay[b-kel0nboigc] {
    position: fixed;
    inset: 0;
    z-index: 2100;
    background: rgba(0, 0, 0, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    animation: summoner-preview-fade-b-kel0nboigc 0.18s ease-out;
}

.summoner-preview-dialog[b-kel0nboigc] {
    position: relative;
    width: min(420px, 100%);
    min-height: 160px;
    background: #12171c;
    border: 1px solid #2a3440;
    border-radius: 8px;
    padding: 20px 18px 16px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
    color: #e8ecef;
    animation: summoner-preview-pop-b-kel0nboigc 0.22s ease-out;
}

.summoner-preview-close[b-kel0nboigc] {
    position: absolute;
    top: 8px;
    right: 10px;
    background: none;
    border: none;
    color: #8b98a5;
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
}

.summoner-preview-close:hover[b-kel0nboigc] {
    color: #fff;
}

.summoner-preview-head[b-kel0nboigc] {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 16px;
    padding-right: 20px;
}

.summoner-preview-avatar[b-kel0nboigc] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 3px solid #f99b1d;
    object-fit: cover;
}

.summoner-preview-name[b-kel0nboigc] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #e8ecef;
}

.summoner-preview-meta[b-kel0nboigc] {
    color: #8b98a5;
    font-size: 0.9rem;
    margin-top: 2px;
}

.summoner-preview-elo[b-kel0nboigc] {
    color: #f99b1d;
    font-weight: 700;
    margin-top: 4px;
}

.summoner-preview-champs[b-kel0nboigc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}

.summoner-preview-champ[b-kel0nboigc] {
    text-align: center;
    background: #1a2129;
    border: 1px solid #2a3440;
    border-radius: 6px;
    padding: 8px 4px;
}

.summoner-preview-champ img[b-kel0nboigc] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    display: block;
    margin: 0 auto 6px;
}

.summoner-preview-champ span[b-kel0nboigc] {
    display: block;
    font-size: 0.72rem;
    color: #a8b4c0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.summoner-preview-actions[b-kel0nboigc] {
    display: flex;
    gap: 8px;
}

.summoner-preview-btn[b-kel0nboigc] {
    flex: 1;
    height: 40px;
    border: 1px solid #2a3440;
    background: #1a2129;
    color: #e8ecef;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 4px;
}

.summoner-preview-btn-primary[b-kel0nboigc] {
    background: #f99b1d;
    border-color: #f99b1d;
    color: #111;
}

.summoner-preview-btn-primary:hover[b-kel0nboigc] {
    background: #e08a12;
}

.summoner-preview-status[b-kel0nboigc] {
    margin: 12px 0 16px;
    text-align: center;
    color: #c5ced6;
    min-height: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.summoner-preview-status p[b-kel0nboigc] {
    margin: 0;
}

.summoner-preview-error[b-kel0nboigc] {
    color: #ff7a9a !important;
    font-weight: 700;
}

.summoner-preview-hint[b-kel0nboigc] {
    color: #8b98a5;
    font-size: 0.85rem;
}

.summoner-preview-spinner[b-kel0nboigc] {
    width: 28px;
    height: 28px;
    border: 3px solid #2a3440;
    border-top-color: #f99b1d;
    border-radius: 50%;
    animation: summoner-preview-spin-b-kel0nboigc 0.7s linear infinite;
}

@keyframes summoner-preview-spin-b-kel0nboigc {
    to { transform: rotate(360deg); }
}

@keyframes summoner-preview-fade-b-kel0nboigc {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes summoner-preview-pop-b-kel0nboigc {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
/* /Components/Shared/VersusHomeHero.razor.rz.scp.css */
.vs-home[b-ovtw96hm8v] {
    --vs-heading: #1a2129;
    --vs-muted: #6b7785;
    --vs-border: #dde3ea;
    --vs-input-bg: #ffffff;
    --vs-input-text: #1a2129;
    --vs-chip-bg: rgba(255, 255, 255, 0.85);
    --vs-chip-text: #3a4550;
    --vs-model-bg: linear-gradient(165deg, rgba(244, 246, 248, 0.95), rgba(232, 236, 241, 0.98));
    --vs-bg:
        radial-gradient(ellipse at 50% 0%, rgba(224, 4, 63, 0.08), transparent 50%),
        radial-gradient(ellipse at 20% 80%, rgba(249, 155, 29, 0.06), transparent 40%),
        linear-gradient(180deg, #ffffff 0%, #f4f6f8 100%);
    position: relative;
    margin: 0 0 28px;
    border: 1px solid var(--vs-border);
    border-radius: 14px;
    overflow: hidden;
    background: var(--vs-bg);
}

html[data-theme="dark"] .vs-home[b-ovtw96hm8v] {
    --vs-heading: #e8eef4;
    --vs-muted: #9aa3ad;
    --vs-border: #2a3440;
    --vs-input-bg: #0b1018;
    --vs-input-text: #e8eef4;
    --vs-chip-bg: rgba(0, 0, 0, 0.25);
    --vs-chip-text: #d7dee5;
    --vs-model-bg: linear-gradient(165deg, rgba(21, 27, 34, 0.7), rgba(14, 18, 23, 0.9));
    --vs-bg:
        radial-gradient(ellipse at 50% 0%, rgba(224, 4, 63, 0.16), transparent 50%),
        radial-gradient(ellipse at 20% 80%, rgba(249, 155, 29, 0.08), transparent 40%),
        linear-gradient(180deg, #151b22 0%, #0e1217 100%);
}

.vs-home-inner[b-ovtw96hm8v] {
    position: relative;
    z-index: 1;
    padding: 28px 20px 24px;
    text-align: center;
}

.vs-home-kicker[b-ovtw96hm8v] {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #f99b1d;
}

.vs-home-title[b-ovtw96hm8v] {
    margin: 8px 0 0;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 800;
    color: var(--vs-heading);
    letter-spacing: 0.02em;
}

.vs-home-lead[b-ovtw96hm8v] {
    margin: 10px auto 0;
    max-width: 560px;
    color: var(--vs-muted);
    font-size: 1rem;
    line-height: 1.5;
}

.vs-home-stage[b-ovtw96hm8v] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    margin: 22px auto 8px;
    max-width: 820px;
}

.vs-home-fighter[b-ovtw96hm8v] {
    min-width: 0;
}

.vs-home-model[b-ovtw96hm8v]  .vs-home-3d,
.vs-home-model[b-ovtw96hm8v]  .champ3d {
    height: 260px;
    border-color: rgba(249, 155, 29, 0.25);
    background: var(--vs-model-bg);
}

.vs-home-champ-name[b-ovtw96hm8v] {
    margin: 8px 0 0;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--vs-heading);
}

.vs-home-player-label[b-ovtw96hm8v] {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #f99b1d;
}

.vs-home-vs[b-ovtw96hm8v] {
    font-size: 1.6rem;
    font-weight: 800;
    color: #e0043f;
    letter-spacing: 0.08em;
    text-shadow: 0 0 18px rgba(224, 4, 63, 0.35);
}

.vs-home-form[b-ovtw96hm8v] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: end;
    max-width: 720px;
    margin: 18px auto 0;
    text-align: left;
}

.vs-home-field[b-ovtw96hm8v] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.vs-home-field span[b-ovtw96hm8v] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vs-muted);
}

.vs-home-field input[b-ovtw96hm8v] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--vs-border);
    border-radius: 6px;
    background: var(--vs-input-bg);
    color: var(--vs-input-text);
    font-size: 15px;
    font-weight: 600;
}

.vs-home-field input:disabled[b-ovtw96hm8v] {
    opacity: 0.75;
}

.vs-home-field input:focus[b-ovtw96hm8v] {
    outline: none;
    border-color: #f99b1d;
    box-shadow: 0 0 0 1px rgba(249, 155, 29, 0.35);
}

.vs-home-form-vs[b-ovtw96hm8v] {
    padding-bottom: 12px;
    font-weight: 800;
    color: #e0043f;
}

.vs-home-error[b-ovtw96hm8v] {
    margin: 12px 0 0;
    color: #ff7a9a;
    font-weight: 600;
}

.vs-home-cta[b-ovtw96hm8v] {
    margin-top: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 240px;
    padding: 14px 28px;
    border: none;
    border-radius: 4px;
    background: #e0043f;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(224, 4, 63, 0.28);
}

.vs-home-cta:hover:not(:disabled)[b-ovtw96hm8v] {
    filter: brightness(1.08);
}

.vs-home-cta:disabled[b-ovtw96hm8v] {
    opacity: 0.7;
    cursor: wait;
}

.vs-home-social[b-ovtw96hm8v] {
    margin: 14px 0 0;
    color: var(--vs-muted);
    font-size: 14px;
}

.vs-home-metrics[b-ovtw96hm8v] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
}

.vs-home-metrics li[b-ovtw96hm8v] {
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--vs-border);
    background: var(--vs-chip-bg);
    color: var(--vs-chip-text);
    font-size: 12px;
    font-weight: 700;
}

.vs-home-examples[b-ovtw96hm8v] {
    margin-top: 20px;
}

.vs-home-examples-lead[b-ovtw96hm8v] {
    margin: 0 0 10px;
    font-size: 13px;
    color: var(--vs-muted);
}

.vs-home-example-list[b-ovtw96hm8v] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.vs-home-example[b-ovtw96hm8v] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid var(--vs-border);
    border-radius: 999px;
    background: var(--vs-chip-bg);
    color: var(--vs-heading);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.vs-home-example em[b-ovtw96hm8v] {
    font-style: normal;
    color: #e0043f;
}

.vs-home-example:hover:not(:disabled)[b-ovtw96hm8v] {
    border-color: #f99b1d;
}

.vs-home-foot[b-ovtw96hm8v] {
    margin: 18px 0 0;
    font-size: 12px;
    color: #6b7380;
}

.vs-home-foot a[b-ovtw96hm8v] {
    color: #e0043f;
    font-weight: 700;
    text-decoration: none;
}

.vs-home-prep[b-ovtw96hm8v] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(8, 11, 16, 0.88);
    backdrop-filter: blur(4px);
}

.vs-home-prep-title[b-ovtw96hm8v] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f99b1d;
}

.vs-home-prep-names[b-ovtw96hm8v] {
    margin: 12px 0 0;
    font-size: 1rem;
    font-weight: 700;
    color: #e8eef4;
}

.vs-home-prep-names span[b-ovtw96hm8v] {
    margin: 0 8px;
    color: #e0043f;
}

@media (max-width: 700px) {
    .vs-home-stage[b-ovtw96hm8v] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .vs-home-vs[b-ovtw96hm8v] {
        order: 0;
        font-size: 1.2rem;
    }

    .vs-home-model[b-ovtw96hm8v]  .champ3d {
        height: 200px;
    }

    .vs-home-form[b-ovtw96hm8v] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .vs-home-form-vs[b-ovtw96hm8v] {
        padding: 0;
        text-align: center;
    }

    .vs-home-field[b-ovtw96hm8v] {
        text-align: left;
    }

    .vs-home-cta[b-ovtw96hm8v] {
        width: 100%;
        min-width: 0;
    }
}