/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* AdminLTE shell — overrides live in wwwroot/css/admin-overrides.css */
/* /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) .top-bar-switches {
        display: none;
    }

    [b-xjj38x13y2] .top-bar-switches {
        margin-top: 0;
    }

    [b-xjj38x13y2] .theme-switch-btn,
    [b-xjj38x13y2] .lang-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;
}

/* Idioma + tema — topo central */
[b-xjj38x13y2] .top-bar-switches {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    vertical-align: middle;
    margin-top: 8px;
}

[b-xjj38x13y2] .theme-switch,
[b-xjj38x13y2] .lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    vertical-align: middle;
    margin-top: 0;
}

[b-xjj38x13y2] .theme-switch-btn,
[b-xjj38x13y2] .lang-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;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

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

[b-xjj38x13y2] .lang-switch-btn.is-active,
[b-xjj38x13y2] .lang-switch-btn[aria-pressed="true"] {
    background: #f99b1d;
    border-color: #f99b1d;
    color: #111;
}

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

/* Com barra fixa, mostra logo e esconde os switches para não competir */
[b-xjj38x13y2] .top-menu-bar.affix .top-bar-switches {
    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] {
    position: fixed;
    inset: auto 16px 16px auto;
    left: 50%;
    right: auto;
    bottom: 16px;
    transform: translateX(-50%);
    margin: 0;
    width: min(22rem, calc(100vw - 32px));
    padding: 1rem 1.15rem 1.1rem;
    border: 1px solid #dde3ea;
    border-radius: 4px;
    border-top: 3px solid #f99b1d;
    background: #fff;
    color: #1a2129;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    z-index: 10040;
    opacity: 0;
    pointer-events: none;
}

#components-reconnect-modal[open][b-gnbkijkntm] {
    opacity: 1;
    pointer-events: auto;
}

#components-reconnect-modal[b-gnbkijkntm]::backdrop {
    background: transparent;
    display: none;
}

html[data-theme="dark"] #components-reconnect-modal[b-gnbkijkntm] {
    background: #151b22;
    color: #c8d0d8;
    border-color: #2a3440;
    border-top-color: #f99b1d;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

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

#components-reconnect-modal p[b-gnbkijkntm] {
    margin: 0;
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.4;
}

#components-reconnect-modal button[b-gnbkijkntm] {
    border: 1px solid #f99b1d;
    background: #f99b1d;
    color: #111;
    padding: 6px 16px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
}

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

#components-reconnect-modal button:focus-visible[b-gnbkijkntm] {
    outline: 2px solid #f99b1d;
    outline-offset: 2px;
}

#components-reload-button[b-gnbkijkntm] {
    background: transparent;
    color: #1a2129;
    border-color: #dde3ea;
}

html[data-theme="dark"] #components-reload-button[b-gnbkijkntm] {
    color: #e8ecef;
    border-color: #2a3440;
}

#components-reload-button:hover[b-gnbkijkntm] {
    border-color: #e0043f;
    color: #e0043f;
    background: transparent;
}

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

.components-rejoining-animation div[b-gnbkijkntm] {
    position: absolute;
    border: 2px solid #f99b1d;
    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: 24px;
        left: 24px;
        width: 0;
        height: 0;
        opacity: 0;
    }

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

    100% {
        top: 0;
        left: 0;
        width: 48px;
        height: 48px;
        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/Email.razor.rz.scp.css */
.admin-email-layout[b-nx47kwlxrc] {
    display: grid;
    grid-template-columns: minmax(240px, 340px) 1fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
    min-height: 480px;
}

.admin-email-list-panel[b-nx47kwlxrc],
.admin-email-main-panel[b-nx47kwlxrc],
.admin-email-log[b-nx47kwlxrc] {
    padding: 1.1rem 1.15rem;
}

.admin-empty[b-nx47kwlxrc] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    color: var(--admin-muted, #6b7785);
    text-align: center;
}

.admin-empty i[b-nx47kwlxrc] {
    font-size: 1.8rem;
    color: var(--admin-accent, #f99b1d);
}

.admin-email-list-panel h2[b-nx47kwlxrc],
.admin-email-main-panel h2[b-nx47kwlxrc],
.admin-email-log h2[b-nx47kwlxrc] {
    margin: 0 0 0.85rem;
    font-size: 1.1rem;
}

.admin-email-muted[b-nx47kwlxrc] {
    color: var(--admin-muted, #8b97a5);
    margin: 0;
}

.admin-email-list[b-nx47kwlxrc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 62vh;
    overflow: auto;
}

.admin-email-item[b-nx47kwlxrc] {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.65rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 6px;
    background: var(--admin-inset, #f4f6f8);
    color: var(--admin-text, #1a2129);
    cursor: pointer;
    font: inherit;
}

.admin-email-item:hover[b-nx47kwlxrc] {
    border-color: var(--admin-border, #2a3340);
}

.admin-email-item.active[b-nx47kwlxrc] {
    border-color: var(--admin-accent, #f99b1d);
    background: rgba(249, 155, 29, 0.08);
}

.admin-email-item.unread .admin-email-item-from[b-nx47kwlxrc],
.admin-email-item.unread .admin-email-item-subj[b-nx47kwlxrc] {
    font-weight: 700;
}

.admin-email-item-from[b-nx47kwlxrc] {
    font-size: 0.82rem;
    color: var(--admin-muted, #8b97a5);
}

.admin-email-item-subj[b-nx47kwlxrc] {
    font-size: 0.92rem;
}

.admin-email-item-meta[b-nx47kwlxrc] {
    font-size: 0.75rem;
    color: var(--admin-muted, #8b97a5);
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.admin-email-detail-head[b-nx47kwlxrc] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.admin-email-detail-head h2[b-nx47kwlxrc] {
    margin: 0;
}

.admin-email-meta[b-nx47kwlxrc] {
    margin: 0 0 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.88rem;
}

.admin-email-meta div[b-nx47kwlxrc] {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 0.5rem;
}

.admin-email-meta dt[b-nx47kwlxrc] {
    color: var(--admin-muted, #8b97a5);
    margin: 0;
}

.admin-email-meta dd[b-nx47kwlxrc] {
    margin: 0;
    word-break: break-word;
}

.admin-email-attach[b-nx47kwlxrc] {
    margin: 0 0 0.75rem;
    font-size: 0.82rem;
    color: var(--admin-muted, #8b97a5);
}

.admin-email-body[b-nx47kwlxrc] {
    margin: 0;
    padding: 0.9rem 1rem;
    background: var(--admin-inset, #f4f6f8);
    border: 1px solid var(--admin-border, #dde3ea);
    border-radius: 6px;
    white-space: pre-wrap;
    word-break: break-word;
    font: inherit;
    font-size: 0.92rem;
    line-height: 1.45;
    max-height: 48vh;
    overflow: auto;
}

.admin-email-compose[b-nx47kwlxrc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

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

.admin-email-compose input[b-nx47kwlxrc],
.admin-email-compose textarea[b-nx47kwlxrc] {
    border: 1px solid var(--admin-border, #dde3ea);
    background: var(--admin-inset, #f4f6f8);
    color: var(--admin-text, #1a2129);
    border-radius: 4px;
    padding: 0.5rem 0.65rem;
    font: inherit;
}

.admin-email-compose-actions[b-nx47kwlxrc] {
    display: flex;
    gap: 0.6rem;
}

.admin-email-log ul[b-nx47kwlxrc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.admin-email-log li[b-nx47kwlxrc] {
    display: grid;
    grid-template-columns: 90px minmax(120px, 1.2fr) minmax(120px, 1.4fr) 1.6fr;
    gap: 0.5rem;
    font-size: 0.82rem;
    padding: 0.45rem 0.55rem;
    border-radius: 4px;
    background: var(--admin-inset, #f4f6f8);
}

.admin-email-log li.ok[b-nx47kwlxrc] {
    border-left: 3px solid var(--admin-ok, #3ecf8e);
}

.admin-email-log li.err[b-nx47kwlxrc] {
    border-left: 3px solid var(--admin-err, #e85d5d);
}

@media (max-width: 900px) {
    .admin-email-layout[b-nx47kwlxrc] {
        grid-template-columns: 1fr;
    }

    .admin-email-log li[b-nx47kwlxrc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Jobs.razor.rz.scp.css */
/* Jobs page — AdminLTE small-box + cards handle layout */
/* /Components/Pages/Admin/Login.razor.rz.scp.css */
/* Login uses AdminLTE login-box */
/* /Components/Pages/Admin/Nexus.razor.rz.scp.css */
.admin-nexus-form[b-5dmzklugfx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.admin-nexus-card[b-5dmzklugfx] {
    padding: 1.15rem 1.2rem;
}

.admin-nexus-card-head[b-5dmzklugfx] {
    margin-bottom: 0.9rem;
}

.admin-nexus-card h2[b-5dmzklugfx] {
    margin: 0 0 0.2rem;
    font-size: 1.05rem;
}

.admin-nexus-card-head p[b-5dmzklugfx] {
    margin: 0;
    color: var(--admin-muted, #6b7785);
    font-size: 0.85rem;
}

.admin-nexus-hint[b-5dmzklugfx] {
    margin: 0 0 0.85rem;
    color: var(--admin-muted, #8b97a5);
    font-size: 0.85rem;
}

.admin-nexus-grid[b-5dmzklugfx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem 1rem;
}

.admin-nexus-span2[b-5dmzklugfx] {
    grid-column: 1 / -1;
}

.admin-nexus-form label[b-5dmzklugfx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: var(--admin-muted, #8b97a5);
}

.admin-nexus-form input[type="text"][b-5dmzklugfx],
.admin-nexus-form input[type="password"][b-5dmzklugfx],
.admin-nexus-form input[type="number"][b-5dmzklugfx],
.admin-nexus-form input:not([type])[b-5dmzklugfx] {
    border: 1px solid var(--admin-border, #dde3ea);
    background: var(--admin-inset, #f4f6f8);
    color: var(--admin-text, #1a2129);
    border-radius: 4px;
    padding: 0.5rem 0.65rem;
    font: inherit;
}

.admin-nexus-check[b-5dmzklugfx] {
    flex-direction: row !important;
    align-items: center;
    gap: 0.55rem !important;
    margin: 0.35rem 0 0.85rem;
    color: var(--admin-text, #1a2129) !important;
}

.admin-nexus-prices[b-5dmzklugfx] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
}

.admin-nexus-prices th[b-5dmzklugfx],
.admin-nexus-prices td[b-5dmzklugfx] {
    padding: 0.35rem 0.4rem;
    text-align: left;
}

.admin-nexus-prices input[b-5dmzklugfx] {
    width: 100%;
    min-width: 4.5rem;
}

.admin-nexus-actions[b-5dmzklugfx] {
    position: sticky;
    bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    background: var(--admin-panel, #fff);
    border: 1px solid var(--admin-border, #dde3ea);
    border-radius: 12px;
    box-shadow: var(--admin-shadow, 0 10px 30px rgba(16, 24, 32, 0.08));
}

.admin-nexus-actions span[b-5dmzklugfx] {
    color: var(--admin-muted, #6b7785);
    font-size: 0.85rem;
}

.admin-nexus-prices[b-5dmzklugfx] {
    overflow-x: auto;
    display: block;
}

.admin-tel-actions[b-5dmzklugfx] {
    position: static;
    justify-content: flex-start;
    flex-wrap: wrap;
    box-shadow: none;
    margin: 0.75rem 0;
}

.admin-tel-meta[b-5dmzklugfx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0.55rem 0.85rem;
    margin: 0.85rem 0;
}

.admin-tel-meta dt[b-5dmzklugfx] {
    color: var(--admin-muted, #6b7785);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.admin-tel-meta dd[b-5dmzklugfx] {
    margin: 0.1rem 0 0;
    font-weight: 700;
}

.admin-tel-windows[b-5dmzklugfx] {
    display: flex;
    gap: 0.45rem;
    margin: 0.5rem 0;
}

.admin-tel-table[b-5dmzklugfx] {
    font-size: 0.8rem;
}

.admin-tel-trace[b-5dmzklugfx] {
    margin: 0.4rem 0 0;
    padding-left: 1.1rem;
    font-size: 0.82rem;
    color: var(--admin-text, #1a2129);
}

.admin-tel-sample[b-5dmzklugfx] {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--admin-border, #dde3ea);
}

.admin-tel-sample h3[b-5dmzklugfx] {
    margin: 0 0 0.25rem;
    font-size: 0.95rem;
}

.admin-tel-traces[b-5dmzklugfx] {
    margin-top: 0.85rem;
}

.admin-nexus-form select[b-5dmzklugfx] {
    border: 1px solid var(--admin-border, #dde3ea);
    background: var(--admin-inset, #f4f6f8);
    color: var(--admin-text, #1a2129);
    border-radius: 4px;
    padding: 0.5rem 0.65rem;
    font: inherit;
}
/* /Components/Pages/Admin/Social.razor.rz.scp.css */
.admin-social-form[b-4owg3rf6jo],
.admin-social-history[b-4owg3rf6jo] {
    margin-bottom: 1.25rem;
    padding: 1.15rem 1.2rem;
}

.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, #dde3ea);
    background: var(--admin-inset, #f4f6f8);
    color: var(--admin-text, #1a2129);
    border-radius: 4px;
    padding: 0.5rem 0.65rem;
    font: inherit;
}

.admin-social-channels[b-4owg3rf6jo] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.admin-social-check[b-4owg3rf6jo] {
    flex-direction: row !important;
    align-items: center;
    gap: 0.5rem !important;
    margin: 0;
    padding: 0.55rem 0.8rem;
    border: 1px solid var(--admin-border, #dde3ea);
    border-radius: 999px;
    background: var(--admin-inset, #f4f6f8);
    color: var(--admin-text, #1a2129) !important;
    cursor: pointer;
}

.admin-social-check.is-on[b-4owg3rf6jo] {
    border-color: rgba(249, 155, 29, 0.55);
    background: rgba(249, 155, 29, 0.12);
}

.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: var(--admin-inset, #f4f6f8);
    border: 1px solid var(--admin-border, #dde3ea);
    border-radius: 10px;
    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: var(--admin-panel, #fff);
}

.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;
}

.room-croom-side[b-8tvhjlfs0e] {
    text-align: left;
}

.room-croom-side .room-matchup-btn[b-8tvhjlfs0e] {
    width: 100%;
}


/* UsuarioLoL observed builds (DP2) */
.ulol-builds-panel[b-8tvhjlfs0e] {
    --ulol-build-text: #3a4550;
    --ulol-build-muted: #6a7682;
    color: var(--ulol-build-text);
}
html[data-theme="dark"] .ulol-builds-panel[b-8tvhjlfs0e] {
    --ulol-build-text: #c8d0d8;
    --ulol-build-muted: #8a95a1;
}
.ulol-build-filters[b-8tvhjlfs0e] { margin-bottom: 1rem; }
.ulol-build-sample[b-8tvhjlfs0e] { margin-bottom: 0.75rem; color: var(--ulol-build-muted); }
.ulol-builds-panel .champ-build-context[b-8tvhjlfs0e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.4rem 0 0.55rem;
}
.ulol-builds-panel .champ-meta-chip[b-8tvhjlfs0e] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid #dde3ea;
    border-radius: 4px;
    background: #f4f6f8;
    font-size: 0.78rem;
    line-height: 1.2;
}
.ulol-builds-panel .champ-meta-chip em[b-8tvhjlfs0e] {
    font-style: normal;
    color: var(--ulol-build-muted);
    font-weight: 500;
}
.ulol-builds-panel .champ-meta-chip strong[b-8tvhjlfs0e] {
    color: var(--ulol-build-text);
    font-weight: 700;
}
html[data-theme="dark"] .ulol-builds-panel .champ-meta-chip[b-8tvhjlfs0e] {
    border-color: #2a3340;
    background: #0e1217;
}
/* /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 */
.home-positioning[b-rmmmvbri54] {
    --hp-heading: #1a2129;
    --hp-text: #3a4550;
    --hp-muted: #6b7785;
    --hp-accent: #f99b1d;
    margin: 0 0 20px;
}

html[data-theme="dark"] .home-positioning[b-rmmmvbri54] {
    --hp-heading: #e8ecef;
    --hp-text: #c8d0d8;
    --hp-muted: #9aa7b5;
}

[b-rmmmvbri54] .home-positioning-box {
    padding: 22px 22px 20px !important;
    text-align: left;
}

.home-positioning h1[b-rmmmvbri54] {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--hp-heading);
}

.home-positioning-lead[b-rmmmvbri54] {
    margin: 0 0 16px;
    max-width: 42em;
    font-size: 15px;
    line-height: 1.5;
    color: var(--hp-muted);
}

[b-rmmmvbri54] .home-positioning .riot-search-page {
    margin: 0;
}

[b-rmmmvbri54] .home-positioning .riot-search-page-row {
    max-width: 560px;
}

[b-rmmmvbri54] .home-positioning .riot-search-page-btn {
    min-height: 40px;
}

.home-widget-error[b-rmmmvbri54] {
    margin: 0;
    padding: 14px 12px;
    color: var(--hp-muted, #6b7785);
    font-size: 13px;
}

@media (max-width: 700px) {
    .home-positioning h1[b-rmmmvbri54] {
        font-size: 22px;
    }

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

/* 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/Partida.razor.rz.scp.css */
.partida-page[b-v6qphpzqv2] {
    --font-xs: 1.1rem;
    --font-sm: 1.2rem;
    --font-md: 1.3rem;
    --font-lg: 1.35rem;
    --font-xl: 1.7rem;
    --surf: #fff;
    --text: #3a4550;
    --muted: #6b7785;
    --line: #dde3ea;
    --soft: #f4f6f8;
    color: var(--text);
}

html[data-theme="dark"] .partida-page[b-v6qphpzqv2] {
    --font-xs: 1.1rem;
    --font-sm: 1.2rem;
    --font-md: 1.3rem;
    --font-lg: 1.35rem;
    --font-xl: 1.7rem;
    --surf: #151b22;
    --text: #c8d0d8;
    --muted: #8b97a5;
    --line: #2a3440;
    --soft: #0e1217;
}

.partida-meta p[b-v6qphpzqv2] {
    font-size: var(--font-md, 1.3rem);
    line-height: 1.45;
}

.partida-error[b-v6qphpzqv2] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: var(--surf);
}

.partida-error p[b-v6qphpzqv2] {
    margin: 0;
    font-size: var(--font-md, 1.3rem);
    line-height: 1.45;
}

.partida-error.is-fail p[b-v6qphpzqv2] {
    margin-bottom: 0.65rem;
}

.partida-retry[b-v6qphpzqv2] {
    height: 40px;
    padding: 0 16px;
    background: #f99b1d;
    border: 1px solid #f99b1d;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--font-xs, 1.1rem);
    cursor: pointer;
}

.partida-meta-sub[b-v6qphpzqv2],
.partida-coach-hint[b-v6qphpzqv2] {
    color: var(--muted);
    margin: 4px 0 0;
}

.partida-coach-hint[b-v6qphpzqv2] {
    font-size: 1.3rem;
}

.partida-tabs[b-v6qphpzqv2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 14px;
}

.partida-tab[b-v6qphpzqv2] {
    border: 1px solid var(--line);
    background: var(--surf);
    color: var(--text);
    border-radius: 4px;
    padding: 0.45rem 0.85rem;
    font-size: 1.3rem;
    font-weight: 800;
    cursor: pointer;
}

.partida-tab:hover[b-v6qphpzqv2],
.partida-tab:focus-visible[b-v6qphpzqv2] {
    border-color: #f99b1d;
    outline: 2px solid color-mix(in srgb, #f99b1d 40%, transparent);
    outline-offset: 1px;
}

.partida-tab.is-active[b-v6qphpzqv2] {
    border-color: #f99b1d;
    background: color-mix(in srgb, #f99b1d 14%, var(--surf));
}

.partida-timeline-panel[b-v6qphpzqv2] {
    margin-top: 14px;
    padding: 14px;
}

.partida-teams[b-v6qphpzqv2] {
    display: grid;
    gap: 18px;
    margin-top: 16px;
}

.partida-team[b-v6qphpzqv2] {
    background: var(--surf);
    border: 1px solid var(--line);
    border-radius: 6px;
    overflow: hidden;
}

.partida-team.is-win[b-v6qphpzqv2] {
    border-color: rgba(76, 175, 80, 0.45);
}

.partida-team.is-loss[b-v6qphpzqv2] {
    border-color: rgba(224, 4, 63, 0.35);
}

.partida-team-head[b-v6qphpzqv2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: var(--soft);
    border-bottom: 1px solid var(--line);
}

.partida-team-head h3[b-v6qphpzqv2] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
}

.partida-team-totals[b-v6qphpzqv2] {
    margin: 4px 0 0;
    display: flex;
    gap: 14px;
    color: var(--muted);
    font-size: 1.3rem;
    font-weight: 700;
}

.partida-objectives[b-v6qphpzqv2] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    font-weight: 700;
    color: var(--text);
}

.partida-objectives span[b-v6qphpzqv2] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px;
    padding: 0 8px;
    border-radius: 4px;
    background: var(--surf);
    border: 1px solid var(--line);
    font-size: 1.25rem;
}

.partida-bans[b-v6qphpzqv2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--line);
}

.partida-bans-label[b-v6qphpzqv2] {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
    font-weight: 800;
    margin-right: 4px;
}

.partida-ban-icon[b-v6qphpzqv2] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    filter: grayscale(1) brightness(0.7);
    opacity: 0.85;
}

.partida-ban-fallback[b-v6qphpzqv2] {
    font-size: 1.2rem;
    color: var(--muted);
}

.partida-table-wrap[b-v6qphpzqv2] {
    overflow-x: auto;
}

.partida-table[b-v6qphpzqv2] {
    width: 100%;
    border-collapse: collapse;
}

.partida-table th[b-v6qphpzqv2] {
    text-align: left;
    color: var(--muted);
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
}

.partida-table td[b-v6qphpzqv2] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    vertical-align: middle;
}

.partida-table tbody tr[b-v6qphpzqv2] {
    cursor: pointer;
}

.partida-table tbody tr:hover[b-v6qphpzqv2] {
    background: rgba(249, 155, 29, 0.06);
}

.partida-row-focus[b-v6qphpzqv2] {
    outline: 2px solid #f99b1d;
    outline-offset: -2px;
    background: rgba(249, 155, 29, 0.1) !important;
}

.partida-player[b-v6qphpzqv2] {
    min-width: 160px;
}

.partida-player-btn[b-v6qphpzqv2] {
    display: inline;
    padding: 0;
    border: none;
    background: none;
    color: #f99b1d;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}

.partida-player-btn:hover[b-v6qphpzqv2] {
    text-decoration: underline;
}

.partida-profile-link[b-v6qphpzqv2] {
    margin-left: 6px;
    color: var(--muted);
    font-size: 1.25rem;
}

.partida-profile-link:hover[b-v6qphpzqv2] {
    color: #f99b1d;
}

.partida-champ[b-v6qphpzqv2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.partida-champ-icon[b-v6qphpzqv2] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
}

.partida-spells[b-v6qphpzqv2] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
}

.partida-spell[b-v6qphpzqv2] {
    width: 16px;
    height: 16px;
    border-radius: 2px;
}

.partida-champ-name[b-v6qphpzqv2] {
    font-size: 1.3rem;
}

.partida-items[b-v6qphpzqv2] {
    white-space: nowrap;
}

.partida-item[b-v6qphpzqv2],
.partida-item-empty[b-v6qphpzqv2] {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 2px;
    border-radius: 2px;
    vertical-align: middle;
}

.partida-item-empty[b-v6qphpzqv2] {
    background: var(--soft);
    border: 1px solid var(--line);
}

@media (max-width: 900px) {
    .partida-champ-name[b-v6qphpzqv2] {
        display: none;
    }
}
/* /Components/Pages/PartidaAtiva.razor.rz.scp.css */
.live-active-page[b-3u34l3thzr] {
    --font-xs: 1.1rem;
    --font-sm: 1.2rem;
    --font-md: 1.3rem;
    --font-lg: 1.35rem;
    --font-xl: 1.7rem;
}

.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: var(--font-xs, 1.1rem);
    cursor: pointer;
}

.live-active-refresh:disabled[b-3u34l3thzr] {
    opacity: 0.65;
    cursor: not-allowed;
}

.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: 1.25rem;
    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: 1.15rem;
    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: 1.25rem;
    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: 1.25rem;
}

.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: 1.2rem;
}

.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: 11px;
    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: 1.25rem;
}

.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: 1.2rem;
}

.live-active-spectate pre[b-3u34l3thzr] {
    white-space: pre-wrap;
    word-break: break-all;
    background: #0a0a0a;
    padding: 10px;
    border-radius: 4px;
    font-size: 1.2rem;
}

.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: 1.3rem;
}

.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: 1.2rem;
    color: #555;
}

.live-active-featured-player img[b-3u34l3thzr] {
    width: 22px;
    height: 22px;
    border-radius: 3px;
}

/* LIVE 1.2 roster */
.live-roster[b-3u34l3thzr] {
    --lr-surf: #fff;
    --lr-text: #3a4550;
    --lr-muted: #6b7785;
    --lr-line: #dde3ea;
    --lr-soft: #f4f6f8;
    --lr-blue: #3b82f6;
    --lr-red: #e0043f;
    --lr-accent: #f99b1d;
    color: var(--lr-text);
    background: var(--lr-surf);
    border: 1px solid var(--lr-line);
    border-radius: 6px;
    padding: 1rem 1.1rem 1.15rem;
    margin-bottom: 1rem;
}

html[data-theme="dark"] .live-roster[b-3u34l3thzr] {
    --lr-surf: #151b22;
    --lr-text: #c8d0d8;
    --lr-muted: #8b97a5;
    --lr-line: #2a3440;
    --lr-soft: #0e1217;
}

.live-roster-head[b-3u34l3thzr] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.live-roster-eyebrow[b-3u34l3thzr] {
    display: block;
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--lr-accent);
    margin-bottom: 0.15rem;
}

.live-roster-head strong[b-3u34l3thzr] {
    display: block;
    font-size: 1.45rem;
}

.live-roster-meta[b-3u34l3thzr],
.live-roster-focus[b-3u34l3thzr] {
    display: block;
    font-size: 1.2rem;
    color: var(--lr-muted);
    margin-top: 0.15rem;
}

.live-roster-focus[b-3u34l3thzr] {
    color: var(--lr-accent);
    font-weight: 700;
}

.live-roster-timer[b-3u34l3thzr] {
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--lr-red);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.live-roster-teams[b-3u34l3thzr] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.75rem 1rem;
    align-items: start;
}

.live-roster-vs[b-3u34l3thzr] {
    align-self: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--lr-red);
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    letter-spacing: 0.04em;
}

.live-roster-team-head[b-3u34l3thzr] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.45rem;
}

.live-roster-team-head h4[b-3u34l3thzr] {
    margin: 0;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.live-roster-team.is-blue .live-roster-team-head h4[b-3u34l3thzr] { color: var(--lr-blue); }
.live-roster-team.is-red .live-roster-team-head h4[b-3u34l3thzr] { color: var(--lr-red); }

.live-roster-count[b-3u34l3thzr] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--lr-muted);
}

.live-roster-bans[b-3u34l3thzr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    margin-bottom: 0.55rem;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--lr-muted);
}

.live-roster-ban-row[b-3u34l3thzr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.live-roster-ban[b-3u34l3thzr] {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    filter: grayscale(0.25);
    border: 1px solid var(--lr-line);
}

.live-roster-list[b-3u34l3thzr] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.live-roster-foot[b-3u34l3thzr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
}

.live-active-updated[b-3u34l3thzr] {
    font-size: var(--font-sm, 1.2rem);
    color: var(--lr-muted, #6b7785);
}

.live-fresh-bar[b-3u34l3thzr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.65rem;
    margin-bottom: 0.35rem;
}

.live-fresh-pill[b-3u34l3thzr] {
    font-size: var(--font-xs, 1.1rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.2rem 0.45rem;
    border-radius: 3px;
    border: 1px solid var(--lr-line, #dde3ea);
}

.live-fresh-pill.is-live[b-3u34l3thzr] {
    color: #14553a;
    background: color-mix(in srgb, #14553a 12%, #fff);
    border-color: color-mix(in srgb, #14553a 35%, #dde3ea);
}

html[data-theme="dark"] .live-fresh-pill.is-live[b-3u34l3thzr] {
    color: #8dffc0;
    background: color-mix(in srgb, #14553a 35%, #151b22);
    border-color: #2a3440;
}

.live-fresh-pill.is-ended[b-3u34l3thzr] {
    color: var(--lr-muted, #6b7785);
    background: var(--lr-soft, #f4f6f8);
}

.live-fresh-meta[b-3u34l3thzr] {
    font-size: var(--font-sm, 1.2rem);
    color: var(--lr-muted, #6b7785);
    font-weight: 600;
}

.live-fresh-stale[b-3u34l3thzr] {
    margin: 0.35rem 0 0;
    font-size: var(--font-sm, 1.2rem);
    color: var(--lr-text, #3a4550);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
}

.live-fresh-retry[b-3u34l3thzr] {
    border: 1px solid var(--lr-line, #dde3ea);
    background: var(--lr-surf, #fff);
    color: inherit;
    font: inherit;
    font-size: var(--font-xs, 1.1rem);
    font-weight: 800;
    padding: 0.3rem 0.55rem;
    min-height: 2rem;
    border-radius: 4px;
    cursor: pointer;
}

.live-active-error[b-3u34l3thzr] {
    padding: 1rem 1.1rem;
    border: 1px solid #dde3ea;
    border-radius: 6px;
    background: #fff;
}

html[data-theme="dark"] .live-active-error[b-3u34l3thzr] {
    border-color: #2a3440;
    background: #151b22;
}

.live-active-error.is-soft p[b-3u34l3thzr],
.live-active-error.is-fail p[b-3u34l3thzr] {
    margin: 0;
    font-size: var(--font-md, 1.3rem);
    line-height: 1.45;
}

.live-active-error.is-fail p[b-3u34l3thzr] {
    margin-bottom: 0.65rem;
}

.live-active-ended-note[b-3u34l3thzr] {
    font-size: var(--font-sm, 1.2rem);
    color: #6b7785;
}

.live-active-lead[b-3u34l3thzr] {
    font-size: var(--font-md, 1.3rem);
    line-height: 1.45;
    width: 100%;
    margin: 0 0 0.35rem;
}

@media (max-width: 900px) {
    .live-roster-teams[b-3u34l3thzr] {
        grid-template-columns: 1fr;
    }

    .live-roster-vs[b-3u34l3thzr] {
        justify-self: center;
        margin: 0.15rem 0;
    }
}

@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/Admin/AdminModal.razor.rz.scp.css */
.admin-modal[b-aadyua3ps6] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 1.5rem 1rem;
    overflow: auto;
    background: rgba(15, 23, 32, 0.55);
}

.admin-modal-dialog[b-aadyua3ps6] {
    width: 100%;
    margin: 1.5rem auto;
    outline: none;
}

.admin-modal-dialog.is-sm[b-aadyua3ps6] { max-width: 28rem; }
.admin-modal-dialog.is-md[b-aadyua3ps6] { max-width: 36rem; }
.admin-modal-dialog.is-lg[b-aadyua3ps6] { max-width: 48rem; }
.admin-modal-dialog.is-xl[b-aadyua3ps6] { max-width: 64rem; }

.admin-modal-content[b-aadyua3ps6] {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.35rem;
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 3rem);
}

.admin-modal-header[b-aadyua3ps6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
    border-radius: 0.35rem 0.35rem 0 0;
}

.admin-modal-title[b-aadyua3ps6] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #343a40;
    line-height: 1.3;
}

.admin-modal-close[b-aadyua3ps6] {
    border: 0;
    background: transparent;
    color: #6c757d;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0 0.25rem;
    cursor: pointer;
}

.admin-modal-close:hover[b-aadyua3ps6],
.admin-modal-close:focus-visible[b-aadyua3ps6] {
    color: #212529;
    outline: none;
}

.admin-modal-body[b-aadyua3ps6] {
    padding: 1rem;
    overflow: auto;
    min-height: 0;
}

.admin-modal-footer[b-aadyua3ps6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid #dee2e6;
    background: #f8f9fa;
    border-radius: 0 0 0.35rem 0.35rem;
}

@media (max-width: 576px) {
    .admin-modal[b-aadyua3ps6] {
        padding: 0.5rem;
    }

    .admin-modal-dialog[b-aadyua3ps6] {
        margin: 0.5rem auto;
    }

    .admin-modal-content[b-aadyua3ps6] {
        max-height: calc(100vh - 1rem);
    }
}
/* /Components/Shared/ChampCollapsibleSection.razor.rz.scp.css */
.champ-section[b-by0ur5njld] {
    margin-bottom: 0;
}

.champ-section-body.wcontainer[b-by0ur5njld] {
    padding-bottom: 22px !important;
}

.champ-section-toggle[b-by0ur5njld] {
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer;
    border: none;
    padding: 0;
    margin: 0;
    /* Keep legacy .title-wrapper look; button reset only */
    font: inherit;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
}

/* Clear the legacy right stripe so the chevron stays visible */
.champ-section-toggle.title-wrapper[b-by0ur5njld]::after {
    width: 40px;
    background: transparent !important;
}

.champ-section-toggle:focus-visible[b-by0ur5njld] {
    outline: 2px solid #f99b1d;
    outline-offset: 2px;
}

.champ-section-toggle .widget-title[b-by0ur5njld] {
    padding-right: 40px;
}

.champ-section-chevron[b-by0ur5njld] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: #f99b1d;
    font-size: 14px;
    transition: transform 0.18s ease;
    pointer-events: none;
}

.champ-section.is-collapsed .champ-section-chevron[b-by0ur5njld] {
    transform: translateY(-50%) rotate(-90deg);
}

.champ-section.is-collapsed .champ-section-body[b-by0ur5njld] {
    display: none;
}

html[data-theme="dark"] .champ-section-chevron[b-by0ur5njld] {
    color: #f99b1d;
}
/* /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/LiveParticipantCard.razor.rz.scp.css */
.lpc[b-lllzro1sy2] {
    --font-xs: 1.1rem;
    --font-sm: 1.2rem;
    --font-md: 1.3rem;
    --font-lg: 1.35rem;
    --font-xl: 1.7rem;
    --lpc-surf: #fff;
    --lpc-text: #3a4550;
    --lpc-muted: #6b7785;
    --lpc-line: #dde3ea;
    --lpc-soft: #f4f6f8;
    --lpc-blue: #3b82f6;
    --lpc-red: #e0043f;
    --lpc-accent: #f99b1d;
    color: var(--lpc-text);
    border: 1px solid var(--lpc-line);
    border-radius: 6px;
    background: var(--lpc-surf);
    overflow: hidden;
}

html[data-theme="dark"] .lpc[b-lllzro1sy2] {
    --font-xs: 1.1rem;
    --font-sm: 1.2rem;
    --font-md: 1.3rem;
    --font-lg: 1.35rem;
    --font-xl: 1.7rem;
    --lpc-surf: #151b22;
    --lpc-text: #c8d0d8;
    --lpc-muted: #8b97a5;
    --lpc-line: #2a3440;
    --lpc-soft: #0e1217;
}

.lpc.is-blue[b-lllzro1sy2] { box-shadow: inset 3px 0 0 var(--lpc-blue); }
.lpc.is-red[b-lllzro1sy2] { box-shadow: inset 3px 0 0 var(--lpc-red); }
.lpc.is-focus[b-lllzro1sy2] { border-color: var(--lpc-accent); }
.lpc.is-expanded[b-lllzro1sy2] { border-color: var(--lpc-accent); }

.lpc-main[b-lllzro1sy2] {
    width: 100%;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 0.5rem 0.6rem;
    align-items: center;
    text-align: left;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    padding: 0.55rem 0.6rem;
    cursor: pointer;
}

.lpc-main:hover[b-lllzro1sy2],
.lpc-main:focus-visible[b-lllzro1sy2] {
    background: var(--lpc-soft);
    outline: none;
}

.lpc-champ-icon[b-lllzro1sy2] {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    background: var(--lpc-soft);
}

.lpc-body[b-lllzro1sy2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    line-height: 1.35;
}

.lpc-top[b-lllzro1sy2] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.4rem;
}

.lpc-name[b-lllzro1sy2] {
    font-size: 1.35rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.lpc-champ-name[b-lllzro1sy2] {
    font-size: var(--font-sm);
    color: var(--lpc-muted);
    font-weight: 600;
}

.lpc-rank[b-lllzro1sy2] {
    font-size: var(--font-md);
    font-weight: 800;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.4rem;
}

.lpc-mastery[b-lllzro1sy2] {
    font-size: var(--font-xs);
    font-weight: 800;
    color: var(--lpc-muted);
}

.lpc-lp[b-lllzro1sy2] { color: var(--lpc-muted); font-weight: 700; }
.lpc-record[b-lllzro1sy2] { font-size: var(--font-xs); color: var(--lpc-muted); }
.lpc-wr[b-lllzro1sy2] { font-weight: 700; }

.lpc-bot[b-lllzro1sy2],
.lpc-focus-badge[b-lllzro1sy2] {
    font-size: var(--font-xs);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-radius: 3px;
    padding: 0.05rem 0.3rem;
}

.lpc-bot[b-lllzro1sy2] {
    background: var(--lpc-soft);
    color: var(--lpc-muted);
    border: 1px solid var(--lpc-line);
}

.lpc-focus-badge[b-lllzro1sy2] {
    background: color-mix(in srgb, var(--lpc-accent) 18%, var(--lpc-surf));
    color: var(--lpc-text);
    border: 1px solid color-mix(in srgb, var(--lpc-accent) 50%, var(--lpc-line));
}

.lpc-assets[b-lllzro1sy2] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.lpc-spells[b-lllzro1sy2],
.lpc-rune[b-lllzro1sy2] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
}

.lpc-spells img[b-lllzro1sy2],
.lpc-rune img[b-lllzro1sy2] {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background: var(--lpc-soft);
}

.lpc-style[b-lllzro1sy2] {
    margin-left: 0.1rem;
    width: 15px !important;
    height: 15px !important;
}

.lpc-detail[b-lllzro1sy2] {
    border-top: 1px solid var(--lpc-line);
    padding: 0.4rem 0.55rem 0.55rem;
    background: var(--lpc-soft);
}

.lpc-detail-line[b-lllzro1sy2] {
    margin: 0 0 0.3rem;
    font-size: var(--font-sm);
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
}

.lpc-muted[b-lllzro1sy2] { color: var(--lpc-muted); }

.lpc-perk-list[b-lllzro1sy2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.lpc-profile[b-lllzro1sy2] { border-radius: 4px; }

.lpc-tier-unranked[b-lllzro1sy2] { color: var(--lpc-muted); }
.lpc-tier-unavailable[b-lllzro1sy2] { color: var(--lpc-muted); font-weight: 700; }
.lpc-tier-iron[b-lllzro1sy2] { color: #6b7785; }
.lpc-tier-bronze[b-lllzro1sy2] { color: #8a5528; }
.lpc-tier-silver[b-lllzro1sy2] { color: #5a6773; }
.lpc-tier-gold[b-lllzro1sy2] { color: #9a6b00; }
.lpc-tier-platinum[b-lllzro1sy2] { color: #1f5a5c; }
.lpc-tier-emerald[b-lllzro1sy2] { color: #14553a; }
.lpc-tier-diamond[b-lllzro1sy2] { color: #1d4f7a; }
.lpc-tier-master[b-lllzro1sy2] { color: #5b2d7a; }
.lpc-tier-grandmaster[b-lllzro1sy2] { color: #8a1f2b; }
.lpc-tier-challenger[b-lllzro1sy2] { color: #8a5200; }

html[data-theme="dark"] .lpc-tier-gold[b-lllzro1sy2] { color: #ffd76a; }
html[data-theme="dark"] .lpc-tier-emerald[b-lllzro1sy2] { color: #8dffc0; }
html[data-theme="dark"] .lpc-tier-diamond[b-lllzro1sy2] { color: #8ec5ff; }
html[data-theme="dark"] .lpc-tier-challenger[b-lllzro1sy2] { color: #ffc45c; }
/* /Components/Shared/LiveTeamOverviewCard.razor.rz.scp.css */
.lto[b-z4q72avtc2] {
    --lto-surf: #fff;
    --lto-text: #3a4550;
    --lto-muted: #6b7785;
    --lto-line: #dde3ea;
    --lto-soft: #f4f6f8;
    --lto-blue: #3b82f6;
    --lto-red: #e0043f;
    --font-xs: 1.1rem;
    --font-sm: 1.2rem;
    --font-md: 1.3rem;
    --font-lg: 1.35rem;
    color: var(--lto-text);
    background: var(--lto-soft);
    border: 1px solid var(--lto-line);
    border-radius: 6px;
    padding: 0.7rem 0.8rem 0.75rem;
    margin-bottom: 0.65rem;
}

html[data-theme="dark"] .lto[b-z4q72avtc2] {
    --lto-surf: #151b22;
    --lto-text: #c8d0d8;
    --lto-muted: #8b97a5;
    --lto-line: #2a3440;
    --lto-soft: #0e1217;
}

.lto.is-blue[b-z4q72avtc2] { box-shadow: inset 3px 0 0 var(--lto-blue); }
.lto.is-red[b-z4q72avtc2] { box-shadow: inset 3px 0 0 var(--lto-red); }

.lto-title-row[b-z4q72avtc2] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.lto-title[b-z4q72avtc2] {
    margin: 0;
    font-size: var(--font-md);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.lto.is-blue .lto-title[b-z4q72avtc2] { color: var(--lto-blue); }
.lto.is-red .lto-title[b-z4q72avtc2] { color: var(--lto-red); }

.lto-count[b-z4q72avtc2] {
    font-size: var(--font-sm);
    font-weight: 800;
    color: var(--lto-muted);
}

.lto-compact[b-z4q72avtc2] {
    margin: 0.3rem 0 0;
    font-size: var(--font-sm);
    font-weight: 700;
    line-height: 1.4;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.45rem;
}

.lto-muted[b-z4q72avtc2] { color: var(--lto-muted); font-weight: 600; }

.lto-toggle[b-z4q72avtc2] {
    margin-top: 0.45rem;
    border: 1px solid var(--lto-line);
    background: var(--lto-surf);
    color: var(--lto-text);
    font: inherit;
    font-size: var(--font-xs);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.35rem 0.55rem;
    min-height: 2rem;
    border-radius: 4px;
    cursor: pointer;
}

.lto-toggle:hover[b-z4q72avtc2],
.lto-toggle:focus-visible[b-z4q72avtc2] {
    outline: none;
    border-color: color-mix(in srgb, var(--lto-blue) 40%, var(--lto-line));
}

.lto.is-red .lto-toggle:hover[b-z4q72avtc2],
.lto.is-red .lto-toggle:focus-visible[b-z4q72avtc2] {
    border-color: color-mix(in srgb, var(--lto-red) 40%, var(--lto-line));
}

.lto-detail[b-z4q72avtc2] {
    margin-top: 0.5rem;
    padding-top: 0.45rem;
    border-top: 1px solid var(--lto-line);
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.lto-block-title[b-z4q72avtc2] {
    display: block;
    font-size: var(--font-xs);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}

.lto-line[b-z4q72avtc2] {
    margin: 0.15rem 0 0;
    font-size: var(--font-sm);
    line-height: 1.4;
}

.lto-dist[b-z4q72avtc2],
.lto-spells[b-z4q72avtc2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.lto-dist li[b-z4q72avtc2],
.lto-spells li[b-z4q72avtc2] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--font-sm);
}

.lto-dist-count[b-z4q72avtc2] {
    margin-left: auto;
    font-weight: 800;
    color: var(--lto-muted);
}

.lto-spells img[b-z4q72avtc2] {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background: var(--lto-surf);
}
/* /Components/Shared/MatchCoachReport.razor.rz.scp.css */
.coach-modal[b-p9c8l07nkf] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(10, 14, 18, 0.62);
    backdrop-filter: blur(2px);
}

.coach-modal-dialog[b-p9c8l07nkf] {
    width: min(920px, 100%);
    max-height: min(88vh, 900px);
    overflow: auto;
    border-radius: 8px;
    border: 1px solid #dde3ea;
    background: #fff;
    color: #3a4550;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
}

.coach-modal-header[b-p9c8l07nkf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #e4e4e4;
    background: #12171c;
    color: #e8ecef;
}

.coach-modal-header h3[b-p9c8l07nkf] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
}

.coach-modal-close[b-p9c8l07nkf] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #c8d0d8;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.coach-modal-close:hover[b-p9c8l07nkf] {
    color: #f99b1d;
}

.coach-body[b-p9c8l07nkf] {
    padding: 16px;
}

.coach-summary[b-p9c8l07nkf] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 12px;
    padding: 12px;
    background: #f4f6f8;
    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;
}

.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;
}

html[data-theme="dark"] .coach-modal-dialog[b-p9c8l07nkf] {
    background: #151b22;
    border-color: #2a3440;
    color: #c8d0d8;
}

html[data-theme="dark"] .coach-modal-header[b-p9c8l07nkf] {
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .coach-summary[b-p9c8l07nkf] {
    background: #0e1217;
}

html[data-theme="dark"] .coach-summary p[b-p9c8l07nkf],
html[data-theme="dark"] .coach-card p[b-p9c8l07nkf],
html[data-theme="dark"] .coach-empty[b-p9c8l07nkf],
html[data-theme="dark"] .coach-columns h5[b-p9c8l07nkf] {
    color: #8b97a5;
}

@media (max-width: 800px) {
    .coach-columns[b-p9c8l07nkf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/MatchFightCards.razor.rz.scp.css */
.mff[b-6h1gt59lyf] {
    --mff-surf: #fff;
    --mff-text: #3a4550;
    --mff-muted: #6b7785;
    --mff-line: #dde3ea;
    --mff-soft: #f4f6f8;
    --mff-blue: #3b82f6;
    --mff-red: #e0043f;
    --mff-accent: #f99b1d;
    color: var(--mff-text);
    margin: 0.75rem 0;
}

html[data-theme="dark"] .mff[b-6h1gt59lyf] {
    --mff-surf: #151b22;
    --mff-text: #c8d0d8;
    --mff-muted: #8b97a5;
    --mff-line: #2a3440;
    --mff-soft: #0e1217;
}

.mff-label[b-6h1gt59lyf] {
    margin: 0 0 0.4rem;
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mff-muted);
}

.mff-list[b-6h1gt59lyf] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.mff-card[b-6h1gt59lyf] {
    border: 1px solid var(--mff-line);
    border-radius: 6px;
    background: var(--mff-surf);
    overflow: hidden;
}

.mff-card.is-teamfight[b-6h1gt59lyf] {
    box-shadow: inset 3px 0 0 var(--mff-accent);
}

.mff-card.is-skirmish[b-6h1gt59lyf] {
    box-shadow: inset 3px 0 0 var(--mff-muted);
}

.mff-card.is-selected[b-6h1gt59lyf] {
    border-color: var(--mff-accent);
}

.mff-card.is-focus-on[b-6h1gt59lyf] {
    box-shadow: 0 0 0 1px var(--mff-accent);
}

.mff-card.is-focus-muted[b-6h1gt59lyf] {
    opacity: 0.45;
}

.mff-main[b-6h1gt59lyf] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.75rem;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    color: var(--mff-text);
    padding: 0.55rem 0.65rem;
    cursor: pointer;
}

.mff-main:hover[b-6h1gt59lyf],
.mff-main:focus-visible[b-6h1gt59lyf] {
    background: color-mix(in srgb, var(--mff-accent) 8%, var(--mff-surf));
    outline: none;
}

.mff-time[b-6h1gt59lyf] {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    font-size: 1.3rem;
}

.mff-class[b-6h1gt59lyf] {
    font-size: 1.15rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mff-muted);
}

.mff-score[b-6h1gt59lyf] {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    font-weight: 700;
    font-size: 1.25rem;
}

.mff-blue[b-6h1gt59lyf] { color: var(--mff-blue); }
.mff-red[b-6h1gt59lyf] { color: var(--mff-red); }

.mff-meta[b-6h1gt59lyf],
.mff-gold[b-6h1gt59lyf] {
    font-size: 1.2rem;
    color: var(--mff-muted);
}

.mff-gold strong.is-blue[b-6h1gt59lyf] { color: var(--mff-blue); }
.mff-gold strong.is-red[b-6h1gt59lyf] { color: var(--mff-red); }

.mff-detail[b-6h1gt59lyf] {
    padding: 0 0.65rem 0.65rem;
    border-top: 1px solid var(--mff-line);
    background: var(--mff-soft);
}

.mff-sides[b-6h1gt59lyf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.mff-side-label[b-6h1gt59lyf] {
    display: block;
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
    color: var(--mff-muted);
}

.mff-side.is-blue .mff-side-label[b-6h1gt59lyf] { color: var(--mff-blue); }
.mff-side.is-red .mff-side-label[b-6h1gt59lyf] { color: var(--mff-red); }

.mff-champs[b-6h1gt59lyf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.mff-champ img[b-6h1gt59lyf] {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    display: block;
}

.mff-champ-fallback[b-6h1gt59lyf] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    font-size: 0.95rem;
    font-weight: 800;
    border: 1px solid var(--mff-line);
    border-radius: 3px;
    background: var(--mff-surf);
}

.mff-gold-detail[b-6h1gt59lyf] {
    margin: 0.45rem 0 0;
    font-size: 1.2rem;
    color: var(--mff-muted);
}

.mff-muted[b-6h1gt59lyf] { color: var(--mff-muted); }

.mff-kills[b-6h1gt59lyf] {
    margin-top: 0.45rem;
    font-size: 1.2rem;
}

.mff-kills summary[b-6h1gt59lyf] {
    cursor: pointer;
    font-weight: 700;
    color: var(--mff-muted);
}

.mff-kill-list[b-6h1gt59lyf] {
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.mff-kill[b-6h1gt59lyf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
    width: 100%;
    text-align: left;
    border: 1px solid transparent;
    background: var(--mff-surf);
    color: var(--mff-text);
    border-radius: 4px;
    padding: 0.3rem 0.4rem;
    cursor: pointer;
    font-size: 1.2rem;
}

.mff-kill:hover[b-6h1gt59lyf],
.mff-kill:focus-visible[b-6h1gt59lyf] {
    border-color: var(--mff-accent);
    outline: none;
}

.mff-kill-time[b-6h1gt59lyf] {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--mff-muted);
    min-width: 2.6rem;
}

@media (max-width: 600px) {
    .mff-sides[b-6h1gt59lyf] {
        grid-template-columns: 1fr;
    }

    .mff-main[b-6h1gt59lyf] {
        gap: 0.25rem 0.5rem;
    }
}

.mff.is-embedded[b-6h1gt59lyf]{margin-top:0}.mff.is-embedded .mff-label[b-6h1gt59lyf]{display:none}
/* /Components/Shared/MatchFocusHeader.razor.rz.scp.css */
.mfh[b-mzaquh5xfq] {
    --mfh-surf: #fff;
    --mfh-text: #3a4550;
    --mfh-muted: #6b7785;
    --mfh-line: #dde3ea;
    --mfh-accent: #f99b1d;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem 0.75rem;
    margin: 0.55rem 0 0.35rem;
    padding: 0.4rem 0.65rem;
    border: 1px solid var(--mfh-line);
    border-radius: 6px;
    background: color-mix(in srgb, var(--mfh-accent) 10%, var(--mfh-surf));
    color: var(--mfh-text);
}

html[data-theme="dark"] .mfh[b-mzaquh5xfq] {
    --mfh-surf: #151b22;
    --mfh-text: #c8d0d8;
    --mfh-muted: #8b97a5;
    --mfh-line: #2a3440;
}

.mfh-main[b-mzaquh5xfq] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.65rem;
    min-width: 0;
}

.mfh-badge[b-mzaquh5xfq] {
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mfh-accent);
}

.mfh-label[b-mzaquh5xfq] {
    font-size: 1.25rem;
    font-weight: 700;
}

.mfh-stats[b-mzaquh5xfq] {
    font-size: 1.2rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--mfh-muted);
}

.mfh-muted[b-mzaquh5xfq] {
    font-size: 1.2rem;
    color: var(--mfh-muted);
}

.mfh-clear[b-mzaquh5xfq] {
    border: 1px solid var(--mfh-line);
    background: var(--mfh-surf);
    color: var(--mfh-text);
    border-radius: 4px;
    font-size: 1.15rem;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
    cursor: pointer;
}

.mfh-clear:hover[b-mzaquh5xfq],
.mfh-clear:focus-visible[b-mzaquh5xfq] {
    border-color: var(--mfh-accent);
    outline: 2px solid color-mix(in srgb, var(--mfh-accent) 40%, transparent);
    outline-offset: 1px;
}

@media (max-width: 600px) {
    .mfh[b-mzaquh5xfq] {
        width: 100%;
    }

    .mfh-clear[b-mzaquh5xfq] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Shared/MatchGoldChart.razor.rz.scp.css */
.mgc[b-97tm4oq9t4] {
    --mgc-surf: #fff;
    --mgc-text: #3a4550;
    --mgc-muted: #6b7785;
    --mgc-line: #dde3ea;
    --mgc-soft: #f4f6f8;
    --mgc-accent: #f99b1d;
    --mgc-danger: #e0043f;
    margin-top: 8px;
    color: var(--mgc-text);
}

html[data-theme="dark"] .mgc[b-97tm4oq9t4] {
    --mgc-surf: #151b22;
    --mgc-text: #c8d0d8;
    --mgc-muted: #8b97a5;
    --mgc-line: #2a3440;
    --mgc-soft: #0e1217;
}

.mgc-card[b-97tm4oq9t4] {
    background: var(--mgc-surf);
    border: 1px solid var(--mgc-line);
    border-radius: 8px;
    padding: 12px 14px;
    color: var(--mgc-text);
}

.mgc-loading[b-97tm4oq9t4],
.mgc-error[b-97tm4oq9t4] {
    text-align: center;
    color: var(--mgc-muted);
}

.mgc-error[b-97tm4oq9t4] {
    color: var(--mgc-danger);
    border-color: color-mix(in srgb, var(--mgc-danger) 35%, var(--mgc-line));
    background: color-mix(in srgb, var(--mgc-danger) 8%, var(--mgc-surf));
}

.mgc-header[b-97tm4oq9t4] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.mgc-label[b-97tm4oq9t4] {
    margin: 0;
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--mgc-muted);
}

.mgc-hint[b-97tm4oq9t4] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--mgc-muted);
}

.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: color-mix(in srgb, var(--mgc-accent) 22%, var(--mgc-soft));
    color: var(--mgc-text);
    border: 1px solid color-mix(in srgb, var(--mgc-accent) 45%, var(--mgc-line));
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.mgc-chart-wrap[b-97tm4oq9t4] {
    position: relative;
    height: 200px;
    width: 100%;
}

.mgc-footnote[b-97tm4oq9t4] {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--mgc-muted);
}

@media (max-width: 720px) {
    .mgc-peak[b-97tm4oq9t4] {
        align-items: flex-start;
    }

    .mgc-chart-wrap[b-97tm4oq9t4] {
        height: 170px;
    }
}
/* /Components/Shared/MatchInteractiveTimeline.razor.rz.scp.css */
.mtl-root[b-87fiietvla] {
    --mtl-surf: #fff;
    --mtl-text: #3a4550;
    --mtl-muted: #6b7785;
    --mtl-line: #dde3ea;
    --mtl-soft: #f4f6f8;
    --mtl-accent: #f99b1d;
    --mtl-blue: #3b82f6;
    --mtl-red: #e0043f;
    color: var(--mtl-text);
}

html[data-theme="dark"] .mtl-root[b-87fiietvla] {
    --mtl-surf: #151b22;
    --mtl-text: #c8d0d8;
    --mtl-muted: #8b97a5;
    --mtl-line: #2a3440;
    --mtl-soft: #0e1217;
}

.mtl-highlights[b-87fiietvla] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0.55rem 0 0.75rem;
}

.mtl-highlights-label[b-87fiietvla] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mtl-muted);
}

.mtl-hl-row[b-87fiietvla] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.mtl-hl-chip[b-87fiietvla] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    text-align: left;
    border: 1px solid var(--mtl-line);
    background: var(--mtl-surf);
    color: var(--mtl-text);
    border-radius: 999px;
    padding: 0.28rem 0.65rem;
    cursor: pointer;
    min-width: 0;
    font: inherit;
}

.mtl-hl-chip:hover[b-87fiietvla],
.mtl-hl-chip:focus-visible[b-87fiietvla] {
    border-color: var(--mtl-accent);
    outline: 2px solid color-mix(in srgb, var(--mtl-accent) 40%, transparent);
    outline-offset: 1px;
}

.mtl-hl-chip.is-selected[b-87fiietvla] {
    border-color: var(--mtl-accent);
    background: color-mix(in srgb, var(--mtl-accent) 12%, var(--mtl-surf));
}

.mtl-hl-chip.is-blue[b-87fiietvla] { box-shadow: inset 3px 0 0 var(--mtl-blue); border-radius: 4px 999px 999px 4px; }
.mtl-hl-chip.is-red[b-87fiietvla] { box-shadow: inset 3px 0 0 var(--mtl-red); border-radius: 4px 999px 999px 4px; }

.mtl-hl-title[b-87fiietvla] {
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mtl-muted);
}

.mtl-hl-time[b-87fiietvla] {
    font-size: 1.2rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.mtl-filters[b-87fiietvla] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.85rem;
}

.mtl-filter[b-87fiietvla] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid var(--mtl-line);
    background: var(--mtl-surf);
    color: var(--mtl-text);
    border-radius: 4px;
    padding: 0.35rem 0.65rem;
    font-size: 1.25rem;
    font-weight: 700;
    cursor: pointer;
}

.mtl-filter:hover[b-87fiietvla],
.mtl-filter:focus-visible[b-87fiietvla] {
    border-color: var(--mtl-accent);
    outline: 2px solid color-mix(in srgb, var(--mtl-accent) 45%, transparent);
    outline-offset: 1px;
}

.mtl-filter.is-active[b-87fiietvla] {
    border-color: var(--mtl-accent);
    background: color-mix(in srgb, var(--mtl-accent) 14%, var(--mtl-surf));
}

.mtl-filter-count[b-87fiietvla] {
    font-weight: 600;
    color: var(--mtl-muted);
    font-variant-numeric: tabular-nums;
}

.mtl-rail-wrap[b-87fiietvla] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
}

.mtl-rail-end[b-87fiietvla] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--mtl-muted);
    font-variant-numeric: tabular-nums;
}

.mtl-rail[b-87fiietvla] {
    position: relative;
    height: 44px;
    min-width: 0;
}

.mtl-rail-track[b-87fiietvla] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 3px;
    transform: translateY(-50%);
    background: var(--mtl-line);
    border-radius: 2px;
}

.mtl-rail-cursor[b-87fiietvla] {
    position: absolute;
    top: 6px;
    bottom: 6px;
    width: 2px;
    transform: translateX(-50%);
    background: var(--mtl-accent);
    opacity: 0.85;
    pointer-events: none;
    z-index: 1;
}

.mtl-marker[b-87fiietvla] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 2;
}

.mtl-marker:focus-visible[b-87fiietvla] {
    outline: 2px solid var(--mtl-accent);
    outline-offset: 2px;
    border-radius: 50%;
}

.mtl-marker-dot[b-87fiietvla] {
    display: block;
    width: 10px;
    height: 10px;
    margin: 6px auto;
    border-radius: 50%;
    background: var(--mtl-muted);
    border: 2px solid var(--mtl-surf);
    box-shadow: 0 0 0 1px var(--mtl-line);
}

.mtl-marker-kill .mtl-marker-dot[b-87fiietvla] { background: var(--mtl-red); }
.mtl-marker-obj .mtl-marker-dot[b-87fiietvla] { background: var(--mtl-accent); }
.mtl-marker-struct .mtl-marker-dot[b-87fiietvla] { background: #7c8b9a; }
.mtl-marker-item .mtl-marker-dot[b-87fiietvla] {
    width: 7px;
    height: 7px;
    margin: 7.5px auto;
    background: #9aa7b5;
}

.mtl-marker-ward-place .mtl-marker-dot[b-87fiietvla] {
    background: #22c55e;
    border-radius: 50% 50% 50% 0;
}

.mtl-focus-bar[b-87fiietvla] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-top: 0.55rem;
}

.mtl-focus-toggle[b-87fiietvla] {
    border: 1px solid var(--mtl-line);
    background: var(--mtl-surf);
    color: var(--mtl-muted);
    border-radius: 4px;
    font-size: 1.15rem;
    font-weight: 800;
    padding: 0.3rem 0.7rem;
    cursor: pointer;
}

.mtl-focus-toggle.is-active[b-87fiietvla] {
    border-color: var(--mtl-accent);
    color: var(--mtl-text);
    background: color-mix(in srgb, var(--mtl-accent) 16%, var(--mtl-surf));
}

.mtl-focus-toggle:focus-visible[b-87fiietvla] {
    outline: 2px solid color-mix(in srgb, var(--mtl-accent) 40%, transparent);
    outline-offset: 1px;
}

.mtl-focus-related[b-87fiietvla] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--mtl-muted);
    cursor: pointer;
}

.mtl-rail-focus-range[b-87fiietvla] {
    position: absolute;
    top: 4px;
    bottom: 4px;
    background: color-mix(in srgb, var(--mtl-accent) 28%, transparent);
    border-radius: 3px;
    pointer-events: none;
    z-index: 1;
}

.mtl-marker.is-focus-on .mtl-marker-dot[b-87fiietvla],
.mtl-list-item.is-focus-on[b-87fiietvla] {
    box-shadow: 0 0 0 2px var(--mtl-accent);
}

.mtl-marker.is-focus-muted[b-87fiietvla],
.mtl-list-item.is-focus-muted[b-87fiietvla] {
    opacity: 0.4;
}

.mtl-marker-fight[b-87fiietvla] {
    z-index: 4;
}

.mtl-marker-fight .mtl-marker-dot[b-87fiietvla] {
    width: 10px;
    height: 10px;
    margin: 6px auto;
    background: var(--mtl-accent);
    box-shadow: 0 0 0 1px var(--mtl-accent);
}

.mtl-marker.is-blue .mtl-marker-dot[b-87fiietvla] { box-shadow: 0 0 0 1px var(--mtl-blue); }
.mtl-marker.is-red .mtl-marker-dot[b-87fiietvla] { box-shadow: 0 0 0 1px var(--mtl-red); }

.mtl-marker.is-selected .mtl-marker-dot[b-87fiietvla],
.mtl-marker:hover .mtl-marker-dot[b-87fiietvla] {
    transform: scale(1.35);
    box-shadow: 0 0 0 2px var(--mtl-accent);
}

.mtl-list-wrap[b-87fiietvla] {
    max-height: 360px;
    overflow: auto;
    background: var(--mtl-surf);
    border: 1px solid var(--mtl-line);
    border-radius: 6px;
    min-width: 0;
    margin-top: 0.85rem;
}

.mtl-state-grid[b-87fiietvla] {
    display: grid;
    grid-template-columns: minmax(240px, 0.95fr) minmax(240px, 1.1fr);
    gap: 0.85rem;
    align-items: start;
    margin: 0.75rem 0 0.9rem;
}

.mtl-detail-col[b-87fiietvla] {
    min-width: 0;
}

.mtl-detail[b-87fiietvla],
.mtl-list-wrap[b-87fiietvla] {
    background: var(--mtl-surf);
    border: 1px solid var(--mtl-line);
    border-radius: 6px;
    min-width: 0;
}

.mtl-detail[b-87fiietvla] {
    padding: 0.85rem 1rem;
}

.mtl-detail-empty[b-87fiietvla] {
    color: var(--mtl-muted);
    font-size: 1.3rem;
}

.mtl-detail-empty p[b-87fiietvla] {
    margin: 0;
}

.mtl-detail-head[b-87fiietvla] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: baseline;
    margin-bottom: 0.65rem;
}

.mtl-detail-time[b-87fiietvla] {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.mtl-detail-type[b-87fiietvla] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--mtl-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mtl-kill[b-87fiietvla] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.mtl-vs[b-87fiietvla] {
    color: var(--mtl-muted);
    font-weight: 700;
}

.mtl-assists[b-87fiietvla] {
    margin: 0.5rem 0 0;
    font-size: 1.25rem;
    color: var(--mtl-muted);
}

.mtl-obj[b-87fiietvla] {
    margin: 0 0 0.5rem;
    font-weight: 700;
}

.mtl-item-row[b-87fiietvla] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.mtl-item-icon[b-87fiietvla] {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid var(--mtl-line);
}

.mtl-inv-after[b-87fiietvla] {
    margin-top: 0.55rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.mtl-chip[b-87fiietvla] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.45rem 0.2rem 0.2rem;
    border: 1px solid var(--mtl-line);
    border-radius: 4px;
    background: var(--mtl-soft);
    font-size: 1.25rem;
    font-weight: 600;
    max-width: 100%;
}

.mtl-chip-empty[b-87fiietvla] {
    color: var(--mtl-muted);
    padding: 0.25rem 0.45rem;
}

.mtl-chip-icon[b-87fiietvla] {
    width: 22px;
    height: 22px;
    border-radius: 3px;
}

.mtl-frame-ctx[b-87fiietvla] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.5rem;
    margin-top: 0.85rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--mtl-line);
    font-size: 1.2rem;
}

.mtl-frame-team[b-87fiietvla],
.mtl-frame-diff[b-87fiietvla] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.mtl-frame-team.is-blue[b-87fiietvla] { color: var(--mtl-blue); }
.mtl-frame-team.is-red[b-87fiietvla] { color: var(--mtl-red); text-align: right; }
.mtl-frame-diff[b-87fiietvla] { text-align: center; align-items: center; }

.mtl-frame-label[b-87fiietvla] {
    font-size: 1.15rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mtl-muted);
}

.mtl-frame-diff strong.is-blue-lead[b-87fiietvla] { color: var(--mtl-blue); }
.mtl-frame-diff strong.is-red-lead[b-87fiietvla] { color: var(--mtl-red); }
.mtl-frame-diff strong.is-even[b-87fiietvla] { color: var(--mtl-muted); }

.mtl-muted[b-87fiietvla] { color: var(--mtl-muted); }

.mtl-list-wrap[b-87fiietvla] {
    max-height: 360px;
    overflow: auto;
}

.mtl-list[b-87fiietvla] {
    list-style: none;
    margin: 0;
    padding: 0.35rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.mtl-list-item[b-87fiietvla] {
    display: grid;
    grid-template-columns: 3rem 3.4rem 1fr;
    gap: 0.45rem;
    width: 100%;
    text-align: left;
    border: 1px solid transparent;
    background: transparent;
    color: var(--mtl-text);
    border-radius: 4px;
    padding: 0.4rem 0.5rem;
    font-size: 1.2rem;
    cursor: pointer;
}

.mtl-list-item:hover[b-87fiietvla],
.mtl-list-item:focus-visible[b-87fiietvla] {
    border-color: var(--mtl-accent);
    background: color-mix(in srgb, var(--mtl-accent) 8%, var(--mtl-surf));
    outline: none;
}

.mtl-list-item.is-selected[b-87fiietvla] {
    border-color: var(--mtl-accent);
    background: color-mix(in srgb, var(--mtl-accent) 14%, var(--mtl-surf));
}

.mtl-list-item.is-blue[b-87fiietvla] { box-shadow: inset 3px 0 0 var(--mtl-blue); }
.mtl-list-item.is-red[b-87fiietvla] { box-shadow: inset 3px 0 0 var(--mtl-red); }

.mtl-list-time[b-87fiietvla] {
    font-variant-numeric: tabular-nums;
    color: var(--mtl-muted);
    font-weight: 700;
}

.mtl-list-kind[b-87fiietvla] {
    font-weight: 800;
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mtl-muted);
}

.mtl-list-summary[b-87fiietvla] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.mtl-empty[b-87fiietvla] {
    margin: 0;
    padding: 1rem;
    color: var(--mtl-muted);
    font-size: 1.3rem;
}

.mtl-root-empty[b-87fiietvla] {
    border: 1px solid var(--mtl-line, #dde3ea);
    border-radius: 6px;
    background: var(--mtl-surf, #fff);
}

.mtl-block[b-87fiietvla] {
    margin-top: 0.85rem;
}

.mtl-block-title[b-87fiietvla] {
    margin: 0 0 0.45rem;
    font-size: 1.15rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mtl-muted);
}

.mtl-nav .mtl-block-title[b-87fiietvla] {
    margin-bottom: 0.35rem;
}

.mtl-analysis .msd[b-87fiietvla] {
    margin-top: 0.45rem;
}

.mtl-list-wrap[b-87fiietvla] {
    max-height: min(420px, 55vh);
    overflow: auto;
    border: 1px solid var(--mtl-line);
    border-radius: 6px;
    background: var(--mtl-surf);
}

@media (prefers-reduced-motion: reduce) {
    .mtl-hl-chip[b-87fiietvla],
    .mtl-marker[b-87fiietvla],
    .mtl-list-item[b-87fiietvla],
    .mtl-filter[b-87fiietvla] {
        transition: none;
    }
}

@media (max-width: 800px) {
    .mtl-state-grid[b-87fiietvla] {
        grid-template-columns: 1fr;
    }

    .mtl-list-wrap[b-87fiietvla] {
        max-height: 280px;
    }

    .mtl-frame-ctx[b-87fiietvla] {
        grid-template-columns: 1fr;
    }

    .mtl-frame-team.is-red[b-87fiietvla] { text-align: left; }
}
/* /Components/Shared/MatchMacroScoreboard.razor.rz.scp.css */
.mos[b-15d9pr7ov8] {
    --mos-surf: #fff;
    --mos-text: #3a4550;
    --mos-muted: #6b7785;
    --mos-line: #dde3ea;
    --mos-soft: #f4f6f8;
    --mos-blue: #3b82f6;
    --mos-red: #e0043f;
    --mos-accent: #f99b1d;
    color: var(--mos-text);
    margin-top: 0.75rem;
    border: 1px solid var(--mos-line);
    border-radius: 6px;
    background: var(--mos-surf);
    padding: 0.55rem 0.7rem 0.45rem;
}

html[data-theme="dark"] .mos[b-15d9pr7ov8] {
    --mos-surf: #151b22;
    --mos-text: #c8d0d8;
    --mos-muted: #8b97a5;
    --mos-line: #2a3440;
    --mos-soft: #0e1217;
}

.mos.is-embedded[b-15d9pr7ov8] {
    margin-top: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

.mos-head[b-15d9pr7ov8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.4rem;
}

.mos-title[b-15d9pr7ov8] {
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mos-muted);
}

.mos-clock[b-15d9pr7ov8] {
    font-size: 1.25rem;
    color: var(--mos-muted);
    font-variant-numeric: tabular-nums;
}

.mos-clock strong[b-15d9pr7ov8] {
    color: var(--mos-text);
}

.mos-cols[b-15d9pr7ov8] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) 2.5rem 1rem 2.5rem;
    gap: 0.25rem 0.35rem;
    padding: 0 0 0.2rem;
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mos-muted);
}

.mos-side.is-blue[b-15d9pr7ov8] { color: var(--mos-blue); text-align: right; }
.mos-side.is-red[b-15d9pr7ov8] { color: var(--mos-red); text-align: right; }

.mos-list[b-15d9pr7ov8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.mos-row[b-15d9pr7ov8] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) 2.5rem 1rem 2.5rem;
    gap: 0.25rem 0.35rem;
    align-items: center;
    padding: 0.22rem 0;
    border-top: 1px solid var(--mos-line);
    font-variant-numeric: tabular-nums;
}

.mos-label[b-15d9pr7ov8] {
    font-size: 1.2rem;
    font-weight: 700;
    min-width: 0;
}

.mos-val[b-15d9pr7ov8] {
    font-size: 1.3rem;
    font-weight: 800;
    text-align: right;
}

.mos-val.is-blue[b-15d9pr7ov8] { color: var(--mos-blue); }
.mos-val.is-red[b-15d9pr7ov8] { color: var(--mos-red); }

.mos-sep[b-15d9pr7ov8] {
    color: var(--mos-muted);
    font-size: 1.2rem;
    text-align: center;
}

@media (max-width: 600px) {
    .mos-cols[b-15d9pr7ov8] {
        display: none;
    }

    .mos-row[b-15d9pr7ov8] {
        grid-template-columns: minmax(0, 1fr) auto auto auto;
    }

    .mos-label[b-15d9pr7ov8] {
        font-size: 1.2rem;
    }
}
/* /Components/Shared/MatchMatchupComparison.razor.rz.scp.css */
.mmc[b-4ievrhmlj7] {
    --mmc-surf: #fff;
    --mmc-text: #3a4550;
    --mmc-muted: #6b7785;
    --mmc-line: #dde3ea;
    --mmc-soft: #f4f6f8;
    --mmc-blue: #3b82f6;
    --mmc-red: #e0043f;
    --mmc-accent: #f99b1d;
    color: var(--mmc-text);
    margin-top: 0.75rem;
    border: 1px solid var(--mmc-line);
    border-radius: 6px;
    background: var(--mmc-surf);
    padding: 0.55rem 0.7rem 0.55rem;
}

html[data-theme="dark"] .mmc[b-4ievrhmlj7] {
    --mmc-surf: #151b22;
    --mmc-text: #c8d0d8;
    --mmc-muted: #8b97a5;
    --mmc-line: #2a3440;
    --mmc-soft: #0e1217;
}

.mmc-head[b-4ievrhmlj7] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.45rem;
}

.mmc-title[b-4ievrhmlj7] {
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mmc-muted);
}

.mmc-snap[b-4ievrhmlj7] {
    font-size: 1.2rem;
    color: var(--mmc-muted);
    font-variant-numeric: tabular-nums;
}

.mmc-snap strong[b-4ievrhmlj7] {
    color: var(--mmc-text);
}

.mmc-empty[b-4ievrhmlj7] {
    margin: 0;
    font-size: 1.25rem;
    color: var(--mmc-muted);
}

.mmc-team-eco[b-4ievrhmlj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-bottom: 0.45rem;
    font-size: 1.2rem;
    color: var(--mmc-muted);
}

.mmc-team strong[b-4ievrhmlj7] {
    margin-left: 0.25rem;
    font-variant-numeric: tabular-nums;
    color: var(--mmc-text);
}

.mmc-team.is-blue strong[b-4ievrhmlj7] { color: var(--mmc-blue); }
.mmc-team.is-red strong[b-4ievrhmlj7] { color: var(--mmc-red); }

.mmc-list[b-4ievrhmlj7] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.mmc-row[b-4ievrhmlj7] {
    width: 100%;
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1.2fr) minmax(0, 1.4fr);
    gap: 0.35rem 0.5rem;
    align-items: center;
    text-align: left;
    border: 1px solid var(--mmc-line);
    border-radius: 5px;
    background: var(--mmc-soft);
    color: inherit;
    padding: 0.4rem 0.5rem;
    cursor: pointer;
    font: inherit;
}

.mmc-row:hover[b-4ievrhmlj7] {
    border-color: var(--mmc-accent);
}

.mmc-item.is-expanded .mmc-row[b-4ievrhmlj7] {
    border-color: var(--mmc-accent);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.mmc-item.is-focus-on .mmc-row[b-4ievrhmlj7] {
    outline: 2px solid color-mix(in srgb, var(--mmc-accent) 70%, transparent);
    outline-offset: 1px;
}

.mmc-item.is-focus-muted[b-4ievrhmlj7] {
    opacity: 0.45;
}

.mmc-role[b-4ievrhmlj7] {
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mmc-muted);
}

.mmc-vs[b-4ievrhmlj7] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.2rem 0.35rem;
    min-width: 0;
    font-size: 1.25rem;
    font-weight: 700;
}

.mmc-champ.is-blue[b-4ievrhmlj7] { color: var(--mmc-blue); }
.mmc-champ.is-red[b-4ievrhmlj7] { color: var(--mmc-red); }

.mmc-vs-sep[b-4ievrhmlj7] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--mmc-muted);
}

.mmc-diffs[b-4ievrhmlj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 0.55rem;
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
    color: var(--mmc-muted);
}

.mmc-diff.is-blue-lead[b-4ievrhmlj7] { color: var(--mmc-blue); font-weight: 700; }
.mmc-diff.is-red-lead[b-4ievrhmlj7] { color: var(--mmc-red); font-weight: 700; }
.mmc-diff.is-even[b-4ievrhmlj7] { color: var(--mmc-muted); }

.mmc-detail[b-4ievrhmlj7] {
    border: 1px solid var(--mmc-line);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    background: var(--mmc-surf);
    padding: 0.55rem 0.55rem 0.65rem;
}

.mmc-detail-diffs[b-4ievrhmlj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.85rem;
    margin-bottom: 0.55rem;
    font-size: 1.2rem;
    color: var(--mmc-muted);
}

.mmc-detail-diffs .is-blue-lead[b-4ievrhmlj7] { color: var(--mmc-blue); }
.mmc-detail-diffs .is-red-lead[b-4ievrhmlj7] { color: var(--mmc-red); }

.mmc-sides[b-4ievrhmlj7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
}

.mmc-side[b-4ievrhmlj7] {
    border: 1px solid var(--mmc-line);
    border-radius: 5px;
    padding: 0.45rem;
    background: var(--mmc-soft);
}

.mmc-side-head[b-4ievrhmlj7] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.35rem;
}

.mmc-side-head strong[b-4ievrhmlj7] {
    display: block;
    font-size: 1.25rem;
}

.mmc-muted[b-4ievrhmlj7] {
    display: block;
    font-size: 1.15rem;
    color: var(--mmc-muted);
}

.mmc-icon[b-4ievrhmlj7] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
}

.mmc-stats[b-4ievrhmlj7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.2rem 0.45rem;
    margin: 0 0 0.35rem;
    font-size: 1.2rem;
}

.mmc-stats div[b-4ievrhmlj7] {
    display: flex;
    justify-content: space-between;
    gap: 0.35rem;
}

.mmc-stats dt[b-4ievrhmlj7] {
    margin: 0;
    color: var(--mmc-muted);
    font-weight: 600;
}

.mmc-stats dd[b-4ievrhmlj7] {
    margin: 0;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.mmc-focus-actions[b-4ievrhmlj7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.mmc-focus-btn[b-4ievrhmlj7] {
    border: 1px solid var(--mmc-line);
    border-radius: 4px;
    background: var(--mmc-surf);
    color: var(--mmc-text);
    font: inherit;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0.3rem 0.55rem;
    cursor: pointer;
}

.mmc-focus-btn.is-blue[b-4ievrhmlj7] { border-color: color-mix(in srgb, var(--mmc-blue) 45%, var(--mmc-line)); }
.mmc-focus-btn.is-red[b-4ievrhmlj7] { border-color: color-mix(in srgb, var(--mmc-red) 45%, var(--mmc-line)); }

.mmc-role-breakdown[b-4ievrhmlj7] {
    list-style: none;
    margin: 0.55rem 0 0;
    padding: 0.4rem 0 0;
    border-top: 1px solid var(--mmc-line);
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.85rem;
    font-size: 1.15rem;
    color: var(--mmc-muted);
}

.mmc-rb-role[b-4ievrhmlj7] {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-right: 0.25rem;
}

.mmc-role-breakdown .is-blue-lead[b-4ievrhmlj7] { color: var(--mmc-blue); font-weight: 700; }
.mmc-role-breakdown .is-red-lead[b-4ievrhmlj7] { color: var(--mmc-red); font-weight: 700; }

@media (max-width: 640px) {
    .mmc-row[b-4ievrhmlj7] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    .mmc-sides[b-4ievrhmlj7] {
        grid-template-columns: 1fr;
    }

    .mmc-diffs[b-4ievrhmlj7] {
        flex-direction: column;
        gap: 0.1rem;
    }
}

.mmc.is-embedded[b-4ievrhmlj7]{margin-top:0;border:0;padding:0;background:transparent}.mmc-snap-inline[b-4ievrhmlj7]{margin:0 0 .4rem;font-size:.78rem;color:var(--mmc-muted)}.mmc-snap-inline strong[b-4ievrhmlj7]{color:var(--mmc-text);font-variant-numeric:tabular-nums}
/* /Components/Shared/MatchMomentShareButton.razor.rz.scp.css */
.mms[b-fgtg1u6wir] {
    --mms-surf: #fff;
    --mms-text: #3a4550;
    --mms-muted: #6b7785;
    --mms-line: #dde3ea;
    --mms-soft: #f4f6f8;
    --mms-accent: #f99b1d;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--mms-text);
}

html[data-theme="dark"] .mms[b-fgtg1u6wir] {
    --mms-surf: #151b22;
    --mms-text: #c8d0d8;
    --mms-muted: #8b97a5;
    --mms-line: #2a3440;
    --mms-soft: #0e1217;
}

.mms-btn[b-fgtg1u6wir] {
    border: 1px solid var(--mms-line);
    border-radius: 4px;
    background: var(--mms-soft);
    color: inherit;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.28rem 0.55rem;
    cursor: pointer;
}

.mms-btn:hover[b-fgtg1u6wir],
.mms-btn[aria-expanded="true"][b-fgtg1u6wir] {
    border-color: var(--mms-accent);
}

.mms-panel[b-fgtg1u6wir] {
    margin-top: 0.35rem;
    width: min(100%, 20rem);
    max-width: 92vw;
    border: 1px solid var(--mms-line);
    border-radius: 6px;
    background: var(--mms-surf);
    padding: 0.55rem 0.65rem;
    box-shadow: 0 4px 14px color-mix(in srgb, #000 12%, transparent);
    z-index: 5;
}

.mms-meta[b-fgtg1u6wir] {
    margin: 0 0 0.45rem;
    font-size: 0.78rem;
    color: var(--mms-muted);
    font-variant-numeric: tabular-nums;
}

.mms-meta strong[b-fgtg1u6wir] {
    color: var(--mms-text);
}

.mms-sep[b-fgtg1u6wir] {
    margin: 0 0.25rem;
}

.mms-actions[b-fgtg1u6wir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.mms-copy[b-fgtg1u6wir] {
    border: 1px solid var(--mms-line);
    border-radius: 4px;
    background: var(--mms-soft);
    color: inherit;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.3rem 0.55rem;
    cursor: pointer;
}

.mms-fallback[b-fgtg1u6wir] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.45rem;
    font-size: 0.72rem;
    color: var(--mms-muted);
}

.mms-url[b-fgtg1u6wir] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--mms-line);
    border-radius: 4px;
    background: var(--mms-soft);
    color: var(--mms-text);
    font: inherit;
    font-size: 0.72rem;
    padding: 0.3rem 0.4rem;
}

.mms-status[b-fgtg1u6wir] {
    min-height: 1.1em;
    margin: 0.35rem 0 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--mms-accent);
}
/* /Components/Shared/MatchReplayJumpControls.razor.rz.scp.css */
.mrj[b-91pgsqdd35] {
    --mrj-surf: #fff;
    --mrj-text: #3a4550;
    --mrj-muted: #6b7785;
    --mrj-line: #dde3ea;
    --mrj-soft: #f4f6f8;
    --mrj-accent: #f99b1d;
    color: var(--mrj-text);
    margin: 0.4rem 0 0.55rem;
    padding: 0.4rem 0.55rem;
    border: 1px solid var(--mrj-line);
    border-radius: 6px;
    background: var(--mrj-surf);
}

html[data-theme="dark"] .mrj[b-91pgsqdd35] {
    --mrj-surf: #151b22;
    --mrj-text: #c8d0d8;
    --mrj-muted: #8b97a5;
    --mrj-line: #2a3440;
    --mrj-soft: #0e1217;
}

.mrj-label[b-91pgsqdd35] {
    margin: 0 0 0.3rem;
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mrj-muted);
}

.mrj-grid[b-91pgsqdd35] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    align-items: center;
}

.mrj-group[b-91pgsqdd35] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.mrj-group-title[b-91pgsqdd35] {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--mrj-muted);
    white-space: nowrap;
}

.mrj-btns[b-91pgsqdd35] {
    display: inline-flex;
    gap: 0.2rem;
}

.mrj-btn[b-91pgsqdd35] {
    min-height: 1.75rem;
    min-width: 2.1rem;
    border: 1px solid var(--mrj-line);
    background: var(--mrj-soft);
    color: var(--mrj-text);
    border-radius: 4px;
    font-size: 1.1rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    padding: 0.15rem 0.35rem;
}

.mrj-btn-primary[b-91pgsqdd35] {
    border-color: color-mix(in srgb, var(--mrj-accent) 55%, var(--mrj-line));
}

.mrj-btn:hover:not(:disabled)[b-91pgsqdd35],
.mrj-btn:focus-visible[b-91pgsqdd35] {
    border-color: var(--mrj-accent);
    outline: 2px solid color-mix(in srgb, var(--mrj-accent) 35%, transparent);
    outline-offset: 1px;
}

.mrj-btn:disabled[b-91pgsqdd35] {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .mrj-grid[b-91pgsqdd35] {
        flex-direction: column;
        align-items: stretch;
    }

    .mrj-group[b-91pgsqdd35] {
        justify-content: space-between;
    }

    .mrj-btns[b-91pgsqdd35] {
        flex: 1 1 auto;
        justify-content: flex-end;
    }
}
/* /Components/Shared/MatchSectionDisclosure.razor.rz.scp.css */
.msd[b-sjpamsb8lr] {
    --msd-surf: #fff;
    --msd-text: #3a4550;
    --msd-muted: #6b7785;
    --msd-line: #dde3ea;
    --msd-soft: #f4f6f8;
    --msd-accent: #f99b1d;
    margin-top: 0.65rem;
    border: 1px solid var(--msd-line);
    border-radius: 6px;
    background: var(--msd-surf);
    color: var(--msd-text);
    overflow: hidden;
}

html[data-theme="dark"] .msd[b-sjpamsb8lr] {
    --msd-surf: #151b22;
    --msd-text: #c8d0d8;
    --msd-muted: #8b97a5;
    --msd-line: #2a3440;
    --msd-soft: #0e1217;
}

.msd-toggle[b-sjpamsb8lr] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    text-align: left;
    border: 0;
    background: var(--msd-soft);
    color: inherit;
    font: inherit;
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.5rem 0.65rem;
    cursor: pointer;
}

.msd-toggle:hover[b-sjpamsb8lr],
.msd-toggle:focus-visible[b-sjpamsb8lr] {
    color: var(--msd-text);
    outline: 2px solid color-mix(in srgb, var(--msd-accent) 40%, transparent);
    outline-offset: -2px;
}

.msd-title[b-sjpamsb8lr] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--msd-muted);
}

.msd-toggle.is-open .msd-title[b-sjpamsb8lr] {
    color: var(--msd-text);
}

.msd-badge[b-sjpamsb8lr] {
    font-size: 1.1rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--msd-text);
    background: var(--msd-surf);
    border: 1px solid var(--msd-line);
    border-radius: 999px;
    padding: 0.1rem 0.45rem;
    text-transform: none;
    letter-spacing: 0;
}

.msd-chevron[b-sjpamsb8lr] {
    color: var(--msd-muted);
    font-size: 1.2rem;
}

.msd-body[b-sjpamsb8lr] {
    padding: 0.45rem 0.55rem 0.55rem;
    border-top: 1px solid var(--msd-line);
}

.msd-body > :first-child[b-sjpamsb8lr] {
    margin-top: 0;
}

@media (prefers-reduced-motion: reduce) {
    .msd-toggle[b-sjpamsb8lr],
    .msd-body[b-sjpamsb8lr] {
        transition: none;
    }
}
/* /Components/Shared/MatchTemporalControls.razor.rz.scp.css */
.mtc[b-h7ftxvua89] {
    margin-top: 0.75rem;
    --mtc-text: #3a4550;
    --mtc-muted: #6b7785;
    --mtc-line: #dde3ea;
    --mtc-surf: #fff;
    --mtc-accent: #f99b1d;
    color: var(--mtc-text);
}

html[data-theme="dark"] .mtc[b-h7ftxvua89] {
    --mtc-text: #c8d0d8;
    --mtc-muted: #8b97a5;
    --mtc-line: #2a3440;
    --mtc-surf: #151b22;
}

.mtc-modes[b-h7ftxvua89] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.45rem;
}

.mtc-mode[b-h7ftxvua89] {
    min-height: 1.85rem;
    padding: 0.2rem 0.65rem;
    border: 1px solid var(--mtc-line);
    background: var(--mtc-surf);
    color: var(--mtc-muted);
    border-radius: 4px;
    font-size: 1.15rem;
    font-weight: 800;
    cursor: pointer;
}

.mtc-mode.is-active[b-h7ftxvua89] {
    border-color: var(--mtc-accent);
    color: var(--mtc-text);
    background: color-mix(in srgb, var(--mtc-accent) 16%, var(--mtc-surf));
}

.mtc-mode:hover[b-h7ftxvua89],
.mtc-mode:focus-visible[b-h7ftxvua89] {
    border-color: var(--mtc-accent);
    outline: 2px solid color-mix(in srgb, var(--mtc-accent) 40%, transparent);
    outline-offset: 1px;
}

.mtc-smart-badge[b-h7ftxvua89] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--mtc-text);
}

.mtc-toolbar[b-h7ftxvua89] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.5rem;
    margin-bottom: 0.45rem;
}

.mtc-row[b-h7ftxvua89] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    align-items: center;
}

.mtc-step[b-h7ftxvua89],
.mtc-play[b-h7ftxvua89] {
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--mtc-line);
    background: var(--mtc-surf);
    color: var(--mtc-text);
    border-radius: 4px;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1;
}

.mtc-play[b-h7ftxvua89] {
    width: 2.6rem;
    font-weight: 800;
}

.mtc-play.is-playing[b-h7ftxvua89] {
    border-color: var(--mtc-accent);
    color: var(--mtc-accent);
}

.mtc-step:hover:not(:disabled)[b-h7ftxvua89],
.mtc-play:hover[b-h7ftxvua89],
.mtc-step:focus-visible[b-h7ftxvua89],
.mtc-play:focus-visible[b-h7ftxvua89] {
    border-color: var(--mtc-accent);
    outline: 2px solid color-mix(in srgb, var(--mtc-accent) 40%, transparent);
    outline-offset: 1px;
}

.mtc-step:disabled[b-h7ftxvua89] {
    opacity: 0.4;
    cursor: not-allowed;
}

.mtc-clock-inline[b-h7ftxvua89] {
    font-variant-numeric: tabular-nums;
    font-size: 1.3rem;
    margin-left: 0.25rem;
}

.mtc-clock-inline strong[b-h7ftxvua89] {
    font-size: 1.45rem;
}

.mtc-muted[b-h7ftxvua89] {
    color: var(--mtc-muted);
    margin: 0 0.15rem;
}

.mtc-speeds[b-h7ftxvua89] {
    display: inline-flex;
    gap: 0.2rem;
    margin-left: auto;
}

.mtc-speed[b-h7ftxvua89] {
    min-width: 2.1rem;
    height: 1.85rem;
    border: 1px solid var(--mtc-line);
    background: var(--mtc-surf);
    color: var(--mtc-muted);
    border-radius: 4px;
    font-size: 1.15rem;
    font-weight: 800;
    cursor: pointer;
}

.mtc-speed.is-active[b-h7ftxvua89] {
    border-color: var(--mtc-accent);
    color: var(--mtc-text);
    background: color-mix(in srgb, var(--mtc-accent) 16%, var(--mtc-surf));
}

.mtc-speed:hover[b-h7ftxvua89],
.mtc-speed:focus-visible[b-h7ftxvua89] {
    border-color: var(--mtc-accent);
    outline: none;
}

.mtc-slider-wrap[b-h7ftxvua89] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.4rem;
    align-items: center;
    min-width: 0;
}

.mtc-end[b-h7ftxvua89] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--mtc-muted);
    font-variant-numeric: tabular-nums;
}

.mtc-slider[b-h7ftxvua89] {
    width: 100%;
    accent-color: var(--mtc-accent);
    min-width: 0;
}

.mtc-status[b-h7ftxvua89],
.mtc-hint[b-h7ftxvua89] {
    margin: 0.35rem 0 0;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--mtc-muted);
}

.mtc-status[b-h7ftxvua89] {
    color: var(--mtc-accent);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

@media (max-width: 600px) {
    .mtc-step[b-h7ftxvua89],
    .mtc-play[b-h7ftxvua89] {
        width: 2.75rem;
        height: 2.75rem;
    }

    .mtc-modes[b-h7ftxvua89] {
        width: 100%;
    }

    .mtc-mode[b-h7ftxvua89] {
        flex: 1 1 auto;
        text-align: center;
    }

    .mtc-speeds[b-h7ftxvua89],
    .mtc-smart-badge[b-h7ftxvua89] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
    }

    .mtc-clock-inline[b-h7ftxvua89] {
        width: 100%;
        order: 5;
    }
}
/* /Components/Shared/MatchTemporalInventoryIcons.razor.rz.scp.css */
.mti-icons[b-0d5um3lfbl] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    align-items: center;
}

.mti-slot[b-0d5um3lfbl] {
    margin: 0;
    line-height: 0;
}

.mti-icon[b-0d5um3lfbl] {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    border: 1px solid #dde3ea;
    background: #f4f6f8;
    display: block;
}

html[data-theme="dark"] .mti-icon[b-0d5um3lfbl] {
    border-color: #2a3440;
    background: #0e1217;
}

.mti-icons.is-detail .mti-icon[b-0d5um3lfbl] {
    width: 28px;
    height: 28px;
}

.mti-empty[b-0d5um3lfbl] {
    margin: 0;
    font-size: 1.2rem;
    color: #6b7785;
}

html[data-theme="dark"] .mti-empty[b-0d5um3lfbl] {
    color: #8b97a5;
}
/* /Components/Shared/MatchTemporalMinimap.razor.rz.scp.css */
.mtm[b-l6akagd7cs] {
    --mtm-surf: #fff;
    --mtm-text: #3a4550;
    --mtm-muted: #6b7785;
    --mtm-line: #dde3ea;
    --mtm-soft: #f4f6f8;
    --mtm-blue: #3b82f6;
    --mtm-red: #e0043f;
    --mtm-accent: #f99b1d;
    color: var(--mtm-text);
}

html[data-theme="dark"] .mtm[b-l6akagd7cs] {
    --mtm-surf: #151b22;
    --mtm-text: #c8d0d8;
    --mtm-muted: #8b97a5;
    --mtm-line: #2a3440;
    --mtm-soft: #0e1217;
}

.mtm-head[b-l6akagd7cs] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem 0.75rem;
    margin-bottom: 0.5rem;
}

.mtm-title[b-l6akagd7cs] {
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mtm-muted);
}

.mtm-snap[b-l6akagd7cs] {
    font-size: 1.25rem;
    color: var(--mtm-muted);
}

.mtm-toggles[b-l6akagd7cs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin: 0 0 0.4rem;
}

.mtm-toggle[b-l6akagd7cs] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--mtm-muted);
    cursor: pointer;
    user-select: none;
    border: 1px solid var(--mtm-line);
    border-radius: 999px;
    padding: 0.18rem 0.5rem 0.18rem 0.35rem;
    background: var(--mtm-soft);
}

.mtm-toggle:has(input:checked)[b-l6akagd7cs],
.mtm-legend-toggle.is-active[b-l6akagd7cs] {
    color: var(--mtm-text);
    border-color: color-mix(in srgb, var(--mtm-accent) 50%, var(--mtm-line));
}

button.mtm-toggle[b-l6akagd7cs] {
    font: inherit;
}

.mtm-toggle input[b-l6akagd7cs] {
    accent-color: var(--mtm-accent);
    width: 0.85rem;
    height: 0.85rem;
}

.mtm-legend[b-l6akagd7cs] {
    list-style: none;
    margin: 0 0 0.45rem;
    padding: 0;
    display: none;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--mtm-muted);
}

.mtm-legend.is-open[b-l6akagd7cs] {
    display: flex;
}

.mtm-legend li[b-l6akagd7cs] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.mtm-leg-swatch[b-l6akagd7cs] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid var(--mtm-line);
}

.mtm-leg-swatch.is-kill[b-l6akagd7cs] { background: #e0043f; }
.mtm-leg-swatch.is-obj[b-l6akagd7cs] { background: #f99b1d; }
.mtm-leg-swatch.is-struct[b-l6akagd7cs] { background: #7c8b9a; }
.mtm-leg-swatch.is-fight[b-l6akagd7cs] {
    background: transparent;
    border: 2px solid #f99b1d;
    border-radius: 50%;
}
.mtm-leg-swatch.is-ward-place[b-l6akagd7cs] {
    background: #22c55e;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.mtm-leg-swatch.is-ward-kill[b-l6akagd7cs] {
    background: #a855f7;
    border-radius: 2px;
}

.mtm-snap strong[b-l6akagd7cs] {
    color: var(--mtm-text);
    font-variant-numeric: tabular-nums;
    margin-left: 0.25rem;
}

.mtm-count[b-l6akagd7cs] {
    margin-left: auto;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--mtm-muted);
    font-variant-numeric: tabular-nums;
}

.mtm-stage[b-l6akagd7cs] {
    position: relative;
    width: 100%;
    max-width: 420px;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--mtm-line);
    border-radius: 6px;
    overflow: hidden;
    background: #0a0e12;
}

.mtm-bg[b-l6akagd7cs] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
}

.mtm-empty[b-l6akagd7cs] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 1rem;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: #dce3ea;
    background: rgba(10, 14, 18, 0.45);
}

.mtm-marker[b-l6akagd7cs] {
    position: absolute;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: var(--mtm-soft);
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

.mtm-marker.is-blue[b-l6akagd7cs] {
    border-color: var(--mtm-blue);
    box-shadow: 0 0 0 1px var(--mtm-blue), 0 1px 4px rgba(0, 0, 0, 0.45);
}

.mtm-marker.is-red[b-l6akagd7cs] {
    border-color: var(--mtm-red);
    box-shadow: 0 0 0 1px var(--mtm-red), 0 1px 4px rgba(0, 0, 0, 0.45);
}

.mtm-marker.is-selected[b-l6akagd7cs],
.mtm-marker:focus-visible[b-l6akagd7cs] {
    outline: 2px solid var(--mtm-accent);
    outline-offset: 2px;
    z-index: 40 !important;
    transform: translate(-50%, -50%) scale(1.15);
}

.mtm-marker:hover[b-l6akagd7cs] {
    z-index: 35 !important;
}

.mtm-ev[b-l6akagd7cs] {
    position: absolute;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: grid;
    place-items: center;
    background: #1a2129;
    color: #fff;
    line-height: 1;
}

.mtm-ev-glyph[b-l6akagd7cs] {
    font-size: 1.1rem;
    font-weight: 900;
    pointer-events: none;
}

.mtm-ev-kill[b-l6akagd7cs] {
    background: #e0043f;
    border-radius: 3px;
}

.mtm-ev-obj[b-l6akagd7cs] {
    background: #f99b1d;
    color: #1a2129;
}

.mtm-ev-struct[b-l6akagd7cs] {
    background: #7c8b9a;
    border-radius: 2px;
}

.mtm-ev-fight[b-l6akagd7cs] {
    width: 22px;
    height: 22px;
    background: color-mix(in srgb, #f99b1d 25%, #151b22);
    border: 2px solid #f99b1d;
    color: #f99b1d;
}

.mtm-ev.is-blue[b-l6akagd7cs] { box-shadow: 0 0 0 1px #3b82f6; }
.mtm-ev.is-red[b-l6akagd7cs] { box-shadow: 0 0 0 1px #e0043f; }

.mtm-ev.is-selected[b-l6akagd7cs],
.mtm-ev:focus-visible[b-l6akagd7cs] {
    outline: 2px solid var(--mtm-accent);
    outline-offset: 2px;
    transform: translate(-50%, -50%) scale(1.2);
}

.mtm-ev.is-ward-place[b-l6akagd7cs] {
    background: color-mix(in srgb, #22c55e 85%, #000);
    border-radius: 50% 50% 50% 0;
    font-size: 0.95rem;
    letter-spacing: -0.04em;
}

.mtm-marker.is-focus-on[b-l6akagd7cs] {
    outline: 2px solid var(--mtm-accent);
    outline-offset: 1px;
    z-index: 30 !important;
}

.mtm-marker.is-focus-muted[b-l6akagd7cs],
.mtm-ev.is-focus-muted[b-l6akagd7cs] {
    opacity: 0.4 !important;
}

.mtm-ev.is-focus-on[b-l6akagd7cs] {
    outline: 2px solid var(--mtm-accent);
    outline-offset: 1px;
}

.mtm-champ[b-l6akagd7cs] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.mtm-fallback[b-l6akagd7cs] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--mtm-text);
}

.mtm-player[b-l6akagd7cs] {
    margin-top: 0.65rem;
    border: 1px solid var(--mtm-line);
    border-radius: 6px;
    background: var(--mtm-surf);
    padding: 0.65rem 0.75rem;
    max-width: 420px;
}

.mtm-player-head[b-l6akagd7cs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.mtm-player-icon[b-l6akagd7cs] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid var(--mtm-line);
}

.mtm-player-head strong[b-l6akagd7cs] {
    display: block;
    font-size: 1.3rem;
}

.mtm-muted[b-l6akagd7cs] {
    color: var(--mtm-muted);
    font-size: 1.2rem;
}

.mtm-stats[b-l6akagd7cs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem 0.5rem;
    margin: 0;
}

.mtm-stats div[b-l6akagd7cs] {
    min-width: 0;
}

.mtm-stats dt[b-l6akagd7cs] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mtm-muted);
}

.mtm-stats dd[b-l6akagd7cs] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 600px) {
    .mtm-stage[b-l6akagd7cs] {
        max-width: 100%;
    }

    .mtm-marker[b-l6akagd7cs] {
        width: 32px;
        height: 32px;
    }

    .mtm-player[b-l6akagd7cs] {
        max-width: 100%;
    }
}

.mtm-build[b-l6akagd7cs] {
    margin-top: 0.65rem;
    padding-top: 0.55rem;
    border-top: 1px solid var(--mtm-line);
}

.mtm-build-title[b-l6akagd7cs] {
    margin: 0 0 0.35rem;
    font-size: 1.15rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--mtm-muted);
}

.mtm-path[b-l6akagd7cs] {
    margin-top: 0.55rem;
    font-size: 1.2rem;
}

.mtm-path summary[b-l6akagd7cs] {
    cursor: pointer;
    font-weight: 700;
    color: var(--mtm-muted);
}

.mtm-path-list[b-l6akagd7cs] {
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-height: 10rem;
    overflow: auto;
}

.mtm-path-list li[b-l6akagd7cs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.4rem;
}

.mtm-path-time[b-l6akagd7cs] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: var(--mtm-muted);
    min-width: 2.5rem;
}

.mtm-path-act[b-l6akagd7cs] {
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--mtm-muted);
}

.mtm-path-icon[b-l6akagd7cs] {
    width: 18px;
    height: 18px;
    border-radius: 2px;
}
/* /Components/Shared/MatchTemporalScoreboard.razor.rz.scp.css */
.mts[b-lnpddcy579] {
    --mts-surf: #fff;
    --mts-text: #3a4550;
    --mts-muted: #6b7785;
    --mts-line: #dde3ea;
    --mts-soft: #f4f6f8;
    --mts-blue: #3b82f6;
    --mts-red: #e0043f;
    --mts-accent: #f99b1d;
    color: var(--mts-text);
    margin-top: 0.75rem;
}

html[data-theme="dark"] .mts[b-lnpddcy579] {
    --mts-surf: #151b22;
    --mts-text: #c8d0d8;
    --mts-muted: #8b97a5;
    --mts-line: #2a3440;
    --mts-soft: #0e1217;
}

.mts-head[b-lnpddcy579] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem 0.75rem;
    margin-bottom: 0.5rem;
}

.mts-title[b-lnpddcy579] {
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mts-muted);
}

.mts-snap[b-lnpddcy579] {
    font-size: 1.25rem;
    color: var(--mts-muted);
}

.mts-snap strong[b-lnpddcy579] {
    color: var(--mts-text);
    font-variant-numeric: tabular-nums;
    margin-left: 0.25rem;
}

.mts-empty[b-lnpddcy579] {
    margin: 0;
    padding: 0.75rem;
    border: 1px solid var(--mts-line);
    border-radius: 6px;
    background: var(--mts-surf);
    color: var(--mts-muted);
    font-size: 1.3rem;
}

.mts-teams[b-lnpddcy579] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

.mts-team[b-lnpddcy579] {
    border: 1px solid var(--mts-line);
    border-radius: 6px;
    background: var(--mts-surf);
    overflow: hidden;
}

.mts-team.is-blue[b-lnpddcy579] { box-shadow: inset 3px 0 0 var(--mts-blue); }
.mts-team.is-red[b-lnpddcy579] { box-shadow: inset 3px 0 0 var(--mts-red); }

.mts-team-title[b-lnpddcy579] {
    margin: 0;
    padding: 0.45rem 0.65rem;
    font-size: 1.2rem;
    font-weight: 800;
    background: var(--mts-soft);
    border-bottom: 1px solid var(--mts-line);
}

.mts-list[b-lnpddcy579] {
    list-style: none;
    margin: 0;
    padding: 0.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.mts-row[b-lnpddcy579] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1.2fr) auto auto auto auto auto;
    grid-template-areas:
        "champ player kda lv gold cs diff"
        "items items items items items items items";
    gap: 0.25rem 0.45rem;
    align-items: center;
    width: 100%;
    text-align: left;
    border: 1px solid transparent;
    background: transparent;
    color: var(--mts-text);
    border-radius: 4px;
    padding: 0.35rem 0.4rem;
    cursor: pointer;
}

.mts-champ[b-lnpddcy579] { grid-area: champ; }
.mts-player[b-lnpddcy579] { grid-area: player; }
.mts-kda[b-lnpddcy579] { grid-area: kda; }
.mts-lv[b-lnpddcy579] { grid-area: lv; }
.mts-gold[b-lnpddcy579] { grid-area: gold; }
.mts-cs[b-lnpddcy579] { grid-area: cs; }
.mts-diff[b-lnpddcy579] { grid-area: diff; }
.mts-items[b-lnpddcy579] {
    grid-area: items;
    min-width: 0;
}

.mts-row:hover[b-lnpddcy579],
.mts-row:focus-visible[b-lnpddcy579] {
    border-color: var(--mts-accent);
    outline: none;
    background: color-mix(in srgb, var(--mts-accent) 8%, var(--mts-surf));
}

.mts-row.is-selected[b-lnpddcy579] {
    border-color: var(--mts-accent);
    background: color-mix(in srgb, var(--mts-accent) 14%, var(--mts-surf));
}

.mts-row.is-focus-on[b-lnpddcy579] {
    border-color: var(--mts-accent);
    box-shadow: inset 0 0 0 1px var(--mts-accent);
}

.mts-row.is-focus-muted[b-lnpddcy579] {
    opacity: 0.45;
}

.mts-focus-badge[b-lnpddcy579] {
    grid-column: 1 / -1;
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mts-accent);
}

.mts-icon[b-lnpddcy579] {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    display: block;
}

.mts-icon-fallback[b-lnpddcy579] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: var(--mts-soft);
    border: 1px solid var(--mts-line);
    font-size: 1.15rem;
    font-weight: 800;
}

.mts-player[b-lnpddcy579] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.mts-player strong[b-lnpddcy579] {
    font-size: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mts-muted[b-lnpddcy579] {
    font-size: 1.15rem;
    color: var(--mts-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mts-stat[b-lnpddcy579] {
    font-size: 1.2rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mts-stat em[b-lnpddcy579] {
    display: none;
}

.mts-jg[b-lnpddcy579] {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--mts-muted);
}

.mts-diff[b-lnpddcy579] {
    font-size: 1.15rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: var(--mts-muted);
}

.mts-diff.is-plus[b-lnpddcy579] { color: var(--mts-blue); }
.mts-diff.is-minus[b-lnpddcy579] { color: var(--mts-red); }

@media (max-width: 900px) {
    .mts-teams[b-lnpddcy579] {
        grid-template-columns: 1fr;
    }

    .mts-row[b-lnpddcy579] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.25rem 0.55rem;
    }

    .mts-champ[b-lnpddcy579] { flex: 0 0 auto; }
    .mts-player[b-lnpddcy579] { flex: 1 1 8rem; min-width: 0; }
    .mts-diff[b-lnpddcy579] { display: none; }
    .mts-jg[b-lnpddcy579] { display: none; }
    .mts-items[b-lnpddcy579] {
        flex: 1 1 100%;
        order: 10;
    }

    .mts-stat em[b-lnpddcy579] {
        display: inline;
        font-style: normal;
        color: var(--mts-muted);
        font-weight: 700;
        margin-right: 0.15rem;
        font-size: 1.1rem;
        text-transform: uppercase;
    }
}

.mts-build-clock[b-lnpddcy579] {
    opacity: 0.9;
}


/* /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/OperationProgress.razor.rz.scp.css */
.op-progress[b-u1zybn92r5] {
    --op-surf: #fff;
    --op-text: #3a4550;
    --op-muted: #6b7785;
    --op-line: #dde3ea;
    --op-soft: #f4f6f8;
    --op-accent: #f99b1d;
    --font-xs: 1.1rem;
    --font-sm: 1.2rem;
    --font-md: 1.3rem;
    --font-lg: 1.35rem;
    margin: 0.75rem 0 1rem;
    padding: 1.1rem 1.15rem;
    border: 1px solid var(--op-line);
    border-radius: 6px;
    background: var(--op-surf);
    color: var(--op-text);
}

html[data-theme="dark"] .op-progress[b-u1zybn92r5] {
    --op-surf: #151b22;
    --op-text: #c8d0d8;
    --op-muted: #8b97a5;
    --op-line: #2a3440;
    --op-soft: #0e1217;
}

.op-progress.is-refresh[b-u1zybn92r5] {
    padding: 0.65rem 0.85rem;
    margin: 0.35rem 0 0.75rem;
    background: color-mix(in srgb, var(--op-accent) 8%, var(--op-surf));
}

.op-progress-head[b-u1zybn92r5] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.op-progress-spinner[b-u1zybn92r5] {
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: 0.15rem;
    border: 2px solid var(--op-line);
    border-top-color: var(--op-accent);
    border-radius: 50%;
    animation: op-spin-b-u1zybn92r5 0.7s linear infinite;
}

.op-progress-title[b-u1zybn92r5] {
    display: block;
    font-size: var(--font-lg);
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.op-progress-msg[b-u1zybn92r5],
.op-progress-detail[b-u1zybn92r5],
.op-progress-hint[b-u1zybn92r5] {
    margin: 0.25rem 0 0;
    font-size: var(--font-md);
    line-height: 1.45;
}

.op-progress-detail[b-u1zybn92r5] {
    font-weight: 700;
    color: var(--op-accent);
}

.op-progress-hint[b-u1zybn92r5] {
    color: var(--op-muted);
    font-size: var(--font-sm);
}

.op-progress-steps[b-u1zybn92r5] {
    list-style: none;
    margin: 0.85rem 0 0;
    padding: 0.75rem 0 0;
    border-top: 1px solid var(--op-line);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.op-progress-steps li[b-u1zybn92r5] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: var(--font-sm);
    font-weight: 600;
    color: var(--op-muted);
}

.op-progress-steps li.is-active[b-u1zybn92r5] {
    color: var(--op-text);
    font-weight: 800;
}

.op-progress-steps li.is-done[b-u1zybn92r5] {
    color: var(--op-text);
}

.op-progress-mark[b-u1zybn92r5] {
    width: 1.1rem;
    text-align: center;
    font-weight: 800;
    color: var(--op-accent);
}

@keyframes op-spin-b-u1zybn92r5 {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .op-progress-spinner[b-u1zybn92r5] {
        animation: none;
        border-top-color: var(--op-line);
        border-right-color: var(--op-accent);
    }

    .op-progress[b-u1zybn92r5] {
        transition: none;
    }
}
/* /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: 11px;
    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-row[b-9cx9c4hjxi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    vertical-align: baseline;
}

.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;
    }
}