/* /Pages/AdminPushDeliveries.razor.rz.scp.css */
.push-admin[b-85xsse8420] {
    display: grid;
    gap: 1rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
}

.push-admin__hero[b-85xsse8420] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.2rem;
    border: 1px solid #e0e7ff;
    border-radius: 24px;
    background: linear-gradient(135deg, #eef2ff 0%, #ffffff 68%, #ecfeff 100%);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.push-admin__hero span[b-85xsse8420] {
    color: #4f46e5;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.push-admin__hero h1[b-85xsse8420] {
    margin: 0.15rem 0;
    color: #0f172a;
    font-size: clamp(1.6rem, 4vw, 2.5rem);
    font-weight: 950;
}

.push-admin__hero p[b-85xsse8420],
.push-admin__table small[b-85xsse8420] {
    margin: 0;
    color: #64748b;
    font-weight: 750;
}

.push-admin button[b-85xsse8420] {
    min-height: 2.35rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    background: #ffffff;
    color: #3730a3;
    font-weight: 900;
}

.push-admin__filters[b-85xsse8420],
.push-admin__actions[b-85xsse8420] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.push-admin__filter--active[b-85xsse8420] {
    border-color: #4f46e5 !important;
    background: #eef2ff !important;
}

.push-admin__empty[b-85xsse8420],
.push-admin__table-shell[b-85xsse8420] {
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.push-admin__empty[b-85xsse8420] {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    font-weight: 900;
}

.push-admin__table-shell[b-85xsse8420] {
    overflow-x: auto;
}

.push-admin__table[b-85xsse8420] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.push-admin__table th[b-85xsse8420],
.push-admin__table td[b-85xsse8420] {
    padding: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    vertical-align: top;
}

.push-admin__table th[b-85xsse8420] {
    color: #475569;
    font-size: 0.8rem;
    font-weight: 950;
    text-transform: uppercase;
}

.push-admin__table strong[b-85xsse8420],
.push-admin__table small[b-85xsse8420] {
    display: block;
}

.push-admin__status[b-85xsse8420] {
    display: inline-flex;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 950;
}

.push-admin__status--pending[b-85xsse8420] {
    background: #fef3c7;
    color: #92400e;
}

.push-admin__status--sent[b-85xsse8420] {
    background: #dcfce7;
    color: #166534;
}

.push-admin__status--failed[b-85xsse8420] {
    background: #fee2e2;
    color: #991b1b;
}

.push-admin__status--skipped[b-85xsse8420] {
    background: #f1f5f9;
    color: #475569;
}

@media (max-width: 720px) {
    .push-admin__hero[b-85xsse8420] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/BattleMemory.razor.rz.scp.css */
.battle-memory[b-ipts7nbih6] {
    display: grid;
    gap: 1rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
}

.battle-memory--loading[b-ipts7nbih6] {
    min-height: 320px;
    place-items: center;
    text-align: center;
    color: #475569;
    font-weight: 800;
}

.battle-memory__hero[b-ipts7nbih6] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 52%, #ecfeff 100%);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.battle-memory__hero h1[b-ipts7nbih6] {
    margin: 0.15rem 0;
    color: #0f172a;
    font-size: clamp(1.8rem, 4vw, 3rem);
    font-weight: 950;
}

.battle-memory__hero p[b-ipts7nbih6] {
    max-width: 720px;
    margin: 0;
    color: #475569;
    font-weight: 700;
}

.battle-memory__eyebrow[b-ipts7nbih6] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.battle-memory__hero-actions[b-ipts7nbih6],
.battle-memory__card-actions[b-ipts7nbih6],
.battle-memory__pager[b-ipts7nbih6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

.battle-memory__primary-link[b-ipts7nbih6],
.battle-memory__ghost-link[b-ipts7nbih6],
.battle-memory__card-actions a[b-ipts7nbih6],
.battle-memory__pager button[b-ipts7nbih6] {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.battle-memory__primary-link[b-ipts7nbih6],
.battle-memory__card-actions a:first-child[b-ipts7nbih6] {
    border: 1px solid #2563eb;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.battle-memory__ghost-link[b-ipts7nbih6],
.battle-memory__card-actions a:last-child[b-ipts7nbih6],
.battle-memory__pager button[b-ipts7nbih6] {
    border: 1px solid #bfdbfe;
    background: #ffffff;
    color: #1d4ed8;
}

.battle-memory__primary-link:hover[b-ipts7nbih6],
.battle-memory__ghost-link:hover[b-ipts7nbih6],
.battle-memory__card-actions a:hover[b-ipts7nbih6],
.battle-memory__pager button:hover:not(:disabled)[b-ipts7nbih6] {
    transform: translateY(-2px);
    text-decoration: none;
}

.battle-memory__stats[b-ipts7nbih6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
}

.battle-memory__stats div[b-ipts7nbih6] {
    display: grid;
    gap: 0.2rem;
    padding: 0.95rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}

.battle-memory__stats span[b-ipts7nbih6] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 900;
}

.battle-memory__stats strong[b-ipts7nbih6] {
    color: #0f172a;
    font-size: 1.55rem;
    line-height: 1;
}

.battle-memory__empty[b-ipts7nbih6] {
    display: grid;
    gap: 0.65rem;
    place-items: center;
    padding: 3rem 1rem;
    border: 1px dashed #bfdbfe;
    border-radius: 24px;
    background: #f8fafc;
    text-align: center;
}

.battle-memory__empty h2[b-ipts7nbih6] {
    margin: 0;
    color: #0f172a;
}

.battle-memory__empty p[b-ipts7nbih6] {
    margin: 0;
    color: #64748b;
    font-weight: 700;
}

.battle-memory__grid[b-ipts7nbih6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 1rem;
}

.battle-memory__card[b-ipts7nbih6] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.07);
}

.battle-memory__card-header[b-ipts7nbih6] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.battle-memory__card-header h2[b-ipts7nbih6] {
    margin: 0.15rem 0 0;
    color: #0f172a;
    font-size: 1.12rem;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.battle-memory__match-id[b-ipts7nbih6],
.battle-memory__progress[b-ipts7nbih6] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
}

.battle-memory__progress[b-ipts7nbih6] {
    flex: 0 0 auto;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: #eff6ff;
}

.battle-memory__team-list[b-ipts7nbih6] {
    display: grid;
    gap: 0.65rem;
}

.battle-memory__team-row[b-ipts7nbih6] {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem;
    border: 1px solid #edf2f7;
    border-radius: 16px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

.battle-memory__team-heading[b-ipts7nbih6] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    align-items: center;
}

.battle-memory__team-heading span[b-ipts7nbih6] {
    color: #0f172a;
    font-weight: 900;
}

.battle-memory__team-heading em[b-ipts7nbih6],
.battle-memory__missing-team[b-ipts7nbih6] {
    color: #94a3b8;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 800;
}

.battle-memory__team-heading button[b-ipts7nbih6] {
    padding: 0.25rem 0.6rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 900;
}

.battle-memory__pokemon-strip[b-ipts7nbih6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
    min-height: 44px;
}

.battle-memory__pokemon-strip img[b-ipts7nbih6] {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border-radius: 999px;
    background: #f1f5f9;
}

.battle-memory__card-actions[b-ipts7nbih6] {
    padding-top: 0.15rem;
}

.battle-memory__pager[b-ipts7nbih6] {
    justify-content: center;
    padding: 0.5rem 0 1rem;
    color: #475569;
    font-weight: 900;
}

.battle-memory__pager button:disabled[b-ipts7nbih6] {
    cursor: not-allowed;
    opacity: 0.45;
}

@media (max-width: 900px) {
    .battle-memory__hero[b-ipts7nbih6] {
        align-items: stretch;
        flex-direction: column;
    }

    .battle-memory__stats[b-ipts7nbih6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .battle-memory[b-ipts7nbih6] {
        padding: 0.65rem;
    }

    .battle-memory__stats[b-ipts7nbih6],
    .battle-memory__grid[b-ipts7nbih6] {
        grid-template-columns: 1fr;
    }

    .battle-memory__hero-actions[b-ipts7nbih6],
    .battle-memory__card-actions[b-ipts7nbih6],
    .battle-memory__pager[b-ipts7nbih6] {
        align-items: stretch;
        flex-direction: column;
    }

    .battle-memory__primary-link[b-ipts7nbih6],
    .battle-memory__ghost-link[b-ipts7nbih6],
    .battle-memory__card-actions a[b-ipts7nbih6],
    .battle-memory__pager button[b-ipts7nbih6] {
        width: 100%;
    }
}
/* /Pages/CenterNews.razor.rz.scp.css */
.news-page[b-m7w5cia7v1] {
    display: grid;
    gap: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
}

.news-page--loading[b-m7w5cia7v1] {
    color: #475569;
    font-weight: 700;
}

.news-page__hero[b-m7w5cia7v1],
.news-page__card[b-m7w5cia7v1] {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.news-page__hero[b-m7w5cia7v1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.news-page__eyebrow[b-m7w5cia7v1],
.news-page__card-kicker[b-m7w5cia7v1] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.news-page__hero h1[b-m7w5cia7v1],
.news-page__card h2[b-m7w5cia7v1] {
    margin: 0.25rem 0 0;
    color: #0f172a;
}

.news-page__hero p[b-m7w5cia7v1] {
    margin: 0.6rem 0 0;
    color: #475569;
    font-weight: 700;
}

.news-page__hero-actions[b-m7w5cia7v1],
.news-page__panel-actions[b-m7w5cia7v1],
.news-page__article-actions[b-m7w5cia7v1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.news-page__hero-link[b-m7w5cia7v1],
.news-page__read-link[b-m7w5cia7v1],
.news-page__action-link[b-m7w5cia7v1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.7rem 1rem;
    border-radius: 14px;
    color: #2563eb;
    font-weight: 800;
    text-decoration: none;
    background: #eff6ff;
}

.news-page__hero-link--primary[b-m7w5cia7v1] {
    color: #ffffff;
    background: #2563eb;
}

.news-page__layout[b-m7w5cia7v1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.25rem;
    align-items: start;
}

.news-page__main[b-m7w5cia7v1],
.news-page__sidebar[b-m7w5cia7v1],
.news-page__panel[b-m7w5cia7v1] {
    display: grid;
    gap: 1rem;
}

.news-page__review-panel[b-m7w5cia7v1] {
    border-color: #cba34b;
    background: #fff8df;
}

.news-page__card[b-m7w5cia7v1] {
    padding: 1.25rem;
}

.news-page__feed-header[b-m7w5cia7v1],
.news-page__article-header[b-m7w5cia7v1],
.news-page__panel-heading[b-m7w5cia7v1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e2e8f0;
}

.news-page__feed-header strong[b-m7w5cia7v1] {
    color: #2563eb;
    font-size: 1.15rem;
}

.news-page__empty[b-m7w5cia7v1] {
    color: #64748b;
    font-weight: 700;
}

.news-page__post-card[b-m7w5cia7v1] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.news-page__post-card:last-child[b-m7w5cia7v1] {
    border-bottom: 0;
}

.news-page__post-card-head[b-m7w5cia7v1] {
    display: grid;
    gap: 0.35rem;
}

.news-page__post-card-head span[b-m7w5cia7v1],
.news-page__article-meta[b-m7w5cia7v1] {
    color: #64748b;
    font-weight: 700;
}

.news-page__post-card-title[b-m7w5cia7v1] {
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 900;
    text-decoration: none;
}

.news-page__post-card-summary[b-m7w5cia7v1] {
    margin: 0;
    color: #334155;
    line-height: 1.7;
}

.news-page__post-card-footer[b-m7w5cia7v1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.news-page__author[b-m7w5cia7v1] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: #334155;
    font-weight: 800;
}

.news-page__author img[b-m7w5cia7v1] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #dbeafe;
    background: #ffffff;
}

.news-page__article[b-m7w5cia7v1] {
    display: grid;
    gap: 1rem;
}

.news-page__article-meta[b-m7w5cia7v1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin-top: 0.5rem;
}

.news-page__content[b-m7w5cia7v1] {
    color: #0f172a;
    line-height: 1.75;
}

.news-page__content[b-m7w5cia7v1]  img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

.news-page__content[b-m7w5cia7v1]  .result-news h2 {
    margin: 2rem 0 0.85rem;
    padding-left: 0.75rem;
    border-left: 4px solid #2563eb;
    color: #0f172a;
    font-size: 1.3rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-hero {
    margin: 0 0 1.25rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-hero img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 7;
    object-fit: contain;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.news-page__content[b-m7w5cia7v1]  .result-news-hero figcaption,
.news-page__content[b-m7w5cia7v1]  .result-news-team-sheet figcaption {
    margin-top: 0.45rem;
    color: #64748b;
    font-size: 0.86rem;
    text-align: center;
}

.news-page__content[b-m7w5cia7v1]  .result-news-lead {
    margin: 0;
    color: #1e293b;
    font-size: 1.08rem;
    line-height: 1.9;
}

.news-page__content[b-m7w5cia7v1]  .result-news-description {
    padding: 0.85rem 1rem;
    border-block: 1px solid #dbeafe;
    color: #334155;
    background: #f8fbff;
}

.news-page__content[b-m7w5cia7v1]  .result-news-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    border-block: 1px solid #e2e8f0;
}

.news-page__content[b-m7w5cia7v1]  .result-news-facts div {
    min-width: 0;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid #f1f5f9;
}

.news-page__content[b-m7w5cia7v1]  .result-news-facts dt {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
}

.news-page__content[b-m7w5cia7v1]  .result-news-facts dd {
    margin: 0.15rem 0 0;
    color: #0f172a;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.news-page__content[b-m7w5cia7v1]  .result-news-records {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    border-block: 1px solid #cbd5e1;
    background: #f8fafc;
}

.news-page__content[b-m7w5cia7v1]  .result-news-records div {
    display: grid;
    gap: 0.1rem;
    padding: 0.85rem 1rem;
    border-right: 1px solid #e2e8f0;
}

.news-page__content[b-m7w5cia7v1]  .result-news-records strong {
    color: #0f172a;
    font-size: 1.08rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-records span {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-list {
    border-block: 1px solid #cbd5e1;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-row {
    display: grid;
    grid-template-columns: minmax(92px, 0.65fr) minmax(0, 1fr) 64px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 52px;
    padding: 0.6rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-row:last-child {
    border-bottom: 0;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-label {
    color: #475569;
    font-size: 0.82rem;
    font-weight: 800;
}

.news-page__content[b-m7w5cia7v1]  .result-news-player {
    min-width: 0;
    color: #334155;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.news-page__content[b-m7w5cia7v1]  .result-news-player--winner {
    color: #166534;
    font-weight: 900;
}

.news-page__content[b-m7w5cia7v1]  .result-news-score {
    color: #0f172a;
    text-align: center;
    white-space: nowrap;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 0.9rem;
    margin: 1rem 0 1.5rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-card {
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-top: 4px solid #2563eb;
    border-radius: 8px;
    background: #fff;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-card--final {
    border-top-color: #ca8a04;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-card > header,
.news-page__content[b-m7w5cia7v1]  .result-news-match-card > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-card > header {
    color: #fff;
    background: #18212f;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-card > header strong {
    font-size: 0.86rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-card > header span {
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 800;
}

.news-page__content[b-m7w5cia7v1]  .result-news-matchup {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 86px minmax(0, 1fr);
    align-items: stretch;
    min-height: 96px;
}

.news-page__content[b-m7w5cia7v1]  .result-news-contestant {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.75rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-contestant--right {
    align-items: flex-end;
    text-align: right;
}

.news-page__content[b-m7w5cia7v1]  .result-news-contestant small {
    min-height: 1.1rem;
    color: #a16207;
    font-size: 0.7rem;
    font-weight: 900;
}

.news-page__content[b-m7w5cia7v1]  .result-news-contestant strong {
    color: #263244;
    overflow-wrap: anywhere;
}

.news-page__content[b-m7w5cia7v1]  .result-news-contestant--winner strong {
    color: #166534;
}

.news-page__content[b-m7w5cia7v1]  .result-news-scoreboard {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.25rem;
    padding: 0.65rem 0.4rem;
    color: #fff;
    background: #18212f;
}

.news-page__content[b-m7w5cia7v1]  .result-news-scoreboard span {
    font-size: 1.45rem;
    font-weight: 900;
    text-align: center;
}

.news-page__content[b-m7w5cia7v1]  .result-news-scoreboard i {
    color: #94a3b8;
    font-style: normal;
    font-weight: 900;
}

.news-page__content[b-m7w5cia7v1]  .result-news-scoreboard .result-news-scoreboard__winner {
    color: #fde047;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-card > footer {
    justify-content: center;
    border-top: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 750;
    background: #f8fafc;
}

.news-page__content[b-m7w5cia7v1]  .result-news-match-card > footer strong {
    color: #166534;
}

.news-page__content[b-m7w5cia7v1]  .result-news-table-wrap {
    overflow-x: auto;
}

.news-page__content[b-m7w5cia7v1]  .result-news-standings {
    width: 100%;
    border-collapse: collapse;
}

.news-page__content[b-m7w5cia7v1]  .result-news-standings th,
.news-page__content[b-m7w5cia7v1]  .result-news-standings td {
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

.news-page__content[b-m7w5cia7v1]  .result-news-standings th {
    color: #475569;
    font-size: 0.8rem;
    background: #f8fafc;
}

.news-page__content[b-m7w5cia7v1]  .result-news-standings td:first-child {
    width: 9rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-placement {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.18rem 0.55rem;
    border-left: 4px solid #64748b;
    color: #334155;
    font-size: 0.82rem;
    background: #f1f5f9;
}

.news-page__content[b-m7w5cia7v1]  .result-news-placement--1 {
    border-left-color: #ca8a04;
    color: #854d0e;
    background: #fef9c3;
}

.news-page__content[b-m7w5cia7v1]  .result-news-placement--2 {
    border-left-color: #64748b;
    color: #334155;
    background: #f1f5f9;
}

.news-page__content[b-m7w5cia7v1]  .result-news-placement--4 {
    border-left-color: #b45309;
    color: #92400e;
    background: #ffedd5;
}

.news-page__content[b-m7w5cia7v1]  .result-news-placement--8 {
    border-left-color: #2563eb;
    color: #1e40af;
    background: #eff6ff;
}

.news-page__content[b-m7w5cia7v1]  .result-news-placement-players {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.9rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-placement-players span {
    color: #172033;
    font-weight: 750;
}

.news-page__content[b-m7w5cia7v1]  .result-news-team-sheet {
    margin: 0 0 1rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-team-sheet img {
    display: block;
    width: 100%;
    max-height: 720px;
    object-fit: contain;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.news-page__content[b-m7w5cia7v1]  .result-news-pokemon-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.news-page__content[b-m7w5cia7v1]  .result-news-pokemon {
    min-width: 0;
    margin: 0;
    text-align: center;
}

.news-page__content[b-m7w5cia7v1]  .result-news-pokemon img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    padding: 0.5rem;
    object-fit: contain;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.news-page__content[b-m7w5cia7v1]  .result-news-pokemon figcaption {
    display: grid;
    gap: 0.1rem;
    margin-top: 0.35rem;
    color: #0f172a;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.news-page__content[b-m7w5cia7v1]  .result-news-pokemon figcaption span {
    color: #64748b;
    font-size: 0.78rem;
}

.news-page__search-input[b-m7w5cia7v1] {
    width: 100%;
}

.news-page__side-link[b-m7w5cia7v1] {
    color: #0f172a;
    font-weight: 800;
    text-decoration: none;
    padding: 0.85rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.news-page__side-link:hover[b-m7w5cia7v1] {
    text-decoration: none;
}

.news-page__lock-row[b-m7w5cia7v1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

@media (max-width: 991.98px) {
    .news-page__hero[b-m7w5cia7v1],
    .news-page__layout[b-m7w5cia7v1] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    .news-page[b-m7w5cia7v1] {
        padding: 0.6rem;
        gap: 0.85rem;
    }

    .news-page__hero[b-m7w5cia7v1],
    .news-page__card[b-m7w5cia7v1] {
        border-radius: 18px;
    }

    .news-page__hero[b-m7w5cia7v1],
    .news-page__card[b-m7w5cia7v1] {
        padding: 0.95rem;
    }

    .news-page__post-card-footer[b-m7w5cia7v1],
    .news-page__feed-header[b-m7w5cia7v1],
    .news-page__article-header[b-m7w5cia7v1],
    .news-page__panel-heading[b-m7w5cia7v1] {
        flex-direction: column;
        align-items: stretch;
    }

    .news-page__hero-link[b-m7w5cia7v1],
    .news-page__read-link[b-m7w5cia7v1],
    .news-page__action-link[b-m7w5cia7v1] {
        width: 100%;
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-hero img {
        aspect-ratio: 16 / 9;
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-facts {
        grid-template-columns: 1fr;
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-match-row {
        grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
        gap: 0.5rem;
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-match-label {
        grid-column: 1 / -1;
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-match-grid {
        grid-template-columns: 1fr;
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-matchup {
        grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-contestant {
        padding: 0.65rem 0.5rem;
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-scoreboard span {
        font-size: 1.2rem;
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-standings td:first-child {
        width: 6.5rem;
    }

    .news-page__content[b-m7w5cia7v1]  .result-news-pokemon-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }
}
/* /Pages/Changelog.razor.rz.scp.css */
.changelog-page[b-y4o9lz8g1m] {
    --changelog-ink: var(--site-period-text, var(--site-text, #172033));
    --changelog-muted: var(--site-period-muted, var(--site-muted, #64748b));
    --changelog-line: var(--site-period-border, var(--site-border, #dbe2ea));
    --changelog-surface: var(--site-period-content, var(--site-panel, #ffffff));
    --changelog-accent: color-mix(in srgb, var(--site-accent, #f04f8d) 74%, var(--changelog-ink));
    max-width: 980px;
    margin: 0 auto;
    padding: 1.25rem 1rem 4rem;
    color: var(--changelog-ink);
}

.changelog-hero[b-y4o9lz8g1m] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem 0 1.5rem;
    border-bottom: 1px solid var(--changelog-line);
}

.changelog-kicker[b-y4o9lz8g1m] {
    color: var(--changelog-accent);
    font-size: .78rem;
    font-weight: 800;
}

.changelog-hero h1[b-y4o9lz8g1m] {
    margin: .35rem 0 .55rem;
    font-size: clamp(2rem, 5vw, 3.25rem);
    line-height: 1.05;
    letter-spacing: 0;
}

.changelog-hero p[b-y4o9lz8g1m] {
    max-width: 620px;
    margin: 0;
    color: var(--changelog-muted);
    font-size: 1.05rem;
    line-height: 1.7;
}

.changelog-hero__status[b-y4o9lz8g1m] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .7rem;
    padding: .75rem 0;
}

.changelog-hero__status .material-symbols-outlined[b-y4o9lz8g1m] { color: var(--changelog-accent); font-size: 1.75rem; }
.changelog-hero__status div[b-y4o9lz8g1m] { display: grid; gap: .1rem; }
.changelog-hero__status strong[b-y4o9lz8g1m] { font-size: .9rem; }
.changelog-hero__status span:last-child[b-y4o9lz8g1m] { color: var(--changelog-muted); font-size: .8rem; }

.changelog-months[b-y4o9lz8g1m] {
    display: flex;
    gap: .4rem;
    position: sticky;
    top: 0;
    z-index: 2;
    padding: .85rem 0;
    border-bottom: 1px solid var(--changelog-line);
    background: var(--changelog-surface);
    backdrop-filter: blur(14px);
}

.changelog-months a[b-y4o9lz8g1m] {
    padding: .45rem .75rem;
    border-radius: 6px;
    color: var(--changelog-muted);
    font-size: .86rem;
    font-weight: 700;
    text-decoration: none;
}

.changelog-months a:hover[b-y4o9lz8g1m],
.changelog-months a:focus-visible[b-y4o9lz8g1m] {
    color: var(--changelog-accent);
    background: color-mix(in srgb, var(--changelog-accent) 12%, transparent);
}
.changelog-feed[b-y4o9lz8g1m] { padding-top: 1rem; }

.changelog-month[b-y4o9lz8g1m] {
    margin: 2.4rem 0 .4rem;
    font-size: 1.05rem;
    scroll-margin-top: 5rem;
}

.changelog-entry[b-y4o9lz8g1m] {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 2.25rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--changelog-line);
    scroll-margin-top: 5rem;
}

.changelog-entry__date[b-y4o9lz8g1m] { display: grid; align-content: start; gap: .28rem; }
.changelog-entry__date time[b-y4o9lz8g1m] { font-weight: 800; }
.changelog-entry__date span[b-y4o9lz8g1m] { color: var(--changelog-muted); font-size: .8rem; }
.changelog-entry__content[b-y4o9lz8g1m] { min-width: 0; }
.changelog-entry__heading[b-y4o9lz8g1m] { display: flex; align-items: center; gap: .65rem; }
.changelog-entry h3[b-y4o9lz8g1m] { margin: 0; font-size: 1.35rem; line-height: 1.3; }
.changelog-entry p[b-y4o9lz8g1m] { margin: .65rem 0 1rem; color: var(--changelog-muted); line-height: 1.7; }
.changelog-entry ul[b-y4o9lz8g1m] { display: grid; gap: .65rem; margin: 0; padding-left: 1.2rem; line-height: 1.65; }
.changelog-entry li[b-y4o9lz8g1m]::marker { color: var(--changelog-accent); }

.changelog-latest[b-y4o9lz8g1m] {
    flex: 0 0 auto;
    padding: .2rem .48rem;
    border-radius: 4px;
    color: #fff;
    background: var(--changelog-accent);
    font-size: .7rem;
    font-weight: 800;
}

.changelog-entry--latest[b-y4o9lz8g1m] { border-top: 2px solid var(--changelog-accent); }

@media (max-width: 700px) {
    .changelog-page[b-y4o9lz8g1m] { padding-top: .5rem; }
    .changelog-hero[b-y4o9lz8g1m] { align-items: flex-start; flex-direction: column; gap: .75rem; padding-top: 1rem; }
    .changelog-entry[b-y4o9lz8g1m] { grid-template-columns: 1fr; gap: .8rem; padding: 1.5rem 0; }
    .changelog-entry__date[b-y4o9lz8g1m] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; }
    .changelog-month[b-y4o9lz8g1m] { margin-top: 1.8rem; }
}
/* /Pages/CityMatchManager.razor.rz.scp.css */
.city-match-manager[b-ut8b474lsk] {
    display: grid;
    gap: 1.5rem;
}

.city-match-manager__hero[b-ut8b474lsk] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.7fr) minmax(17rem, 1fr);
    align-items: start;
    padding: 1.75rem;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(240, 249, 255, 0.94));
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.08);
}

.city-match-manager__eyebrow[b-ut8b474lsk] {
    display: inline-flex;
    margin-bottom: 0.65rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0f766e;
}

.city-match-manager__library .city-match-manager__eyebrow[b-ut8b474lsk] {
    color: #0f5f5a;
}

.city-match-manager__hero h1[b-ut8b474lsk],
.city-match-manager__section-heading h2[b-ut8b474lsk],
.city-match-manager__library-card h3[b-ut8b474lsk],
.city-match-manager__player-card h3[b-ut8b474lsk] {
    margin: 0;
    color: #0f172a;
}

.city-match-manager__hero p[b-ut8b474lsk],
.city-match-manager__library-card p[b-ut8b474lsk] {
    margin: 0.75rem 0 0;
    color: #475569;
    line-height: 1.7;
}

.city-match-manager__hero-stats[b-ut8b474lsk] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.city-match-manager__hero-stats div[b-ut8b474lsk],
.city-match-manager__setup-card[b-ut8b474lsk],
.city-match-manager__library-card[b-ut8b474lsk],
.city-match-manager__player-card[b-ut8b474lsk],
.city-match-manager__round[b-ut8b474lsk] {
    border-radius: 1.2rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.city-match-manager__hero-stats div[b-ut8b474lsk] {
    padding: 1rem;
}

.city-match-manager__hero-stats span[b-ut8b474lsk],
.city-match-manager__field span[b-ut8b474lsk],
.city-match-manager__library-card span[b-ut8b474lsk],
.city-match-manager__round-count[b-ut8b474lsk] {
    display: block;
    font-size: 0.82rem;
    color: #64748b;
}

.city-match-manager__hero-stats strong[b-ut8b474lsk] {
    display: block;
    margin-top: 0.35rem;
    font-size: 1.15rem;
    color: #0f172a;
}

.city-match-manager__setup-grid[b-ut8b474lsk] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
    align-items: start;
}

.city-match-manager__setup-card[b-ut8b474lsk],
.city-match-manager__round[b-ut8b474lsk] {
    padding: 1.35rem;
}

.city-match-manager__setup-card[b-ut8b474lsk] {
    display: grid;
    gap: 1rem;
}

.city-match-manager__field[b-ut8b474lsk] {
    display: grid;
    gap: 0.5rem;
}

.city-match-manager__library[b-ut8b474lsk],
.city-match-manager__toolbar[b-ut8b474lsk] {
    display: grid;
    gap: 1rem;
}

.city-match-manager__section-heading[b-ut8b474lsk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.city-match-manager__library-grid[b-ut8b474lsk],
.city-match-manager__player-grid[b-ut8b474lsk] {
    display: grid;
    gap: 1rem;
}

.city-match-manager__library-grid[b-ut8b474lsk] {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.city-match-manager__library-card[b-ut8b474lsk],
.city-match-manager__player-card[b-ut8b474lsk] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
}

.city-match-manager__link[b-ut8b474lsk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    border-radius: 999px;
    background: #ecfeff;
    color: #0f766e;
    font-weight: 700;
    text-decoration: none;
}

.city-match-manager__link--primary[b-ut8b474lsk] {
    background: #0f766e;
    color: #fff;
}

.city-match-manager__player-grid[b-ut8b474lsk] {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.city-match-manager__player-header[b-ut8b474lsk] {
    display: grid;
    gap: 0.75rem;
}

.city-match-manager__sprite-grid[b-ut8b474lsk] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.city-match-manager__sprite-shell[b-ut8b474lsk] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    padding: 0.4rem;
    border-radius: 1rem;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.14);
}

.city-match-manager__empty-slot[b-ut8b474lsk] {
    padding: 1rem;
    border-radius: 1rem;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
}

.city-match-manager__sprite-shell[b-ut8b474lsk]  img,
.city-match-manager__sprite[b-ut8b474lsk] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 900px) {
    .city-match-manager__hero[b-ut8b474lsk],
    .city-match-manager__setup-grid[b-ut8b474lsk] {
        grid-template-columns: 1fr;
    }

    .city-match-manager__hero-stats[b-ut8b474lsk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .city-match-manager__hero[b-ut8b474lsk],
    .city-match-manager__setup-card[b-ut8b474lsk],
    .city-match-manager__round[b-ut8b474lsk],
    .city-match-manager__library-card[b-ut8b474lsk],
    .city-match-manager__player-card[b-ut8b474lsk] {
        padding: 1.1rem;
        border-radius: 1.05rem;
    }

    .city-match-manager__hero-stats[b-ut8b474lsk],
    .city-match-manager__sprite-grid[b-ut8b474lsk] {
        grid-template-columns: 1fr;
    }

    .city-match-manager__section-heading[b-ut8b474lsk] {
        align-items: flex-start;
        flex-direction: column;
    }

    .city-match-manager__link[b-ut8b474lsk] {
        width: 100%;
    }
}
/* /Pages/CreateMatch.razor.rz.scp.css */
.create-match[b-lx1nq66iqp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
    box-sizing: border-box;
    min-width: 0;
}

.create-match__hero[b-lx1nq66iqp],
.create-match__card[b-lx1nq66iqp] {
    max-width: 100%;
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.create-match__hero[b-lx1nq66iqp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr);
    gap: 1rem;
    align-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.create-match__eyebrow[b-lx1nq66iqp] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.create-match__hero h1[b-lx1nq66iqp] {
    margin: 0.25rem 0 0;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.create-match__hero p[b-lx1nq66iqp] {
    margin: 0.5rem 0 0;
    color: #475569;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.create-match__summary[b-lx1nq66iqp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    min-width: 0;
}

.create-match__summary div[b-lx1nq66iqp] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #eff6ff;
}

.create-match__summary span[b-lx1nq66iqp] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
}

.create-match__summary strong[b-lx1nq66iqp] {
    color: #0f172a;
    font-size: 1.2rem;
    overflow-wrap: anywhere;
}

.create-match__card[b-lx1nq66iqp] {
    padding: 1rem;
}

.create-match__ai-panel[b-lx1nq66iqp] {
    display: grid;
    grid-template-columns: minmax(220px, 0.45fr) minmax(0, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 20px;
    background: #f8fbff;
}

.create-match__ai-copy[b-lx1nq66iqp] {
    display: grid;
    align-content: start;
    gap: 0.45rem;
}

.create-match__ai-copy strong[b-lx1nq66iqp] {
    color: #0f172a;
    font-size: 1.05rem;
}

.create-match__ai-copy p[b-lx1nq66iqp] {
    margin: 0;
    color: #475569;
    font-weight: 700;
}

.create-match__ai-inputs[b-lx1nq66iqp] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
}

.create-match__ai-textarea[b-lx1nq66iqp] {
    width: 100%;
    resize: vertical;
}

.create-match__ai-actions[b-lx1nq66iqp],
.create-match__ai-warnings[b-lx1nq66iqp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.create-match__ai-message[b-lx1nq66iqp] {
    padding: 0.7rem 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 800;
}

.create-match__ai-message--error[b-lx1nq66iqp] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.create-match__ai-message--warning[b-lx1nq66iqp],
.create-match__ai-warnings[b-lx1nq66iqp] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.create-match__ai-warnings[b-lx1nq66iqp] {
    padding: 0.7rem 0.85rem;
    border: 1px solid #fde68a;
    border-radius: 14px;
    font-weight: 800;
}

.create-match__ai-warnings span[b-lx1nq66iqp] {
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
}

.create-match__form > .row[b-lx1nq66iqp] {
    max-width: 100%;
    margin-top: 0 !important;
    margin-right: 0;
    margin-left: 0;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.create-match__form [class*="col-"][b-lx1nq66iqp],
.create-match__form .col[b-lx1nq66iqp] {
    min-width: 0;
}

.create-match__form > .row:last-child[b-lx1nq66iqp] {
    border-bottom: 0;
}

.create-match__form h4[b-lx1nq66iqp] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
}

.create-match__logo-row[b-lx1nq66iqp],
.create-match__inline-row[b-lx1nq66iqp],
.create-match__location-row[b-lx1nq66iqp] {
    margin-left: 0;
}

.create-match__logo-row[b-lx1nq66iqp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    padding-left: 15px;
}

.create-match__inline-row--stacked[b-lx1nq66iqp],
.create-match__location-row--stacked[b-lx1nq66iqp],
.create-match__submit-actions[b-lx1nq66iqp],
.create-match__auth-message[b-lx1nq66iqp],
.create-match__footer-spacer[b-lx1nq66iqp] {
    margin-top: 30px;
}

.create-match__location-row[b-lx1nq66iqp] {
    gap: 12px;
}

.create-match__map-preview[b-lx1nq66iqp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.8rem;
    padding-left: 15px;
}

.create-match__map-preview span[b-lx1nq66iqp] {
    color: #475569;
    font-size: 0.86rem;
    font-weight: 800;
}

.create-match__map-preview a[b-lx1nq66iqp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0 0.75rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.84rem;
    font-weight: 900;
    text-decoration: none;
}

.create-match__field--sm[b-lx1nq66iqp] {
    min-width: 160px;
}

.create-match__field--full[b-lx1nq66iqp] {
    width: 100%;
}

.create-match__live-room-input[b-lx1nq66iqp] {
    max-width: 100%;
}

.create-match__field--md[b-lx1nq66iqp] {
    min-width: 220px;
}

.create-match__field--lg[b-lx1nq66iqp] {
    min-width: 260px;
}

.create-match__logo-picker[b-lx1nq66iqp] {
    width: 90px;
    height: 50px;
}

.create-match__logo-option-image[b-lx1nq66iqp] {
    width: 45px;
}

.create-match__logo-preview-shell[b-lx1nq66iqp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 320px);
    aspect-ratio: 1 / 1;
    margin-top: 1rem;
    padding: 0.75rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: #f8fbff;
    overflow: hidden;
}

.create-match__logo-preview[b-lx1nq66iqp] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.create-match__image-note[b-lx1nq66iqp] {
    display: block;
    margin-top: 0.55rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.create-match__textarea[b-lx1nq66iqp] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    resize: none;
}

.create-match[b-lx1nq66iqp]  .create-match__textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.create-match__stage-count[b-lx1nq66iqp] {
    width: 50px;
}

.create-match__submit-actions[b-lx1nq66iqp],
.create-match__auth-message[b-lx1nq66iqp] {
    text-align: center;
}

.create-match__submit-actions[b-lx1nq66iqp] {
    margin-top: 100px;
}

.create-match__auth-message[b-lx1nq66iqp] {
    color: #475569;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .create-match__hero[b-lx1nq66iqp],
    .create-match__summary[b-lx1nq66iqp],
    .create-match__ai-panel[b-lx1nq66iqp] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/CreateZaRoyale.razor.rz.scp.css */
.create-match[b-wbwefbxmpq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
    box-sizing: border-box;
    min-width: 0;
}

.create-match__hero[b-wbwefbxmpq],
.create-match__card[b-wbwefbxmpq] {
    max-width: 100%;
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.create-match__hero[b-wbwefbxmpq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr);
    gap: 1rem;
    align-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);
}

.create-match__eyebrow[b-wbwefbxmpq] {
    color: #ea580c;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.create-match__hero h1[b-wbwefbxmpq] {
    margin: 0.25rem 0 0;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.create-match__hero p[b-wbwefbxmpq] {
    margin: 0.5rem 0 0;
    color: #475569;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.create-match__summary[b-wbwefbxmpq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    min-width: 0;
}

.create-match__summary div[b-wbwefbxmpq] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid #fed7aa;
    border-radius: 16px;
    background: #ffedd5;
}

.create-match__summary span[b-wbwefbxmpq] {
    color: #c2410c;
    font-size: 0.76rem;
    font-weight: 900;
}

.create-match__summary strong[b-wbwefbxmpq] {
    color: #0f172a;
    font-size: 1.2rem;
    overflow-wrap: anywhere;
}

.create-match__card[b-wbwefbxmpq] {
    padding: 1rem;
}

.create-match__form > .row[b-wbwefbxmpq] {
    max-width: 100%;
    margin-top: 0 !important;
    margin-right: 0;
    margin-left: 0;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.create-match__form [class*="col-"][b-wbwefbxmpq],
.create-match__form .col[b-wbwefbxmpq] {
    min-width: 0;
}

.create-match__form > .row:last-child[b-wbwefbxmpq] {
    border-bottom: 0;
}

.create-match__form h4[b-wbwefbxmpq] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
}

.create-match__logo-row[b-wbwefbxmpq],
.create-match__inline-row[b-wbwefbxmpq],
.create-match__location-row[b-wbwefbxmpq] {
    margin-left: 0;
}

.create-match__logo-row[b-wbwefbxmpq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    padding-left: 15px;
}

.create-match__inline-row--stacked[b-wbwefbxmpq],
.create-match__location-row--stacked[b-wbwefbxmpq],
.create-match__submit-actions[b-wbwefbxmpq],
.create-match__auth-message[b-wbwefbxmpq],
.create-match__footer-spacer[b-wbwefbxmpq] {
    margin-top: 30px;
}

.create-match__location-row[b-wbwefbxmpq] {
    gap: 12px;
}

.create-match__field--sm[b-wbwefbxmpq] {
    min-width: 160px;
}

.create-match__field--full[b-wbwefbxmpq] {
    width: 100%;
}

.create-match__live-room-input[b-wbwefbxmpq] {
    max-width: 100%;
}

.create-match__field--md[b-wbwefbxmpq] {
    min-width: 220px;
}

.create-match__field--lg[b-wbwefbxmpq] {
    min-width: 260px;
}

.create-match__logo-picker[b-wbwefbxmpq] {
    width: 90px;
    height: 50px;
}

.create-match__logo-option-image[b-wbwefbxmpq] {
    width: 45px;
}

.create-match__logo-preview-shell[b-wbwefbxmpq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 320px);
    aspect-ratio: 1 / 1;
    margin-top: 1rem;
    padding: 0.75rem;
    border: 1px solid #fed7aa;
    border-radius: 20px;
    background: #fff7ed;
    overflow: hidden;
}

.create-match__logo-preview[b-wbwefbxmpq] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.create-match__image-note[b-wbwefbxmpq] {
    display: block;
    margin-top: 0.55rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.create-match__textarea[b-wbwefbxmpq] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    resize: none;
}

.create-match[b-wbwefbxmpq]  .create-match__textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.create-match__stage-count[b-wbwefbxmpq] {
    width: 50px;
}

.create-match__submit-actions[b-wbwefbxmpq],
.create-match__auth-message[b-wbwefbxmpq] {
    text-align: center;
}

.create-match__submit-actions[b-wbwefbxmpq] {
    margin-top: 100px;
}

.create-match__auth-message[b-wbwefbxmpq] {
    color: #475569;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .create-match__hero[b-wbwefbxmpq],
    .create-match__summary[b-wbwefbxmpq] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DonateUs.razor.rz.scp.css */
.donation-page[b-rdkp4ow7pp] {
    display: grid;
    gap: 1rem;
}

.donation-page[b-rdkp4ow7pp],
.donation-page__hero > *[b-rdkp4ow7pp],
.donation-page__grid > *[b-rdkp4ow7pp],
.donation-page__entry > *[b-rdkp4ow7pp] {
    min-width: 0;
}

.donation-page__hero[b-rdkp4ow7pp],
.donation-page__panel[b-rdkp4ow7pp] {
    border: 1px solid rgba(45, 108, 223, 0.1);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 38px rgba(17, 27, 45, 0.08);
}

.donation-page__hero[b-rdkp4ow7pp] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
}

.donation-page__eyebrow[b-rdkp4ow7pp] {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.55rem;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    background: rgba(45, 108, 223, 0.1);
    color: #2257b8;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.donation-page__hero h1[b-rdkp4ow7pp],
.donation-page__panel h2[b-rdkp4ow7pp] {
    margin-bottom: 0.4rem;
    color: #142033;
    font-weight: 800;
}

.donation-page__hero p[b-rdkp4ow7pp],
.donation-page__panel p[b-rdkp4ow7pp] {
    margin: 0;
    color: #667085;
    line-height: 1.7;
}

.donation-page__summary[b-rdkp4ow7pp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: 0.75rem;
    min-width: 280px;
}

.donation-page__summary div[b-rdkp4ow7pp] {
    padding: 0.85rem 1rem;
    border: 1px solid rgba(45, 108, 223, 0.08);
    border-radius: 18px;
    background: #f8fbff;
}

.donation-page__summary span[b-rdkp4ow7pp],
.donation-page__entry span[b-rdkp4ow7pp],
.donation-page__entry small[b-rdkp4ow7pp],
.donation-page__entry-side span[b-rdkp4ow7pp] {
    display: block;
    color: #667085;
    font-size: 0.86rem;
}

.donation-page__summary strong[b-rdkp4ow7pp] {
    color: #142033;
    font-size: 1.35rem;
}

.donation-page__grid[b-rdkp4ow7pp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
    gap: 1rem;
}

.donation-page__grid--single[b-rdkp4ow7pp] {
    grid-template-columns: minmax(0, min(720px, 100%));
}

.donation-page__panel[b-rdkp4ow7pp] {
    padding: 1.25rem;
}

.donation-page__qr-grid[b-rdkp4ow7pp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.donation-page__qr-card[b-rdkp4ow7pp] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0.75rem;
    overflow: hidden;
    border-radius: 18px;
    background: #f8fbff;
    box-shadow: 0 12px 24px rgba(17, 27, 45, 0.08);
}

.donation-page__qr-card[b-rdkp4ow7pp]  img.donation-page__qr-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    object-fit: contain;
}

.donation-page__form[b-rdkp4ow7pp] {
    display: grid;
    gap: 0.75rem;
}

.donation-page__form label[b-rdkp4ow7pp] {
    display: grid;
    gap: 0.3rem;
    color: #344054;
    font-weight: 800;
}

.donation-page__switch[b-rdkp4ow7pp] {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 0.6rem !important;
}

.donation-page__panel-header[b-rdkp4ow7pp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.donation-page__list[b-rdkp4ow7pp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.85rem;
}

.donation-page__entry[b-rdkp4ow7pp] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(45, 108, 223, 0.08);
    border-radius: 18px;
    background: #f8fbff;
}

.donation-page__entry strong[b-rdkp4ow7pp] {
    color: #142033;
    font-size: 1.02rem;
    overflow-wrap: anywhere;
}

.donation-page__entry-main[b-rdkp4ow7pp] {
    min-width: 0;
}

.donation-page__entry-main small[b-rdkp4ow7pp] {
    overflow-wrap: anywhere;
}

.donation-page__entry-side[b-rdkp4ow7pp] {
    display: grid;
    justify-items: end;
    align-content: start;
    gap: 0.25rem;
    min-width: 92px;
}

.donation-page__entry-side b[b-rdkp4ow7pp] {
    color: #2257b8;
    font-size: 1.08rem;
}

.donation-page__entry-actions[b-rdkp4ow7pp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
    margin-top: 0.3rem;
}

@media (max-width: 991.98px) {
    .donation-page__hero[b-rdkp4ow7pp],
    .donation-page__grid[b-rdkp4ow7pp] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .donation-page__summary[b-rdkp4ow7pp] {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .donation-page__summary[b-rdkp4ow7pp],
    .donation-page__qr-grid[b-rdkp4ow7pp] {
        grid-template-columns: 1fr;
    }

    .donation-page__panel-header[b-rdkp4ow7pp] {
        flex-direction: column;
    }

    .donation-page__entry[b-rdkp4ow7pp] {
        flex-direction: column;
    }

    .donation-page__entry-side[b-rdkp4ow7pp] {
        justify-items: start;
    }
}
/* /Pages/Download.razor.rz.scp.css */
.download-page[b-iwgorc2vrc] {
    --download-ink: var(--site-period-text, #172033);
    --download-muted: var(--site-period-muted, #667085);
    --download-line: var(--site-period-border, #dbe2ea);
    --download-card-ink: var(--rz-text-color, #172033);
    --download-card-muted: color-mix(in srgb, var(--download-card-ink) 72%, transparent);
    --download-card-line: color-mix(in srgb, var(--download-card-ink) 18%, transparent);
    --download-surface: var(--rz-card-background-color, #ffffff);
    --download-canvas: var(--site-period-content, rgba(244, 245, 249, 0.9));
    display: grid;
    max-width: 1040px;
    margin: 0 auto;
    padding: 1.25rem 1rem 4rem;
    color: var(--download-ink);
    background: var(--download-canvas);
    box-shadow: 0 0 0 100vmax var(--download-canvas);
    clip-path: inset(0 -100vmax);
}

.download-hero[b-iwgorc2vrc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem 0 1.75rem;
    border-bottom: 1px solid var(--download-line);
}

.download-hero__copy[b-iwgorc2vrc] {
    max-width: 660px;
}

.download-kicker[b-iwgorc2vrc] {
    color: var(--rz-danger, #b9382f);
    font-size: 0.78rem;
    font-weight: 800;
}

.download-hero h1[b-iwgorc2vrc] {
    margin: 0.35rem 0 0.65rem;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.download-hero p[b-iwgorc2vrc],
.download-feedback p[b-iwgorc2vrc],
.download-privacy-note[b-iwgorc2vrc] {
    color: var(--download-muted);
    line-height: 1.7;
}

.download-option__lead[b-iwgorc2vrc],
.download-install-note p[b-iwgorc2vrc] {
    color: var(--download-card-muted);
    line-height: 1.7;
}

.download-hero p[b-iwgorc2vrc],
.download-feedback p[b-iwgorc2vrc],
.download-install-note p[b-iwgorc2vrc] {
    margin: 0;
}

.download-beta[b-iwgorc2vrc] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 0;
}

.download-beta__dot[b-iwgorc2vrc] {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    background: var(--rz-danger, #d1473f);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--rz-danger, #d1473f) 18%, transparent);
}

.download-beta div[b-iwgorc2vrc] {
    display: grid;
    gap: 0.1rem;
}

.download-beta strong[b-iwgorc2vrc] {
    font-size: 0.92rem;
}

.download-beta span:last-child[b-iwgorc2vrc] {
    color: var(--download-muted);
    font-size: 0.8rem;
}

.download-options[b-iwgorc2vrc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    padding: 2rem 0;
}

.download-option[b-iwgorc2vrc] {
    display: flex;
    min-width: 0;
    min-height: 100%;
    flex-direction: column;
    padding: 1.5rem;
    border: 1px solid var(--download-card-line);
    border-top: 3px solid var(--rz-success, #138a62);
    border-radius: 8px;
    color: var(--download-card-ink);
    background: var(--download-surface);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--download-ink) 8%, transparent);
}

.download-option--android[b-iwgorc2vrc] {
    border-top-color: var(--rz-primary, #356bd8);
}

.download-option__header[b-iwgorc2vrc] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.download-option__icon[b-iwgorc2vrc],
.download-feedback__icon[b-iwgorc2vrc] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: 50%;
    color: var(--rz-success, #08714d);
    background: color-mix(in srgb, var(--rz-success, #138a62) 14%, transparent);
}

.download-option--android .download-option__icon[b-iwgorc2vrc] {
    color: var(--rz-primary, #2858b7);
    background: color-mix(in srgb, var(--rz-primary, #356bd8) 14%, transparent);
}

.download-option__icon[b-iwgorc2vrc]  .rzi,
.download-feedback__icon[b-iwgorc2vrc]  .rzi {
    font-size: 1.45rem;
}

.download-option__label[b-iwgorc2vrc] {
    display: block;
    margin-bottom: 0.1rem;
    color: var(--download-card-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.download-option h2[b-iwgorc2vrc],
.download-feedback h2[b-iwgorc2vrc] {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.3;
    letter-spacing: 0;
}

.download-option__lead[b-iwgorc2vrc] {
    margin: 1rem 0 1.25rem;
}

.download-mini-program[b-iwgorc2vrc] {
    display: grid;
    justify-items: center;
    gap: 0.7rem;
    margin: auto 0 0;
}

.download-mini-program img[b-iwgorc2vrc] {
    display: block;
    width: min(100%, 264px);
    height: auto;
    aspect-ratio: 1;
    border: 1px solid var(--download-card-line);
    border-radius: 8px;
    background: #ffffff;
}

.download-mini-program figcaption[b-iwgorc2vrc] {
    color: var(--download-card-muted);
    font-size: 0.82rem;
}

.download-build-info[b-iwgorc2vrc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 1.25rem;
    border-top: 1px solid var(--download-card-line);
    border-bottom: 1px solid var(--download-card-line);
}

.download-build-info div[b-iwgorc2vrc] {
    min-width: 0;
    padding: 0.9rem 0.75rem;
}

.download-build-info div + div[b-iwgorc2vrc] {
    border-left: 1px solid var(--download-card-line);
}

.download-build-info dt[b-iwgorc2vrc] {
    margin-bottom: 0.2rem;
    color: var(--download-card-muted);
    font-size: 0.75rem;
}

.download-build-info dd[b-iwgorc2vrc] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.download-button[b-iwgorc2vrc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 3rem;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    color: #ffffff;
    background: var(--rz-primary, #2858b7);
    font-weight: 800;
    text-decoration: none;
    transition: background 0.16s ease, transform 0.16s ease;
}

.download-button:hover[b-iwgorc2vrc] {
    color: #ffffff;
    background: var(--rz-primary-dark, #1f4899);
    text-decoration: none;
    transform: translateY(-1px);
}

.download-button:focus-visible[b-iwgorc2vrc] {
    outline: 3px solid color-mix(in srgb, var(--rz-primary, #356bd8) 35%, transparent);
    outline-offset: 3px;
}

.download-install-note[b-iwgorc2vrc] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 1rem;
}

.download-install-note[b-iwgorc2vrc]  .rzi {
    flex: 0 0 auto;
    margin-top: 0.2rem;
    color: var(--rz-warning, #9a5a16);
    font-size: 1.1rem;
}

.download-install-note p[b-iwgorc2vrc] {
    font-size: 0.84rem;
}

.download-feedback[b-iwgorc2vrc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1.75rem 0;
    border-top: 1px solid var(--download-line);
    border-bottom: 1px solid var(--download-line);
}

.download-feedback__icon[b-iwgorc2vrc] {
    color: var(--rz-danger, #a3362f);
    background: color-mix(in srgb, var(--rz-danger, #b9382f) 14%, transparent);
}

.download-feedback h2[b-iwgorc2vrc] {
    margin: 0.15rem 0 0.45rem;
}

.download-feedback__group[b-iwgorc2vrc] {
    display: grid;
    min-width: 170px;
    padding-left: 1.25rem;
    border-left: 1px solid var(--download-line);
}

.download-feedback__group span[b-iwgorc2vrc] {
    color: var(--download-muted);
    font-size: 0.78rem;
}

.download-feedback__group strong[b-iwgorc2vrc] {
    font-size: 1.45rem;
    user-select: all;
}

.download-privacy-note[b-iwgorc2vrc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin: 1rem 0 0;
    font-size: 0.78rem;
    text-align: center;
}

.download-privacy-note[b-iwgorc2vrc]  .rzi {
    flex: 0 0 auto;
    font-size: 1rem;
}

@media (max-width: 780px) {
    .download-page[b-iwgorc2vrc] {
        padding-top: 0.5rem;
    }

    .download-hero[b-iwgorc2vrc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
        padding-top: 1rem;
    }

    .download-options[b-iwgorc2vrc] {
        grid-template-columns: 1fr;
    }

    .download-feedback[b-iwgorc2vrc] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .download-feedback__group[b-iwgorc2vrc] {
        grid-column: 2;
        min-width: 0;
        padding: 0;
        border-left: 0;
    }
}

@media (max-width: 440px) {
    .download-option[b-iwgorc2vrc] {
        padding: 1.1rem;
    }

    .download-build-info[b-iwgorc2vrc] {
        grid-template-columns: 1fr;
    }

    .download-build-info div[b-iwgorc2vrc] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.65rem 0;
    }

    .download-build-info div + div[b-iwgorc2vrc] {
        border-top: 1px solid var(--download-card-line);
        border-left: 0;
    }

    .download-build-info dt[b-iwgorc2vrc] {
        margin: 0;
    }

    .download-feedback[b-iwgorc2vrc] {
        grid-template-columns: 1fr;
    }

    .download-feedback__icon[b-iwgorc2vrc] {
        width: 2.4rem;
        height: 2.4rem;
    }

    .download-feedback__group[b-iwgorc2vrc] {
        grid-column: 1;
    }
}
/* /Pages/EditArticle.razor.rz.scp.css */
.article-editor[b-6ac0vqmyuv] {
    display: grid;
    gap: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
}

.article-editor--loading[b-6ac0vqmyuv] {
    color: #475569;
    font-weight: 700;
}

.article-editor__hero[b-6ac0vqmyuv],
.article-editor__card[b-6ac0vqmyuv] {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.article-editor__review-notice[b-6ac0vqmyuv] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 1rem 1.15rem;
    border: 1px solid #cba34b;
    border-radius: 8px;
    background: #fff8df;
    color: #3d3521;
}

.article-editor__review-notice[b-6ac0vqmyuv]  .rzi {
    flex: 0 0 auto;
    font-size: 1.4rem;
}

.article-editor__review-notice > div[b-6ac0vqmyuv] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.article-editor__review-notice span[b-6ac0vqmyuv] {
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.article-editor__hero[b-6ac0vqmyuv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    gap: 1.25rem;
    align-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.article-editor__eyebrow[b-6ac0vqmyuv],
.article-editor__group-heading span[b-6ac0vqmyuv] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.article-editor__hero h1[b-6ac0vqmyuv],
.article-editor__group-heading h2[b-6ac0vqmyuv] {
    margin: 0.25rem 0 0;
    color: #0f172a;
}

.article-editor__hero p[b-6ac0vqmyuv],
.article-editor__group-heading p[b-6ac0vqmyuv] {
    margin: 0.6rem 0 0;
    color: #475569;
    font-weight: 700;
}

.article-editor__summary[b-6ac0vqmyuv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.article-editor__summary div[b-6ac0vqmyuv] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #eff6ff;
}

.article-editor__summary span[b-6ac0vqmyuv] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
}

.article-editor__summary strong[b-6ac0vqmyuv] {
    color: #0f172a;
    font-size: 1.15rem;
}

.article-editor__card[b-6ac0vqmyuv] {
    padding: 1rem;
}

.article-editor__form[b-6ac0vqmyuv] {
    display: grid;
    gap: 0.75rem;
}

.article-editor__group[b-6ac0vqmyuv] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
}

.article-editor__group-heading[b-6ac0vqmyuv] {
    display: grid;
    gap: 0.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.article-editor__form h4[b-6ac0vqmyuv] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
}

.article-editor__field--full[b-6ac0vqmyuv] {
    width: 100%;
}

.article-editor__toggle-row[b-6ac0vqmyuv],
.article-editor__action-row[b-6ac0vqmyuv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.article-editor__toggle-row span[b-6ac0vqmyuv],
.article-editor__action-row span[b-6ac0vqmyuv] {
    color: #64748b;
    font-weight: 700;
}

.article-editor__save-bar[b-6ac0vqmyuv] {
    position: sticky;
    bottom: 1rem;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
}

.article-editor__link-button[b-6ac0vqmyuv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.7rem 1rem;
    border-radius: 14px;
    background: #eff6ff;
    color: #2563eb;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .article-editor__hero[b-6ac0vqmyuv],
    .article-editor__summary[b-6ac0vqmyuv] {
        grid-template-columns: 1fr;
    }

    .article-editor__save-bar[b-6ac0vqmyuv] {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .article-editor__save-bar[b-6ac0vqmyuv]  .rz-button,
    .article-editor__link-button[b-6ac0vqmyuv] {
        width: 100%;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.home-updates[b-41dqmok7uq] {
    display: grid;
    gap: 1rem;
    padding: 1.2rem 1.25rem 1.35rem;
    border-top: 1px solid var(--site-border);
    border-bottom: 1px solid var(--site-border);
    background: var(--site-panel);
}

.home-client-beta[b-41dqmok7uq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    padding: .75rem .9rem;
    border: 1px solid rgba(19, 138, 98, .22);
    border-radius: 8px;
    color: var(--site-text);
    background: rgba(19, 138, 98, .06);
    text-decoration: none;
    transition: border-color .16s ease, background-color .16s ease;
}

.home-client-beta:hover[b-41dqmok7uq],
.home-client-beta:focus-visible[b-41dqmok7uq] {
    border-color: rgba(19, 138, 98, .45);
    color: var(--site-text);
    background: rgba(19, 138, 98, .1);
    text-decoration: none;
}

.home-client-beta:focus-visible[b-41dqmok7uq] {
    outline: 2px solid rgba(19, 138, 98, .3);
    outline-offset: 2px;
}

.home-client-beta__icon[b-41dqmok7uq] {
    display: inline-grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: 50%;
    color: #08714d;
    background: rgba(19, 138, 98, .12);
}

.home-client-beta__copy[b-41dqmok7uq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    gap: .1rem .55rem;
    min-width: 0;
}

.home-client-beta__copy > strong[b-41dqmok7uq] {
    font-size: .9rem;
}

.home-client-beta__copy > span:last-child[b-41dqmok7uq] {
    grid-column: 1 / -1;
    color: var(--site-muted);
    font-size: .78rem;
    line-height: 1.45;
}

.home-client-beta__status[b-41dqmok7uq] {
    color: #b9382f;
    font-size: .7rem;
    font-weight: 800;
}

.home-client-beta__action[b-41dqmok7uq] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: var(--site-primary-strong);
    font-size: .8rem;
    font-weight: 800;
    white-space: nowrap;
}

.home-client-beta__action[b-41dqmok7uq]  .rzi {
    font-size: 1rem;
}

.home-updates__header[b-41dqmok7uq] {
    align-items: end;
    margin: 0;
}

.home-updates__header h2[b-41dqmok7uq] {
    margin: 0;
}

.home-updates__header p[b-41dqmok7uq] {
    margin: .3rem 0 0;
    color: var(--site-muted);
}

.home-updates__all[b-41dqmok7uq] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--site-primary-strong);
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

.home-updates__all[b-41dqmok7uq]  .rzi {
    font-size: 1rem;
}

.home-updates__list[b-41dqmok7uq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--site-border);
    border-radius: 8px;
    overflow: hidden;
}

.home-update[b-41dqmok7uq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto 1fr;
    gap: .55rem .65rem;
    min-width: 0;
    padding: 1rem;
    color: var(--site-text);
    text-decoration: none;
    background: rgba(255, 255, 255, .42);
    transition: background-color .16s ease;
}

.home-update + .home-update[b-41dqmok7uq] {
    border-left: 1px solid var(--site-border);
}

.home-update:hover[b-41dqmok7uq],
.home-update:focus-visible[b-41dqmok7uq] {
    background: rgba(45, 108, 223, .07);
}

.home-update time[b-41dqmok7uq] {
    grid-column: 1 / -1;
    color: var(--site-primary-strong);
    font-size: .76rem;
    font-weight: 800;
}

.home-update__copy[b-41dqmok7uq] {
    display: grid;
    align-content: start;
    gap: .35rem;
    min-width: 0;
}

.home-update__copy strong[b-41dqmok7uq] {
    font-size: .96rem;
    line-height: 1.35;
}

.home-update__copy > span[b-41dqmok7uq] {
    color: var(--site-muted);
    font-size: .8rem;
    line-height: 1.55;
}

.home-update__arrow[b-41dqmok7uq] {
    align-self: start;
    color: var(--site-primary-strong);
}

@media (max-width: 767.98px) {
    .home-client-beta[b-41dqmok7uq] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .home-client-beta__action[b-41dqmok7uq] {
        grid-column: 2;
        justify-self: start;
    }

    .home-updates__header[b-41dqmok7uq] {
        align-items: flex-start;
    }

    .home-updates__list[b-41dqmok7uq] {
        grid-template-columns: 1fr;
    }

    .home-update + .home-update[b-41dqmok7uq] {
        border-top: 1px solid var(--site-border);
        border-left: 0;
    }
}
/* /Pages/InformationCenter.razor.rz.scp.css */
.info-center-hub[b-k8t2kh37h2] {
    display: grid;
    gap: 1.25rem;
    max-width: 1240px;
    margin: 0 auto;
    padding: 1rem;
}

.info-center-hub--loading[b-k8t2kh37h2] {
    color: #475569;
    font-weight: 700;
}

.info-center-hub__hero[b-k8t2kh37h2],
.info-center-hub__card[b-k8t2kh37h2],
.info-center-hub__panel[b-k8t2kh37h2] {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.info-center-hub__hero[b-k8t2kh37h2] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 1.25rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.info-center-hub__eyebrow[b-k8t2kh37h2],
.info-center-hub__card-kicker[b-k8t2kh37h2],
.info-center-hub__panel-kicker[b-k8t2kh37h2] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.info-center-hub__hero h1[b-k8t2kh37h2],
.info-center-hub__card h2[b-k8t2kh37h2],
.info-center-hub__panel h2[b-k8t2kh37h2] {
    margin: 0.25rem 0 0;
    color: #0f172a;
}

.info-center-hub__hero p[b-k8t2kh37h2],
.info-center-hub__card p[b-k8t2kh37h2] {
    margin: 0.6rem 0 0;
    color: #475569;
    font-weight: 700;
}

.info-center-hub__stats[b-k8t2kh37h2],
.info-center-hub__grid[b-k8t2kh37h2],
.info-center-hub__highlights[b-k8t2kh37h2] {
    display: grid;
    gap: 1rem;
}

.info-center-hub__stats[b-k8t2kh37h2] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.info-center-hub__stats div[b-k8t2kh37h2] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #eff6ff;
}

.info-center-hub__stats span[b-k8t2kh37h2] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
}

.info-center-hub__stats strong[b-k8t2kh37h2] {
    color: #0f172a;
    font-size: 1.35rem;
}

.info-center-hub__grid[b-k8t2kh37h2] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.info-center-hub__card[b-k8t2kh37h2] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.info-center-hub__card--accent[b-k8t2kh37h2] {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.info-center-hub__card-copy[b-k8t2kh37h2] {
    display: grid;
    gap: 0.25rem;
}

.info-center-hub__card-link[b-k8t2kh37h2],
.info-center-hub__panel-heading a[b-k8t2kh37h2],
.info-center-hub__list-item[b-k8t2kh37h2] {
    color: #2563eb;
    font-weight: 800;
    text-decoration: none;
}

.info-center-hub__card-link[b-k8t2kh37h2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.75rem 1rem;
    border-radius: 14px;
    background: #eff6ff;
}

.info-center-hub__card-link:hover[b-k8t2kh37h2],
.info-center-hub__panel-heading a:hover[b-k8t2kh37h2],
.info-center-hub__list-item:hover[b-k8t2kh37h2] {
    text-decoration: none;
}

.info-center-hub__highlights[b-k8t2kh37h2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.info-center-hub__panel[b-k8t2kh37h2] {
    display: grid;
    gap: 0.75rem;
    padding: 1.25rem;
}

.info-center-hub__panel-heading[b-k8t2kh37h2] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.info-center-hub__panel-heading div[b-k8t2kh37h2] {
    display: grid;
    gap: 0.25rem;
}

.info-center-hub__list-item[b-k8t2kh37h2] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.info-center-hub__list-item strong[b-k8t2kh37h2] {
    color: #0f172a;
    font-size: 1rem;
}

.info-center-hub__list-item span[b-k8t2kh37h2],
.info-center-hub__empty[b-k8t2kh37h2] {
    color: #64748b;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .info-center-hub__hero[b-k8t2kh37h2],
    .info-center-hub__grid[b-k8t2kh37h2],
    .info-center-hub__highlights[b-k8t2kh37h2] {
        grid-template-columns: 1fr;
    }

    .info-center-hub__stats[b-k8t2kh37h2] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/MatchBracketPosterPreview.razor.rz.scp.css */
.bracket-poster-preview[b-xhlwt5i5ey] {
    position: relative;
    display: grid;
    width: 100vw;
    height: 100vh;
    place-items: center;
    padding: 20px;
    overflow: hidden;
    background: #e8eae9;
}

.bracket-poster-preview--state[b-xhlwt5i5ey] {
    color: #252728;
}

.bracket-poster-preview__state[b-xhlwt5i5ey] {
    padding: 20px 28px;
    border: 1px solid #c9cccb;
    background: #f4f5f4;
    font-size: 1rem;
    font-weight: 800;
}

.bracket-poster-preview__back[b-xhlwt5i5ey] {
    position: fixed;
    z-index: 10;
    top: 18px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid #afb3b2;
    border-radius: 4px;
    background: rgb(255 255 255 / 92%);
    color: #242627;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 4px 12px rgb(24 26 27 / 10%);
}

.bracket-poster-preview__back:hover[b-xhlwt5i5ey] {
    border-color: #bd2038;
    color: #bd2038;
}

.bracket-poster-preview__back[b-xhlwt5i5ey]  .rzi {
    font-size: 1rem;
}

.bracket-poster-preview[b-xhlwt5i5ey]  .match-bracket-poster {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
}

.bracket-poster-preview[b-xhlwt5i5ey]  .match-bracket-poster__viewport {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    padding: 0;
    overflow: auto;
}

.bracket-poster-preview[b-xhlwt5i5ey]  .match-bracket-poster__canvas {
    width: min(1600px, calc(100vw - 40px), calc((100vh - 40px) * 16 / 9));
    min-width: 1120px;
    margin: 0;
}

@media (max-width: 1160px) {
    .bracket-poster-preview[b-xhlwt5i5ey] {
        place-items: start;
        padding: 12px;
    }

    .bracket-poster-preview[b-xhlwt5i5ey]  .match-bracket-poster,
    .bracket-poster-preview[b-xhlwt5i5ey]  .match-bracket-poster__viewport {
        place-items: start;
    }
}
/* /Pages/MatchCalendar.razor.rz.scp.css */
.match-calendar[b-dtt4mdr92k] {
    display: grid;
    gap: 1.15rem;
}

.match-calendar__hero[b-dtt4mdr92k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1.25rem;
    padding: 1.6rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.96));
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.07);
}

.match-calendar__eyebrow[b-dtt4mdr92k] {
    display: inline-flex;
    margin-bottom: 0.45rem;
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-calendar__hero h1[b-dtt4mdr92k] {
    margin: 0;
    color: #0f172a;
    font-size: 2.15rem;
    font-weight: 950;
}

.match-calendar__hero p[b-dtt4mdr92k] {
    max-width: 46rem;
    margin: 0.55rem 0 0;
    color: #475569;
    line-height: 1.65;
}

.match-calendar__hero-link[b-dtt4mdr92k],
.match-calendar__monthbar button[b-dtt4mdr92k],
.match-calendar__filter-actions button[b-dtt4mdr92k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 2.55rem;
    border: 0;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none;
}

.match-calendar__hero-link[b-dtt4mdr92k] {
    min-width: 7.5rem;
    padding: 0 1rem;
    background: #0f172a;
    color: #fff;
    box-shadow: 0 14px 26px rgba(15, 23, 42, 0.16);
}

.match-calendar__hero-link:hover[b-dtt4mdr92k] {
    color: #fff;
    text-decoration: none;
}

.match-calendar__monthbar[b-dtt4mdr92k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.92);
}

.match-calendar__monthbar button[b-dtt4mdr92k] {
    padding: 0 0.95rem;
    background: #e2e8f0;
    color: #0f172a;
}

.match-calendar__month-actions[b-dtt4mdr92k] {
    display: inline-flex;
    gap: 0.45rem;
}

.match-calendar__month-title[b-dtt4mdr92k] {
    display: grid;
    gap: 0.15rem;
    text-align: center;
}

.match-calendar__month-title span[b-dtt4mdr92k] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.match-calendar__month-title strong[b-dtt4mdr92k] {
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 950;
}

.match-calendar__filters[b-dtt4mdr92k] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.35fr) repeat(4, minmax(8rem, 1fr)) auto;
    gap: 0.75rem;
    align-items: end;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.94);
}

.match-calendar__filters label[b-dtt4mdr92k] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    color: #334155;
    font-weight: 900;
}

.match-calendar__filters label span[b-dtt4mdr92k] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
}

.match-calendar__filters input[b-dtt4mdr92k],
.match-calendar__filters select[b-dtt4mdr92k] {
    width: 100%;
    min-width: 0;
    min-height: 2.6rem;
    padding: 0 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 0.8rem;
    background: #fff;
    color: #0f172a;
    font-weight: 750;
}

.match-calendar__filter-actions[b-dtt4mdr92k] {
    display: inline-flex;
    gap: 0.45rem;
}

.match-calendar__filter-actions button[b-dtt4mdr92k] {
    min-width: 4.6rem;
    padding: 0 0.9rem;
    background: #2563eb;
    color: #fff;
}

.match-calendar__filter-actions button:last-child[b-dtt4mdr92k] {
    background: #e2e8f0;
    color: #334155;
}

.match-calendar__summary[b-dtt4mdr92k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.match-calendar__summary article[b-dtt4mdr92k] {
    display: grid;
    gap: 0.2rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.94);
}

.match-calendar__summary span[b-dtt4mdr92k] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 850;
}

.match-calendar__summary strong[b-dtt4mdr92k] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 950;
}

.match-calendar__legend[b-dtt4mdr92k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 750;
}

.match-calendar__legend-item[b-dtt4mdr92k] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 900;
}

.match-calendar__legend-item--registering[b-dtt4mdr92k] {
    background: rgba(244, 63, 94, 0.12);
    color: #be123c;
}

.match-calendar__legend-item--running[b-dtt4mdr92k] {
    background: rgba(16, 185, 129, 0.14);
    color: #047857;
}

.match-calendar__legend-item--finished[b-dtt4mdr92k] {
    background: rgba(71, 85, 105, 0.14);
    color: #334155;
}

.match-calendar__legend-note[b-dtt4mdr92k] {
    color: #64748b;
}

.match-calendar__state[b-dtt4mdr92k] {
    padding: 2rem;
    border: 1px dashed rgba(148, 163, 184, 0.35);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.9);
    color: #475569;
    text-align: center;
}

.match-calendar__state p[b-dtt4mdr92k] {
    margin: 0;
}

.match-calendar__state--empty h2[b-dtt4mdr92k] {
    margin: 0 0 0.4rem;
    color: #0f172a;
    font-size: 1.15rem;
}

.match-calendar__grid-shell[b-dtt4mdr92k] {
    overflow-x: auto;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.07);
}

.match-calendar__weekday-row[b-dtt4mdr92k] {
    display: grid;
    grid-template-columns: repeat(7, minmax(8rem, 1fr));
    min-width: 56rem;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95);
    background: #f8fafc;
}

.match-calendar__weekday-row span[b-dtt4mdr92k] {
    padding: 0.72rem 0.8rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 950;
    text-align: center;
}

.match-calendar__grid[b-dtt4mdr92k] {
    display: grid;
    min-width: 56rem;
}

.match-calendar__week[b-dtt4mdr92k] {
    display: grid;
    grid-template-rows: auto minmax(8.5rem, auto);
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.match-calendar__week:last-child[b-dtt4mdr92k] {
    border-bottom: 0;
}

.match-calendar__week-days[b-dtt4mdr92k] {
    display: grid;
    grid-template-columns: repeat(7, minmax(8rem, 1fr));
}

.match-calendar__day[b-dtt4mdr92k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.5rem 0.7rem;
    border-right: 1px solid rgba(226, 232, 240, 0.72);
    color: #0f172a;
    font-weight: 900;
}

.match-calendar__day:last-child[b-dtt4mdr92k] {
    border-right: 0;
}

.match-calendar__day--muted[b-dtt4mdr92k] {
    color: #94a3b8;
    background: rgba(248, 250, 252, 0.55);
}

.match-calendar__day--weekend[b-dtt4mdr92k] {
    background: rgba(248, 250, 252, 0.72);
}

.match-calendar__day--today span[b-dtt4mdr92k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.85rem;
    min-height: 1.85rem;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
}

.match-calendar__day strong[b-dtt4mdr92k] {
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 950;
}

.match-calendar__segment-grid[b-dtt4mdr92k] {
    display: grid;
    grid-template-columns: repeat(7, minmax(8rem, 1fr));
    gap: 0.34rem 0;
    min-height: 7rem;
    padding: 0.15rem 0.38rem 0.7rem;
    background:
        linear-gradient(to right, transparent calc(100% / 7 - 1px), rgba(226, 232, 240, 0.72) calc(100% / 7 - 1px), rgba(226, 232, 240, 0.72) calc(100% / 7), transparent calc(100% / 7));
    background-size: calc(100% / 7) 100%;
}

.match-calendar__segment[b-dtt4mdr92k] {
    display: grid;
    align-content: center;
    gap: 0.04rem;
    min-width: 0;
    min-height: 1.82rem;
    margin: 0 0.12rem;
    padding: 0.18rem 0.55rem;
    border: 1px solid transparent;
    border-radius: 0.48rem;
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08);
}

.match-calendar__segment:hover[b-dtt4mdr92k] {
    color: #0f172a;
    text-decoration: none;
    transform: translateY(-1px);
}

.match-calendar__segment--registering[b-dtt4mdr92k] {
    background: #ffe4e6;
    border-color: rgba(244, 63, 94, 0.24);
}

.match-calendar__segment--running[b-dtt4mdr92k] {
    background: #d1fae5;
    border-color: rgba(16, 185, 129, 0.24);
}

.match-calendar__segment--finished[b-dtt4mdr92k] {
    background: #e2e8f0;
    border-color: rgba(71, 85, 105, 0.2);
}

.match-calendar__segment-title[b-dtt4mdr92k],
.match-calendar__segment-meta[b-dtt4mdr92k] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-calendar__segment-title[b-dtt4mdr92k] {
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 950;
    line-height: 1.2;
}

.match-calendar__segment-meta[b-dtt4mdr92k] {
    color: #475569;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.1;
}

.match-calendar__overflow[b-dtt4mdr92k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    margin: 0 0.12rem;
    border-radius: 0.45rem;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 900;
}

.match-calendar__agenda[b-dtt4mdr92k] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.94);
}

.match-calendar__agenda-head[b-dtt4mdr92k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.match-calendar__agenda-head span[b-dtt4mdr92k] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 900;
}

.match-calendar__agenda-head strong[b-dtt4mdr92k] {
    color: #0f172a;
    font-weight: 950;
}

.match-calendar__agenda-empty[b-dtt4mdr92k] {
    padding: 1rem;
    border-radius: 0.8rem;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
}

.match-calendar__agenda-day[b-dtt4mdr92k] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    gap: 0.9rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(226, 232, 240, 0.85);
}

.match-calendar__agenda-day--muted[b-dtt4mdr92k] {
    opacity: 0.72;
}

.match-calendar__agenda-day time[b-dtt4mdr92k] {
    display: grid;
    align-content: start;
    gap: 0.18rem;
}

.match-calendar__agenda-day time strong[b-dtt4mdr92k] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 950;
}

.match-calendar__agenda-day time span[b-dtt4mdr92k] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 850;
}

.match-calendar__agenda-list[b-dtt4mdr92k] {
    display: grid;
    gap: 0.55rem;
}

.match-calendar__agenda-match[b-dtt4mdr92k] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    min-width: 0;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-left-width: 0.35rem;
    border-radius: 0.85rem;
    background: #fff;
    color: #0f172a;
    text-decoration: none;
}

.match-calendar__agenda-match:hover[b-dtt4mdr92k] {
    color: #0f172a;
    text-decoration: none;
    background: #f8fafc;
}

.match-calendar__agenda-match--registering[b-dtt4mdr92k] {
    border-left-color: #f43f5e;
}

.match-calendar__agenda-match--running[b-dtt4mdr92k] {
    border-left-color: #10b981;
}

.match-calendar__agenda-match--finished[b-dtt4mdr92k] {
    border-left-color: #64748b;
}

.match-calendar__agenda-match strong[b-dtt4mdr92k] {
    display: block;
    margin-bottom: 0.2rem;
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 950;
    line-height: 1.3;
}

.match-calendar__agenda-match span[b-dtt4mdr92k] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 750;
}

.match-calendar__agenda-meta[b-dtt4mdr92k] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.35rem;
    min-width: 12rem;
}

.match-calendar__agenda-meta[b-dtt4mdr92k]  .match-status-badge {
    padding: 0.3rem 0.6rem;
    font-size: 0.74rem;
}

.match-calendar__agenda-meta > span[b-dtt4mdr92k] {
    display: inline-flex;
    align-items: center;
    min-height: 1.7rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 0.74rem;
    font-weight: 850;
}

@media (max-width: 1200px) {
    .match-calendar__filters[b-dtt4mdr92k] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .match-calendar__filter-actions[b-dtt4mdr92k] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 760px) {
    .match-calendar[b-dtt4mdr92k] {
        gap: 0.85rem;
    }

    .match-calendar__hero[b-dtt4mdr92k],
    .match-calendar__monthbar[b-dtt4mdr92k],
    .match-calendar__filters[b-dtt4mdr92k] {
        padding: 0.75rem;
        border-radius: 0.9rem;
    }

    .match-calendar__hero[b-dtt4mdr92k] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-calendar__hero h1[b-dtt4mdr92k] {
        font-size: 1.7rem;
    }

    .match-calendar__hero-link[b-dtt4mdr92k] {
        width: 100%;
    }

    .match-calendar__monthbar[b-dtt4mdr92k] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .match-calendar__month-title[b-dtt4mdr92k] {
        order: -1;
    }

    .match-calendar__month-title strong[b-dtt4mdr92k] {
        font-size: 1.25rem;
    }

    .match-calendar__month-actions[b-dtt4mdr92k],
    .match-calendar__monthbar > button[b-dtt4mdr92k] {
        width: 100%;
    }

    .match-calendar__month-actions button[b-dtt4mdr92k],
    .match-calendar__monthbar > button[b-dtt4mdr92k] {
        flex: 1;
    }

    .match-calendar__filters[b-dtt4mdr92k],
    .match-calendar__summary[b-dtt4mdr92k] {
        grid-template-columns: 1fr;
    }

    .match-calendar__filter-actions[b-dtt4mdr92k] {
        justify-content: stretch;
    }

    .match-calendar__filter-actions button[b-dtt4mdr92k] {
        flex: 1;
    }

    .match-calendar__grid-shell[b-dtt4mdr92k] {
        border-radius: 0.85rem;
    }

    .match-calendar__weekday-row[b-dtt4mdr92k],
    .match-calendar__grid[b-dtt4mdr92k] {
        min-width: 43.75rem;
    }

    .match-calendar__weekday-row[b-dtt4mdr92k],
    .match-calendar__week-days[b-dtt4mdr92k],
    .match-calendar__segment-grid[b-dtt4mdr92k] {
        grid-template-columns: repeat(7, minmax(6.25rem, 1fr));
    }

    .match-calendar__week[b-dtt4mdr92k] {
        grid-template-rows: auto minmax(7.2rem, auto);
    }

    .match-calendar__day[b-dtt4mdr92k] {
        min-height: 2.15rem;
        padding: 0.38rem 0.5rem;
        font-size: 0.86rem;
    }

    .match-calendar__day--today span[b-dtt4mdr92k] {
        min-width: 1.6rem;
        min-height: 1.6rem;
    }

    .match-calendar__segment-grid[b-dtt4mdr92k] {
        min-height: 6rem;
        padding-inline: 0.25rem;
    }

    .match-calendar__segment[b-dtt4mdr92k] {
        min-height: 1.65rem;
        padding: 0.14rem 0.4rem;
    }

    .match-calendar__segment-title[b-dtt4mdr92k] {
        font-size: 0.72rem;
    }

    .match-calendar__segment-meta[b-dtt4mdr92k] {
        font-size: 0.63rem;
    }

    .match-calendar__agenda[b-dtt4mdr92k] {
        padding: 0.75rem;
    }

    .match-calendar__agenda-day[b-dtt4mdr92k] {
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .match-calendar__agenda-match[b-dtt4mdr92k] {
        flex-direction: column;
    }

    .match-calendar__agenda-meta[b-dtt4mdr92k] {
        justify-content: flex-start;
        min-width: 0;
    }
}
/* /Pages/MatchCreatorApplication.razor.rz.scp.css */
.match-creator-application[b-ol0gzqq1rv] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 24px;
}

.match-creator-application__hero[b-ol0gzqq1rv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.match-creator-application__hero span[b-ol0gzqq1rv] {
    color: #2563eb;
    font-size: 0.88rem;
    font-weight: 700;
}

.match-creator-application__hero h1[b-ol0gzqq1rv],
.match-creator-application__panel h2[b-ol0gzqq1rv] {
    margin: 6px 0 8px;
}

.match-creator-application__hero p[b-ol0gzqq1rv],
.match-creator-application__panel p[b-ol0gzqq1rv] {
    color: #50617a;
    margin: 0 0 16px;
}

.match-creator-application__grid[b-ol0gzqq1rv] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 18px;
}

.match-creator-application__panel[b-ol0gzqq1rv] {
    background: #fff;
    border: 1px solid #d9e2ef;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.match-creator-application__label[b-ol0gzqq1rv] {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
}

.match-creator-application[b-ol0gzqq1rv]  .match-creator-application__textarea {
    width: 100%;
    min-height: 180px;
}

.match-creator-application__actions[b-ol0gzqq1rv] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.match-creator-application__status[b-ol0gzqq1rv] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #e5e7eb;
    color: #374151;
    font-size: 0.86rem;
    font-weight: 700;
}

.match-creator-application__status--pending[b-ol0gzqq1rv] {
    background: #fef3c7;
    color: #92400e;
}

.match-creator-application__status--approved[b-ol0gzqq1rv] {
    background: #dcfce7;
    color: #166534;
}

.match-creator-application__status--rejected[b-ol0gzqq1rv] {
    background: #fee2e2;
    color: #991b1b;
}

.match-creator-application__details[b-ol0gzqq1rv] {
    display: grid;
    gap: 12px;
    margin: 16px 0 0;
}

.match-creator-application__details div[b-ol0gzqq1rv] {
    display: grid;
    gap: 4px;
}

.match-creator-application__details dt[b-ol0gzqq1rv] {
    color: #64748b;
    font-size: 0.82rem;
}

.match-creator-application__details dd[b-ol0gzqq1rv] {
    margin: 0;
    color: #111827;
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    .match-creator-application[b-ol0gzqq1rv] {
        padding: 16px;
    }

    .match-creator-application__hero[b-ol0gzqq1rv] {
        flex-direction: column;
    }

    .match-creator-application__grid[b-ol0gzqq1rv] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/MatchDetail.razor.rz.scp.css */
.match-detail-page[b-0h63sx26x9] {
    display: grid;
    gap: 1.5rem;
}

.match-detail__hero[b-0h63sx26x9] {
    display: grid;
    gap: 1.25rem;
    padding: 2rem;
    border-radius: 1.75rem;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.08);
}

.match-detail__eyebrow[b-0h63sx26x9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.match-detail__eyebrow-item[b-0h63sx26x9] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.09);
    color: #1d4ed8;
    font-size: 0.85rem;
    font-weight: 700;
}

.match-detail__series-link[b-0h63sx26x9] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(79, 70, 229, 0.12);
    color: #3730a3;
    font-size: 0.85rem;
    font-weight: 800;
    text-decoration: none;
}

.match-detail__series-link:hover[b-0h63sx26x9] {
    color: #312e81;
    text-decoration: none;
}

.match-detail__hero-header[b-0h63sx26x9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.match-detail__title[b-0h63sx26x9] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(2.1rem, 4vw, 3rem);
    font-weight: 800;
}

.match-detail__lead[b-0h63sx26x9] {
    max-width: 44rem;
    margin: 0.8rem 0 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.7;
}

.match-detail__stats[b-0h63sx26x9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.match-detail__stat[b-0h63sx26x9] {
    padding: 1rem 1.1rem;
    border-radius: 1.15rem;
    background: rgba(248, 250, 252, 0.9);
}

.match-detail__stat span[b-0h63sx26x9] {
    display: block;
    margin-bottom: 0.35rem;
    color: #64748b;
    font-size: 0.82rem;
}

.match-detail__stat strong[b-0h63sx26x9] {
    color: #0f172a;
    font-size: 1rem;
}

.match-detail__description-card[b-0h63sx26x9] {
    padding: 1.25rem 1.3rem;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.match-detail__description-card h2[b-0h63sx26x9] {
    margin: 0 0 0.85rem;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 800;
}

.match-detail__description[b-0h63sx26x9] {
    margin: 0;
    color: #475569;
    line-height: 1.75;
    white-space: pre-line;
}

.match-detail__mobile-actions[b-0h63sx26x9] {
    display: none;
}

.match-detail__mobile-action[b-0h63sx26x9] {
    align-items: center;
    justify-content: center;
    min-height: 4.2rem;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    background: #ffffff;
    color: #0f172a;
    text-align: center;
    text-decoration: none;
}

.match-detail__mobile-action span[b-0h63sx26x9] {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.match-detail__mobile-action strong[b-0h63sx26x9] {
    display: block;
    margin-top: 0.2rem;
    font-size: 1rem;
    font-weight: 900;
}

.match-detail__mobile-action--primary[b-0h63sx26x9] {
    background: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
}

.match-detail__mobile-action--primary span[b-0h63sx26x9] {
    color: #cbd5e1;
}

.match-detail__mobile-action--accent[b-0h63sx26x9] {
    background: #dcfce7;
    color: #166534;
    border-color: #86efac;
}

.match-detail__mobile-action--accent span[b-0h63sx26x9] {
    color: #15803d;
}

.match-detail__layout[b-0h63sx26x9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.match-detail__panel[b-0h63sx26x9] {
    display: grid;
    gap: 1rem;
    padding: 1.4rem;
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
}

.match-detail__panel--muted[b-0h63sx26x9] {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.98));
}

.match-detail__panel--quick-links[b-0h63sx26x9] {
    align-content: start;
}

.match-detail__panel--admin[b-0h63sx26x9] {
    grid-column: 1 / -1;
    border-color: rgba(96, 165, 250, 0.32);
}

.match-detail__panel-header[b-0h63sx26x9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.match-detail__panel-kicker[b-0h63sx26x9] {
    margin: 0 0 0.35rem;
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-detail__panel-header h2[b-0h63sx26x9] {
    margin: 0;
    color: #0f172a;
    font-size: 1.3rem;
    font-weight: 800;
}

.match-detail__panel-note[b-0h63sx26x9] {
    color: #475569;
    font-size: 0.92rem;
    font-weight: 600;
}

.match-detail__dialog-copy[b-0h63sx26x9] {
    margin-bottom: 1rem;
}

.match-detail__dialog-row[b-0h63sx26x9] {
    margin-top: 30px;
}

.match-detail__application-dialog[b-0h63sx26x9] {
    display: grid;
    gap: 1rem;
}

.match-detail__dialog-field[b-0h63sx26x9] {
    display: grid;
    gap: 0.35rem;
}

.match-detail__dialog-field label[b-0h63sx26x9] {
    color: #334155;
    font-weight: 800;
}

.match-detail__dialog-field--inline[b-0h63sx26x9] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.match-detail__dialog-actions[b-0h63sx26x9] {
    margin-top: 30px;
}

.match-detail__dialog-button[b-0h63sx26x9] {
    width: 150px;
    margin-bottom: 10px;
}

.match-detail__panel-copy[b-0h63sx26x9] {
    margin: 0;
    color: #475569;
    line-height: 1.7;
}

.match-detail__team-entry-grid[b-0h63sx26x9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 0.75rem;
}

.match-detail__team-entry-grid :global(.rz-button)[b-0h63sx26x9] {
    width: 100%;
    min-height: 2.75rem;
    white-space: nowrap;
    border-radius: 0.8rem;
    font-weight: 800;
}

[b-0h63sx26x9] .match-detail__team-entry-button--primary.rz-button {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
    box-shadow: 0 12px 22px rgba(37, 99, 235, 0.18);
}

[b-0h63sx26x9] .match-detail__team-entry-button--primary.rz-button:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

[b-0h63sx26x9] .match-detail__team-entry-button--secondary.rz-button {
    background: #ffffff;
    border: 1px solid #dbeafe;
    color: #1d4ed8;
}

[b-0h63sx26x9] .match-detail__team-entry-button--secondary.rz-button:hover {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

[b-0h63sx26x9] .match-detail__team-entry-button--secondary.rz-state-disabled,
[b-0h63sx26x9] .match-detail__team-entry-button--primary.rz-state-disabled {
    box-shadow: none;
}

.match-detail__application-status[b-0h63sx26x9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.match-detail__application-status span[b-0h63sx26x9] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.75rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.86rem;
    font-weight: 800;
}

@media (max-width: 640px) {
    .match-detail__team-entry-grid[b-0h63sx26x9] {
        grid-template-columns: 1fr;
    }
}

.match-detail__joined-card[b-0h63sx26x9] {
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: rgba(16, 185, 129, 0.1);
    color: #065f46;
}

.match-detail__joined-heading[b-0h63sx26x9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 0.45rem;
}

.match-detail__joined-card strong[b-0h63sx26x9] {
    display: block;
}

.match-detail__joined-card p[b-0h63sx26x9] {
    margin: 0;
    line-height: 1.6;
}

.match-detail__button-group[b-0h63sx26x9],
.match-detail__links[b-0h63sx26x9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.match-detail__action-link[b-0h63sx26x9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 11rem;
    min-height: 2.75rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: #fff;
    color: #0f172a;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.match-detail__action-link:hover[b-0h63sx26x9] {
    color: #0f172a;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    border-color: rgba(59, 130, 246, 0.28);
}

.match-detail__action-link--primary[b-0h63sx26x9] {
    background: #0f172a;
    color: #fff;
    border-color: #0f172a;
}

.match-detail__action-link--primary:hover[b-0h63sx26x9] {
    color: #fff;
}

.match-detail__danger-zone[b-0h63sx26x9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: rgba(254, 226, 226, 0.7);
    border: 1px solid rgba(248, 113, 113, 0.25);
}

.match-detail__danger-zone h3[b-0h63sx26x9] {
    margin: 0 0 0.35rem;
    color: #991b1b;
    font-size: 1rem;
    font-weight: 800;
}

.match-detail__danger-zone p[b-0h63sx26x9] {
    margin: 0;
    color: #7f1d1d;
    line-height: 1.6;
}

.match-detail__registration-link.rz-button[b-0h63sx26x9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    background-color: var(--rz-primary);
    color: var(--rz-on-primary);
    font-family: var(--rz-text-font-family, inherit);
    font-size: var(--rz-body-font-size, 0.875rem);
    font-weight: 600;
    line-height: 1.25rem;
    text-decoration: none;
}

.match-detail__registration-link.rz-button:hover[b-0h63sx26x9] {
    background-color: var(--rz-primary-light);
    color: var(--rz-on-primary-light);
    text-decoration: none;
}

.match-detail__registration-link.rz-button:focus-visible[b-0h63sx26x9] {
    outline: var(--rz-button-focus-outline);
    outline-offset: var(--rz-button-focus-outline-offset);
}

[b-0h63sx26x9] .match-detail__button-group .rz-button,
[b-0h63sx26x9] .match-detail__links .rz-button,
[b-0h63sx26x9] .match-detail__danger-zone .rz-button {
    min-width: 11rem;
    border-radius: 1rem;
}

@media (max-width: 991.98px) {
    .match-detail-page[b-0h63sx26x9] {
        gap: 1rem;
    }

    .match-detail-page--registration-open[b-0h63sx26x9] {
        padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
    }

    .match-detail__hero[b-0h63sx26x9],
    .match-detail__panel[b-0h63sx26x9] {
        padding: 1rem;
        border-radius: 1.2rem;
    }

    .match-detail__hero-header[b-0h63sx26x9],
    .match-detail__panel-header[b-0h63sx26x9],
    .match-detail__danger-zone[b-0h63sx26x9] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-detail__stats[b-0h63sx26x9],
    .match-detail__layout[b-0h63sx26x9] {
        grid-template-columns: 1fr;
    }

    .match-detail__mobile-actions[b-0h63sx26x9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .match-detail__links[b-0h63sx26x9],
    .match-detail__button-group[b-0h63sx26x9] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .match-detail__panel--quick-links[b-0h63sx26x9] {
        display: none;
    }

    .match-detail__action-link[b-0h63sx26x9],
    [b-0h63sx26x9] .match-detail__button-group .rz-button,
    [b-0h63sx26x9] .match-detail__links .rz-button,
    [b-0h63sx26x9] .match-detail__danger-zone .rz-button {
        width: 100%;
        min-width: 0;
        min-height: 3rem;
    }
}
/* /Pages/MatchDetailSetting.razor.rz.scp.css */
.match-settings[b-jlv1mfmjm5] {
    display: grid;
    gap: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
}

.match-settings__hero[b-jlv1mfmjm5],
.match-settings__card[b-jlv1mfmjm5] {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.match-settings__hero[b-jlv1mfmjm5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
    gap: 1.25rem;
    align-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.match-settings__eyebrow[b-jlv1mfmjm5] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-settings__hero h1[b-jlv1mfmjm5] {
    margin: 0.25rem 0 0;
    color: #0f172a;
}

.match-settings__hero p[b-jlv1mfmjm5] {
    margin: 0.5rem 0 0;
    color: #475569;
    font-weight: 700;
}

.match-settings__summary[b-jlv1mfmjm5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.match-settings__summary div[b-jlv1mfmjm5] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #eff6ff;
}

.match-settings__summary span[b-jlv1mfmjm5] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
}

.match-settings__summary strong[b-jlv1mfmjm5] {
    color: #0f172a;
    font-size: clamp(1rem, 2vw, 1.6rem);
    line-height: 1.15;
}

.match-settings__card[b-jlv1mfmjm5] {
    padding: 1rem;
}

.match-settings__form[b-jlv1mfmjm5] {
    display: grid;
    gap: 0.75rem;
}

.match-settings__group[b-jlv1mfmjm5] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
}

.match-settings__group-heading[b-jlv1mfmjm5] {
    display: grid;
    gap: 0.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.match-settings__group-heading span[b-jlv1mfmjm5] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-settings__group-heading h2[b-jlv1mfmjm5] {
    margin: 0;
    color: #0f172a;
    font-size: 1.2rem;
}

.match-settings__group-heading p[b-jlv1mfmjm5] {
    margin: 0;
    color: #64748b;
    font-weight: 700;
}

.match-settings__form h4[b-jlv1mfmjm5] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
}

.match-settings__logo-row[b-jlv1mfmjm5],
.match-settings__inline-row[b-jlv1mfmjm5],
.match-settings__location-row[b-jlv1mfmjm5] {
    margin-left: 0;
}

.match-settings__logo-row[b-jlv1mfmjm5] {
    padding-left: 15px;
}

.match-settings__inline-row--stacked[b-jlv1mfmjm5],
.match-settings__location-row--stacked[b-jlv1mfmjm5] {
    margin-top: 30px;
}

.match-settings__location-row[b-jlv1mfmjm5] {
    gap: 12px;
}

.match-settings__registration-heading[b-jlv1mfmjm5] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.match-settings__registration-fields[b-jlv1mfmjm5] {
    display: grid;
    gap: 0;
    border-top: 1px solid #e2e8f0;
}

.match-settings__registration-empty[b-jlv1mfmjm5] {
    padding: 1rem 0;
    color: #64748b;
}

.match-settings__registration-field[b-jlv1mfmjm5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.match-settings__registration-field > label[b-jlv1mfmjm5] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    color: #334155;
    font-weight: 700;
}

.match-settings__registration-field-toolbar[b-jlv1mfmjm5] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.match-settings__registration-field-toolbar select[b-jlv1mfmjm5] {
    min-height: 38px;
    padding: 0 0.65rem;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    background: #ffffff;
    color: #0f172a;
}

.match-settings__registration-field-toolbar label[b-jlv1mfmjm5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.match-settings__registration-field-toolbar[b-jlv1mfmjm5]  .rz-button:first-of-type {
    margin-left: auto;
}

.match-settings__registration-options[b-jlv1mfmjm5] {
    grid-column: 1 / -1;
}

.match-settings__registration-options[b-jlv1mfmjm5]  textarea {
    width: 100%;
}

.match-settings__map-preview[b-jlv1mfmjm5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.8rem;
    padding-left: 15px;
}

.match-settings__map-preview span[b-jlv1mfmjm5] {
    color: #475569;
    font-size: 0.86rem;
    font-weight: 800;
}

.match-settings__map-preview a[b-jlv1mfmjm5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0 0.75rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.84rem;
    font-weight: 900;
    text-decoration: none;
}

.match-settings__field--sm[b-jlv1mfmjm5] {
    min-width: 160px;
}

.match-settings__field--md[b-jlv1mfmjm5] {
    min-width: 220px;
}

.match-settings__field--lg[b-jlv1mfmjm5] {
    min-width: 260px;
}

.match-settings__live-room-input[b-jlv1mfmjm5] {
    width: min(100%, 520px);
}

.match-settings__live-room-preview[b-jlv1mfmjm5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.8rem;
}

.match-settings__live-room-preview span[b-jlv1mfmjm5] {
    color: #475569;
    font-size: 0.86rem;
    font-weight: 800;
}

.match-settings__live-room-preview a[b-jlv1mfmjm5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0 0.75rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.84rem;
    font-weight: 900;
    text-decoration: none;
}

.match-settings__logo-picker[b-jlv1mfmjm5] {
    width: 90px;
    height: 50px;
}

.match-settings__logo-option-image[b-jlv1mfmjm5] {
    width: 45px;
}

.match-settings__logo-preview-shell[b-jlv1mfmjm5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 320px);
    aspect-ratio: 1 / 1;
    margin-top: 1rem;
    padding: 0.75rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: #f8fbff;
    overflow: hidden;
}

.match-settings__logo-preview[b-jlv1mfmjm5] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.match-settings__logo-preview[b-jlv1mfmjm5]  img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.match-settings__image-note[b-jlv1mfmjm5] {
    display: block;
    margin-top: 0.55rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.match-settings__overlay-image-row[b-jlv1mfmjm5] {
    align-items: start;
}

.match-settings__overlay-image-actions[b-jlv1mfmjm5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.match-settings__overlay-image-preview-shell[b-jlv1mfmjm5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 420px);
    aspect-ratio: 16 / 7;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #334155;
    border-radius: 8px;
    background: #080d19;
    overflow: hidden;
}

.match-settings__overlay-image-preview[b-jlv1mfmjm5] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.match-settings__field-note[b-jlv1mfmjm5] {
    display: block;
    margin-top: 0.45rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.5;
}

.match-settings__textarea[b-jlv1mfmjm5] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    resize: none;
}

.match-settings[b-jlv1mfmjm5]  .match-settings__textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.match-settings__rounds-panel[b-jlv1mfmjm5] {
    margin-top: 50px !important;
}

.match-settings__round-card[b-jlv1mfmjm5] {
    margin-top: 50px;
}

.match-settings__section-gap[b-jlv1mfmjm5] {
    margin-top: 30px;
}

.match-settings__section-gap--sm[b-jlv1mfmjm5] {
    margin-top: 20px;
}

.match-settings__number-input[b-jlv1mfmjm5] {
    width: 60px;
    height: 30px;
}

.match-settings__r-sai-config[b-jlv1mfmjm5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    margin: 0.75rem 0;
}

.match-settings__r-sai-recommendation[b-jlv1mfmjm5] {
    display: grid;
    grid-column: 1 / -1;
    gap: 0.85rem;
    padding: 1rem;
    border-left: 4px solid #b45309;
    background: #fffbeb;
}

.match-settings__r-sai-recommendation-heading[b-jlv1mfmjm5],
.match-settings__r-sai-recommendation-actions[b-jlv1mfmjm5],
.match-settings__r-sai-recommendation-actions label[b-jlv1mfmjm5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.match-settings__r-sai-recommendation-heading > div:first-child[b-jlv1mfmjm5] {
    display: grid;
    gap: 0.2rem;
}

.match-settings__r-sai-recommendation-heading span[b-jlv1mfmjm5],
.match-settings__r-sai-recommendation-actions label > span[b-jlv1mfmjm5],
.match-settings__r-sai-recommendation-facts span[b-jlv1mfmjm5],
.match-settings__r-sai-recommendation small[b-jlv1mfmjm5] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.45;
}

.match-settings__r-sai-recommendation-actions .match-settings__number-input[b-jlv1mfmjm5] {
    width: 96px;
}

.match-settings__r-sai-recommendation-facts[b-jlv1mfmjm5] {
    display: grid;
    grid-template-columns: repeat(5, minmax(90px, 1fr));
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #fde68a;
}

.match-settings__r-sai-recommendation-facts > div[b-jlv1mfmjm5] {
    display: grid;
    gap: 0.2rem;
}

.match-settings__r-sai-day[b-jlv1mfmjm5] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-left: 4px solid #15803d;
    background: #f8fafc;
}

.match-settings__r-sai-day--two[b-jlv1mfmjm5] {
    border-left-color: #2563eb;
}

.match-settings__r-sai-day > div[b-jlv1mfmjm5],
.match-settings__r-sai-day label[b-jlv1mfmjm5],
.match-settings__r-sai-summary[b-jlv1mfmjm5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.match-settings__r-sai-day > div > span[b-jlv1mfmjm5] {
    color: #475569;
    font-weight: 900;
}

.match-settings__r-sai-day label > span[b-jlv1mfmjm5],
.match-settings__r-sai-day small[b-jlv1mfmjm5],
.match-settings__r-sai-summary span[b-jlv1mfmjm5] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.45;
}

.match-settings__r-sai-summary[b-jlv1mfmjm5] {
    grid-column: 1 / -1;
    padding: 0.8rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
}

.match-settings__group > .row[b-jlv1mfmjm5] {
    margin-top: 0 !important;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.match-settings__group > .row:last-child[b-jlv1mfmjm5] {
    border-bottom: 0;
}

.match-settings__save-bar[b-jlv1mfmjm5] {
    position: sticky;
    bottom: 1rem;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
}

@media (max-width: 991.98px) {
    .match-settings__hero[b-jlv1mfmjm5] {
        grid-template-columns: 1fr;
    }

    .match-settings__summary[b-jlv1mfmjm5] {
        grid-template-columns: 1fr;
    }

    .match-settings__save-bar[b-jlv1mfmjm5] {
        position: static;
        bottom: auto;
    }

    .match-settings__logo-preview-shell[b-jlv1mfmjm5] {
        width: 100%;
    }

    .match-settings__overlay-image-preview-shell[b-jlv1mfmjm5] {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .match-settings__registration-heading[b-jlv1mfmjm5],
    .match-settings__registration-field[b-jlv1mfmjm5] {
        grid-template-columns: 1fr;
    }

    .match-settings__registration-field-toolbar[b-jlv1mfmjm5],
    .match-settings__registration-options[b-jlv1mfmjm5] {
        grid-column: 1;
    }
    .match-settings__r-sai-config[b-jlv1mfmjm5] {
        grid-template-columns: 1fr;
    }

    .match-settings__r-sai-summary[b-jlv1mfmjm5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .match-settings__r-sai-recommendation-heading[b-jlv1mfmjm5],
    .match-settings__r-sai-recommendation-actions[b-jlv1mfmjm5] {
        align-items: stretch;
        flex-direction: column;
    }

    .match-settings__r-sai-recommendation-facts[b-jlv1mfmjm5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-settings__r-sai-recommendation-actions[b-jlv1mfmjm5]  .rz-button {
        width: 100%;
    }

    .match-settings__save-bar[b-jlv1mfmjm5] {
        padding: 0.85rem;
    }

    .match-settings__save-bar[b-jlv1mfmjm5]  .rz-button {
        width: 100%;
    }
}
/* /Pages/MatchDetailSettingCard.razor.rz.scp.css */
.match-settings-card[b-x3ovgmgary] {
    display: grid;
    gap: 1.25rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 0.25rem;
}

.match-settings-card__hero[b-x3ovgmgary],
.match-settings-card__container[b-x3ovgmgary] {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.match-settings-card__hero[b-x3ovgmgary] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
    gap: 1.25rem;
    align-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.match-settings-card__eyebrow[b-x3ovgmgary] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-settings-card__hero h1[b-x3ovgmgary] {
    margin: 0.25rem 0 0;
    color: #0f172a;
}

.match-settings-card__hero p[b-x3ovgmgary] {
    margin: 0.5rem 0 0;
    color: #475569;
    font-weight: 700;
}

.match-settings-card__summary[b-x3ovgmgary] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.match-settings-card__summary div[b-x3ovgmgary] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #eff6ff;
}

.match-settings-card__summary span[b-x3ovgmgary] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
}

.match-settings-card__summary strong[b-x3ovgmgary] {
    color: #0f172a;
    font-size: clamp(1rem, 2vw, 1.45rem);
    line-height: 1.15;
}

.match-settings-card__container[b-x3ovgmgary] {
    padding: 1rem;
}

.match-settings-card__form[b-x3ovgmgary] {
    display: grid;
    gap: 0.75rem;
}

.match-settings-card__group[b-x3ovgmgary] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
}

.match-settings-card__group-heading[b-x3ovgmgary] {
    display: grid;
    gap: 0.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.match-settings-card__group-heading span[b-x3ovgmgary] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-settings-card__group-heading h2[b-x3ovgmgary] {
    margin: 0;
    color: #0f172a;
    font-size: 1.2rem;
}

.match-settings-card__group-heading p[b-x3ovgmgary],
.match-settings-card__warning[b-x3ovgmgary] {
    margin: 0;
    color: #64748b;
    font-weight: 700;
}

.match-settings-card__warning[b-x3ovgmgary] {
    color: #b91c1c;
}

.match-settings-card__form h4[b-x3ovgmgary] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
}

.match-settings-card__logo-row[b-x3ovgmgary],
.match-settings-card__inline-row[b-x3ovgmgary],
.match-settings-card__location-row[b-x3ovgmgary] {
    margin-left: 0;
}

.match-settings-card__logo-row[b-x3ovgmgary] {
    padding-left: 15px;
}

.match-settings-card__inline-row--stacked[b-x3ovgmgary],
.match-settings-card__location-row--stacked[b-x3ovgmgary] {
    margin-top: 30px;
}

.match-settings-card__section-gap[b-x3ovgmgary] {
    margin-top: 30px;
}

.match-settings-card__section-gap--sm[b-x3ovgmgary] {
    margin-top: 20px;
}

.match-settings-card__location-row[b-x3ovgmgary] {
    gap: 12px;
}

.match-settings-card__field--sm[b-x3ovgmgary] {
    min-width: 160px;
}

.match-settings-card__field--md[b-x3ovgmgary] {
    min-width: 220px;
}

.match-settings-card__field--lg[b-x3ovgmgary] {
    min-width: 260px;
}

.match-settings-card__logo-picker[b-x3ovgmgary] {
    width: 90px;
    height: 50px;
}

.match-settings-card__logo-option-image[b-x3ovgmgary] {
    width: 45px;
}

.match-settings-card__logo-preview-shell[b-x3ovgmgary] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 320px);
    aspect-ratio: 1 / 1;
    margin-top: 1rem;
    padding: 0.75rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: #f8fbff;
    overflow: hidden;
}

.match-settings-card__logo-preview[b-x3ovgmgary] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.match-settings-card__logo-preview[b-x3ovgmgary]  img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.match-settings-card__image-note[b-x3ovgmgary] {
    display: block;
    margin-top: 0.55rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.match-settings-card__overlay-image-row[b-x3ovgmgary] {
    align-items: start;
}

.match-settings-card__overlay-image-actions[b-x3ovgmgary] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.match-settings-card__overlay-image-preview-shell[b-x3ovgmgary] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 420px);
    aspect-ratio: 16 / 7;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #334155;
    border-radius: 8px;
    background: #080d19;
    overflow: hidden;
}

.match-settings-card__overlay-image-preview[b-x3ovgmgary] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.match-settings-card__field-note[b-x3ovgmgary] {
    display: block;
    margin-top: 0.45rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.5;
}

.match-settings-card__textarea[b-x3ovgmgary] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    resize: none;
}

.match-settings-card[b-x3ovgmgary]  .match-settings-card__textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.match-settings-card__number-input[b-x3ovgmgary] {
    width: 60px;
    height: 30px;
}

.match-settings-card__r-sai-config[b-x3ovgmgary] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    margin: 0.75rem 0;
}

.match-settings-card__r-sai-recommendation[b-x3ovgmgary] {
    display: grid;
    grid-column: 1 / -1;
    gap: 0.85rem;
    padding: 1rem;
    border-left: 4px solid #b45309;
    background: #fffbeb;
}

.match-settings-card__r-sai-recommendation-heading[b-x3ovgmgary],
.match-settings-card__r-sai-recommendation-actions[b-x3ovgmgary],
.match-settings-card__r-sai-recommendation-actions label[b-x3ovgmgary] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.match-settings-card__r-sai-recommendation-heading > div:first-child[b-x3ovgmgary] {
    display: grid;
    gap: 0.2rem;
}

.match-settings-card__r-sai-recommendation-heading span[b-x3ovgmgary],
.match-settings-card__r-sai-recommendation-actions label > span[b-x3ovgmgary],
.match-settings-card__r-sai-recommendation-facts span[b-x3ovgmgary],
.match-settings-card__r-sai-recommendation small[b-x3ovgmgary] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.45;
}

.match-settings-card__r-sai-recommendation-actions .match-settings-card__number-input[b-x3ovgmgary] {
    width: 96px;
}

.match-settings-card__r-sai-recommendation-facts[b-x3ovgmgary] {
    display: grid;
    grid-template-columns: repeat(5, minmax(90px, 1fr));
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #fde68a;
}

.match-settings-card__r-sai-recommendation-facts > div[b-x3ovgmgary] {
    display: grid;
    gap: 0.2rem;
}

.match-settings-card__r-sai-day[b-x3ovgmgary] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-left: 4px solid #15803d;
    background: #f8fafc;
}

.match-settings-card__r-sai-day--two[b-x3ovgmgary] {
    border-left-color: #2563eb;
}

.match-settings-card__r-sai-day > div[b-x3ovgmgary],
.match-settings-card__r-sai-day label[b-x3ovgmgary],
.match-settings-card__r-sai-summary[b-x3ovgmgary] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.match-settings-card__r-sai-day > div > span[b-x3ovgmgary] {
    color: #475569;
    font-weight: 900;
}

.match-settings-card__r-sai-day label > span[b-x3ovgmgary],
.match-settings-card__r-sai-day small[b-x3ovgmgary],
.match-settings-card__r-sai-summary span[b-x3ovgmgary] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.45;
}

.match-settings-card__r-sai-summary[b-x3ovgmgary] {
    grid-column: 1 / -1;
    padding: 0.8rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
}

.match-settings-card__round-summary[b-x3ovgmgary] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #eff6ff;
    color: #2563eb;
    font-weight: 900;
}

.match-settings-card__round-summary strong[b-x3ovgmgary] {
    color: #0f172a;
    font-size: 1.15rem;
}

.match-settings-card__round-card[b-x3ovgmgary] {
    display: grid;
    gap: 0;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
}

.match-settings-card__group > .row[b-x3ovgmgary] {
    margin-top: 0 !important;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.match-settings-card__group > .row:last-child[b-x3ovgmgary] {
    border-bottom: 0;
}

.match-settings-card__round-card > .row[b-x3ovgmgary] {
    margin-top: 0 !important;
    padding: 0.85rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.match-settings-card__round-card > .row:last-child[b-x3ovgmgary] {
    border-bottom: 0;
}

.match-settings-card__save-bar[b-x3ovgmgary] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 0.5rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
}

.match-settings-card__save-bar[b-x3ovgmgary]  .rz-button {
    min-width: 160px;
}

@media (max-width: 991.98px) {
    .match-settings-card__hero[b-x3ovgmgary] {
        grid-template-columns: 1fr;
    }

    .match-settings-card__summary[b-x3ovgmgary] {
        grid-template-columns: 1fr;
    }

    .match-settings-card__save-bar[b-x3ovgmgary] {
        position: static;
        bottom: auto;
    }
}

@media (max-width: 767.98px) {
    .match-settings-card__r-sai-config[b-x3ovgmgary] {
        grid-template-columns: 1fr;
    }

    .match-settings-card__r-sai-summary[b-x3ovgmgary] {
        align-items: flex-start;
        flex-direction: column;
    }

    .match-settings-card__r-sai-recommendation-heading[b-x3ovgmgary],
    .match-settings-card__r-sai-recommendation-actions[b-x3ovgmgary] {
        align-items: stretch;
        flex-direction: column;
    }

    .match-settings-card__r-sai-recommendation-facts[b-x3ovgmgary] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-settings-card__r-sai-recommendation-actions[b-x3ovgmgary]  .rz-button {
        width: 100%;
    }

    .match-settings-card[b-x3ovgmgary] {
        padding: 0;
    }

    .match-settings-card__container[b-x3ovgmgary],
    .match-settings-card__hero[b-x3ovgmgary] {
        border-radius: 20px;
    }

    .match-settings-card__logo-preview-shell[b-x3ovgmgary] {
        width: 100%;
    }

    .match-settings-card__round-summary[b-x3ovgmgary] {
        align-items: flex-start;
        flex-direction: column;
    }

    .match-settings-card__save-bar[b-x3ovgmgary] {
        padding: 0.85rem;
    }

    .match-settings-card__save-bar[b-x3ovgmgary]  .rz-button {
        width: 100%;
    }
}
/* /Pages/MatchIdManager.razor.rz.scp.css */
.match-manager__summary-card[b-nl4ilvl3fb] {
    margin-bottom: 1rem;
}

.match-manager__page-toolbar[b-nl4ilvl3fb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.625rem;
    margin-bottom: 1rem;
    padding: 0.625rem;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    background: #f8fafc;
}

.match-manager__tool-group[b-nl4ilvl3fb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.match-manager__tool-group--broadcast[b-nl4ilvl3fb] {
    margin-left: auto;
}

.match-manager__tool-link[b-nl4ilvl3fb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.5rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #1e293b;
    font-weight: 800;
    text-decoration: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

.match-manager__tool-link:hover[b-nl4ilvl3fb],
.match-manager__tool-link:focus-visible[b-nl4ilvl3fb] {
    border-color: #64748b;
    color: #0f172a;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
    text-decoration: none;
}

.match-manager__tool-link:focus-visible[b-nl4ilvl3fb] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.match-manager__tool-link--primary[b-nl4ilvl3fb] {
    border-color: #0f172a;
    background: #0f172a;
    color: #ffffff;
}

.match-manager__tool-link--primary:hover[b-nl4ilvl3fb],
.match-manager__tool-link--primary:focus-visible[b-nl4ilvl3fb] {
    border-color: #020617;
    background: #020617;
    color: #ffffff;
}

.match-manager__tool-link[b-nl4ilvl3fb]  .rzi {
    flex: 0 0 auto;
    font-size: 1.15rem;
}

[b-nl4ilvl3fb] .match-manager__state-shell {
    display: grid;
    place-items: center;
    min-height: min(32rem, calc(100vh - 12rem));
}

[b-nl4ilvl3fb] .match-manager__state-card {
    display: grid;
    gap: 1rem;
    width: min(100%, 42rem);
    padding: 2rem;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 78%);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.08);
}

[b-nl4ilvl3fb] .match-manager__state-eyebrow {
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[b-nl4ilvl3fb] .match-manager__state-card h1 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 900;
}

[b-nl4ilvl3fb] .match-manager__state-card p {
    margin: 0;
    color: #475569;
    line-height: 1.75;
}

[b-nl4ilvl3fb] .match-manager__state-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

[b-nl4ilvl3fb] .match-manager__state-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 800;
    text-decoration: none;
}

[b-nl4ilvl3fb] .match-manager__state-link:hover {
    color: #0f172a;
    text-decoration: none;
}

[b-nl4ilvl3fb] .match-manager__state-link--primary {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

[b-nl4ilvl3fb] .match-manager__state-link--primary:hover {
    color: #ffffff;
}

.match-manager__steps[b-nl4ilvl3fb] {
    margin-top: 1.25rem;
}

.match-manager__summary-grid[b-nl4ilvl3fb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.match-manager__summary-cell[b-nl4ilvl3fb] {
    display: grid;
    gap: 0.4rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.match-manager__summary-cell--actions[b-nl4ilvl3fb] {
    align-content: center;
    justify-items: center;
}

.match-manager__summary-label[b-nl4ilvl3fb] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-manager__summary-value[b-nl4ilvl3fb] {
    color: #0f172a;
    font-size: 1.5rem;
    line-height: 1.2;
}

.match-manager__summary-note[b-nl4ilvl3fb] {
    color: #475569;
    font-weight: 600;
}

:global(.match-manager__summary-action)[b-nl4ilvl3fb] {
    min-width: 120px;
    font-size: 0.86rem;
    font-weight: 800;
}

:global(.match-manager__summary-action--start)[b-nl4ilvl3fb] {
    background: #0f766e !important;
}

:global(.match-manager__panel)[b-nl4ilvl3fb] {
    margin-top: 1rem;
}

.match-manager__round-nav[b-nl4ilvl3fb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 0.75rem;
    margin: 0.75rem 0 1rem;
}

.match-manager__round-nav-item[b-nl4ilvl3fb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.match-manager__round-nav-item:hover[b-nl4ilvl3fb],
.match-manager__round-nav-item:focus-visible[b-nl4ilvl3fb] {
    border-color: #93c5fd;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.12);
    outline: none;
    transform: translateY(-1px);
}

.match-manager__round-nav-item--active[b-nl4ilvl3fb] {
    border-color: #2563eb;
    background: #eff6ff;
}

.match-manager__round-nav-index[b-nl4ilvl3fb],
.match-manager__round-nav-meta[b-nl4ilvl3fb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    min-height: 2.35rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #2563eb;
    font-weight: 900;
}

.match-manager__round-nav-main[b-nl4ilvl3fb] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.match-manager__round-nav-main strong[b-nl4ilvl3fb] {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.match-manager__round-nav-main small[b-nl4ilvl3fb] {
    color: #64748b;
    font-weight: 800;
}

.match-manager__round-nav-meta[b-nl4ilvl3fb] {
    min-width: 3.2rem;
    padding: 0 0.55rem;
    background: #f8fafc;
    color: #475569;
    font-size: 0.82rem;
}

.match-manager__overview-grid[b-nl4ilvl3fb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.match-manager__overview-card[b-nl4ilvl3fb] {
    display: grid;
    gap: 0.25rem;
    min-height: 8rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 78%);
}

.match-manager__guest-dialog[b-nl4ilvl3fb] {
    display: grid;
    gap: 1rem;
}

.match-manager__guest-dialog__header[b-nl4ilvl3fb] {
    display: grid;
    gap: 0.35rem;
}

.match-manager__guest-dialog__eyebrow[b-nl4ilvl3fb] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-manager__guest-dialog__header h3[b-nl4ilvl3fb] {
    margin: 0;
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 900;
}

.match-manager__guest-dialog__header p[b-nl4ilvl3fb] {
    margin: 0;
    color: #475569;
    line-height: 1.7;
}

.match-manager__guest-dialog__tips[b-nl4ilvl3fb] {
    padding: 0.9rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #eff6ff;
}

.match-manager__guest-dialog__tips span[b-nl4ilvl3fb] {
    display: block;
    margin-bottom: 0.45rem;
    color: #1d4ed8;
    font-weight: 900;
}

.match-manager__guest-dialog__tips ul[b-nl4ilvl3fb] {
    margin: 0;
    padding-left: 1.1rem;
    color: #334155;
}

.match-manager__guest-dialog__tips li + li[b-nl4ilvl3fb] {
    margin-top: 0.25rem;
}

.match-manager__guest-textarea[b-nl4ilvl3fb] {
    width: 100%;
}

.match-manager__guest-dialog__actions[b-nl4ilvl3fb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.match-manager__dialog-button[b-nl4ilvl3fb] {
    min-width: 140px;
}

.match-manager__overview-label[b-nl4ilvl3fb],
.match-manager__command-label[b-nl4ilvl3fb] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-manager__overview-card strong[b-nl4ilvl3fb] {
    color: #0f172a;
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: 1.1;
}

.match-manager__overview-card p[b-nl4ilvl3fb] {
    margin: 0;
    color: #475569;
    font-weight: 700;
}

.match-manager__round-panel[b-nl4ilvl3fb] {
    margin-top: 1rem;
}

.match-manager__round-hero[b-nl4ilvl3fb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 62%);
}

.match-manager__round-eyebrow[b-nl4ilvl3fb] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-manager__round-hero h2[b-nl4ilvl3fb] {
    margin: 0.2rem 0 0;
    color: #0f172a;
    font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.match-manager__round-hero p[b-nl4ilvl3fb] {
    margin: 0.4rem 0 0;
    color: #475569;
    font-weight: 700;
}

.match-manager__round-meta[b-nl4ilvl3fb],
.match-manager__round-actions[b-nl4ilvl3fb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.match-manager__round-meta[b-nl4ilvl3fb] {
    justify-content: flex-start;
}

.match-manager__round-actions[b-nl4ilvl3fb] {
    justify-content: flex-end;
}

.match-manager__round-meta span[b-nl4ilvl3fb],
.match-manager__round-pill[b-nl4ilvl3fb] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.3rem 0.7rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
}

.match-manager__round-pill--waiting[b-nl4ilvl3fb] {
    border-color: #bfdbfe;
    background: #dbeafe;
    color: #1d4ed8;
}

.match-manager__round-pill--team[b-nl4ilvl3fb] {
    border-color: #fed7aa;
    background: #ffedd5;
    color: #c2410c;
}

.match-manager__round-pill--confirm[b-nl4ilvl3fb] {
    border-color: #fde68a;
    background: #fef3c7;
    color: #a16207;
}

.match-manager__round-pill--running[b-nl4ilvl3fb] {
    border-color: #bbf7d0;
    background: #dcfce7;
    color: #15803d;
}

.match-manager__round-pill--finished[b-nl4ilvl3fb] {
    border-color: #d8b4fe;
    background: #f3e8ff;
    color: #7e22ce;
}

.match-manager__round-pill--danger[b-nl4ilvl3fb] {
    border-color: #fecaca;
    background: #fee2e2;
    color: #b91c1c;
}

:global(.match-manager__section-header)[b-nl4ilvl3fb] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

:global(.match-manager__section-header) h3[b-nl4ilvl3fb] {
    margin-bottom: 0.3rem;
}

:global(.match-manager__section-header) p[b-nl4ilvl3fb] {
    margin-bottom: 0;
    color: #64748b;
}

:global(.match-manager__section-header--spaced)[b-nl4ilvl3fb] {
    margin-top: 1.5rem;
}

:global(.match-manager__toolbar)[b-nl4ilvl3fb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin: 0.75rem 0 1rem;
}

[b-nl4ilvl3fb] .team-manager__application-list {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

[b-nl4ilvl3fb] .team-manager__application-card {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(220px, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.95rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
}

[b-nl4ilvl3fb] .team-manager__application-main {
    display: grid;
    gap: 0.2rem;
}

[b-nl4ilvl3fb] .team-manager__application-main strong {
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 900;
}

[b-nl4ilvl3fb] .team-manager__application-main p,
[b-nl4ilvl3fb] .team-manager__application-message {
    margin: 0;
    color: #475569;
    line-height: 1.55;
}

[b-nl4ilvl3fb] .team-manager__application-main small {
    color: #64748b;
    font-weight: 700;
}

[b-nl4ilvl3fb] .team-manager__application-type {
    width: fit-content;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.76rem;
    font-weight: 900;
}

[b-nl4ilvl3fb] .team-manager__application-message {
    padding: 0.15rem 0 0 0.85rem;
    border-left: 3px solid #bfdbfe;
    color: #64748b;
}

[b-nl4ilvl3fb] .team-manager__application-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

[b-nl4ilvl3fb] .team-manager__application-empty {
    margin-top: 1rem;
    padding: 0.95rem 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
}

:global(.match-manager__user-picker)[b-nl4ilvl3fb] {
    width: min(100%, 260px);
}

:global(.match-manager__action-row)[b-nl4ilvl3fb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

:global(.match-manager__referee-role-toggle)[b-nl4ilvl3fb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.5rem;
    color: #334155;
    font-weight: 700;
}

:global(.match-manager__grid-shell)[b-nl4ilvl3fb] {
    overflow-x: auto;
}

:global(.match-manager__grid)[b-nl4ilvl3fb] {
    min-width: 1300px;
    margin-top: 0.75rem;
}

:global(.match-manager__back-link)[b-nl4ilvl3fb] {
    min-height: 2rem;
}

:global(.match-manager__table-shell)[b-nl4ilvl3fb] {
    margin-top: 1rem;
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.match-manager__grid-shell :global(.rz-datatable)[b-nl4ilvl3fb],
.match-manager__table-shell :global(.rz-datatable)[b-nl4ilvl3fb] {
    min-width: 100%;
    width: max-content;
    border-radius: 18px;
    overflow: hidden;
}

.match-manager__grid-shell :global(.rz-grid-table)[b-nl4ilvl3fb],
.match-manager__table-shell :global(.rz-grid-table)[b-nl4ilvl3fb] {
    min-width: 100%;
    width: max-content;
}

.match-manager__grid-shell :global(.rz-grid-table th)[b-nl4ilvl3fb],
.match-manager__table-shell :global(.rz-grid-table th)[b-nl4ilvl3fb] {
    background: #f8fafc;
    white-space: normal;
}

.match-manager__grid-shell :global(.rz-grid-table td)[b-nl4ilvl3fb],
.match-manager__table-shell :global(.rz-grid-table td)[b-nl4ilvl3fb] {
    white-space: normal;
    vertical-align: top;
}

.match-manager__grid-shell :global(.rz-cell-data)[b-nl4ilvl3fb],
.match-manager__table-shell :global(.rz-cell-data)[b-nl4ilvl3fb] {
    white-space: normal;
    line-height: 1.4;
}

.match-manager__table-shell :global(.rz-button)[b-nl4ilvl3fb] {
    white-space: nowrap;
}

[b-nl4ilvl3fb] .match-manager__table-grid {
    min-width: 1120px;
}

.match-manager__result-workspace[b-nl4ilvl3fb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}

.match-manager__advanced-table[b-nl4ilvl3fb] {
    margin-top: 1rem;
}

.match-manager__advanced-table summary[b-nl4ilvl3fb] {
    cursor: pointer;
    color: #2563eb;
    font-weight: 800;
}

.match-manager__advanced-table .match-manager__table-shell[b-nl4ilvl3fb] {
    margin-top: 0.75rem;
}

.match-manager__steps :global(.rz-tabview-panels)[b-nl4ilvl3fb],
.match-manager__steps :global(.rz-tabview-panel)[b-nl4ilvl3fb],
.match-manager__round-steps :global(.rz-tabview-panels)[b-nl4ilvl3fb],
.match-manager__round-steps :global(.rz-tabview-panel)[b-nl4ilvl3fb],
.match-manager__round-steps :global(.rz-steps-content)[b-nl4ilvl3fb] {
    overflow: visible;
}

.match-manager__muted[b-nl4ilvl3fb] {
    color: #94a3b8;
    font-size: 0.9rem;
}

.match-manager__user-level[b-nl4ilvl3fb] {
    color: #38bdf8;
    font-size: 0.9rem;
}

@media (max-width: 767.98px) {
    [b-nl4ilvl3fb] .match-manager__state-card {
        padding: 1.25rem;
        border-radius: 18px;
    }

    .match-manager__page-toolbar[b-nl4ilvl3fb] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.5rem;
    }

    .match-manager__tool-group[b-nl4ilvl3fb] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .match-manager__tool-group--broadcast[b-nl4ilvl3fb] {
        margin-left: 0;
    }

    .match-manager__tool-link[b-nl4ilvl3fb] {
        min-width: 0;
        padding-inline: 0.5rem;
        white-space: nowrap;
    }

    .match-manager__summary-value[b-nl4ilvl3fb] {
        font-size: 1.25rem;
    }

    .match-manager__result-workspace[b-nl4ilvl3fb] {
        grid-template-columns: 1fr;
    }

    .match-manager__overview-grid[b-nl4ilvl3fb] {
        grid-template-columns: 1fr;
    }

    .match-manager__command-panel[b-nl4ilvl3fb] {
        grid-template-columns: 1fr;
    }

    :global(.match-manager__referee-role-toggle)[b-nl4ilvl3fb] {
        width: 100%;
        justify-content: flex-start;
    }

    .match-manager__round-hero[b-nl4ilvl3fb] {
        grid-template-columns: 1fr;
    }

    .match-manager__round-actions[b-nl4ilvl3fb] {
        justify-content: flex-start;
    }

    [b-nl4ilvl3fb] .team-manager__application-card {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        padding: 0.9rem;
    }

    [b-nl4ilvl3fb] .team-manager__application-main,
    [b-nl4ilvl3fb] .team-manager__application-message,
    [b-nl4ilvl3fb] .team-manager__application-actions {
        min-width: 0;
    }

    [b-nl4ilvl3fb] .team-manager__application-main p,
    [b-nl4ilvl3fb] .team-manager__application-message,
    [b-nl4ilvl3fb] .team-manager__application-main small,
    [b-nl4ilvl3fb] .team-manager__application-main strong {
        overflow-wrap: anywhere;
    }

    [b-nl4ilvl3fb] .team-manager__application-message {
        padding: 0.75rem 0 0;
        border-top: 1px solid #dbeafe;
        border-left: 0;
    }

    [b-nl4ilvl3fb] .team-manager__application-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    [b-nl4ilvl3fb] .team-manager__application-actions .rz-button {
        width: 100%;
        min-width: 0;
    }

    [b-nl4ilvl3fb] .match-manager__table-grid {
        min-width: 920px;
    }
}
/* /Pages/MatchList.razor.rz.scp.css */
.match-list-page[b-72xosv8dt3] {
    display: grid;
    gap: 1rem;
}

.match-list__hero[b-72xosv8dt3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1.5rem;
    padding: 1.25rem 1.5rem;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.92), rgba(255, 255, 255, 0.95));
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.08);
}

.match-list__eyebrow[b-72xosv8dt3] {
    margin: 0 0 0.5rem;
    color: #2563eb;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-list__title[b-72xosv8dt3] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 800;
    color: #0f172a;
}

.match-list__lead[b-72xosv8dt3] {
    max-width: 44rem;
    margin: 0.4rem 0 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.65;
}

.match-list__toggle[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 10rem;
    padding: 0.85rem 1.1rem;
    border: 0;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.18);
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.match-list__toggle:hover[b-72xosv8dt3] {
    transform: translateY(-1px);
    box-shadow: 0 22px 40px rgba(15, 23, 42, 0.22);
}

.match-list__toggle--active[b-72xosv8dt3] {
    background: linear-gradient(135deg, #10b981, #059669);
}

.match-list__toolbar[b-72xosv8dt3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.match-list__search[b-72xosv8dt3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: min(100%, 30rem);
    padding: 0.4rem 0.45rem 0.4rem 0.9rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

.match-list__search-icon[b-72xosv8dt3] {
    color: #64748b;
}

.match-list__search-input[b-72xosv8dt3] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #0f172a;
}

.match-list__search-button[b-72xosv8dt3] {
    padding: 0.7rem 1.1rem;
    border: 0;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    font-weight: 700;
}

.match-list__toolbar-copy[b-72xosv8dt3] {
    color: #64748b;
    font-size: 0.95rem;
}

.match-list__view-toggle[b-72xosv8dt3] {
    display: inline-flex;
    padding: 0.25rem;
    border-radius: 999px;
    background: #e2e8f0;
}

.match-list__view-toggle button[b-72xosv8dt3] {
    min-width: 4.5rem;
    padding: 0.55rem 0.85rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #475569;
    font-weight: 800;
}

.match-list__view-toggle--active[b-72xosv8dt3] {
    background: #0f172a !important;
    color: #ffffff !important;
}

.match-list__advanced-toggle[b-72xosv8dt3] {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.6rem;
    padding: 0 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 0.55rem;
    background: #ffffff;
    color: #334155;
    font-weight: 850;
}

.match-list__advanced-toggle.is-active[b-72xosv8dt3] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
}

.match-list__date-shortcuts[b-72xosv8dt3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.9);
}

.match-list__date-shortcuts-label[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    color: #475569;
    font-size: 0.84rem;
    font-weight: 850;
}

.match-list__date-shortcuts-options[b-72xosv8dt3] {
    display: inline-flex;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid #dbe3ed;
    border-radius: 0.4rem;
    scrollbar-width: none;
}

.match-list__date-shortcuts-options[b-72xosv8dt3]::-webkit-scrollbar {
    display: none;
}

.match-list__date-shortcuts-options a[b-72xosv8dt3] {
    flex: 0 0 auto;
    min-height: 2.15rem;
    padding: 0.45rem 0.75rem;
    border-right: 1px solid #dbe3ed;
    background: #ffffff;
    color: #475569;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.match-list__date-shortcuts-options a:last-child[b-72xosv8dt3] {
    border-right: 0;
}

.match-list__date-shortcuts-options a:hover[b-72xosv8dt3] {
    background: #f8fafc;
    color: #1d4ed8;
}

.match-list__date-shortcuts-options a.is-active[b-72xosv8dt3] {
    background: #1d4ed8;
    color: #ffffff;
}

.match-list__active-date[b-72xosv8dt3] {
    margin-left: auto;
    color: #1d4ed8;
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
}

.match-list__filters[b-72xosv8dt3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(10rem, 1fr));
    gap: 0.85rem;
    align-items: end;
    padding: 1rem 1.2rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.9);
}

.match-list__filters label[b-72xosv8dt3] {
    display: grid;
    gap: 0.35rem;
    color: #334155;
    font-weight: 900;
}

.match-list__filters label span[b-72xosv8dt3] {
    color: #64748b;
    font-size: 0.82rem;
}

.match-list__filters select[b-72xosv8dt3],
.match-list__filters input[type="date"][b-72xosv8dt3] {
    width: 100%;
    min-height: 2.65rem;
    padding: 0 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 0.9rem;
    background: #ffffff;
    color: #0f172a;
    font-weight: 700;
}

.match-list__filters input[type="date"][b-72xosv8dt3] {
    padding-right: 0.55rem;
}

.match-list__filter-actions[b-72xosv8dt3] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
}

.match-list__filter-actions button[b-72xosv8dt3] {
    min-height: 2.65rem;
    padding: 0 0.95rem;
    border: 0;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff;
    font-weight: 900;
}

.match-list__filter-actions button:last-child[b-72xosv8dt3] {
    background: #e2e8f0;
    color: #334155;
}

.match-list__summary[b-72xosv8dt3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.match-list__summary article[b-72xosv8dt3] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.92);
}

.match-list__summary span[b-72xosv8dt3] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.match-list__summary strong[b-72xosv8dt3] {
    color: #0f172a;
    font-size: 1.4rem;
    font-weight: 950;
}

.match-list__state[b-72xosv8dt3] {
    padding: 2rem;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px dashed rgba(148, 163, 184, 0.32);
    color: #475569;
    text-align: center;
}

.match-list__state--empty h2[b-72xosv8dt3] {
    margin-bottom: 0.5rem;
    color: #0f172a;
}

.match-card[b-72xosv8dt3] {
    display: grid;
    grid-template-columns: 16rem minmax(0, 1fr) minmax(9.5rem, 11rem);
    gap: 1.25rem;
    align-items: stretch;
    margin-bottom: 1rem;
    padding: 1.2rem;
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.match-card__media[b-72xosv8dt3] {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: start;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 1.2rem;
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.8), rgba(241, 245, 249, 0.95));
}

.match-card__image[b-72xosv8dt3] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.match-card__placeholder[b-72xosv8dt3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #94a3b8;
    font-size: 2rem;
}

.match-card__body[b-72xosv8dt3] {
    display: grid;
    gap: 1rem;
}

.match-card__header[b-72xosv8dt3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.match-card__owner[b-72xosv8dt3] {
    display: inline-flex;
    margin-bottom: 0.55rem;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8;
    font-size: 0.85rem;
    font-weight: 700;
}

.match-card__series[b-72xosv8dt3] {
    display: inline-flex;
    margin: 0 0 0.55rem 0.45rem;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background: rgba(79, 70, 229, 0.1);
    color: #3730a3;
    font-size: 0.85rem;
    font-weight: 800;
    text-decoration: none;
}

.match-card__series:hover[b-72xosv8dt3] {
    color: #312e81;
    text-decoration: none;
}

.match-card__title[b-72xosv8dt3] {
    margin: 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 800;
}

.match-card__subtitle[b-72xosv8dt3] {
    margin: 0.45rem 0 0;
    color: #64748b;
}

.match-card__facts[b-72xosv8dt3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.match-card__fact[b-72xosv8dt3] {
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    background: #f8fafc;
}

.match-card__fact-label[b-72xosv8dt3] {
    display: block;
    margin-bottom: 0.35rem;
    color: #64748b;
    font-size: 0.82rem;
}

.match-card__fact strong[b-72xosv8dt3] {
    color: #0f172a;
}

.match-card__description[b-72xosv8dt3] {
    margin: 0;
    color: #475569;
    line-height: 1.7;
    white-space: pre-line;
}

.match-card__location[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: #2563eb;
    font-weight: 800;
}

.match-card__tags[b-72xosv8dt3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.match-card__tag[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    color: #334155;
    font-size: 0.85rem;
    font-weight: 600;
}

.match-card__actions[b-72xosv8dt3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.match-card__link[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    width: 100%;
    padding: 1rem;
    border: 1px solid rgba(59, 130, 246, 0.16);
    border-radius: 1.1rem;
    background: linear-gradient(135deg, #f8fbff 0%, #e0ecff 100%);
    color: #0f172a;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.12);
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.match-card__link-text[b-72xosv8dt3] {
    display: grid;
    gap: 0.28rem;
}

.match-card__link-title[b-72xosv8dt3] {
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.2;
}

.match-card__link-subtitle[b-72xosv8dt3] {
    color: #475569;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
}

.match-card__link-icon[b-72xosv8dt3] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
    flex-shrink: 0;
    box-shadow: 0 10px 18px rgba(37, 99, 235, 0.22);
}

.match-card__link-icon i[b-72xosv8dt3] {
    display: none;
}

.match-card__link-icon[b-72xosv8dt3]::before,
.match-card__link-icon[b-72xosv8dt3]::after {
    content: "";
    position: absolute;
    display: block;
}

.match-card__link-icon[b-72xosv8dt3]::before {
    width: 1rem;
    height: 0.16rem;
    border-radius: 999px;
    background: currentColor;
}

.match-card__link-icon[b-72xosv8dt3]::after {
    width: 0.58rem;
    height: 0.58rem;
    border-top: 0.16rem solid currentColor;
    border-right: 0.16rem solid currentColor;
    transform: translateX(0.32rem) rotate(45deg);
}

.match-card__link:hover[b-72xosv8dt3] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.3);
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    box-shadow: 0 16px 34px rgba(37, 99, 235, 0.18);
    color: #0f172a;
    text-decoration: none;
}

.match-card__link:focus-visible[b-72xosv8dt3] {
    outline: 3px solid rgba(59, 130, 246, 0.28);
    outline-offset: 3px;
}

.match-table[b-72xosv8dt3] {
    display: grid;
    gap: 0.85rem;
}

.match-table__wrap[b-72xosv8dt3] {
    overflow-x: auto;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
}

.match-table__table[b-72xosv8dt3] {
    width: 100%;
    min-width: 62rem;
    border-collapse: collapse;
    table-layout: fixed;
}

.match-table__col--status[b-72xosv8dt3] {
    width: 7.5rem;
}

.match-table__col--info[b-72xosv8dt3] {
    width: 37%;
}

.match-table__col--meta[b-72xosv8dt3] {
    width: 28%;
}

.match-table__col--count[b-72xosv8dt3] {
    width: 7rem;
}

.match-table__col--action[b-72xosv8dt3] {
    width: 8.25rem;
}

.match-table__table thead th[b-72xosv8dt3] {
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95);
    background: #f8fafc;
    color: #64748b;
    font-size: 0.79rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-align: left;
    white-space: nowrap;
}

.match-table__table tbody tr + tr[b-72xosv8dt3] {
    border-top: 1px solid rgba(226, 232, 240, 0.8);
}

.match-table__table tbody tr:hover[b-72xosv8dt3] {
    background: rgba(248, 250, 252, 0.85);
}

.match-table__table td[b-72xosv8dt3] {
    padding: 0.72rem 0.85rem;
    vertical-align: middle;
}

.match-table__status[b-72xosv8dt3] {
    white-space: nowrap;
}

.match-table__status[b-72xosv8dt3]  .match-status-badge {
    padding: 0.34rem 0.72rem;
    font-size: 0.78rem;
    font-weight: 800;
}

.match-table__title[b-72xosv8dt3] {
    display: inline-block;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.25;
    text-decoration: none;
}

.match-table__title:hover[b-72xosv8dt3] {
    color: #2563eb;
    text-decoration: none;
}

.match-table__subtitle[b-72xosv8dt3] {
    margin-top: 0.14rem;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.35;
}

.match-table__meta-cell[b-72xosv8dt3] {
    min-width: 0;
}

.match-table__meta[b-72xosv8dt3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.match-table__meta span[b-72xosv8dt3],
.match-table__meta a[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 0.76rem;
    font-weight: 800;
    text-decoration: none;
}

.match-table__meta a[b-72xosv8dt3] {
    background: #eef2ff;
    color: #3730a3;
}

.match-table__head--count[b-72xosv8dt3],
.match-table__head--action[b-72xosv8dt3],
.match-table__count[b-72xosv8dt3],
.match-table__action[b-72xosv8dt3] {
    text-align: right;
}

.match-table__count[b-72xosv8dt3] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 900;
    white-space: nowrap;
}

.match-table__action[b-72xosv8dt3] {
    white-space: nowrap;
}

.match-table__register[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.1rem;
    min-height: 2rem;
    padding: 0 0.78rem;
    border: 0;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 950;
    text-decoration: none;
    box-shadow: 0 8px 16px rgba(37, 99, 235, 0.16);
}

.match-table__register:hover[b-72xosv8dt3] {
    color: #ffffff;
    text-decoration: none;
}

.match-table__register--joined[b-72xosv8dt3] {
    background: #dcfce7;
    color: #166534;
    box-shadow: none;
}

.match-table__register--joined:hover[b-72xosv8dt3] {
    color: #166534;
}

.match-table__register--disabled[b-72xosv8dt3],
.match-table__register:disabled[b-72xosv8dt3] {
    background: #e2e8f0;
    color: #64748b;
    box-shadow: none;
    cursor: not-allowed;
}

.match-table__pager[b-72xosv8dt3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.35rem 0.1rem 0;
}

.match-table__pager-summary[b-72xosv8dt3] {
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 700;
}

.match-table__pager-actions[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0;
    padding: 0.25rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.82);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.match-table__pager-pages[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
}

.match-table__pager-link[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    min-height: 2.4rem;
    padding: 0 0.75rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.match-table__pager-link:not(.is-disabled):not(.is-current):hover[b-72xosv8dt3],
.match-table__pager-link:not(.is-disabled):not(.is-current):focus-visible[b-72xosv8dt3] {
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.match-table__pager-link.is-current[b-72xosv8dt3] {
    background: #2563eb;
    color: #ffffff;
}

.match-table__pager-link.is-disabled[b-72xosv8dt3] {
    background: transparent;
    color: #94a3b8;
}

.match-list__pager[b-72xosv8dt3] {
    --match-list-pager-bg: rgba(255, 255, 255, 0.74);
    --match-list-pager-border: rgba(30, 41, 59, 0.12);
    --match-list-pager-text: #1f2a44;
    --match-list-pager-muted: #475569;
    --match-list-pager-disabled: #64748b;
    --match-list-pager-hover-bg: rgba(15, 23, 42, 0.08);

    width: max-content;
    max-width: 100%;
    margin-inline: auto;
    justify-content: center;
    gap: 1rem;
    padding: 0.32rem 0.32rem 0.32rem 1.15rem;
    border: 1px solid var(--match-list-pager-border);
    border-radius: 999px;
    background: var(--match-list-pager-bg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 14px 30px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(12px);
}

.match-list__pager .match-table__pager-summary[b-72xosv8dt3] {
    display: inline-flex;
    align-items: center;
    min-height: 2.4rem;
    color: var(--match-list-pager-muted);
    line-height: 1;
    white-space: nowrap;
}

.match-list__pager .match-table__pager-actions[b-72xosv8dt3] {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.match-list__pager .match-table__pager-link:not(.is-disabled):not(.is-current):hover[b-72xosv8dt3],
.match-list__pager .match-table__pager-link:not(.is-disabled):not(.is-current):focus-visible[b-72xosv8dt3] {
    background: var(--match-list-pager-hover-bg);
    color: var(--match-list-pager-text);
    box-shadow: none;
}

.match-list__pager .match-table__pager-link[b-72xosv8dt3] {
    color: var(--match-list-pager-text);
}

.match-list__pager .match-table__pager-link.is-current[b-72xosv8dt3] {
    background: #2563eb;
    color: #ffffff;
}

.match-list__pager .match-table__pager-link.is-disabled[b-72xosv8dt3] {
    color: var(--match-list-pager-disabled);
}

:root[data-site-period='night'] .match-list__pager[b-72xosv8dt3] {
    --match-list-pager-bg: rgba(255, 255, 255, 0.11);
    --match-list-pager-border: rgba(255, 255, 255, 0.18);
    --match-list-pager-text: #ffffff;
    --match-list-pager-muted: rgba(226, 232, 240, 0.78);
    --match-list-pager-disabled: rgba(226, 232, 240, 0.42);
    --match-list-pager-hover-bg: rgba(255, 255, 255, 0.14);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 14px 30px rgba(2, 6, 23, 0.16);
}

.match-list__registration-dialog[b-72xosv8dt3] {
    display: grid;
    gap: 1rem;
    min-width: min(28rem, 78vw);
}

.match-list__registration-dialog p[b-72xosv8dt3] {
    margin: 0;
    color: #475569;
}

.match-list__registration-dialog label[b-72xosv8dt3] {
    display: grid;
    gap: 0.35rem;
    color: #334155;
    font-weight: 900;
}

.match-list__registration-dialog label span[b-72xosv8dt3] {
    color: #64748b;
    font-size: 0.85rem;
}

.match-list__registration-check[b-72xosv8dt3] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.match-list__registration-actions[b-72xosv8dt3] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 0.25rem;
}

@media (max-width: 991.98px) {
    .match-list__hero[b-72xosv8dt3],
    .match-list__toolbar[b-72xosv8dt3],
    .match-list__filters[b-72xosv8dt3],
    .match-card[b-72xosv8dt3] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .match-card__facts[b-72xosv8dt3] {
        grid-template-columns: 1fr;
    }

    .match-card__media[b-72xosv8dt3] {
        aspect-ratio: 16 / 9;
        max-height: 18rem;
    }

    .match-card__actions[b-72xosv8dt3] {
        justify-content: flex-start;
    }

    .match-card__link[b-72xosv8dt3] {
        align-items: center;
        justify-content: space-between;
        gap: 0.9rem;
    }

    .match-list__summary[b-72xosv8dt3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-table__table[b-72xosv8dt3] {
        min-width: 54rem;
    }
}

@media (max-width: 560px) {
    .match-list__toolbar[b-72xosv8dt3] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
        gap: 0.55rem;
    }

    .match-list__search[b-72xosv8dt3] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .match-list-page[b-72xosv8dt3] {
        gap: 0.85rem;
    }

    .match-list-page[b-72xosv8dt3]  .rz-datalist-content,
    .match-list-page[b-72xosv8dt3]  .rz-datalist-data {
        margin: 0;
        padding: 0;
    }

    .match-list-page[b-72xosv8dt3]  .rz-datalist-data {
        list-style: none;
    }

    .match-list-page[b-72xosv8dt3]  .rz-datalist-data > li {
        margin: 0;
        padding: 0;
    }

    .match-list__hero[b-72xosv8dt3],
    .match-list__toolbar[b-72xosv8dt3],
    .match-list__filters[b-72xosv8dt3],
    .match-card[b-72xosv8dt3] {
        padding: 0.65rem;
        border-radius: 0.85rem;
    }

    .match-list__hero[b-72xosv8dt3],
    .match-list__toolbar[b-72xosv8dt3],
    .match-list__filters[b-72xosv8dt3] {
        gap: 0.75rem;
    }

    .match-list__lead[b-72xosv8dt3] {
        margin-top: 0.55rem;
        font-size: 0.95rem;
        line-height: 1.55;
    }

    .match-list__title[b-72xosv8dt3] {
        font-size: 1.7rem;
    }

    .match-list__summary article[b-72xosv8dt3] {
        padding: 0.65rem 0.75rem;
    }

    .match-list__toggle[b-72xosv8dt3],
    .match-list__view-toggle[b-72xosv8dt3] {
        width: 100%;
        justify-content: center;
    }

    .match-list__view-toggle button[b-72xosv8dt3] {
        flex: 1;
        min-width: 0;
    }

    .match-list__summary[b-72xosv8dt3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .match-list__search[b-72xosv8dt3] {
        gap: 0.55rem;
        padding: 0.3rem 0.35rem 0.3rem 0.7rem;
        border-radius: 0.9rem;
        flex-wrap: wrap;
    }

    .match-list__search-button[b-72xosv8dt3] {
        min-height: 2.6rem;
    }

    .match-card[b-72xosv8dt3] {
        gap: 0.85rem;
        margin-bottom: 0.6rem;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .match-card__media[b-72xosv8dt3] {
        width: 100%;
        aspect-ratio: 16 / 9;
        max-height: 13rem;
        border-radius: 0.9rem;
    }

    .match-card__placeholder[b-72xosv8dt3] {
        font-size: 1.8rem;
    }

    .match-card__actions[b-72xosv8dt3] {
        grid-column: 1 / -1;
    }

    .match-card__body[b-72xosv8dt3] {
        gap: 0.65rem;
    }

    .match-card__header[b-72xosv8dt3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.7rem;
    }

    .match-card__title[b-72xosv8dt3] {
        font-size: 1.35rem;
    }

    .match-card__facts[b-72xosv8dt3] {
        gap: 0.55rem;
    }

    .match-card__fact[b-72xosv8dt3] {
        padding: 0.65rem 0.75rem;
        border-radius: 0.8rem;
    }

    .match-card__description[b-72xosv8dt3] {
        line-height: 1.55;
    }

    .match-card__link[b-72xosv8dt3] {
        gap: 0.7rem;
        padding: 0.7rem 0.75rem;
        border-radius: 0.85rem;
    }

    .match-card__link-title[b-72xosv8dt3] {
        font-size: 0.98rem;
    }

    .match-list__search-button[b-72xosv8dt3],
    .match-list__filter-actions[b-72xosv8dt3],
    .match-list__filter-actions button[b-72xosv8dt3] {
        width: 100%;
    }

    .match-list__registration-actions[b-72xosv8dt3] {
        width: 100%;
    }

    .match-table__wrap[b-72xosv8dt3] {
        border-radius: 0.85rem;
    }

    .match-table__table[b-72xosv8dt3] {
        min-width: 44rem;
    }

    .match-table__table th[b-72xosv8dt3],
    .match-table__table td[b-72xosv8dt3] {
        padding: 0.6rem 0.65rem;
    }

    .match-table__title[b-72xosv8dt3] {
        font-size: 0.94rem;
    }

    .match-table__subtitle[b-72xosv8dt3],
    .match-table__pager-summary[b-72xosv8dt3] {
        font-size: 0.8rem;
    }

    .match-table__pager[b-72xosv8dt3] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-table__pager-actions[b-72xosv8dt3] {
        width: 100%;
        justify-content: space-between;
    }

    .match-list__pager[b-72xosv8dt3] {
        width: 100%;
        padding: 0.45rem;
        border-radius: 1rem;
    }

    .match-list__pager .match-table__pager-summary[b-72xosv8dt3] {
        justify-content: center;
        width: 100%;
    }

    .match-list__pager .match-table__pager-actions[b-72xosv8dt3] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .match-list__registration-actions[b-72xosv8dt3] {
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .match-list__date-shortcuts[b-72xosv8dt3] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .match-list__date-shortcuts-options[b-72xosv8dt3] {
        order: 2;
        width: 100%;
    }

    .match-list__active-date[b-72xosv8dt3] {
        margin-left: auto;
    }
}

@media (max-width: 560px) {
    .match-list__hero[b-72xosv8dt3] {
        padding: 0.8rem;
    }

    .match-list__eyebrow[b-72xosv8dt3] {
        margin-bottom: 0.2rem;
        font-size: 0.72rem;
    }

    .match-list__title[b-72xosv8dt3] {
        font-size: 1.45rem;
    }

    .match-list__lead[b-72xosv8dt3] {
        margin-top: 0.3rem;
        font-size: 0.84rem;
        line-height: 1.45;
    }

    .match-list__advanced-toggle[b-72xosv8dt3] {
        display: inline-flex;
    }

    .match-list__view-toggle[b-72xosv8dt3] {
        width: auto;
    }

    .match-list__filters:not(.is-mobile-open)[b-72xosv8dt3] {
        display: none;
    }

    .match-list__date-shortcuts[b-72xosv8dt3] {
        padding: 0.5rem;
    }

    .match-list__date-shortcuts-options a[b-72xosv8dt3] {
        min-height: 2rem;
        padding: 0.4rem 0.65rem;
        font-size: 0.78rem;
    }

    .match-list__summary[b-72xosv8dt3] {
        display: flex;
        gap: 0;
        overflow-x: auto;
        border: 1px solid rgba(148, 163, 184, 0.16);
        border-radius: 0.65rem;
        background: rgba(255, 255, 255, 0.92);
        scrollbar-width: none;
    }

    .match-list__summary article[b-72xosv8dt3] {
        flex: 1 0 5.5rem;
        padding: 0.5rem 0.65rem;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .match-list__summary article + article[b-72xosv8dt3] {
        border-left: 1px solid rgba(148, 163, 184, 0.16);
    }

    .match-list__summary span[b-72xosv8dt3] {
        font-size: 0.7rem;
    }

    .match-list__summary strong[b-72xosv8dt3] {
        font-size: 1rem;
    }
}
/* /Pages/MatchLive.razor.rz.scp.css */
.match-live[b-q88f3q4po3] {
    --live-border: #d9e1ea;
    --live-text: #172033;
    --live-muted: #66758a;
    --live-surface: #ffffff;
    --live-soft: #f4f7fa;
    --live-primary: #125f4a;
    --live-primary-hover: #0d4b3a;
    display: grid;
    gap: 1rem;
    width: min(100%, 1180px);
    margin: 0 auto;
    padding: 1.25rem 1rem 2rem;
    color: var(--live-text);
}

.match-live--state[b-q88f3q4po3] {
    min-height: 55vh;
    place-items: center;
    align-content: center;
}

.match-live__header[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem 1.25rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--live-border);
    border-radius: 8px;
    background: var(--live-surface);
}

.match-live__header-copy[b-q88f3q4po3] {
    min-width: 0;
}

.match-live__kicker[b-q88f3q4po3],
.match-live__section-label[b-q88f3q4po3] {
    display: block;
    color: var(--live-primary);
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0;
}

.match-live__header h1[b-q88f3q4po3] {
    margin: 0.25rem 0 0.35rem;
    overflow-wrap: anywhere;
    font-size: 2rem;
    line-height: 1.18;
}

.match-live__header p[b-q88f3q4po3],
.match-live__muted[b-q88f3q4po3],
.match-live__scoring-heading p[b-q88f3q4po3],
.match-live__confirmation p[b-q88f3q4po3],
.match-live__waiting p[b-q88f3q4po3] {
    margin: 0;
    color: var(--live-muted);
    line-height: 1.55;
}

.match-live__header-side[b-q88f3q4po3],
.match-live__participant-meta[b-q88f3q4po3],
.match-live__battle-meta[b-q88f3q4po3],
.match-live__confirmation-actions[b-q88f3q4po3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.match-live__header-side[b-q88f3q4po3] {
    justify-content: flex-end;
}

.match-live__participant-meta span[b-q88f3q4po3],
.match-live__battle-meta span[b-q88f3q4po3],
.match-live__edit-limit[b-q88f3q4po3] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid #d8e0e9;
    border-radius: 4px;
    background: #f7f9fb;
    color: #4d5d70;
    font-size: 0.8rem;
    font-weight: 800;
}

.match-live__participant-meta .is-success[b-q88f3q4po3],
.match-live__battle-meta .is-complete[b-q88f3q4po3] {
    border-color: #b9ddce;
    background: #edf8f3;
    color: #116047;
}

.match-live__participant-meta .is-warning[b-q88f3q4po3],
.match-live__battle-meta .is-running[b-q88f3q4po3] {
    border-color: #ead49f;
    background: #fff8e8;
    color: #7a5700;
}

.match-live__battle-meta .is-live[b-q88f3q4po3] {
    border-color: #efc0c0;
    background: #fff1f1;
    color: #a33232;
}

.match-live__freshness[b-q88f3q4po3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    grid-column: 1 / -1;
    color: #748195;
    font-size: 0.78rem;
}

.match-live__live-dot[b-q88f3q4po3] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #1a8b68;
}

.match-live__icon-button[b-q88f3q4po3] {
    display: inline-grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 1px solid #ccd6e2;
    border-radius: 6px;
    background: #fff;
    color: #344256;
    cursor: pointer;
}

.match-live__icon-button:disabled[b-q88f3q4po3],
.match-live button:disabled[b-q88f3q4po3] {
    cursor: wait;
    opacity: 0.58;
}

.match-live__notice[b-q88f3q4po3] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #efc1c1;
    border-radius: 6px;
    background: #fff4f4;
    color: #973737;
    font-weight: 750;
}

.match-live__notice.is-success[b-q88f3q4po3] {
    border-color: #b8ddce;
    background: #eff9f4;
    color: #0d6248;
}

.match-live__check-in[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid #c8d8d2;
    border-radius: 8px;
    background: #f5faf8;
}

.match-live__check-in.is-complete[b-q88f3q4po3] {
    border-color: #abd8c6;
    background: #edf8f3;
}

.match-live__check-in-icon[b-q88f3q4po3] {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 6px;
    background: #dfeee8;
    color: var(--live-primary);
    font-size: 1.35rem;
}

.match-live__check-in-copy[b-q88f3q4po3] {
    min-width: 0;
}

.match-live__check-in h2[b-q88f3q4po3] {
    margin: 0.15rem 0 0.2rem;
    font-size: 1.1rem;
    line-height: 1.3;
}

.match-live__check-in p[b-q88f3q4po3] {
    margin: 0;
    color: var(--live-muted);
    line-height: 1.45;
}

.match-live__focus[b-q88f3q4po3],
.match-live__panel[b-q88f3q4po3] {
    border: 1px solid var(--live-border);
    border-radius: 8px;
    background: var(--live-surface);
    box-shadow: 0 10px 24px rgba(23, 32, 51, 0.06);
}

.match-live__focus[b-q88f3q4po3] {
    overflow: hidden;
}

.match-live__waiting[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 10rem;
    padding: 1.25rem;
}

.match-live__waiting-icon[b-q88f3q4po3] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 6px;
    background: #eaf5f1;
    color: var(--live-primary);
    font-size: 1.4rem;
}

.match-live__waiting h2[b-q88f3q4po3],
.match-live__battle-heading h2[b-q88f3q4po3],
.match-live__panel h2[b-q88f3q4po3],
.match-live__scoring h3[b-q88f3q4po3],
.match-live__confirmation h4[b-q88f3q4po3] {
    margin: 0.2rem 0;
    line-height: 1.25;
}

.match-live__battle-heading[b-q88f3q4po3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--live-border);
    background: #fafbfd;
}

.match-live__versus[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 3.5rem minmax(0, 1fr);
    align-items: stretch;
    padding: 1.15rem;
}

.match-live__versus-mark[b-q88f3q4po3] {
    align-self: center;
    color: #8894a5;
    font-size: 0.8rem;
    font-weight: 900;
    text-align: center;
}

.match-live__player[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.25rem 1rem;
    align-content: center;
    min-height: 7rem;
    padding: 1rem 1.1rem;
    border: 1px solid #dce3eb;
    border-radius: 6px;
    background: #f8fafc;
}

.match-live__player > span[b-q88f3q4po3],
.match-live__player > small[b-q88f3q4po3] {
    grid-column: 1;
    color: var(--live-muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.match-live__player > strong[b-q88f3q4po3] {
    grid-column: 1;
    overflow-wrap: anywhere;
    font-size: 1.35rem;
}

.match-live__player > b[b-q88f3q4po3] {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: center;
    font-size: 2.5rem;
    line-height: 1;
}

.match-live__player.is-winner[b-q88f3q4po3] {
    border-color: #acd7c7;
    background: #edf8f3;
}

.match-live__player.is-loser[b-q88f3q4po3] {
    border-color: #e4cccc;
    background: #fff7f7;
}

.match-live__scoring[b-q88f3q4po3] {
    padding: 1.15rem;
    border-top: 1px solid var(--live-border);
    background: #fcfdfd;
}

.match-live__scoring-heading[b-q88f3q4po3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.match-live__result-summary[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 1rem;
    border-left: 4px solid #16805f;
    background: #edf8f3;
}

.match-live__result-summary.is-loss[b-q88f3q4po3] {
    border-left-color: #b84a4a;
    background: #fff4f4;
}

.match-live__result-summary.is-neutral[b-q88f3q4po3] {
    border-left-color: #b17a12;
    background: #fff8e8;
}

.match-live__result-summary.is-final[b-q88f3q4po3] {
    box-shadow: inset 0 0 0 1px rgba(18, 95, 74, 0.16);
}

.match-live__result-icon[b-q88f3q4po3] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 6px;
    background: #d9f0e7;
    color: #0f664b;
    font-size: 1.35rem;
}

.match-live__result-summary.is-loss .match-live__result-icon[b-q88f3q4po3] {
    background: #f6dddd;
    color: #983b3b;
}

.match-live__result-summary.is-neutral .match-live__result-icon[b-q88f3q4po3] {
    background: #f5e8c7;
    color: #795300;
}

.match-live__result-body[b-q88f3q4po3] {
    min-width: 0;
}

.match-live__result-heading[b-q88f3q4po3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.4rem 0.75rem;
    align-items: center;
    color: #0f664b;
    font-size: 0.8rem;
    font-weight: 900;
}

.match-live__result-summary.is-loss .match-live__result-heading[b-q88f3q4po3] {
    color: #983b3b;
}

.match-live__result-summary.is-neutral .match-live__result-heading[b-q88f3q4po3] {
    color: #795300;
}

.match-live__result-state[b-q88f3q4po3] {
    padding: 0.25rem 0.5rem;
    border: 1px solid currentColor;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.62);
    font-size: 0.72rem;
    white-space: nowrap;
}

.match-live__result-score[b-q88f3q4po3] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    margin: 0.25rem 0;
    font-variant-numeric: tabular-nums;
}

.match-live__result-score strong[b-q88f3q4po3] {
    font-size: 2.35rem;
    line-height: 1;
}

.match-live__result-score span[b-q88f3q4po3] {
    color: #778497;
    font-size: 1.3rem;
    font-weight: 900;
}

.match-live__result-summary p[b-q88f3q4po3] {
    margin: 0;
    color: #526176;
    line-height: 1.45;
}

.match-live__score-columns[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.match-live__score-choice[b-q88f3q4po3] {
    display: grid;
    gap: 0.55rem;
}

.match-live__score-choice > strong[b-q88f3q4po3] {
    color: #4f5e71;
    font-size: 0.86rem;
}

.match-live__score-options[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
    gap: 0.5rem;
}

.match-live__score-button[b-q88f3q4po3] {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-height: 3.2rem;
    padding: 0.65rem;
    border: 1px solid #a9d4c5;
    border-radius: 6px;
    background: #edf8f3;
    color: #0f6048;
    font-size: 1.05rem;
    font-weight: 900;
    cursor: pointer;
}

.match-live__score-button.is-loss[b-q88f3q4po3] {
    border-color: #ddc5c5;
    background: #fff5f5;
    color: #943d3d;
}

.match-live__score-button.is-current[b-q88f3q4po3] {
    border-width: 2px;
    border-color: #16805f;
    background: #dff3eb;
    box-shadow: inset 0 0 0 1px rgba(18, 95, 74, 0.08);
}

.match-live__score-button.is-loss.is-current[b-q88f3q4po3] {
    border-color: #b84a4a;
    background: #f8e2e2;
    box-shadow: inset 0 0 0 1px rgba(152, 59, 59, 0.08);
}

.match-live__score-button.is-current:disabled[b-q88f3q4po3] {
    cursor: default;
    opacity: 1;
}

.match-live__score-button:hover[b-q88f3q4po3],
.match-live__score-button:focus-visible[b-q88f3q4po3] {
    border-color: var(--live-primary);
    outline: 2px solid rgba(18, 95, 74, 0.18);
    outline-offset: 1px;
}

.match-live__manual-score[b-q88f3q4po3] {
    margin-top: 0.9rem;
    border-top: 1px solid #e3e8ee;
    padding-top: 0.8rem;
}

.match-live__manual-score summary[b-q88f3q4po3] {
    width: fit-content;
    color: #405065;
    font-weight: 800;
    cursor: pointer;
}

.match-live__manual-fields[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 9rem)) auto;
    gap: 0.75rem;
    align-items: end;
    margin-top: 0.75rem;
}

.match-live__manual-fields label[b-q88f3q4po3] {
    display: grid;
    gap: 0.3rem;
    color: #526176;
    font-size: 0.8rem;
    font-weight: 800;
}

.match-live__manual-fields input[b-q88f3q4po3] {
    width: 100%;
    min-height: 2.7rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid #c9d3df;
    border-radius: 5px;
    background: #fff;
    color: var(--live-text);
    font: inherit;
}

.match-live__confirmation[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding: 1rem;
    border: 2px solid var(--live-primary);
    border-radius: 6px;
    background: #f2faf7;
}

.match-live__locked-state[b-q88f3q4po3] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.85rem;
    border: 1px solid #d7dee7;
    border-radius: 5px;
    background: #f5f7fa;
    color: #526176;
}

.match-live__locked-state.is-warning[b-q88f3q4po3] {
    border-color: #ead49f;
    background: #fff8e8;
    color: #775500;
}

.match-live__dispute-row[b-q88f3q4po3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding-top: 0.8rem;
    border-top: 1px solid #e3e8ee;
    color: var(--live-muted);
    font-size: 0.86rem;
}

.match-live__text-button[b-q88f3q4po3] {
    flex: 0 0 auto;
    padding: 0.35rem 0;
    border: 0;
    background: transparent;
    color: #344256;
    font-weight: 850;
    cursor: pointer;
}

.match-live__text-button.is-danger[b-q88f3q4po3] {
    color: #a03737;
}

.match-live__legacy-link[b-q88f3q4po3] {
    margin-top: 0.7rem;
    text-align: right;
}

.match-live__legacy-link a[b-q88f3q4po3] {
    color: #627188;
    font-size: 0.78rem;
}

.match-live__opponent-team[b-q88f3q4po3] {
    margin: 0 1.15rem 1.15rem;
    padding-top: 0.9rem;
    border-top: 1px solid #e3e8ee;
}

.match-live__opponent-team summary[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    min-height: 3.25rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid #9bc8b9;
    border-radius: 6px;
    background: #edf8f4;
    color: var(--live-primary);
    font-weight: 850;
    cursor: pointer;
    list-style: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.match-live__opponent-team summary[b-q88f3q4po3]::-webkit-details-marker {
    display: none;
}

.match-live__opponent-team summary:hover[b-q88f3q4po3],
.match-live__opponent-team summary:focus-visible[b-q88f3q4po3] {
    border-color: var(--live-primary);
    background: #e5f4ef;
    box-shadow: 0 0 0 3px rgba(18, 95, 74, 0.12);
    outline: none;
}

.match-live__opponent-team summary[b-q88f3q4po3] >  .rzi {
    font-size: 1.2rem;
}

.match-live__opponent-team summary[b-q88f3q4po3] >  .rzi:last-child {
    transition: transform 0.16s ease;
}

.match-live__opponent-team[open] summary[b-q88f3q4po3] >  .rzi:last-child {
    transform: rotate(180deg);
}

.match-live__team-shell[b-q88f3q4po3] {
    max-width: 100%;
    margin-top: 0.75rem;
    overflow-x: auto;
}

.match-live__overview[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: minmax(16rem, 0.75fr) minmax(0, 1.25fr);
    gap: 1rem;
}

.match-live__panel[b-q88f3q4po3] {
    padding: 1rem;
}

.match-live__panel-head[b-q88f3q4po3] {
    margin-bottom: 0.75rem;
}

.match-live__record[b-q88f3q4po3] {
    display: grid;
    gap: 0.35rem;
}

.match-live__record strong[b-q88f3q4po3] {
    font-size: 2.35rem;
    line-height: 1;
}

.match-live__record span[b-q88f3q4po3] {
    color: var(--live-muted);
    font-weight: 700;
}

.match-live__links[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    gap: 0.55rem;
}

.match-live__links a[b-q88f3q4po3],
.match-live__button[b-q88f3q4po3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.7rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #ccd6e2;
    border-radius: 6px;
    background: #fff;
    color: var(--live-text);
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.match-live__button--primary[b-q88f3q4po3] {
    border-color: var(--live-primary);
    background: var(--live-primary);
    color: #fff;
}

.match-live__button--primary:hover[b-q88f3q4po3] {
    border-color: var(--live-primary-hover);
    background: var(--live-primary-hover);
}

.match-live__history[b-q88f3q4po3] {
    display: grid;
}

.match-live__history-row[b-q88f3q4po3] {
    display: grid;
    grid-template-columns: minmax(7rem, 0.8fr) minmax(0, 1.3fr) 3.5rem 4rem;
    gap: 0.75rem;
    align-items: center;
    min-height: 3.25rem;
    padding: 0.65rem 0;
    border-top: 1px solid #e5eaf0;
}

.match-live__history-row > span[b-q88f3q4po3] {
    color: var(--live-muted);
    font-size: 0.85rem;
}

.match-live__history-row > strong[b-q88f3q4po3] {
    overflow-wrap: anywhere;
}

.match-live__history-row > b[b-q88f3q4po3] {
    width: fit-content;
    min-width: 2.2rem;
    padding: 0.25rem 0.4rem;
    border-radius: 4px;
    background: #edf1f5;
    color: #526176;
    text-align: center;
}

.match-live__history-row > b.is-win[b-q88f3q4po3] {
    background: #e9f7f1;
    color: #116047;
}

.match-live__history-row > b.is-loss[b-q88f3q4po3] {
    background: #fff0f0;
    color: #9b3b3b;
}

@media (max-width: 760px) {
    .match-live[b-q88f3q4po3] {
        gap: 0.75rem;
        padding: 0.75rem 0.65rem 1.5rem;
    }

    .match-live__header[b-q88f3q4po3] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .match-live__header h1[b-q88f3q4po3] {
        font-size: 1.55rem;
    }

    .match-live__participant-meta[b-q88f3q4po3] {
        grid-column: 1 / -1;
        order: 2;
    }

    .match-live__header-side[b-q88f3q4po3] {
        display: contents;
    }

    .match-live__icon-button[b-q88f3q4po3] {
        grid-column: 2;
        grid-row: 1;
    }

    .match-live__freshness[b-q88f3q4po3] {
        grid-row: 3;
    }

    .match-live__waiting[b-q88f3q4po3] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 1rem;
    }

    .match-live__check-in[b-q88f3q4po3] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .match-live__check-in .match-live__button[b-q88f3q4po3] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .match-live__waiting .match-live__button[b-q88f3q4po3] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .match-live__opponent-team[b-q88f3q4po3] {
        margin: 0 0.75rem 0.9rem;
    }

    .match-live__opponent-team summary[b-q88f3q4po3] {
        min-height: 3.5rem;
    }

    .match-live__battle-heading[b-q88f3q4po3],
    .match-live__scoring-heading[b-q88f3q4po3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .match-live__battle-meta[b-q88f3q4po3] {
        justify-content: flex-start;
    }

    .match-live__versus[b-q88f3q4po3] {
        grid-template-columns: minmax(0, 1fr) 2rem minmax(0, 1fr);
        padding: 0.75rem;
    }

    .match-live__player[b-q88f3q4po3] {
        grid-template-columns: 1fr;
        min-height: 7.5rem;
        padding: 0.75rem;
        text-align: center;
    }

    .match-live__player > span[b-q88f3q4po3],
    .match-live__player > small[b-q88f3q4po3],
    .match-live__player > strong[b-q88f3q4po3],
    .match-live__player > b[b-q88f3q4po3] {
        grid-column: 1;
        grid-row: auto;
    }

    .match-live__player > strong[b-q88f3q4po3] {
        font-size: 1rem;
    }

    .match-live__player > b[b-q88f3q4po3] {
        font-size: 2rem;
    }

    .match-live__scoring[b-q88f3q4po3] {
        padding: 0.9rem 0.75rem;
    }

    .match-live__result-summary[b-q88f3q4po3] {
        grid-template-columns: 1fr;
        gap: 0.65rem;
        padding: 0.85rem;
    }

    .match-live__result-icon[b-q88f3q4po3] {
        width: 2.35rem;
        height: 2.35rem;
    }

    .match-live__result-score strong[b-q88f3q4po3] {
        font-size: 2.1rem;
    }

    .match-live__score-columns[b-q88f3q4po3],
    .match-live__overview[b-q88f3q4po3],
    .match-live__confirmation[b-q88f3q4po3] {
        grid-template-columns: 1fr;
    }

    .match-live__manual-fields[b-q88f3q4po3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-live__manual-fields .match-live__button[b-q88f3q4po3] {
        grid-column: 1 / -1;
    }

    .match-live__confirmation-actions[b-q88f3q4po3],
    .match-live__confirmation-actions .match-live__button[b-q88f3q4po3] {
        width: 100%;
    }

    .match-live__confirmation-actions[b-q88f3q4po3] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-live__dispute-row[b-q88f3q4po3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .match-live__history-row[b-q88f3q4po3] {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }

    .match-live__history-row > span:first-child[b-q88f3q4po3] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 420px) {
    .match-live__score-options[b-q88f3q4po3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-live__links[b-q88f3q4po3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/MatchLiveVision.razor.rz.scp.css */
html[b-mbxf3vorlb],
body[b-mbxf3vorlb] {
    background: transparent;
}

.live-vision[b-mbxf3vorlb] {
    --lv-player: #20d6c7;
    --lv-opponent: #ff786f;
    --lv-ink: #f7fbfc;
    --lv-muted: rgba(225, 233, 237, 0.7);
    width: 100vw;
    height: 100vh;
    min-width: 960px;
    min-height: 540px;
    display: grid;
    grid-template-rows: 3.4rem 1fr 6rem;
    overflow: hidden;
    color: var(--lv-ink);
    background: transparent;
    font-family: "Microsoft YaHei UI", "Segoe UI", sans-serif;
}

.live-vision__header[b-mbxf3vorlb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem;
    background: rgba(12, 18, 24, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.live-vision__brand[b-mbxf3vorlb],
.live-vision__status[b-mbxf3vorlb],
.live-vision__capture-state[b-mbxf3vorlb] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.live-vision__brand i[b-mbxf3vorlb] {
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 50%;
    background: #39d98a;
    box-shadow: 0 0 0 0.28rem rgba(57, 217, 138, 0.14);
}

.live-vision--stale .live-vision__brand i[b-mbxf3vorlb] {
    background: #e0a83b;
    box-shadow: none;
}

.live-vision__brand span[b-mbxf3vorlb],
.live-vision__status span[b-mbxf3vorlb],
.live-vision__capture-state span[b-mbxf3vorlb] {
    color: var(--lv-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.live-vision__brand strong[b-mbxf3vorlb] {
    font-size: 0.9rem;
}

.live-vision__status time[b-mbxf3vorlb] {
    font-variant-numeric: tabular-nums;
    font-size: 0.78rem;
}

.live-vision__stage[b-mbxf3vorlb] {
    display: grid;
    grid-template-columns: minmax(15rem, 26%) minmax(26rem, 1fr) minmax(15rem, 26%);
    align-items: end;
    gap: 1rem;
    padding: 1rem 1.25rem;
    pointer-events: none;
}

.live-vision__side[b-mbxf3vorlb] {
    align-self: end;
    border-top: 3px solid var(--side-color);
    background: rgba(10, 16, 22, 0.86);
    box-shadow: 0 0.65rem 1.8rem rgba(0, 0, 0, 0.28);
}

.live-vision__side--player[b-mbxf3vorlb] {
    --side-color: var(--lv-player);
}

.live-vision__side--opponent[b-mbxf3vorlb] {
    --side-color: var(--lv-opponent);
}

.live-vision__side h2[b-mbxf3vorlb] {
    margin: 0;
    padding: 0.55rem 0.75rem;
    color: var(--side-color);
    font-size: 0.78rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.live-vision__active-list[b-mbxf3vorlb] {
    display: grid;
}

.live-vision__active[b-mbxf3vorlb] {
    min-height: 4.8rem;
    display: grid;
    grid-template-columns: 4.8rem 1fr;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.live-vision__active:last-child[b-mbxf3vorlb] {
    border-bottom: 0;
}

.live-vision__active--remembered[b-mbxf3vorlb] {
    opacity: 0.68;
}

.live-vision__active--remembered .live-vision__pokemon-image[b-mbxf3vorlb] {
    filter: grayscale(0.45);
}

.live-vision__pokemon-image[b-mbxf3vorlb] {
    position: relative;
    height: 4.8rem;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.045);
}

.live-vision__pokemon-image img[b-mbxf3vorlb] {
    width: 4.3rem;
    height: 4.3rem;
    object-fit: contain;
}

.live-vision__pokemon-image span[b-mbxf3vorlb] {
    position: absolute;
    right: 0.25rem;
    bottom: 0.2rem;
    padding: 0.1rem 0.24rem;
    border-radius: 2px;
    color: var(--lv-muted);
    background: rgba(0, 0, 0, 0.62);
    font-size: 0.58rem;
}

.live-vision__pokemon-copy[b-mbxf3vorlb] {
    min-width: 0;
    padding: 0.45rem 0.7rem;
}

.live-vision__pokemon-copy strong[b-mbxf3vorlb],
.live-vision__pokemon-copy small[b-mbxf3vorlb],
.live-vision__pokemon-copy > span[b-mbxf3vorlb] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-vision__pokemon-copy strong[b-mbxf3vorlb] {
    font-size: 0.9rem;
}

.live-vision__pokemon-copy small[b-mbxf3vorlb] {
    margin-top: 0.1rem;
    color: var(--lv-muted);
    font-size: 0.65rem;
}

.live-vision__pokemon-copy > span[b-mbxf3vorlb] {
    margin-top: 0.16rem;
    color: var(--lv-muted);
    font-size: 0.68rem;
    font-variant-numeric: tabular-nums;
}

.live-vision__hp[b-mbxf3vorlb] {
    height: 0.28rem;
    margin-top: 0.35rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.14);
}

.live-vision__hp i[b-mbxf3vorlb] {
    display: block;
    height: 100%;
    max-width: 100%;
    background: var(--side-color);
}

.live-vision__empty-slot[b-mbxf3vorlb] {
    min-height: 5rem;
    display: grid;
    place-items: center;
    color: var(--lv-muted);
    font-size: 0.78rem;
}

.live-vision__events[b-mbxf3vorlb] {
    align-self: end;
    min-width: 0;
}

.live-vision__message[b-mbxf3vorlb] {
    margin-bottom: 0.65rem;
    padding: 0.65rem 0.8rem;
    background: rgba(10, 16, 22, 0.86);
    border-left: 3px solid #e0a83b;
}

.live-vision__message span[b-mbxf3vorlb] {
    display: block;
    margin-bottom: 0.18rem;
    color: #e0a83b;
    font-size: 0.62rem;
    font-weight: 700;
}

.live-vision__message strong[b-mbxf3vorlb] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
}

.live-vision__events ol[b-mbxf3vorlb] {
    margin: 0;
    padding: 0;
    list-style: none;
    background: rgba(10, 16, 22, 0.78);
}

.live-vision__event[b-mbxf3vorlb] {
    min-height: 2.2rem;
    display: grid;
    grid-template-columns: 3.2rem 2.6rem minmax(0, 1fr) 2.5rem;
    align-items: center;
    gap: 0.38rem;
    padding: 0.28rem 0.55rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    font-size: 0.67rem;
}

.live-vision__event time[b-mbxf3vorlb],
.live-vision__event small[b-mbxf3vorlb] {
    color: var(--lv-muted);
    font-variant-numeric: tabular-nums;
}

.live-vision__event span[b-mbxf3vorlb] {
    color: var(--lv-player);
    font-weight: 700;
}

.live-vision__event--hp-changed span[b-mbxf3vorlb] {
    color: #e0a83b;
}

.live-vision__event--move-used span[b-mbxf3vorlb] {
    color: var(--lv-opponent);
}

.live-vision__event--battle-message span[b-mbxf3vorlb] {
    color: #b8e986;
}

.live-vision__event strong[b-mbxf3vorlb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.live-vision__event small[b-mbxf3vorlb] {
    text-align: right;
}

.live-vision__rosters[b-mbxf3vorlb] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 0 1.25rem;
    background: rgba(12, 18, 24, 0.9);
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.live-vision__roster[b-mbxf3vorlb] {
    display: flex;
    align-items: center;
    gap: 0.32rem;
}

.live-vision__roster--opponent[b-mbxf3vorlb] {
    justify-content: flex-end;
}

.live-vision__roster > div[b-mbxf3vorlb] {
    position: relative;
    width: 4.15rem;
    height: 4.15rem;
    display: grid;
    place-items: center;
    border-bottom: 2px solid var(--roster-color);
    background: rgba(255, 255, 255, 0.055);
}

.live-vision__roster--player[b-mbxf3vorlb] {
    --roster-color: var(--lv-player);
}

.live-vision__roster--opponent[b-mbxf3vorlb] {
    --roster-color: var(--lv-opponent);
}

.live-vision__roster img[b-mbxf3vorlb] {
    width: 3.8rem;
    height: 3.8rem;
    object-fit: contain;
}

.live-vision__roster > div span[b-mbxf3vorlb] {
    position: absolute;
    top: 0.18rem;
    left: 0.22rem;
    color: var(--lv-muted);
    font-size: 0.55rem;
}

.live-vision__capture-state[b-mbxf3vorlb] {
    justify-content: center;
    gap: 0.5rem;
}

.live-vision__capture-state span[b-mbxf3vorlb] {
    padding: 0.2rem 0.34rem;
    background: rgba(255, 255, 255, 0.055);
    font-size: 0.56rem;
}

@media (max-width: 1100px) {
    .live-vision[b-mbxf3vorlb] {
        grid-template-rows: 3rem 1fr 5.2rem;
    }

    .live-vision__stage[b-mbxf3vorlb] {
        grid-template-columns: minmax(13rem, 28%) 1fr minmax(13rem, 28%);
        gap: 0.55rem;
        padding: 0.6rem;
    }

    .live-vision__event[b-mbxf3vorlb] {
        grid-template-columns: 2.5rem 2.4rem minmax(0, 1fr);
    }

    .live-vision__event small[b-mbxf3vorlb] {
        display: none;
    }

    .live-vision__roster > div[b-mbxf3vorlb] {
        width: 3.45rem;
        height: 3.45rem;
    }

    .live-vision__roster img[b-mbxf3vorlb] {
        width: 3.2rem;
        height: 3.2rem;
    }
}

@media (max-width: 959px) {
    html[b-mbxf3vorlb],
    body[b-mbxf3vorlb] {
        overflow-x: hidden;
    }

    .live-vision[b-mbxf3vorlb] {
        width: 100%;
        height: auto;
        min-width: 0;
        min-height: 100vh;
        grid-template-rows: 3rem auto auto;
        overflow: visible;
    }

    .live-vision__header[b-mbxf3vorlb] {
        gap: 0.75rem;
        padding: 0 0.75rem;
    }

    .live-vision__brand[b-mbxf3vorlb],
    .live-vision__status[b-mbxf3vorlb] {
        gap: 0.4rem;
        min-width: 0;
    }

    .live-vision__stage[b-mbxf3vorlb] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 0.65rem;
        padding: 0.65rem;
    }

    .live-vision__side[b-mbxf3vorlb],
    .live-vision__events[b-mbxf3vorlb] {
        align-self: stretch;
    }

    .live-vision__active-list[b-mbxf3vorlb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .live-vision__active[b-mbxf3vorlb] {
        min-width: 0;
        min-height: 4.2rem;
        grid-template-columns: 4rem minmax(0, 1fr);
    }

    .live-vision__pokemon-image[b-mbxf3vorlb] {
        height: 4.2rem;
    }

    .live-vision__pokemon-image img[b-mbxf3vorlb] {
        width: 3.7rem;
        height: 3.7rem;
    }

    .live-vision__pokemon-copy[b-mbxf3vorlb] {
        padding: 0.4rem 0.5rem;
    }

    .live-vision__rosters[b-mbxf3vorlb] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.55rem;
        padding: 0.7rem;
    }

    .live-vision__roster[b-mbxf3vorlb],
    .live-vision__roster--opponent[b-mbxf3vorlb] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 0.25rem;
    }

    .live-vision__roster > div[b-mbxf3vorlb] {
        width: auto;
        height: auto;
        aspect-ratio: 1;
    }

    .live-vision__roster img[b-mbxf3vorlb] {
        width: 92%;
        height: 92%;
    }

    .live-vision__capture-state[b-mbxf3vorlb] {
        grid-row: 2;
    }

    .live-vision__roster--opponent[b-mbxf3vorlb] {
        grid-row: 3;
    }
}

@media (max-width: 480px) {
    .live-vision__status time[b-mbxf3vorlb] {
        display: none;
    }

    .live-vision__brand span[b-mbxf3vorlb],
    .live-vision__status span[b-mbxf3vorlb] {
        font-size: 0.64rem;
    }

    .live-vision__brand strong[b-mbxf3vorlb] {
        font-size: 0.78rem;
    }
}
/* /Pages/MatchManager.razor.rz.scp.css */
.legacy-manager-archive[b-h0a2ebp37c] {
    display: grid;
    place-items: center;
    min-height: 60vh;
    padding: 2rem 1rem;
}

.legacy-manager-archive__card[b-h0a2ebp37c] {
    width: min(720px, 100%);
    padding: 2rem;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.1);
}

.legacy-manager-archive__eyebrow[b-h0a2ebp37c] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.legacy-manager-archive__card h1[b-h0a2ebp37c] {
    margin: 0.35rem 0 0;
    color: #0f172a;
}

.legacy-manager-archive__card p[b-h0a2ebp37c] {
    margin: 1rem 0 0;
    color: #475569;
    font-weight: 700;
    line-height: 1.8;
}

.legacy-manager-archive__actions[b-h0a2ebp37c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

@media (max-width: 575.98px) {
    .legacy-manager-archive__actions[b-h0a2ebp37c] {
        display: grid;
    }
}
/* /Pages/MatchMy.razor.rz.scp.css */
.my-match[b-qrq908a4tx] {
    display: grid;
    gap: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
}

.my-match > *[b-qrq908a4tx] {
    min-width: 0;
}

.my-match__loading[b-qrq908a4tx] {
    padding: 2rem;
    color: #475569;
    text-align: center;
}

.my-match__hero[b-qrq908a4tx],
.my-match__section[b-qrq908a4tx] {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.my-match__hero[b-qrq908a4tx] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.75fr);
    gap: 1.25rem;
    align-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.my-match__profile[b-qrq908a4tx] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.my-match__avatar-frame[b-qrq908a4tx] {
    width: 96px;
    height: 96px;
    border: 3px solid #dbeafe;
    border-radius: 999px;
    overflow: hidden;
    background: #eff6ff;
}

.my-match__avatar[b-qrq908a4tx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my-match__eyebrow[b-qrq908a4tx] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.my-match__hero h1[b-qrq908a4tx],
.my-match__section-heading h2[b-qrq908a4tx] {
    margin: 0;
    color: #0f172a;
}

.my-match__hero p[b-qrq908a4tx] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.my-match__tags[b-qrq908a4tx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.my-match__tags span[b-qrq908a4tx] {
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
}

.my-match__stats[b-qrq908a4tx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.my-match__stats div[b-qrq908a4tx] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #eff6ff;
}

.my-match__stats span[b-qrq908a4tx] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
}

.my-match__stats strong[b-qrq908a4tx] {
    color: #0f172a;
    font-size: 1.7rem;
}

.my-match__hero-actions[b-qrq908a4tx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    grid-column: 1 / -1;
}

.my-match__hero-link[b-qrq908a4tx],
.my-match__toggle-button[b-qrq908a4tx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.5rem 0.95rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.84rem;
    font-weight: 900;
    text-decoration: none;
}

.my-match__hero-link:hover[b-qrq908a4tx],
.my-match__hero-link:focus-visible[b-qrq908a4tx],
.my-match__toggle-button:hover[b-qrq908a4tx],
.my-match__toggle-button:focus-visible[b-qrq908a4tx] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
    text-decoration: none;
    outline: none;
}

.my-match__hero-link--primary[b-qrq908a4tx] {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    border-color: #2563eb;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.2);
}

.my-match__hero-link--primary:hover[b-qrq908a4tx],
.my-match__hero-link--primary:focus-visible[b-qrq908a4tx] {
    background: #1d4ed8;
    color: #ffffff;
}

.my-match__section[b-qrq908a4tx] {
    padding: 1.2rem;
}

.my-match__section--priority[b-qrq908a4tx] {
    border-color: #bfdbfe;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.my-match__section-heading[b-qrq908a4tx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.my-match__section-heading p[b-qrq908a4tx] {
    margin: 0.35rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

.my-match__section-meta[b-qrq908a4tx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.my-match__section-meta span[b-qrq908a4tx] {
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 900;
    white-space: nowrap;
}

.my-match__tabs[b-qrq908a4tx] {
    display: block;
}

.my-match__grid[b-qrq908a4tx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
    padding-top: 1rem;
}

.my-match__card[b-qrq908a4tx] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.06);
}

.my-match__card--action[b-qrq908a4tx] {
    border-color: #fdba74;
    background: linear-gradient(180deg, #fff7ed 0%, #fffaf4 100%);
}

.my-match__card-kicker[b-qrq908a4tx] {
    display: block;
    margin-bottom: 0.25rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.my-match__card-title[b-qrq908a4tx] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 800;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.my-match__card-title:hover[b-qrq908a4tx] {
    color: #2563eb;
    text-decoration: none;
}

.my-match__card-meta[b-qrq908a4tx] {
    display: grid;
    gap: 0.15rem;
}

.my-match__card-meta span[b-qrq908a4tx],
.my-match__card-footer[b-qrq908a4tx] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.my-match__card-meta strong[b-qrq908a4tx] {
    color: #0f172a;
    font-size: 1.6rem;
}

.my-match__card-footer[b-qrq908a4tx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.my-match__remark-editor[b-qrq908a4tx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: end;
    padding: 0.7rem;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #ffffff;
}

.my-match__remark-field[b-qrq908a4tx] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
}

.my-match__remark-field span[b-qrq908a4tx] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 900;
}

.my-match__remark-input[b-qrq908a4tx] {
    width: 100%;
}

.my-match__remark-save[b-qrq908a4tx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid #2563eb;
    border-radius: 10px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap;
}

.my-match__remark-save:hover[b-qrq908a4tx],
.my-match__remark-save:focus-visible[b-qrq908a4tx] {
    background: #1d4ed8;
    outline: none;
}

.my-match__remark-save:disabled[b-qrq908a4tx] {
    border-color: #cbd5e1;
    background: #e2e8f0;
    color: #64748b;
    cursor: progress;
}

.my-match__quick-actions[b-qrq908a4tx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.my-match__action-link[b-qrq908a4tx],
.my-match__action-button[b-qrq908a4tx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.45rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
}

.my-match__action-link:hover[b-qrq908a4tx],
.my-match__action-link:focus-visible[b-qrq908a4tx],
.my-match__action-button:hover[b-qrq908a4tx],
.my-match__action-button:focus-visible[b-qrq908a4tx] {
    border-color: #2563eb;
    background: #dbeafe;
    color: #1d4ed8;
    text-decoration: none;
    outline: none;
}

.my-match__action-link--primary[b-qrq908a4tx],
.my-match__action-button--primary[b-qrq908a4tx] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.my-match__action-link--primary:hover[b-qrq908a4tx],
.my-match__action-link--primary:focus-visible[b-qrq908a4tx],
.my-match__action-button--primary:hover[b-qrq908a4tx],
.my-match__action-button--primary:focus-visible[b-qrq908a4tx] {
    background: #1d4ed8;
    color: #ffffff;
}

.my-match__team-preview[b-qrq908a4tx] {
    display: grid;
    gap: 0.6rem;
    padding: 0.8rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #ffffff;
}

.my-match__team-preview-header[b-qrq908a4tx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.my-match__team-preview-title[b-qrq908a4tx] {
    display: block;
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 900;
}

.my-match__team-preview-header small[b-qrq908a4tx] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.my-match__pokemon-strip[b-qrq908a4tx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
    min-height: 44px;
}

.my-match__pokemon-strip img[b-qrq908a4tx] {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border-radius: 999px;
    background: #f1f5f9;
}

.my-match__section-toggle[b-qrq908a4tx] {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}

.my-match__empty[b-qrq908a4tx] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    color: #64748b;
    background: #f8fafc;
}

@media (max-width: 767.98px) {
    .my-match[b-qrq908a4tx] {
        padding: 0.75rem;
    }

    .my-match__hero[b-qrq908a4tx] {
        grid-template-columns: 1fr;
    }

    .my-match__stats[b-qrq908a4tx] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .my-match__stats div[b-qrq908a4tx] {
        padding: 0.7rem;
    }

    .my-match[b-qrq908a4tx]  .my-match__tabs .rz-tabview-nav {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .my-match[b-qrq908a4tx]  .my-match__tabs .rz-tabview-nav::-webkit-scrollbar {
        display: none;
    }

    .my-match[b-qrq908a4tx]  .my-match__tabs .rz-tabview-nav li {
        flex: 0 0 auto;
    }

    .my-match[b-qrq908a4tx]  .my-match__tabs .rz-tabview-title {
        white-space: nowrap;
    }

    .my-match__section-heading[b-qrq908a4tx],
    .my-match__team-preview-header[b-qrq908a4tx] {
        flex-direction: column;
    }

    .my-match__remark-editor[b-qrq908a4tx] {
        grid-template-columns: 1fr;
    }

    .my-match__section-meta[b-qrq908a4tx] {
        justify-content: flex-start;
    }

    .my-match__hero-actions[b-qrq908a4tx],
    .my-match__quick-actions[b-qrq908a4tx],
    .my-match__section-toggle[b-qrq908a4tx] {
        width: 100%;
    }

    .my-match__hero-link[b-qrq908a4tx],
    .my-match__action-link[b-qrq908a4tx],
    .my-match__action-button[b-qrq908a4tx],
    .my-match__remark-save[b-qrq908a4tx],
    .my-match__toggle-button[b-qrq908a4tx] {
        width: 100%;
        min-height: 2.9rem;
    }
}
/* /Pages/MatchOnsite.razor.rz.scp.css */
.match-onsite[b-jllhdsi8hi] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    color: #0f172a;
}

.match-onsite__header[b-jllhdsi8hi],
.match-onsite__broadcast[b-jllhdsi8hi],
.match-onsite__panel[b-jllhdsi8hi],
.match-onsite__metrics > div[b-jllhdsi8hi] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.match-onsite__header[b-jllhdsi8hi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
}

.match-onsite__program-bar[b-jllhdsi8hi] {
    position: sticky;
    top: 4.75rem;
    z-index: 30;
    display: grid;
    grid-template-columns: minmax(10rem, 0.55fr) minmax(16rem, 1.2fr) auto;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(15, 23, 42, 0.16);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.96);
    color: #fff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.2);
    backdrop-filter: blur(12px);
}

.match-onsite__program-bar.is-off[b-jllhdsi8hi] {
    border-color: rgba(185, 28, 28, 0.28);
    background: rgba(255, 255, 255, 0.98);
    color: #0f172a;
}

.match-onsite__program-state[b-jllhdsi8hi],
.match-onsite__program-context[b-jllhdsi8hi] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.match-onsite__program-state i[b-jllhdsi8hi] {
    width: 0.7rem;
    height: 0.7rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0.28rem rgba(34, 197, 94, 0.18);
}

.match-onsite__program-bar.is-off .match-onsite__program-state i[b-jllhdsi8hi] {
    background: #dc2626;
    box-shadow: 0 0 0 0.28rem rgba(220, 38, 38, 0.12);
}

.match-onsite__program-state div[b-jllhdsi8hi],
.match-onsite__program-context[b-jllhdsi8hi] {
    min-width: 0;
}

.match-onsite__program-state span[b-jllhdsi8hi],
.match-onsite__program-context span[b-jllhdsi8hi],
.match-onsite__program-context small[b-jllhdsi8hi] {
    display: block;
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.match-onsite__program-state strong[b-jllhdsi8hi],
.match-onsite__program-context strong[b-jllhdsi8hi] {
    display: block;
    min-width: 0;
    overflow: hidden;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-onsite__program-bar.is-off .match-onsite__program-state span[b-jllhdsi8hi],
.match-onsite__program-bar.is-off .match-onsite__program-context span[b-jllhdsi8hi],
.match-onsite__program-bar.is-off .match-onsite__program-context small[b-jllhdsi8hi] {
    color: #64748b;
}

.match-onsite__program-context[b-jllhdsi8hi] {
    display: block;
}

.match-onsite__program-actions[b-jllhdsi8hi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.match-onsite__program-actions a[b-jllhdsi8hi],
.match-onsite__program-actions button[b-jllhdsi8hi] {
    min-height: 2rem;
    padding: 0.42rem 0.68rem;
}

.match-onsite__eyebrow[b-jllhdsi8hi],
.match-onsite__section-head span[b-jllhdsi8hi],
.match-onsite__metrics span[b-jllhdsi8hi],
.match-onsite__live-state span[b-jllhdsi8hi] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-onsite h1[b-jllhdsi8hi],
.match-onsite h2[b-jllhdsi8hi],
.match-onsite p[b-jllhdsi8hi] {
    margin: 0;
}

.match-onsite h1[b-jllhdsi8hi] {
    margin-top: 0.25rem;
    font-size: clamp(1.8rem, 3vw, 3rem);
    font-weight: 900;
}

.match-onsite h2[b-jllhdsi8hi] {
    font-size: 1.1rem;
    font-weight: 850;
}

.match-onsite p[b-jllhdsi8hi] {
    margin-top: 0.45rem;
    color: #475569;
    font-weight: 650;
}

.match-onsite__header-actions[b-jllhdsi8hi],
.match-onsite__battle-actions[b-jllhdsi8hi],
.match-onsite__player-actions[b-jllhdsi8hi],
.match-onsite__links[b-jllhdsi8hi],
.match-onsite__broadcast-actions[b-jllhdsi8hi],
.match-onsite__program-actions[b-jllhdsi8hi],
.match-onsite__toolbar[b-jllhdsi8hi],
.match-onsite__filters[b-jllhdsi8hi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.match-onsite a[b-jllhdsi8hi],
.match-onsite button[b-jllhdsi8hi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 7px;
    background: #fff;
    color: #0f172a;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.match-onsite__filters[b-jllhdsi8hi] {
    padding: 0.18rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.88);
}

.match-onsite__filters button[b-jllhdsi8hi] {
    min-height: 1.9rem;
    padding: 0.35rem 0.58rem;
    border: 0;
    background: transparent;
    color: #475569;
    box-shadow: none !important;
}

.match-onsite__filters button.is-active[b-jllhdsi8hi] {
    background: #0f172a;
    color: #fff;
}

.match-onsite button:disabled[b-jllhdsi8hi] {
    cursor: not-allowed;
    opacity: 0.48;
}

.match-onsite a:hover[b-jllhdsi8hi],
.match-onsite button:hover:not(:disabled)[b-jllhdsi8hi] {
    border-color: rgba(37, 99, 235, 0.36);
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.match-onsite__primary[b-jllhdsi8hi] {
    background: #0f172a !important;
    color: #fff !important;
    border-color: #0f172a !important;
}

.match-onsite__danger[b-jllhdsi8hi] {
    color: #991b1b !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
    background: rgba(254, 242, 242, 0.9) !important;
}

.match-onsite__metrics[b-jllhdsi8hi] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.match-onsite__metrics > div[b-jllhdsi8hi] {
    display: grid;
    gap: 0.25rem;
    padding: 1rem;
}

.match-onsite__metrics strong[b-jllhdsi8hi] {
    font-size: clamp(1.35rem, 2.4vw, 2.2rem);
    font-weight: 900;
}

.match-onsite__broadcast[b-jllhdsi8hi],
.match-onsite__panel[b-jllhdsi8hi] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
}

.match-onsite__section-head[b-jllhdsi8hi],
.match-onsite__live-state[b-jllhdsi8hi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.match-onsite__toolbar[b-jllhdsi8hi] {
    align-items: center;
    justify-content: flex-end;
}

.match-onsite__day-transition[b-jllhdsi8hi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(22, 101, 52, 0.24);
    border-radius: 8px;
    background: rgba(240, 253, 244, 0.92);
    color: #166534;
}

.match-onsite__day-transition strong[b-jllhdsi8hi] {
    flex: 0 0 auto;
}

.match-onsite__day-transition span[b-jllhdsi8hi] {
    min-width: 0;
    text-align: right;
}

.match-onsite__panel--players .match-onsite__section-head[b-jllhdsi8hi] {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 0.65rem;
}

.match-onsite__panel--players .match-onsite__section-head > div:first-child[b-jllhdsi8hi] {
    min-width: 0;
}

.match-onsite__player-toolbar[b-jllhdsi8hi] {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-content: stretch;
    gap: 0.55rem;
}

.match-onsite__player-toolbar .match-onsite__filters[b-jllhdsi8hi] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.2rem;
}

.match-onsite__player-toolbar .match-onsite__filters button[b-jllhdsi8hi] {
    min-width: 0;
    white-space: nowrap;
}

.match-onsite__player-toolbar .match-onsite__filters button:first-child[b-jllhdsi8hi] {
    grid-column: span 2;
}

.match-onsite__player-search[b-jllhdsi8hi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.4rem;
    min-width: 0;
}

.match-onsite__search-clear[b-jllhdsi8hi] {
    min-height: 2.25rem;
    padding-inline: 0.65rem;
}

.match-onsite__player-count[b-jllhdsi8hi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.35rem 0.65rem;
    border-radius: 7px;
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8 !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap;
}

.match-onsite__broadcast-actions[b-jllhdsi8hi] {
    justify-content: flex-end;
}

.match-onsite__broadcast-grid[b-jllhdsi8hi] {
    display: grid;
    grid-template-columns: minmax(20rem, 0.82fr) minmax(28rem, 1.18fr);
    gap: 1rem;
    align-items: start;
}

.match-onsite__broadcast-control[b-jllhdsi8hi] {
    display: grid;
    gap: 0.8rem;
    min-width: 0;
}

.match-onsite__room[b-jllhdsi8hi] {
    display: grid;
    gap: 0.25rem;
    min-width: min(18rem, 100%);
}

.match-onsite__room label[b-jllhdsi8hi] {
    margin: 0;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.match-onsite input[b-jllhdsi8hi],
.match-onsite select[b-jllhdsi8hi] {
    min-height: 2.25rem;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 7px;
    padding: 0.5rem 0.65rem;
    background: #fff;
    color: #0f172a;
    font-weight: 750;
}

.match-onsite__usage-control[b-jllhdsi8hi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.6rem;
    padding: 0.8rem;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 8px;
    background: rgba(239, 246, 255, 0.72);
}

.match-onsite__usage-control > div[b-jllhdsi8hi] {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.match-onsite__usage-control > .match-onsite__usage-control-fields[b-jllhdsi8hi] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.match-onsite__usage-control-fields > label[b-jllhdsi8hi] {
    min-width: 0;
    display: grid;
    gap: 0.28rem;
}

.match-onsite__usage-control > button[b-jllhdsi8hi] {
    grid-column: 1 / -1;
    justify-self: end;
}

.match-onsite__usage-control label[b-jllhdsi8hi] {
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 900;
}

.match-onsite__usage-control span[b-jllhdsi8hi] {
    overflow: hidden;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-onsite__usage-control select[b-jllhdsi8hi] {
    width: 100%;
    min-width: 0;
}

.match-onsite__usage-control > .match-onsite__usage-transport[b-jllhdsi8hi] {
    grid-template-columns: minmax(0, 0.9fr) minmax(12rem, 1.35fr) auto;
    align-items: end;
    gap: 0.65rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(37, 99, 235, 0.14);
}

.match-onsite__usage-transport-status[b-jllhdsi8hi],
.match-onsite__usage-transport > label[b-jllhdsi8hi] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.match-onsite__usage-transport-status strong[b-jllhdsi8hi] {
    min-height: 2.25rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-onsite__usage-transport-actions[b-jllhdsi8hi] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 0.4rem;
}

.match-onsite__usage-transport-actions button[b-jllhdsi8hi] {
    min-width: 4rem;
    min-height: 2.25rem;
    white-space: nowrap;
}

.match-onsite__live-state[b-jllhdsi8hi] {
    padding: 0.8rem;
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.92);
}

.match-onsite__overview-control[b-jllhdsi8hi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.8rem;
    border: 1px solid rgba(245, 158, 11, 0.22);
    border-radius: 8px;
    background: rgba(255, 251, 235, 0.82);
}

.match-onsite__overview-control span[b-jllhdsi8hi] {
    display: block;
    color: #92400e;
    font-size: 0.76rem;
    font-weight: 850;
}

.match-onsite__overview-control strong[b-jllhdsi8hi] {
    display: block;
    margin-top: 0.18rem;
    color: #451a03;
    font-size: 0.98rem;
}

.match-onsite__overview-actions[b-jllhdsi8hi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.match-onsite__live-actions[b-jllhdsi8hi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.match-onsite__live-state strong[b-jllhdsi8hi] {
    display: block;
    margin-top: 0.2rem;
    font-size: 1rem;
}

.match-onsite__overlay-links[b-jllhdsi8hi] {
    display: grid;
    gap: 0.55rem;
}

.match-onsite__overlay-links > div[b-jllhdsi8hi] {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.92);
}

.match-onsite__overlay-links span[b-jllhdsi8hi],
.match-onsite__overlay-preview-head span[b-jllhdsi8hi] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-onsite__overlay-links code[b-jllhdsi8hi] {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-onsite__overlay-preview[b-jllhdsi8hi] {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
}

.match-onsite__overlay-preview-head[b-jllhdsi8hi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.match-onsite__overlay-preview-head strong[b-jllhdsi8hi] {
    padding: 0.3rem 0.58rem;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 850;
}

.match-onsite__overlay-frame[b-jllhdsi8hi] {
    position: relative;
    container-type: inline-size;
    --onsite-overlay-preview-scale: calc(100cqw / 1920px);
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(45deg, rgba(148, 163, 184, 0.14) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(148, 163, 184, 0.14) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(148, 163, 184, 0.14) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(148, 163, 184, 0.14) 75%),
        #e5e7eb;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    background-size: 16px 16px;
}

.match-onsite__overlay-frame iframe[b-jllhdsi8hi] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    transform: scale(var(--onsite-overlay-preview-scale));
    transform-origin: top left;
    border: 0;
    pointer-events: none;
}

.match-onsite__grid[b-jllhdsi8hi] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(22rem, 0.8fr);
    gap: 1rem;
    align-items: start;
}

.match-onsite__search[b-jllhdsi8hi] {
    width: 100%;
    min-width: 0;
}

.match-onsite__battle-list[b-jllhdsi8hi],
.match-onsite__player-list[b-jllhdsi8hi] {
    display: grid;
    gap: 0.65rem;
}

.match-onsite__battle[b-jllhdsi8hi],
.match-onsite__player[b-jllhdsi8hi] {
    display: grid;
    gap: 0.65rem;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: #fff;
}

.match-onsite__battle[b-jllhdsi8hi] {
    grid-template-columns: minmax(12rem, 1fr) auto;
    grid-template-areas:
        "main score"
        "actions actions";
    align-items: center;
}

.match-onsite__battle.is-live[b-jllhdsi8hi] {
    border-color: rgba(245, 158, 11, 0.45);
    background: linear-gradient(90deg, rgba(255, 251, 235, 0.92), #fff);
}

.match-onsite__battle.is-started:not(.is-live)[b-jllhdsi8hi] {
    border-color: rgba(5, 150, 105, 0.42);
    box-shadow: inset 3px 0 #059669;
}

.match-onsite__battle.is-submitted:not(.is-live)[b-jllhdsi8hi] {
    background: rgba(248, 250, 252, 0.88);
}

.match-onsite__battle-main[b-jllhdsi8hi] {
    grid-area: main;
    min-width: 0;
}

.match-onsite__battle-main span[b-jllhdsi8hi] {
    color: #2563eb;
    font-weight: 900;
}

.match-onsite__battle-main strong[b-jllhdsi8hi] {
    display: block;
    min-width: 0;
    margin-top: 0.15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.05rem;
    font-weight: 900;
}

.match-onsite__battle-main i[b-jllhdsi8hi] {
    color: #94a3b8;
    font-style: normal;
    font-weight: 800;
}

.match-onsite__battle-main small[b-jllhdsi8hi] {
    color: #64748b;
    font-weight: 750;
}

.match-onsite__score[b-jllhdsi8hi] {
    grid-area: score;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.match-onsite__score input[b-jllhdsi8hi] {
    width: 3.8rem;
    text-align: center;
}

.match-onsite__score span[b-jllhdsi8hi] {
    color: #64748b;
    font-weight: 900;
}

.match-onsite__battle-actions[b-jllhdsi8hi] {
    grid-area: actions;
    justify-content: flex-end;
}

.match-onsite__analysis-action[b-jllhdsi8hi] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    border-color: rgba(22, 101, 52, 0.3) !important;
    background: rgba(240, 253, 244, 0.9) !important;
    color: #166534 !important;
}

.match-onsite__analysis-action[b-jllhdsi8hi]  .rzi {
    font-size: 1rem;
}

.match-onsite__player[b-jllhdsi8hi] {
    grid-template-areas:
        "identity"
        "actions"
        "chips";
    align-items: start;
    gap: 0.45rem 0.6rem;
    padding: 0.65rem;
}

.match-onsite__player.is-dropped[b-jllhdsi8hi] {
    background: rgba(248, 250, 252, 0.88);
}

.match-onsite__player > div:first-child[b-jllhdsi8hi] {
    grid-area: identity;
    min-width: 0;
}

.match-onsite__player strong[b-jllhdsi8hi] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 900;
}

.match-onsite__player small[b-jllhdsi8hi] {
    color: #64748b;
    font-weight: 800;
}

.match-onsite__chips[b-jllhdsi8hi] {
    grid-area: chips;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.match-onsite__chips span[b-jllhdsi8hi] {
    display: inline-flex;
    min-height: 1.45rem;
    align-items: center;
    padding: 0.16rem 0.42rem;
    border-radius: 999px;
    background: rgba(226, 232, 240, 0.72);
    color: #475569;
    font-size: 0.72rem;
    font-weight: 850;
    white-space: nowrap;
}

.match-onsite__player-actions[b-jllhdsi8hi] {
    grid-area: actions;
    justify-content: flex-start;
}

.match-onsite__player-actions button[b-jllhdsi8hi] {
    flex: 0 0 auto;
    min-height: 1.85rem;
    padding: 0.3rem 0.5rem;
    border-radius: 6px;
    font-size: 0.76rem;
    white-space: nowrap;
}

.match-onsite__chips .is-good[b-jllhdsi8hi] {
    background: rgba(220, 252, 231, 0.9);
    color: #166534;
}

.match-onsite__chips .is-live[b-jllhdsi8hi] {
    background: rgba(219, 234, 254, 0.92);
    color: #1d4ed8;
}

.match-onsite__chips .is-danger[b-jllhdsi8hi] {
    background: rgba(254, 226, 226, 0.92);
    color: #991b1b;
}

.match-onsite__empty[b-jllhdsi8hi] {
    padding: 1rem;
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.92);
    color: #64748b;
    font-weight: 750;
}

@media (max-width: 1100px) {
    .match-onsite__broadcast-grid[b-jllhdsi8hi],
    .match-onsite__grid[b-jllhdsi8hi],
    .match-onsite__metrics[b-jllhdsi8hi] {
        grid-template-columns: 1fr;
    }

    .match-onsite__battle[b-jllhdsi8hi] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "main"
            "score"
            "actions";
    }

    .match-onsite__player-toolbar .match-onsite__filters[b-jllhdsi8hi] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .match-onsite__player-toolbar .match-onsite__filters button:first-child[b-jllhdsi8hi] {
        grid-column: auto;
    }
}

@media (min-width: 1100.02px) {
    .match-onsite__panel--players[b-jllhdsi8hi] {
        position: sticky;
        top: 9.5rem;
        grid-template-rows: auto minmax(0, 1fr);
        max-height: calc(100vh - 10.25rem);
        overflow: hidden;
    }

    .match-onsite__panel--players .match-onsite__player-list[b-jllhdsi8hi] {
        min-height: 0;
        overflow-y: auto;
        padding-right: 0.15rem;
    }
}

@media (max-width: 720px) {
    .match-onsite__day-transition[b-jllhdsi8hi] {
        display: grid;
    }

    .match-onsite__day-transition span[b-jllhdsi8hi] {
        text-align: left;
    }

    .match-onsite[b-jllhdsi8hi] {
        padding: 0.8rem;
    }

    .match-onsite__header[b-jllhdsi8hi],
    .match-onsite__program-bar[b-jllhdsi8hi],
    .match-onsite__section-head[b-jllhdsi8hi],
    .match-onsite__live-state[b-jllhdsi8hi],
    .match-onsite__overview-control[b-jllhdsi8hi] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-onsite__metrics[b-jllhdsi8hi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-onsite__usage-control[b-jllhdsi8hi] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .match-onsite__usage-control > .match-onsite__usage-control-fields[b-jllhdsi8hi] {
        grid-template-columns: 1fr;
    }

    .match-onsite__usage-control > .match-onsite__usage-transport[b-jllhdsi8hi] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .match-onsite__usage-transport-actions[b-jllhdsi8hi] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .match-onsite__usage-transport-actions button[b-jllhdsi8hi] {
        min-width: 0;
    }

    .match-onsite__usage-control > button[b-jllhdsi8hi] {
        width: 100%;
    }

    .match-onsite__header-actions[b-jllhdsi8hi],
    .match-onsite__battle-actions[b-jllhdsi8hi],
    .match-onsite__player-actions[b-jllhdsi8hi],
    .match-onsite__live-actions[b-jllhdsi8hi],
    .match-onsite__overview-actions[b-jllhdsi8hi],
    .match-onsite__program-actions[b-jllhdsi8hi],
    .match-onsite__broadcast-actions[b-jllhdsi8hi],
    .match-onsite__toolbar[b-jllhdsi8hi] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .match-onsite__program-bar[b-jllhdsi8hi] {
        position: static;
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .match-onsite__program-actions[b-jllhdsi8hi] {
        justify-content: stretch;
    }

    .match-onsite__player[b-jllhdsi8hi] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "identity"
            "chips"
            "actions";
    }

    .match-onsite__player-actions[b-jllhdsi8hi] {
        justify-content: stretch;
    }

    .match-onsite__player-toolbar[b-jllhdsi8hi] {
        grid-template-columns: 1fr;
    }

    .match-onsite__player-toolbar .match-onsite__filters[b-jllhdsi8hi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-onsite__player-search[b-jllhdsi8hi] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/MatchOverlay.razor.rz.scp.css */
html[b-w5wph66qxf],
body[b-w5wph66qxf] {
    background: transparent;
}

.match-overlay[b-w5wph66qxf] {
    --overlay-panel: rgba(10, 15, 26, 0.58);
    --overlay-panel-strong: rgba(8, 13, 24, 0.78);
    --overlay-line: rgba(148, 163, 184, 0.18);
    --overlay-muted: rgba(226, 232, 240, 0.68);
    --overlay-text: #f8fafc;
    --overlay-accent: #fbbf24;
    --overlay-blue: #7dd3fc;
    --overlay-live: #38bdf8;
    --overlay-win: #fde68a;
    --overlay-loss: rgba(226, 232, 240, 0.52);
    --overlay-draw: #fbbf24;
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    color: var(--overlay-text);
    background: transparent;
    font-family: var(--pts-font-sans, "UD Shin Go SC R", "Microsoft YaHei", "Segoe UI", sans-serif);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.58);
    animation: overlayFadeIn-b-w5wph66qxf 420ms ease-out both;
}

.match-overlay--empty[b-w5wph66qxf] {
    text-align: center;
    background: transparent;
}

.match-overlay__stage[b-w5wph66qxf] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.match-overlay__layer[b-w5wph66qxf] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    transform-origin: 50% 8%;
    will-change: opacity, transform, filter;
}

.match-overlay__layer--current[b-w5wph66qxf] {
    z-index: 2;
}

.match-overlay__layer--exit[b-w5wph66qxf] {
    z-index: 1;
}

.match-overlay__layer--current.match-overlay__layer--variant-a[b-w5wph66qxf] {
    opacity: 1;
}

.match-overlay__layer--current.match-overlay__layer--variant-b[b-w5wph66qxf] {
    opacity: 1;
}

.match-overlay__layer--current.match-overlay__layer--sequential-podium[b-w5wph66qxf] {
    animation: overlaySequentialPodiumIn-b-w5wph66qxf 520ms cubic-bezier(0.16, 0.86, 0.22, 1) 420ms both;
}

.match-overlay__layer--current.match-overlay__layer--team-preview-enter[b-w5wph66qxf] {
    animation: overlayTeamPreviewLayerIn-b-w5wph66qxf 720ms cubic-bezier(0.16, 0.86, 0.22, 1) 120ms both;
}

.match-overlay__layer--current.match-overlay__layer--team-preview-exit[b-w5wph66qxf] {
    animation: overlayAfterTeamPreviewLayerIn-b-w5wph66qxf 600ms cubic-bezier(0.16, 0.86, 0.22, 1) 120ms both;
}

.match-overlay__layer--current.match-overlay__layer--player-intro-enter[b-w5wph66qxf] {
    animation: overlayPlayerIntroLayerIn-b-w5wph66qxf 860ms cubic-bezier(0.14, 0.88, 0.2, 1) 120ms both;
}

.match-overlay__layer--current.match-overlay__layer--player-intro-exit[b-w5wph66qxf] {
    animation: overlayAfterPlayerIntroLayerIn-b-w5wph66qxf 660ms cubic-bezier(0.16, 0.86, 0.22, 1) 120ms both;
}

.match-overlay__layer--current.match-overlay__layer--usage-enter[b-w5wph66qxf] {
    animation: overlayUsageLayerIn-b-w5wph66qxf 720ms cubic-bezier(0.16, 0.86, 0.22, 1) 100ms both;
}

.match-overlay__layer--current.match-overlay__layer--usage-switch[b-w5wph66qxf] {
    animation: overlayUsageSwitchIn-b-w5wph66qxf 760ms cubic-bezier(0.14, 0.88, 0.2, 1) 140ms both;
}

.match-overlay__layer--current.match-overlay__layer--usage-exit[b-w5wph66qxf] {
    animation: overlayAfterUsageLayerIn-b-w5wph66qxf 640ms cubic-bezier(0.16, 0.86, 0.22, 1) 100ms both;
}

.match-overlay__layer--exit.match-overlay__layer--variant-a[b-w5wph66qxf] {
    animation: overlayLayerOutA-b-w5wph66qxf 420ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit.match-overlay__layer--variant-b[b-w5wph66qxf] {
    animation: overlayLayerOutB-b-w5wph66qxf 420ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit.match-overlay__layer--sequential-podium[b-w5wph66qxf] {
    animation: overlaySequentialPodiumOut-b-w5wph66qxf 420ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit.match-overlay__layer--team-preview-enter[b-w5wph66qxf] {
    animation: overlayBeforeTeamPreviewLayerOut-b-w5wph66qxf 420ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit.match-overlay__layer--team-preview-exit[b-w5wph66qxf] {
    animation: overlayTeamPreviewLayerOut-b-w5wph66qxf 460ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit.match-overlay__layer--player-intro-enter[b-w5wph66qxf] {
    animation: overlayBeforePlayerIntroLayerOut-b-w5wph66qxf 460ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit.match-overlay__layer--player-intro-exit[b-w5wph66qxf] {
    animation: overlayPlayerIntroLayerOut-b-w5wph66qxf 520ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit.match-overlay__layer--usage-enter[b-w5wph66qxf] {
    animation: overlayBeforeUsageLayerOut-b-w5wph66qxf 420ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit.match-overlay__layer--usage-switch[b-w5wph66qxf] {
    animation: overlayUsageSwitchOut-b-w5wph66qxf 520ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit.match-overlay__layer--usage-exit[b-w5wph66qxf] {
    animation: overlayUsageLayerOut-b-w5wph66qxf 500ms cubic-bezier(0.4, 0, 0.2, 1) both;
}

.match-overlay__layer--exit .match-overlay__scene[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__side[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__rank[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__live[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__overview[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__pairing[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__scoreline[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__team-preview-head[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__team-preview-side[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__team-preview-vs[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-identity[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-career[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-team[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-brand[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-backdrop i[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-current[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-record > div[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-metrics > div[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-highlights > header[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-highlight[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__player-intro-highlights-empty[b-w5wph66qxf] {
    animation: none !important;
}

.match-overlay__layer--exit .match-overlay__usage-header[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__usage-header[b-w5wph66qxf]::after,
.match-overlay__layer--exit .match-overlay__usage-card[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__usage-card[b-w5wph66qxf]::after,
.match-overlay__layer--exit .match-overlay__usage-rank[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__usage-pokemon[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__usage-types[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__usage-card-copy[b-w5wph66qxf],
.match-overlay__layer--exit .match-overlay__usage-meter i[b-w5wph66qxf] {
    animation: none !important;
}

@keyframes overlayUsageLayerIn-b-w5wph66qxf {
    from {
        opacity: 0;
        filter: blur(8px);
        transform: translateY(5.5rem) scale(0.96);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayUsageSwitchIn-b-w5wph66qxf {
    from {
        opacity: 0;
        clip-path: inset(0 100% 0 0);
        transform: translateX(4rem);
    }
    to {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: translateX(0);
    }
}

@keyframes overlayAfterUsageLayerIn-b-w5wph66qxf {
    from {
        opacity: 0;
        transform: scale(1.035);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes overlayBeforeUsageLayerOut-b-w5wph66qxf {
    to {
        opacity: 0;
        filter: blur(4px);
        transform: scale(1.025);
    }
}

@keyframes overlayUsageSwitchOut-b-w5wph66qxf {
    to {
        opacity: 0;
        clip-path: inset(0 0 0 100%);
        transform: translateX(-4rem);
    }
}

@keyframes overlayUsageLayerOut-b-w5wph66qxf {
    to {
        opacity: 0;
        filter: blur(7px);
        transform: translateY(-4rem) scale(0.97);
    }
}

@keyframes overlayFadeIn-b-w5wph66qxf {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes overlayLayerInA-b-w5wph66qxf {
    0% {
        opacity: 0;
        filter: blur(7px);
        transform: translateY(58px) scale(0.968);
    }
    68% {
        opacity: 1;
        filter: blur(1.2px);
        transform: translateY(13px) scale(0.997);
    }
    100% {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayLayerInB-b-w5wph66qxf {
    0% {
        opacity: 0;
        filter: blur(7px);
        transform: translateY(58px) scale(0.968);
    }
    68% {
        opacity: 1;
        filter: blur(1.2px);
        transform: translateY(13px) scale(0.997);
    }
    100% {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayLayerOutA-b-w5wph66qxf {
    0% {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        filter: blur(2px);
        transform: translateY(-18px) scale(0.99);
    }
}

@keyframes overlayLayerOutB-b-w5wph66qxf {
    0% {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        filter: blur(2px);
        transform: translateY(-18px) scale(0.99);
    }
}

@keyframes overlaySequentialPodiumOut-b-w5wph66qxf {
    0% {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        filter: blur(2px);
        transform: translateY(-10px) scale(0.994);
    }
}

@keyframes overlaySequentialPodiumIn-b-w5wph66qxf {
    0% {
        opacity: 0;
        filter: blur(5px);
        transform: translateY(20px) scale(0.986);
    }
    68% {
        opacity: 1;
        filter: blur(1px);
        transform: translateY(-2px) scale(1.004);
    }
    100% {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayTeamPreviewLayerIn-b-w5wph66qxf {
    0% {
        opacity: 0;
        clip-path: inset(7% 6% round 24px);
        filter: blur(8px);
        transform: scale(0.982);
    }
    62% {
        opacity: 1;
        clip-path: inset(1.2% 1% round 8px);
        filter: blur(1.2px);
        transform: scale(0.998);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 round 0);
        filter: blur(0);
        transform: scale(1);
    }
}

@keyframes overlayBeforeTeamPreviewLayerOut-b-w5wph66qxf {
    from {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
    }
    to {
        opacity: 0;
        filter: blur(4px);
        transform: scale(1.012);
    }
}

@keyframes overlayTeamPreviewLayerOut-b-w5wph66qxf {
    from {
        opacity: 1;
        clip-path: inset(0 round 0);
        filter: blur(0);
        transform: scale(1);
    }
    to {
        opacity: 0;
        clip-path: inset(6% 5% round 22px);
        filter: blur(6px);
        transform: scale(0.986);
    }
}

@keyframes overlayAfterTeamPreviewLayerIn-b-w5wph66qxf {
    0% {
        opacity: 0;
        filter: blur(6px);
        transform: translateY(24px) scale(0.99);
    }
    100% {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayPlayerIntroLayerIn-b-w5wph66qxf {
    0% {
        opacity: 0;
        clip-path: inset(0 50% 0 50%);
        filter: blur(10px) brightness(0.72);
        transform: scale(1.025);
    }
    58% {
        opacity: 1;
        clip-path: inset(0 3% 0 3%);
        filter: blur(1.5px) brightness(0.96);
        transform: scale(1.002);
    }
    100% {
        opacity: 1;
        clip-path: inset(0);
        filter: blur(0) brightness(1);
        transform: scale(1);
    }
}

@keyframes overlayBeforePlayerIntroLayerOut-b-w5wph66qxf {
    from {
        opacity: 1;
        filter: blur(0) brightness(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        filter: blur(5px) brightness(0.64);
        transform: scale(0.988);
    }
}

@keyframes overlayPlayerIntroLayerOut-b-w5wph66qxf {
    from {
        opacity: 1;
        clip-path: inset(0);
        filter: blur(0);
        transform: scale(1);
    }
    to {
        opacity: 0;
        clip-path: inset(0 48% 0 48%);
        filter: blur(8px);
        transform: scale(1.016);
    }
}

@keyframes overlayAfterPlayerIntroLayerIn-b-w5wph66qxf {
    0% {
        opacity: 0;
        filter: blur(6px) brightness(0.78);
        transform: scale(0.992);
    }
    100% {
        opacity: 1;
        filter: blur(0) brightness(1);
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .match-overlay[b-w5wph66qxf],
    .match-overlay__layer[b-w5wph66qxf] {
        animation: none !important;
    }
}
/* /Pages/MatchPlayerList.razor.rz.scp.css */
.match-player-list[b-edgqdhzui2] {
    display: grid;
    gap: 1.5rem;
}

.match-player-list__hero[b-edgqdhzui2] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1.7fr) minmax(17rem, 1fr);
    align-items: start;
    padding: 1.75rem;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(240, 249, 255, 0.94));
    border: 1px solid rgba(148, 163, 184, 0.2);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.08);
}

.match-player-list__eyebrow[b-edgqdhzui2] {
    display: inline-flex;
    margin-bottom: 0.65rem;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2563eb;
}

.match-player-list__hero h1[b-edgqdhzui2] {
    margin: 0 0 0.75rem;
    font-size: clamp(2rem, 3vw, 2.75rem);
}

.match-player-list__hero p[b-edgqdhzui2] {
    margin: 0;
    max-width: 42rem;
    color: #475569;
    line-height: 1.7;
}

.match-player-list__stats[b-edgqdhzui2] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.match-player-list__stats div[b-edgqdhzui2] {
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.match-player-list__stats span[b-edgqdhzui2],
.match-player-list__declaration span[b-edgqdhzui2],
.match-player-list__meta dt[b-edgqdhzui2],
.match-player-list__shadow-id[b-edgqdhzui2] {
    display: block;
    font-size: 0.82rem;
    color: #64748b;
}

.match-player-list__stats strong[b-edgqdhzui2] {
    display: block;
    margin-top: 0.35rem;
    font-size: 1.15rem;
    color: #0f172a;
}

.match-player-list__toolbar[b-edgqdhzui2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.match-player-list__back-link[b-edgqdhzui2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 700;
    text-decoration: none;
}

.match-player-list__back-link--secondary[b-edgqdhzui2] {
    background: #f8fafc;
    color: #334155;
}

.match-player-list__grid[b-edgqdhzui2] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.match-player-list__card[b-edgqdhzui2] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 1.25rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.match-player-list__card-header[b-edgqdhzui2],
.match-player-list__identity[b-edgqdhzui2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
}

.match-player-list__identity[b-edgqdhzui2] {
    justify-content: flex-start;
}

.match-player-list__avatar[b-edgqdhzui2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 800;
}

.match-player-list__card h2[b-edgqdhzui2] {
    margin: 0.2rem 0 0;
    font-size: 1.15rem;
    color: #0f172a;
}

.match-player-list__role-tag[b-edgqdhzui2] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.2rem 0.75rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 0.82rem;
    font-weight: 700;
}

.match-player-list__meta[b-edgqdhzui2] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.match-player-list__meta div[b-edgqdhzui2],
.match-player-list__declaration[b-edgqdhzui2] {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.14);
}

.match-player-list__meta dd[b-edgqdhzui2],
.match-player-list__declaration p[b-edgqdhzui2] {
    margin: 0.35rem 0 0;
    color: #0f172a;
    line-height: 1.65;
    word-break: break-word;
}

@media (max-width: 900px) {
    .match-player-list__hero[b-edgqdhzui2] {
        grid-template-columns: 1fr;
    }

    .match-player-list__stats[b-edgqdhzui2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .match-player-list__hero[b-edgqdhzui2],
    .match-player-list__card[b-edgqdhzui2] {
        padding: 1.15rem;
        border-radius: 1.1rem;
    }

    .match-player-list__stats[b-edgqdhzui2],
    .match-player-list__meta[b-edgqdhzui2] {
        grid-template-columns: 1fr;
    }

    .match-player-list__toolbar[b-edgqdhzui2] {
        flex-direction: column;
    }

    .match-player-list__back-link[b-edgqdhzui2] {
        width: 100%;
    }

    .match-player-list__card-header[b-edgqdhzui2] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/MatchRegister.razor.rz.scp.css */
.registration-page[b-drjvznz5g7] {
    display: grid;
    gap: 1.25rem;
    width: min(100% - 2rem, 1080px);
    margin: 0 auto;
    padding: 1rem 0 3rem;
    color: #0f172a;
}

.registration-page__hero[b-drjvznz5g7],
.registration-page__form-shell[b-drjvznz5g7],
.registration-page__login[b-drjvznz5g7],
.registration-page__state[b-drjvznz5g7],
.registration-page__preview[b-drjvznz5g7] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.registration-page__hero[b-drjvznz5g7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 0.28fr);
    gap: 1.5rem;
    align-items: center;
    padding: 1.25rem;
}

.registration-page__event[b-drjvznz5g7] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-width: 0;
}

.registration-page__event img[b-drjvznz5g7] {
    display: block;
    width: 72px;
    aspect-ratio: 1;
    object-fit: cover;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #f8fafc;
}

.registration-page__eyebrow[b-drjvznz5g7],
.registration-page__login span[b-drjvznz5g7] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
}

.registration-page__event h1[b-drjvznz5g7],
.registration-page__event p[b-drjvznz5g7],
.registration-page__form-heading h2[b-drjvznz5g7],
.registration-page__login h2[b-drjvznz5g7],
.registration-page__login p[b-drjvznz5g7],
.registration-page__state h1[b-drjvznz5g7],
.registration-page__state h2[b-drjvznz5g7],
.registration-page__state p[b-drjvznz5g7] {
    margin: 0;
}

.registration-page__event h1[b-drjvznz5g7] {
    margin-top: 0.2rem;
    color: #0f172a;
    font-size: 1.5rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.registration-page__event p[b-drjvznz5g7] {
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.92rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.registration-page__back-link[b-drjvznz5g7] {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    width: fit-content;
    margin-top: 0.7rem;
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

.registration-page__back-link:hover[b-drjvznz5g7] {
    color: #1d4ed8;
    text-decoration: none;
}

.registration-page__back-link[b-drjvznz5g7]  .rzi {
    font-size: 1rem;
}

.registration-page__capacity[b-drjvznz5g7] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    padding-left: 1.5rem;
    border-left: 1px solid #e2e8f0;
}

.registration-page__capacity > span[b-drjvznz5g7] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.registration-page__capacity div[b-drjvznz5g7] {
    display: flex;
    gap: 0.35rem;
    align-items: baseline;
}

.registration-page__capacity strong[b-drjvznz5g7] {
    color: #0f766e;
    font-size: 1.55rem;
    line-height: 1;
}

.registration-page__capacity small[b-drjvznz5g7] {
    color: #64748b;
    font-weight: 700;
}

.registration-page__capacity progress[b-drjvznz5g7] {
    width: 100%;
    height: 6px;
    overflow: hidden;
    border: 0;
    border-radius: 3px;
    background: #e2e8f0;
    color: #0f766e;
}

.registration-page__capacity progress[b-drjvznz5g7]::-webkit-progress-bar {
    background: #e2e8f0;
}

.registration-page__capacity progress[b-drjvznz5g7]::-webkit-progress-value {
    background: #0f766e;
}

.registration-page__capacity progress[b-drjvznz5g7]::-moz-progress-bar {
    background: #0f766e;
}

.registration-page__login[b-drjvznz5g7],
.registration-page__state[b-drjvznz5g7] {
    padding: 1.25rem;
}

.registration-page__login[b-drjvznz5g7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    border-left: 4px solid #2563eb;
}

.registration-page__login h2[b-drjvznz5g7],
.registration-page__state h1[b-drjvznz5g7],
.registration-page__state h2[b-drjvznz5g7] {
    margin-top: 0.2rem;
    color: #0f172a;
    font-size: 1.3rem;
    line-height: 1.3;
}

.registration-page__login p[b-drjvznz5g7],
.registration-page__state p[b-drjvznz5g7] {
    margin-top: 0.35rem;
    color: #64748b;
}

.registration-page__state[b-drjvznz5g7] {
    display: grid;
    gap: 0.5rem;
    border-left: 4px solid #dc2626;
}

.registration-page__state--success[b-drjvznz5g7] {
    gap: 0.85rem;
    border-left-color: #0f766e;
}

.registration-page__registered-heading[b-drjvznz5g7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.registration-page__registered-heading > div[b-drjvznz5g7] {
    min-width: 0;
}

.registration-page__registered-heading > span[b-drjvznz5g7] {
    display: inline-flex;
    gap: 0.3rem;
    align-items: center;
    flex: 0 0 auto;
    min-height: 2rem;
    padding: 0.35rem 0.6rem;
    border: 1px solid #b7ddcf;
    border-radius: 4px;
    background: #edf8f3;
    color: #0f684d;
    font-size: 0.78rem;
    font-weight: 850;
}

.registration-page__state a[b-drjvznz5g7],
.registration-page__login a[b-drjvznz5g7],
.registration-page__account a[b-drjvznz5g7] {
    color: #2563eb;
    font-weight: 800;
}

.registration-page__state-actions[b-drjvznz5g7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.registration-page__state-actions a[b-drjvznz5g7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 1rem;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    background: #ffffff;
    color: #334155;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

.registration-page__state-actions a:hover[b-drjvznz5g7] {
    border-color: #94a3b8;
    background: #f8fafc;
    color: #0f172a;
}

.registration-page__state-actions a:focus-visible[b-drjvznz5g7] {
    outline: 3px solid rgba(37, 99, 235, 0.24);
    outline-offset: 2px;
}

.registration-page__state-actions a.registration-page__state-primary[b-drjvznz5g7] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff !important;
}

.registration-page__state-actions a.registration-page__state-primary:hover[b-drjvznz5g7] {
    border-color: #1d4ed8;
    background: #1d4ed8;
}

.registration-page__preview[b-drjvznz5g7] {
    padding: 1.25rem;
}

.registration-page__preview h2[b-drjvznz5g7] {
    margin: 0 0 0.85rem;
    color: #0f172a;
    font-size: 1rem;
}

.registration-page__preview div[b-drjvznz5g7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.registration-page__preview span[b-drjvznz5g7] {
    padding: 0.35rem 0.55rem;
    border: 1px solid #dbeafe;
    border-radius: 4px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.84rem;
    font-weight: 700;
}

.registration-page__form-shell[b-drjvznz5g7] {
    overflow: hidden;
}

.registration-page__form-heading[b-drjvznz5g7] {
    display: grid;
    gap: 0.2rem;
    padding: 1.25rem;
    border-bottom: 1px solid #e2e8f0;
}

.registration-page__form-heading h2[b-drjvznz5g7] {
    color: #0f172a;
    font-size: 1.2rem;
    line-height: 1.3;
}

.registration-page form[b-drjvznz5g7] {
    display: grid;
}

.registration-page__form-row[b-drjvznz5g7],
.registration-page__form-actions[b-drjvznz5g7] {
    display: grid;
    grid-template-columns: minmax(160px, 0.3fr) minmax(0, 0.7fr);
    gap: 1.5rem;
    align-items: start;
    min-width: 0;
    margin: 0;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid #e2e8f0;
    box-sizing: border-box;
}

.registration-page__form-row--account[b-drjvznz5g7] {
    align-items: center;
    background: #f8fafc;
}

.registration-page__row-label[b-drjvznz5g7] {
    padding-top: 0.65rem;
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.registration-page__form-row--account .registration-page__row-label[b-drjvznz5g7] {
    padding-top: 0;
}

.registration-page__row-heading[b-drjvznz5g7] {
    display: grid;
    align-content: start;
    gap: 0.2rem;
}

.registration-page__row-heading .registration-page__row-label[b-drjvznz5g7] {
    padding-top: 0;
}

.registration-page__row-heading small[b-drjvznz5g7] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.registration-page__row-label b[b-drjvznz5g7] {
    color: #dc2626;
}

.registration-page__control[b-drjvznz5g7] {
    display: grid;
    gap: 0.45rem;
    width: min(100%, 640px);
    min-width: 0;
}

.registration-page__control input[b-drjvznz5g7],
.registration-page__control textarea[b-drjvznz5g7],
.registration-page__control select[b-drjvznz5g7] {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    box-sizing: border-box;
    padding: 0.68rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
}

.registration-page__control textarea[b-drjvznz5g7] {
    min-height: 88px;
    resize: vertical;
}

.registration-page__control input[b-drjvznz5g7]::placeholder,
.registration-page__control textarea[b-drjvznz5g7]::placeholder {
    color: #94a3b8;
}

.registration-page__control input:focus[b-drjvznz5g7],
.registration-page__control textarea:focus[b-drjvznz5g7],
.registration-page__control select:focus[b-drjvznz5g7] {
    border-color: #2563eb;
    outline: 3px solid rgba(37, 99, 235, 0.13);
}

.registration-page__control small[b-drjvznz5g7] {
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.45;
}

.registration-page__account[b-drjvznz5g7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    width: min(100%, 640px);
    min-width: 0;
}

.registration-page__account strong[b-drjvznz5g7] {
    min-width: 0;
    color: #0f172a;
    overflow-wrap: anywhere;
}

.registration-page__account a[b-drjvznz5g7] {
    flex: 0 0 auto;
    font-size: 0.88rem;
}

.registration-page__checkbox[b-drjvznz5g7] {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    min-height: 44px;
    color: #0f172a;
    font-weight: 700;
    cursor: pointer;
}

.registration-page__checkbox input[b-drjvznz5g7] {
    width: 20px;
    height: 20px;
    min-height: 20px;
    flex: 0 0 auto;
    padding: 0;
    accent-color: #2563eb;
}

.registration-page__form-row--team[b-drjvznz5g7] {
    align-items: start;
}

.registration-page__team-submission[b-drjvznz5g7] {
    gap: 0.75rem;
}

.registration-page__team-modes[b-drjvznz5g7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: min(100%, 560px);
    min-height: 44px;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
}

.registration-page__team-mode[b-drjvznz5g7] {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    padding: 0.55rem 0.75rem;
    border: 0;
    border-right: 1px solid #cbd5e1;
    background: transparent;
    color: #475569;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.registration-page__team-mode:last-child[b-drjvznz5g7] {
    border-right: 0;
}

.registration-page__team-mode--active[b-drjvznz5g7] {
    background: #2563eb;
    color: #ffffff;
}

@media (hover: hover) and (pointer: fine) {
    .registration-page__team-mode--camera[b-drjvznz5g7] {
        display: none;
    }

    .registration-page__team-modes[b-drjvznz5g7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.registration-page__team-mode:focus-visible[b-drjvznz5g7] {
    position: relative;
    outline: 3px solid rgba(37, 99, 235, 0.25);
    outline-offset: -3px;
}

.registration-page__team-input[b-drjvznz5g7] {
    display: grid;
    gap: 0.4rem;
    align-items: start;
}

.registration-page__team-input small[b-drjvznz5g7] {
    color: #64748b;
    font-size: 0.82rem;
}

.registration-page__team-input[b-drjvznz5g7]  .rz-fileupload {
    width: min(100%, 480px);
}

.registration-page__team-input[b-drjvznz5g7]  .rz-fileupload-choose {
    min-height: 44px;
    border-radius: 5px;
}

.registration-page__rental-input[b-drjvznz5g7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    width: min(100%, 560px);
}

.registration-page__showdown-input[b-drjvznz5g7] {
    display: grid;
    gap: 0.65rem;
    width: min(100%, 560px);
}

.registration-page__showdown-input textarea[b-drjvznz5g7] {
    width: 100%;
    min-height: 168px;
    padding: 0.75rem;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    background: #ffffff;
    color: #0f172a;
    font: inherit;
    line-height: 1.5;
    resize: vertical;
}

.registration-page__showdown-input textarea:focus[b-drjvznz5g7] {
    border-color: #2563eb;
    outline: 3px solid rgba(37, 99, 235, 0.16);
}

.registration-page__showdown-actions[b-drjvznz5g7] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.registration-page__showdown-actions small[b-drjvznz5g7] {
    color: #64748b;
    font-size: 0.82rem;
}

.registration-page__prepare-team[b-drjvznz5g7] {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 1rem;
    border: 0;
    border-radius: 5px;
    background: #2563eb;
    color: #ffffff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.registration-page__prepare-team:disabled[b-drjvznz5g7] {
    cursor: wait;
    opacity: 0.65;
}

.registration-page__team-note[b-drjvznz5g7] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    width: min(100%, 560px);
    margin: 0;
    padding: 0.7rem 0.8rem;
    box-sizing: border-box;
    border-left: 3px solid #2563eb;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.5;
}

.registration-page__team-note[b-drjvznz5g7]  .rzi {
    margin-top: 0.08rem;
    flex: 0 0 auto;
}

.registration-page__team-message[b-drjvznz5g7] {
    width: min(100%, 560px);
    padding: 0.7rem 0.8rem;
    box-sizing: border-box;
    border-left: 3px solid #0f766e;
    background: #f0fdfa;
    color: #115e59;
    font-size: 0.84rem;
    font-weight: 800;
}

.registration-page__team-message--error[b-drjvznz5g7] {
    border-left-color: #dc2626;
    background: #fef2f2;
    color: #991b1b;
}

.registration-page__team-warnings[b-drjvznz5g7] {
    display: grid;
    gap: 0.3rem;
    width: min(100%, 560px);
    padding: 0.7rem 0.8rem;
    box-sizing: border-box;
    background: #fffbeb;
    color: #92400e;
    font-size: 0.82rem;
    font-weight: 700;
}

.registration-page__prepared-team[b-drjvznz5g7] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 36px;
    gap: 0.75rem;
    align-items: center;
    width: min(100%, 560px);
    padding: 0.75rem;
    box-sizing: border-box;
    border: 1px solid #99f6e4;
    border-radius: 6px;
    background: #f0fdfa;
}

.registration-page__prepared-team img[b-drjvznz5g7] {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
    border: 1px solid #ccfbf1;
    border-radius: 5px;
}

.registration-page__prepared-icon[b-drjvznz5g7] {
    color: #0f766e;
    font-size: 2rem;
    justify-self: center;
}

.registration-page__prepared-team div[b-drjvznz5g7] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.registration-page__prepared-team strong[b-drjvznz5g7] {
    color: #115e59;
}

.registration-page__prepared-team span[b-drjvznz5g7] {
    color: #475569;
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.registration-page__prepared-team > button[b-drjvznz5g7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

.registration-page__prepared-team > button:hover[b-drjvznz5g7] {
    background: #ccfbf1;
    color: #0f766e;
}

.registration-page__form-actions[b-drjvznz5g7] {
    border-bottom: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.registration-page__action-content[b-drjvznz5g7] {
    display: grid;
    gap: 0.8rem;
    justify-items: end;
    width: min(100%, 640px);
}

.registration-page__error[b-drjvznz5g7] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem;
    border-left: 4px solid #dc2626;
    background: #fef2f2;
    color: #991b1b;
    font-weight: 700;
}

.registration-page__submit[b-drjvznz5g7] {
    width: min(100%, 240px);
    min-height: 46px;
    border: 0;
    border-radius: 5px;
    background: #2563eb;
    color: #ffffff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.registration-page__submit:hover:not(:disabled)[b-drjvznz5g7] {
    background: #1d4ed8;
}

.registration-page__submit:focus-visible[b-drjvznz5g7] {
    outline: 3px solid rgba(37, 99, 235, 0.3);
    outline-offset: 2px;
}

.registration-page__submit:disabled[b-drjvznz5g7] {
    cursor: wait;
    opacity: 0.65;
}

:root[data-site-period='night'] .registration-page__hero[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__form-shell[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__login[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__state[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__preview[b-drjvznz5g7] {
    color: #0f172a;
    background: #ffffff;
    text-shadow: none;
}

:root[data-site-period='night'] .registration-page__event h1[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__event p[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__form-heading h2[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__row-label[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__account strong[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__checkbox[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__preview h2[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__prepared-team[b-drjvznz5g7],
:root[data-site-period='night'] .registration-page__team-note[b-drjvznz5g7] {
    text-shadow: none;
}

@media (max-width: 700px) {
    .registration-page[b-drjvznz5g7] {
        width: min(100% - 1.25rem, 1080px);
        gap: 0.75rem;
        padding-top: 0.65rem;
    }

    .registration-page__hero[b-drjvznz5g7] {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1rem;
    }

    .registration-page__capacity[b-drjvznz5g7] {
        padding: 0.85rem 0 0;
        border-top: 1px solid #e2e8f0;
        border-left: 0;
    }

    .registration-page__login[b-drjvznz5g7] {
        align-items: stretch;
        flex-direction: column;
    }

    .registration-page__registered-heading[b-drjvznz5g7] {
        align-items: flex-start;
    }

    .registration-page__state--success .registration-page__state-actions[b-drjvznz5g7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .registration-page__state--success .registration-page__state-actions a[b-drjvznz5g7] {
        width: 100%;
        min-width: 0;
        padding-right: 0.6rem;
        padding-left: 0.6rem;
        text-align: center;
    }

    .registration-page__form-row[b-drjvznz5g7],
    .registration-page__form-actions[b-drjvznz5g7] {
        grid-template-columns: 1fr;
        gap: 0.55rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .registration-page__row-label[b-drjvznz5g7] {
        padding-top: 0;
    }

    .registration-page__form-actions > span[aria-hidden='true'][b-drjvznz5g7] {
        display: none;
    }

    .registration-page__action-content[b-drjvznz5g7],
    .registration-page__submit[b-drjvznz5g7] {
        width: 100%;
    }

    .registration-page__team-modes[b-drjvznz5g7],
    .registration-page__team-input[b-drjvznz5g7]  .rz-fileupload,
    .registration-page__rental-input[b-drjvznz5g7],
    .registration-page__showdown-input[b-drjvznz5g7],
    .registration-page__team-note[b-drjvznz5g7],
    .registration-page__team-message[b-drjvznz5g7],
    .registration-page__team-warnings[b-drjvznz5g7],
    .registration-page__prepared-team[b-drjvznz5g7] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .registration-page__registered-heading[b-drjvznz5g7] {
        flex-direction: column;
    }

    .registration-page__event[b-drjvznz5g7] {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 0.75rem;
    }

    .registration-page__event img[b-drjvznz5g7] {
        width: 56px;
    }

    .registration-page__event h1[b-drjvznz5g7] {
        font-size: 1.25rem;
    }

    .registration-page__account[b-drjvznz5g7] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .registration-page__team-mode[b-drjvznz5g7] {
        gap: 0.25rem;
        padding-right: 0.35rem;
        padding-left: 0.35rem;
    }

    .registration-page__rental-input[b-drjvznz5g7] {
        grid-template-columns: 1fr;
    }

    .registration-page__showdown-actions[b-drjvznz5g7] {
        align-items: stretch;
        flex-direction: column;
    }

    .registration-page__prepare-team[b-drjvznz5g7] {
        width: 100%;
    }
}
/* /Pages/MatchReport.razor.rz.scp.css */
.battle-report[b-f3pqvwibtq] {
    display: grid;
    gap: 1rem;
    max-width: 1360px;
    margin: 0 auto;
    padding: 1rem;
    color: #172033;
}

.battle-report--state[b-f3pqvwibtq] {
    min-height: 55vh;
    place-items: center;
    align-content: center;
}

.battle-report__state[b-f3pqvwibtq] {
    display: grid;
    justify-items: center;
    gap: 0.6rem;
    color: #64748b;
}

.battle-report__state strong[b-f3pqvwibtq] {
    color: #172033;
    font-size: 1.05rem;
}

.battle-report__hero[b-f3pqvwibtq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    padding: 1.5rem;
    border: 1px solid #dce3ed;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(30, 41, 59, 0.07);
}

.battle-report__hero-copy[b-f3pqvwibtq] {
    min-width: 0;
}

.battle-report__back[b-f3pqvwibtq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 1rem;
    color: #526173;
    font-size: 0.86rem;
    font-weight: 750;
    text-decoration: none;
}

.battle-report__eyebrow[b-f3pqvwibtq],
.battle-report__stage-heading > div:first-child > span[b-f3pqvwibtq] {
    display: block;
    color: #1d6b4f;
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0;
}

.battle-report__hero h1[b-f3pqvwibtq] {
    margin: 0.28rem 0 0.3rem;
    overflow-wrap: anywhere;
    font-size: 2.2rem;
    line-height: 1.15;
}

.battle-report__hero p[b-f3pqvwibtq] {
    margin: 0;
    color: #68778a;
}

.battle-report__hero-actions[b-f3pqvwibtq] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.battle-report__button[b-f3pqvwibtq],
.battle-report__icon-button[b-f3pqvwibtq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.65rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #cfd8e5;
    border-radius: 6px;
    background: #fff;
    color: #172033;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.battle-report__button--primary[b-f3pqvwibtq] {
    border-color: #172033;
    background: #172033;
    color: #fff;
}

.battle-report__icon-button[b-f3pqvwibtq] {
    width: 2.65rem;
    padding: 0;
}

.battle-report__icon-button:disabled[b-f3pqvwibtq] {
    cursor: wait;
    opacity: 0.55;
}

.battle-report__summary[b-f3pqvwibtq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    grid-column: 1 / -1;
    border-top: 1px solid #e4e9f0;
}

.battle-report__summary > div[b-f3pqvwibtq] {
    display: grid;
    gap: 0.2rem;
    padding: 1.1rem 1rem 0;
    border-right: 1px solid #e4e9f0;
}

.battle-report__summary > div:last-child[b-f3pqvwibtq] {
    border-right: 0;
}

.battle-report__summary span[b-f3pqvwibtq],
.battle-report__summary small[b-f3pqvwibtq],
.battle-report__stage-record span[b-f3pqvwibtq] {
    color: #718096;
    font-size: 0.78rem;
}

.battle-report__summary strong[b-f3pqvwibtq] {
    font-size: 1.7rem;
    line-height: 1.15;
}

.battle-report__stages[b-f3pqvwibtq] {
    display: grid;
    gap: 1rem;
}

.battle-report__stage[b-f3pqvwibtq] {
    overflow: hidden;
    border: 1px solid #dce3ed;
    border-radius: 8px;
    background: #fff;
}

.battle-report__stage-heading[b-f3pqvwibtq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-top: 4px solid #172033;
    border-bottom: 1px solid #e1e7ef;
    background: #f8fafc;
}

.battle-report__stage-heading h2[b-f3pqvwibtq] {
    margin: 0.2rem 0 0;
    font-size: 1.18rem;
}

.battle-report__stage-record[b-f3pqvwibtq] {
    display: grid;
    justify-items: end;
}

.battle-report__stage-record strong[b-f3pqvwibtq] {
    font-size: 1.2rem;
}

.battle-report__table[b-f3pqvwibtq] {
    min-width: 0;
}

.battle-report__table-head[b-f3pqvwibtq],
.battle-report__row[b-f3pqvwibtq] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.7fr) minmax(5rem, 0.45fr) minmax(10rem, 1.15fr) minmax(18rem, 1.55fr) minmax(5.5rem, 0.5fr) minmax(7rem, 0.65fr);
    align-items: center;
}

.battle-report__table-head[b-f3pqvwibtq] {
    min-height: 2.8rem;
    padding: 0 1rem;
    border-bottom: 1px solid #e6ebf1;
    color: #718096;
    font-size: 0.75rem;
    font-weight: 800;
}

.battle-report__row[b-f3pqvwibtq] {
    min-height: 5.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e6ebf1;
    transition: background-color 150ms ease;
}

.battle-report__row:last-child[b-f3pqvwibtq] {
    border-bottom: 0;
}

.battle-report__row:hover[b-f3pqvwibtq] {
    background: #fafbfc;
}

.battle-report__row--current[b-f3pqvwibtq] {
    background: #f0f8f4;
    box-shadow: inset 4px 0 #16815e;
}

.battle-report__round[b-f3pqvwibtq],
.battle-report__opponent[b-f3pqvwibtq],
.battle-report__opponent-record[b-f3pqvwibtq] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.battle-report__round span[b-f3pqvwibtq],
.battle-report__round small[b-f3pqvwibtq],
.battle-report__opponent span[b-f3pqvwibtq],
.battle-report__opponent-record span[b-f3pqvwibtq],
.battle-report__muted[b-f3pqvwibtq] {
    color: #7a8797;
    font-size: 0.76rem;
}

.battle-report__round small[b-f3pqvwibtq] {
    color: #137153;
    font-weight: 850;
}

.battle-report__opponent strong[b-f3pqvwibtq] {
    overflow-wrap: anywhere;
}

.battle-report__outcome[b-f3pqvwibtq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.15rem;
    min-height: 2rem;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 0.86rem;
    font-weight: 900;
}

.battle-report__outcome--win[b-f3pqvwibtq] {
    border-color: #b9e7d2;
    background: #e9f8f0;
    color: #116446;
}

.battle-report__outcome--loss[b-f3pqvwibtq],
.battle-report__outcome--doubleloss[b-f3pqvwibtq] {
    border-color: #f1c4c4;
    background: #fff0f0;
    color: #a33b3b;
}

.battle-report__outcome--draw[b-f3pqvwibtq],
.battle-report__outcome--placement[b-f3pqvwibtq] {
    border-color: #d8dfe8;
    background: #f2f5f8;
    color: #526173;
}

.battle-report__outcome--pending[b-f3pqvwibtq] {
    border-color: #efdaa5;
    background: #fff8e6;
    color: #8a6200;
}

.battle-report__team[b-f3pqvwibtq] {
    min-width: 0;
    overflow-x: auto;
}

.battle-report__team[b-f3pqvwibtq]  .team-sprite-strip {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: max-content;
    min-width: 0;
}

.battle-report__score[b-f3pqvwibtq] {
    font-size: 1.05rem;
}

.battle-report__empty[b-f3pqvwibtq] {
    display: grid;
    justify-items: center;
    gap: 0.6rem;
    padding: 3rem 1rem;
    border: 1px solid #dce3ed;
    border-radius: 8px;
    background: #fff;
    text-align: center;
}

.battle-report__empty > .rzi[b-f3pqvwibtq] {
    color: #718096;
    font-size: 2.3rem;
}

.battle-report__empty h2[b-f3pqvwibtq],
.battle-report__empty p[b-f3pqvwibtq],
.battle-report__stage-empty[b-f3pqvwibtq] {
    margin: 0;
}

.battle-report__empty p[b-f3pqvwibtq],
.battle-report__stage-empty[b-f3pqvwibtq] {
    color: #718096;
}

.battle-report__stage-empty[b-f3pqvwibtq] {
    padding: 1.5rem 1.15rem;
}

@media (max-width: 900px) {
    .battle-report__hero[b-f3pqvwibtq] {
        grid-template-columns: 1fr;
    }

    .battle-report__hero-actions[b-f3pqvwibtq] {
        justify-content: flex-start;
    }

    .battle-report__summary[b-f3pqvwibtq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .battle-report__summary > div:nth-child(2)[b-f3pqvwibtq] {
        border-right: 0;
    }

    .battle-report__summary > div:nth-child(n + 3)[b-f3pqvwibtq] {
        padding-top: 1rem;
    }

    .battle-report__table-head[b-f3pqvwibtq] {
        display: none;
    }

    .battle-report__row[b-f3pqvwibtq] {
        grid-template-columns: minmax(0, 1fr) minmax(4rem, auto);
        gap: 0.8rem 1rem;
        padding: 1rem;
    }

    .battle-report__row > [role="cell"][b-f3pqvwibtq] {
        min-width: 0;
    }

    .battle-report__row > [role="cell"][b-f3pqvwibtq]::before {
        display: block;
        margin-bottom: 0.25rem;
        color: #8a96a6;
        content: attr(data-label);
        font-size: 0.68rem;
        font-weight: 800;
    }

    .battle-report__round[b-f3pqvwibtq],
    .battle-report__opponent[b-f3pqvwibtq],
    .battle-report__team[b-f3pqvwibtq] {
        grid-column: 1 / -1;
    }

    .battle-report__team[b-f3pqvwibtq] {
        overflow-x: visible;
    }

    .battle-report__team[b-f3pqvwibtq]  .team-sprite-strip {
        flex-wrap: wrap;
        width: auto;
    }
}

@media (max-width: 560px) {
    .battle-report[b-f3pqvwibtq] {
        padding: 0.65rem;
    }

    .battle-report__hero[b-f3pqvwibtq] {
        padding: 1rem;
    }

    .battle-report__hero h1[b-f3pqvwibtq] {
        font-size: 1.65rem;
    }

    .battle-report__hero-actions .battle-report__button span[b-f3pqvwibtq] {
        display: none;
    }

    .battle-report__hero-actions .battle-report__button[b-f3pqvwibtq] {
        width: 2.65rem;
        padding: 0;
    }

    .battle-report__summary > div[b-f3pqvwibtq] {
        padding: 0.9rem 0.7rem 0;
    }

    .battle-report__summary strong[b-f3pqvwibtq] {
        font-size: 1.35rem;
    }

    .battle-report__stage-heading[b-f3pqvwibtq] {
        align-items: flex-start;
        padding: 0.9rem;
    }

    .battle-report__stage-record[b-f3pqvwibtq] {
        flex: 0 0 auto;
    }
}
/* /Pages/MatchResults.razor.rz.scp.css */
.match-results[b-b273e9xnkt],
.match-results *[b-b273e9xnkt] {
    box-sizing: border-box;
}

.match-results[b-b273e9xnkt] {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    color: #242722;
}

.match-results__report[b-b273e9xnkt] {
    display: grid;
    gap: 2rem;
    width: 100%;
    padding: clamp(1rem, 3vw, 2.25rem);
    border: 1px solid #d8d5c9;
    border-radius: 8px;
    background: #f2f0e6;
}

.match-results__publication[b-b273e9xnkt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #cba34b;
    border-radius: 6px;
    background: #fff8df;
    color: #3d3521;
}

.match-results__publication--live[b-b273e9xnkt] {
    border-color: #7aa480;
    background: #edf7ee;
    color: #233b28;
}

.match-results__publication > div[b-b273e9xnkt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.match-results__publication > div > div[b-b273e9xnkt] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.match-results__publication[b-b273e9xnkt]  .rzi {
    flex: 0 0 auto;
    font-size: 1.45rem;
}

.match-results__publication strong[b-b273e9xnkt],
.match-results__publication span[b-b273e9xnkt] {
    overflow-wrap: anywhere;
}

.match-results__publication span[b-b273e9xnkt] {
    font-size: 0.8rem;
}

.match-results__publication-action[b-b273e9xnkt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.4rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid #444743;
    border-radius: 5px;
    background: #444743;
    color: #fff;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
}

.match-results__publication-action:disabled[b-b273e9xnkt] {
    cursor: wait;
    opacity: 0.65;
}

.match-results__news-option[b-b273e9xnkt],
.match-results__news-state[b-b273e9xnkt] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding-top: 0.7rem;
    border-top: 1px solid currentColor;
}

.match-results__news-option[b-b273e9xnkt] {
    cursor: pointer;
}

.match-results__news-option > input[b-b273e9xnkt] {
    width: 1.05rem;
    height: 1.05rem;
    flex: 0 0 auto;
    accent-color: #1859a9;
}

.match-results__news-option > span[b-b273e9xnkt] {
    display: grid;
    gap: 0.12rem;
}

.match-results__news-option small[b-b273e9xnkt] {
    font-size: 0.74rem;
}

.match-results__news-option--disabled[b-b273e9xnkt] {
    cursor: not-allowed;
    opacity: 0.68;
}

.match-results__news-state a[b-b273e9xnkt] {
    margin-left: auto;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 850;
}

.match-results__news-action[b-b273e9xnkt] {
    min-height: 2.2rem;
    margin-left: auto;
    padding: 0.35rem 0.65rem;
    border: 1px solid currentColor;
    border-radius: 5px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 850;
    cursor: pointer;
}

.match-results__news-action:disabled[b-b273e9xnkt] {
    cursor: wait;
    opacity: 0.65;
}

.match-results__publication-message[b-b273e9xnkt] {
    grid-column: 1 / -1;
    font-weight: 700;
}

.match-results__publication-message--success[b-b273e9xnkt] {
    color: #27663a;
}

.match-results__publication-message--error[b-b273e9xnkt] {
    color: #a72c2c;
}

.match-results__masthead[b-b273e9xnkt] {
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #4a4c48;
}

.match-results__nav[b-b273e9xnkt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.match-results__nav a[b-b273e9xnkt],
.match-results__empty-link[b-b273e9xnkt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.35rem;
    color: #1859a9;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
}

.match-results__nav a:hover[b-b273e9xnkt] {
    color: #0f3f7d;
}

.match-results__nav-actions[b-b273e9xnkt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem 0.85rem;
    min-width: 0;
}

.match-results__export-action[b-b273e9xnkt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.35rem;
    padding: 0.4rem 0.7rem;
    border: 1px solid #1859a9;
    border-radius: 5px;
    background: #1859a9;
    color: #fff;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 850;
    cursor: pointer;
}

.match-results__export-action:hover:not(:disabled)[b-b273e9xnkt] {
    border-color: #0f3f7d;
    background: #0f3f7d;
}

.match-results__export-action:disabled[b-b273e9xnkt] {
    cursor: wait;
    opacity: 0.68;
}

.match-results__export-message[b-b273e9xnkt] {
    flex-basis: 100%;
    font-size: 0.7rem;
    font-weight: 750;
    text-align: right;
}

.match-results__export-message--success[b-b273e9xnkt] {
    color: #327142;
}

.match-results__export-message--error[b-b273e9xnkt] {
    color: #a72c2c;
}

.match-results__nav[b-b273e9xnkt]  .rzi {
    font-size: 1rem;
}

.match-results__masthead-main[b-b273e9xnkt] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
}

.match-results__logo[b-b273e9xnkt] {
    display: block;
    width: 6.5rem;
    height: 6.5rem;
    border: 1px solid #d5d2c7;
    background: #fff;
    object-fit: contain;
}

.match-results__title[b-b273e9xnkt] {
    min-width: 0;
    text-align: center;
}

.match-results__title > span[b-b273e9xnkt] {
    display: block;
    margin-bottom: 0.45rem;
    color: #1859a9;
    font-size: 0.7rem;
    font-weight: 900;
}

.match-results__title h1[b-b273e9xnkt] {
    margin: 0;
    color: #252723;
    font-size: clamp(1.55rem, 3vw, 2.45rem);
    font-weight: 950;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.match-results__title p[b-b273e9xnkt] {
    margin: 0.5rem 0 0;
    color: #6b6d66;
    font-size: 0.78rem;
    font-weight: 700;
}

.match-results__summary[b-b273e9xnkt] {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    gap: 0.5rem 1rem;
    min-width: 11rem;
}

.match-results__summary > div[b-b273e9xnkt] {
    min-width: 4.5rem;
    text-align: center;
}

.match-results__summary > div strong[b-b273e9xnkt],
.match-results__summary > div span[b-b273e9xnkt] {
    display: block;
}

.match-results__summary strong[b-b273e9xnkt] {
    color: #30332e;
    font-size: 1.55rem;
    font-weight: 950;
    line-height: 1;
}

.match-results__summary > div span[b-b273e9xnkt] {
    margin-top: 0.35rem;
    color: #777970;
    font-size: 0.66rem;
    font-weight: 850;
}

.match-results__status[b-b273e9xnkt] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 1.8rem;
    border: 1px solid #b9c9ae;
    border-radius: 4px;
    background: #e9efe3;
    color: #3f6435;
    font-size: 0.7rem;
    font-weight: 850;
    line-height: 1;
}

.match-results__status[b-b273e9xnkt]  .rzi {
    display: block;
    font-size: 1rem;
    line-height: 1;
}

.match-results__section-heading[b-b273e9xnkt] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.match-results__section-heading > span[b-b273e9xnkt] {
    width: 0.35rem;
    height: 1.75rem;
    flex: 0 0 auto;
    background: #41433f;
}

.match-results__section-heading h2[b-b273e9xnkt],
.match-results__section-heading p[b-b273e9xnkt] {
    margin: 0;
}

.match-results__export-copy[b-b273e9xnkt] {
    display: none;
}

.match-results__section-heading h2[b-b273e9xnkt] {
    color: #30322e;
    font-size: 1.2rem;
    font-weight: 950;
}

.match-results__section-heading p[b-b273e9xnkt] {
    margin-top: 0.18rem;
    color: #85877f;
    font-size: 0.72rem;
    font-weight: 650;
}

.match-results__bracket[b-b273e9xnkt] {
    min-width: 0;
}

.match-results__bracket[b-b273e9xnkt]  .match-bracket-poster__viewport {
    padding-top: 1rem;
}

@media (min-width: 821px) {
    .match-results__bracket[b-b273e9xnkt]  .match-bracket-poster__canvas {
        min-width: 0;
    }
}

.match-results__usage-grid[b-b273e9xnkt] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 0.9rem;
    border: 1px solid #dfdcd0;
    border-radius: 8px;
    background: #e9e6da;
}

.match-results__usage-item[b-b273e9xnkt] {
    display: grid;
    grid-template-rows: minmax(5.5rem, 1fr) auto auto;
    justify-items: center;
    min-width: 0;
    padding: 0.55rem 0.35rem 0.65rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.38);
    text-align: center;
}

.match-results__usage-visual[b-b273e9xnkt] {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 6.5rem;
}

.match-results__usage-visual > img[b-b273e9xnkt] {
    display: block;
    width: min(100%, 7.25rem);
    height: 100%;
    object-fit: contain;
    image-rendering: auto;
}

.match-results__usage-item strong[b-b273e9xnkt] {
    color: #353733;
    font-size: 1rem;
    font-weight: 950;
}

.match-results__usage-name[b-b273e9xnkt] {
    width: 100%;
    margin-top: 0.15rem;
    overflow: hidden;
    color: #777970;
    font-size: 0.68rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-results__ranking[b-b273e9xnkt] {
    min-width: 0;
}

.match-results__ranking-heading[b-b273e9xnkt] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.match-results__count[b-b273e9xnkt] {
    color: #74766f;
    font-size: 0.76rem;
    font-weight: 750;
    white-space: nowrap;
}

.match-results__toolbar[b-b273e9xnkt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 0;
}

.match-results__search[b-b273e9xnkt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    width: min(100%, 25rem);
    min-height: 2.65rem;
    padding: 0 0.75rem;
    border: 1px solid #c9c8c0;
    border-radius: 6px;
    background: #fff;
    color: #777970;
}

.match-results__search:focus-within[b-b273e9xnkt] {
    border-color: #2b6cb0;
    box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.13);
}

.match-results__search input[b-b273e9xnkt] {
    width: 100%;
    min-width: 0;
    height: 2.55rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: #252723;
    font: inherit;
}

.match-results__segments[b-b273e9xnkt] {
    display: inline-grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 17rem;
    padding: 0.2rem;
    border: 1px solid #cbc9bf;
    border-radius: 6px;
    background: #e6e3d8;
}

.match-results__segment[b-b273e9xnkt] {
    min-height: 2.2rem;
    padding: 0.35rem 0.65rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #65675f;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.match-results__segment--active[b-b273e9xnkt] {
    background: #fff;
    box-shadow: 0 1px 4px rgba(39, 42, 36, 0.14);
    color: #1859a9;
}

.match-results__list[b-b273e9xnkt] {
    display: grid;
    gap: 1rem;
}

.match-results__show-more[b-b273e9xnkt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    justify-self: center;
    min-height: 2.75rem;
    margin-top: 0.25rem;
    padding: 0.45rem 1rem;
    border: 1px solid #b9b7ae;
    border-radius: 6px;
    background: #fff;
    color: #1859a9;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
}

.match-results__show-more:hover[b-b273e9xnkt] {
    border-color: #1859a9;
    background: #f6f9fd;
}

.match-results__entry[b-b273e9xnkt] {
    --placement-color: #d9c147;
    overflow: hidden;
    border: 1px solid #d4d1c5;
    border-radius: 8px;
    background: #e9e7dd;
}

.match-results__entry-header[b-b273e9xnkt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.45rem;
    padding: 0.45rem 0.7rem 0.45rem 1rem;
    background: #3f423f;
    color: #fff;
}

.match-results__player[b-b273e9xnkt] {
    display: grid;
    grid-template-columns: 2.55rem minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.match-results__player > img[b-b273e9xnkt] {
    display: block;
    width: 2.55rem;
    height: 2.55rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 50%;
    background: #f8f8f3;
    object-fit: cover;
}

.match-results__player > div[b-b273e9xnkt] {
    min-width: 0;
}

.match-results__player strong[b-b273e9xnkt],
.match-results__player span[b-b273e9xnkt] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-results__player strong[b-b273e9xnkt] {
    font-size: 1.12rem;
    font-weight: 900;
}

.match-results__player span[b-b273e9xnkt] {
    margin-top: 0.1rem;
    color: #d4d7d1;
    font-size: 0.7rem;
    font-weight: 650;
}

.match-results__entry-actions[b-b273e9xnkt] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex: 0 0 auto;
}

.match-results__placement[b-b273e9xnkt] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: #f1f1ed;
    font-size: 0.88rem;
    font-weight: 900;
    white-space: nowrap;
}

.match-results__placement[b-b273e9xnkt]  .rzi {
    color: var(--placement-color);
    font-size: 1.05rem;
}

.match-results--gold[b-b273e9xnkt] {
    --placement-color: #f0c94c;
}

.match-results--silver[b-b273e9xnkt] {
    --placement-color: #cfd6dc;
}

.match-results--bronze[b-b273e9xnkt] {
    --placement-color: #d99761;
}

.match-results--gold .match-results__placement[b-b273e9xnkt],
.match-results--silver .match-results__placement[b-b273e9xnkt],
.match-results--bronze .match-results__placement[b-b273e9xnkt] {
    color: var(--placement-color);
}

.match-results__entry-actions button[b-b273e9xnkt],
.match-results__team-detail-heading button[b-b273e9xnkt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 2.25rem;
    padding: 0 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.08);
    color: #f8f8f6;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
}

.match-results__entry-actions button:hover[b-b273e9xnkt] {
    background: rgba(255, 255, 255, 0.16);
}

.match-results__team-roster[b-b273e9xnkt] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
    gap: clamp(0.3rem, 1.5vw, 1rem);
    min-height: 10.25rem;
    padding: 0.8rem clamp(0.5rem, 2vw, 1.5rem) 0.7rem;
}

.match-results__pokemon[b-b273e9xnkt] {
    display: grid;
    grid-template-rows: minmax(7.25rem, 1fr) auto;
    justify-items: center;
    align-items: end;
    min-width: 0;
    margin: 0;
}

.match-results__pokemon-visual[b-b273e9xnkt] {
    position: relative;
    display: grid;
    place-items: end center;
    width: 100%;
    height: 8.25rem;
}

.match-results__pokemon-visual img[b-b273e9xnkt] {
    display: block;
    width: min(100%, 8.75rem);
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 5px 4px rgba(67, 67, 58, 0.14));
}

.match-results__types[b-b273e9xnkt] {
    position: absolute;
    top: 0.15rem;
    right: 0.1rem;
    display: flex;
    gap: 0.18rem;
    z-index: 2;
}

.match-results__types img[b-b273e9xnkt] {
    display: block;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(32, 34, 30, 0.22);
}

.match-results__item[b-b273e9xnkt] {
    position: absolute;
    right: 0.2rem;
    bottom: 0.1rem;
    display: block;
    z-index: 1;
    transform: scale(0.96);
    transform-origin: bottom right;
    filter: drop-shadow(0 2px 2px rgba(38, 40, 35, 0.28));
}

.match-results__pokemon figcaption[b-b273e9xnkt] {
    width: 100%;
    margin-top: 0.25rem;
    overflow: hidden;
    color: #666860;
    font-size: 0.72rem;
    font-weight: 750;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-results__team-missing[b-b273e9xnkt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 7rem;
    color: #85877f;
    font-size: 0.82rem;
    font-weight: 750;
}

.match-results__team-detail[b-b273e9xnkt] {
    padding: 1rem;
    border-top: 1px solid #cfcdc3;
    background: #f7f6f0;
}

.match-results__team-detail-heading[b-b273e9xnkt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.match-results__team-detail-heading span[b-b273e9xnkt] {
    display: block;
    color: #1859a9;
    font-size: 0.68rem;
    font-weight: 900;
}

.match-results__team-detail-heading h3[b-b273e9xnkt] {
    margin: 0.15rem 0 0;
    color: #2f312d;
    font-size: 1.05rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.match-results__team-detail-heading button[b-b273e9xnkt] {
    width: 2.35rem;
    min-width: 2.35rem;
    padding: 0;
    border-color: #c9c8c0;
    background: #fff;
    color: #4d5049;
}

.match-results__team-detail[b-b273e9xnkt]  .team-sheet {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.match-results__no-results[b-b273e9xnkt] {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.35rem;
    min-height: 13rem;
    border: 1px solid #d8d5c9;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.48);
    color: #74766f;
    text-align: center;
}

.match-results__no-results[b-b273e9xnkt]  .rzi {
    font-size: 2rem;
}

.match-results__no-results strong[b-b273e9xnkt] {
    color: #343631;
}

.match-results__no-results span[b-b273e9xnkt] {
    font-size: 0.82rem;
}

.match-results__empty-actions[b-b273e9xnkt] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.match-results__empty-link[b-b273e9xnkt] {
    padding: 0.55rem 0.85rem;
    border-radius: 6px;
    background: #eff6ff;
}

.match-results__empty-link--secondary[b-b273e9xnkt] {
    background: #f1f3f6;
    color: #526071;
}

@media (max-width: 820px) {
    .match-results__masthead-main[b-b273e9xnkt] {
        grid-template-columns: 5.5rem minmax(0, 1fr);
    }

    .match-results__logo[b-b273e9xnkt] {
        width: 5.5rem;
        height: 5.5rem;
    }

    .match-results__summary[b-b273e9xnkt] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
        width: 100%;
        padding-top: 1rem;
        border-top: 1px solid #d4d1c6;
    }

    .match-results__status[b-b273e9xnkt] {
        grid-column: auto;
        min-width: 6rem;
    }

    .match-results__usage-grid[b-b273e9xnkt] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .match-results__toolbar[b-b273e9xnkt] {
        align-items: stretch;
        flex-direction: column;
    }

    .match-results__search[b-b273e9xnkt],
    .match-results__segments[b-b273e9xnkt] {
        width: 100%;
        min-width: 0;
    }

    .match-results__team-roster[b-b273e9xnkt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .match-results__report[b-b273e9xnkt] {
        gap: 1.5rem;
        padding: 0.75rem;
    }

    .match-results__publication[b-b273e9xnkt] {
        grid-template-columns: minmax(0, 1fr);
        padding: 0.75rem;
    }

    .match-results__publication-action[b-b273e9xnkt] {
        width: 100%;
    }

    .match-results__news-state[b-b273e9xnkt] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .match-results__news-state a[b-b273e9xnkt],
    .match-results__news-action[b-b273e9xnkt] {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .match-results__nav[b-b273e9xnkt] {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .match-results__nav a[b-b273e9xnkt] {
        font-size: 0.75rem;
    }

    .match-results__nav-actions[b-b273e9xnkt] {
        gap: 0.4rem 0.6rem;
    }

    .match-results__export-action[b-b273e9xnkt] {
        min-height: 2.2rem;
        font-size: 0.74rem;
    }

    .match-results__masthead-main[b-b273e9xnkt] {
        grid-template-columns: 4.25rem minmax(0, 1fr);
        gap: 0.75rem;
    }

    .match-results__logo[b-b273e9xnkt] {
        width: 4.25rem;
        height: 4.25rem;
    }

    .match-results__title[b-b273e9xnkt] {
        text-align: left;
    }

    .match-results__title > span[b-b273e9xnkt] {
        font-size: 0.62rem;
    }

    .match-results__title h1[b-b273e9xnkt] {
        font-size: 1.35rem;
    }

    .match-results__summary[b-b273e9xnkt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .match-results__summary strong[b-b273e9xnkt] {
        font-size: 1.25rem;
    }

    .match-results__status[b-b273e9xnkt] {
        grid-column: auto;
        min-width: 0;
    }

    .match-results__section-heading h2[b-b273e9xnkt] {
        font-size: 1rem;
    }

    .match-results__usage-grid[b-b273e9xnkt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
        padding: 0.55rem;
    }

    .match-results__usage-item[b-b273e9xnkt] {
        grid-template-rows: minmax(4.75rem, 1fr) auto auto;
        padding-inline: 0.2rem;
    }

    .match-results__usage-visual > img[b-b273e9xnkt] {
        height: 100%;
    }

    .match-results__usage-visual[b-b273e9xnkt] {
        height: 5.25rem;
    }

    .match-results__ranking-heading[b-b273e9xnkt] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.5rem;
    }

    .match-results__entry-header[b-b273e9xnkt] {
        align-items: flex-start;
        padding: 0.55rem 0.55rem 0.55rem 0.7rem;
    }

    .match-results__player[b-b273e9xnkt] {
        grid-template-columns: minmax(0, 1fr);
    }

    .match-results__player > img[b-b273e9xnkt] {
        display: none;
    }

    .match-results__player strong[b-b273e9xnkt] {
        font-size: 0.98rem;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .match-results__entry-actions[b-b273e9xnkt] {
        align-items: flex-end;
        flex-direction: column;
        gap: 0.3rem;
    }

    .match-results__placement[b-b273e9xnkt] {
        font-size: 0.78rem;
    }

    .match-results__entry-actions button[b-b273e9xnkt] {
        width: 2.1rem;
        min-height: 2rem;
        padding: 0;
    }

    .match-results__entry-actions button > span[b-b273e9xnkt] {
        display: none;
    }

    .match-results__team-roster[b-b273e9xnkt] {
        gap: 0.3rem;
        min-height: 0;
        padding: 0.65rem 0.35rem;
    }

    .match-results__pokemon[b-b273e9xnkt] {
        grid-template-rows: minmax(5.2rem, 1fr) auto;
    }

    .match-results__pokemon-visual[b-b273e9xnkt] {
        height: 5.7rem;
    }

    .match-results__item[b-b273e9xnkt] {
        right: -0.1rem;
        transform: scale(0.82);
    }

    .match-results__types img[b-b273e9xnkt] {
        width: 1.2rem;
        height: 1.2rem;
    }

    .match-results__pokemon figcaption[b-b273e9xnkt] {
        font-size: 0.64rem;
    }

    .match-results__team-detail[b-b273e9xnkt] {
        padding: 0.55rem;
    }
}

.match-results__report--exporting[b-b273e9xnkt] {
    gap: 2rem !important;
    width: 1120px !important;
    max-width: none !important;
    padding: 2.25rem !important;
    border-radius: 0 !important;
}

.match-results__report--exporting[b-b273e9xnkt],
.match-results__report--exporting *[b-b273e9xnkt] {
    box-sizing: border-box !important;
}

.match-results__report--exporting .match-results__screen-copy[b-b273e9xnkt] {
    display: none !important;
}

.match-results__report--exporting .match-results__export-copy[b-b273e9xnkt] {
    display: inline !important;
}

.match-results__report--exporting .match-results__masthead-main[b-b273e9xnkt] {
    grid-template-columns: 6.5rem minmax(0, 1fr) auto !important;
    gap: 1.5rem !important;
}

.match-results__report--exporting .match-results__logo[b-b273e9xnkt] {
    display: block !important;
    width: 6.5rem !important;
    height: 6.5rem !important;
}

.match-results__report--exporting .match-results__title[b-b273e9xnkt] {
    text-align: center !important;
}

.match-results__report--exporting .match-results__title h1[b-b273e9xnkt] {
    font-size: 2.45rem !important;
}

.match-results__report--exporting .match-results__summary[b-b273e9xnkt] {
    grid-column: auto !important;
    grid-template-columns: repeat(2, auto) !important;
    gap: 0.5rem 1rem !important;
    width: auto !important;
    min-width: 11rem !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

.match-results__report--exporting .match-results__status[b-b273e9xnkt] {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
}

.match-results__report--exporting .match-results__usage-grid[b-b273e9xnkt] {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
    padding: 0.9rem !important;
}

.match-results__report--exporting .match-results__bracket[b-b273e9xnkt]  .match-bracket-poster__viewport {
    overflow: visible !important;
}

.match-results__report--exporting .match-results__bracket[b-b273e9xnkt]  .match-bracket-poster__canvas {
    width: 100% !important;
    min-width: 0 !important;
}

.match-results__report--exporting .match-results__usage-item[b-b273e9xnkt] {
    grid-template-rows: minmax(5.5rem, 1fr) auto auto !important;
    padding: 0.55rem 0.35rem 0.65rem !important;
}

.match-results__report--exporting .match-results__usage-visual[b-b273e9xnkt] {
    height: 6.5rem !important;
}

.match-results__report--exporting .match-results__ranking-heading[b-b273e9xnkt] {
    align-items: center !important;
    flex-direction: row !important;
}

.match-results__report--exporting .match-results__entry-header[b-b273e9xnkt] {
    align-items: center !important;
    padding: 0.45rem 0.7rem 0.45rem 1rem !important;
}

.match-results__report--exporting .match-results__player[b-b273e9xnkt] {
    grid-template-columns: 2.55rem minmax(0, 1fr) !important;
}

.match-results__report--exporting .match-results__player > img[b-b273e9xnkt] {
    display: block !important;
}

.match-results__report--exporting .match-results__player strong[b-b273e9xnkt] {
    font-size: 1.12rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.match-results__report--exporting .match-results__entry-actions[b-b273e9xnkt] {
    align-items: center !important;
    flex-direction: row !important;
}

.match-results__report--exporting .match-results__placement[b-b273e9xnkt] {
    font-size: 0.88rem !important;
}

.match-results__report--exporting .match-results__team-roster[b-b273e9xnkt] {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    min-height: 10.25rem !important;
    padding: 0.8rem 1.5rem 0.7rem !important;
}

.match-results__report--exporting .match-results__pokemon[b-b273e9xnkt] {
    grid-template-rows: minmax(7.25rem, 1fr) auto !important;
}

.match-results__report--exporting .match-results__pokemon-visual[b-b273e9xnkt] {
    height: 8.25rem !important;
}

.match-results__report--exporting .match-results__item[b-b273e9xnkt] {
    right: 0.2rem !important;
    transform: scale(0.96) !important;
}

.match-results__report--exporting .match-results__types img[b-b273e9xnkt] {
    width: 1.45rem !important;
    height: 1.45rem !important;
}

.match-results__report--exporting .match-results__pokemon figcaption[b-b273e9xnkt] {
    font-size: 0.72rem !important;
}
/* /Pages/MatchRun.razor.rz.scp.css */
.match-run[b-1tenhppthi] {
    --team-run-primary: var(--rz-primary, var(--primary, #2563eb));
    --team-run-primary-dark: var(--rz-primary-dark, #1d4ed8);
    --team-run-primary-soft: var(--rz-primary-lighter, #eff6ff);
    --team-run-surface: var(--rz-base-background-color, #ffffff);
    --team-run-surface-muted: var(--rz-base-100, #f8fafc);
    --team-run-surface-soft: var(--rz-base-200, #f1f5f9);
    --team-run-border: var(--rz-base-200, #e2e8f0);
    --team-run-text: var(--rz-text-color, #334155);
    --team-run-text-strong: var(--rz-text-title-color, #0f172a);
    --team-run-text-muted: var(--rz-text-secondary-color, #64748b);
    --team-run-success: var(--rz-success, #16a34a);
    --team-run-success-soft: var(--rz-success-lighter, #dcfce7);
    --team-run-danger: var(--rz-danger, #dc2626);
    --team-run-neutral: var(--rz-secondary, #64748b);
    --team-run-shadow: rgba(15, 23, 42, 0.08);
    display: grid;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 1.25rem 2rem;
}

.match-run > *[b-1tenhppthi] {
    min-width: 0;
}

.match-run-loading[b-1tenhppthi] {
    color: #475569;
    text-align: center;
}

.match-run-user-toolbar[b-1tenhppthi] {
    display: flex;
    justify-content: flex-end;
}

#match-run-stage-content[b-1tenhppthi] {
    min-width: 0;
    scroll-margin-top: 5rem;
}

.match-run-steps[b-1tenhppthi] {
    display: block;
    min-width: 0;
    max-width: 100%;
}

[b-1tenhppthi] .match-run-steps {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

[b-1tenhppthi] .match-run-steps > ul,
[b-1tenhppthi] .match-run-steps > .rz-widget-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

[b-1tenhppthi] .match-run-toolbar {
    margin: 0.75rem 0 1rem;
}

[b-1tenhppthi] .match-run-roster-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

[b-1tenhppthi] .match-run-roster-card {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

[b-1tenhppthi] .match-run-roster-avatar {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    overflow: hidden;
    background: #e2e8f0;
}

[b-1tenhppthi] .match-run-roster-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[b-1tenhppthi] .match-run-roster-meta {
    display: grid;
    gap: 0.75rem;
}

[b-1tenhppthi] .match-run-roster-label {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-1tenhppthi] .match-run-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin: 0.85rem 0;
    padding: 0.4rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

[b-1tenhppthi] .match-run-tab,
[b-1tenhppthi] .match-run-chip {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    color: #334155;
    font-weight: 700;
    padding: 0.55rem 1.05rem;
    line-height: 1.1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: 0.2s ease;
}

[b-1tenhppthi] .match-run-tab:hover,
[b-1tenhppthi] .match-run-chip:hover {
    border-color: #2563eb;
    color: #1d4ed8;
}

[b-1tenhppthi] .match-run-tab.is-active,
[b-1tenhppthi] .match-run-chip.is-active {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: #ffffff;
    border-color: #0f172a;
    box-shadow: 0 12px 20px rgba(15, 23, 42, 0.2);
}

[b-1tenhppthi] .match-run-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.25rem 0 0.75rem;
}

[b-1tenhppthi] .match-run-section-head__eyebrow {
    display: inline-block;
    margin-bottom: 0.3rem;
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

[b-1tenhppthi] .match-run-section-head__title {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 900;
}

[b-1tenhppthi] .match-run-section-head__description {
    margin: 0.35rem 0 0;
    color: #64748b;
    font-size: 0.98rem;
    font-weight: 700;
}

[b-1tenhppthi] .match-run-section-head__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
    align-items: center;
}

[b-1tenhppthi] .match-run-section-title {
    margin: 0.9rem 0;
    color: #0f172a;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 900;
}

[b-1tenhppthi] .match-run-empty {
    margin-top: 1rem;
    padding: 1rem 1.2rem;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
    color: #475569;
}

[b-1tenhppthi] .match-run-empty--compact {
    padding: 0.75rem 0.9rem;
    font-size: 0.9rem;
    font-weight: 700;
}

[b-1tenhppthi] .match-run-scroll-hint {
    display: none;
    margin: 0.75rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

[b-1tenhppthi] .match-run-table-shell {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

[b-1tenhppthi] .match-run-table-shell .match-run-table {
    min-width: 680px;
}

[b-1tenhppthi] .match-run-table-shell--compact .match-run-table {
    min-width: 100%;
}

[b-1tenhppthi] .match-run-table-shell .match-run-table th,
[b-1tenhppthi] .match-run-table-shell .match-run-table td {
    white-space: nowrap;
}

[b-1tenhppthi] .match-run-table {
    width: 100%;
    margin-top: 1rem;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}

[b-1tenhppthi] .match-run-table caption {
    caption-side: top;
    padding: 0.85rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f172a;
}

[b-1tenhppthi] .match-run-table thead th {
    background: #f8fafc;
    color: #475569;
    font-size: 0.9rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e2e8f0;
}

[b-1tenhppthi] .match-run-table tbody td {
    background: #ffffff;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e2e8f0;
}

[b-1tenhppthi] .match-run-table tbody tr:last-child td {
    border-bottom: none;
}

[b-1tenhppthi] .match-run-table tbody tr:hover td {
    background: #f8fafc;
}

[b-1tenhppthi] .match-run-table--compact thead th,
[b-1tenhppthi] .match-run-table--compact tbody td {
    padding: 0.75rem 0.9rem;
}

[b-1tenhppthi] .match-run-table-player {
    font-weight: 800;
}

[b-1tenhppthi] .match-run-table-player.is-winner {
    background: #f0fdf4 !important;
    color: #166534;
}

[b-1tenhppthi] .match-run-table-player.is-muted {
    background: #f8fafc !important;
    color: #94a3b8;
}

[b-1tenhppthi] .match-run-table-player.is-draw {
    background: #fffbeb !important;
    color: #92400e;
}

[b-1tenhppthi] .match-run-table-score {
    text-align: center;
    font-weight: 900;
}

[b-1tenhppthi] .match-run-summary {
    margin-top: 1.5rem;
}

[b-1tenhppthi] .team-run-simple {
    margin-top: 1.25rem;
    padding: 0 1.1rem 1.2rem;
    border: 1px solid var(--team-run-border);
    border-radius: 14px;
    background: var(--team-run-surface);
    box-shadow: 0 10px 26px var(--team-run-shadow);
    overflow: hidden;
}

[b-1tenhppthi] .team-run-simple__title {
    margin: 0 -1.1rem 0.35rem;
    padding: 0.6rem 1rem;
    background: linear-gradient(135deg, var(--team-run-primary) 0%, var(--team-run-primary-dark) 100%);
    color: #ffffff;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-align: center;
}

[b-1tenhppthi] .team-run-simple__scroll {
    overflow-x: auto;
    margin-top: 1rem;
    border-radius: 10px;
}

[b-1tenhppthi] .team-run-simple__table {
    width: 100%;
    border-collapse: collapse;
    background: var(--team-run-surface);
    font-size: 0.9rem;
}

[b-1tenhppthi] .team-run-simple__table caption {
    caption-side: top;
    padding: 0.4rem 0.15rem;
    color: var(--team-run-primary);
    font-size: 0.95rem;
    font-weight: 800;
    text-align: left;
}

[b-1tenhppthi] .team-run-simple__table th,
[b-1tenhppthi] .team-run-simple__table td {
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--team-run-border);
    color: var(--team-run-text);
    text-align: center;
    vertical-align: middle;
}

[b-1tenhppthi] .team-run-simple__table thead th {
    padding: 0.55rem 0.7rem;
    border-color: var(--team-run-primary-dark);
    background: var(--team-run-primary);
    color: #ffffff;
    font-weight: 800;
    white-space: nowrap;
}

[b-1tenhppthi] .team-run-simple__table tbody tr:nth-child(even) td {
    background: var(--team-run-surface-muted);
}

[b-1tenhppthi] .team-run-simple__player {
    min-width: 6rem;
    overflow-wrap: anywhere;
}

[b-1tenhppthi] .team-run-simple__player.is-winner {
    color: var(--team-run-danger);
    font-weight: 800;
}

[b-1tenhppthi] .team-run-simple__round-cell {
    color: var(--team-run-text-muted);
    font-weight: 700;
    white-space: nowrap;
}

[b-1tenhppthi] .team-run-simple__score-cell {
    min-width: 4.5rem;
    color: var(--team-run-text-strong);
    font-weight: 800;
    white-space: nowrap;
}

[b-1tenhppthi] .team-run-simple__cell--pending {
    color: var(--team-run-neutral);
    font-weight: 700;
}

[b-1tenhppthi] .match-run-action-button {
    border-radius: 999px;
    font-weight: 800;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
}

[b-1tenhppthi] .match-run-group-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

[b-1tenhppthi] .match-run-group-card {
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #f8fbff 100%);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

[b-1tenhppthi] .match-run-group-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

[b-1tenhppthi] .match-run-group-card__title {
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

[b-1tenhppthi] .match-run-group-card__description {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 700;
}

[b-1tenhppthi] .match-run-group-card__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

[b-1tenhppthi] .match-run-group-card__table {
    margin-top: 0;
    box-shadow: none;
    border: 1px solid #e2e8f0;
}

[b-1tenhppthi] .match-run-group-matrix-shell {
    overflow: auto;
    margin-top: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #f8fbff 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

[b-1tenhppthi] .match-run-group-matrix {
    width: 100%;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

[b-1tenhppthi] .match-run-group-matrix__corner,
[b-1tenhppthi] .match-run-group-matrix__header-cell,
[b-1tenhppthi] .match-run-group-matrix__row-header,
[b-1tenhppthi] .match-run-group-matrix__cell {
    padding: 0;
    border-right: 1px solid #dbeafe;
    border-bottom: 1px solid #dbeafe;
    background: rgba(255, 255, 255, 0.96);
    text-align: center;
    vertical-align: middle;
}

[b-1tenhppthi] .match-run-group-matrix__corner {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    min-width: 6.75rem;
    padding: 0.72rem 0.85rem;
    color: #2563eb;
    font-size: 0.92rem;
    font-weight: 900;
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
}

[b-1tenhppthi] .match-run-group-matrix__header-cell {
    position: sticky;
    top: 0;
    z-index: 2;
    min-width: 6.7rem;
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
}

[b-1tenhppthi] .match-run-group-matrix__header-cell--qualified {
    background: linear-gradient(180deg, #bbf7d0 0%, #dcfce7 52%, #ffffff 100%);
    box-shadow: inset 0 -3px 0 rgba(34, 197, 94, 0.35);
}

[b-1tenhppthi] .match-run-group-matrix__row-header {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 6.9rem;
    background: linear-gradient(90deg, #eff6ff 0%, #ffffff 100%);
}

[b-1tenhppthi] .match-run-group-matrix__row-header--qualified {
    background: linear-gradient(90deg, #bbf7d0 0%, #dcfce7 52%, #ffffff 100%);
    box-shadow: inset -3px 0 0 rgba(34, 197, 94, 0.35);
}

[b-1tenhppthi] .match-run-group-matrix__player {
    position: relative;
    display: grid;
    gap: 0.2rem;
    box-sizing: border-box;
    min-width: 6.4rem;
    padding: 0.7rem 0.5rem;
    color: #1e3a8a;
    text-align: center;
}

[b-1tenhppthi] .match-run-group-matrix__player--qualified {
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(220, 252, 231, 0.92) 0%, rgba(240, 253, 244, 0.92) 100%);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.28);
}

[b-1tenhppthi] .match-run-group-matrix__player--qualified::before {
    content: "";
    position: absolute;
    inset: 0.45rem 0.9rem auto;
    height: 0.22rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #22c55e, #16a34a);
}

[b-1tenhppthi] .match-run-group-matrix__player strong {
    color: #2563eb;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

[b-1tenhppthi] .match-run-group-matrix__player--qualified strong {
    color: #15803d;
}

[b-1tenhppthi] .match-run-group-matrix__player span {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

[b-1tenhppthi] .match-run-group-matrix__player--qualified span {
    color: #166534;
}

[b-1tenhppthi] .match-run-group-matrix__qualifier-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    min-width: 0;
    padding: 0.14rem 0.42rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #16a34a, #22c55e);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0;
    box-shadow: 0 8px 18px rgba(22, 163, 74, 0.18);
}

[b-1tenhppthi] .match-run-group-matrix__cell {
    min-width: 6.1rem;
    padding: 0.5rem 0.42rem;
}

[b-1tenhppthi] .match-run-group-matrix__result {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.65rem;
    min-height: 2.55rem;
    padding: 0.42rem 0.52rem;
    border-radius: 14px;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

[b-1tenhppthi] .match-run-group-matrix__result-stack {
    display: grid;
    gap: 0.4rem;
    justify-items: center;
}

[b-1tenhppthi] .match-run-group-matrix__result small {
    margin-right: 0.25rem;
    color: inherit;
    font-size: 0.66rem;
    opacity: 0.78;
}

[b-1tenhppthi] .match-run-group-matrix__result--win {
    background: #dcfce7;
    color: #166534;
}

[b-1tenhppthi] .match-run-group-matrix__result--lose {
    background: #fee2e2;
    color: #991b1b;
}

[b-1tenhppthi] .match-run-group-matrix__result--draw {
    background: #fef3c7;
    color: #92400e;
}

[b-1tenhppthi] .match-run-group-matrix__result--pending {
    background: #e2e8f0;
    color: #475569;
}

[b-1tenhppthi] .match-run-group-matrix__result--pending-review {
    background: #fef3c7;
    color: #92400e;
}

[b-1tenhppthi] .match-run-group-matrix__result--self {
    background: #cbd5e1;
    color: #475569;
}

[b-1tenhppthi] .match-run-record-cell {
    min-width: 180px;
}

[b-1tenhppthi] .match-run-record-text {
    white-space: nowrap;
    color: #334155;
    font-weight: 800;
}

[b-1tenhppthi] .match-run-record-empty {
    color: #94a3b8;
    font-weight: 800;
}

[b-1tenhppthi] .match-run-record-bars {
    display: flex;
    min-height: 2rem;
    overflow: hidden;
    border-radius: 12px;
    background: #e2e8f0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[b-1tenhppthi] .match-run-record-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: 0.25rem 0.45rem;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

[b-1tenhppthi] .match-run-record-bar--win {
    background: #d95f1d;
}

[b-1tenhppthi] .match-run-record-bar--draw {
    background: #6fa967;
}

[b-1tenhppthi] .match-run-record-bar--lose {
    background: #0e80d0;
}

[b-1tenhppthi] .match-run-pairings {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

[b-1tenhppthi] .match-run-pairing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

[b-1tenhppthi] .match-run-pairing-grid--mini {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

[b-1tenhppthi] .match-run-pairing-card {
    padding: 0.95rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #f8fbff 100%);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

[b-1tenhppthi] .match-run-pairing-card--compact {
    padding: 0.9rem 1rem;
}

[b-1tenhppthi] .match-run-pairing-card--mini {
    padding: 0.8rem 0.85rem;
}

[b-1tenhppthi] .match-run-pairing-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

[b-1tenhppthi] .match-run-pairing-card__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
}

[b-1tenhppthi] .match-run-mini-pairing {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

[b-1tenhppthi] .match-run-pairing-card__compact-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

[b-1tenhppthi] .match-run-pairing-card__compact-body {
    display: grid;
    gap: 0.9rem;
}

[b-1tenhppthi] .match-run-pairing-seat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    color: #64748b;
    font-size: 1.35rem;
    font-weight: 800;
}

[b-1tenhppthi] .match-run-pairing-seat-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.9rem;
    font-weight: 900;
}

[b-1tenhppthi] .match-run-competitor {
    display: grid;
    gap: 0.25rem;
    align-content: center;
    justify-items: center;
    min-height: 5.1rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid transparent;
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.8);
    color: #334155;
    text-align: center;
}

[b-1tenhppthi] .match-run-competitor.is-winner {
    border-color: #86efac;
    background: #f0fdf4;
    color: #14532d;
    font-weight: 700;
}

[b-1tenhppthi] .match-run-competitor.is-muted {
    border-color: #e2e8f0;
    background: #f8fafc;
    color: #94a3b8;
}

[b-1tenhppthi] .match-run-competitor__name {
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.35;
}

[b-1tenhppthi] .match-run-competitor__meta {
    font-size: 0.82rem;
    line-height: 1.35;
}

[b-1tenhppthi] .match-run-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    min-width: 5.75rem;
    padding: 0.7rem 0.95rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #eef2ff 0%, #dbeafe 100%);
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

[b-1tenhppthi] .match-run-result-pill {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: 0.75rem;
    font-weight: 900;
}

[b-1tenhppthi] .match-run-result-pill--win {
    background: #bbf7d0;
    color: #166534;
}

[b-1tenhppthi] .match-run-result-pill--lose {
    background: #fee2e2;
    color: #991b1b;
}

[b-1tenhppthi] .match-run-result-pill--draw {
    background: #fef3c7;
    color: #92400e;
}

[b-1tenhppthi] .match-run-result-pill--hidden {
    display: none;
}

[b-1tenhppthi] .match-run-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
}

[b-1tenhppthi] .match-run-status-badge--success {
    background: #dcfce7;
    color: #166534;
}

[b-1tenhppthi] .match-run-status-badge--warning {
    background: #fef3c7;
    color: #92400e;
}

[b-1tenhppthi] .match-run-status-badge--pending-review {
    background: #fef3c7;
    color: #92400e;
}

[b-1tenhppthi] .match-run-status-badge--danger {
    background: #fee2e2;
    color: #991b1b;
}

[b-1tenhppthi] .match-run-status-badge--info {
    background: #dbeafe;
    color: #1d4ed8;
}

[b-1tenhppthi] .match-run-bracket {
    margin-top: 1rem;
    padding-bottom: 1rem;
}

[b-1tenhppthi] .match-run-bracket-canvas {
    display: block;
    gap: 1rem;
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: linear-gradient(135deg, #f8fafc 0%, #eef6ff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

[b-1tenhppthi] .match-run-bracket-canvas svg {
    display: block;
    margin: 0 auto;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

[b-1tenhppthi] .match-run-za-grid {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

[b-1tenhppthi] .match-run-za-card {
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}

[b-1tenhppthi] .match-run-za-card__header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 0.85rem;
    color: #64748b;
    font-weight: 900;
}

[b-1tenhppthi] .match-run-za-players {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

[b-1tenhppthi] .match-run-za-player {
    display: grid;
    gap: 0.25rem;
    min-height: 8rem;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    color: #334155;
}

[b-1tenhppthi] .match-run-za-player span,
[b-1tenhppthi] .match-run-za-player small {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

[b-1tenhppthi] .match-run-za-player strong {
    color: #0f172a;
    font-size: 1.15rem;
}

[b-1tenhppthi] .match-run-za-player b {
    width: fit-content;
    margin-top: auto;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
}

[b-1tenhppthi] .match-run-za-player.is-winner {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

[b-1tenhppthi] .match-run-za-player.is-winner b {
    background: #dcfce7;
    color: #15803d;
}

[b-1tenhppthi] .match-run-za-player.is-muted {
    opacity: 0.62;
}

[b-1tenhppthi] .match-run-za-player.is-empty {
    border-style: dashed;
}

@media (max-width: 991.98px) {
    .match-run[b-1tenhppthi] {
        padding-inline: 1rem;
    }

    [b-1tenhppthi] .match-run-scroll-hint {
        display: block;
    }

    [b-1tenhppthi] .match-run-section-head__meta {
        justify-content: flex-start;
    }

    [b-1tenhppthi] .match-run-group-grid {
        grid-template-columns: 1fr;
    }

    [b-1tenhppthi] .match-run-group-matrix__corner {
        min-width: 6.5rem;
        padding: 0.75rem 0.8rem;
    }

    [b-1tenhppthi] .match-run-group-matrix__header-cell,
    [b-1tenhppthi] .match-run-group-matrix__row-header {
        min-width: 7.5rem;
    }

    [b-1tenhppthi] .match-run-group-matrix__player {
        min-width: 7rem;
        padding: 0.8rem 0.65rem;
    }

    [b-1tenhppthi] .match-run-group-matrix__cell {
        min-width: 6.75rem;
        padding: 0.55rem;
    }

    [b-1tenhppthi] .match-run-group-matrix__result {
        min-width: 4.9rem;
        min-height: 2.75rem;
        padding: 0.48rem 0.6rem;
        font-size: 0.82rem;
    }

    [b-1tenhppthi] .match-run-pairing-card__layout {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    [b-1tenhppthi] .match-run-mini-pairing {
        grid-template-columns: 1fr;
        justify-items: stretch;
        text-align: center;
    }

    [b-1tenhppthi] .match-run-roster-card {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    [b-1tenhppthi] .match-run-za-players {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .match-run[b-1tenhppthi] {
        padding-inline: 0.75rem;
    }

    .match-run-user-toolbar[b-1tenhppthi],
    [b-1tenhppthi] .match-run-user-toolbar .rz-button {
        width: 100%;
    }

    [b-1tenhppthi] .match-run-group-card {
        padding: 0.8rem;
        border-radius: 14px;
    }

    [b-1tenhppthi] .match-run-group-card__header {
        align-items: stretch;
        flex-direction: column;
    }

    [b-1tenhppthi] .match-run-group-card__meta {
        justify-content: flex-start;
    }

    [b-1tenhppthi] .match-run-table-shell {
        margin-inline: -0.25rem;
        padding-bottom: 0.2rem;
    }

    [b-1tenhppthi] .match-run-table-shell .match-run-table {
        min-width: 560px;
    }

    [b-1tenhppthi] .match-run-table-shell--compact .match-run-table {
        min-width: 410px;
    }

    [b-1tenhppthi] .match-run-table thead th,
    [b-1tenhppthi] .match-run-table tbody td {
        padding: 0.62rem 0.7rem;
        font-size: 0.82rem;
    }

    [b-1tenhppthi] .match-run-table caption {
        font-size: 1rem;
    }

    [b-1tenhppthi] .team-run-simple__table {
        min-width: 640px;
    }

    [b-1tenhppthi] .match-run-za-players {
        grid-template-columns: 1fr;
    }
}
/* /Pages/MatchStageTeams.razor.rz.scp.css */
.elimination-teams[b-c95enf92bq],
.elimination-teams *[b-c95enf92bq] {
    box-sizing: border-box;
}

.elimination-teams[b-c95enf92bq] {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    color: #242722;
}

.elimination-teams__sheet[b-c95enf92bq] {
    display: grid;
    gap: 1.75rem;
    padding: clamp(1rem, 3vw, 2.25rem);
    border: 1px solid #d8d5c9;
    border-radius: 8px;
    background: #f2f0e6;
}

.elimination-teams__access[b-c95enf92bq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem 1rem;
    border: 1px solid #cba34b;
    border-radius: 6px;
    background: #fff8df;
    color: #403720;
}

.elimination-teams__access[b-c95enf92bq]  .rzi {
    font-size: 1.45rem;
}

.elimination-teams__access div[b-c95enf92bq] {
    display: grid;
    gap: 0.1rem;
}

.elimination-teams__access span[b-c95enf92bq] {
    font-size: 0.78rem;
    font-weight: 650;
}

.elimination-teams__masthead[b-c95enf92bq] {
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #4a4c48;
}

.elimination-teams__nav[b-c95enf92bq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.elimination-teams__nav a[b-c95enf92bq],
.elimination-teams__empty-link[b-c95enf92bq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.35rem;
    color: #1859a9;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
}

.elimination-teams__masthead-main[b-c95enf92bq] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
}

.elimination-teams__masthead-main > img[b-c95enf92bq] {
    width: 6.5rem;
    height: 6.5rem;
    border: 1px solid #d5d2c7;
    background: #fff;
    object-fit: contain;
}

.elimination-teams__masthead-main > div[b-c95enf92bq] {
    min-width: 0;
    text-align: center;
}

.elimination-teams__masthead-main > div > span[b-c95enf92bq] {
    color: #1859a9;
    font-size: 0.7rem;
    font-weight: 900;
}

.elimination-teams__masthead-main h1[b-c95enf92bq] {
    margin: 0.4rem 0 0;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    font-weight: 950;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.elimination-teams__masthead-main p[b-c95enf92bq] {
    margin: 0.5rem 0 0;
    color: #6b6d66;
    font-size: 0.8rem;
    font-weight: 700;
}

.elimination-teams__masthead-main dl[b-c95enf92bq] {
    display: flex;
    gap: 1rem;
    margin: 0;
}

.elimination-teams__masthead-main dl div[b-c95enf92bq] {
    min-width: 5.5rem;
    text-align: center;
}

.elimination-teams__masthead-main dt[b-c95enf92bq] {
    font-size: 1.7rem;
    font-weight: 950;
}

.elimination-teams__masthead-main dd[b-c95enf92bq] {
    margin: 0.2rem 0 0;
    color: #6b6d66;
    font-size: 0.72rem;
    font-weight: 800;
}

.elimination-teams__tabs[b-c95enf92bq] {
    display: flex;
    width: fit-content;
    max-width: 100%;
    padding: 0.25rem;
    border: 1px solid #d2cfc3;
    border-radius: 6px;
    background: #e8e5da;
    overflow-x: auto;
}

.elimination-teams__tabs button[b-c95enf92bq] {
    min-height: 2.3rem;
    padding: 0.4rem 0.9rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #52554f;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 850;
    white-space: nowrap;
    cursor: pointer;
}

.elimination-teams__tabs button.is-active[b-c95enf92bq] {
    background: #fff;
    color: #1859a9;
    box-shadow: 0 1px 3px rgba(45, 47, 43, 0.12);
}

.elimination-teams__tabs--days[b-c95enf92bq] {
    margin-top: -0.75rem;
    background: #f7f5ed;
}

.elimination-teams__tabs--days button[b-c95enf92bq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 6rem;
}

.elimination-teams__tabs--days button[b-c95enf92bq]  .rzi {
    color: #8a7440;
    font-size: 1rem;
}

.elimination-teams__roster[b-c95enf92bq] {
    display: grid;
    gap: 1rem;
}

.elimination-teams__section-heading[b-c95enf92bq],
.elimination-teams__section-heading > div[b-c95enf92bq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.elimination-teams__section-heading > div > span[b-c95enf92bq] {
    width: 0.34rem;
    height: 2.5rem;
    background: #454743;
}

.elimination-teams__section-heading h2[b-c95enf92bq] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 950;
}

.elimination-teams__section-heading p[b-c95enf92bq] {
    margin: 0.2rem 0 0;
    color: #77786f;
    font-size: 0.75rem;
    font-weight: 700;
}

.elimination-teams__section-heading > strong[b-c95enf92bq] {
    color: #6c6e67;
    font-size: 0.78rem;
}

.elimination-teams__list[b-c95enf92bq] {
    display: grid;
    gap: 1rem;
}

.elimination-teams__entry[b-c95enf92bq] {
    overflow: hidden;
    border: 1px solid #d3d0c3;
    border-radius: 7px;
    background: #e8e6dc;
}

.elimination-teams__entry > header[b-c95enf92bq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4rem;
    padding: 0.65rem 0.85rem;
    background: #41433f;
    color: #fff;
}

.elimination-teams__identity[b-c95enf92bq],
.elimination-teams__entry-actions[b-c95enf92bq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.elimination-teams__identity > img[b-c95enf92bq] {
    flex: 0 0 2.65rem;
    width: 2.65rem;
    height: 2.65rem;
    border: 2px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    background: #fff;
    object-fit: cover;
}

.elimination-teams__identity > div[b-c95enf92bq] {
    display: grid;
    min-width: 0;
}

.elimination-teams__identity strong[b-c95enf92bq],
.elimination-teams__identity span[b-c95enf92bq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elimination-teams__identity strong[b-c95enf92bq] {
    font-size: 1.05rem;
}

.elimination-teams__identity span[b-c95enf92bq] {
    color: #d6d8d3;
    font-size: 0.72rem;
}

.elimination-teams__seed[b-c95enf92bq] {
    color: #ffd33d;
    font-size: 0.82rem;
    font-weight: 900;
    white-space: nowrap;
}

.elimination-teams__entry-actions button[b-c95enf92bq],
.elimination-teams__detail-heading button[b-c95enf92bq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 2.3rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid #777a74;
    border-radius: 5px;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 850;
    cursor: pointer;
}

.elimination-teams__pokemon-grid[b-c95enf92bq] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
    gap: clamp(0.3rem, 1.5vw, 1rem);
    min-height: 10rem;
    padding: 0.8rem clamp(0.5rem, 2vw, 1.5rem) 0.7rem;
}

.elimination-teams__pokemon-grid figure[b-c95enf92bq] {
    display: grid;
    grid-template-rows: minmax(7rem, 1fr) auto;
    justify-items: center;
    align-items: end;
    min-width: 0;
    margin: 0;
}

.elimination-teams__pokemon-visual[b-c95enf92bq] {
    position: relative;
    display: grid;
    place-items: end center;
    width: 100%;
    height: 8rem;
}

.elimination-teams__pokemon-image[b-c95enf92bq] {
    display: block;
    width: min(100%, 8.5rem);
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 5px 4px rgba(67, 67, 58, 0.14));
}

.elimination-teams__types[b-c95enf92bq] {
    position: absolute;
    top: 0.2rem;
    right: 0;
    display: flex;
    gap: 0.14rem;
}

.elimination-teams__types img[b-c95enf92bq] {
    width: 1.35rem;
    height: 1.35rem;
    object-fit: contain;
}

.elimination-teams__item[b-c95enf92bq] {
    position: absolute;
    right: 0.1rem;
    bottom: 0.15rem;
    transform: scale(0.95);
    transform-origin: right bottom;
}

.elimination-teams__pokemon-grid figcaption[b-c95enf92bq] {
    width: 100%;
    margin-top: 0.25rem;
    overflow: hidden;
    color: #666860;
    font-size: 0.7rem;
    font-weight: 750;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elimination-teams__missing[b-c95enf92bq],
.elimination-teams__empty[b-c95enf92bq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 5rem;
    padding: 1rem;
    color: #797b73;
    font-size: 0.82rem;
    font-weight: 750;
}

.elimination-teams__empty[b-c95enf92bq] {
    flex-direction: column;
    min-height: 12rem;
    border: 1px dashed #c7c4b9;
    border-radius: 6px;
    text-align: center;
}

.elimination-teams__empty[b-c95enf92bq]  .rzi {
    font-size: 2rem;
}

.elimination-teams__detail[b-c95enf92bq] {
    padding: 0.8rem;
    border-top: 1px solid #cbc8bc;
    background: #f7f5ed;
}

.elimination-teams__detail-heading[b-c95enf92bq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.elimination-teams__detail-heading span[b-c95enf92bq] {
    color: #1859a9;
    font-size: 0.68rem;
    font-weight: 900;
}

.elimination-teams__detail-heading h3[b-c95enf92bq] {
    margin: 0.15rem 0 0;
    font-size: 1rem;
}

.elimination-teams__detail-heading button[b-c95enf92bq] {
    width: 2.3rem;
    padding: 0;
    border-color: #c5c2b7;
    color: #454743;
}

@media (max-width: 760px) {
    .elimination-teams__masthead-main[b-c95enf92bq] {
        grid-template-columns: 4.5rem minmax(0, 1fr);
    }

    .elimination-teams__masthead-main > img[b-c95enf92bq] {
        width: 4.5rem;
        height: 4.5rem;
    }

    .elimination-teams__masthead-main dl[b-c95enf92bq] {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .elimination-teams__pokemon-grid[b-c95enf92bq] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .elimination-teams__sheet[b-c95enf92bq] {
        gap: 1.25rem;
        padding: 0.75rem;
    }

    .elimination-teams__access[b-c95enf92bq] {
        align-items: flex-start;
    }

    .elimination-teams__nav[b-c95enf92bq],
    .elimination-teams__entry > header[b-c95enf92bq],
    .elimination-teams__section-heading[b-c95enf92bq] {
        align-items: stretch;
        flex-direction: column;
    }

    .elimination-teams__nav a[b-c95enf92bq] {
        justify-content: flex-start;
    }

    .elimination-teams__entry-actions[b-c95enf92bq] {
        justify-content: space-between;
    }

    .elimination-teams__pokemon-grid[b-c95enf92bq] {
        min-height: 0;
        padding: 0.65rem 0.35rem;
    }

    .elimination-teams__pokemon-grid figure[b-c95enf92bq] {
        grid-template-rows: minmax(5rem, 1fr) auto;
    }

    .elimination-teams__pokemon-visual[b-c95enf92bq] {
        height: 5.6rem;
    }

    .elimination-teams__types img[b-c95enf92bq] {
        width: 1.1rem;
        height: 1.1rem;
    }

    .elimination-teams__item[b-c95enf92bq] {
        transform: scale(0.8);
    }
}
/* /Pages/MatchTeamList.razor.rz.scp.css */
.match-team-list[b-ozlfrutvza] {
    display: grid;
    gap: 1.25rem;
}

.match-team-list__hero[b-ozlfrutvza] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(18rem, 1fr);
    gap: 1.25rem;
    padding: 1.6rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.5rem;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(56, 189, 248, 0.08));
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.08);
}

.match-team-list__eyebrow[b-ozlfrutvza] {
    display: inline-flex;
    margin-bottom: 0.65rem;
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-team-list__hero h1[b-ozlfrutvza] {
    margin: 0 0 0.75rem;
    color: #0f172a;
    font-size: clamp(2rem, 3vw, 2.75rem);
}

.match-team-list__hero p[b-ozlfrutvza] {
    margin: 0;
    max-width: 44rem;
    color: #475569;
    line-height: 1.75;
}

.match-team-list__stats[b-ozlfrutvza] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.match-team-list__stats div[b-ozlfrutvza] {
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.92);
}

.match-team-list__stats span[b-ozlfrutvza],
.match-team-list__remarks span[b-ozlfrutvza],
.match-team-list__shadow-id[b-ozlfrutvza],
.match-team-list__search-shell span[b-ozlfrutvza] {
    display: block;
    color: #64748b;
    font-size: 0.82rem;
}

.match-team-list__stats strong[b-ozlfrutvza] {
    display: block;
    margin-top: 0.35rem;
    color: #0f172a;
    font-size: 1.18rem;
}

.match-team-list__toolbar[b-ozlfrutvza] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.match-team-list__print-bar[b-ozlfrutvza] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #bfdbfe;
    border-radius: 0.75rem;
    background: #eff6ff;
}

.match-team-list__print-bar > div[b-ozlfrutvza] {
    display: grid;
    gap: 0.25rem;
}

.match-team-list__print-bar strong[b-ozlfrutvza] {
    color: #0f172a;
}

.match-team-list__print-bar span[b-ozlfrutvza] {
    color: #475569;
    font-size: 0.9rem;
}

.match-team-list__print-button[b-ozlfrutvza] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    border: 0;
    border-radius: 0.5rem;
    background: #1d4ed8;
    color: #fff !important;
    font-weight: 800;
    white-space: nowrap;
}

.match-team-list__print-button span[b-ozlfrutvza],
.match-team-list__print-button[b-ozlfrutvza]  .rzi {
    color: #fff !important;
}

.match-team-list__print-button:hover:not(:disabled)[b-ozlfrutvza] {
    background: #1e40af;
}

.match-team-list__print-button:focus-visible[b-ozlfrutvza] {
    outline: 3px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}

.match-team-list__print-button:disabled[b-ozlfrutvza] {
    cursor: wait;
    opacity: 0.7;
}

.match-team-list__print-error[b-ozlfrutvza] {
    padding: 0.75rem 1rem;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    background: #fef2f2;
    color: #991b1b;
}

.match-team-list__actions[b-ozlfrutvza] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.match-team-list__link[b-ozlfrutvza] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 700;
    text-decoration: none;
}

.match-team-list__link--secondary[b-ozlfrutvza] {
    background: #f8fafc;
    color: #334155;
}

.match-team-list__search-shell[b-ozlfrutvza] {
    display: grid;
    gap: 0.4rem;
    width: min(100%, 24rem);
}

.match-team-list__search[b-ozlfrutvza] {
    width: 100%;
    min-height: 2.85rem;
    padding: 0.7rem 0.95rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.95rem;
    background: #fff;
    color: #0f172a;
}

.match-team-list__summary[b-ozlfrutvza] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.match-team-list__summary-chip[b-ozlfrutvza] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.4rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #f8fbff;
    color: #334155;
    font-weight: 700;
}

.match-team-list__summary-chip--active[b-ozlfrutvza] {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
}

.match-team-list__grid[b-ozlfrutvza] {
    display: grid;
    gap: 1.15rem;
}

.match-team-list__card[b-ozlfrutvza] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1.35rem;
    background: #fff;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
}

.match-team-list__card-header[b-ozlfrutvza] {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.match-team-list__card-header h2[b-ozlfrutvza] {
    margin: 0.25rem 0 0.4rem;
    color: #0f172a;
    font-size: 1.3rem;
}

.match-team-list__card-header p[b-ozlfrutvza] {
    margin: 0;
    color: #475569;
    line-height: 1.65;
}

.match-team-list__tags[b-ozlfrutvza] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.match-team-list__tag[b-ozlfrutvza] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.2rem 0.8rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 0.82rem;
    font-weight: 700;
}

.match-team-list__tag--success[b-ozlfrutvza] {
    background: #dcfce7;
    color: #166534;
}

.match-team-list__tag--warning[b-ozlfrutvza] {
    background: #fef3c7;
    color: #92400e;
}

.match-team-list__remarks[b-ozlfrutvza],
.match-team-list__empty-team[b-ozlfrutvza] {
    padding: 0.95rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 1rem;
    background: #f8fafc;
}

.match-team-list__remarks p[b-ozlfrutvza],
.match-team-list__empty-team p[b-ozlfrutvza] {
    margin: 0.35rem 0 0;
    color: #0f172a;
    line-height: 1.7;
}

.match-team-list__empty-team strong[b-ozlfrutvza] {
    color: #0f172a;
}

.match-team-list__team-shell[b-ozlfrutvza] {
    overflow: auto;
    padding: 0.35rem 0 0.15rem;
    border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.match-team-list__team-shell[b-ozlfrutvza]  .row {
    margin-right: 0;
    margin-left: 0;
}

@media (max-width: 900px) {
    .match-team-list__hero[b-ozlfrutvza] {
        grid-template-columns: 1fr;
    }

    .match-team-list__stats[b-ozlfrutvza] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .match-team-list__hero[b-ozlfrutvza],
    .match-team-list__card[b-ozlfrutvza] {
        padding: 1.1rem;
        border-radius: 1.1rem;
    }

    .match-team-list__stats[b-ozlfrutvza] {
        grid-template-columns: 1fr;
    }

    .match-team-list__toolbar[b-ozlfrutvza],
    .match-team-list__actions[b-ozlfrutvza],
    .match-team-list__print-bar[b-ozlfrutvza] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-team-list__search-shell[b-ozlfrutvza],
    .match-team-list__link[b-ozlfrutvza] {
        width: 100%;
    }
}

@media print {
    [data-print-exclude][b-ozlfrutvza],
    .match-team-list__hero[b-ozlfrutvza] {
        display: none !important;
    }

    .match-team-list[b-ozlfrutvza],
    .match-team-list__grid[b-ozlfrutvza] {
        display: block;
    }

    .match-team-list__card[b-ozlfrutvza] {
        display: block;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        break-inside: avoid;
        break-after: page;
        page-break-inside: avoid;
        page-break-after: always;
    }

    .match-team-list__card:last-child[b-ozlfrutvza] {
        break-after: auto;
        page-break-after: auto;
    }

    .match-team-list__card-header[b-ozlfrutvza] {
        display: none;
    }

    .match-team-list__card-header h2[b-ozlfrutvza] {
        margin: 0 0 1mm;
        font-size: 13pt;
    }

    .match-team-list__card-header p[b-ozlfrutvza],
    .match-team-list__shadow-id[b-ozlfrutvza],
    .match-team-list__tag[b-ozlfrutvza] {
        font-size: 8pt;
    }

    .match-team-list__remarks[b-ozlfrutvza] {
        display: none !important;
    }

    .match-team-list__empty-team[b-ozlfrutvza] {
        margin-bottom: 1.5mm;
        padding: 1.5mm 2mm;
        border-radius: 0;
        font-size: 8pt;
    }

    .match-team-list__team-shell[b-ozlfrutvza] {
        overflow: visible;
        width: 100%;
        padding: 0;
        border: 0;
    }
}
/* /Pages/MatchTeamSheet.razor.rz.scp.css */
.match-team-sheet[b-358dt5ckqa],
.match-team-sheet *[b-358dt5ckqa],
.match-team-sheet *[b-358dt5ckqa]::before,
.match-team-sheet *[b-358dt5ckqa]::after {
    box-sizing: border-box;
}

.match-team-sheet[b-358dt5ckqa] {
    --sheet-border: #d9e1ea;
    --sheet-text: #172033;
    --sheet-muted: #66758a;
    --sheet-primary: #125f4a;
    display: grid;
    gap: 1rem;
    width: min(100%, 1180px);
    margin: 0 auto;
    padding: 1rem 1rem 2rem;
    color: var(--sheet-text);
}

.match-team-sheet__heading[b-358dt5ckqa] {
    color: var(--site-period-text, var(--sheet-text));
}

.match-team-sheet__header[b-358dt5ckqa] {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    align-items: flex-start;
    padding: 1rem;
    border-bottom: 1px solid var(--sheet-border);
}

.match-team-sheet__kicker[b-358dt5ckqa] {
    color: var(--sheet-primary);
    font-size: 0.76rem;
    font-weight: 850;
}

.match-team-sheet__header h1[b-358dt5ckqa],
.match-team-sheet__state h1[b-358dt5ckqa] {
    margin: 0.25rem 0 0.45rem;
    overflow-wrap: anywhere;
    font-size: 1.75rem;
    line-height: 1.2;
}

.match-team-sheet__meta[b-358dt5ckqa],
.match-team-sheet__actions[b-358dt5ckqa] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.match-team-sheet__meta span[b-358dt5ckqa] {
    padding: 0.3rem 0.55rem;
    border: 1px solid #d6dee7;
    border-radius: 4px;
    background: #f7f9fb;
    color: #526176;
    font-size: 0.78rem;
    font-weight: 800;
}

.match-team-sheet__actions[b-358dt5ckqa] {
    justify-content: flex-end;
}

.match-team-sheet__button[b-358dt5ckqa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.7rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: var(--sheet-text);
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.match-team-sheet__button--primary[b-358dt5ckqa] {
    border-color: var(--sheet-primary);
    background: var(--sheet-primary);
    color: #ffffff;
}

.match-team-sheet__button:disabled[b-358dt5ckqa] {
    cursor: wait;
    opacity: 0.62;
}

.match-team-sheet__notice[b-358dt5ckqa] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    padding: 0.8rem 0.9rem;
    border: 1px solid #efc1c1;
    border-radius: 6px;
    background: #fff4f4;
    color: #973737;
    font-weight: 750;
}

.match-team-sheet__sheet[b-358dt5ckqa] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--sheet-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(23, 32, 51, 0.06);
}

.match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa] {
    padding: 0.75rem 0.5rem;
}

.match-team-sheet--opponent[b-358dt5ckqa] {
    width: min(100%, 1400px);
}

.match-team-sheet--personal[b-358dt5ckqa] {
    width: min(100%, 1400px);
}

.match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa] {
    padding: 0.75rem;
}

@media screen {
    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .row {
        margin-right: 0;
        margin-left: 0;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__header {
        height: 36px !important;
        font-size: 1.18rem !important;
        line-height: 36px !important;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__level,
    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__move,
    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__detail {
        font-size: 1.03rem !important;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__level {
        font-size: 1.05rem !important;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__type {
        width: 68px !important;
        font-size: 1rem !important;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__sprite-frame {
        width: 140px !important;
        height: 140px !important;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__sprite {
        width: 104px !important;
        height: 104px !important;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__move,
    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__detail-content,
    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__detail-value {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa]  .team-card__detail-label {
        flex: 0 0 auto;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet {
        padding: 1rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__grid {
        gap: 1rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout {
        min-height: 19rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__header {
        min-height: 3.65rem;
        padding: 0.6rem 0.7rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__name h3 {
        font-size: 1.08rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__markers,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__mechanic strong {
        font-size: 0.74rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__main {
        min-height: 10.5rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__visual img {
        width: 7.2rem;
        height: 7.2rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__move strong {
        font-size: 0.79rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__details strong {
        font-size: 0.75rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__points span,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__points strong,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__stat-values span,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__stat-values strong,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__stat-values em {
        font-size: 0.64rem;
    }
}

.match-team-sheet__state[b-358dt5ckqa] {
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 60vh;
    padding: 2rem 1rem;
    text-align: center;
}

.match-team-sheet__state > .rzi[b-358dt5ckqa] {
    color: var(--sheet-primary);
    font-size: 2rem;
}

.match-team-sheet__state p[b-358dt5ckqa] {
    margin: 0 0 1rem;
    color: var(--sheet-muted);
}

.match-team-sheet__state a[b-358dt5ckqa] {
    color: var(--sheet-primary);
    font-weight: 800;
}

@media (max-width: 760px) {
    .match-team-sheet[b-358dt5ckqa] {
        padding: 0.65rem 0 1.25rem;
    }

    .match-team-sheet__header[b-358dt5ckqa] {
        align-items: stretch;
        flex-direction: column;
        padding: 0.9rem 0.75rem;
    }

    .match-team-sheet__header h1[b-358dt5ckqa] {
        font-size: 1.45rem;
    }

    .match-team-sheet__actions[b-358dt5ckqa] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-team-sheet__button--primary:last-child[b-358dt5ckqa] {
        grid-column: 1 / -1;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa] {
        padding: 0.5rem 0;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa] {
        padding: 0;
    }

    .match-team-sheet__sheet[b-358dt5ckqa] {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }
}

@media print {
    .match-team-sheet[b-358dt5ckqa] {
        width: 100%;
        max-width: none;
        padding: 0;
        color: #172033;
    }

    .match-team-sheet--opponent[b-358dt5ckqa],
    .match-team-sheet--personal[b-358dt5ckqa] {
        gap: 0;
    }

    .match-team-sheet__header[b-358dt5ckqa] {
        display: none;
    }

    .match-team-sheet__actions[b-358dt5ckqa],
    .match-team-sheet__notice[b-358dt5ckqa],
    [data-print-exclude][b-358dt5ckqa] {
        display: none !important;
    }

    .match-team-sheet__sheet[b-358dt5ckqa] {
        overflow: visible;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .match-team-sheet--opponent .match-team-sheet__sheet[b-358dt5ckqa] {
        width: 100%;
        padding: 0;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa] {
        width: 100%;
        padding: 0;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet {
        padding: 0;
        background: #ffffff;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__overview {
        margin-bottom: 2mm;
        padding: 0 1mm 2mm;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__kicker {
        margin-bottom: 1mm;
        font-size: 9pt;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__title-row h2 {
        font-size: 18pt;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__count strong {
        font-size: 18pt;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__format-tags span,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__format-tags strong,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__count > span,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__count small {
        font-size: 8pt;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5mm 3mm;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout {
        min-height: 0;
        border-radius: 4px;
        box-shadow: none;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout:hover {
        transform: none;
        box-shadow: none;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__header {
        min-height: 3.4rem;
        padding: 0.52rem 0.62rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__name h3 {
        font-size: 1.18rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__markers,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__mechanic strong {
        font-size: 0.82rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__mechanic small,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__section-label {
        font-size: 0.7rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__main {
        min-height: 9.5rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__visual img {
        width: 6.35rem;
        height: 6.35rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__moves {
        padding: 0.48rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__move {
        min-height: 1.72rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__move strong {
        font-size: 0.92rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__move > span {
        width: 1.15rem;
        height: 1.15rem;
        font-size: 0.68rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__points {
        padding: 0.46rem 0.55rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__points span,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__points strong,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__stat-values span,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__stat-values strong,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__stat-values em {
        font-size: 0.75rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__stat-values > div {
        padding: 0.4rem 0.2rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__details {
        grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.15fr) minmax(0, 1.45fr);
        min-height: 3.65rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__details > div {
        padding: 0.45rem 0.48rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__details span {
        font-size: 0.72rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__details strong {
        font-size: 0.88rem;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__item-detail strong,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .pokemon-loadout__details > div:last-child strong {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.12;
    }

    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__image,
    .match-team-sheet--personal .match-team-sheet__sheet[b-358dt5ckqa]  .team-sheet__source {
        display: none !important;
    }
}
/* /Pages/MatchUsage.razor.rz.scp.css */
.usage-direct-page[b-6anbf6rr0q] {
    max-width: 1920px;
    margin: 0 auto;
    padding: 1rem;
}

.usage-direct-page__publication[b-6anbf6rr0q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem 1rem;
    margin-bottom: 0.85rem;
    padding: 0.9rem 1rem;
    border: 1px solid #cba34b;
    border-radius: 6px;
    background: #fff8df;
    color: #3d3521;
}

.usage-direct-page__publication--live[b-6anbf6rr0q] {
    border-color: #7aa480;
    background: #edf7ee;
    color: #233b28;
}

.usage-direct-page__publication > div[b-6anbf6rr0q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.usage-direct-page__publication > div > div[b-6anbf6rr0q] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.usage-direct-page__publication span[b-6anbf6rr0q] {
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.usage-direct-page__publication-action[b-6anbf6rr0q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.4rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid #444743;
    border-radius: 5px;
    background: #444743;
    color: #fff;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
}

.usage-direct-page__publication-action:disabled[b-6anbf6rr0q] {
    cursor: wait;
    opacity: 0.65;
}

.usage-direct-page__publication-message[b-6anbf6rr0q] {
    grid-column: 1 / -1;
    font-weight: 700;
}

.usage-direct-page__publication-message--success[b-6anbf6rr0q] {
    color: #27663a;
}

.usage-direct-page__publication-message--error[b-6anbf6rr0q] {
    color: #a72c2c;
}

.usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__card {
    min-height: 70vh;
    border-radius: 8px;
    padding: 1.3rem 1.5rem 1.75rem !important;
    border: 1px solid #dbe3ee;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.06);
}

.usage-direct-page__hero[b-6anbf6rr0q] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.1rem;
    padding: 1.15rem 1.2rem;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(253, 230, 138, 0.22) 0%, rgba(191, 219, 254, 0.24) 100%);
}

.usage-direct-page__title[b-6anbf6rr0q] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.55rem, 2.8vw, 2.25rem);
    font-weight: 800;
}

.usage-direct-page__meta[b-6anbf6rr0q] {
    margin-top: 0.4rem;
    color: #64748b;
}

.usage-direct-page__summary[b-6anbf6rr0q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.usage-direct-page__summary-pill[b-6anbf6rr0q] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #334155;
    font-weight: 600;
}

.usage-direct-page__stage-shell[b-6anbf6rr0q] {
    margin-bottom: 1rem;
    padding: 0.95rem 1rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.usage-direct-page__stage-title[b-6anbf6rr0q] {
    color: #334155;
    font-size: 0.92rem;
    font-weight: 700;
}

.usage-direct-page__stages[b-6anbf6rr0q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.7rem;
    margin-top: 0.75rem;
}

.usage-direct-page__stages[b-6anbf6rr0q]  .rz-button {
    min-height: 3rem;
    border-radius: 6px;
    font-weight: 700;
    white-space: normal;
}

.usage-direct-page__filters[b-6anbf6rr0q] {
    display: flex;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0 0 1rem;
    padding: 0.7rem 0;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.usage-direct-page__filter-label[b-6anbf6rr0q] {
    flex: 0 0 auto;
    display: grid;
    gap: 0.05rem;
    min-width: 6.5rem;
    color: #475569;
    font-size: 0.78rem;
}

.usage-direct-page__filter-label strong[b-6anbf6rr0q] {
    color: #0f172a;
    font-size: 0.9rem;
}

.usage-direct-page__filter-options[b-6anbf6rr0q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.usage-direct-page__filter-options button[b-6anbf6rr0q] {
    min-height: 2.15rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    background: #fff;
    color: #334155;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.usage-direct-page__filter-options button:hover[b-6anbf6rr0q] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.usage-direct-page__filter-options button.active[b-6anbf6rr0q] {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #fff;
}

.usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__tabs .rz-tabview-nav {
    gap: 0.5rem;
    margin: 0 0 1rem;
    border-bottom: 0;
}

.usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__tabs .rz-tabview-nav li {
    flex: 1 1 0;
    min-width: 0;
}

.usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__tabs .rz-tabview-nav li button {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.65rem 1rem;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
}

.usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__tabs .rz-tabview-nav .rz-tabview-selected button {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #fff;
}

.usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__tabs .rz-tabview-panels {
    padding: 0;
}

.usage-direct-page__empty[b-6anbf6rr0q] {
    color: #64748b;
}

.usage-direct-page__empty[b-6anbf6rr0q] {
    padding: 1rem;
}

.usage-direct-page__empty--notice[b-6anbf6rr0q] {
    display: grid;
    justify-items: start;
    gap: 0.45rem;
    max-width: 44rem;
    margin: 4rem auto;
    padding: 1.25rem;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #fff;
}

.usage-direct-page__empty--notice strong[b-6anbf6rr0q] {
    color: #1f2937;
    font-size: 1.1rem;
}

.usage-direct-page__empty--notice a[b-6anbf6rr0q] {
    color: #1859a9;
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .usage-direct-page[b-6anbf6rr0q] {
        padding: 0.75rem;
    }

    .usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__card {
        padding: 0.75rem !important;
    }

    .usage-direct-page__publication[b-6anbf6rr0q] {
        grid-template-columns: minmax(0, 1fr);
    }

    .usage-direct-page__publication-action[b-6anbf6rr0q] {
        width: 100%;
    }

    .usage-direct-page__filters[b-6anbf6rr0q] {
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .usage-direct-page[b-6anbf6rr0q] {
        padding: 0.25rem;
    }

    .usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__card {
        min-height: 0;
        padding: 0.5rem !important;
    }

    .usage-direct-page__hero[b-6anbf6rr0q] {
        gap: 0.65rem;
        margin-bottom: 0.75rem;
        padding: 0.8rem;
    }

    .usage-direct-page__title[b-6anbf6rr0q] {
        font-size: 1.35rem;
    }

    .usage-direct-page__meta[b-6anbf6rr0q] {
        margin-top: 0.25rem;
        font-size: 0.88rem;
    }

    .usage-direct-page__summary[b-6anbf6rr0q] {
        gap: 0.4rem;
    }

    .usage-direct-page__summary-pill[b-6anbf6rr0q] {
        padding: 0.35rem 0.65rem;
        font-size: 0.82rem;
    }

    .usage-direct-page__stage-shell[b-6anbf6rr0q] {
        margin-bottom: 0.75rem;
        padding: 0.7rem;
    }

    .usage-direct-page__stages[b-6anbf6rr0q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
        margin-top: 0.55rem;
    }

    .usage-direct-page__stages[b-6anbf6rr0q]  .rz-button {
        min-height: 3.25rem;
        padding: 0.45rem;
        font-size: 0.8rem;
    }

    .usage-direct-page__filters[b-6anbf6rr0q] {
        display: grid;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
        padding: 0.6rem 0;
    }

    .usage-direct-page__filter-label[b-6anbf6rr0q] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        min-width: 0;
    }

    .usage-direct-page__filter-options[b-6anbf6rr0q] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .usage-direct-page__filter-options button[b-6anbf6rr0q] {
        width: 100%;
        padding-inline: 0.35rem;
    }

    .usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__tabs .rz-tabview-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.25rem;
        margin-bottom: 0.75rem;
    }

    .usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__tabs .rz-tabview-nav li {
        width: 100%;
    }

    .usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__tabs .rz-tabview-nav li button {
        min-height: 3rem;
        padding: 0.45rem 0.25rem;
        font-size: 0.8rem;
    }

    .usage-direct-page[b-6anbf6rr0q]  .usage-direct-page__tabs .rz-tabview-panel {
        padding: 0.5rem;
    }
}
/* /Pages/MatchUsageDetail.razor.rz.scp.css */
.usage-detail[b-7ldc3x4pjd] {
    display: grid;
    gap: 0.85rem;
    color: #0f172a;
}

.usage-detail__empty[b-7ldc3x4pjd] {
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    color: #64748b;
    background: #f8fafc;
}

.usage-detail__hero[b-7ldc3x4pjd] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) 180px;
    gap: 0.9rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.usage-detail__sprite-shell[b-7ldc3x4pjd] {
    display: grid;
    min-height: 165px;
    place-items: center;
    border-radius: 16px;
    background: url("../Upload/pokeball-backround.png") no-repeat 50% 50%, #f8fafc;
    background-size: 62%;
}

.usage-detail__sprite-shell--small[b-7ldc3x4pjd] {
    min-height: 128px;
}

.usage-detail__sprite[b-7ldc3x4pjd] {
    width: 160px;
    height: 160px;
    object-fit: contain;
}

.usage-detail__sprite--small[b-7ldc3x4pjd] {
    width: 118px;
    height: 118px;
}

.usage-detail__eyebrow[b-7ldc3x4pjd] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.usage-detail__hero-copy h2[b-7ldc3x4pjd] {
    margin: 0.2rem 0;
    color: #0f172a;
}

.usage-detail__hero-copy p[b-7ldc3x4pjd] {
    margin: 0;
    color: #475569;
}

.usage-detail__types[b-7ldc3x4pjd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.usage-detail__types span[b-7ldc3x4pjd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.7rem;
    min-height: 1.5rem;
    padding: 0.18rem 0.6rem;
    border: 1px solid rgba(15, 23, 42, 0.18);
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 1;
}

.usage-detail__filter-panel[b-7ldc3x4pjd] {
    display: grid;
    gap: 0.5rem;
}

.usage-detail__filter-panel div[b-7ldc3x4pjd] {
    display: grid;
    gap: 0.1rem;
    padding: 0.65rem;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #eff6ff;
}

.usage-detail__filter-panel span[b-7ldc3x4pjd] {
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 900;
}

.usage-detail__filter-panel strong[b-7ldc3x4pjd] {
    font-size: 1.1rem;
}

.usage-detail__filter-panel button[b-7ldc3x4pjd],
.usage-detail__chips button[b-7ldc3x4pjd] {
    cursor: pointer;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #ffffff;
    color: #2563eb;
    font-weight: 900;
}

.usage-detail__filter-panel button[b-7ldc3x4pjd] {
    padding: 0.45rem 0.65rem;
}

.usage-detail__chips[b-7ldc3x4pjd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.65rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #eff6ff;
}

.usage-detail__chips button[b-7ldc3x4pjd] {
    padding: 0.35rem 0.65rem;
}

.usage-detail__content[b-7ldc3x4pjd] {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr) minmax(280px, 0.65fr);
    gap: 0.85rem;
    align-items: stretch;
    padding-top: 0.85rem;
}

.usage-detail__identity-card[b-7ldc3x4pjd],
.usage-detail__chart-card[b-7ldc3x4pjd],
.usage-detail__list-card[b-7ldc3x4pjd] {
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
}

.usage-detail__identity-card[b-7ldc3x4pjd] {
    display: grid;
    align-content: start;
    gap: 0.55rem;
    padding: 0.7rem;
    text-align: center;
}

.usage-detail__identity-card strong[b-7ldc3x4pjd] {
    font-size: 1.05rem;
}

.usage-detail__identity-card span[b-7ldc3x4pjd] {
    color: #2563eb;
    font-weight: 900;
}

.usage-detail__identity-card em[b-7ldc3x4pjd] {
    color: #64748b;
    font-style: normal;
    font-weight: 800;
}

.usage-detail__chart-card[b-7ldc3x4pjd] {
    min-height: 315px;
    padding: 0.35rem;
}

.usage-detail__list-card[b-7ldc3x4pjd] {
    display: grid;
    align-content: start;
    gap: 0.65rem;
    padding: 0.8rem;
}

.usage-detail__list-card h3[b-7ldc3x4pjd] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
}

.usage-detail__list[b-7ldc3x4pjd] {
    display: grid;
    gap: 0.4rem;
}

.usage-detail__list-row[b-7ldc3x4pjd] {
    display: grid;
    gap: 0.4rem;
    width: 100%;
    padding: 0.55rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.usage-detail__list-row:hover[b-7ldc3x4pjd],
.usage-detail__list-row:focus-visible[b-7ldc3x4pjd],
.usage-detail__list-row--active[b-7ldc3x4pjd] {
    border-color: #60a5fa;
    background: #eff6ff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.1);
    outline: none;
}

.usage-detail__list-row--active[b-7ldc3x4pjd] {
    border-color: #2563eb;
}

.usage-detail__list-head[b-7ldc3x4pjd] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.usage-detail__list-head span[b-7ldc3x4pjd] {
    color: #475569;
    overflow-wrap: anywhere;
    font-weight: 800;
}

.usage-detail__list-head strong[b-7ldc3x4pjd] {
    color: #0f172a;
    white-space: nowrap;
}

.usage-detail__list-track[b-7ldc3x4pjd] {
    width: 100%;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.usage-detail__list-fill[b-7ldc3x4pjd] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #60a5fa 0%, #2563eb 100%);
}

@media (max-width: 767.98px) {
    .usage-detail__hero[b-7ldc3x4pjd],
    .usage-detail__content[b-7ldc3x4pjd] {
        grid-template-columns: 1fr;
    }

    .usage-detail__filter-panel[b-7ldc3x4pjd] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 768px) and (max-width: 1099.98px) {
    .usage-detail__hero[b-7ldc3x4pjd] {
        grid-template-columns: 160px minmax(0, 1fr);
    }

    .usage-detail__filter-panel[b-7ldc3x4pjd] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .usage-detail__content[b-7ldc3x4pjd] {
        grid-template-columns: 160px minmax(0, 1fr);
    }

    .usage-detail__list-card[b-7ldc3x4pjd] {
        grid-column: 1 / -1;
    }
}
/* /Pages/MyInfodata.razor.rz.scp.css */
.my-info-page[b-svf45paw2w] {
    --my-info-surface: #ffffff;
    --my-info-surface-soft: #f7faff;
    --my-info-line: #dfe7f3;
    --my-info-line-soft: #edf2f8;
    --my-info-text: #0f172a;
    --my-info-muted: #64748b;
    --my-info-primary: #2563eb;
    --my-info-primary-soft: #eff6ff;
    --my-info-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
    display: grid;
    gap: 1rem;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0.75rem 0 2rem;
}

.my-info-page[b-svf45paw2w],
.my-info-page *[b-svf45paw2w] {
    min-width: 0;
}

.my-info__overview[b-svf45paw2w],
.my-info__panel[b-svf45paw2w] {
    border: 1px solid var(--my-info-line);
    border-radius: 24px;
    background: var(--my-info-surface);
    box-shadow: var(--my-info-shadow);
}

.my-info__overview[b-svf45paw2w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(320px, auto);
    gap: 1.25rem;
    align-items: center;
    padding: 1.25rem;
}

.my-info__avatar-shell[b-svf45paw2w] {
    display: grid;
    place-items: center;
    width: 164px;
    height: 164px;
    padding: 0.7rem;
    overflow: hidden;
    border: 1px solid #cfe0f7;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #edf4ff 100%);
}

.my-info__avatar-shell[b-svf45paw2w]  img,
.my-info__avatar-shell[b-svf45paw2w]  .my-info__avatar {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.my-info__identity[b-svf45paw2w] {
    display: grid;
    gap: 0.75rem;
}

.my-info__kicker[b-svf45paw2w] {
    margin: 0;
    color: var(--my-info-primary);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.my-info__identity h1[b-svf45paw2w],
.my-info__section-head h2[b-svf45paw2w] {
    margin: 0;
    color: var(--my-info-text);
    font-weight: 900;
}

.my-info__identity h1[b-svf45paw2w] {
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1;
}

.my-info__meta[b-svf45paw2w],
.my-info__actions[b-svf45paw2w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.my-info__meta span[b-svf45paw2w] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: var(--my-info-primary-soft);
    color: #1e40af;
    font-size: 0.86rem;
    font-weight: 800;
}

.my-info__meta :global(.battle-title-badge)[b-svf45paw2w] {
    min-height: 2rem;
}

.my-info__button[b-svf45paw2w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.45rem;
    padding: 0.55rem 0.95rem;
    border: 1px solid var(--my-info-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--my-info-text);
    font-weight: 850;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.my-info__button:hover[b-svf45paw2w] {
    transform: translateY(-1px);
    border-color: #bfdbfe;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12);
}

.my-info__button--primary[b-svf45paw2w] {
    border-color: transparent;
    background: var(--my-info-primary);
    color: #ffffff;
}

.my-info__stats[b-svf45paw2w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.my-info__stats div[b-svf45paw2w] {
    min-width: 7.25rem;
    padding: 0.85rem;
    border: 1px solid var(--my-info-line-soft);
    border-radius: 18px;
    background: var(--my-info-surface-soft);
}

.my-info__stats span[b-svf45paw2w],
.my-info__activity-card span[b-svf45paw2w],
.my-info__activity-card small[b-svf45paw2w],
.my-info__panel[b-svf45paw2w]  .info-item__label {
    color: var(--my-info-muted);
    font-size: 0.82rem;
    font-weight: 850;
}

.my-info__stats strong[b-svf45paw2w] {
    display: block;
    margin-top: 0.2rem;
    color: var(--my-info-text);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
}

.my-info__columns[b-svf45paw2w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr);
    gap: 1rem;
    align-items: start;
}

.my-info__panel[b-svf45paw2w] {
    padding: 1.15rem;
}

.my-info__section-head[b-svf45paw2w] {
    margin-bottom: 1rem;
}

.my-info__section-head h2[b-svf45paw2w] {
    font-size: 1.45rem;
}

.my-info__section-head p[b-svf45paw2w] {
    margin: 0.35rem 0 0;
    color: var(--my-info-muted);
    line-height: 1.65;
}

.my-info__info-grid[b-svf45paw2w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.my-info__panel[b-svf45paw2w]  .info-item {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem;
    border: 1px solid var(--my-info-line-soft);
    border-radius: 18px;
    background: var(--my-info-surface-soft);
}

.my-info__panel[b-svf45paw2w]  .info-item__value {
    color: var(--my-info-text);
    font-size: 1rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.my-info__activity-list[b-svf45paw2w] {
    display: grid;
    gap: 0.75rem;
}

.my-info__activity-card[b-svf45paw2w] {
    display: grid;
    gap: 0.35rem;
    padding: 0.95rem;
    border: 1px solid var(--my-info-line-soft);
    border-radius: 18px;
    background: var(--my-info-surface-soft);
    color: inherit;
    text-decoration: none;
}

a.my-info__activity-card[b-svf45paw2w] {
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

a.my-info__activity-card:hover[b-svf45paw2w] {
    transform: translateY(-1px);
    border-color: #bfdbfe;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.09);
}

.my-info__activity-card strong[b-svf45paw2w] {
    color: var(--my-info-text);
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.my-info__activity-card small[b-svf45paw2w] {
    width: fit-content;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: #ffffff;
    color: var(--my-info-primary);
}

@media (max-width: 1199.98px) {
    .my-info__overview[b-svf45paw2w],
    .my-info__columns[b-svf45paw2w] {
        grid-template-columns: 1fr;
    }

    .my-info__stats[b-svf45paw2w] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .my-info-page[b-svf45paw2w] {
        gap: 0.85rem;
        padding-bottom: 1.25rem;
    }

    .my-info__overview[b-svf45paw2w],
    .my-info__panel[b-svf45paw2w] {
        padding: 1rem;
        border-radius: 20px;
    }

    .my-info__avatar-shell[b-svf45paw2w] {
        width: 132px;
        height: 132px;
    }

    .my-info__identity h1[b-svf45paw2w] {
        font-size: 2rem;
    }

    .my-info__stats[b-svf45paw2w] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .my-info__stats div[b-svf45paw2w] {
        min-width: 0;
        padding: 0.7rem;
    }

    .my-info__info-grid[b-svf45paw2w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .my-info__panel[b-svf45paw2w]  .info-item {
        overflow-wrap: anywhere;
    }

    .my-info__actions > *[b-svf45paw2w],
    .my-info__button[b-svf45paw2w] {
        width: 100%;
    }
}
/* /Pages/MyManager.razor.rz.scp.css */
.my-manager[b-g15xxdk5fn] {
    display: grid;
    gap: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem;
}

.my-manager--loading[b-g15xxdk5fn] {
    color: #475569;
    font-weight: 700;
}

.my-manager__hero[b-g15xxdk5fn],
.my-manager__card[b-g15xxdk5fn] {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.my-manager__hero[b-g15xxdk5fn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
    gap: 1.25rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.my-manager__eyebrow[b-g15xxdk5fn],
.my-manager__section-kicker[b-g15xxdk5fn] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.my-manager__hero h1[b-g15xxdk5fn],
.my-manager__section-head h2[b-g15xxdk5fn],
.my-manager__mini-card h2[b-g15xxdk5fn],
.my-manager__upload-panel h3[b-g15xxdk5fn] {
    margin: 0.25rem 0 0;
    color: #0f172a;
}

.my-manager__hero p[b-g15xxdk5fn],
.my-manager__section-head p[b-g15xxdk5fn],
.my-manager__upload-panel p[b-g15xxdk5fn],
.my-manager__check-item span[b-g15xxdk5fn],
.my-manager__mini-card p[b-g15xxdk5fn] {
    margin: 0.55rem 0 0;
    color: #64748b;
    font-weight: 700;
}

.my-manager__hero-stats[b-g15xxdk5fn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
}

.my-manager__title-badges[b-g15xxdk5fn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
    align-items: center;
}

.my-manager__hero-stats div[b-g15xxdk5fn],
.my-manager__check-item[b-g15xxdk5fn],
.my-manager__mini-card[b-g15xxdk5fn] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #eff6ff;
}

.my-manager__hero-stats span[b-g15xxdk5fn],
.my-manager__check-item span[b-g15xxdk5fn],
.my-manager__mini-card span[b-g15xxdk5fn] {
    font-size: 0.78rem;
    font-weight: 900;
    color: #2563eb;
}

.my-manager__hero-stats strong[b-g15xxdk5fn],
.my-manager__section-head strong[b-g15xxdk5fn] {
    color: #0f172a;
    font-size: 1.1rem;
}

.my-manager__layout[b-g15xxdk5fn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 1rem;
    align-items: start;
}

.my-manager__editor[b-g15xxdk5fn],
.my-manager__side[b-g15xxdk5fn] {
    display: grid;
    gap: 1rem;
}

.my-manager__card[b-g15xxdk5fn] {
    padding: 1.25rem;
}

.my-manager__summary-card[b-g15xxdk5fn] {
    justify-items: center;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.my-manager__summary-card .my-manager__section-head[b-g15xxdk5fn] {
    width: 100%;
}

.my-manager__section-head[b-g15xxdk5fn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #e2e8f0;
}

.my-manager__section-head--compact[b-g15xxdk5fn] {
    padding-bottom: 0.75rem;
    margin-bottom: 0.9rem;
}

.my-manager__form-grid[b-g15xxdk5fn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.my-manager__field[b-g15xxdk5fn] {
    display: grid;
    gap: 0.4rem;
    color: #0f172a;
    font-weight: 800;
}

.my-manager__input[b-g15xxdk5fn] {
    width: 100%;
}

.my-manager__upload-panel[b-g15xxdk5fn] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.my-manager__avatar-header[b-g15xxdk5fn],
.my-manager__default-avatar-header[b-g15xxdk5fn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.my-manager__avatar-save-actions[b-g15xxdk5fn] {
    display: grid;
    justify-items: end;
    gap: 0.4rem;
    min-width: 180px;
}

.my-manager__avatar-save-actions span[b-g15xxdk5fn] {
    color: #b45309;
    font-size: 0.82rem;
    font-weight: 900;
}

.my-manager__upload-layout[b-g15xxdk5fn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 1rem;
    align-items: start;
}

.my-manager__upload-box[b-g15xxdk5fn] {
    display: grid;
    gap: 0.6rem;
    padding: 1rem;
    border: 1px dashed #93c5fd;
    border-radius: 18px;
    background: #f8fbff;
}

.my-manager__upload-box small[b-g15xxdk5fn] {
    color: #64748b;
    font-weight: 700;
}

.my-manager__cropper[b-g15xxdk5fn] {
    overflow: hidden;
}

.my-manager__cropper-toolbar[b-g15xxdk5fn],
.my-manager__cropper-footer[b-g15xxdk5fn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.my-manager__avatar-file-button[b-g15xxdk5fn],
.my-manager__cropper-reset[b-g15xxdk5fn] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0.65rem 0.95rem;
    border: 0;
    border-radius: 14px;
    background: #2563eb;
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
}

.my-manager__avatar-file-button input[b-g15xxdk5fn] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.my-manager__cropper-reset[b-g15xxdk5fn] {
    border: 1px solid #bfdbfe;
    background: #ffffff;
    color: #2563eb;
}

.my-manager__cropper-reset:disabled[b-g15xxdk5fn] {
    cursor: not-allowed;
    opacity: 0.55;
}

.my-manager__cropper-stage[b-g15xxdk5fn] {
    position: relative;
    display: grid;
    place-items: center;
}

.my-manager__cropper-viewport[b-g15xxdk5fn] {
    position: relative;
    width: min(100%, 360px);
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid #bfdbfe;
    background: #e0f2fe;
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.my-manager__cropper.is-dragging .my-manager__cropper-viewport[b-g15xxdk5fn] {
    cursor: grabbing;
}

.my-manager__cropper-viewport img[b-g15xxdk5fn] {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    max-width: none;
    transform-origin: top left;
    will-change: transform;
    user-select: none;
    pointer-events: none;
}

.my-manager__cropper.is-ready .my-manager__cropper-viewport img[b-g15xxdk5fn] {
    display: block;
}

.my-manager__cropper-grid[b-g15xxdk5fn] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(to right,
            transparent calc(33.333% - 0.5px),
            rgba(255, 255, 255, 0.55) calc(33.333% - 0.5px),
            rgba(255, 255, 255, 0.55) calc(33.333% + 0.5px),
            transparent calc(33.333% + 0.5px),
            transparent calc(66.666% - 0.5px),
            rgba(255, 255, 255, 0.55) calc(66.666% - 0.5px),
            rgba(255, 255, 255, 0.55) calc(66.666% + 0.5px),
            transparent calc(66.666% + 0.5px)),
        linear-gradient(to bottom,
            transparent calc(33.333% - 0.5px),
            rgba(255, 255, 255, 0.55) calc(33.333% - 0.5px),
            rgba(255, 255, 255, 0.55) calc(33.333% + 0.5px),
            transparent calc(33.333% + 0.5px),
            transparent calc(66.666% - 0.5px),
            rgba(255, 255, 255, 0.55) calc(66.666% - 0.5px),
            rgba(255, 255, 255, 0.55) calc(66.666% + 0.5px),
            transparent calc(66.666% + 0.5px));
    box-shadow: inset 0 0 0 999px rgba(15, 23, 42, 0.08);
}

.my-manager__cropper-empty[b-g15xxdk5fn] {
    position: absolute;
    display: grid;
    place-items: center;
    width: min(100%, 360px);
    aspect-ratio: 1;
    padding: 1rem;
    color: #2563eb;
    font-weight: 900;
    text-align: center;
    pointer-events: none;
}

.my-manager__cropper.is-ready .my-manager__cropper-empty[b-g15xxdk5fn] {
    display: none;
}

.my-manager__cropper-zoom[b-g15xxdk5fn] {
    display: grid;
    gap: 0.45rem;
    color: #0f172a;
    font-weight: 900;
}

.my-manager__cropper-zoom input[b-g15xxdk5fn] {
    width: 100%;
    accent-color: #2563eb;
}

.my-manager__cropper-footer small[b-g15xxdk5fn] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.my-manager__preview-card[b-g15xxdk5fn] {
    display: grid;
    gap: 0.85rem;
    justify-items: center;
    text-align: center;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
}

.my-manager__default-avatar-panel[b-g15xxdk5fn] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
}

.my-manager__title-panel[b-g15xxdk5fn] {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
}

.my-manager__title-panel p[b-g15xxdk5fn] {
    margin: 0;
    color: #64748b;
    font-weight: 700;
}

.my-manager__career-panel[b-g15xxdk5fn] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
}

.my-manager__career-panel p[b-g15xxdk5fn] {
    margin: 0;
    color: #64748b;
    font-weight: 700;
}

.my-manager__career-modes[b-g15xxdk5fn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.my-manager__career-mode[b-g15xxdk5fn] {
    display: grid;
    gap: 0.35rem;
    min-height: 86px;
    padding: 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #f8fafc;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
}

.my-manager__career-mode.is-active[b-g15xxdk5fn] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12);
}

.my-manager__career-mode small[b-g15xxdk5fn],
.my-manager__career-option small[b-g15xxdk5fn] {
    color: #64748b;
    font-weight: 700;
}

.my-manager__career-preview[b-g15xxdk5fn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.my-manager__career-preview span[b-g15xxdk5fn] {
    padding: 0.55rem 0.7rem;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: #eff6ff;
    color: #334155;
    font-weight: 700;
}

.my-manager__career-options[b-g15xxdk5fn] {
    display: grid;
    gap: 0.55rem;
    max-height: 360px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.my-manager__career-option[b-g15xxdk5fn] {
    display: grid;
    grid-template-columns: auto 70px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    min-height: 58px;
    padding: 0.7rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.my-manager__career-option.is-selected[b-g15xxdk5fn] {
    border-color: #60a5fa;
    background: #f8fbff;
}

.my-manager__career-option input[b-g15xxdk5fn] {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
}

.my-manager__career-option > span:last-child[b-g15xxdk5fn] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.my-manager__career-option strong[b-g15xxdk5fn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0f172a;
}

.my-manager__career-rank[b-g15xxdk5fn] {
    color: #2563eb;
    font-weight: 900;
}

.my-manager__career-empty[b-g15xxdk5fn] {
    padding: 0.8rem;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    color: #64748b;
    font-weight: 700;
}

.my-manager__title-actions[b-g15xxdk5fn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.my-manager__title-choice-list[b-g15xxdk5fn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.75rem;
}

.my-manager__title-empty[b-g15xxdk5fn] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
}

.my-manager__title-option[b-g15xxdk5fn] {
    display: grid;
    gap: 0.5rem;
    justify-items: start;
    padding: 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.my-manager__title-option:hover[b-g15xxdk5fn] {
    transform: translateY(-1px);
    border-color: #60a5fa;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12);
}

.my-manager__title-option--active[b-g15xxdk5fn] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16);
}

.my-manager__title-option small[b-g15xxdk5fn] {
    color: #64748b;
    font-weight: 700;
    text-align: left;
}

.my-manager__default-avatar-grid[b-g15xxdk5fn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0.85rem;
}

.my-manager__default-avatar-button[b-g15xxdk5fn] {
    display: grid;
    place-items: center;
    padding: 0.5rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.my-manager__default-avatar-button:hover[b-g15xxdk5fn] {
    transform: translateY(-1px);
    border-color: #60a5fa;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12);
}

.my-manager__default-avatar-button.is-active[b-g15xxdk5fn] {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.16);
}

.my-manager__default-avatar-image[b-g15xxdk5fn] {
    display: block;
    width: 100%;
    max-width: 132px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 16px;
}

.my-manager__preview-avatar-frame[b-g15xxdk5fn] {
    width: min(100%, 220px);
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 32px;
    background: #f8fbff;
    box-shadow: 0 16px 36px rgba(37, 99, 235, 0.12);
}

.my-manager__preview-card strong[b-g15xxdk5fn] {
    color: #0f172a;
    font-size: 1.05rem;
}

.my-manager__preview-card span[b-g15xxdk5fn] {
    color: #64748b;
    font-weight: 700;
}

.my-manager__preview-avatar[b-g15xxdk5fn],
.my-manager__mini-avatar[b-g15xxdk5fn] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my-manager__mini-card[b-g15xxdk5fn] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.85rem;
}

.my-manager__mini-avatar-frame[b-g15xxdk5fn] {
    width: 88px;
    height: 88px;
    overflow: hidden;
    border-radius: 24px;
    border: 4px solid #ffffff;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.18);
}

.my-manager__actions[b-g15xxdk5fn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.my-manager__link-button[b-g15xxdk5fn],
.my-manager__quick-links a[b-g15xxdk5fn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.7rem 1rem;
    border-radius: 14px;
    background: #eff6ff;
    color: #2563eb;
    font-weight: 800;
    text-decoration: none;
}

.my-manager__checklist[b-g15xxdk5fn],
.my-manager__quick-links[b-g15xxdk5fn] {
    display: grid;
    gap: 0.75rem;
}

.my-manager__quick-links[b-g15xxdk5fn] {
    margin-top: 1rem;
}

.my-manager__check-item[b-g15xxdk5fn] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    background: #ffffff;
    border-color: #e2e8f0;
}

.my-manager__check-item strong[b-g15xxdk5fn],
.my-manager__check-item b[b-g15xxdk5fn] {
    color: #0f172a;
}

.my-manager__check-item--complete[b-g15xxdk5fn] {
    border-color: #bfdbfe;
    background: #f8fbff;
}

.my-manager__check-item--complete b[b-g15xxdk5fn] {
    color: #2563eb;
}

@media (max-width: 991.98px) {
    .my-manager__hero[b-g15xxdk5fn],
    .my-manager__layout[b-g15xxdk5fn],
    .my-manager__hero-stats[b-g15xxdk5fn],
    .my-manager__upload-layout[b-g15xxdk5fn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .my-manager__form-grid[b-g15xxdk5fn] {
        grid-template-columns: 1fr;
    }

    .my-manager__section-head[b-g15xxdk5fn],
    .my-manager__mini-card[b-g15xxdk5fn],
    .my-manager__avatar-header[b-g15xxdk5fn],
    .my-manager__default-avatar-header[b-g15xxdk5fn],
    .my-manager__cropper-toolbar[b-g15xxdk5fn],
    .my-manager__cropper-footer[b-g15xxdk5fn] {
        flex-direction: column;
        align-items: stretch;
    }

    .my-manager__actions > *[b-g15xxdk5fn],
    .my-manager__quick-links a[b-g15xxdk5fn],
    .my-manager__link-button[b-g15xxdk5fn],
    .my-manager__title-actions > *[b-g15xxdk5fn],
    .my-manager__avatar-save-actions[b-g15xxdk5fn],
    .my-manager__avatar-save-actions > *[b-g15xxdk5fn],
    .my-manager__cropper-footer > *[b-g15xxdk5fn],
    .my-manager__cropper-toolbar > *[b-g15xxdk5fn] {
        width: 100%;
    }

    .my-manager__avatar-save-actions[b-g15xxdk5fn] {
        justify-items: stretch;
    }

    .my-manager__title-choice-list[b-g15xxdk5fn] {
        grid-template-columns: 1fr;
    }

    .my-manager__career-modes[b-g15xxdk5fn] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/OfflineMatchMap.razor.rz.scp.css */
.offline-map[b-bnm88bfw9y] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
    color: #17202a;
}

.offline-map__header[b-bnm88bfw9y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.5rem;
    padding: 0.6rem 0.25rem 0.75rem;
    border-bottom: 1px solid #dfe3e8;
}

.offline-map__title > span[b-bnm88bfw9y],
.offline-map__pane-header > div > span[b-bnm88bfw9y],
.offline-map__filter-field > span[b-bnm88bfw9y],
.offline-map__search > span:first-child[b-bnm88bfw9y] {
    display: block;
    color: #667085;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.offline-map__title h1[b-bnm88bfw9y] {
    margin: 0.15rem 0 0;
    color: #17202a;
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1.15;
}

.offline-map__header-actions[b-bnm88bfw9y],
.offline-map__summary[b-bnm88bfw9y],
.offline-map__header-actions a[b-bnm88bfw9y] {
    display: flex;
    align-items: center;
}

.offline-map__header-actions[b-bnm88bfw9y] {
    gap: 1rem;
}

.offline-map__summary[b-bnm88bfw9y] {
    gap: 0.35rem;
    color: #667085;
    font-size: 0.82rem;
}

.offline-map__summary strong[b-bnm88bfw9y] {
    color: #17202a;
    font-size: 1rem;
    font-weight: 900;
}

.offline-map__summary i[b-bnm88bfw9y] {
    width: 1px;
    height: 1rem;
    margin: 0 0.35rem;
    background: #d0d5dd;
}

.offline-map__header-actions a[b-bnm88bfw9y] {
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.35rem;
    padding: 0 0.85rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.45rem;
    background: #ffffff;
    color: #344054;
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
}

.offline-map__header-actions a:hover[b-bnm88bfw9y],
.offline-map__header-actions a:focus-visible[b-bnm88bfw9y] {
    border-color: #98a2b3;
    background: #f9fafb;
}

.offline-map__toolbar[b-bnm88bfw9y] {
    display: grid;
    grid-template-columns: repeat(3, minmax(8.5rem, 0.65fr)) minmax(15rem, 1.5fr);
    gap: 0.65rem;
    align-items: end;
    padding: 0.75rem;
    border: 1px solid #dfe3e8;
    border-radius: 0.5rem;
    background: #ffffff;
}

.offline-map__filter-field[b-bnm88bfw9y],
.offline-map__search[b-bnm88bfw9y] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.offline-map__toolbar select[b-bnm88bfw9y],
.offline-map__toolbar input[b-bnm88bfw9y] {
    width: 100%;
    min-width: 0;
    height: 2.35rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.4rem;
    background: #ffffff;
    color: #17202a;
    font-size: 0.88rem;
    font-weight: 650;
    outline: none;
}

.offline-map__toolbar select[b-bnm88bfw9y] {
    padding: 0 2rem 0 0.65rem;
}

.offline-map__toolbar input[b-bnm88bfw9y] {
    padding: 0 0.65rem;
}

.offline-map__toolbar select:focus[b-bnm88bfw9y],
.offline-map__toolbar input:focus[b-bnm88bfw9y] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.offline-map__toolbar select:disabled[b-bnm88bfw9y],
.offline-map__toolbar input:disabled[b-bnm88bfw9y] {
    background: #f2f4f7;
    color: #98a2b3;
}

.offline-map__search-control[b-bnm88bfw9y] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    height: 2.35rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.4rem;
    background: #ffffff;
    overflow: hidden;
}

.offline-map__search-control:focus-within[b-bnm88bfw9y] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.offline-map__search-control > :first-child[b-bnm88bfw9y] {
    margin-left: 0.7rem;
    color: #98a2b3;
}

.offline-map__search-control input[b-bnm88bfw9y] {
    height: 100%;
    border: 0;
    box-shadow: none;
}

.offline-map__search-control input:focus[b-bnm88bfw9y] {
    box-shadow: none;
}

.offline-map__search-control button[b-bnm88bfw9y] {
    display: inline-grid;
    width: 2.35rem;
    height: 100%;
    padding: 0;
    place-items: center;
    border: 0;
    border-left: 1px solid #e4e7ec;
    background: #17202a;
    color: #ffffff;
}

.offline-map__search-control button:hover[b-bnm88bfw9y],
.offline-map__search-control button:focus-visible[b-bnm88bfw9y] {
    background: #344054;
}

.offline-map__search-control button:disabled[b-bnm88bfw9y] {
    cursor: wait;
    opacity: 0.55;
}

.offline-map__view-switch[b-bnm88bfw9y] {
    display: none;
}

.offline-map__workspace[b-bnm88bfw9y] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(19rem, 23rem) minmax(0, 1fr);
    min-width: 0;
    height: clamp(36rem, calc(100vh - 12rem), 52rem);
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    background: #ffffff;
    overflow: hidden;
}

.offline-map__results[b-bnm88bfw9y],
.offline-map__map-pane[b-bnm88bfw9y] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
}

.offline-map__results[b-bnm88bfw9y] {
    border-right: 1px solid #d0d5dd;
    background: #ffffff;
}

.offline-map__map-pane[b-bnm88bfw9y] {
    background: #f2f4f7;
}

.offline-map__pane-header[b-bnm88bfw9y] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 4.4rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #e4e7ec;
    background: #ffffff;
}

.offline-map__pane-header h2[b-bnm88bfw9y] {
    margin: 0.15rem 0 0;
    color: #17202a;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.25;
}

.offline-map__pane-header > strong[b-bnm88bfw9y] {
    color: #475467;
    font-size: 0.82rem;
    font-weight: 850;
    white-space: nowrap;
}

.offline-map__data-note[b-bnm88bfw9y] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.9rem;
    border-bottom: 1px solid #fedf89;
    background: #fffaeb;
    color: #93370d;
    font-size: 0.78rem;
    font-weight: 750;
}

.offline-map__city-list[b-bnm88bfw9y] {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: #cbd5e1 transparent;
    scrollbar-width: thin;
}

.offline-map__city + .offline-map__city[b-bnm88bfw9y] {
    border-top: 1px solid #d0d5dd;
}

.offline-map__city-header[b-bnm88bfw9y] {
    position: sticky;
    z-index: 2;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 2.65rem;
    padding: 0.45rem 0.8rem;
    border-bottom: 1px solid #e4e7ec;
    background: rgba(249, 250, 251, 0.96);
    backdrop-filter: blur(8px);
}

.offline-map__city-header h3[b-bnm88bfw9y] {
    margin: 0;
    color: #344054;
    font-size: 0.88rem;
    font-weight: 900;
}

.offline-map__city-header h3 span[b-bnm88bfw9y] {
    display: inline-grid;
    min-width: 1.25rem;
    min-height: 1.25rem;
    margin-left: 0.25rem;
    padding: 0 0.25rem;
    place-items: center;
    border-radius: 999px;
    background: #e4e7ec;
    color: #475467;
    font-size: 0.68rem;
}

.offline-map__city-follow[b-bnm88bfw9y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 1.85rem;
    padding: 0 0.55rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.35rem;
    background: #ffffff;
    color: #475467;
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.offline-map__city-follow--active[b-bnm88bfw9y] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.offline-map__city-follow:disabled[b-bnm88bfw9y] {
    cursor: wait;
    opacity: 0.6;
}

.offline-map__match[b-bnm88bfw9y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.6rem;
    padding: 0.8rem;
    border-bottom: 1px solid #eaecf0;
    background: #ffffff;
}

.offline-map__match:last-child[b-bnm88bfw9y] {
    border-bottom: 0;
}

.offline-map__match:hover[b-bnm88bfw9y] {
    background: #fcfcfd;
}

.offline-map__match-main[b-bnm88bfw9y] {
    min-width: 0;
}

.offline-map__status[b-bnm88bfw9y] {
    display: inline-flex;
    align-items: center;
    min-height: 1.25rem;
    padding: 0 0.38rem;
    border-radius: 0.25rem;
    background: #f2f4f7;
    color: #475467;
    font-size: 0.68rem;
    font-weight: 850;
}

.offline-map__status.is-registering[b-bnm88bfw9y] {
    background: #ecfdf3;
    color: #027a48;
}

.offline-map__status.is-running[b-bnm88bfw9y] {
    background: #eff8ff;
    color: #175cd3;
}

.offline-map__status.is-finished[b-bnm88bfw9y] {
    background: #f2f4f7;
    color: #667085;
}

.offline-map__match h4[b-bnm88bfw9y] {
    margin: 0.35rem 0 0.3rem;
    overflow: hidden;
    color: #17202a;
    font-size: 0.92rem;
    font-weight: 850;
    line-height: 1.35;
    text-overflow: ellipsis;
}

.offline-map__match p[b-bnm88bfw9y],
.offline-map__match small[b-bnm88bfw9y] {
    display: block;
    margin: 0.1rem 0 0;
    overflow-wrap: anywhere;
    color: #667085;
    font-size: 0.75rem;
    line-height: 1.45;
}

.offline-map__match small[b-bnm88bfw9y] {
    color: #98a2b3;
}

.offline-map__warning[b-bnm88bfw9y] {
    color: #b54708 !important;
}

.offline-map__match-actions[b-bnm88bfw9y] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0.3rem;
}

.offline-map__match-actions a[b-bnm88bfw9y],
.offline-map__match-actions button[b-bnm88bfw9y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.4rem;
    min-height: 1.9rem;
    padding: 0 0.5rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.35rem;
    background: #ffffff;
    color: #344054;
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.offline-map__match-actions a:hover[b-bnm88bfw9y],
.offline-map__match-actions button:hover[b-bnm88bfw9y],
.offline-map__match-actions a:focus-visible[b-bnm88bfw9y],
.offline-map__match-actions button:focus-visible[b-bnm88bfw9y] {
    border-color: #98a2b3;
    background: #f9fafb;
}

.offline-map__match-actions button:disabled[b-bnm88bfw9y] {
    background: #f2f4f7;
    color: #98a2b3;
    cursor: not-allowed;
}

.offline-map__match-actions .offline-map__icon-button[b-bnm88bfw9y] {
    min-width: 0;
    padding: 0;
    color: #175cd3;
}

.offline-map__load-more[b-bnm88bfw9y] {
    flex: 0 0 auto;
    min-height: 2.55rem;
    margin: 0.7rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.4rem;
    background: #ffffff;
    color: #344054;
    font-size: 0.8rem;
    font-weight: 850;
}

.offline-map__load-more:hover[b-bnm88bfw9y],
.offline-map__load-more:focus-visible[b-bnm88bfw9y] {
    background: #f9fafb;
}

.offline-map__map-header[b-bnm88bfw9y] {
    min-height: 4.4rem;
}

.offline-map__map-actions[b-bnm88bfw9y] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.offline-map__map-actions strong[b-bnm88bfw9y] {
    color: #667085;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.offline-map__map-actions button[b-bnm88bfw9y] {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    place-items: center;
    border: 1px solid #d0d5dd;
    border-radius: 0.4rem;
    background: #ffffff;
    color: #175cd3;
}

.offline-map__map-actions button:hover[b-bnm88bfw9y],
.offline-map__map-actions button:focus-visible[b-bnm88bfw9y] {
    border-color: #98a2b3;
    background: #f9fafb;
}

.offline-map__map-stage[b-bnm88bfw9y] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #e9eef3;
}

.offline-map__amap[b-bnm88bfw9y] {
    position: absolute;
    inset: 0;
}

.offline-map__amap--muted[b-bnm88bfw9y] {
    opacity: 0.68;
}

.offline-map__map-empty[b-bnm88bfw9y],
.offline-map__empty[b-bnm88bfw9y] {
    display: grid;
    height: 100%;
    min-height: 18rem;
    padding: 2rem;
    place-content: center;
    justify-items: center;
    gap: 0.4rem;
    color: #667085;
    text-align: center;
}

.offline-map__map-empty > :first-child[b-bnm88bfw9y],
.offline-map__empty > :first-child[b-bnm88bfw9y] {
    color: #98a2b3;
    font-size: 2rem;
}

.offline-map__map-empty strong[b-bnm88bfw9y],
.offline-map__empty strong[b-bnm88bfw9y] {
    color: #344054;
    font-size: 0.95rem;
}

.offline-map__map-empty--overlay[b-bnm88bfw9y] {
    position: absolute;
    z-index: 3;
    inset: 50% auto auto 50%;
    width: min(18rem, calc(100% - 2rem));
    height: auto;
    min-height: 7rem;
    padding: 1rem;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(208, 213, 221, 0.9);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 12px 28px rgba(16, 24, 40, 0.12);
}

.offline-map__empty--compact[b-bnm88bfw9y] {
    min-height: 14rem;
}

.offline-map__map-error[b-bnm88bfw9y] {
    position: absolute;
    z-index: 4;
    right: 0.75rem;
    bottom: 0.75rem;
    max-width: min(28rem, calc(100% - 1.5rem));
    padding: 0.6rem 0.75rem;
    border: 1px solid #fecdca;
    border-radius: 0.4rem;
    background: #fef3f2;
    color: #b42318;
    font-size: 0.78rem;
    font-weight: 750;
}

.offline-map__updating[b-bnm88bfw9y] {
    position: absolute;
    z-index: 10;
    inset: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0.4rem;
    padding-top: 1rem;
    background: rgba(255, 255, 255, 0.42);
    color: #344054;
    font-size: 0.82rem;
    font-weight: 850;
    pointer-events: none;
    backdrop-filter: blur(1px);
}

.offline-map__updating > :first-child[b-bnm88bfw9y] {
    animation: offline-map-spin-b-bnm88bfw9y 0.9s linear infinite;
}

@keyframes offline-map-spin-b-bnm88bfw9y {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1199.98px) {
    .offline-map__toolbar[b-bnm88bfw9y] {
        grid-template-columns: repeat(3, minmax(8rem, 1fr));
    }

    .offline-map__search[b-bnm88bfw9y] {
        grid-column: span 3;
    }

    .offline-map__workspace[b-bnm88bfw9y] {
        grid-template-columns: minmax(18rem, 21rem) minmax(0, 1fr);
    }
}

@media (max-width: 991.98px) {
    .offline-map__view-switch[b-bnm88bfw9y] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0.25rem;
        border: 1px solid #d0d5dd;
        border-radius: 0.5rem;
        background: #f2f4f7;
    }

    .offline-map__view-switch button[b-bnm88bfw9y] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        min-height: 2.35rem;
        border: 0;
        border-radius: 0.35rem;
        background: transparent;
        color: #667085;
        font-size: 0.82rem;
        font-weight: 850;
    }

    .offline-map__view-switch button.is-active[b-bnm88bfw9y] {
        background: #ffffff;
        color: #17202a;
        box-shadow: 0 1px 3px rgba(16, 24, 40, 0.12);
    }

    .offline-map__workspace[b-bnm88bfw9y] {
        display: block;
        height: auto;
        min-height: 30rem;
    }

    .offline-map__results[b-bnm88bfw9y] {
        min-height: 30rem;
        border-right: 0;
    }

    .offline-map__map-pane[b-bnm88bfw9y] {
        height: clamp(30rem, calc(100dvh - 13rem), 42rem);
    }

    .offline-map__pane--mobile-hidden[b-bnm88bfw9y] {
        display: none;
    }

    .offline-map__city-list[b-bnm88bfw9y] {
        overflow: visible;
    }
}

@media (max-width: 767.98px) {
    .offline-map__header[b-bnm88bfw9y] {
        align-items: flex-start;
    }

    .offline-map__header-actions[b-bnm88bfw9y] {
        align-items: flex-end;
        flex-direction: column-reverse;
        gap: 0.4rem;
    }

    .offline-map__toolbar[b-bnm88bfw9y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .offline-map__search[b-bnm88bfw9y] {
        grid-column: span 2;
    }

    .offline-map__match[b-bnm88bfw9y] {
        grid-template-columns: minmax(0, 1fr);
    }

    .offline-map__match-actions[b-bnm88bfw9y] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .offline-map__match-actions a[b-bnm88bfw9y],
    .offline-map__match-actions button[b-bnm88bfw9y] {
        min-width: 3.5rem;
    }
}

@media (max-width: 479.98px) {
    .offline-map[b-bnm88bfw9y] {
        gap: 0.6rem;
    }

    .offline-map__header[b-bnm88bfw9y] {
        min-height: 3.8rem;
        padding-top: 0.25rem;
    }

    .offline-map__title h1[b-bnm88bfw9y] {
        font-size: 1.3rem;
    }

    .offline-map__summary[b-bnm88bfw9y] {
        display: none;
    }

    .offline-map__header-actions a span[b-bnm88bfw9y] {
        display: none;
    }

    .offline-map__header-actions a[b-bnm88bfw9y] {
        width: 2.35rem;
        padding: 0;
    }

    .offline-map__toolbar[b-bnm88bfw9y] {
        gap: 0.5rem;
        padding: 0.6rem;
    }

    .offline-map__date-field[b-bnm88bfw9y],
    .offline-map__search[b-bnm88bfw9y] {
        grid-column: span 2;
    }

    .offline-map__pane-header[b-bnm88bfw9y] {
        min-height: 4rem;
        padding: 0.65rem 0.75rem;
    }

    .offline-map__map-actions strong[b-bnm88bfw9y] {
        display: none;
    }

    .offline-map__map-pane[b-bnm88bfw9y] {
        height: clamp(28rem, calc(100dvh - 12rem), 38rem);
    }
}
/* /Pages/PokeStats.razor.rz.scp.css */
.pokestats-resource[b-i93ejc5oqv] {
    --pokestats-ink: #17202a;
    --pokestats-muted: #667085;
    --pokestats-border: #dfe3e8;
    --pokestats-blue: #1769d2;
    --pokestats-cyan: #007f98;
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    color: var(--pokestats-ink);
}

.pokestats-resource *[b-i93ejc5oqv],
.pokestats-resource *[b-i93ejc5oqv]::before,
.pokestats-resource *[b-i93ejc5oqv]::after {
    box-sizing: border-box;
}

.pokestats-resource h1[b-i93ejc5oqv],
.pokestats-resource h2[b-i93ejc5oqv],
.pokestats-resource p[b-i93ejc5oqv],
.pokestats-resource figure[b-i93ejc5oqv] {
    margin: 0;
}

.pokestats-resource__hero[b-i93ejc5oqv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1.25rem 0 1.35rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.72);
}

.pokestats-resource__hero-icon[b-i93ejc5oqv] {
    display: inline-grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border: 1px solid rgba(23, 105, 210, 0.2);
    border-radius: 8px;
    background: #ffffff;
    color: var(--pokestats-blue);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

.pokestats-resource__hero-icon .rzi[b-i93ejc5oqv] {
    font-size: 1.8rem;
}

.pokestats-resource__eyebrow[b-i93ejc5oqv],
.pokestats-resource__card-head > div > span[b-i93ejc5oqv] {
    display: block;
    color: #475467;
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pokestats-resource__hero h1[b-i93ejc5oqv] {
    margin-top: 0.2rem;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: 0;
    text-shadow: 0 2px 12px rgba(3, 7, 18, 0.42);
}

.pokestats-resource__hero p[b-i93ejc5oqv] {
    max-width: 51rem;
    margin-top: 0.45rem;
    color: rgba(255, 255, 255, 0.92);
    font-size: 1rem;
    line-height: 1.65;
    text-shadow: 0 1px 8px rgba(3, 7, 18, 0.42);
}

.pokestats-resource__eyebrow[b-i93ejc5oqv] {
    color: rgba(255, 255, 255, 0.82);
    text-shadow: 0 1px 8px rgba(3, 7, 18, 0.48);
}

.pokestats-resource__grid[b-i93ejc5oqv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-width: 0;
}

.pokestats-resource__card[b-i93ejc5oqv] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--pokestats-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.09);
}

.pokestats-resource__card-head[b-i93ejc5oqv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 5.25rem;
    padding: 0.9rem 1rem;
}

.pokestats-resource__card-head h2[b-i93ejc5oqv] {
    margin-top: 0.18rem;
    color: var(--pokestats-ink);
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.pokestats-resource__card-icon[b-i93ejc5oqv] {
    display: inline-grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    border-radius: 7px;
    color: #ffffff;
}

.pokestats-resource__card-icon--data[b-i93ejc5oqv] {
    background: var(--pokestats-blue);
}

.pokestats-resource__card-icon--live[b-i93ejc5oqv] {
    background: var(--pokestats-cyan);
}

.pokestats-resource__card-icon .rzi[b-i93ejc5oqv] {
    font-size: 1.35rem;
}

.pokestats-resource__preview[b-i93ejc5oqv] {
    min-width: 0;
    aspect-ratio: 16 / 10;
    border-top: 1px solid var(--pokestats-border);
    border-bottom: 1px solid var(--pokestats-border);
    background: #111318;
    overflow: hidden;
}

.pokestats-resource__preview img[b-i93ejc5oqv] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.pokestats-resource__card-body[b-i93ejc5oqv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem;
}

.pokestats-resource__card-body > p[b-i93ejc5oqv] {
    color: var(--pokestats-muted);
    line-height: 1.68;
}

.pokestats-resource__card-body ul[b-i93ejc5oqv] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pokestats-resource__card-body li[b-i93ejc5oqv] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    min-height: 2.45rem;
    padding: 0.38rem 0;
    border-top: 1px solid #edf0f3;
    color: #344054;
    font-size: 0.9rem;
    font-weight: 750;
}

.pokestats-resource__card-body li .rzi[b-i93ejc5oqv] {
    color: var(--pokestats-blue);
    font-size: 1.1rem;
}

.pokestats-resource__card:nth-child(2) .pokestats-resource__card-body li .rzi[b-i93ejc5oqv] {
    color: var(--pokestats-cyan);
}

.pokestats-resource__action[b-i93ejc5oqv] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 2.8rem;
    margin-top: auto;
    padding: 0.65rem 0.85rem;
    border-radius: 6px;
    background: var(--pokestats-blue);
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 850;
    text-decoration: none;
    transition: background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.pokestats-resource__action--live[b-i93ejc5oqv] {
    background: var(--pokestats-cyan);
}

.pokestats-resource__action:hover[b-i93ejc5oqv],
.pokestats-resource__action:focus-visible[b-i93ejc5oqv] {
    background: #1258b2;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(23, 105, 210, 0.22);
    text-decoration: none;
    transform: translateY(-1px);
}

.pokestats-resource__action--live:hover[b-i93ejc5oqv],
.pokestats-resource__action--live:focus-visible[b-i93ejc5oqv] {
    background: #006b80;
    box-shadow: 0 10px 22px rgba(0, 127, 152, 0.22);
}

.pokestats-resource__action:focus-visible[b-i93ejc5oqv] {
    outline: 3px solid rgba(255, 255, 255, 0.92);
    outline-offset: -5px;
}

.pokestats-resource__notice[b-i93ejc5oqv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.9rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 8px rgba(3, 7, 18, 0.42);
}

.pokestats-resource__notice > .rzi[b-i93ejc5oqv] {
    margin-top: 0.1rem;
    font-size: 1.15rem;
}

.pokestats-resource__notice p[b-i93ejc5oqv] {
    display: grid;
    gap: 0.12rem;
    line-height: 1.55;
}

.pokestats-resource__notice strong[b-i93ejc5oqv] {
    font-size: 0.9rem;
}

.pokestats-resource__notice span[b-i93ejc5oqv] {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.84rem;
}

@media (max-width: 820px) {
    .pokestats-resource__grid[b-i93ejc5oqv] {
        grid-template-columns: 1fr;
    }

    .pokestats-resource__preview[b-i93ejc5oqv] {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 575.98px) {
    .pokestats-resource[b-i93ejc5oqv] {
        gap: 0.9rem;
    }

    .pokestats-resource__hero[b-i93ejc5oqv] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        padding-top: 0.4rem;
    }

    .pokestats-resource__hero-icon[b-i93ejc5oqv] {
        width: 3rem;
        height: 3rem;
    }

    .pokestats-resource__hero h1[b-i93ejc5oqv] {
        font-size: 1.65rem;
    }

    .pokestats-resource__hero p[b-i93ejc5oqv] {
        font-size: 0.94rem;
    }

    .pokestats-resource__card-head[b-i93ejc5oqv],
    .pokestats-resource__card-body[b-i93ejc5oqv] {
        padding-right: 0.85rem;
        padding-left: 0.85rem;
    }

    .pokestats-resource__preview[b-i93ejc5oqv] {
        aspect-ratio: 4 / 3;
    }
}
/* /Pages/QrCheckInRedeem.razor.rz.scp.css */
.qr-checkin-redeem[b-rux618m7s8] {
    display: grid;
    place-items: center;
    min-height: calc(100vh - 10rem);
    padding: 1rem;
}

.qr-checkin-redeem__card[b-rux618m7s8] {
    display: grid;
    gap: 1rem;
    width: min(100%, 38rem);
    padding: 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.1);
}

.qr-checkin-redeem__eyebrow[b-rux618m7s8] {
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.qr-checkin-redeem__card h1[b-rux618m7s8] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.7rem, 4vw, 2.3rem);
    font-weight: 800;
}

.qr-checkin-redeem__card p[b-rux618m7s8] {
    margin: 0;
    color: #475569;
    line-height: 1.7;
}

.qr-checkin-redeem__message[b-rux618m7s8] {
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: rgba(248, 250, 252, 0.92);
    font-weight: 700;
}

.qr-checkin-redeem__meta[b-rux618m7s8] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: rgba(239, 246, 255, 0.92);
    color: #1e3a8a;
}

.qr-checkin-redeem__meta strong[b-rux618m7s8] {
    color: #0f172a;
    font-size: 1rem;
}

.qr-checkin-redeem__actions[b-rux618m7s8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (max-width: 575.98px) {
    .qr-checkin-redeem__card[b-rux618m7s8] {
        padding: 1.15rem;
        border-radius: 1.2rem;
    }
}
/* /Pages/RecordMatch.razor.rz.scp.css */
.record-match__container[b-8b00e5ij92] {
    overflow-x: auto;
    padding-bottom: 1rem;
}

.record-match__titlebar[b-8b00e5ij92] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin: 0.5rem 0 1rem;
}

.record-match__titlebar h1[b-8b00e5ij92] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.6rem, 4vw, 2.6rem);
    font-weight: 850;
}

.record-match__quick-actions[b-8b00e5ij92] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.record-match__quick-link[b-8b00e5ij92] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
    padding: 0.6rem 0.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 800;
    text-decoration: none;
}

.record-match__quick-link:hover[b-8b00e5ij92] {
    color: #0f172a;
    text-decoration: none;
    filter: brightness(0.98);
}

.record-match__quick-link--primary[b-8b00e5ij92] {
    border-color: #0f172a;
    background: #0f172a;
    color: #ffffff;
}

.record-match__quick-link--primary:hover[b-8b00e5ij92] {
    color: #ffffff;
}

.record-match__hero[b-8b00e5ij92] {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0 1rem;
    min-width: 770px;
}

.record-match__profile-card[b-8b00e5ij92] {
    width: min(820px, 100%);
    border-radius: 22px;
}

.record-match__profile-header[b-8b00e5ij92] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}

.record-match__profile-header h2[b-8b00e5ij92] {
    margin-bottom: 0.35rem;
}

.record-match__profile-header p[b-8b00e5ij92] {
    margin-bottom: 0;
    color: #64748b;
}

.record-match__eyebrow[b-8b00e5ij92] {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.record-match__shadow-chip[b-8b00e5ij92] {
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 700;
}

.record-match__profile-grid[b-8b00e5ij92] {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 1.25rem;
    align-items: center;
}

.record-match__avatar-cell[b-8b00e5ij92] {
    display: flex;
    justify-content: center;
}

.record-match__avatar-frame[b-8b00e5ij92] {
    width: 128px;
    height: 128px;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #e2e8f0;
}

.record-match__identity-cell[b-8b00e5ij92] {
    display: grid;
    gap: 1rem;
}

.record-match__meta[b-8b00e5ij92] {
    display: grid;
    gap: 0.35rem;
}

.record-match__meta span[b-8b00e5ij92],
.record-match__remarks-label[b-8b00e5ij92],
.record-match__summary-item span[b-8b00e5ij92] {
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 600;
}

.record-match__meta strong[b-8b00e5ij92],
.record-match__summary-item strong[b-8b00e5ij92] {
    color: #0f172a;
    font-size: 1.1rem;
}

.record-match__remarks[b-8b00e5ij92] {
    display: grid;
    gap: 0.45rem;
    grid-column: 1 / -1;
    margin-top: 1rem;
}

.record-match__round-panel[b-8b00e5ij92] {
    display: grid;
    gap: 1rem;
}

.record-match__summary-strip[b-8b00e5ij92] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.9rem;
}

.record-match__summary-item[b-8b00e5ij92] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
}

.record-match__section-title[b-8b00e5ij92] {
    margin: 0;
    font-size: 1.1rem;
}

.record-match__table-shell[b-8b00e5ij92] {
    overflow-x: auto;
}

.record-match__table[b-8b00e5ij92] {
    margin-bottom: 0;
    min-width: 720px;
    vertical-align: middle;
}

.record-match__table thead th[b-8b00e5ij92] {
    background: #f8fafc;
    border-top: 0;
    white-space: nowrap;
}

.record-match__status[b-8b00e5ij92] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    background: #e2e8f0;
    color: #334155;
}

.record-match__status--waiting[b-8b00e5ij92] {
    background: #fef3c7;
    color: #92400e;
}

.record-match__status--done[b-8b00e5ij92] {
    background: #dcfce7;
    color: #166534;
}

.record-match__status--draw[b-8b00e5ij92] {
    background: #dbeafe;
    color: #1d4ed8;
}

.record-match__status--lost[b-8b00e5ij92] {
    background: #fee2e2;
    color: #b91c1c;
}

.record-match__score-link[b-8b00e5ij92] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.5rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.record-match__score-link:hover[b-8b00e5ij92] {
    color: #ffffff;
    text-decoration: none;
    filter: brightness(1.05);
}

@media (max-width: 767.98px) {
    .record-match__titlebar[b-8b00e5ij92] {
        display: grid;
    }

    .record-match__quick-actions[b-8b00e5ij92] {
        justify-content: flex-start;
    }

    .record-match__quick-link[b-8b00e5ij92] {
        flex: 1 1 9rem;
    }

    .record-match__profile-header[b-8b00e5ij92] {
        flex-direction: column;
    }

    .record-match__profile-grid[b-8b00e5ij92] {
        grid-template-columns: 1fr;
    }

    .record-match__avatar-cell[b-8b00e5ij92] {
        justify-content: flex-start;
    }
}
/* /Pages/Rk9OfficialDetail.razor.rz.scp.css */
.rk9-detail[b-6s5lkvgyzk] {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.rk9-detail__hero[b-6s5lkvgyzk],
.rk9-detail__sync[b-6s5lkvgyzk],
.rk9-detail__subevents[b-6s5lkvgyzk],
.rk9-detail__filters[b-6s5lkvgyzk],
.rk9-detail__tabs[b-6s5lkvgyzk],
.rk9-round-card[b-6s5lkvgyzk],
.rk9-detail__error[b-6s5lkvgyzk] {
    border: 1px solid #dbe3ee;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.rk9-detail__hero[b-6s5lkvgyzk] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(380px, 0.9fr) auto;
    gap: 1.25rem;
    padding: 2rem;
    background: linear-gradient(135deg, #eef6ff 0%, #fff 58%, #fef3c7 100%);
}

.rk9-detail__back[b-6s5lkvgyzk] {
    margin-bottom: 0.8rem;
    border: 0;
    background: transparent;
    color: #2563eb;
    font-weight: 800;
}

.rk9-detail__hero span[b-6s5lkvgyzk] {
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rk9-detail__hero h1[b-6s5lkvgyzk],
.rk9-detail__sync h2[b-6s5lkvgyzk],
.rk9-detail__promotion h3[b-6s5lkvgyzk],
.rk9-round-card h3[b-6s5lkvgyzk] {
    margin: 0;
    color: #0f172a;
    font-weight: 900;
}

.rk9-detail__hero h1[b-6s5lkvgyzk] {
    margin-top: 0.25rem;
    font-size: 2.3rem;
}

.rk9-detail__hero p[b-6s5lkvgyzk],
.rk9-detail__sync p[b-6s5lkvgyzk] {
    margin: 0.35rem 0 0;
    color: #64748b;
}

.rk9-detail__summary[b-6s5lkvgyzk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 0.75rem;
}

.rk9-detail__summary div[b-6s5lkvgyzk] {
    padding: 1rem;
    border-radius: 20px;
    background: #fff;
    text-align: center;
    min-width: 0;
}

.rk9-detail__summary strong[b-6s5lkvgyzk],
.rk9-detail__summary span[b-6s5lkvgyzk] {
    display: block;
}

.rk9-detail__summary strong[b-6s5lkvgyzk] {
    color: #0f172a;
    font-size: 1.1rem;
}

.rk9-detail__summary span[b-6s5lkvgyzk] {
    margin-top: 0.25rem;
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 800;
}

.rk9-detail__sync[b-6s5lkvgyzk] {
    padding: 1.2rem;
}

.rk9-detail__sync summary[b-6s5lkvgyzk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    list-style: none;
}

.rk9-detail__sync summary[b-6s5lkvgyzk]::-webkit-details-marker {
    display: none;
}

.rk9-detail__sync-toggle[b-6s5lkvgyzk] {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.4rem 0.7rem;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #f8fafc;
    color: #2563eb;
    font-size: 0.85rem;
    font-weight: 800;
    white-space: nowrap;
}

.rk9-detail__sync-body[b-6s5lkvgyzk] {
    display: grid;
    grid-template-columns: minmax(180px, auto) repeat(3, minmax(160px, 1fr)) auto;
    align-items: end;
    gap: 0.85rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.rk9-detail__promotion[b-6s5lkvgyzk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.rk9-detail__promotion h3[b-6s5lkvgyzk] {
    font-size: 1rem;
}

.rk9-detail__promotion p[b-6s5lkvgyzk] {
    margin: 0.25rem 0 0;
}

.rk9-detail__check[b-6s5lkvgyzk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #334155;
    font-weight: 800;
}

.rk9-detail__sync-actions[b-6s5lkvgyzk],
.rk9-detail__filters[b-6s5lkvgyzk],
.rk9-detail__subevents[b-6s5lkvgyzk],
.rk9-detail__hero-actions[b-6s5lkvgyzk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.rk9-detail__sync-actions[b-6s5lkvgyzk] {
    justify-content: flex-end;
}

.rk9-detail__error[b-6s5lkvgyzk] {
    padding: 1rem 1.25rem;
    color: #be123c;
    font-weight: 800;
}

.rk9-detail__subevents[b-6s5lkvgyzk],
.rk9-detail__filters[b-6s5lkvgyzk] {
    padding: 1rem;
}

.rk9-detail__subevent[b-6s5lkvgyzk] {
    min-width: 170px;
    padding: 0.9rem 1.1rem;
    border: 1px solid #dbe3ee;
    border-radius: 18px;
    background: #fff;
    color: #334155;
    text-align: left;
}

.rk9-detail__subevent span[b-6s5lkvgyzk],
.rk9-detail__subevent strong[b-6s5lkvgyzk] {
    display: block;
}

.rk9-detail__subevent span[b-6s5lkvgyzk] {
    font-weight: 900;
}

.rk9-detail__subevent strong[b-6s5lkvgyzk] {
    margin-top: 0.25rem;
    color: #64748b;
}

.rk9-detail__subevent--active[b-6s5lkvgyzk] {
    border-color: transparent;
    background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
    color: #fff;
}

.rk9-detail__subevent--active strong[b-6s5lkvgyzk] {
    color: #dbeafe;
}

.rk9-detail__tabs[b-6s5lkvgyzk] {
    padding: 1rem;
}

.rk9-detail__hero-actions[b-6s5lkvgyzk] {
    align-self: start;
    justify-content: flex-end;
}

.rk9-detail__round-filter[b-6s5lkvgyzk] {
    min-width: 180px;
    padding: 0.75rem 0.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    color: #334155;
}

.rk9-detail__grid[b-6s5lkvgyzk] {
    margin-top: 0.5rem;
}

.rk9-detail__player-cell[b-6s5lkvgyzk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.rk9-detail__player-cell small[b-6s5lkvgyzk] {
    color: #94a3b8;
}

.rk9-table__winner[b-6s5lkvgyzk] {
    color: #047857 !important;
    font-weight: 900;
}

.rk9-team-actions[b-6s5lkvgyzk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.rk9-team-actions a[b-6s5lkvgyzk] {
    display: inline-flex;
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 800;
}

[b-6s5lkvgyzk] .rz-cell-data,
[b-6s5lkvgyzk] .rz-column-title {
    white-space: normal;
}

.rk9-detail__empty[b-6s5lkvgyzk] {
    padding: 1.5rem;
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
    text-align: center;
}

@media (max-width: 1100px) {
    .rk9-detail__hero[b-6s5lkvgyzk],
    .rk9-detail__sync-body[b-6s5lkvgyzk],
    .rk9-detail__promotion[b-6s5lkvgyzk] {
        grid-template-columns: 1fr;
    }

    .rk9-detail__summary[b-6s5lkvgyzk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .rk9-detail[b-6s5lkvgyzk] {
        gap: 0.85rem;
    }

    .rk9-detail__hero[b-6s5lkvgyzk] {
        gap: 0.85rem;
        padding: 1rem;
    }

    .rk9-detail__hero h1[b-6s5lkvgyzk] {
        font-size: 1.65rem;
        line-height: 1.2;
    }

    .rk9-detail__summary[b-6s5lkvgyzk] {
        gap: 0.4rem;
    }

    .rk9-detail__summary div[b-6s5lkvgyzk] {
        padding: 0.65rem 0.35rem;
        border-radius: 10px;
    }

    .rk9-detail__summary strong[b-6s5lkvgyzk] {
        font-size: 0.9rem;
        overflow-wrap: anywhere;
    }

    .rk9-detail__summary span[b-6s5lkvgyzk] {
        font-size: 0.72rem;
    }

    .rk9-detail__hero-actions[b-6s5lkvgyzk] {
        justify-content: flex-start;
    }

    .rk9-detail__sync[b-6s5lkvgyzk] {
        padding: 0.9rem 1rem;
    }

    .rk9-detail__sync summary[b-6s5lkvgyzk] {
        align-items: flex-start;
    }

    .rk9-detail__subevents[b-6s5lkvgyzk],
    .rk9-detail__filters[b-6s5lkvgyzk],
    .rk9-detail__tabs[b-6s5lkvgyzk] {
        padding: 0.75rem;
    }
}
/* /Pages/Rk9OfficialList.razor.rz.scp.css */
.rk9-official[b-yvelwt6nj9] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.rk9-official__hero[b-yvelwt6nj9],
.rk9-official__manual[b-yvelwt6nj9],
.rk9-official__section[b-yvelwt6nj9] {
    border: 1px solid #dbe3ee;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.rk9-official__hero[b-yvelwt6nj9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 2rem;
    background: linear-gradient(135deg, #eef6ff 0%, #fff 54%, #fff7ed 100%);
}

.rk9-official__hero span[b-yvelwt6nj9],
.rk9-source-row__meta[b-yvelwt6nj9],
.rk9-badge[b-yvelwt6nj9] {
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rk9-official__hero h1[b-yvelwt6nj9],
.rk9-official__section-title h2[b-yvelwt6nj9],
.rk9-official__manual h2[b-yvelwt6nj9],
.rk9-event-card h3[b-yvelwt6nj9],
.rk9-source-row h3[b-yvelwt6nj9] {
    margin: 0;
    color: #0f172a;
    font-weight: 900;
}

.rk9-official__hero h1[b-yvelwt6nj9] {
    margin-top: 0.35rem;
    font-size: clamp(2rem, 4vw, 3.5rem);
}

.rk9-official__hero p[b-yvelwt6nj9],
.rk9-official__section-title p[b-yvelwt6nj9],
.rk9-official__manual p[b-yvelwt6nj9],
.rk9-event-card p[b-yvelwt6nj9],
.rk9-source-row p[b-yvelwt6nj9] {
    margin: 0.35rem 0 0;
    color: #64748b;
}

.rk9-official__hero-actions[b-yvelwt6nj9],
.rk9-event-card__actions[b-yvelwt6nj9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.rk9-official__manual[b-yvelwt6nj9] {
    display: grid;
    grid-template-columns: minmax(220px, 320px) minmax(260px, 1fr) auto;
    align-items: end;
    gap: 1rem;
    padding: 1.25rem;
}

.rk9-official__section[b-yvelwt6nj9] {
    padding: 1.5rem;
}

.rk9-official__section-title[b-yvelwt6nj9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.rk9-official__grid[b-yvelwt6nj9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.rk9-event-card[b-yvelwt6nj9],
.rk9-source-row[b-yvelwt6nj9] {
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: #fff;
}

.rk9-event-card[b-yvelwt6nj9] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1.1rem;
}

.rk9-event-card__top[b-yvelwt6nj9],
.rk9-event-card__stats[b-yvelwt6nj9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.rk9-badge[b-yvelwt6nj9] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: #eff6ff;
}

.rk9-badge--green[b-yvelwt6nj9] {
    color: #047857;
    background: #ecfdf5;
}

.rk9-badge--featured[b-yvelwt6nj9] {
    color: #9f1239;
    background: #fff1f2;
}

.rk9-event-card__stats span[b-yvelwt6nj9] {
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 0.85rem;
    font-weight: 700;
}

.rk9-event-card__error[b-yvelwt6nj9],
.rk9-official__empty--error[b-yvelwt6nj9] {
    color: #be123c;
}

.rk9-source-list[b-yvelwt6nj9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.rk9-source-filters[b-yvelwt6nj9] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 180px auto;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.rk9-source-filters select[b-yvelwt6nj9] {
    min-height: 2.65rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #334155;
}

.rk9-source-filters span[b-yvelwt6nj9] {
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 800;
    white-space: nowrap;
}

.rk9-source-more[b-yvelwt6nj9] {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}

.rk9-sync-status[b-yvelwt6nj9] {
    margin-top: 0.55rem;
    padding: 0.45rem 0.65rem;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 800;
}

.rk9-sync-status--error[b-yvelwt6nj9] {
    background: #fff1f2;
    color: #be123c;
}

.rk9-source-row[b-yvelwt6nj9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
}

.rk9-source-row__meta[b-yvelwt6nj9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    color: #64748b;
}

.rk9-official__empty[b-yvelwt6nj9] {
    padding: 1.5rem;
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 900px) {
    .rk9-official__hero[b-yvelwt6nj9],
    .rk9-official__manual[b-yvelwt6nj9],
    .rk9-source-row[b-yvelwt6nj9] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .rk9-source-filters[b-yvelwt6nj9] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Rk9OfficialPlayerBattles.razor.rz.scp.css */
.rk9-battles[b-9bnlnh1jdy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rk9-battles__hero[b-9bnlnh1jdy],
.rk9-battle-card[b-9bnlnh1jdy],
.rk9-battles__empty[b-9bnlnh1jdy] {
    border: 1px solid #dbe3ee;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.rk9-battles__hero[b-9bnlnh1jdy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #eef6ff 0%, #fff 62%, #ecfdf5 100%);
}

.rk9-battles__hero button[b-9bnlnh1jdy] {
    padding: 0.65rem 1rem;
    border: 0;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    font-weight: 900;
}

.rk9-battles__hero span[b-9bnlnh1jdy] {
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rk9-battles__hero h1[b-9bnlnh1jdy] {
    margin: 0;
    color: #0f172a;
    font-weight: 900;
}

.rk9-battles__hero p[b-9bnlnh1jdy] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.rk9-battles__list[b-9bnlnh1jdy] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.rk9-battle-card[b-9bnlnh1jdy] {
    padding: 1rem;
}

.rk9-battle-card__round[b-9bnlnh1jdy] {
    color: #64748b;
    font-weight: 800;
}

.rk9-battle-card__players[b-9bnlnh1jdy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    margin-top: 0.75rem;
    text-align: center;
}

.rk9-battle-card__side[b-9bnlnh1jdy] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    align-items: center;
}

.rk9-battle-card__identity[b-9bnlnh1jdy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 28px;
}

.rk9-battle-card__flag[b-9bnlnh1jdy] {
    width: 1.4rem;
    height: 1rem;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.rk9-battle-card__score[b-9bnlnh1jdy] {
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 900;
}

.rk9-battle-card__result[b-9bnlnh1jdy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 100%;
}

.rk9-battle-card__result em[b-9bnlnh1jdy] {
    color: #64748b;
    font-style: normal;
    font-weight: 900;
}

.rk9-battle-card__result-badge[b-9bnlnh1jdy] {
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    color: #fff;
    font-weight: 900;
}

.rk9-battle-card__result-badge--win[b-9bnlnh1jdy] {
    background: #16a34a;
}

.rk9-battle-card__result-badge--lose[b-9bnlnh1jdy] {
    background: #dc2626;
}

.rk9-battle-card__result-badge--draw[b-9bnlnh1jdy] {
    background: #d97706;
}

.rk9-battle-card__missing[b-9bnlnh1jdy] {
    color: #94a3b8;
    font-size: 0.85rem;
    font-weight: 800;
}

.rk9-battle-card__actions[b-9bnlnh1jdy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 0.9rem;
}

.rk9-battle-card__actions a[b-9bnlnh1jdy] {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: #f8fafc;
    color: #1d4ed8;
    font-size: 0.84rem;
    font-weight: 800;
}

.rk9-battle-card__winner[b-9bnlnh1jdy] {
    color: #047857;
}

.rk9-battles__empty[b-9bnlnh1jdy] {
    padding: 1.5rem;
    color: #64748b;
    font-weight: 800;
    text-align: center;
}

@media (max-width: 900px) {
    .rk9-battle-card__players[b-9bnlnh1jdy] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Rk9OfficialRoster.razor.rz.scp.css */
.rk9-roster[b-en9tktrycd] {
    width: min(100%, 1480px);
    margin: 0 auto;
}

.rk9-roster__surface[b-en9tktrycd],
.rk9-roster__empty[b-en9tktrycd] {
    border: 1px solid #d7dde5;
    border-radius: 8px;
    background: #fff;
}

.rk9-roster__surface[b-en9tktrycd] {
    overflow: hidden;
}

.rk9-roster__header[b-en9tktrycd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.25rem 1.4rem;
    border-bottom: 1px solid #e5e9ef;
}

.rk9-roster__title span[b-en9tktrycd] {
    color: #32604c;
    font-size: 0.78rem;
    font-weight: 800;
}

.rk9-roster__title h1[b-en9tktrycd] {
    margin: 0.2rem 0 0;
    color: #17202a;
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.3;
}

.rk9-roster__title p[b-en9tktrycd] {
    margin: 0.35rem 0 0;
    color: #687381;
}

.rk9-roster__header-actions[b-en9tktrycd],
.rk9-roster__subevents[b-en9tktrycd],
.rk9-roster__toolbar[b-en9tktrycd],
.rk9-roster__toolbar-actions[b-en9tktrycd],
.rk9-roster__flags[b-en9tktrycd],
.rk9-roster__teamline[b-en9tktrycd],
.rk9-roster__actions[b-en9tktrycd],
.rk9-roster__pager[b-en9tktrycd],
.rk9-roster__list-meta[b-en9tktrycd],
.rk9-roster__expanded-head[b-en9tktrycd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.rk9-roster__header-actions[b-en9tktrycd] {
    flex: 0 0 auto;
    align-items: center;
}

.rk9-roster__header-actions a[b-en9tktrycd],
.rk9-roster__actions a[b-en9tktrycd] {
    color: #235ea8;
    font-weight: 700;
    text-decoration: none;
}

.rk9-roster__header-actions a[b-en9tktrycd] {
    padding: 0.45rem 0.65rem;
    border-radius: 6px;
}

.rk9-roster__header-actions a:hover[b-en9tktrycd],
.rk9-roster__actions a:hover[b-en9tktrycd] {
    background: #edf4fc;
    color: #164a87;
}

.rk9-roster__subevents[b-en9tktrycd] {
    padding: 0.8rem 1.4rem 0;
}

.rk9-roster__subevent[b-en9tktrycd] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 36px;
    padding: 0.4rem 0.7rem;
    border: 1px solid #cfd6df;
    border-radius: 6px;
    background: #fff;
    color: #3a4653;
    font-weight: 700;
}

.rk9-roster__subevent small[b-en9tktrycd] {
    min-width: 1.55rem;
    padding: 0.05rem 0.35rem;
    border-radius: 999px;
    background: #eef1f4;
    color: #616c79;
    text-align: center;
}

.rk9-roster__subevent--active[b-en9tktrycd] {
    border-color: #32604c;
    background: #edf5f0;
    color: #244b3a;
}

.rk9-roster__subevent--active small[b-en9tktrycd] {
    background: #d8e9df;
    color: #244b3a;
}

.rk9-roster__toolbar[b-en9tktrycd] {
    align-items: end;
    padding: 1rem 1.4rem;
    border-bottom: 1px solid #e5e9ef;
}

.rk9-roster__control[b-en9tktrycd] {
    display: flex;
    flex: 0 1 210px;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 160px;
}

.rk9-roster__control span[b-en9tktrycd] {
    color: #4b5663;
    font-size: 0.82rem;
    font-weight: 700;
}

.rk9-roster__control select[b-en9tktrycd] {
    width: 100%;
    min-height: 40px;
    padding: 0.5rem 2rem 0.5rem 0.7rem;
    border: 1px solid #bcc6d1;
    border-radius: 6px;
    background: #fff;
    color: #17202a;
}

.rk9-roster__toolbar-actions[b-en9tktrycd] {
    align-items: center;
}

.rk9-roster__action[b-en9tktrycd] {
    min-height: 40px;
    padding: 0.5rem 0.9rem;
    border: 1px solid #bcc6d1;
    border-radius: 6px;
    background: #fff;
    color: #35404c;
    font-weight: 700;
}

.rk9-roster__action--primary[b-en9tktrycd] {
    border-color: #32604c;
    background: #32604c;
    color: #fff;
}

.rk9-roster__flags[b-en9tktrycd] {
    flex: 1 0 100%;
    align-items: center;
    padding-top: 0.35rem;
}

.rk9-roster__flag[b-en9tktrycd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0.3rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #4a5562;
    text-decoration: none;
}

.rk9-roster__flag:hover[b-en9tktrycd],
.rk9-roster__flag--active[b-en9tktrycd] {
    border-color: #b9c8d8;
    background: #f2f6fa;
}

.rk9-roster__flag--active[b-en9tktrycd] {
    color: #1e527f;
}

.rk9-roster__flag-emoji[b-en9tktrycd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    font-size: 1rem;
    line-height: 1;
}

.rk9-roster__flag-emoji--table[b-en9tktrycd] {
    font-size: 1.1rem;
}

.rk9-roster__flag-code[b-en9tktrycd] {
    color: #697481;
    font-size: 0.75rem;
    font-weight: 800;
}

.rk9-roster__flag strong[b-en9tktrycd] {
    font-size: 0.82rem;
}

.rk9-roster__flag small[b-en9tktrycd] {
    color: #7b8591;
}

.rk9-roster__list[b-en9tktrycd] {
    padding: 0.8rem 1.4rem 1.25rem;
}

.rk9-roster__list-meta[b-en9tktrycd] {
    justify-content: space-between;
    padding: 0.2rem 0 0.65rem;
    color: #6b7682;
    font-size: 0.84rem;
}

.rk9-roster__table-wrap[b-en9tktrycd] {
    overflow-x: auto;
}

.rk9-roster__table[b-en9tktrycd] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.rk9-roster__table th[b-en9tktrycd] {
    padding: 0.65rem 0.7rem;
    border-bottom: 1px solid #cfd6df;
    color: #606b78;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.rk9-roster__table td[b-en9tktrycd] {
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid #e5e9ef;
    color: #35404c;
    vertical-align: middle;
}

.rk9-roster__row:nth-child(4n + 3) td[b-en9tktrycd] {
    background: #fafbfc;
}

.rk9-roster__row--selected td[b-en9tktrycd] {
    background: #f0f6f2;
}

.rk9-roster__player[b-en9tktrycd] {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 150px;
}

.rk9-roster__player strong[b-en9tktrycd] {
    color: #17202a;
}

.rk9-roster__player small[b-en9tktrycd],
.rk9-roster__muted[b-en9tktrycd] {
    color: #727d89;
}

.rk9-roster__country-link[b-en9tktrycd] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #3a4653;
    text-decoration: none;
}

.rk9-roster__teamline[b-en9tktrycd] {
    align-items: center;
    min-width: 252px;
    gap: 0.15rem;
}

.rk9-roster__team-mini[b-en9tktrycd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

.rk9-roster__team-mini:hover[b-en9tktrycd],
.rk9-roster__team-mini--active[b-en9tktrycd] {
    background: #e7f0fa;
}

.rk9-roster__team-mini--active[b-en9tktrycd] {
    box-shadow: inset 0 0 0 1px #477eae;
}

.rk9-roster__team-mini img[b-en9tktrycd] {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.rk9-roster__actions[b-en9tktrycd] {
    align-items: center;
    min-width: 112px;
    gap: 0.25rem 0.55rem;
}

.rk9-roster__actions a[b-en9tktrycd] {
    font-size: 0.82rem;
    white-space: nowrap;
}

.rk9-roster__action-link--active[b-en9tktrycd] {
    color: #32604c !important;
}

.rk9-roster__expanded-row td[b-en9tktrycd] {
    padding: 1rem;
    background: #f7f9f8;
}

.rk9-roster__expanded-head[b-en9tktrycd] {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.rk9-roster__expanded-head > div:first-child[b-en9tktrycd] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.rk9-roster__expanded-head strong[b-en9tktrycd] {
    color: #17202a;
    font-size: 1rem;
}

.rk9-roster__expanded-head span[b-en9tktrycd] {
    color: #727d89;
    font-size: 0.84rem;
}

.rk9-roster__pager[b-en9tktrycd] {
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

.rk9-roster__pager-btn[b-en9tktrycd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    padding: 0.35rem 0.6rem;
    border: 1px solid #c8d0d9;
    border-radius: 6px;
    background: #fff;
    color: #35404c;
    font-weight: 700;
    text-decoration: none;
}

.rk9-roster__pager-btn--active[b-en9tktrycd] {
    border-color: #32604c;
    background: #32604c;
    color: #fff;
}

.rk9-roster__pager-btn--disabled[b-en9tktrycd] {
    opacity: 0.45;
    pointer-events: none;
}

.rk9-roster__empty[b-en9tktrycd] {
    padding: 1.5rem;
    color: #687381;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 860px) {
    .rk9-roster__header[b-en9tktrycd] {
        flex-direction: column;
    }

    .rk9-roster__header-actions[b-en9tktrycd] {
        width: 100%;
    }

    .rk9-roster__toolbar[b-en9tktrycd] {
        align-items: stretch;
    }

    .rk9-roster__control[b-en9tktrycd] {
        flex-basis: calc(50% - 0.3rem);
    }

    .rk9-roster__toolbar-actions[b-en9tktrycd] {
        flex: 1 0 100%;
    }
}

@media (max-width: 560px) {
    .rk9-roster__header[b-en9tktrycd],
    .rk9-roster__toolbar[b-en9tktrycd],
    .rk9-roster__list[b-en9tktrycd] {
        padding-right: 0.85rem;
        padding-left: 0.85rem;
    }

    .rk9-roster__subevents[b-en9tktrycd] {
        padding-right: 0.85rem;
        padding-left: 0.85rem;
    }

    .rk9-roster__title h1[b-en9tktrycd] {
        font-size: 1.2rem;
    }

    .rk9-roster__header-actions a[b-en9tktrycd] {
        padding-right: 0.35rem;
        padding-left: 0.35rem;
    }

    .rk9-roster__control[b-en9tktrycd] {
        flex-basis: 100%;
    }

    .rk9-roster__action[b-en9tktrycd] {
        flex: 1;
    }
}
/* /Pages/Rk9OfficialTeam.razor.rz.scp.css */
.rk9-team[b-xclz45f6fx] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.rk9-team__hero[b-xclz45f6fx],
.rk9-team__showcase[b-xclz45f6fx],
.rk9-team__section-title[b-xclz45f6fx],
.rk9-team__paste[b-xclz45f6fx],
.rk9-team-card[b-xclz45f6fx],
.rk9-team__empty[b-xclz45f6fx] {
    border: 1px solid #dbe3ee;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
}

.rk9-team__hero[b-xclz45f6fx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #eef6ff 0%, #fff 60%, #fff7ed 100%);
}

.rk9-team__hero button[b-xclz45f6fx] {
    border: 0;
    background: transparent;
    color: #2563eb;
    font-weight: 900;
}

.rk9-team__hero span[b-xclz45f6fx] {
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.rk9-team__hero h1[b-xclz45f6fx],
.rk9-team__paste h2[b-xclz45f6fx],
.rk9-team-card h2[b-xclz45f6fx] {
    margin: 0;
    color: #0f172a;
    font-weight: 900;
}

.rk9-team__hero p[b-xclz45f6fx],
.rk9-team-card p[b-xclz45f6fx] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.rk9-team__showcase[b-xclz45f6fx],
.rk9-team__section-title[b-xclz45f6fx],
.rk9-team__paste[b-xclz45f6fx] {
    padding: 1rem;
}

.rk9-team__showcase h2[b-xclz45f6fx],
.rk9-team__section-title h2[b-xclz45f6fx] {
    margin: 0;
    color: #0f172a;
    font-weight: 900;
}

.rk9-team__section-title p[b-xclz45f6fx] {
    margin: 0.35rem 0 0;
    color: #64748b;
}

.rk9-team__grid[b-xclz45f6fx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.rk9-team-card[b-xclz45f6fx] {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 0.85rem;
    padding: 1rem;
}

.rk9-team-card img[b-xclz45f6fx] {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.rk9-team-card__meta[b-xclz45f6fx],
.rk9-team-card__moves[b-xclz45f6fx] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.rk9-team-card__meta span[b-xclz45f6fx],
.rk9-team-card__moves span[b-xclz45f6fx] {
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 800;
}

.rk9-team-card__moves span[b-xclz45f6fx] {
    background: #eff6ff;
    color: #1d4ed8;
}

.rk9-team__paste pre[b-xclz45f6fx] {
    overflow: auto;
    margin: 0.75rem 0 0;
    padding: 1rem;
    border-radius: 16px;
    background: #0f172a;
    color: #e2e8f0;
}

.rk9-team__empty[b-xclz45f6fx] {
    padding: 1.5rem;
    color: #64748b;
    font-weight: 800;
    text-align: center;
}
/* /Pages/Rk9TeamSheetCard.razor.rz.scp.css */
.rk9-sheet[b-h92elck2u1],
.rk9-sheet *[b-h92elck2u1],
.rk9-sheet *[b-h92elck2u1]::before,
.rk9-sheet *[b-h92elck2u1]::after {
    box-sizing: border-box;
}

.rk9-sheet[b-h92elck2u1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    width: 100%;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid #d9dee6;
    border-radius: 8px;
    background: #f1f3f6;
}

.rk9-sheet__pokemon[b-h92elck2u1] {
    --pokemon-accent: #687386;
    display: flex;
    min-width: 0;
    min-height: 16rem;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d7dce5;
    border-top: 3px solid var(--pokemon-accent);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(25, 34, 48, 0.07);
}

.rk9-sheet__header[b-h92elck2u1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    min-height: 3.25rem;
    padding: 0.55rem 0.65rem;
    border-bottom: 1px solid #e5e8ee;
    background: #f8f9fb;
}

.rk9-sheet__number[b-h92elck2u1] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border: 1px solid var(--pokemon-accent);
    border-radius: 50%;
    color: var(--pokemon-accent);
    font-size: 0.68rem;
    font-weight: 900;
}

.rk9-sheet__name[b-h92elck2u1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.rk9-sheet__name strong[b-h92elck2u1] {
    overflow: hidden;
    color: #111927;
    font-size: 0.94rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rk9-sheet__name small[b-h92elck2u1] {
    margin-top: 0.12rem;
    color: #8b3b49;
    font-size: 0.62rem;
    font-weight: 800;
}

.rk9-sheet__mechanic[b-h92elck2u1] {
    display: grid;
    max-width: 4.8rem;
    justify-items: end;
    color: #365b4b;
    line-height: 1.1;
}

.rk9-sheet__mechanic small[b-h92elck2u1] {
    color: #8a95a5;
    font-size: 0.58rem;
    font-weight: 750;
}

.rk9-sheet__mechanic strong[b-h92elck2u1] {
    max-width: 100%;
    overflow: hidden;
    font-size: 0.75rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rk9-sheet__main[b-h92elck2u1] {
    display: grid;
    grid-template-columns: minmax(6.7rem, 0.88fr) minmax(7.2rem, 1.12fr);
    min-height: 9.5rem;
}

.rk9-sheet__visual[b-h92elck2u1] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    border-right: 1px solid #e5e8ee;
    background: #f3f5f8;
}

.rk9-sheet__visual[b-h92elck2u1]::after {
    position: absolute;
    inset: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--pokemon-accent) 24%, transparent);
    border-radius: 50%;
    content: "";
}

.rk9-sheet__visual img[b-h92elck2u1] {
    position: relative;
    z-index: 2;
    display: block;
    width: 6.2rem;
    height: 6.2rem;
    object-fit: contain;
    filter: drop-shadow(0 7px 5px rgba(25, 34, 48, 0.14));
}

.rk9-sheet__watermark[b-h92elck2u1] {
    position: absolute;
    top: 0.25rem;
    left: 0.35rem;
    color: #dce1e8;
    font-size: 1.7rem;
    font-weight: 950;
    line-height: 1;
}

.rk9-sheet__types[b-h92elck2u1] {
    position: absolute;
    right: 0.35rem;
    bottom: 0.35rem;
    left: 0.35rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.rk9-sheet__types span[b-h92elck2u1] {
    min-width: 2.6rem;
    padding: 0.14rem 0.35rem;
    border-width: 1px !important;
    border-radius: 999px;
    box-shadow: 0 1px 4px rgba(25, 34, 48, 0.17);
    font-size: 0.58rem;
    font-weight: 850;
    line-height: 1.2;
    text-align: center;
}

.rk9-sheet__moves[b-h92elck2u1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 0.55rem;
    background: #fff;
}

.rk9-sheet__section-label[b-h92elck2u1] {
    margin-bottom: 0.25rem;
    color: #8a95a5;
    font-size: 0.6rem;
    font-weight: 800;
}

.rk9-sheet__move[b-h92elck2u1] {
    display: grid;
    grid-template-columns: 0.3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    min-height: 1.8rem;
    border-bottom: 1px solid #edf0f4;
}

.rk9-sheet__move:last-child[b-h92elck2u1] {
    border-bottom: 0;
}

.rk9-sheet__move i[b-h92elck2u1] {
    width: 0.25rem;
    height: 1rem;
    border-radius: 2px;
}

.rk9-sheet__move strong[b-h92elck2u1] {
    overflow: hidden;
    color: #334054;
    font-size: 0.68rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rk9-sheet__details[b-h92elck2u1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 3.2rem;
    margin-top: auto;
    border-top: 1px solid #e5e8ee;
    background: #fbfcfd;
}

.rk9-sheet__details > div[b-h92elck2u1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 0.12rem;
    padding: 0.45rem 0.55rem;
    border-right: 1px solid #e5e8ee;
}

.rk9-sheet__details > div:last-child[b-h92elck2u1] {
    border-right: 0;
}

.rk9-sheet__details span[b-h92elck2u1] {
    color: #8a95a5;
    font-size: 0.57rem;
    font-weight: 750;
}

.rk9-sheet__details strong[b-h92elck2u1] {
    overflow: hidden;
    color: #273447;
    font-size: 0.67rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .rk9-sheet[b-h92elck2u1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 580px) {
    .rk9-sheet[b-h92elck2u1] {
        grid-template-columns: minmax(0, 1fr);
        padding: 0.5rem;
    }
}
/* /Pages/Rk9TeamSpriteStrip.razor.rz.scp.css */
.rk9-team-strip[b-t44hoswsdl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.rk9-team-strip__slot[b-t44hoswsdl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0.15rem;
    border-radius: 14px;
    background: #f8fafc;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.rk9-team-strip__slot img[b-t44hoswsdl] {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.rk9-team-strip__slot--active[b-t44hoswsdl] {
    background: #eff6ff;
    box-shadow: inset 0 0 0 2px #2563eb;
}

a.rk9-team-strip__slot:hover[b-t44hoswsdl] {
    transform: translateY(-1px);
}
/* /Pages/SeriesDetail.razor.rz.scp.css */
.series-detail[b-dqyzxk7a1c],
.series-detail *[b-dqyzxk7a1c] {
    box-sizing: border-box;
}

.series-detail[b-dqyzxk7a1c] {
    display: grid;
    gap: 1.25rem;
    width: 100%;
    color: var(--site-text);
}

.series-detail button[b-dqyzxk7a1c],
.series-detail input[b-dqyzxk7a1c] {
    font: inherit;
}

.series-detail__state[b-dqyzxk7a1c] {
    display: grid;
    min-height: 24rem;
    place-items: center;
    align-content: center;
    gap: 0.7rem;
    border: 1px solid var(--site-border);
    border-radius: 1rem;
    background: var(--site-panel-strong);
    color: var(--site-muted);
    text-align: center;
}

.series-detail__state[b-dqyzxk7a1c] >  .rzi {
    color: var(--site-primary);
    font-size: 2rem;
}

.series-detail__state a[b-dqyzxk7a1c] {
    color: var(--site-primary);
    font-weight: 800;
}

.series-detail__hero[b-dqyzxk7a1c] {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--site-border);
    border-radius: 1rem;
    background: var(--site-panel-strong);
    box-shadow: var(--site-shadow);
}

.series-detail__breadcrumb[b-dqyzxk7a1c] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.8rem 1.5rem;
    border-bottom: 1px solid var(--site-border);
    color: var(--site-muted);
    font-size: 0.76rem;
    font-weight: 750;
}

.series-detail__breadcrumb a[b-dqyzxk7a1c] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--site-primary);
    text-decoration: none;
}

.series-detail__breadcrumb a:hover[b-dqyzxk7a1c] {
    color: var(--site-primary-strong);
}

.series-detail__hero-main[b-dqyzxk7a1c] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr) auto;
    gap: 1.35rem;
    align-items: center;
    padding: 1.7rem 1.8rem;
}

.series-detail__brand-mark[b-dqyzxk7a1c] {
    display: grid;
    width: 7rem;
    aspect-ratio: 1;
    overflow: hidden;
    place-items: center;
    border: 1px solid rgba(45, 108, 223, 0.18);
    border-radius: 0.85rem;
    background: rgba(45, 108, 223, 0.08);
    color: var(--site-primary);
    font-size: 2rem;
    font-weight: 950;
}

.series-detail__brand-mark img[b-dqyzxk7a1c] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.series-detail__identity[b-dqyzxk7a1c] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.series-detail__eyebrow[b-dqyzxk7a1c],
.series-detail__section-kicker[b-dqyzxk7a1c] {
    color: var(--site-primary);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0;
}

.series-detail__identity h1[b-dqyzxk7a1c] {
    margin: 0;
    color: var(--site-text);
    font-size: 2.35rem;
    font-weight: 950;
    line-height: 1.16;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.series-detail__identity > p[b-dqyzxk7a1c] {
    max-width: 52rem;
    margin: 0;
    color: var(--site-muted);
    font-size: 0.9rem;
    line-height: 1.65;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.series-detail__meta[b-dqyzxk7a1c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-top: 0.25rem;
    color: var(--site-muted);
    font-size: 0.74rem;
    font-weight: 750;
}

.series-detail__meta span[b-dqyzxk7a1c] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.series-detail__meta[b-dqyzxk7a1c]  .rzi {
    color: var(--site-primary);
    font-size: 0.95rem;
}

.series-detail__actions[b-dqyzxk7a1c] {
    align-self: start;
}

.series-detail__follow[b-dqyzxk7a1c],
.series-detail__primary-link[b-dqyzxk7a1c],
.series-detail__secondary-link[b-dqyzxk7a1c] {
    display: inline-flex;
    min-height: 2.6rem;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    padding: 0.5rem 0.9rem;
    border-radius: 0.55rem;
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.series-detail__follow[b-dqyzxk7a1c],
.series-detail__primary-link[b-dqyzxk7a1c] {
    border: 1px solid var(--site-primary);
    background: var(--site-primary);
    color: #fff;
}

.series-detail__follow:hover[b-dqyzxk7a1c],
.series-detail__primary-link:hover[b-dqyzxk7a1c] {
    border-color: var(--site-primary-strong);
    background: var(--site-primary-strong);
    color: #fff;
}

.series-detail__follow--active[b-dqyzxk7a1c] {
    border-color: rgba(240, 79, 141, 0.25);
    background: rgba(240, 79, 141, 0.12);
    color: #c42b68;
}

.series-detail__follow--active:hover[b-dqyzxk7a1c] {
    border-color: rgba(240, 79, 141, 0.4);
    background: rgba(240, 79, 141, 0.18);
    color: #a91f57;
}

.series-detail__follow:disabled[b-dqyzxk7a1c] {
    cursor: wait;
    opacity: 0.65;
}

.series-detail__secondary-link[b-dqyzxk7a1c] {
    border: 1px solid rgba(45, 108, 223, 0.24);
    background: #fff;
    color: var(--site-primary);
}

.series-detail__secondary-link:hover[b-dqyzxk7a1c] {
    border-color: var(--site-primary);
    color: var(--site-primary-strong);
}

.series-detail__stats[b-dqyzxk7a1c] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--site-border);
    background: rgba(238, 243, 248, 0.45);
}

.series-detail__stats > div[b-dqyzxk7a1c] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.85rem 1.5rem;
    border-right: 1px solid var(--site-border);
}

.series-detail__stats > div:last-child[b-dqyzxk7a1c] {
    border-right: 0;
}

.series-detail__stats span[b-dqyzxk7a1c],
.series-detail__stats small[b-dqyzxk7a1c] {
    color: var(--site-muted);
    font-size: 0.7rem;
    font-weight: 750;
}

.series-detail__stats strong[b-dqyzxk7a1c] {
    color: var(--site-text);
    font-size: 1.45rem;
    line-height: 1.15;
}

.series-detail__spotlight[b-dqyzxk7a1c] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.05rem 1.2rem;
    border: 1px solid rgba(45, 108, 223, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 32px rgba(17, 27, 45, 0.08);
}

.series-detail__spotlight-date[b-dqyzxk7a1c] {
    display: grid;
    min-height: 4.6rem;
    place-items: center;
    align-content: center;
    border-radius: 0.65rem;
    background: var(--site-primary);
    color: #fff;
}

.series-detail__spotlight-date strong[b-dqyzxk7a1c] {
    font-size: 1.7rem;
    line-height: 1;
}

.series-detail__spotlight-date span[b-dqyzxk7a1c] {
    margin-top: 0.25rem;
    font-size: 0.66rem;
    font-weight: 800;
}

.series-detail__spotlight-copy[b-dqyzxk7a1c] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.series-detail__spotlight-copy h2[b-dqyzxk7a1c] {
    margin: 0;
    color: var(--site-text);
    font-size: 1.2rem;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.series-detail__spotlight-copy > div[b-dqyzxk7a1c],
.series-detail__spotlight-actions[b-dqyzxk7a1c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.series-detail__spotlight-copy > div > span:not(.series-detail__status)[b-dqyzxk7a1c] {
    color: var(--site-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.series-detail__section[b-dqyzxk7a1c] {
    display: grid;
    gap: 0.95rem;
    padding: 0.45rem 0;
}

.series-detail__section-header[b-dqyzxk7a1c] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.series-detail__section-header > div[b-dqyzxk7a1c] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.series-detail__section-icon[b-dqyzxk7a1c] {
    display: grid;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    place-items: center;
    border-radius: 0.6rem;
    background: rgba(45, 108, 223, 0.1);
    color: var(--site-primary);
}

.series-detail__section-header h2[b-dqyzxk7a1c] {
    margin: 0.1rem 0 0;
    color: var(--site-text);
    font-size: 1.25rem;
    letter-spacing: 0;
}

.series-detail__text-action[b-dqyzxk7a1c] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0;
    border: 0;
    background: transparent;
    color: var(--site-primary);
    font-size: 0.78rem;
    font-weight: 850;
    cursor: pointer;
}

.series-detail__champion-empty[b-dqyzxk7a1c],
.series-detail__archive-empty[b-dqyzxk7a1c] {
    display: flex;
    min-height: 8rem;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    border: 1px dashed rgba(93, 104, 128, 0.3);
    border-radius: 0.8rem;
    background: rgba(255, 255, 255, 0.78);
    color: var(--site-muted);
}

.series-detail__champion-empty[b-dqyzxk7a1c] >  .rzi,
.series-detail__archive-empty[b-dqyzxk7a1c] >  .rzi {
    color: var(--site-primary);
    font-size: 1.8rem;
}

.series-detail__champion-empty > div[b-dqyzxk7a1c] {
    display: grid;
    gap: 0.18rem;
}

.series-detail__champion-empty strong[b-dqyzxk7a1c],
.series-detail__archive-empty strong[b-dqyzxk7a1c] {
    color: var(--site-text);
    font-size: 0.88rem;
}

.series-detail__champion-empty span[b-dqyzxk7a1c] {
    font-size: 0.74rem;
}

.series-detail__champion-grid[b-dqyzxk7a1c] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.series-detail__champion[b-dqyzxk7a1c] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid var(--site-border);
    border-radius: 0.75rem;
    background: var(--site-panel-strong);
    box-shadow: 0 10px 24px rgba(17, 27, 45, 0.06);
}

.series-detail__champion > header[b-dqyzxk7a1c],
.series-detail__champion > a[b-dqyzxk7a1c],
.series-detail__champion-result-state[b-dqyzxk7a1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.series-detail__champion > header > span[b-dqyzxk7a1c] {
    color: var(--site-primary);
    font-size: 0.76rem;
    font-weight: 900;
}

.series-detail__champion > header > small[b-dqyzxk7a1c] {
    color: var(--site-muted);
    font-size: 0.68rem;
    font-weight: 750;
}

.series-detail__champion-winners[b-dqyzxk7a1c] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
}

.series-detail__champion-avatars[b-dqyzxk7a1c] {
    display: flex;
    padding-left: 0.35rem;
}

.series-detail__champion-avatars > span[b-dqyzxk7a1c] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    overflow: hidden;
    place-items: center;
    margin-left: -0.35rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: rgba(240, 79, 141, 0.12);
    color: #c42b68;
    font-size: 0.82rem;
    font-weight: 900;
}

.series-detail__champion-avatars img[b-dqyzxk7a1c] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.series-detail__champion-winners > div:last-child[b-dqyzxk7a1c] {
    display: grid;
    min-width: 0;
}

.series-detail__champion-winners small[b-dqyzxk7a1c] {
    color: #c42b68;
    font-size: 0.66rem;
    font-weight: 850;
}

.series-detail__champion-winners strong[b-dqyzxk7a1c] {
    overflow: hidden;
    color: var(--site-text);
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-detail__champion > a[b-dqyzxk7a1c] {
    padding-top: 0.55rem;
    border-top: 1px solid var(--site-border);
    color: var(--site-primary);
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.series-detail__champion-result-state[b-dqyzxk7a1c] {
    padding-top: 0.55rem;
    border-top: 1px solid var(--site-border);
    color: var(--site-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.series-detail__champion-result-state[b-dqyzxk7a1c]  .rzi {
    font-size: 0.9rem;
}

.series-detail__archive-count[b-dqyzxk7a1c] {
    color: var(--site-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.series-detail__archive-tools[b-dqyzxk7a1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--site-border);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.88);
}

.series-detail__search[b-dqyzxk7a1c] {
    display: flex;
    width: min(100%, 24rem);
    align-items: center;
    gap: 0.4rem;
    padding: 0 0.65rem;
    border: 1px solid rgba(93, 104, 128, 0.28);
    border-radius: 0.55rem;
    background: #fff;
    color: var(--site-muted);
}

.series-detail__search input[b-dqyzxk7a1c] {
    width: 100%;
    min-width: 0;
    height: 2.4rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--site-text);
}

.series-detail__filters[b-dqyzxk7a1c] {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid rgba(93, 104, 128, 0.25);
    border-radius: 0.55rem;
    background: #eef3f8;
}

.series-detail__filters button[b-dqyzxk7a1c] {
    min-width: 4.2rem;
    min-height: 2.35rem;
    padding: 0.35rem 0.65rem;
    border: 0;
    border-right: 1px solid rgba(93, 104, 128, 0.2);
    background: transparent;
    color: var(--site-muted);
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
}

.series-detail__filters button:last-child[b-dqyzxk7a1c] {
    border-right: 0;
}

.series-detail__filters button.is-selected[b-dqyzxk7a1c] {
    background: #fff;
    color: var(--site-primary);
    box-shadow: 0 2px 7px rgba(17, 27, 45, 0.08);
}

.series-detail__archive-empty[b-dqyzxk7a1c] {
    flex-direction: column;
    text-align: center;
}

.series-detail__archive-empty button[b-dqyzxk7a1c] {
    border: 0;
    background: transparent;
    color: var(--site-primary);
    font-size: 0.75rem;
    font-weight: 850;
    cursor: pointer;
}

.series-detail__archive[b-dqyzxk7a1c] {
    display: grid;
    gap: 1rem;
}

.series-detail__year[b-dqyzxk7a1c] {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: 0.9rem;
    min-width: 0;
}

.series-detail__year > header[b-dqyzxk7a1c] {
    display: grid;
    align-content: start;
    gap: 0.2rem;
    padding: 0.45rem 0;
    border-top: 2px solid var(--site-primary);
}

.series-detail__year > header strong[b-dqyzxk7a1c] {
    color: var(--site-text);
    font-size: 1.1rem;
}

.series-detail__year > header span[b-dqyzxk7a1c] {
    color: var(--site-muted);
    font-size: 0.68rem;
    font-weight: 750;
}

.series-detail__match-list[b-dqyzxk7a1c] {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
}

.series-detail__match[b-dqyzxk7a1c] {
    display: grid;
    grid-template-columns: 4.25rem minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--site-border);
    border-radius: 0.7rem;
    background: var(--site-panel-strong);
    box-shadow: 0 8px 20px rgba(17, 27, 45, 0.05);
}

.series-detail__edition-mark[b-dqyzxk7a1c] {
    display: grid;
    min-height: 3.6rem;
    place-items: center;
    align-content: center;
    border-radius: 0.55rem;
    background: rgba(45, 108, 223, 0.08);
    color: var(--site-primary);
}

.series-detail__edition-mark strong[b-dqyzxk7a1c] {
    font-size: 1rem;
}

.series-detail__edition-mark span[b-dqyzxk7a1c] {
    color: var(--site-muted);
    font-size: 0.62rem;
    font-weight: 750;
}

.series-detail__match-main[b-dqyzxk7a1c] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.series-detail__match-labels[b-dqyzxk7a1c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    color: var(--site-muted);
    font-size: 0.66rem;
    font-weight: 750;
}

.series-detail__match-main h3[b-dqyzxk7a1c] {
    margin: 0;
    color: var(--site-text);
    font-size: 0.96rem;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.series-detail__match-main p[b-dqyzxk7a1c] {
    margin: 0;
    overflow: hidden;
    color: var(--site-muted);
    font-size: 0.7rem;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-detail__status[b-dqyzxk7a1c],
.series-detail__result-label[b-dqyzxk7a1c],
.series-detail__private-label[b-dqyzxk7a1c] {
    display: inline-flex;
    min-height: 1.35rem;
    align-items: center;
    padding: 0.12rem 0.38rem;
    border-radius: 0.35rem;
    font-size: 0.64rem;
    font-weight: 850;
    white-space: nowrap;
}

.series-detail__status--registering[b-dqyzxk7a1c] {
    background: rgba(244, 63, 94, 0.12);
    color: #be123c;
}

.series-detail__status--running[b-dqyzxk7a1c] {
    background: rgba(16, 185, 129, 0.14);
    color: #047857;
}

.series-detail__status--finished[b-dqyzxk7a1c] {
    background: rgba(71, 85, 105, 0.12);
    color: #475569;
}

.series-detail__result-label[b-dqyzxk7a1c] {
    background: rgba(45, 108, 223, 0.1);
    color: var(--site-primary);
}

.series-detail__private-label[b-dqyzxk7a1c] {
    background: rgba(245, 158, 11, 0.13);
    color: #a15c07;
}

.series-detail__match-actions[b-dqyzxk7a1c] {
    display: flex;
    gap: 0.35rem;
}

.series-detail__match-actions a[b-dqyzxk7a1c] {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(93, 104, 128, 0.24);
    border-radius: 0.5rem;
    background: #fff;
    color: var(--site-primary);
    text-decoration: none;
}

.series-detail__match-actions a:hover[b-dqyzxk7a1c] {
    border-color: var(--site-primary);
    color: var(--site-primary-strong);
}

:root[data-site-period='night'] .series-detail__section-header h2[b-dqyzxk7a1c],
:root[data-site-period='night'] .series-detail__archive-count[b-dqyzxk7a1c],
:root[data-site-period='night'] .series-detail__year > header strong[b-dqyzxk7a1c] {
    color: #f8fafc;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

:root[data-site-period='night'] .series-detail__section-header .series-detail__section-kicker[b-dqyzxk7a1c],
:root[data-site-period='night'] .series-detail__text-action[b-dqyzxk7a1c] {
    color: #93c5fd;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

:root[data-site-period='night'] .series-detail__section-icon[b-dqyzxk7a1c] {
    background: rgba(59, 130, 246, 0.24);
    color: #bfdbfe;
}

:root[data-site-period='night'] .series-detail__year > header[b-dqyzxk7a1c] {
    border-top-color: #60a5fa;
}

:root[data-site-period='night'] .series-detail__year > header span[b-dqyzxk7a1c] {
    color: #dbe5f0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

@media (max-width: 900px) {
    .series-detail__hero-main[b-dqyzxk7a1c] {
        grid-template-columns: 5.5rem minmax(0, 1fr);
    }

    .series-detail__brand-mark[b-dqyzxk7a1c] {
        width: 5.5rem;
    }

    .series-detail__actions[b-dqyzxk7a1c] {
        grid-column: 2;
    }

    .series-detail__champion-grid[b-dqyzxk7a1c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .series-detail[b-dqyzxk7a1c] {
        gap: 1rem;
    }

    .series-detail__breadcrumb[b-dqyzxk7a1c] {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .series-detail__hero-main[b-dqyzxk7a1c] {
        grid-template-columns: 1fr;
        gap: 0.9rem;
        padding: 1.25rem 1rem;
    }

    .series-detail__brand-mark[b-dqyzxk7a1c] {
        width: 4.75rem;
    }

    .series-detail__identity h1[b-dqyzxk7a1c] {
        font-size: 1.85rem;
    }

    .series-detail__actions[b-dqyzxk7a1c] {
        grid-column: auto;
        width: 100%;
    }

    .series-detail__follow[b-dqyzxk7a1c] {
        width: 100%;
    }

    .series-detail__stats[b-dqyzxk7a1c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .series-detail__stats > div:nth-child(2)[b-dqyzxk7a1c] {
        border-right: 0;
    }

    .series-detail__stats > div:nth-child(-n + 2)[b-dqyzxk7a1c] {
        border-bottom: 1px solid var(--site-border);
    }

    .series-detail__stats > div[b-dqyzxk7a1c] {
        padding: 0.8rem 1rem;
    }

    .series-detail__spotlight[b-dqyzxk7a1c] {
        grid-template-columns: 4rem minmax(0, 1fr);
        align-items: start;
    }

    .series-detail__spotlight-date[b-dqyzxk7a1c] {
        min-height: 4rem;
    }

    .series-detail__spotlight-actions[b-dqyzxk7a1c] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .series-detail__spotlight-actions > *:only-child[b-dqyzxk7a1c] {
        grid-column: 1 / -1;
    }

    .series-detail__champion-grid[b-dqyzxk7a1c] {
        grid-template-columns: 1fr;
    }

    .series-detail__archive-tools[b-dqyzxk7a1c],
    .series-detail__section-header--archive[b-dqyzxk7a1c] {
        align-items: stretch;
        flex-direction: column;
    }

    .series-detail__search[b-dqyzxk7a1c] {
        width: 100%;
    }

    .series-detail__filters[b-dqyzxk7a1c] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .series-detail__filters button[b-dqyzxk7a1c] {
        min-width: 0;
    }

    .series-detail__year[b-dqyzxk7a1c] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .series-detail__year > header[b-dqyzxk7a1c] {
        display: flex;
        align-items: baseline;
        gap: 0.45rem;
    }
}

@media (max-width: 470px) {
    .series-detail__breadcrumb > span:last-child[b-dqyzxk7a1c] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .series-detail__section-header[b-dqyzxk7a1c] {
        align-items: flex-start;
    }

    .series-detail__section-header > div[b-dqyzxk7a1c] {
        min-width: 0;
    }

    .series-detail__text-action span[b-dqyzxk7a1c] {
        display: none;
    }

    .series-detail__spotlight[b-dqyzxk7a1c] {
        grid-template-columns: 1fr;
    }

    .series-detail__spotlight-date[b-dqyzxk7a1c] {
        width: 4rem;
    }

    .series-detail__spotlight-copy h2[b-dqyzxk7a1c] {
        font-size: 1.05rem;
    }

    .series-detail__spotlight-actions[b-dqyzxk7a1c] {
        grid-template-columns: 1fr;
    }

    .series-detail__spotlight-actions > *[b-dqyzxk7a1c] {
        width: 100%;
    }

    .series-detail__match[b-dqyzxk7a1c] {
        grid-template-columns: 3.8rem minmax(0, 1fr);
        gap: 0.65rem;
    }

    .series-detail__match-actions[b-dqyzxk7a1c] {
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding-top: 0.2rem;
        border-top: 1px solid var(--site-border);
    }

    .series-detail__match-main p[b-dqyzxk7a1c] {
        white-space: normal;
    }
}
/* /Pages/SeriesManager.razor.rz.scp.css */
.series-manager[b-ilu2gomywy],
.series-manager *[b-ilu2gomywy] {
    box-sizing: border-box;
}

.series-manager[b-ilu2gomywy] {
    display: grid;
    gap: 1rem;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 1rem;
    color: #202620;
}

.series-manager button[b-ilu2gomywy],
.series-manager input[b-ilu2gomywy] {
    font: inherit;
}

.series-manager__page-header[b-ilu2gomywy] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 0.75rem 0 1.15rem;
    border-bottom: 1px solid #d8ddd8;
}

.series-manager__eyebrow[b-ilu2gomywy],
.series-manager__section-header > div > span[b-ilu2gomywy],
.series-manager__detail-identity > div:last-child > span[b-ilu2gomywy],
.series-manager__editor-header > div > span[b-ilu2gomywy] {
    display: block;
    color: #246b46;
    font-size: 0.75rem;
    font-weight: 850;
}

.series-manager__page-header h1[b-ilu2gomywy] {
    margin: 0.2rem 0 0;
    color: #19201b;
    font-size: 1.8rem;
    line-height: 1.2;
}

.series-manager__page-header p[b-ilu2gomywy] {
    margin: 0.45rem 0 0;
    color: #667067;
    font-size: 0.86rem;
    font-weight: 650;
}

.series-manager__page-actions[b-ilu2gomywy],
.series-manager__detail-actions[b-ilu2gomywy],
.series-manager__match-actions[b-ilu2gomywy],
.series-manager__editor-actions[b-ilu2gomywy] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.series-manager__primary-action[b-ilu2gomywy],
.series-manager__secondary-action[b-ilu2gomywy] {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.5rem 0.85rem;
    border-radius: 6px;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.series-manager__primary-action[b-ilu2gomywy] {
    border: 1px solid #1f6040;
    background: #1f6040;
    color: #ffffff;
}

.series-manager__primary-action:hover[b-ilu2gomywy] {
    border-color: #174b31;
    background: #174b31;
    color: #ffffff;
}

.series-manager__secondary-action[b-ilu2gomywy] {
    border: 1px solid #c9d1ca;
    background: #ffffff;
    color: #334039;
}

.series-manager__secondary-action:hover[b-ilu2gomywy] {
    border-color: #7d8b81;
    color: #202b24;
}

.series-manager__loading[b-ilu2gomywy] {
    display: flex;
    min-height: 18rem;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    border: 1px solid #d8ddd8;
    border-radius: 8px;
    background: #ffffff;
    color: #667067;
    font-weight: 750;
}

.series-manager__workspace[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
    min-height: 39rem;
    overflow: hidden;
    border: 1px solid #d8ddd8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(29, 45, 34, 0.06);
}

.series-manager__sidebar[b-ilu2gomywy] {
    display: flex;
    min-width: 0;
    max-height: calc(100vh - 6rem);
    flex-direction: column;
    border-right: 1px solid #dfe4df;
    background: #f6f8f6;
    position: sticky;
    top: 1rem;
}

.series-manager__sidebar-header[b-ilu2gomywy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1rem 0.75rem;
}

.series-manager__sidebar-header > div[b-ilu2gomywy] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.series-manager__sidebar-header h2[b-ilu2gomywy],
.series-manager__editor-header h2[b-ilu2gomywy],
.series-manager__detail-header h2[b-ilu2gomywy],
.series-manager__section-header h3[b-ilu2gomywy],
.series-manager__empty-state h2[b-ilu2gomywy] {
    margin: 0;
    color: #19201b;
    letter-spacing: 0;
}

.series-manager__sidebar-header h2[b-ilu2gomywy] {
    font-size: 1rem;
}

.series-manager__sidebar-header span[b-ilu2gomywy] {
    color: #778079;
    font-size: 0.75rem;
    font-weight: 750;
}

.series-manager__sidebar-header button[b-ilu2gomywy],
.series-manager__editor-header > button[b-ilu2gomywy],
.series-manager__detail-actions a[b-ilu2gomywy],
.series-manager__detail-actions button[b-ilu2gomywy],
.series-manager__match-actions a[b-ilu2gomywy],
.series-manager__match-actions button[b-ilu2gomywy] {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #cbd3cc;
    border-radius: 6px;
    background: #ffffff;
    color: #465149;
    text-decoration: none;
    cursor: pointer;
}

.series-manager__sidebar-header button:hover[b-ilu2gomywy],
.series-manager__editor-header > button:hover[b-ilu2gomywy],
.series-manager__detail-actions a:hover[b-ilu2gomywy],
.series-manager__detail-actions button:hover[b-ilu2gomywy],
.series-manager__match-actions a:hover[b-ilu2gomywy],
.series-manager__match-actions button:hover[b-ilu2gomywy] {
    border-color: #6f7c72;
    color: #1f6040;
}

.series-manager__detail-actions .series-manager__danger-icon:hover[b-ilu2gomywy] {
    border-color: #c65b5b;
    color: #a52e2e;
}

.series-manager__search[b-ilu2gomywy],
.series-manager__match-search[b-ilu2gomywy] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid #cbd3cc;
    border-radius: 6px;
    background: #ffffff;
    color: #758078;
}

.series-manager__search[b-ilu2gomywy] {
    margin: 0 1rem 0.75rem;
    padding: 0 0.65rem;
}

.series-manager__search input[b-ilu2gomywy],
.series-manager__match-search input[b-ilu2gomywy] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #222a24;
}

.series-manager__search input[b-ilu2gomywy] {
    height: 2.4rem;
}

.series-manager__series-list[b-ilu2gomywy] {
    display: grid;
    gap: 0.35rem;
    min-height: 0;
    padding: 0 0.6rem 0.8rem;
    overflow-y: auto;
}

.series-manager__series-item[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr) 1rem;
    gap: 0.65rem;
    align-items: center;
    width: 100%;
    min-width: 0;
    padding: 0.6rem;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #253029;
    text-align: left;
    cursor: pointer;
}

.series-manager__series-item:hover[b-ilu2gomywy] {
    border-color: #d0d7d1;
    background: #ffffff;
}

.series-manager__series-item.is-selected[b-ilu2gomywy] {
    border-color: #9bb9a5;
    background: #eaf2ed;
    box-shadow: inset 3px 0 0 #246b46;
}

.series-manager__series-logo[b-ilu2gomywy],
.series-manager__detail-logo[b-ilu2gomywy] {
    display: grid;
    overflow: hidden;
    place-items: center;
    border: 1px solid #d4dad5;
    border-radius: 6px;
    background: #ffffff;
    color: #246b46;
    font-weight: 900;
}

.series-manager__series-logo[b-ilu2gomywy] {
    width: 2.65rem;
    aspect-ratio: 1;
}

.series-manager__series-logo img[b-ilu2gomywy],
.series-manager__detail-logo img[b-ilu2gomywy] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.series-manager__series-copy[b-ilu2gomywy] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.series-manager__series-copy strong[b-ilu2gomywy],
.series-manager__series-copy small[b-ilu2gomywy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-manager__series-copy strong[b-ilu2gomywy] {
    font-size: 0.88rem;
}

.series-manager__series-copy small[b-ilu2gomywy] {
    color: #747d76;
    font-size: 0.7rem;
    font-weight: 650;
}

.series-manager__series-item[b-ilu2gomywy] >  .rzi {
    color: #879087;
    font-size: 1rem;
}

.series-manager__sidebar-empty[b-ilu2gomywy] {
    padding: 1.5rem 0.8rem;
    color: #7a837c;
    font-size: 0.8rem;
    font-weight: 700;
    text-align: center;
}

.series-manager__detail[b-ilu2gomywy] {
    min-width: 0;
    background: #ffffff;
}

.series-manager__overview[b-ilu2gomywy],
.series-manager__editor[b-ilu2gomywy] {
    display: grid;
    align-content: start;
    min-width: 0;
}

.series-manager__detail-header[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: 1.25rem 1.35rem;
    border-bottom: 1px solid #e1e5e1;
}

.series-manager__detail-identity[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-width: 0;
}

.series-manager__detail-logo[b-ilu2gomywy] {
    width: 5rem;
    aspect-ratio: 1;
    font-size: 1.55rem;
}

.series-manager__detail-identity > div:last-child[b-ilu2gomywy] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.series-manager__detail-header h2[b-ilu2gomywy] {
    font-size: 1.45rem;
    overflow-wrap: anywhere;
}

.series-manager__detail-header p[b-ilu2gomywy] {
    display: -webkit-box;
    max-width: 48rem;
    margin: 0;
    overflow: hidden;
    color: #69726b;
    font-size: 0.84rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.series-manager__detail-header small[b-ilu2gomywy] {
    color: #7d857e;
    font-size: 0.72rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.series-manager__stats[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid #e1e5e1;
    background: #fafbfa;
}

.series-manager__stats > div[b-ilu2gomywy] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.9rem 1.35rem;
    border-right: 1px solid #e1e5e1;
}

.series-manager__stats > div:last-child[b-ilu2gomywy] {
    border-right: 0;
}

.series-manager__stats span[b-ilu2gomywy] {
    color: #747d76;
    font-size: 0.72rem;
    font-weight: 750;
}

.series-manager__stats strong[b-ilu2gomywy] {
    color: #253029;
    font-size: 1.35rem;
    line-height: 1;
}

.series-manager__managers-section[b-ilu2gomywy],
.series-manager__archive-section[b-ilu2gomywy],
.series-manager__matches-section[b-ilu2gomywy] {
    display: grid;
    gap: 0.85rem;
    padding: 1.2rem 1.35rem;
}

.series-manager__managers-section[b-ilu2gomywy],
.series-manager__archive-section[b-ilu2gomywy] {
    border-bottom: 1px solid #e1e5e1;
}

.series-manager__member-list[b-ilu2gomywy] {
    display: grid;
    overflow: hidden;
    border: 1px solid #dce1dc;
    border-radius: 6px;
}

.series-manager__member-row[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto 2.25rem;
    gap: 0.7rem;
    align-items: center;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid #e5e8e5;
    background: #ffffff;
}

.series-manager__member-row:last-child[b-ilu2gomywy] {
    border-bottom: 0;
}

.series-manager__member-row > img[b-ilu2gomywy] {
    display: block;
    width: 2.35rem;
    aspect-ratio: 1;
    border: 1px solid #d7ddd8;
    border-radius: 50%;
    object-fit: cover;
}

.series-manager__member-row > div[b-ilu2gomywy] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.series-manager__member-row strong[b-ilu2gomywy],
.series-manager__member-row > div > span[b-ilu2gomywy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-manager__member-row strong[b-ilu2gomywy] {
    color: #26312a;
    font-size: 0.82rem;
}

.series-manager__member-row > div > span[b-ilu2gomywy] {
    color: #778079;
    font-size: 0.7rem;
}

.series-manager__member-role[b-ilu2gomywy] {
    padding: 0.18rem 0.42rem;
    border: 1px solid #c8d8cd;
    border-radius: 4px;
    background: #edf5ef;
    color: #2f6845;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.series-manager__member-row > button[b-ilu2gomywy] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    padding: 0;
    border: 1px solid #d4dad5;
    border-radius: 6px;
    background: #ffffff;
    color: #6c756e;
    cursor: pointer;
}

.series-manager__member-row > button:hover:not(:disabled)[b-ilu2gomywy] {
    border-color: #c65b5b;
    color: #a52e2e;
}

.series-manager__member-row > button:disabled[b-ilu2gomywy] {
    cursor: wait;
    opacity: 0.55;
}

.series-manager__manager-assignment[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
}

.series-manager__candidate[b-ilu2gomywy] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.15rem 0;
}

.series-manager__candidate strong[b-ilu2gomywy],
.series-manager__candidate span[b-ilu2gomywy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-manager__candidate span[b-ilu2gomywy],
.series-manager__permission-note[b-ilu2gomywy] {
    color: #78817a;
    font-size: 0.7rem;
}

.series-manager__permission-note[b-ilu2gomywy] {
    margin: 0;
    line-height: 1.5;
}

.series-manager__section-header[b-ilu2gomywy] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.series-manager__section-header h3[b-ilu2gomywy] {
    margin-top: 0.12rem;
    font-size: 1rem;
}

.series-manager__section-header > small[b-ilu2gomywy] {
    color: #7b847d;
    font-size: 0.72rem;
    font-weight: 700;
}

.series-manager__assignment[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
}

.series-manager__field[b-ilu2gomywy],
.series-manager[b-ilu2gomywy]  .series-manager__field {
    width: 100%;
    max-width: 100%;
}

.series-manager__field--textarea[b-ilu2gomywy],
.series-manager[b-ilu2gomywy]  .series-manager__field--textarea {
    min-height: 10rem;
    resize: vertical;
}

.series-manager__section-header--matches[b-ilu2gomywy] {
    align-items: center;
}

.series-manager__match-search[b-ilu2gomywy] {
    width: min(100%, 18rem);
    padding: 0 0.6rem;
}

.series-manager__match-search input[b-ilu2gomywy] {
    height: 2.2rem;
}

.series-manager__match-filters[b-ilu2gomywy] {
    display: inline-flex;
    width: fit-content;
    overflow: hidden;
    border: 1px solid #cbd3cc;
    border-radius: 6px;
    background: #f5f7f5;
}

.series-manager__match-filters button[b-ilu2gomywy] {
    min-height: 2rem;
    padding: 0.3rem 0.7rem;
    border: 0;
    border-right: 1px solid #d5dbd6;
    background: transparent;
    color: #657068;
    font-size: 0.74rem;
    font-weight: 750;
    cursor: pointer;
}

.series-manager__match-filters button:last-child[b-ilu2gomywy] {
    border-right: 0;
}

.series-manager__match-filters button.is-selected[b-ilu2gomywy] {
    background: #ffffff;
    color: #1f6040;
    box-shadow: 0 1px 4px rgba(30, 52, 37, 0.09);
}

.series-manager__match-list[b-ilu2gomywy] {
    display: grid;
    overflow: hidden;
    border: 1px solid #dce1dc;
    border-radius: 6px;
}

.series-manager__match-row[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: 4.2rem minmax(0, 1fr) auto auto;
    gap: 0.75rem;
    align-items: center;
    min-width: 0;
    padding: 0.7rem 0.75rem;
    border-bottom: 1px solid #e5e8e5;
    background: #ffffff;
}

.series-manager__match-row:last-child[b-ilu2gomywy] {
    border-bottom: 0;
}

.series-manager__match-row:hover[b-ilu2gomywy] {
    background: #fafbfa;
}

.series-manager__status[b-ilu2gomywy],
.series-manager__flag[b-ilu2gomywy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 0.68rem;
    font-weight: 850;
    white-space: nowrap;
}

.series-manager__status[b-ilu2gomywy] {
    min-height: 1.5rem;
    padding: 0.15rem 0.4rem;
}

.series-manager__status--registering[b-ilu2gomywy] {
    background: #e4f4e9;
    color: #24653b;
}

.series-manager__status--running[b-ilu2gomywy] {
    background: #e8effc;
    color: #285ca8;
}

.series-manager__status--finished[b-ilu2gomywy] {
    background: #ecefed;
    color: #59635c;
}

.series-manager__match-main[b-ilu2gomywy] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.series-manager__match-main a[b-ilu2gomywy] {
    overflow: hidden;
    color: #26312a;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-manager__match-main a:hover[b-ilu2gomywy] {
    color: #1f6040;
}

.series-manager__match-main span[b-ilu2gomywy] {
    color: #7b847d;
    font-size: 0.7rem;
    font-weight: 650;
}

.series-manager__match-flags[b-ilu2gomywy] {
    display: flex;
    gap: 0.3rem;
}

.series-manager__flag[b-ilu2gomywy] {
    min-height: 1.4rem;
    padding: 0.12rem 0.35rem;
}

.series-manager__flag--hidden[b-ilu2gomywy] {
    background: #fbe9e9;
    color: #963d3d;
}

.series-manager__flag--password[b-ilu2gomywy] {
    background: #fff1d7;
    color: #805a19;
}

.series-manager__match-actions[b-ilu2gomywy] {
    gap: 0.35rem;
}

.series-manager__match-actions a[b-ilu2gomywy],
.series-manager__match-actions button[b-ilu2gomywy] {
    width: 2rem;
    height: 2rem;
    flex-basis: 2rem;
}

.series-manager__match-actions button:hover[b-ilu2gomywy] {
    border-color: #c65b5b;
    color: #a52e2e;
}

.series-manager__match-actions button:disabled[b-ilu2gomywy] {
    cursor: wait;
    opacity: 0.55;
}

.series-manager__match-empty[b-ilu2gomywy],
.series-manager__empty-state[b-ilu2gomywy] {
    display: grid;
    place-items: center;
    color: #7a837c;
    text-align: center;
}

.series-manager__match-empty[b-ilu2gomywy] {
    min-height: 10rem;
    gap: 0.45rem;
    border: 1px dashed #cbd3cc;
    border-radius: 6px;
    background: #fafbfa;
    font-size: 0.8rem;
}

.series-manager__match-empty[b-ilu2gomywy]  .rzi {
    font-size: 1.7rem;
}

.series-manager__empty-state[b-ilu2gomywy] {
    min-height: 38rem;
    align-content: center;
    gap: 0.75rem;
}

.series-manager__empty-state[b-ilu2gomywy] >  .rzi {
    color: #6f8c79;
    font-size: 2.5rem;
}

.series-manager__empty-state h2[b-ilu2gomywy] {
    font-size: 1.15rem;
}

.series-manager__editor-header[b-ilu2gomywy] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1.2rem 1.35rem;
    border-bottom: 1px solid #e1e5e1;
}

.series-manager__editor-header h2[b-ilu2gomywy] {
    max-width: 44rem;
    margin-top: 0.12rem;
    font-size: 1.3rem;
    overflow-wrap: anywhere;
}

.series-manager__form-grid[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem 1.25rem;
    padding: 1.3rem 1.35rem;
}

.series-manager__form-field[b-ilu2gomywy],
.series-manager__logo-fields[b-ilu2gomywy] {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    min-width: 0;
}

.series-manager__form-field > span[b-ilu2gomywy],
.series-manager__field-label[b-ilu2gomywy] {
    color: #39443d;
    font-size: 0.8rem;
    font-weight: 800;
}

.series-manager__form-field em[b-ilu2gomywy] {
    color: #a63b3b;
    font-size: 0.68rem;
    font-style: normal;
}

.series-manager__form-field > small[b-ilu2gomywy] {
    color: #848b85;
    font-size: 0.68rem;
    text-align: right;
}

.series-manager__form-field--wide[b-ilu2gomywy],
.series-manager__logo-editor[b-ilu2gomywy] {
    grid-column: 1 / -1;
}

.series-manager__logo-editor[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: 13rem minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    padding: 1rem;
    border: 1px solid #dce1dc;
    border-radius: 6px;
    background: #fafbfa;
}

.series-manager__logo-fields details[b-ilu2gomywy] {
    display: grid;
    gap: 0.55rem;
}

.series-manager__logo-fields summary[b-ilu2gomywy] {
    width: fit-content;
    color: #5f6962;
    font-size: 0.74rem;
    font-weight: 750;
    cursor: pointer;
}

.series-manager__logo-fields details[open] summary[b-ilu2gomywy] {
    margin-bottom: 0.55rem;
}

.series-manager__logo-url-row[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.5rem;
    gap: 0.45rem;
}

.series-manager__logo-url-row button[b-ilu2gomywy],
.series-manager__logo-asset-actions button[b-ilu2gomywy] {
    display: grid;
    place-items: center;
    border: 1px solid #d4dad5;
    border-radius: 6px;
    background: #ffffff;
    color: #526159;
    cursor: pointer;
}

.series-manager__logo-url-row button:hover[b-ilu2gomywy],
.series-manager__logo-asset-actions button:hover:not(:disabled)[b-ilu2gomywy] {
    border-color: #6f947d;
    color: #17633b;
}

.series-manager__logo-library[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));
    gap: 0.75rem;
    min-height: 8.25rem;
}

.series-manager__logo-empty[b-ilu2gomywy] {
    display: grid;
    grid-column: 1 / -1;
    min-height: 8.25rem;
    place-items: center;
    align-content: center;
    gap: 0.35rem;
    border: 1px dashed #cbd3cc;
    border-radius: 6px;
    background: #ffffff;
    color: #7a837c;
    font-size: 0.72rem;
    font-weight: 700;
}

.series-manager__logo-empty[b-ilu2gomywy] >  .rzi {
    font-size: 1.65rem;
}

.series-manager__logo-asset[b-ilu2gomywy] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) 2rem;
    gap: 0.35rem;
    min-width: 0;
    aspect-ratio: 4 / 5;
    padding: 0.35rem;
    border: 1px solid #d4dad5;
    border-radius: 6px;
    background: #ffffff;
}

.series-manager__logo-asset.is-primary[b-ilu2gomywy] {
    border-color: #4c8a67;
    box-shadow: 0 0 0 2px rgba(36, 107, 70, 0.12);
}

.series-manager__logo-asset > img[b-ilu2gomywy] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    border-radius: 4px;
    object-fit: cover;
}

.series-manager__logo-asset-actions[b-ilu2gomywy] {
    display: grid;
    grid-template-columns: repeat(2, 2rem);
    justify-content: end;
    gap: 0.3rem;
}

.series-manager__logo-asset-actions button:disabled[b-ilu2gomywy] {
    color: #b27818;
    cursor: default;
}

.series-manager__editor-actions[b-ilu2gomywy] {
    justify-content: flex-end;
    padding: 1rem 1.35rem;
    border-top: 1px solid #e1e5e1;
    background: #fafbfa;
}

.series-manager[b-ilu2gomywy]  .rz-button {
    border-radius: 6px;
}

.series-manager[b-ilu2gomywy]  .rz-inputtext,
.series-manager[b-ilu2gomywy]  .rz-dropdown {
    border-radius: 6px;
}

.series-manager[b-ilu2gomywy]  .rzi {
    font-size: 1rem;
}

@media (max-width: 980px) {
    .series-manager__workspace[b-ilu2gomywy] {
        grid-template-columns: 14rem minmax(0, 1fr);
    }

    .series-manager__stats[b-ilu2gomywy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .series-manager__stats > div:nth-child(2)[b-ilu2gomywy] {
        border-right: 0;
    }

    .series-manager__stats > div:nth-child(-n + 2)[b-ilu2gomywy] {
        border-bottom: 1px solid #e1e5e1;
    }

    .series-manager__match-row[b-ilu2gomywy] {
        grid-template-columns: 4.2rem minmax(0, 1fr) auto;
    }

    .series-manager__match-flags[b-ilu2gomywy] {
        grid-column: 2;
    }

    .series-manager__match-actions[b-ilu2gomywy] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 760px) {
    .series-manager[b-ilu2gomywy] {
        padding: 0.75rem;
    }

    .series-manager__page-header[b-ilu2gomywy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .series-manager__page-actions[b-ilu2gomywy] {
        width: 100%;
    }

    .series-manager__page-actions > *[b-ilu2gomywy] {
        flex: 1 1 0;
    }

    .series-manager__workspace[b-ilu2gomywy] {
        grid-template-columns: 1fr;
    }

    .series-manager__sidebar[b-ilu2gomywy] {
        max-height: none;
        border-right: 0;
        border-bottom: 1px solid #dfe4df;
        position: static;
    }

    .series-manager__series-list[b-ilu2gomywy] {
        display: flex;
        padding-bottom: 0.75rem;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .series-manager__series-item[b-ilu2gomywy] {
        min-width: 14.5rem;
    }

    .series-manager__sidebar-empty[b-ilu2gomywy] {
        width: 100%;
    }

    .series-manager__detail-header[b-ilu2gomywy],
    .series-manager__detail-identity[b-ilu2gomywy] {
        grid-template-columns: 1fr;
    }

    .series-manager__detail-actions[b-ilu2gomywy] {
        position: absolute;
        right: 1.25rem;
    }

    .series-manager__detail-header[b-ilu2gomywy] {
        position: relative;
    }

    .series-manager__detail-logo[b-ilu2gomywy] {
        width: 4rem;
    }

    .series-manager__detail-identity > div:last-child[b-ilu2gomywy] {
        padding-right: 7.5rem;
    }

    .series-manager__assignment[b-ilu2gomywy],
    .series-manager__manager-assignment[b-ilu2gomywy],
    .series-manager__form-grid[b-ilu2gomywy],
    .series-manager__logo-editor[b-ilu2gomywy] {
        grid-template-columns: 1fr;
    }

    .series-manager__assignment[b-ilu2gomywy]  .rz-button,
    .series-manager__manager-assignment[b-ilu2gomywy]  .rz-button {
        width: 100%;
    }

    .series-manager__form-field--wide[b-ilu2gomywy],
    .series-manager__logo-editor[b-ilu2gomywy] {
        grid-column: auto;
    }

    .series-manager__section-header--matches[b-ilu2gomywy] {
        align-items: stretch;
        flex-direction: column;
    }

    .series-manager__match-search[b-ilu2gomywy] {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .series-manager__page-header h1[b-ilu2gomywy] {
        font-size: 1.55rem;
    }

    .series-manager__detail-header[b-ilu2gomywy],
    .series-manager__managers-section[b-ilu2gomywy],
    .series-manager__archive-section[b-ilu2gomywy],
    .series-manager__matches-section[b-ilu2gomywy],
    .series-manager__form-grid[b-ilu2gomywy],
    .series-manager__editor-header[b-ilu2gomywy],
    .series-manager__editor-actions[b-ilu2gomywy] {
        padding-right: 0.9rem;
        padding-left: 0.9rem;
    }

    .series-manager__detail-actions[b-ilu2gomywy] {
        right: 0.9rem;
    }

    .series-manager__detail-identity > div:last-child[b-ilu2gomywy] {
        padding-right: 0;
    }

    .series-manager__detail-header[b-ilu2gomywy] {
        padding-top: 4.1rem;
    }

    .series-manager__stats > div[b-ilu2gomywy] {
        padding: 0.8rem 0.9rem;
    }

    .series-manager__match-filters[b-ilu2gomywy] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .series-manager__match-filters button[b-ilu2gomywy] {
        padding-right: 0.35rem;
        padding-left: 0.35rem;
    }

    .series-manager__match-row[b-ilu2gomywy] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.45rem 0.65rem;
    }

    .series-manager__status[b-ilu2gomywy] {
        grid-column: 1;
        width: fit-content;
    }

    .series-manager__match-main[b-ilu2gomywy] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .series-manager__match-main a[b-ilu2gomywy] {
        white-space: normal;
    }

    .series-manager__match-flags[b-ilu2gomywy] {
        grid-column: 1;
        grid-row: 3;
    }

    .series-manager__match-actions[b-ilu2gomywy] {
        grid-column: 2;
        grid-row: 1;
    }

    .series-manager__member-row[b-ilu2gomywy] {
        grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    }

    .series-manager__member-row > button[b-ilu2gomywy] {
        grid-column: 3;
        grid-row: 1;
    }

    .series-manager__member-role[b-ilu2gomywy] {
        grid-column: 2;
        width: fit-content;
    }

    .series-manager__editor-actions[b-ilu2gomywy] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .series-manager__editor-actions[b-ilu2gomywy]  .rz-button {
        width: 100%;
    }
}

/* Keep the manager aligned with the site's blue primary and pink accent palette. */
.series-manager[b-ilu2gomywy] {
    color: var(--site-text);
}

.series-manager__eyebrow[b-ilu2gomywy],
.series-manager__section-header > div > span[b-ilu2gomywy],
.series-manager__detail-identity > div:last-child > span[b-ilu2gomywy],
.series-manager__editor-header > div > span[b-ilu2gomywy],
.series-manager__series-logo[b-ilu2gomywy],
.series-manager__detail-logo[b-ilu2gomywy],
.series-manager__match-main a:hover[b-ilu2gomywy],
.series-manager__match-filters button.is-selected[b-ilu2gomywy] {
    color: var(--site-primary);
}

.series-manager__page-header h1[b-ilu2gomywy],
.series-manager__sidebar-header h2[b-ilu2gomywy],
.series-manager__editor-header h2[b-ilu2gomywy],
.series-manager__detail-header h2[b-ilu2gomywy],
.series-manager__section-header h3[b-ilu2gomywy],
.series-manager__empty-state h2[b-ilu2gomywy],
.series-manager__stats strong[b-ilu2gomywy],
.series-manager__series-item[b-ilu2gomywy],
.series-manager__match-main a[b-ilu2gomywy],
.series-manager__form-field > span[b-ilu2gomywy],
.series-manager__field-label[b-ilu2gomywy] {
    color: var(--site-text);
}

.series-manager__page-header p[b-ilu2gomywy],
.series-manager__series-copy small[b-ilu2gomywy],
.series-manager__detail-header p[b-ilu2gomywy],
.series-manager__detail-header small[b-ilu2gomywy],
.series-manager__stats span[b-ilu2gomywy],
.series-manager__section-header > small[b-ilu2gomywy],
.series-manager__match-main span[b-ilu2gomywy],
.series-manager__sidebar-empty[b-ilu2gomywy],
.series-manager__match-empty[b-ilu2gomywy],
.series-manager__empty-state[b-ilu2gomywy] {
    color: var(--site-muted);
}

.series-manager__primary-action[b-ilu2gomywy] {
    border-color: var(--site-primary);
    background: var(--site-primary);
}

.series-manager__primary-action:hover[b-ilu2gomywy] {
    border-color: var(--site-primary-strong);
    background: var(--site-primary-strong);
}

.series-manager__workspace[b-ilu2gomywy],
.series-manager__loading[b-ilu2gomywy] {
    border-color: var(--site-border);
    background: var(--site-panel-strong);
    box-shadow: var(--site-shadow);
}

.series-manager__sidebar[b-ilu2gomywy] {
    border-color: var(--site-border);
    background: rgba(238, 243, 248, 0.76);
}

.series-manager__series-item.is-selected[b-ilu2gomywy] {
    border-color: rgba(45, 108, 223, 0.34);
    background: rgba(45, 108, 223, 0.09);
    box-shadow: inset 3px 0 0 var(--site-primary);
}

.series-manager__series-item:hover[b-ilu2gomywy] {
    border-color: rgba(45, 108, 223, 0.18);
}

.series-manager__sidebar-header button:hover[b-ilu2gomywy],
.series-manager__editor-header > button:hover[b-ilu2gomywy],
.series-manager__detail-actions a:hover[b-ilu2gomywy],
.series-manager__detail-actions button:hover[b-ilu2gomywy],
.series-manager__match-actions a:hover[b-ilu2gomywy] {
    border-color: var(--site-primary);
    color: var(--site-primary);
}

.series-manager__stats[b-ilu2gomywy],
.series-manager__logo-editor[b-ilu2gomywy],
.series-manager__editor-actions[b-ilu2gomywy],
.series-manager__match-empty[b-ilu2gomywy] {
    background: rgba(238, 243, 248, 0.45);
}

.series-manager__match-filters button.is-selected[b-ilu2gomywy] {
    box-shadow: 0 1px 4px rgba(17, 27, 45, 0.1);
}

.series-manager__empty-state[b-ilu2gomywy] >  .rzi,
.series-manager__match-empty[b-ilu2gomywy]  .rzi {
    color: var(--site-primary);
}
/* /Pages/SeriesMatchList.razor.rz.scp.css */
.series-list[b-cnorzz3qz3],
.series-list *[b-cnorzz3qz3] {
    box-sizing: border-box;
}

.series-list[b-cnorzz3qz3] {
    display: grid;
    gap: 1rem;
    width: 100%;
    color: var(--site-text);
}

.series-list button[b-cnorzz3qz3],
.series-list input[b-cnorzz3qz3] {
    font: inherit;
}

.series-list__header[b-cnorzz3qz3] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 0.65rem 0.25rem 1.25rem;
    border-bottom: 1px solid rgba(20, 32, 58, 0.12);
}

.series-list__intro[b-cnorzz3qz3] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.series-list__eyebrow[b-cnorzz3qz3] {
    color: var(--site-primary);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.series-list__intro h1[b-cnorzz3qz3] {
    margin: 0;
    color: var(--site-text);
    font-size: 2.2rem;
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: 0;
}

.series-list__intro p[b-cnorzz3qz3] {
    max-width: 42rem;
    margin: 0;
    color: var(--site-muted);
    font-size: 0.86rem;
    line-height: 1.65;
}

.series-list__overview[b-cnorzz3qz3] {
    display: flex;
    align-items: center;
    gap: 0;
    flex: 0 0 auto;
}

.series-list__overview > div[b-cnorzz3qz3] {
    display: grid;
    min-width: 5rem;
    gap: 0.12rem;
    padding: 0 1rem;
    border-right: 1px solid rgba(20, 32, 58, 0.12);
}

.series-list__overview > div:first-child[b-cnorzz3qz3] {
    padding-left: 0;
}

.series-list__overview strong[b-cnorzz3qz3] {
    color: var(--site-text);
    font-size: 1.35rem;
    line-height: 1;
}

.series-list__overview span[b-cnorzz3qz3] {
    color: var(--site-muted);
    font-size: 0.68rem;
    font-weight: 750;
    white-space: nowrap;
}

.series-list__manage[b-cnorzz3qz3] {
    display: inline-flex;
    min-height: 2.4rem;
    align-items: center;
    gap: 0.35rem;
    margin-left: 1rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid rgba(45, 108, 223, 0.24);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.72);
    color: var(--site-primary);
    font-size: 0.76rem;
    font-weight: 850;
    text-decoration: none;
}

.series-list__directory[b-cnorzz3qz3] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem;
    border: 1px solid var(--site-border);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 8px 22px rgba(17, 27, 45, 0.06);
}

.series-list__search[b-cnorzz3qz3] {
    display: flex;
    max-width: 28rem;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.7rem;
    border: 1px solid rgba(93, 104, 128, 0.25);
    border-radius: 0.45rem;
    background: #fff;
    color: var(--site-muted);
}

.series-list__search:focus-within[b-cnorzz3qz3] {
    border-color: rgba(45, 108, 223, 0.6);
    box-shadow: 0 0 0 3px rgba(45, 108, 223, 0.09);
}

.series-list__search[b-cnorzz3qz3]  .rzi {
    font-size: 1.05rem;
}

.series-list__search input[b-cnorzz3qz3] {
    width: 100%;
    min-width: 0;
    height: 2.4rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--site-text);
    font-size: 0.82rem;
}

.series-list__filters[b-cnorzz3qz3] {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid rgba(93, 104, 128, 0.22);
    border-radius: 0.45rem;
    background: #eef3f8;
}

.series-list__filters button[b-cnorzz3qz3] {
    min-height: 2.4rem;
    padding: 0.4rem 0.8rem;
    border: 0;
    border-right: 1px solid rgba(93, 104, 128, 0.18);
    background: transparent;
    color: var(--site-muted);
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
}

.series-list__filters button:last-child[b-cnorzz3qz3] {
    border-right: 0;
}

.series-list__filters button.is-selected[b-cnorzz3qz3] {
    background: #fff;
    color: var(--site-primary);
    box-shadow: 0 2px 7px rgba(17, 27, 45, 0.08);
}

.series-list__result-count[b-cnorzz3qz3] {
    color: var(--site-muted);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.series-list__grid[b-cnorzz3qz3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.series-card[b-cnorzz3qz3] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--site-border);
    border-radius: 0.5rem;
    background: var(--site-panel-strong);
    box-shadow: 0 10px 26px rgba(17, 27, 45, 0.07);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.series-card:hover[b-cnorzz3qz3] {
    border-color: rgba(45, 108, 223, 0.28);
    box-shadow: 0 15px 32px rgba(17, 27, 45, 0.11);
    transform: translateY(-2px);
}

.series-card > a[b-cnorzz3qz3] {
    display: grid;
    gap: 0.8rem;
    height: 100%;
    padding: 1rem;
    color: inherit;
    text-decoration: none;
}

.series-card__header[b-cnorzz3qz3] {
    display: grid;
    grid-template-columns: 3.7rem minmax(0, 1fr) 2.1rem;
    gap: 0.75rem;
    align-items: center;
}

.series-card__mark[b-cnorzz3qz3] {
    display: grid;
    width: 3.7rem;
    aspect-ratio: 1;
    overflow: hidden;
    place-items: center;
    border-radius: 0.5rem;
    background: #172034;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 950;
}

.series-card__mark img[b-cnorzz3qz3] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.series-card__identity[b-cnorzz3qz3] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.series-card__identity h2[b-cnorzz3qz3] {
    margin: 0;
    overflow: hidden;
    color: var(--site-text);
    font-size: 1.08rem;
    font-weight: 900;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-card__status[b-cnorzz3qz3] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.3rem;
    color: var(--site-muted);
    font-size: 0.66rem;
    font-weight: 800;
}

.series-card__status i[b-cnorzz3qz3] {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #7b8497;
}

.series-card__status--active[b-cnorzz3qz3] {
    color: #047857;
}

.series-card__status--active i[b-cnorzz3qz3] {
    background: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
}

.series-card__status--preparing[b-cnorzz3qz3] {
    color: #a15c07;
}

.series-card__status--preparing i[b-cnorzz3qz3] {
    background: #f59e0b;
}

.series-card__open[b-cnorzz3qz3] {
    display: grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border: 1px solid rgba(93, 104, 128, 0.2);
    border-radius: 0.45rem;
    background: #fff;
    color: var(--site-primary);
}

.series-card:hover .series-card__open[b-cnorzz3qz3] {
    border-color: var(--site-primary);
    background: var(--site-primary);
    color: #fff;
}

.series-card__description[b-cnorzz3qz3] {
    display: -webkit-box;
    min-height: 2.7rem;
    margin: 0;
    overflow: hidden;
    color: var(--site-muted);
    font-size: 0.78rem;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.series-card__latest[b-cnorzz3qz3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    padding: 0.65rem 0.7rem;
    border-left: 3px solid var(--site-accent);
    background: rgba(238, 243, 248, 0.72);
}

.series-card__latest[b-cnorzz3qz3] >  .rzi {
    color: var(--site-accent);
    font-size: 1rem;
}

.series-card__latest > div[b-cnorzz3qz3] {
    display: grid;
    min-width: 0;
}

.series-card__latest span[b-cnorzz3qz3],
.series-card__latest time[b-cnorzz3qz3],
.series-card__stats span[b-cnorzz3qz3] {
    color: var(--site-muted);
    font-size: 0.63rem;
    font-weight: 750;
}

.series-card__latest strong[b-cnorzz3qz3] {
    overflow: hidden;
    color: var(--site-text);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-card__latest time[b-cnorzz3qz3] {
    white-space: nowrap;
}

.series-card__stats[b-cnorzz3qz3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 -1rem -1rem;
    border-top: 1px solid var(--site-border);
    background: rgba(255, 255, 255, 0.58);
}

.series-card__stats > div[b-cnorzz3qz3] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
    padding: 0.65rem 1rem;
    border-right: 1px solid var(--site-border);
}

.series-card__stats > div:last-child[b-cnorzz3qz3] {
    border-right: 0;
}

.series-card__stats strong[b-cnorzz3qz3] {
    overflow: hidden;
    color: var(--site-text);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.series-list__state[b-cnorzz3qz3] {
    display: grid;
    min-height: 18rem;
    place-items: center;
    align-content: center;
    gap: 0.5rem;
    border: 1px dashed rgba(93, 104, 128, 0.3);
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.72);
    color: var(--site-muted);
    text-align: center;
}

.series-list__state--compact[b-cnorzz3qz3] {
    min-height: 12rem;
}

.series-list__state[b-cnorzz3qz3] >  .rzi {
    color: var(--site-primary);
    font-size: 1.8rem;
}

.series-list__state strong[b-cnorzz3qz3] {
    color: var(--site-text);
    font-size: 0.9rem;
}

.series-list__state span[b-cnorzz3qz3] {
    font-size: 0.76rem;
}

.series-list__state button[b-cnorzz3qz3] {
    border: 0;
    background: transparent;
    color: var(--site-primary);
    font-size: 0.76rem;
    font-weight: 850;
    cursor: pointer;
}

:root[data-site-period='night'] .series-list__header[b-cnorzz3qz3] {
    border-bottom-color: rgba(226, 232, 240, 0.24);
}

:root[data-site-period='night'] .series-list__eyebrow[b-cnorzz3qz3] {
    color: #93c5fd;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

:root[data-site-period='night'] .series-list__intro h1[b-cnorzz3qz3],
:root[data-site-period='night'] .series-list__overview strong[b-cnorzz3qz3] {
    color: #f8fafc;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

:root[data-site-period='night'] .series-list__intro p[b-cnorzz3qz3],
:root[data-site-period='night'] .series-list__overview span[b-cnorzz3qz3] {
    color: #dbe5f0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

:root[data-site-period='night'] .series-list__overview > div[b-cnorzz3qz3] {
    border-right-color: rgba(226, 232, 240, 0.24);
}

@media (max-width: 900px) {
    .series-list__header[b-cnorzz3qz3] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .series-list__directory[b-cnorzz3qz3] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .series-list__result-count[b-cnorzz3qz3] {
        display: none;
    }
}

@media (max-width: 700px) {
    .series-list__header[b-cnorzz3qz3] {
        padding-top: 0.35rem;
    }

    .series-list__intro h1[b-cnorzz3qz3] {
        font-size: 1.8rem;
    }

    .series-list__overview[b-cnorzz3qz3] {
        width: 100%;
    }

    .series-list__overview > div[b-cnorzz3qz3] {
        min-width: 0;
        flex: 1;
        padding: 0 0.7rem;
    }

    .series-list__overview > div:first-child[b-cnorzz3qz3] {
        padding-left: 0;
    }

    .series-list__overview > div:nth-child(3)[b-cnorzz3qz3] {
        border-right: 0;
    }

    .series-list__manage[b-cnorzz3qz3] {
        width: 2.4rem;
        flex: 0 0 2.4rem;
        justify-content: center;
        margin-left: 0.7rem;
        padding: 0;
    }

    .series-list__manage span[b-cnorzz3qz3] {
        display: none;
    }

    .series-list__directory[b-cnorzz3qz3] {
        grid-template-columns: 1fr;
    }

    .series-list__search[b-cnorzz3qz3] {
        max-width: none;
    }

    .series-list__filters[b-cnorzz3qz3] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .series-list__filters button[b-cnorzz3qz3] {
        min-width: 0;
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    .series-list__grid[b-cnorzz3qz3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .series-list__intro p[b-cnorzz3qz3] {
        font-size: 0.8rem;
    }

    .series-card > a[b-cnorzz3qz3] {
        padding: 0.85rem;
    }

    .series-card__header[b-cnorzz3qz3] {
        grid-template-columns: 3.2rem minmax(0, 1fr) 2rem;
        gap: 0.6rem;
    }

    .series-card__mark[b-cnorzz3qz3] {
        width: 3.2rem;
    }

    .series-card__latest[b-cnorzz3qz3] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .series-card__latest time[b-cnorzz3qz3] {
        grid-column: 2;
    }

    .series-card__stats[b-cnorzz3qz3] {
        margin-right: -0.85rem;
        margin-bottom: -0.85rem;
        margin-left: -0.85rem;
    }

    .series-card__stats > div[b-cnorzz3qz3] {
        padding: 0.6rem 0.65rem;
    }
}
/* /Pages/Shared/AmapLocationPickerDialog.razor.rz.scp.css */
.amap-location-picker[b-z1qebv4um1] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.amap-location-picker__empty[b-z1qebv4um1],
.amap-location-picker__error[b-z1qebv4um1],
.amap-location-picker__hint[b-z1qebv4um1],
.amap-location-picker__selected[b-z1qebv4um1] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fbff;
    color: #475569;
    font-weight: 700;
}

.amap-location-picker__empty strong[b-z1qebv4um1],
.amap-location-picker__selected strong[b-z1qebv4um1] {
    color: #0f172a;
}

.amap-location-picker__error[b-z1qebv4um1] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.amap-location-picker__search[b-z1qebv4um1],
.amap-location-picker__actions[b-z1qebv4um1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.amap-location-picker__search-input[b-z1qebv4um1] {
    flex: 1 1 260px;
}

.amap-location-picker__body[b-z1qebv4um1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.38fr);
    gap: 1rem;
    min-height: 520px;
}

.amap-location-picker__map[b-z1qebv4um1] {
    min-height: 520px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    overflow: hidden;
}

.amap-location-picker__side[b-z1qebv4um1] {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    min-width: 0;
}

.amap-location-picker__results[b-z1qebv4um1] {
    display: grid;
    gap: 0.55rem;
    max-height: 360px;
    overflow: auto;
    padding-right: 0.25rem;
}

.amap-location-picker__result[b-z1qebv4um1] {
    display: grid;
    gap: 0.25rem;
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
}

.amap-location-picker__result:hover[b-z1qebv4um1],
.amap-location-picker__result:focus-visible[b-z1qebv4um1] {
    border-color: #60a5fa;
    background: #eff6ff;
    outline: none;
}

.amap-location-picker__result strong[b-z1qebv4um1],
.amap-location-picker__result span[b-z1qebv4um1],
.amap-location-picker__selected p[b-z1qebv4um1],
.amap-location-picker__selected small[b-z1qebv4um1] {
    overflow-wrap: anywhere;
}

.amap-location-picker__result span[b-z1qebv4um1],
.amap-location-picker__selected p[b-z1qebv4um1],
.amap-location-picker__selected small[b-z1qebv4um1] {
    color: #64748b;
    font-size: 0.86rem;
}

.amap-location-picker__selected p[b-z1qebv4um1] {
    margin: 0;
}

@media (max-width: 767.98px) {
    .amap-location-picker__body[b-z1qebv4um1] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .amap-location-picker__map[b-z1qebv4um1] {
        min-height: 380px;
    }
}
/* /Pages/SiteGuide.razor.rz.scp.css */
.site-guide[b-sngh4gint5] {
    --guide-ink: #162033;
    --guide-muted: #64748b;
    --guide-border: rgba(148, 163, 184, 0.28);
    --guide-surface: #ffffff;
    --guide-soft: #f7f9fc;
    --guide-blue: #2563eb;
    --guide-green: #15803d;
    --guide-amber: #b45309;
    --guide-red: #dc2626;
    display: grid;
    gap: 1.4rem;
    color: var(--site-text, var(--guide-ink));
}

.site-guide *[b-sngh4gint5],
.site-guide *[b-sngh4gint5]::before,
.site-guide *[b-sngh4gint5]::after {
    box-sizing: border-box;
}

.site-guide h1[b-sngh4gint5],
.site-guide h2[b-sngh4gint5],
.site-guide h3[b-sngh4gint5],
.site-guide p[b-sngh4gint5] {
    margin: 0;
}

.site-guide h1[b-sngh4gint5] {
    max-width: 48rem;
    color: var(--guide-ink);
    font-size: 2.35rem;
    line-height: 1.14;
    font-weight: 900;
    letter-spacing: 0;
}

.site-guide h2[b-sngh4gint5] {
    color: var(--guide-ink);
    font-size: 1.7rem;
    line-height: 1.24;
    font-weight: 850;
    letter-spacing: 0;
}

.site-guide h3[b-sngh4gint5] {
    color: var(--guide-ink);
    font-size: 1.02rem;
    line-height: 1.35;
    font-weight: 820;
    letter-spacing: 0;
}

.site-guide p[b-sngh4gint5] {
    color: var(--site-muted, var(--guide-muted));
    line-height: 1.7;
}

.site-guide__hero[b-sngh4gint5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    gap: 1rem;
    align-items: stretch;
    padding: 1.3rem;
    border: 1px solid var(--guide-border);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
}

.site-guide__hero-copy[b-sngh4gint5] {
    display: grid;
    align-content: center;
    gap: 0.75rem;
    min-width: 0;
}

.site-guide__hero-copy p[b-sngh4gint5] {
    max-width: 54rem;
    font-size: 1.02rem;
}

.site-guide__eyebrow[b-sngh4gint5],
.site-guide__section-head > span[b-sngh4gint5],
.site-guide__screenshot-card span[b-sngh4gint5] {
    width: fit-content;
    max-width: 100%;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0;
    padding: 0.3rem 0.66rem;
}

.site-guide__role-card[b-sngh4gint5] {
    display: grid;
    gap: 0.65rem;
    align-content: center;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: #f7f9fc;
}

.site-guide__role-button[b-sngh4gint5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-width: 0;
    min-height: 3rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 8px;
    background: #fff;
    color: var(--guide-ink);
    font-weight: 850;
    text-align: left;
    transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.site-guide__role-button span[b-sngh4gint5] {
    overflow-wrap: anywhere;
}

.site-guide__role-button:hover[b-sngh4gint5] {
    border-color: rgba(37, 99, 235, 0.42);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.1);
    transform: translateY(-1px);
}

.site-guide__role-button--active[b-sngh4gint5] {
    border-color: rgba(37, 99, 235, 0.5);
    background: #2563eb;
    color: #fff;
    box-shadow: 0 16px 32px rgba(37, 99, 235, 0.24);
}

.site-guide__workspace[b-sngh4gint5] {
    display: grid;
    gap: 1.2rem;
    min-width: 0;
}

:root[data-site-period='night'] .site-guide__workspace[b-sngh4gint5] {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.96);
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.3);
}

.site-guide__workspace--organizer .site-guide__section-head > span[b-sngh4gint5],
.site-guide__workspace--organizer .site-guide__screenshot-card span[b-sngh4gint5] {
    background: rgba(180, 83, 9, 0.12);
    color: var(--guide-amber);
}

.site-guide__workspace--team .site-guide__section-head > span[b-sngh4gint5],
.site-guide__workspace--team .site-guide__screenshot-card span[b-sngh4gint5] {
    background: rgba(21, 128, 61, 0.12);
    color: var(--guide-green);
}

.site-guide__section-head[b-sngh4gint5],
.site-guide__subhead[b-sngh4gint5] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.site-guide__section-head p[b-sngh4gint5],
.site-guide__subhead p[b-sngh4gint5] {
    max-width: 58rem;
}

.site-guide__quick-flow[b-sngh4gint5] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.7rem;
    min-width: 0;
}

.site-guide__flow-link[b-sngh4gint5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-width: 0;
    min-height: 3.15rem;
    padding: 0.75rem;
    border: 1px solid var(--guide-border);
    border-radius: 8px;
    background: #fff;
    color: var(--guide-ink);
    text-decoration: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.site-guide__flow-link span[b-sngh4gint5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.72rem;
    height: 1.72rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 900;
}

.site-guide__flow-link strong[b-sngh4gint5] {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.25;
}

.site-guide__flow-link:hover[b-sngh4gint5] {
    border-color: rgba(37, 99, 235, 0.38);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.1);
    text-decoration: none;
    transform: translateY(-1px);
}

.site-guide__flow-link--primary[b-sngh4gint5] {
    border-color: rgba(37, 99, 235, 0.46);
    background: #eff6ff;
}

.site-guide__guide-section[b-sngh4gint5],
.site-guide__faq[b-sngh4gint5],
.site-guide__config[b-sngh4gint5] {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
    padding-top: 1.2rem;
    border-top: 1px solid var(--guide-border);
}

.site-guide__chapter-head[b-sngh4gint5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    min-width: 0;
}

.site-guide__chapter-head > span[b-sngh4gint5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.4rem;
    min-height: 2.35rem;
    padding: 0.45rem 0.7rem;
    border-radius: 8px;
    background: #162033;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
}

.site-guide__chapter-head > div[b-sngh4gint5] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.site-guide__chapter-head h3[b-sngh4gint5] {
    font-size: 1.3rem;
}

.site-guide__chapter-head p[b-sngh4gint5] {
    max-width: 62rem;
}

.site-guide__workspace--organizer .site-guide__chapter-head > span[b-sngh4gint5] {
    background: #92400e;
}

.site-guide__workspace--team .site-guide__chapter-head > span[b-sngh4gint5] {
    background: #166534;
}

.site-guide__steps[b-sngh4gint5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    min-width: 0;
}

.site-guide__steps--compact[b-sngh4gint5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-guide__step[b-sngh4gint5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: var(--guide-soft);
}

.site-guide__step > div[b-sngh4gint5] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.site-guide__step-index[b-sngh4gint5],
.site-guide__run-list span[b-sngh4gint5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 900;
}

.site-guide__link-row[b-sngh4gint5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.site-guide__step a[b-sngh4gint5],
.site-guide__link-row a[b-sngh4gint5],
.site-guide__screenshot-card a[b-sngh4gint5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    min-height: 2.25rem;
    padding: 0.45rem 0.72rem;
    border: 1px solid rgba(37, 99, 235, 0.18);
    border-radius: 8px;
    background: #fff;
    color: #1d4ed8;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.site-guide__step a:hover[b-sngh4gint5],
.site-guide__link-row a:hover[b-sngh4gint5],
.site-guide__screenshot-card a:hover[b-sngh4gint5] {
    border-color: rgba(37, 99, 235, 0.42);
    text-decoration: none;
}

.site-guide__run-list[b-sngh4gint5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    min-width: 0;
}

.site-guide__run-list article[b-sngh4gint5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-content: start;
    min-width: 0;
    padding: 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: #fff;
}

.site-guide__run-list article:nth-child(5) span[b-sngh4gint5],
.site-guide__run-list article:nth-child(6) span[b-sngh4gint5] {
    background: rgba(21, 128, 61, 0.12);
    color: var(--guide-green);
}

.site-guide__run-list article > div[b-sngh4gint5] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.site-guide__run-list article h3[b-sngh4gint5],
.site-guide__run-list article p[b-sngh4gint5] {
    grid-column: 2;
}

.site-guide__screenshot-grid[b-sngh4gint5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    min-width: 0;
}

.site-guide__screenshot-card[b-sngh4gint5] {
    display: grid;
    align-content: start;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.site-guide__screenshot-card--important[b-sngh4gint5] {
    grid-column: span 2;
}

.site-guide__screenshot-card img[b-sngh4gint5] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: contain;
    object-position: top center;
    background: #eef2f7;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.site-guide__screenshot-card > div[b-sngh4gint5] {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.85rem;
}

.site-guide__screenshot-card--important img[b-sngh4gint5] {
    aspect-ratio: 16 / 9;
}

.site-guide__screenshot-card--natural img[b-sngh4gint5] {
    height: auto;
    max-height: 42rem;
    aspect-ratio: auto;
}

.site-guide__screenshot-card--important span[b-sngh4gint5] {
    background: rgba(220, 38, 38, 0.1);
    color: var(--guide-red);
}

.site-guide__faq-grid[b-sngh4gint5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    min-width: 0;
}

.site-guide__faq-grid article[b-sngh4gint5] {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: var(--guide-soft);
}

.site-guide__config-grid[b-sngh4gint5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    min-width: 0;
}

.site-guide__config-card[b-sngh4gint5] {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: #fff;
}

.site-guide__config-card dl[b-sngh4gint5] {
    display: grid;
    gap: 0.62rem;
    margin: 0;
}

.site-guide__config-card dt[b-sngh4gint5] {
    color: var(--guide-ink);
    font-size: 0.95rem;
    font-weight: 880;
    line-height: 1.35;
}

.site-guide__config-card dd[b-sngh4gint5] {
    margin: -0.38rem 0 0;
    color: var(--site-muted, var(--guide-muted));
    line-height: 1.65;
}

.site-guide__notes-grid[b-sngh4gint5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    min-width: 0;
}

.site-guide__notes-grid article[b-sngh4gint5] {
    display: grid;
    gap: 0.4rem;
    align-content: start;
    min-width: 0;
    padding: 0.9rem;
    border-left: 3px solid #2563eb;
    background: #f7f9fc;
}

.site-guide__workspace--organizer .site-guide__notes-grid article[b-sngh4gint5] {
    border-left-color: #b45309;
}

.site-guide__workspace--team .site-guide__notes-grid article[b-sngh4gint5] {
    border-left-color: #15803d;
}

[b-sngh4gint5] .site-guide__role-button .rzi {
    flex: 0 0 auto;
    font-size: 1.3rem;
}

@media (max-width: 1199.98px) {
    .site-guide__quick-flow[b-sngh4gint5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .site-guide__steps--compact[b-sngh4gint5],
    .site-guide__run-list[b-sngh4gint5],
    .site-guide__screenshot-grid[b-sngh4gint5],
    .site-guide__faq-grid[b-sngh4gint5],
    .site-guide__notes-grid[b-sngh4gint5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .site-guide__hero[b-sngh4gint5] {
        grid-template-columns: 1fr;
    }

    .site-guide__role-card[b-sngh4gint5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .site-guide__quick-flow[b-sngh4gint5],
    .site-guide__steps[b-sngh4gint5],
    .site-guide__steps--compact[b-sngh4gint5],
    .site-guide__run-list[b-sngh4gint5],
    .site-guide__screenshot-grid[b-sngh4gint5],
    .site-guide__faq-grid[b-sngh4gint5],
    .site-guide__config-grid[b-sngh4gint5],
    .site-guide__notes-grid[b-sngh4gint5] {
        grid-template-columns: 1fr;
    }

    .site-guide__screenshot-card--important[b-sngh4gint5] {
        grid-column: auto;
    }
}

@media (max-width: 575.98px) {
    .site-guide[b-sngh4gint5] {
        gap: 1rem;
    }

    .site-guide__hero[b-sngh4gint5] {
        gap: 0.7rem;
        padding: 0.8rem;
        border-radius: 8px;
    }

    :root[data-site-period='night'] .site-guide__workspace[b-sngh4gint5] {
        padding: 0.75rem;
    }

    .site-guide h1[b-sngh4gint5] {
        font-size: 1.65rem;
    }

    .site-guide h2[b-sngh4gint5] {
        font-size: 1.35rem;
    }

    .site-guide__hero-copy[b-sngh4gint5] {
        gap: 0.5rem;
    }

    .site-guide__hero-copy p[b-sngh4gint5] {
        font-size: 0.88rem;
        line-height: 1.5;
    }

    .site-guide__role-card[b-sngh4gint5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.4rem;
        padding: 0.4rem;
    }

    .site-guide__role-button[b-sngh4gint5] {
        gap: 0.4rem;
        min-height: 2.65rem;
        padding: 0.5rem 0.55rem;
        font-size: 0.82rem;
    }

    .site-guide__quick-flow[b-sngh4gint5] {
        display: flex;
        gap: 0.55rem;
        overflow-x: auto;
        padding-bottom: 0.3rem;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .site-guide__quick-flow[b-sngh4gint5]::-webkit-scrollbar {
        display: none;
    }

    .site-guide__flow-link[b-sngh4gint5] {
        flex: 0 0 9rem;
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 3.4rem;
        padding: 0.65rem;
        scroll-snap-align: start;
    }

    .site-guide__step[b-sngh4gint5],
    .site-guide__run-list article[b-sngh4gint5],
    .site-guide__chapter-head[b-sngh4gint5] {
        grid-template-columns: 1fr;
    }

    .site-guide__run-list article h3[b-sngh4gint5],
    .site-guide__run-list article p[b-sngh4gint5] {
        grid-column: auto;
    }

    .site-guide__screenshot-card img[b-sngh4gint5] {
        aspect-ratio: 4 / 3;
    }

    .site-guide__step a[b-sngh4gint5],
    .site-guide__link-row a[b-sngh4gint5],
    .site-guide__screenshot-card a[b-sngh4gint5] {
        width: 100%;
    }
}
/* /Pages/SwissLiteDetail.razor.rz.scp.css */
.swiss-lite-detail[b-bi0dzav1iw] {
    display: grid;
    gap: 1.3rem;
}

.swiss-lite-detail__hero[b-bi0dzav1iw],
.swiss-lite-detail__panel[b-bi0dzav1iw],
.swiss-lite-detail__round[b-bi0dzav1iw],
.swiss-lite-detail__empty[b-bi0dzav1iw] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.4rem;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.swiss-lite-detail__hero[b-bi0dzav1iw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-end;
    padding: 2rem;
    background: linear-gradient(135deg, #eef2ff, #ffffff);
}

.swiss-lite-detail__hero a[b-bi0dzav1iw],
.swiss-lite-detail__battle-actions button[b-bi0dzav1iw],
.swiss-lite-detail__player button[b-bi0dzav1iw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.42rem 0.75rem;
    border: 0;
    border-radius: 999px;
    background: #0f172a;
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

.swiss-lite-detail__hero span[b-bi0dzav1iw] {
    display: block;
    margin-top: 0.8rem;
    color: #4f46e5;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.swiss-lite-detail__hero h1[b-bi0dzav1iw],
.swiss-lite-detail__panel h2[b-bi0dzav1iw],
.swiss-lite-detail__rounds h2[b-bi0dzav1iw],
.swiss-lite-detail__round h3[b-bi0dzav1iw] {
    margin: 0;
    color: #0f172a;
    font-weight: 950;
}

.swiss-lite-detail__hero h1[b-bi0dzav1iw] {
    margin-top: 0.25rem;
    font-size: clamp(2rem, 4vw, 2.8rem);
}

.swiss-lite-detail__hero p[b-bi0dzav1iw],
.swiss-lite-detail__panel p[b-bi0dzav1iw],
.swiss-lite-detail__battle p[b-bi0dzav1iw] {
    margin: 0;
    color: #475569;
    line-height: 1.7;
}

.swiss-lite-detail__actions[b-bi0dzav1iw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.swiss-lite-detail__summary[b-bi0dzav1iw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.swiss-lite-detail__summary article[b-bi0dzav1iw] {
    display: grid;
    gap: 0.28rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.swiss-lite-detail__summary span[b-bi0dzav1iw] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 900;
}

.swiss-lite-detail__summary strong[b-bi0dzav1iw] {
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 950;
}

.swiss-lite-detail__summary small[b-bi0dzav1iw] {
    color: #475569;
    line-height: 1.4;
}

.swiss-lite-detail__layout[b-bi0dzav1iw] {
    display: grid;
    grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.swiss-lite-detail__panel[b-bi0dzav1iw] {
    display: grid;
    gap: 0.9rem;
    padding: 1.2rem;
}

.swiss-lite-detail__players[b-bi0dzav1iw],
.swiss-lite-detail__rounds[b-bi0dzav1iw],
.swiss-lite-detail__battles[b-bi0dzav1iw] {
    display: grid;
    gap: 0.7rem;
}

.swiss-lite-detail__player[b-bi0dzav1iw],
.swiss-lite-detail__battle[b-bi0dzav1iw] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
    padding: 0.8rem;
    border-radius: 1rem;
    background: #f8fafc;
}

.swiss-lite-detail__player span[b-bi0dzav1iw],
.swiss-lite-detail__battle strong[b-bi0dzav1iw] {
    color: #0f172a;
    font-weight: 900;
}

.swiss-lite-detail__player div[b-bi0dzav1iw],
.swiss-lite-detail__battle-actions[b-bi0dzav1iw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.swiss-lite-detail__player button:last-child[b-bi0dzav1iw] {
    background: #fee2e2;
    color: #991b1b;
}

.swiss-lite-detail__player--drop[b-bi0dzav1iw],
.swiss-lite-detail__drop-row[b-bi0dzav1iw] {
    opacity: 0.55;
}

.swiss-lite-detail__table-shell[b-bi0dzav1iw] {
    overflow-x: auto;
}

.swiss-lite-detail__table-shell table[b-bi0dzav1iw] {
    width: 100%;
    border-collapse: collapse;
    min-width: 620px;
}

.swiss-lite-detail__table-shell th[b-bi0dzav1iw],
.swiss-lite-detail__table-shell td[b-bi0dzav1iw] {
    padding: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
}

.swiss-lite-detail__table-shell th[b-bi0dzav1iw] {
    color: #475569;
    font-size: 0.85rem;
}

.swiss-lite-detail__round[b-bi0dzav1iw] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.swiss-lite-detail__round header[b-bi0dzav1iw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.swiss-lite-detail__round header div[b-bi0dzav1iw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.swiss-lite-detail__round header small[b-bi0dzav1iw] {
    display: inline-flex;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    font-size: 0.78rem;
    font-weight: 900;
}

.swiss-lite-detail__round header span[b-bi0dzav1iw],
.swiss-lite-detail__battle span[b-bi0dzav1iw] {
    display: inline-flex;
    width: fit-content;
    padding: 0.22rem 0.62rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.8rem;
    font-weight: 900;
}

.swiss-lite-detail__battle--done[b-bi0dzav1iw] {
    border: 1px solid rgba(34, 197, 94, 0.28);
    background: #f0fdf4;
}

.swiss-lite-detail__result-button[b-bi0dzav1iw] {
    background: #0f172a;
}

.swiss-lite-detail__result-button--active[b-bi0dzav1iw] {
    background: #16a34a !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(22, 163, 74, 0.22);
}

.swiss-lite-detail__empty[b-bi0dzav1iw] {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    font-weight: 900;
}

@media (max-width: 900px) {
    .swiss-lite-detail__hero[b-bi0dzav1iw],
    .swiss-lite-detail__layout[b-bi0dzav1iw],
    .swiss-lite-detail__player[b-bi0dzav1iw],
    .swiss-lite-detail__battle[b-bi0dzav1iw],
    .swiss-lite-detail__round header[b-bi0dzav1iw] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .swiss-lite-detail__summary[b-bi0dzav1iw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .swiss-lite-detail__summary[b-bi0dzav1iw] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SwissLiteList.razor.rz.scp.css */
.swiss-lite[b-3q6mt2qfyg] {
    display: grid;
    gap: 1.5rem;
}

.swiss-lite__hero[b-3q6mt2qfyg],
.swiss-lite__panel[b-3q6mt2qfyg],
.swiss-lite__event-card[b-3q6mt2qfyg],
.swiss-lite__empty[b-3q6mt2qfyg] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.4rem;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.swiss-lite__hero[b-3q6mt2qfyg] {
    padding: 2rem;
    background: linear-gradient(135deg, #eef2ff, #ffffff);
}

.swiss-lite__hero span[b-3q6mt2qfyg] {
    color: #4f46e5;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.swiss-lite__hero h1[b-3q6mt2qfyg] {
    margin: 0.25rem 0;
    color: #0f172a;
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 950;
}

.swiss-lite__hero p[b-3q6mt2qfyg],
.swiss-lite__event-card p[b-3q6mt2qfyg],
.swiss-lite__panel p[b-3q6mt2qfyg] {
    margin: 0;
    color: #475569;
    line-height: 1.7;
}

.swiss-lite__layout[b-3q6mt2qfyg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.swiss-lite__panel[b-3q6mt2qfyg] {
    display: grid;
    gap: 0.9rem;
    padding: 1.2rem;
}

.swiss-lite__panel h2[b-3q6mt2qfyg],
.swiss-lite__events h2[b-3q6mt2qfyg],
.swiss-lite__event-card h3[b-3q6mt2qfyg] {
    margin: 0;
    color: #0f172a;
    font-weight: 900;
}

.swiss-lite__panel label[b-3q6mt2qfyg] {
    display: grid;
    gap: 0.35rem;
    color: #334155;
    font-weight: 900;
}

.swiss-lite__check[b-3q6mt2qfyg] {
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.swiss-lite__events[b-3q6mt2qfyg] {
    display: grid;
    gap: 1rem;
}

.swiss-lite__grid[b-3q6mt2qfyg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.swiss-lite__event-card[b-3q6mt2qfyg] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.swiss-lite__event-card span[b-3q6mt2qfyg] {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.45rem;
    padding: 0.22rem 0.62rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.8rem;
    font-weight: 900;
}

.swiss-lite__event-card a[b-3q6mt2qfyg] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: #0f172a;
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

.swiss-lite__empty[b-3q6mt2qfyg] {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    font-weight: 900;
}

@media (max-width: 780px) {
    .swiss-lite__layout[b-3q6mt2qfyg] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Teamanager.razor.rz.scp.css */
.pokemon-box[b-8dmno54cdu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pokemon-box[b-8dmno54cdu],
.pokemon-box__hero > *[b-8dmno54cdu],
.pokemon-box__panel > *[b-8dmno54cdu],
.pokemon-box__preset-editor > *[b-8dmno54cdu],
.pokemon-box__toolbar > *[b-8dmno54cdu],
.pokemon-box__team-card > *[b-8dmno54cdu],
.pokemon-box__preset-card > *[b-8dmno54cdu] {
    min-width: 0;
}

.pokemon-box--loading[b-8dmno54cdu] {
    padding: 2rem;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.9);
    color: #546179;
    font-weight: 800;
}

.pokemon-box__hero[b-8dmno54cdu],
.pokemon-box__panel[b-8dmno54cdu],
.pokemon-box__preset-editor[b-8dmno54cdu],
.pokemon-box__team-card[b-8dmno54cdu],
.pokemon-box__preset-card[b-8dmno54cdu] {
    border: 1px solid rgba(45, 108, 223, 0.1);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 38px rgba(17, 27, 45, 0.08);
}

.pokemon-box__hero[b-8dmno54cdu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
}

.pokemon-box__eyebrow[b-8dmno54cdu] {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.55rem;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    background: rgba(45, 108, 223, 0.1);
    color: #2257b8;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pokemon-box__hero h1[b-8dmno54cdu],
.pokemon-box__preset-editor h2[b-8dmno54cdu] {
    margin-bottom: 0.35rem;
    color: #142033;
    font-weight: 800;
}

.pokemon-box__hero p[b-8dmno54cdu],
.pokemon-box__preset-editor p[b-8dmno54cdu] {
    margin: 0;
    color: #667085;
}

.pokemon-box__summary[b-8dmno54cdu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    gap: 0.75rem;
    min-width: 340px;
}

.pokemon-box__summary div[b-8dmno54cdu] {
    padding: 0.85rem 1rem;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid rgba(45, 108, 223, 0.08);
}

.pokemon-box__summary span[b-8dmno54cdu],
.pokemon-box__team-title span[b-8dmno54cdu],
.pokemon-box__preset-card small[b-8dmno54cdu],
.pokemon-box__preset-card header span[b-8dmno54cdu] {
    display: block;
    color: #667085;
    font-size: 0.85rem;
}

.pokemon-box__summary strong[b-8dmno54cdu] {
    color: #142033;
    font-size: 1.45rem;
}

.pokemon-box__panel[b-8dmno54cdu] {
    margin-top: 1rem;
    padding: 1.25rem;
    overflow: hidden;
}

.pokemon-box__toolbar[b-8dmno54cdu] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.pokemon-box__toolbar--presets[b-8dmno54cdu] {
    margin-top: 1rem;
}

.pokemon-box__toolbar-group[b-8dmno54cdu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1 1 180px;
    min-width: min(100%, 180px);
}

.pokemon-box__toolbar-group label[b-8dmno54cdu] {
    margin: 0;
    color: #344054;
    font-size: 0.85rem;
    font-weight: 800;
}

.pokemon-box__toolbar-group--grow[b-8dmno54cdu] {
    flex-basis: 240px;
    margin-right: auto;
}

.pokemon-box__toolbar-group :global(.rz-dropdown)[b-8dmno54cdu],
.pokemon-box__toolbar-group :global(.rz-textbox)[b-8dmno54cdu] {
    width: 100% !important;
}

:global(.pokemon-box__primary-action)[b-8dmno54cdu] {
    min-width: 120px;
}

.pokemon-box__tabs :global(.rz-tabview-nav)[b-8dmno54cdu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0 0 0.85rem;
}

.pokemon-box__tabs :global(.rz-tabview-nav li)[b-8dmno54cdu] {
    min-width: 0;
}

.pokemon-box__tabs :global(.rz-tabview-nav .rz-link)[b-8dmno54cdu] {
    white-space: normal;
}

.pokemon-box__tabs :global(.rz-tabview-panels)[b-8dmno54cdu] {
    padding: 0;
    background: transparent;
}

.pokemon-box__team-grid[b-8dmno54cdu],
.pokemon-box__preset-grid[b-8dmno54cdu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.pokemon-box__team-card[b-8dmno54cdu],
.pokemon-box__preset-card[b-8dmno54cdu] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1rem;
    overflow: hidden;
}

.pokemon-box__team-header[b-8dmno54cdu],
.pokemon-box__preset-card header[b-8dmno54cdu],
.pokemon-box__preset-body[b-8dmno54cdu],
.pokemon-box__team-actions[b-8dmno54cdu],
.pokemon-box__preset-card footer[b-8dmno54cdu],
.pokemon-box__rule-row[b-8dmno54cdu] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.pokemon-box__team-header[b-8dmno54cdu],
.pokemon-box__preset-card header[b-8dmno54cdu],
.pokemon-box__rule-row[b-8dmno54cdu] {
    justify-content: space-between;
}

.pokemon-box__team-title[b-8dmno54cdu],
.pokemon-box__sprites[b-8dmno54cdu],
.pokemon-box__favorite[b-8dmno54cdu] {
    border: 0;
    background: transparent;
}

.pokemon-box__team-title[b-8dmno54cdu] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    color: #142033;
    text-align: left;
}

.pokemon-box__team-title strong[b-8dmno54cdu],
.pokemon-box__preset-card strong[b-8dmno54cdu] {
    color: #142033;
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.pokemon-box__favorite[b-8dmno54cdu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    color: #98a2b3;
}

.pokemon-box__favorite--active[b-8dmno54cdu] {
    background: rgba(220, 20, 60, 0.1);
    color: crimson;
}

.pokemon-box__rule-row[b-8dmno54cdu] {
    color: #2257b8;
    font-weight: 800;
    flex-wrap: wrap;
    align-items: flex-start;
}

.pokemon-box__rule-row span[b-8dmno54cdu] {
    flex: 1 1 100%;
}

.pokemon-box__rule-row :global(.rz-textbox)[b-8dmno54cdu] {
    width: 100% !important;
}

.pokemon-box__sprites[b-8dmno54cdu] {
    display: grid;
    grid-template-columns: repeat(6, minmax(32px, 1fr));
    justify-content: start;
    align-items: center;
    gap: 0.25rem;
    width: 100%;
    padding: 0.75rem 0.65rem;
    border-radius: 18px;
    background: #f8fbff;
    cursor: pointer;
}

.pokemon-box__sprite-slot[b-8dmno54cdu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    overflow: hidden;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.62);
    box-shadow: inset 0 0 0 1px rgba(45, 108, 223, 0.06);
}

.pokemon-box__sprite-slot img[b-8dmno54cdu] {
    display: block;
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.pokemon-box__empty-slot[b-8dmno54cdu] {
    width: 100%;
    min-height: 42px;
    border: 1px dashed rgba(102, 112, 133, 0.35);
    border-radius: 12px;
}

.pokemon-box__team-actions[b-8dmno54cdu],
.pokemon-box__preset-card footer[b-8dmno54cdu] {
    flex-wrap: wrap;
}

.pokemon-box__submit-dialog[b-8dmno54cdu] {
    display: grid;
    gap: 1rem;
}

.pokemon-box__submit-summary[b-8dmno54cdu],
.pokemon-box__submit-target[b-8dmno54cdu] {
    border: 1px solid rgba(45, 108, 223, 0.12);
    border-radius: 18px;
    background: #f8fbff;
}

.pokemon-box__submit-summary[b-8dmno54cdu] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
}

.pokemon-box__submit-summary strong[b-8dmno54cdu],
.pokemon-box__submit-target strong[b-8dmno54cdu] {
    color: #142033;
    overflow-wrap: anywhere;
}

.pokemon-box__submit-summary span[b-8dmno54cdu],
.pokemon-box__submit-target-state span[b-8dmno54cdu] {
    color: #2257b8;
    font-weight: 800;
}

.pokemon-box__submit-summary small[b-8dmno54cdu],
.pokemon-box__submit-target small[b-8dmno54cdu],
.pokemon-box__submit-target div > span[b-8dmno54cdu] {
    color: #667085;
    font-size: 0.85rem;
}

.pokemon-box__submit-targets[b-8dmno54cdu] {
    display: grid;
    gap: 0.75rem;
    max-height: 56vh;
    overflow: auto;
    padding-right: 0.25rem;
}

.pokemon-box__submit-target[b-8dmno54cdu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.9rem 1rem;
}

.pokemon-box__submit-target > div:first-child[b-8dmno54cdu],
.pokemon-box__submit-target-state[b-8dmno54cdu] {
    display: grid;
    gap: 0.25rem;
}

.pokemon-box__submit-target-state[b-8dmno54cdu] {
    justify-items: end;
}

.pokemon-box__submit-target--disabled[b-8dmno54cdu] {
    opacity: 0.62;
}

.pokemon-box__submit-actions[b-8dmno54cdu] {
    display: flex;
    justify-content: flex-end;
}

.pokemon-box__team-actions :global(.rz-button)[b-8dmno54cdu],
.pokemon-box__preset-card footer :global(.rz-button)[b-8dmno54cdu] {
    flex: 1 1 calc(50% - 0.35rem);
}

.pokemon-box__preset-editor[b-8dmno54cdu] {
    display: grid;
    grid-template-columns: minmax(240px, 0.9fr) minmax(280px, 1.1fr);
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.25rem;
}

.pokemon-box__preset-form[b-8dmno54cdu] {
    display: grid;
    gap: 0.75rem;
}

.pokemon-box__preset-body[b-8dmno54cdu] {
    padding: 0.75rem;
    border-radius: 18px;
    background: #f8fbff;
    min-width: 0;
}

.pokemon-box__preset-body .pokemon-box__sprite-slot[b-8dmno54cdu] {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
}

.pokemon-box__preset-body .pokemon-box__sprite-slot img[b-8dmno54cdu] {
    width: 42px;
    height: 42px;
}

.pokemon-box__preset-body > div[b-8dmno54cdu] {
    min-width: 0;
}

.pokemon-box__preset-card pre[b-8dmno54cdu] {
    max-height: 180px;
    margin: 0;
    padding: 0.75rem;
    overflow: auto;
    border-radius: 16px;
    background: #101828;
    color: #f2f4f7;
    font-size: 0.78rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.pokemon-box__editor-tab[b-8dmno54cdu] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

@media (max-width: 991.98px) {
    .pokemon-box__hero[b-8dmno54cdu],
    .pokemon-box__preset-editor[b-8dmno54cdu] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pokemon-box__summary[b-8dmno54cdu] {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .pokemon-box[b-8dmno54cdu] {
        gap: 0.85rem;
    }

    .pokemon-box__hero[b-8dmno54cdu],
    .pokemon-box__panel[b-8dmno54cdu],
    .pokemon-box__preset-editor[b-8dmno54cdu],
    .pokemon-box__team-card[b-8dmno54cdu],
    .pokemon-box__preset-card[b-8dmno54cdu] {
        border-radius: 20px;
    }

    .pokemon-box__hero[b-8dmno54cdu],
    .pokemon-box__panel[b-8dmno54cdu],
    .pokemon-box__preset-editor[b-8dmno54cdu] {
        padding: 1rem;
    }

    .pokemon-box__toolbar[b-8dmno54cdu] {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .pokemon-box__toolbar-group[b-8dmno54cdu],
    :global(.pokemon-box__primary-action)[b-8dmno54cdu] {
        width: 100%;
    }

    :global(.pokemon-box__primary-action)[b-8dmno54cdu] {
        min-height: 2.75rem;
    }

    .pokemon-box__team-header[b-8dmno54cdu],
    .pokemon-box__preset-card header[b-8dmno54cdu],
    .pokemon-box__preset-body[b-8dmno54cdu],
    .pokemon-box__submit-target[b-8dmno54cdu] {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .pokemon-box__submit-target[b-8dmno54cdu] {
        grid-template-columns: 1fr;
    }

    .pokemon-box__submit-target-state[b-8dmno54cdu] {
        justify-items: stretch;
    }

    .pokemon-box__favorite[b-8dmno54cdu] {
        margin-left: auto;
    }
}

@media (max-width: 575.98px) {
    .pokemon-box__summary[b-8dmno54cdu] {
        grid-template-columns: 1fr;
    }

    .pokemon-box__sprites[b-8dmno54cdu] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pokemon-box__team-actions :global(.rz-button)[b-8dmno54cdu],
    .pokemon-box__preset-card footer :global(.rz-button)[b-8dmno54cdu] {
        flex-basis: 100%;
    }
}
/* /Pages/TeamAnalysis.razor.rz.scp.css */
.team-analysis-page[b-yet384wt6k] {
    width: min(100%, 1800px);
    margin: 0 auto;
    color: #111827;
}

.team-analysis-page[b-yet384wt6k],
.team-analysis-page *[b-yet384wt6k] {
    box-sizing: border-box;
}

.team-analysis-page__header[b-yet384wt6k],
.team-analysis-setup__heading[b-yet384wt6k],
.team-analysis-result > header[b-yet384wt6k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.team-analysis-page__header[b-yet384wt6k] {
    padding: 0.5rem 0 1rem;
    border-bottom: 1px solid #cbd5e1;
}

.team-analysis-page__header h1[b-yet384wt6k],
.team-analysis-setup__heading h2[b-yet384wt6k],
.team-analysis-result h2[b-yet384wt6k] {
    margin: 0;
    letter-spacing: 0;
}

.team-analysis-page__header h1[b-yet384wt6k] {
    margin-top: 0.2rem;
    font-size: 1.8rem;
    font-weight: 900;
}

.team-analysis-page__header > div > span[b-yet384wt6k],
.team-analysis-setup__heading > div > span[b-yet384wt6k],
.team-analysis-result > header div > span[b-yet384wt6k] {
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.team-analysis-page__status[b-yet384wt6k] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.team-analysis-page__status span[b-yet384wt6k] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.25rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid #dbe3ed;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    font-size: 0.8rem;
    font-weight: 800;
}

.team-analysis-page__loading[b-yet384wt6k] {
    min-height: 24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #475569;
}

.team-analysis-page__loading span[b-yet384wt6k] {
    width: 1.35rem;
    height: 1.35rem;
    border: 3px solid #cbd5e1;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: team-analysis-spin-b-yet384wt6k 0.8s linear infinite;
}

@keyframes team-analysis-spin-b-yet384wt6k {
    to { transform: rotate(360deg); }
}

.team-analysis-setup[b-yet384wt6k] {
    margin-top: 1rem;
    padding: 1rem;
    border-block: 1px solid #dbe3ed;
    background: rgba(248, 250, 252, 0.94);
}

.team-analysis-setup__heading[b-yet384wt6k] {
    margin-bottom: 0.9rem;
}

.team-analysis-setup__heading h2[b-yet384wt6k],
.team-analysis-result h2[b-yet384wt6k] {
    margin-top: 0.1rem;
    font-size: 1.15rem;
    font-weight: 900;
}

.team-analysis-setup__heading a[b-yet384wt6k] {
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 800;
}

.team-analysis-pickers[b-yet384wt6k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.team-analysis-picker[b-yet384wt6k] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 0.8rem;
    padding: 0.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
}

.team-analysis-picker--one[b-yet384wt6k] {
    border-top: 3px solid #2563eb;
}

.team-analysis-picker--two[b-yet384wt6k] {
    border-top: 3px solid #dc2626;
}

.team-analysis-picker > header[b-yet384wt6k] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.team-analysis-picker > header div[b-yet384wt6k] {
    min-width: 0;
}

.team-analysis-picker > header strong[b-yet384wt6k],
.team-analysis-picker > header small[b-yet384wt6k] {
    display: block;
}

.team-analysis-picker > header strong[b-yet384wt6k] {
    font-size: 1rem;
    font-weight: 900;
}

.team-analysis-picker > header small[b-yet384wt6k] {
    margin-top: 0.05rem;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
}

.team-analysis-picker__side[b-yet384wt6k] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #e0e7ff;
    color: #1d4ed8;
    font-weight: 950;
}

.team-analysis-picker--two .team-analysis-picker__side[b-yet384wt6k] {
    background: #fee2e2;
    color: #b91c1c;
}

.team-analysis-picker__source[b-yet384wt6k],
.team-analysis-options__battle > div[b-yet384wt6k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.25rem;
    padding: 0.25rem;
    border: 1px solid #dbe3ed;
    border-radius: 7px;
    background: #eef2f7;
}

.team-analysis-picker button[b-yet384wt6k],
.team-analysis-options button[b-yet384wt6k] {
    min-height: 2.35rem;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #475569;
    font-weight: 850;
    cursor: pointer;
}

.team-analysis-picker__source button[b-yet384wt6k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.team-analysis-picker button.is-active[b-yet384wt6k],
.team-analysis-options__battle button.is-active[b-yet384wt6k] {
    border-color: #cbd5e1;
    background: #fff;
    color: #111827;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
}

.team-analysis-picker--one .team-analysis-picker__source button.is-active[b-yet384wt6k] {
    border-color: #93c5fd;
    color: #1d4ed8;
}

.team-analysis-picker--two .team-analysis-picker__source button.is-active[b-yet384wt6k] {
    border-color: #fca5a5;
    color: #b91c1c;
}

.team-analysis-picker button:disabled[b-yet384wt6k],
.team-analysis-options button:disabled[b-yet384wt6k] {
    cursor: not-allowed;
    opacity: 0.45;
}

.team-analysis-picker__field[b-yet384wt6k],
.team-analysis-options__format[b-yet384wt6k],
.team-analysis-options__battle[b-yet384wt6k] {
    min-width: 0;
    display: grid;
    gap: 0.3rem;
}

.team-analysis-picker__field > span[b-yet384wt6k],
.team-analysis-options__format > span[b-yet384wt6k],
.team-analysis-options__battle > span[b-yet384wt6k] {
    color: #475569;
    font-size: 0.76rem;
    font-weight: 850;
}

.team-analysis-picker select[b-yet384wt6k],
.team-analysis-picker textarea[b-yet384wt6k],
.team-analysis-options select[b-yet384wt6k] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #111827;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
}

.team-analysis-picker select[b-yet384wt6k],
.team-analysis-options select[b-yet384wt6k] {
    min-height: 2.55rem;
    padding: 0.35rem 2rem 0.35rem 0.65rem;
}

.team-analysis-picker textarea[b-yet384wt6k] {
    min-height: 11rem;
    resize: vertical;
    padding: 0.65rem;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.45;
}

.team-analysis-picker select:focus[b-yet384wt6k],
.team-analysis-picker textarea:focus[b-yet384wt6k],
.team-analysis-options select:focus[b-yet384wt6k] {
    border-color: #2563eb;
    outline: 2px solid rgba(37, 99, 235, 0.16);
    outline-offset: 1px;
}

.team-analysis-picker__selection[b-yet384wt6k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 1.5rem;
    color: #334155;
    font-size: 0.75rem;
    font-weight: 800;
}

.team-analysis-picker__selection small[b-yet384wt6k] {
    color: #64748b;
    font-weight: 650;
}

.team-analysis-options[b-yet384wt6k] {
    display: grid;
    grid-template-columns: minmax(220px, 1.25fr) minmax(200px, 0.8fr) minmax(150px, 0.45fr);
    align-items: end;
    gap: 0.8rem;
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid #dbe3ed;
}

.team-analysis-options__calculate[b-yet384wt6k] {
    min-height: 2.75rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-color: #111827 !important;
    background: #111827 !important;
    color: #fff !important;
}

.team-analysis-setup__error[b-yet384wt6k] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-left: 4px solid #dc2626;
    background: #fef2f2;
    color: #991b1b;
    font-size: 0.84rem;
    font-weight: 800;
}

.team-analysis-result[b-yet384wt6k] {
    margin-top: 1.2rem;
}

.team-analysis-result > header[b-yet384wt6k] {
    margin-bottom: 0.65rem;
    padding: 0 0.25rem;
}

.team-analysis-result > header > strong[b-yet384wt6k] {
    color: #475569;
    font-size: 0.8rem;
}

.team-analysis-result__panel[b-yet384wt6k] {
    height: clamp(680px, 82dvh, 980px);
    min-height: 0;
}

.team-analysis-result__panel[b-yet384wt6k]  .battle-analysis {
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

@media (max-width: 760px) {
    .team-analysis-page__header[b-yet384wt6k],
    .team-analysis-setup__heading[b-yet384wt6k],
    .team-analysis-result > header[b-yet384wt6k] {
        align-items: flex-start;
        flex-direction: column;
    }

    .team-analysis-page__status[b-yet384wt6k] {
        justify-content: flex-start;
    }

    .team-analysis-pickers[b-yet384wt6k],
    .team-analysis-options[b-yet384wt6k] {
        grid-template-columns: minmax(0, 1fr);
    }

    .team-analysis-setup[b-yet384wt6k] {
        padding: 0.8rem 0.55rem;
    }

    .team-analysis-picker[b-yet384wt6k] {
        padding: 0.75rem;
    }

    .team-analysis-picker__source button[b-yet384wt6k] {
        min-width: 0;
        padding-inline: 0.35rem;
    }

    .team-analysis-picker__selection[b-yet384wt6k] {
        align-items: flex-start;
        flex-direction: column;
    }

    .team-analysis-result__panel[b-yet384wt6k] {
        height: 82dvh;
        min-height: 620px;
    }
}

@media (max-width: 420px) {
    .team-analysis-page__header h1[b-yet384wt6k] {
        font-size: 1.55rem;
    }

    .team-analysis-page__status span[b-yet384wt6k] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .team-analysis-picker__source button[b-yet384wt6k] {
        font-size: 0.8rem;
    }
}
/* /Pages/TeamCardV2Preview.razor.rz.scp.css */
.team-card-preview[b-74psh87ywl] {
    width: min(100%, 76rem);
    min-width: 0;
    margin: 0 auto;
    padding: 1rem;
}

.team-card-preview__header[b-74psh87ywl] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-bottom: 0;
    padding: 0.75rem 1rem;
    background: #f1f3f6;
}

.team-card-preview__header > a[b-74psh87ywl] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    border: 1px solid #ccd3de;
    border-radius: 50%;
    background: #fff;
    color: #273447;
    text-decoration: none;
}

.team-card-preview__header > a:hover[b-74psh87ywl] {
    border-color: #3467b8;
    color: #245bb0;
}

.team-card-preview__header span[b-74psh87ywl] {
    color: #7b8797;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.team-card-preview__header h1[b-74psh87ywl] {
    margin: 0.1rem 0 0;
    color: #111927;
    font-size: 1.25rem;
    font-weight: 850;
    letter-spacing: 0;
}

.team-card-preview__state[b-74psh87ywl] {
    display: grid;
    min-height: 16rem;
    place-content: center;
    justify-items: center;
    gap: 0.5rem;
    border: 1px dashed #c7ced9;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    color: #687386;
    text-align: center;
}

.team-card-preview__state[b-74psh87ywl]  .rzi {
    font-size: 2rem;
}

.team-card-preview__gallery[b-74psh87ywl] {
    display: grid;
    gap: 1.25rem;
}

@media (max-width: 540px) {
    .team-card-preview[b-74psh87ywl] {
        padding: 0.5rem;
    }

    .team-card-preview__header[b-74psh87ywl] {
        padding: 0.5rem;
    }
}
/* /Pages/TeamEdit.razor.rz.scp.css */
.team-edit-page[b-0y71eybmwg] {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.team-edit-page .row[b-0y71eybmwg] {
    margin-right: 0;
    margin-left: 0;
}

.team-edit-page .col[b-0y71eybmwg],
.team-edit-page [class*="col-"][b-0y71eybmwg] {
    min-width: 0;
}

.team-edit-page [style*="width:480px"][b-0y71eybmwg],
.team-edit-page [style*="width:500px"][b-0y71eybmwg] {
    width: min(480px, 100%) !important;
    max-width: 100% !important;
}

.team-edit-page[b-0y71eybmwg]  .rz-card,
.team-edit-page[b-0y71eybmwg]  .rz-tabview,
.team-edit-page[b-0y71eybmwg]  .rz-tabview-panels,
.team-edit-page[b-0y71eybmwg]  .rz-tabview-panel {
    max-width: 100% !important;
}

.team-edit-page[b-0y71eybmwg]  .rz-textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
/* /Pages/TeamEditer.razor.rz.scp.css */
.team-editor[b-611u99nbir] {
    display: grid;
    gap: 1rem;
}

.team-editor__hero[b-611u99nbir] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 56%, #f8fafc 100%);
}

.team-editor__eyebrow[b-611u99nbir] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.team-editor__hero h1[b-611u99nbir] {
    margin: 0.25rem 0;
    color: #0f172a;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
}

.team-editor__hero p[b-611u99nbir] {
    margin: 0;
    color: #475569;
    font-weight: 700;
}

.team-editor__summary[b-611u99nbir] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 0.75rem;
    min-width: min(100%, 420px);
}

.team-editor__summary div[b-611u99nbir] {
    padding: 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
}

.team-editor__summary span[b-611u99nbir],
.team-editor__name-field label[b-611u99nbir] {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-editor__summary strong[b-611u99nbir] {
    display: block;
    margin-top: 0.2rem;
    color: #0f172a;
    font-size: 1.05rem;
}

.team-editor__summary-status--unsaved[b-611u99nbir] {
    border-color: #fbbf24 !important;
    background: #fffbeb !important;
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.18);
}

.team-editor__summary-status--unsaved span[b-611u99nbir],
.team-editor__summary-status--unsaved strong[b-611u99nbir] {
    color: #92400e;
}

.team-editor__card[b-611u99nbir] {
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 44px rgba(15, 23, 42, 0.08) !important;
}

.team-editor__toolbar[b-611u99nbir] {
    display: grid;
    grid-template-columns: minmax(200px, 320px) minmax(180px, 240px) 1fr;
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

.team-editor__actions[b-611u99nbir],
.team-editor__import[b-611u99nbir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.team-editor__calculator-link[b-611u99nbir] {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid #0f766e;
    border-radius: 4px;
    background: #f0fdfa;
    color: #0f5f59;
    font: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    cursor: pointer;
}

.team-editor__calculator-link:hover[b-611u99nbir] {
    background: #ccfbf1;
    color: #134e4a;
    text-decoration: none;
}

.team-editor__calculator-link:focus-visible[b-611u99nbir] {
    outline: 3px solid rgba(13, 148, 136, 0.28);
    outline-offset: 2px;
}

.team-editor__calculator-link:disabled[b-611u99nbir] {
    border-color: #cbd5e1;
    background: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

.team-editor__calculator-link .rzi[b-611u99nbir] {
    font-size: 1rem;
}

.team-editor__import[b-611u99nbir] {
    grid-column: 1 / -1;
}

.team-editor__unsaved-alert[b-611u99nbir] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 0.85rem;
    padding: 0.85rem 1rem;
    border: 1px solid #f59e0b;
    border-radius: 16px;
    background: #fffbeb;
    color: #78350f;
    box-shadow: 0 10px 24px rgba(245, 158, 11, 0.16);
}

.team-editor__unsaved-alert div[b-611u99nbir] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.team-editor__unsaved-alert span[b-611u99nbir] {
    font-size: 0.78rem;
    font-weight: 900;
}

.team-editor__unsaved-alert strong[b-611u99nbir] {
    font-size: 1rem;
    font-weight: 900;
}

.team-editor__unsaved-alert p[b-611u99nbir] {
    margin: 0;
    color: #92400e;
    font-weight: 800;
}

.team-editor__message[b-611u99nbir],
.team-editor__warnings[b-611u99nbir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #bfdbfe;
    border-radius: 16px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 800;
}

.team-editor__message--error[b-611u99nbir] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.team-editor__warnings[b-611u99nbir] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.team-editor__warnings span[b-611u99nbir] {
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
}

.team-editor__ai-panel[b-611u99nbir] {
    display: grid;
    grid-template-columns: minmax(240px, 0.45fr) minmax(0, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 20px;
    background: #f8fbff;
}

.team-editor__ai-copy[b-611u99nbir] {
    display: grid;
    align-content: start;
    gap: 0.45rem;
}

.team-editor__ai-copy strong[b-611u99nbir] {
    color: #0f172a;
    font-size: 1.08rem;
}

.team-editor__ai-copy p[b-611u99nbir] {
    margin: 0;
    color: #475569;
    font-weight: 700;
}

.team-editor__ai-inputs[b-611u99nbir] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
}

.team-editor__ai-textarea[b-611u99nbir] {
    width: 100%;
    resize: vertical;
}

.team-editor__ai-actions[b-611u99nbir],
.team-editor__ai-warnings[b-611u99nbir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.team-editor__ai-message[b-611u99nbir] {
    padding: 0.7rem 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 800;
}

.team-editor__ai-message--error[b-611u99nbir] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.team-editor__ai-message--warning[b-611u99nbir],
.team-editor__ai-warnings[b-611u99nbir] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.team-editor__ai-warnings[b-611u99nbir] {
    padding: 0.7rem 0.85rem;
    border: 1px solid #fde68a;
    border-radius: 14px;
    font-weight: 800;
}

.team-editor__ai-warnings span[b-611u99nbir] {
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
}

.team-editor__rental-panel[b-611u99nbir] {
    display: grid;
    grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: #f8fbff;
}

.team-editor__rental-copy[b-611u99nbir] {
    display: grid;
    align-content: start;
    gap: 0.45rem;
}

.team-editor__rental-copy strong[b-611u99nbir] {
    color: #0f172a;
    font-size: 1.08rem;
}

.team-editor__rental-copy p[b-611u99nbir] {
    margin: 0;
    color: #475569;
    font-weight: 700;
}

.team-editor__rental-actions[b-611u99nbir],
.team-editor__rental-warnings[b-611u99nbir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    min-width: 0;
}

.team-editor__rental-panel .team-editor__ai-message[b-611u99nbir],
.team-editor__rental-warnings[b-611u99nbir] {
    grid-column: 2;
}

.team-editor__rental-warnings[b-611u99nbir] {
    padding: 0.7rem 0.85rem;
    border: 1px solid #fde68a;
    border-radius: 14px;
    background: #fffbeb;
    color: #92400e;
    font-weight: 800;
}

.team-editor__rental-warnings span[b-611u99nbir] {
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
}

.team-editor__image-panel[b-611u99nbir] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(260px, 360px);
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: #f8fbff;
    align-items: center;
}

.team-editor__image-copy[b-611u99nbir] {
    display: grid;
    gap: 0.5rem;
}

.team-editor__image-kicker[b-611u99nbir] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.team-editor__image-copy strong[b-611u99nbir] {
    color: #0f172a;
    font-size: 1.1rem;
}

.team-editor__image-copy p[b-611u99nbir] {
    margin: 0;
    color: #475569;
    font-weight: 700;
}

.team-editor__image-actions[b-611u99nbir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.team-editor__status-supplement[b-611u99nbir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    margin-top: 0.35rem;
    padding-top: 0.85rem;
    border-top: 1px solid #dbeafe;
}

.team-editor__status-supplement-copy[b-611u99nbir] {
    display: grid;
    flex: 1 1 260px;
    gap: 0.2rem;
    min-width: 0;
}

.team-editor__status-supplement-copy strong[b-611u99nbir] {
    color: #1e3a8a;
    font-size: 0.92rem;
}

.team-editor__status-supplement-copy span[b-611u99nbir] {
    color: #475569;
    font-size: 0.84rem;
    font-weight: 700;
}

.team-editor__parse-toggle[b-611u99nbir] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 32px;
    padding: 0.4rem 0.7rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-weight: 800;
}

.team-editor__parse-options[b-611u99nbir] {
    display: grid;
    grid-template-columns: minmax(110px, 130px) minmax(110px, 130px);
    gap: 0.5rem;
    align-items: center;
}

.team-editor__parse-options .rz-dropdown[b-611u99nbir] {
    width: 100%;
}

.team-editor__parse-loading[b-611u99nbir] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 32px;
    padding: 0.4rem 0.75rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 900;
}

.team-editor__spinner[b-611u99nbir] {
    width: 16px;
    height: 16px;
    border: 2px solid #bfdbfe;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: team-editor-spin-b-611u99nbir 0.8s linear infinite;
}

@keyframes team-editor-spin-b-611u99nbir {
    to {
        transform: rotate(360deg);
    }
}

.team-editor__image-link[b-611u99nbir] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0.4rem 0.85rem;
    border: 1px solid #93c5fd;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 800;
    text-decoration: none;
}

.team-editor__image-link:hover[b-611u99nbir] {
    background: #dbeafe;
    color: #1e40af;
    text-decoration: none;
}

.team-editor__image-link--disabled[b-611u99nbir] {
    border-color: #cbd5e1;
    background: #f8fafc;
    color: #94a3b8;
    pointer-events: none;
}

.team-editor__image-preview-card[b-611u99nbir] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 0.75rem;
    border: 1px dashed #93c5fd;
    border-radius: 18px;
    background: #fff;
}

.team-editor__image-preview-link[b-611u99nbir] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-decoration: none;
}

.team-editor__image-preview[b-611u99nbir] {
    max-width: 100%;
    max-height: 240px;
    border-radius: 14px;
    object-fit: contain;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12);
    cursor: zoom-in;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.team-editor__image-preview:hover[b-611u99nbir] {
    transform: scale(1.01);
    box-shadow: 0 16px 32px rgba(37, 99, 235, 0.18);
}

.team-editor__image-empty[b-611u99nbir] {
    color: #64748b;
    font-weight: 800;
}

.team-editor__textarea textarea[b-611u99nbir],
.team-editor__textarea[b-611u99nbir] {
    min-height: 620px;
    border-radius: 18px;
    font-family: Consolas, "Courier New", monospace;
    line-height: 1.45;
}

.team-editor__workspace[b-611u99nbir] {
    display: grid;
    grid-template-columns: minmax(460px, 520px) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
    margin: 0;
}

.team-editor__workspace--ps-collapsed[b-611u99nbir] {
    grid-template-columns: minmax(0, 1fr);
}

.team-editor__ps-panel[b-611u99nbir],
.team-editor__preview[b-611u99nbir] {
    min-width: 0;
    width: 100%;
}

.team-editor__preview[b-611u99nbir] {
    container-name: team-editor-preview;
    container-type: inline-size;
}

.team-editor__ps-header[b-611u99nbir] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #f8fbff;
}

.team-editor__ps-dock[b-611u99nbir] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #f8fbff;
}

.team-editor__ps-title[b-611u99nbir] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.team-editor__ps-title strong[b-611u99nbir] {
    color: #0f172a;
    font-size: 0.95rem;
}

.team-editor__ps-title span[b-611u99nbir] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.team-editor__preview[b-611u99nbir] {
    overflow-x: visible;
}

.team-editor__sticky-save[b-611u99nbir] {
    position: sticky;
    top: 0.75rem;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #f59e0b;
    border-radius: 12px;
    background: rgba(255, 251, 235, 0.96);
    color: #78350f;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(245, 158, 11, 0.14);
}

.team-editor__sticky-save span[b-611u99nbir] {
    min-width: 0;
}

.team-editor__pokemon-grid[b-611u99nbir] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
    align-items: start;
}

.team-editor__slot[b-611u99nbir] {
    container-name: pokemon-editor-card;
    container-type: inline-size;
    min-width: 0;
    width: 100%;
    max-width: none;
    padding: 0;
}

.team-editor__pokemon-card[b-611u99nbir] {
    width: 100%;
    min-width: 0;
    min-height: 480px;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

.team-editor__basic-grid[b-611u99nbir] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    min-width: 0;
}

.team-editor__basic-column[b-611u99nbir] {
    display: grid;
    grid-auto-rows: max-content;
    gap: 0.4rem;
    align-content: start;
    min-width: 0;
}

.team-editor__basic-column > .font-weight-bold[b-611u99nbir] {
    min-height: 1.75rem;
    line-height: 1.75rem;
}

[b-611u99nbir] .team-editor__basic-column .rz-autocomplete,
[b-611u99nbir] .team-editor__basic-column .rz-numeric,
[b-611u99nbir] .team-editor__basic-column .rz-dropdown {
    width: 100% !important;
    min-width: 0;
}

.team-editor__pokemon-heading[b-611u99nbir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.team-editor__preset-actions[b-611u99nbir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    margin-bottom: 0.65rem;
    padding: 0.55rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #f8fbff;
}

.team-editor__stat-row[b-611u99nbir] {
    display: grid;
    grid-template-columns: 4.5rem 3.5rem minmax(7rem, 1fr) 4.5rem 2.75rem;
    gap: 0.55rem;
    align-items: center;
    min-width: 0;
    margin-bottom: 0.55rem;
}

.team-editor__stat-row--points[b-611u99nbir] {
    grid-template-columns: 4.5rem minmax(7rem, 1fr) 4.5rem;
}

.team-editor__stat-label[b-611u99nbir],
.team-editor__nature-row > label[b-611u99nbir] {
    margin: 0;
    color: #0f172a;
    font-weight: 800;
    white-space: nowrap;
}

.team-editor__stat-slider[b-611u99nbir],
.team-editor__stat-input[b-611u99nbir] {
    min-width: 0;
}

.team-editor__stat-slider input[b-611u99nbir] {
    display: block;
    width: 100%;
    margin: 0;
}

.team-editor__stat-input > span[b-611u99nbir] {
    display: none;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
}

.team-editor__stat-result[b-611u99nbir] {
    color: #475569;
    font-size: 0.86rem;
    font-weight: 800;
    text-align: right;
}

.team-editor__nature-row[b-611u99nbir] {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 15rem);
    gap: 0.55rem;
    align-items: center;
    margin-top: 0.85rem;
}

.team-editor__pokemon-status[b-611u99nbir] {
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-editor__pokemon-status--ok[b-611u99nbir] {
    background: #dcfce7;
    color: #166534;
}

.team-editor__pokemon-status--warning[b-611u99nbir] {
    background: #fef3c7;
    color: #92400e;
}

@container pokemon-editor-card (max-width: 480px) {
    .team-editor__preset-actions[b-611u99nbir] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-611u99nbir] .team-editor__preset-actions .rz-dropdown {
        grid-column: 1 / -1;
        width: 100% !important;
        min-width: 0 !important;
    }

    [b-611u99nbir] .team-editor__preset-actions .rz-button {
        width: 100%;
        min-width: 0;
    }

    .team-editor__stat-row[b-611u99nbir] {
        grid-template-columns: 3.75rem minmax(0, 1fr) 4.25rem;
        grid-template-areas:
            "label slider allocation"
            ". iv result";
        row-gap: 0.35rem;
    }

    .team-editor__stat-row--points[b-611u99nbir] {
        grid-template-areas: "label slider allocation";
    }

    .team-editor__stat-label[b-611u99nbir] {
        grid-area: label;
    }

    .team-editor__stat-slider[b-611u99nbir] {
        grid-area: slider;
    }

    .team-editor__stat-input--iv[b-611u99nbir] {
        grid-area: iv;
        display: grid;
        grid-template-columns: auto 4.25rem;
        gap: 0.35rem;
        align-items: center;
        justify-content: start;
    }

    .team-editor__stat-input--iv > span[b-611u99nbir] {
        display: inline;
    }

    .team-editor__stat-input--allocation[b-611u99nbir] {
        grid-area: allocation;
    }

    .team-editor__stat-result[b-611u99nbir] {
        grid-area: result;
        align-self: center;
    }

    .team-editor__nature-row[b-611u99nbir] {
        grid-template-columns: 3.75rem minmax(0, 1fr);
    }
}

@container pokemon-editor-card (max-width: 420px) {
    .team-editor__basic-grid[b-611u99nbir] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container pokemon-editor-card (max-width: 300px) {
    .team-editor__basic-grid[b-611u99nbir] {
        grid-template-columns: 1fr;
    }
}

@container team-editor-preview (max-width: 640px) {
    .team-editor__pokemon-grid[b-611u99nbir] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .team-editor__workspace[b-611u99nbir] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 900px) {
    .team-editor__hero[b-611u99nbir],
    .team-editor__toolbar[b-611u99nbir] {
        grid-template-columns: 1fr;
    }

    .team-editor__hero[b-611u99nbir] {
        display: grid;
    }

    .team-editor__summary[b-611u99nbir] {
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .team-editor__ai-panel[b-611u99nbir],
    .team-editor__rental-panel[b-611u99nbir],
    .team-editor__image-panel[b-611u99nbir] {
        grid-template-columns: 1fr;
    }

    .team-editor__rental-panel .team-editor__ai-message[b-611u99nbir],
    .team-editor__rental-warnings[b-611u99nbir] {
        grid-column: 1;
    }

    .team-editor__status-supplement[b-611u99nbir] {
        align-items: stretch;
        flex-direction: column;
    }

    .team-editor__status-supplement-copy[b-611u99nbir] {
        flex-basis: auto;
    }

    .team-editor__unsaved-alert[b-611u99nbir],
    .team-editor__sticky-save[b-611u99nbir] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/TeamEditorV2Preview.razor.rz.scp.css */
.team-studio[b-zxr9yow1h2],
.team-studio *[b-zxr9yow1h2],
.team-studio *[b-zxr9yow1h2]::before,
.team-studio *[b-zxr9yow1h2]::after {
    box-sizing: border-box;
}

.team-studio[b-zxr9yow1h2] {
    width: min(100%, 96rem);
    min-width: 0;
    margin: 0 auto;
    padding: 0.85rem;
    color: #17202d;
    font-family: Inter, "Segoe UI", "Microsoft YaHei", sans-serif;
}

.team-studio--state[b-zxr9yow1h2] {
    display: grid;
    min-height: 22rem;
    place-content: center;
    justify-items: center;
    gap: 0.6rem;
    border: 1px dashed #c9d0da;
    background: #f4f6f8;
    color: #657185;
}

.team-studio--state[b-zxr9yow1h2]  .rzi {
    font-size: 2rem;
}

.team-studio__topbar[b-zxr9yow1h2] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    min-height: 4.2rem;
    padding: 0.65rem 0.8rem;
    border-bottom: 1px solid #d8dde5;
    background: rgba(247, 248, 250, 0.97);
    backdrop-filter: blur(14px);
}

.team-studio__heading[b-zxr9yow1h2],
.team-studio__top-actions[b-zxr9yow1h2],
.team-studio__save-state[b-zxr9yow1h2],
.team-studio__section-heading[b-zxr9yow1h2],
.team-studio__toggle[b-zxr9yow1h2],
.team-studio__source-actions[b-zxr9yow1h2] {
    display: flex;
    align-items: center;
}

.team-studio__heading[b-zxr9yow1h2] {
    gap: 0.7rem;
    min-width: 0;
}

.team-studio__heading > a[b-zxr9yow1h2],
.team-studio__icon-button[b-zxr9yow1h2] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    border: 1px solid #cbd2dc;
    border-radius: 50%;
    background: #fff;
    color: #344055;
    cursor: pointer;
    text-decoration: none;
}

.team-studio__icon-button:disabled[b-zxr9yow1h2] {
    cursor: default;
    opacity: 0.42;
}

.team-studio__heading span[b-zxr9yow1h2],
.team-studio__member-kicker[b-zxr9yow1h2],
.team-studio__panel-title > span[b-zxr9yow1h2] {
    display: block;
    color: #6e7a8d;
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.team-studio__heading h1[b-zxr9yow1h2] {
    margin: 0.08rem 0 0;
    font-size: 1.15rem;
    font-weight: 900;
    letter-spacing: 0;
}

.team-studio__save-state[b-zxr9yow1h2] {
    gap: 0.4rem;
    color: #657185;
    font-size: 0.72rem;
    font-weight: 750;
}

.team-studio__save-state > span[b-zxr9yow1h2] {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: #32a36a;
}

.team-studio__save-state--dirty[b-zxr9yow1h2] {
    color: #9b5f00;
}

.team-studio__save-state--dirty > span[b-zxr9yow1h2] {
    background: #e89b22;
}

.team-studio__top-actions[b-zxr9yow1h2] {
    gap: 0.55rem;
}

.team-studio__metadata[b-zxr9yow1h2] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) minmax(14rem, 1fr) minmax(12rem, 0.7fr);
    gap: 0.8rem;
    padding: 0.85rem;
    border-bottom: 1px solid #d8dde5;
    background: #f1f3f6;
}

.team-studio__metadata label[b-zxr9yow1h2],
.team-studio__field[b-zxr9yow1h2] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.team-studio__metadata label > span[b-zxr9yow1h2],
.team-studio__field > span[b-zxr9yow1h2],
.team-studio__completion > span[b-zxr9yow1h2] {
    color: #6e7a8d;
    font-size: 0.67rem;
    font-weight: 800;
}

.team-studio__metadata[b-zxr9yow1h2]  .rz-textbox,
.team-studio__metadata[b-zxr9yow1h2]  .rz-dropdown,
.team-studio__field[b-zxr9yow1h2]  .rz-autocomplete,
.team-studio__field[b-zxr9yow1h2]  .rz-dropdown,
.team-studio__field[b-zxr9yow1h2]  .rz-numeric {
    width: 100% !important;
}

.team-studio__format-copy[b-zxr9yow1h2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
}

.team-studio__format-copy[b-zxr9yow1h2]  .rz-button {
    white-space: nowrap;
}

.team-studio__completion[b-zxr9yow1h2] {
    display: grid;
    align-content: center;
    gap: 0.25rem;
}

.team-studio__completion strong[b-zxr9yow1h2] {
    font-size: 0.86rem;
}

.team-studio__completion i[b-zxr9yow1h2] {
    display: block;
    height: 0.28rem;
    overflow: hidden;
    border-radius: 999px;
    background: #d8dde5;
}

.team-studio__completion b[b-zxr9yow1h2] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #326bc2;
}

.team-studio__message[b-zxr9yow1h2] {
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid #b8d3c3;
    background: #edf8f1;
    color: #246641;
    font-size: 0.75rem;
    font-weight: 750;
}

.team-studio__message--error[b-zxr9yow1h2] {
    border-color: #e5bec4;
    background: #fff1f2;
    color: #a33043;
}

.team-studio__workspace[b-zxr9yow1h2] {
    display: grid;
    grid-template-columns: 13rem minmax(29rem, 1fr) minmax(24rem, 0.78fr);
    align-items: start;
    min-width: 0;
    border-bottom: 1px solid #d8dde5;
    background: #f7f8fa;
}

.team-studio__roster[b-zxr9yow1h2],
.team-studio__preview[b-zxr9yow1h2] {
    position: sticky;
    top: 4.2rem;
    min-width: 0;
    max-height: calc(100vh - 5.8rem);
}

.team-studio__roster[b-zxr9yow1h2] {
    border-right: 1px solid #d8dde5;
}

.team-studio__preview[b-zxr9yow1h2] {
    border-left: 1px solid #d8dde5;
}

.team-studio__panel-title[b-zxr9yow1h2] {
    padding: 0.75rem;
    border-bottom: 1px solid #d8dde5;
    background: #eef1f5;
}

.team-studio__panel-title strong[b-zxr9yow1h2] {
    display: block;
    margin-top: 0.12rem;
    font-size: 0.82rem;
}

.team-studio__slots[b-zxr9yow1h2] {
    display: grid;
    padding: 0.45rem;
}

.team-studio__slot[b-zxr9yow1h2] {
    display: grid;
    grid-template-columns: 1.2rem 2.65rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.38rem;
    width: 100%;
    min-width: 0;
    min-height: 3.55rem;
    padding: 0.35rem 0.3rem;
    border: 0;
    border-bottom: 1px solid #e1e5eb;
    background: transparent;
    color: #344055;
    cursor: pointer;
    text-align: left;
}

.team-studio__slot--selected[b-zxr9yow1h2] {
    border-left: 3px solid #326bc2;
    background: #e9eff8;
}

.team-studio__slot-number[b-zxr9yow1h2] {
    color: #8a95a5;
    font-size: 0.62rem;
    font-weight: 850;
    text-align: center;
}

.team-studio__slot-sprite[b-zxr9yow1h2] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    overflow: hidden;
    border: 1px solid #d8dde5;
    border-radius: 50%;
    background: #fff;
    color: #8792a2;
}

.team-studio__slot-sprite img[b-zxr9yow1h2] {
    width: 2.45rem;
    height: 2.45rem;
    object-fit: contain;
}

.team-studio__slot-copy[b-zxr9yow1h2] {
    min-width: 0;
}

.team-studio__slot-copy strong[b-zxr9yow1h2],
.team-studio__slot-copy small[b-zxr9yow1h2] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-studio__slot-copy strong[b-zxr9yow1h2] {
    font-size: 0.74rem;
}

.team-studio__slot-copy small[b-zxr9yow1h2] {
    margin-top: 0.14rem;
    color: #7b8797;
    font-size: 0.58rem;
}

.team-studio__slot[b-zxr9yow1h2] >  .rzi {
    font-size: 1rem;
}

.team-studio__editor[b-zxr9yow1h2] {
    min-width: 0;
    padding: 0 0.85rem 1.2rem;
    background: #fff;
}

.team-studio__member-header[b-zxr9yow1h2] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    min-height: 7rem;
    border-bottom: 1px solid #d8dde5;
}

.team-studio__member-visual[b-zxr9yow1h2] {
    position: relative;
    display: grid;
    place-items: center;
    width: 5rem;
    height: 5rem;
    overflow: hidden;
    border: 1px solid #d8dde5;
    border-radius: 50%;
    background: #f1f3f6;
    color: #7b8797;
}

.team-studio__member-visual > span[b-zxr9yow1h2] {
    position: absolute;
    top: -0.3rem;
    left: 0.1rem;
    color: #dfe4eb;
    font-size: 2.5rem;
    font-weight: 950;
}

.team-studio__member-visual img[b-zxr9yow1h2],
.team-studio__member-visual[b-zxr9yow1h2] >  .rzi {
    position: relative;
    z-index: 1;
}

.team-studio__member-visual img[b-zxr9yow1h2] {
    width: 4.3rem;
    height: 4.3rem;
    object-fit: contain;
}

.team-studio__member-visual[b-zxr9yow1h2] >  .rzi {
    font-size: 1.8rem;
}

.team-studio__member-header h2[b-zxr9yow1h2] {
    margin: 0.12rem 0 0.2rem;
    font-size: 1.3rem;
    font-weight: 900;
    letter-spacing: 0;
}

.team-studio__member-header p[b-zxr9yow1h2] {
    margin: 0;
    color: #6e7a8d;
    font-size: 0.73rem;
    overflow-wrap: anywhere;
}

.team-studio__remove[b-zxr9yow1h2] {
    color: #ad3a4b;
}

.team-studio__section[b-zxr9yow1h2] {
    margin: 0;
    padding: 1rem 0;
    border: 0;
    border-bottom: 1px solid #d8dde5;
}

.team-studio__section-heading[b-zxr9yow1h2] {
    gap: 0.5rem;
}

.team-studio__section-heading[b-zxr9yow1h2] >  .rzi {
    color: #326bc2;
    font-size: 1.15rem;
}

.team-studio__section-heading strong[b-zxr9yow1h2],
.team-studio__section-heading span[b-zxr9yow1h2] {
    display: block;
}

.team-studio__section-heading strong[b-zxr9yow1h2] {
    font-size: 0.8rem;
}

.team-studio__section-heading span[b-zxr9yow1h2] {
    margin-top: 0.08rem;
    color: #7b8797;
    font-size: 0.62rem;
}

.team-studio__form-grid[b-zxr9yow1h2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 0.8rem;
}

.team-studio__field--wide[b-zxr9yow1h2] {
    grid-column: span 2;
}

.team-studio__toggle[b-zxr9yow1h2] {
    gap: 0.55rem;
    min-height: 3.4rem;
    padding: 0.55rem;
    border: 1px solid #d8dde5;
    border-radius: 6px;
    background: #f8f9fb;
}

.team-studio__toggle span strong[b-zxr9yow1h2],
.team-studio__toggle span small[b-zxr9yow1h2] {
    display: block;
}

.team-studio__toggle span strong[b-zxr9yow1h2] {
    font-size: 0.73rem;
}

.team-studio__toggle span small[b-zxr9yow1h2] {
    color: #7b8797;
    font-size: 0.59rem;
}

.team-studio__moves[b-zxr9yow1h2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.8rem;
}

.team-studio__moves label[b-zxr9yow1h2] {
    display: grid;
    grid-template-columns: 1.6rem minmax(0, 1fr);
    align-items: center;
    gap: 0.35rem;
}

.team-studio__moves label > span[b-zxr9yow1h2] {
    color: #326bc2;
    font-size: 0.65rem;
    font-weight: 900;
    text-align: center;
}

.team-studio__moves[b-zxr9yow1h2]  .rz-autocomplete {
    width: 100%;
}

.team-studio__stats > summary[b-zxr9yow1h2],
.team-studio__source > summary[b-zxr9yow1h2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    cursor: pointer;
}

.team-studio__stats > summary[b-zxr9yow1h2]::-webkit-details-marker,
.team-studio__source > summary[b-zxr9yow1h2]::-webkit-details-marker {
    display: none;
}

.team-studio__stats[open] > summary[b-zxr9yow1h2] >  .rzi:last-child,
.team-studio__source[open] > summary[b-zxr9yow1h2] >  .rzi:last-child {
    transform: rotate(180deg);
}

.team-studio__stat-head[b-zxr9yow1h2],
.team-studio__stat-row[b-zxr9yow1h2] {
    display: grid;
    grid-template-columns: 3.2rem 4.2rem minmax(7rem, 1fr) 4.6rem 3.2rem;
    align-items: center;
    gap: 0.45rem;
}

.team-studio__stat-head--points[b-zxr9yow1h2],
.team-studio__stat-row--points[b-zxr9yow1h2] {
    grid-template-columns: 3.2rem minmax(8rem, 1fr) 4.6rem;
}

.team-studio__stat-head[b-zxr9yow1h2] {
    margin-top: 0.75rem;
    padding: 0.3rem 0;
    color: #7b8797;
    font-size: 0.58rem;
    font-weight: 800;
    text-align: center;
}

.team-studio__stat-row[b-zxr9yow1h2] {
    min-height: 2.6rem;
    border-top: 1px solid #edf0f4;
}

.team-studio__stat-row > strong[b-zxr9yow1h2],
.team-studio__stat-row > span[b-zxr9yow1h2] {
    font-size: 0.68rem;
    text-align: center;
}

.team-studio__stat-row[b-zxr9yow1h2]  .rz-numeric {
    width: 100% !important;
}

.team-studio__stat-row input[type="range"][b-zxr9yow1h2] {
    width: 100%;
    accent-color: #326bc2;
}

.team-studio__stat--up[b-zxr9yow1h2] {
    color: #c13c51;
}

.team-studio__stat--down[b-zxr9yow1h2] {
    color: #326bc2;
}

.team-studio__source textarea[b-zxr9yow1h2] {
    width: 100%;
    min-height: 16rem;
    margin-top: 0.8rem;
    padding: 0.75rem;
    resize: vertical;
    border: 1px solid #cbd2dc;
    border-radius: 6px;
    background: #101722;
    color: #e8edf5;
    font: 0.72rem/1.5 Consolas, monospace;
}

.team-studio__source-actions[b-zxr9yow1h2] {
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.team-studio__source-actions > span[b-zxr9yow1h2] {
    color: #7b8797;
    font-size: 0.64rem;
}

.team-studio__preview-scroll[b-zxr9yow1h2] {
    max-height: calc(100vh - 9.8rem);
    overflow: auto;
    scrollbar-width: thin;
}

.team-studio__preview-scroll[b-zxr9yow1h2]  .team-sheet {
    padding: 0.45rem;
}

.team-studio__preview-empty[b-zxr9yow1h2] {
    display: grid;
    min-height: 18rem;
    place-content: center;
    justify-items: center;
    gap: 0.45rem;
    color: #7b8797;
}

.team-studio__preview-empty[b-zxr9yow1h2]  .rzi {
    font-size: 1.8rem;
}

.team-studio__preview-empty strong[b-zxr9yow1h2] {
    font-size: 0.78rem;
}

@media (max-width: 1200px) {
    .team-studio__workspace[b-zxr9yow1h2] {
        grid-template-columns: 12.5rem minmax(28rem, 1fr);
    }

    .team-studio__preview[b-zxr9yow1h2] {
        position: relative;
        top: auto;
        grid-column: 1 / -1;
        max-height: none;
        border-top: 1px solid #d8dde5;
        border-left: 0;
    }

    .team-studio__preview-scroll[b-zxr9yow1h2] {
        max-height: none;
    }
}

@media (max-width: 760px) {
    .team-studio[b-zxr9yow1h2] {
        padding: 0;
    }

    .team-studio__topbar[b-zxr9yow1h2] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .team-studio__save-state[b-zxr9yow1h2] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .team-studio__metadata[b-zxr9yow1h2] {
        grid-template-columns: 1fr;
    }

    .team-studio__format-copy[b-zxr9yow1h2] {
        grid-template-columns: 1fr;
    }

    .team-studio__workspace[b-zxr9yow1h2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .team-studio__roster[b-zxr9yow1h2],
    .team-studio__preview[b-zxr9yow1h2] {
        position: relative;
        top: auto;
        max-height: none;
        border-right: 0;
    }

    .team-studio__slots[b-zxr9yow1h2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.35rem;
    }

    .team-studio__slot[b-zxr9yow1h2] {
        grid-template-columns: auto minmax(0, 1fr);
        justify-items: center;
        min-height: 5.6rem;
        border: 1px solid #d8dde5;
        border-radius: 6px;
        text-align: center;
    }

    .team-studio__slot--selected[b-zxr9yow1h2] {
        border: 2px solid #326bc2;
    }

    .team-studio__slot-number[b-zxr9yow1h2],
    .team-studio__slot[b-zxr9yow1h2] >  .rzi {
        display: none;
    }

    .team-studio__slot-copy[b-zxr9yow1h2] {
        width: 100%;
    }

    .team-studio__member-header[b-zxr9yow1h2] {
        grid-template-columns: 4.5rem minmax(0, 1fr) auto;
    }

    .team-studio__member-visual[b-zxr9yow1h2] {
        width: 4.3rem;
        height: 4.3rem;
    }

    .team-studio__form-grid[b-zxr9yow1h2],
    .team-studio__moves[b-zxr9yow1h2] {
        grid-template-columns: 1fr 1fr;
    }

    .team-studio__field--wide[b-zxr9yow1h2] {
        grid-column: span 2;
    }
}

@media (max-width: 440px) {
    .team-studio__heading h1[b-zxr9yow1h2] {
        font-size: 0.95rem;
    }

    .team-studio__slots[b-zxr9yow1h2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .team-studio__editor[b-zxr9yow1h2] {
        padding-right: 0.65rem;
        padding-left: 0.65rem;
    }

    .team-studio__form-grid[b-zxr9yow1h2],
    .team-studio__moves[b-zxr9yow1h2] {
        grid-template-columns: 1fr;
    }

    .team-studio__field--wide[b-zxr9yow1h2] {
        grid-column: auto;
    }

    .team-studio__stat-head[b-zxr9yow1h2],
    .team-studio__stat-row[b-zxr9yow1h2] {
        grid-template-columns: 2.7rem 3.8rem minmax(5rem, 1fr) 4rem;
    }

    .team-studio__stat-head--points[b-zxr9yow1h2],
    .team-studio__stat-row--points[b-zxr9yow1h2] {
        grid-template-columns: 2.7rem minmax(5rem, 1fr) 4rem;
    }

    .team-studio__stat-head > :last-child[b-zxr9yow1h2],
    .team-studio__stat-row > :last-child[b-zxr9yow1h2] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .team-studio__stats > summary[b-zxr9yow1h2] >  .rzi:last-child,
    .team-studio__source > summary[b-zxr9yow1h2] >  .rzi:last-child {
        transition: none;
    }
}
/* /Pages/TeamMatchDraft.razor.rz.scp.css */
.team-draft[b-zztrub7gfi] {
    display: grid;
    gap: 1.25rem;
    padding: clamp(1rem, 2vw, 1.5rem);
}

.team-draft__hero[b-zztrub7gfi],
.team-draft__status[b-zztrub7gfi],
.team-draft__panel[b-zztrub7gfi] {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
}

.team-draft__hero[b-zztrub7gfi] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    padding: clamp(1.25rem, 3vw, 2rem);
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 52%, #eef2ff 100%);
}

.team-draft__hero h1[b-zztrub7gfi],
.team-draft__section-header h2[b-zztrub7gfi] {
    margin: 0.35rem 0 0;
    color: #0f172a;
    letter-spacing: -0.03em;
}

.team-draft__hero p[b-zztrub7gfi],
.team-draft__section-header p[b-zztrub7gfi] {
    max-width: 68ch;
    margin: 0.75rem 0 0;
    color: #475569;
    line-height: 1.75;
}

.team-draft__eyebrow[b-zztrub7gfi] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.team-draft__actions[b-zztrub7gfi],
.team-draft__status[b-zztrub7gfi],
.team-draft__chat-input[b-zztrub7gfi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.team-draft__status[b-zztrub7gfi] {
    padding: 1rem;
}

.team-draft__status span[b-zztrub7gfi] {
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 900;
}

.team-draft__layout[b-zztrub7gfi] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    gap: 1rem;
}

.team-draft__section-header[b-zztrub7gfi] {
    margin-bottom: 1rem;
}

.team-draft__candidate-grid[b-zztrub7gfi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
}

.team-draft__team-grid[b-zztrub7gfi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

.team-draft__team-card[b-zztrub7gfi] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #ffffff;
}

.team-draft__team-card h3[b-zztrub7gfi],
.team-draft__team-card p[b-zztrub7gfi] {
    margin: 0;
}

.team-draft__team-card strong[b-zztrub7gfi] {
    color: #2563eb;
    font-size: 1.35rem;
}

.team-draft__team-members[b-zztrub7gfi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.team-draft__team-members span[b-zztrub7gfi] {
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1e40af;
    font-size: 0.82rem;
    font-weight: 800;
}

.team-draft__candidate-card[b-zztrub7gfi] {
    display: grid;
    gap: 0.55rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
}

.team-draft__candidate-card.is-picked[b-zztrub7gfi] {
    opacity: 0.62;
}

.team-draft__chat-log[b-zztrub7gfi] {
    display: grid;
    gap: 0.65rem;
    max-height: 420px;
    overflow: auto;
    padding-right: 0.25rem;
}

.team-draft__chat-message[b-zztrub7gfi] {
    padding: 0.75rem;
    border-radius: 16px;
    background: #f8fafc;
}

.team-draft__chat-message span[b-zztrub7gfi] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.team-draft__chat-message p[b-zztrub7gfi] {
    margin: 0.35rem 0 0;
}

.team-draft__chat-input[b-zztrub7gfi] {
    margin-top: 1rem;
}

.team-draft__chat-input :global(.rz-textbox)[b-zztrub7gfi] {
    flex: 1 1 220px;
}

@media (max-width: 767.98px) {
    .team-draft__hero[b-zztrub7gfi],
    .team-draft__actions[b-zztrub7gfi],
    .team-draft__chat-input[b-zztrub7gfi] {
        align-items: stretch;
        flex-direction: column;
    }

    .team-draft__layout[b-zztrub7gfi] {
        grid-template-columns: 1fr;
    }

    .team-draft__actions :global(.rz-button)[b-zztrub7gfi],
    .team-draft__chat-input :global(.rz-button)[b-zztrub7gfi] {
        width: 100%;
    }
}
/* /Pages/TeamMatchManager.razor.rz.scp.css */
.match-manager__page-toolbar[b-49matvo29w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.625rem;
    margin-bottom: 1rem;
    padding: 0.625rem;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    background: #f8fafc;
}

.match-manager__tool-group[b-49matvo29w] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.match-manager__tool-group--broadcast[b-49matvo29w] {
    margin-left: auto;
}

.match-manager__tool-link[b-49matvo29w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.5rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #1e293b;
    font-weight: 800;
    text-decoration: none;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

.match-manager__tool-link:hover[b-49matvo29w],
.match-manager__tool-link:focus-visible[b-49matvo29w] {
    border-color: #64748b;
    color: #0f172a;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
    text-decoration: none;
}

.match-manager__tool-link:focus-visible[b-49matvo29w] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.match-manager__tool-link--primary[b-49matvo29w] {
    border-color: #0f172a;
    background: #0f172a;
    color: #ffffff;
}

.match-manager__tool-link--primary:hover[b-49matvo29w],
.match-manager__tool-link--primary:focus-visible[b-49matvo29w] {
    border-color: #020617;
    background: #020617;
    color: #ffffff;
}

.match-manager__tool-link[b-49matvo29w]  .rzi {
    flex: 0 0 auto;
    font-size: 1.15rem;
}

[b-49matvo29w] .match-manager__state-shell {
    display: grid;
    place-items: center;
    min-height: min(32rem, calc(100vh - 12rem));
}

[b-49matvo29w] .match-manager__state-card {
    display: grid;
    gap: 1rem;
    width: min(100%, 42rem);
    padding: 2rem;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 78%);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.08);
}

[b-49matvo29w] .match-manager__state-eyebrow {
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[b-49matvo29w] .match-manager__state-card h1 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 900;
}

[b-49matvo29w] .match-manager__state-card p {
    margin: 0;
    color: #475569;
    line-height: 1.75;
}

[b-49matvo29w] .match-manager__state-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

[b-49matvo29w] .match-manager__state-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 800;
    text-decoration: none;
}

[b-49matvo29w] .match-manager__state-link:hover {
    color: #0f172a;
    text-decoration: none;
}

.match-manager__steps[b-49matvo29w] {
    margin-top: 0.75rem;
}

.team-manager__steps-shell[b-49matvo29w]  ul[role="tablist"] {
    display: none;
}

.match-manager__panel[b-49matvo29w],
.match-manager__round-panel[b-49matvo29w] {
    margin-top: 1rem;
}

.team-manager__switch[b-49matvo29w] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    min-height: 2.5rem;
    color: #334155;
    font-weight: 800;
}

.team-manager__scroll-hint[b-49matvo29w] {
    display: none;
    margin: 0.8rem 0 -0.25rem;
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 800;
}

.team-manager__limit-summary[b-49matvo29w] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    margin-top: 0.85rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-weight: 800;
}

.team-manager__limit-summary strong[b-49matvo29w] {
    color: #1d4ed8;
    font-weight: 900;
}

.team-manager__limit-note[b-49matvo29w] {
    display: block;
    color: #b45309;
    font-weight: 800;
    line-height: 1.5;
}

.match-manager__table-shell[b-49matvo29w] {
    margin-top: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.match-manager__table-shell[b-49matvo29w]  .rz-datatable {
    min-width: 100%;
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
}

.match-manager__table-shell[b-49matvo29w]  .rz-grid-table {
    min-width: 100%;
    width: 100%;
    table-layout: fixed;
}

.match-manager__table-shell[b-49matvo29w]  .rz-grid-table th {
    background: #f8fafc;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.match-manager__table-shell[b-49matvo29w]  .rz-grid-table td {
    white-space: normal;
    vertical-align: top;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.match-manager__table-shell[b-49matvo29w]  .rz-cell-data,
.match-manager__table-shell[b-49matvo29w]  .rz-text-truncate {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    line-height: 1.4;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.match-manager__table-shell[b-49matvo29w]  .rz-button {
    white-space: nowrap;
}

.match-manager__guest-dialog[b-49matvo29w] {
    display: grid;
    gap: 1rem;
}

.match-manager__guest-dialog__header[b-49matvo29w] {
    display: grid;
    gap: 0.35rem;
}

.match-manager__guest-dialog__eyebrow[b-49matvo29w] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-manager__guest-dialog__header h3[b-49matvo29w] {
    margin: 0;
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 900;
}

.match-manager__guest-dialog__header p[b-49matvo29w] {
    margin: 0;
    color: #475569;
    line-height: 1.7;
}

.match-manager__guest-dialog__tips[b-49matvo29w] {
    padding: 0.9rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #eff6ff;
}

.match-manager__guest-dialog__tips span[b-49matvo29w] {
    display: block;
    margin-bottom: 0.45rem;
    color: #1d4ed8;
    font-weight: 900;
}

.match-manager__guest-dialog__tips ul[b-49matvo29w] {
    margin: 0;
    padding-left: 1.1rem;
    color: #334155;
}

.match-manager__guest-dialog__tips li + li[b-49matvo29w] {
    margin-top: 0.25rem;
}

.match-manager__guest-textarea[b-49matvo29w] {
    width: 100%;
}

.match-manager__guest-dialog__actions[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.match-manager__dialog-button[b-49matvo29w] {
    min-width: 140px;
}

.team-manager__application-toolbar[b-49matvo29w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    background: #f8fafc;
}

.team-manager__application-toolbar-summary[b-49matvo29w] {
    display: grid;
    gap: 0.25rem;
    color: #475569;
    font-weight: 800;
}

.team-manager__application-toolbar-summary span[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem;
}

.team-manager__application-toolbar strong[b-49matvo29w] {
    color: #1d4ed8;
    font-size: 1.15rem;
}

.team-manager__application-toolbar-summary small[b-49matvo29w] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.team-manager__application-toolbar-actions[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.team-manager__application-filters[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 360px) auto;
    gap: 0.75rem;
    align-items: end;
    margin-top: 0.75rem;
    padding: 0.8rem;
    border: 1px solid #d8e1ee;
    border-radius: 10px;
    background: #ffffff;
}

.team-manager__application-filter-tabs[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.team-manager__application-filter[b-49matvo29w],
.team-manager__application-clear[b-49matvo29w] {
    min-height: 2.25rem;
    padding: 0.35rem 0.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-weight: 900;
    cursor: pointer;
}

.team-manager__application-filter:hover[b-49matvo29w],
.team-manager__application-clear:hover[b-49matvo29w] {
    border-color: #93c5fd;
    color: #1d4ed8;
}

.team-manager__application-filter.is-active[b-49matvo29w] {
    border-color: #1d4ed8;
    background: #eff6ff;
    color: #1d4ed8;
    box-shadow: inset 0 0 0 1px rgba(29, 78, 216, 0.08);
}

.team-manager__application-search[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.3rem;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
}

.team-manager__application-search-input[b-49matvo29w] {
    width: 100%;
    min-height: 2.35rem;
    min-width: 0;
    padding: 0.45rem 0.7rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #0f172a;
    font-weight: 700;
}

.team-manager__application-search-input:focus[b-49matvo29w] {
    border-color: #2563eb;
    outline: 2px solid rgba(37, 99, 235, 0.16);
    outline-offset: 1px;
}

.team-manager__application-clear[b-49matvo29w] {
    border-style: dashed;
}

.team-manager__application-list[b-49matvo29w] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
}

.team-manager__application-card[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(220px, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.95rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.team-manager__application-card--record[b-49matvo29w] {
    grid-template-columns: minmax(0, 1.15fr) minmax(220px, 1fr) minmax(180px, 0.75fr);
}

.team-manager__application-records-body .team-manager__application-card--record[b-49matvo29w] {
    gap: 0.65rem;
    padding: 0.7rem 0.8rem;
    border-radius: 10px;
    box-shadow: none;
}

.team-manager__application-card--record.is-approved[b-49matvo29w] {
    border-color: #bbf7d0;
    background: #f7fef9;
}

.team-manager__application-card--record.is-rejected[b-49matvo29w],
.team-manager__application-card--record.is-cancelled[b-49matvo29w] {
    border-color: #fecdd3;
    background: #fff7f8;
}

.team-manager__application-main[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.2rem;
}

.team-manager__application-main strong[b-49matvo29w] {
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.team-manager__application-main p[b-49matvo29w],
.team-manager__application-message[b-49matvo29w] {
    margin: 0;
    color: #475569;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.team-manager__application-main small[b-49matvo29w] {
    color: #64748b;
    font-weight: 700;
}

.team-manager__application-type[b-49matvo29w] {
    width: fit-content;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.76rem;
    font-weight: 900;
}

.team-manager__application-message[b-49matvo29w] {
    padding: 0.15rem 0 0 0.85rem;
    border-left: 3px solid #bfdbfe;
    color: #64748b;
}

.team-manager__application-actions[b-49matvo29w],
.team-manager__application-record-meta[b-49matvo29w],
.team-manager__team-card-actions[b-49matvo29w],
.team-manager__dialog-actions[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.team-manager__application-record-meta[b-49matvo29w] {
    display: grid;
    justify-content: stretch;
    gap: 0.35rem;
}

.team-manager__application-record-meta small[b-49matvo29w],
.team-manager__application-record-meta p[b-49matvo29w] {
    margin: 0;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.team-manager__application-status[b-49matvo29w] {
    display: inline-grid;
    width: fit-content;
    min-height: 1.8rem;
    place-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-manager__application-status.is-approved[b-49matvo29w] {
    background: #dcfce7;
    color: #166534;
}

.team-manager__application-status.is-rejected[b-49matvo29w],
.team-manager__application-status.is-cancelled[b-49matvo29w] {
    background: #ffe4e6;
    color: #be123c;
}

.team-manager__team-card-actions[b-49matvo29w] {
    flex-wrap: nowrap;
}

.team-manager__icon-button[b-49matvo29w] {
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0;
}

.team-manager__icon-button--danger[b-49matvo29w] {
    color: #e11d48;
}

.team-manager__application-empty[b-49matvo29w] {
    margin-top: 1rem;
    padding: 0.95rem 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
}

.team-manager__application-empty--filtered[b-49matvo29w] {
    margin-top: 0;
    border-radius: 10px;
}

.team-manager__application-records-body[b-49matvo29w] {
    padding: 0.75rem 0.85rem 0.9rem;
}

.team-manager__application-records-body .team-manager__application-toolbar[b-49matvo29w] {
    margin-top: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.team-manager__application-records-body .team-manager__application-toolbar strong[b-49matvo29w] {
    font-size: 1rem;
}

.team-manager__application-records-body .team-manager__application-filters[b-49matvo29w] {
    margin-top: 0.55rem;
    padding: 0.65rem;
    border-radius: 8px;
}

.team-manager__application-list--records[b-49matvo29w] {
    gap: 0.55rem;
    margin-top: 0.65rem;
}

@media (max-width: 900px) {
    .team-manager__application-toolbar[b-49matvo29w] {
        align-items: stretch;
        flex-direction: column;
    }

    .team-manager__application-toolbar-actions[b-49matvo29w] {
        justify-content: flex-start;
    }

    .team-manager__application-filters[b-49matvo29w] {
        grid-template-columns: 1fr;
    }

    .team-manager__application-card[b-49matvo29w] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .team-manager__application-actions[b-49matvo29w],
    .team-manager__application-record-meta[b-49matvo29w] {
        justify-content: flex-start;
    }
}

.team-manager__rename-dialog[b-49matvo29w] {
    display: grid;
    gap: 1rem;
}

.team-manager__rename-copy[b-49matvo29w] {
    display: grid;
    gap: 0.3rem;
}

.team-manager__rename-copy strong[b-49matvo29w] {
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.team-manager__rename-copy p[b-49matvo29w] {
    margin: 0;
    color: #64748b;
    line-height: 1.6;
}

.team-manager__team-cards[b-49matvo29w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    align-items: start;
    gap: 0.75rem;
    padding: 0.85rem;
}

.team-manager__team-index[b-49matvo29w],
.team-manager__team-management[b-49matvo29w],
.team-manager__application-records[b-49matvo29w] {
    margin-top: 0.75rem;
    overflow: hidden;
    border: 1px solid #d8e1ee;
    border-radius: 8px;
    background: #ffffff;
}

.team-manager__team-index summary[b-49matvo29w],
.team-manager__team-management summary[b-49matvo29w],
.team-manager__application-records summary[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.85rem;
    background: #f8fafc;
    color: #0f172a;
    cursor: pointer;
}

.team-manager__team-index summary > span:first-child[b-49matvo29w],
.team-manager__team-management summary > span:first-child[b-49matvo29w],
.team-manager__application-records summary > span:first-child[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
}

.team-manager__team-index summary strong[b-49matvo29w],
.team-manager__team-management summary strong[b-49matvo29w],
.team-manager__application-records summary strong[b-49matvo29w] {
    font-weight: 900;
}

.team-manager__team-index summary small[b-49matvo29w],
.team-manager__team-management summary small[b-49matvo29w],
.team-manager__application-records summary small[b-49matvo29w] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 700;
}

.team-manager__team-index summary > span:last-child[b-49matvo29w],
.team-manager__team-management summary > span:last-child[b-49matvo29w],
.team-manager__application-records summary > span:last-child[b-49matvo29w] {
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 900;
}

.team-manager__team-index[open] summary[b-49matvo29w],
.team-manager__team-management[open] summary[b-49matvo29w],
.team-manager__application-records[open] summary[b-49matvo29w] {
    border-bottom: 1px solid #d8e1ee;
}

.team-manager__team-index .match-manager__table-shell[b-49matvo29w] {
    margin-top: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.team-manager__team-toolbar[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) auto;
    gap: 0.75rem;
    align-items: end;
    padding: 0.75rem 0.85rem 0;
}

.team-manager__team-range[b-49matvo29w] {
    display: grid;
    gap: 0.1rem;
}

.team-manager__team-range strong[b-49matvo29w] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
}

.team-manager__team-range span[b-49matvo29w],
.team-manager__team-search > span[b-49matvo29w] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
}

.team-manager__team-search[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
}

.team-manager__team-search input[b-49matvo29w] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 2.35rem;
    padding: 0.4rem 0.65rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 700;
}

.team-manager__team-search input:focus[b-49matvo29w] {
    border-color: #2563eb;
    outline: 2px solid rgba(37, 99, 235, 0.14);
    outline-offset: 1px;
}

.team-manager__team-pager[b-49matvo29w] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.35rem;
}

.team-manager__team-pager button[b-49matvo29w] {
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
}

.team-manager__team-pager button:hover:not(:disabled)[b-49matvo29w] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.team-manager__team-pager button:disabled[b-49matvo29w] {
    background: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
}

.team-manager__team-pager strong[b-49matvo29w] {
    min-width: 3.4rem;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 900;
    text-align: center;
}

.team-manager__team-empty[b-49matvo29w] {
    margin: 0.85rem;
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
    text-align: center;
}

.team-manager__team-card[b-49matvo29w] {
    display: grid;
    align-content: start;
    min-width: 0;
    gap: 0.7rem;
    padding: 0.85rem;
    border: 1px solid #d8e1ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
}

.team-manager__team-card.is-dropped[b-49matvo29w] {
    border-color: #fecdd3;
    background: #fff7f8;
}

.team-manager__team-card-head[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.team-manager__team-card-main[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.45rem;
}

.team-manager__team-title-row[b-49matvo29w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    min-width: 0;
    gap: 0.55rem;
}

.team-manager__team-title-row h3[b-49matvo29w] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 900;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.team-manager__team-meta[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.85rem;
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 700;
}

.team-manager__team-drop-status[b-49matvo29w] {
    color: #be123c;
    font-weight: 900;
}

.team-manager__team-tag[b-49matvo29w] {
    display: inline-grid;
    place-items: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.35rem;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-manager__team-member-list[b-49matvo29w] {
    display: grid;
    align-content: start;
    align-items: start;
    gap: 0.45rem;
    min-width: 0;
}

.team-manager__team-member[b-49matvo29w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    min-width: 0;
    align-self: start;
    padding: 0.55rem 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

[b-49matvo29w] .team-manager__team-member .rz-button {
    min-height: 2rem;
    padding: 0.3rem 0.55rem;
    white-space: nowrap;
}

.team-manager__team-member.is-captain[b-49matvo29w] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.team-manager__team-member--empty[b-49matvo29w] {
    justify-content: center;
    color: #64748b;
    font-weight: 800;
}

.team-manager__team-member-meta[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.team-manager__team-member-meta strong[b-49matvo29w] {
    color: #0f172a;
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.team-manager__team-member-meta span[b-49matvo29w] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
}

.team-manager__field[b-49matvo29w] {
    display: grid;
    gap: 0.35rem;
    min-width: 150px;
    color: #334155;
    font-weight: 900;
}

.team-manager__field span[b-49matvo29w] {
    color: #2563eb;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
}

.team-manager__flow[b-49matvo29w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.team-manager__flow-step[b-49matvo29w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: flex-start;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
}

.team-manager__flow-step > span[b-49matvo29w] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-weight: 900;
}

.team-manager__flow-step strong[b-49matvo29w] {
    color: #0f172a;
    font-weight: 900;
}

.team-manager__flow-step p[b-49matvo29w] {
    margin: 0.15rem 0 0;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.45;
}

.team-manager__flow-step--active[b-49matvo29w] {
    border-color: #2563eb;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.12);
}

.team-manager__flow-step--active > span[b-49matvo29w],
.team-manager__flow-step--done > span[b-49matvo29w] {
    background: #2563eb;
    color: #ffffff;
}

.team-manager__flow-step--done[b-49matvo29w] {
    border-color: #bfdbfe;
    background: #f8fbff;
}

.team-manager__stage-workspace-head[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.team-manager__stage-workspace-head span[b-49matvo29w] {
    display: block;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.team-manager__stage-workspace-head h3[b-49matvo29w] {
    margin: 0.15rem 0 0;
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 900;
}

.team-manager__stage-workspace-head p[b-49matvo29w] {
    margin: 0.25rem 0 0;
    color: #475569;
    line-height: 1.6;
    font-weight: 700;
}

.team-manager__stage-workspace-actions[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.team-manager__release-control[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.team-manager__release-select[b-49matvo29w] {
    min-width: 8.75rem;
}

.team-manager__round-overview[b-49matvo29w] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.85rem;
}

.team-manager__round-overview article[b-49matvo29w] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.75rem 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fbff;
}

.team-manager__round-overview article.is-hot[b-49matvo29w] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.team-manager__round-overview span[b-49matvo29w] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-manager__round-overview strong[b-49matvo29w] {
    color: #0f172a;
    font-size: 1.18rem;
    font-weight: 900;
}

.team-manager__stage-roster[b-49matvo29w] {
    margin-top: 1rem;
}

.team-manager__stage-roster-controls[b-49matvo29w],
.team-manager__fixture-controls[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.team-manager__stage-roster-controls > div:first-child[b-49matvo29w],
.team-manager__fixture-controls > div:first-child[b-49matvo29w] {
    display: grid;
    gap: 0.12rem;
}

.team-manager__stage-roster-controls strong[b-49matvo29w],
.team-manager__fixture-controls strong[b-49matvo29w] {
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 900;
}

.team-manager__stage-roster-controls span[b-49matvo29w],
.team-manager__fixture-controls span[b-49matvo29w] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.team-manager__stage-roster-pager[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.team-manager__pager-button[b-49matvo29w] {
    min-height: 2.05rem;
    padding: 0.36rem 0.68rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 900;
    cursor: pointer;
}

.team-manager__pager-button:hover:not(:disabled)[b-49matvo29w] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.team-manager__pager-button:disabled[b-49matvo29w] {
    color: #94a3b8;
    cursor: not-allowed;
    background: #f1f5f9;
}

.team-manager__fixture-filterbar[b-49matvo29w] {
    --team-manager-filter-label-offset: calc(0.78rem * 1.2 + 0.25rem);
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.65fr) minmax(8rem, 0.7fr) minmax(9rem, 0.8fr) minmax(14rem, 1.25fr) auto auto;
    align-items: start;
    gap: 0.55rem;
    min-width: min(100%, 64rem);
}

.team-manager__slot-battle-filterbar[b-49matvo29w] {
    grid-template-columns: minmax(8rem, 0.7fr) minmax(9rem, 0.8fr) minmax(18rem, 1.5fr) auto;
    min-width: min(100%, 48rem);
}

.team-manager__fixture-index-filterbar[b-49matvo29w] {
    grid-template-columns: minmax(8rem, 0.7fr) minmax(9rem, 0.8fr) minmax(18rem, 1.4fr) auto auto;
    min-width: min(100%, 56rem);
}

.team-manager__fixture-filterbar label[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.25rem;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.2;
}

.team-manager__fixture-filterbar select[b-49matvo29w],
.team-manager__fixture-filterbar input[b-49matvo29w] {
    box-sizing: border-box;
    width: 100%;
    height: 2.25rem;
    min-height: 2.25rem;
    min-width: 0;
    padding: 0.36rem 0.62rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 800;
}

.team-manager__fixture-filterbar .team-manager__pager-button[b-49matvo29w],
.team-manager__fixture-filterbar .team-manager__fixture-bulk-button[b-49matvo29w] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.25rem;
    min-height: 2.25rem;
    line-height: 1;
}

.team-manager__fixture-filterbar > .team-manager__pager-button[b-49matvo29w],
.team-manager__fixture-filterbar > .team-manager__fixture-bulk-button[b-49matvo29w] {
    align-self: start;
    margin-top: var(--team-manager-filter-label-offset);
}

.team-manager__fixture-filterbar select:focus[b-49matvo29w],
.team-manager__fixture-filterbar input:focus[b-49matvo29w] {
    border-color: #2563eb;
    outline: 2px solid rgba(37, 99, 235, 0.14);
    outline-offset: 1px;
}

.team-manager__fixture-search[b-49matvo29w] {
    min-width: 14rem;
}

.team-manager__fixture-pager[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding: 0.62rem 0.75rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
}

.team-manager__fixture-pager > div:first-child[b-49matvo29w] {
    display: grid;
    gap: 0.12rem;
}

.team-manager__fixture-pager strong[b-49matvo29w] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
}

.team-manager__fixture-pager span[b-49matvo29w] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.team-manager__fixture-bulk-button[b-49matvo29w] {
    min-height: 2.25rem;
    padding: 0.36rem 0.76rem;
    border: 1px solid #1d4ed8;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
}

.team-manager__fixture-bulk-button:hover:not(:disabled)[b-49matvo29w] {
    background: #1d4ed8;
}

.team-manager__fixture-bulk-button:disabled[b-49matvo29w] {
    border-color: #cbd5e1;
    background: #e2e8f0;
    color: #64748b;
    box-shadow: none;
    cursor: not-allowed;
}

.team-manager__stage-team-grid[b-49matvo29w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.team-manager__stage-team-card[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

.team-manager__stage-team-card header[b-49matvo29w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}

.team-manager__stage-team-card h4[b-49matvo29w] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 900;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.team-manager__stage-team-card p[b-49matvo29w] {
    margin: 0.2rem 0 0;
    color: #64748b;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.team-manager__stage-team-card header > strong[b-49matvo29w] {
    white-space: nowrap;
    color: #1d4ed8;
    font-weight: 900;
}

.team-manager__stage-member-list[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.team-manager__stage-member[b-49matvo29w],
.team-manager__stage-member-empty[b-49matvo29w] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.42rem 0.55rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.team-manager__stage-member strong[b-49matvo29w] {
    color: #0f172a;
}

.team-manager__stage-member small[b-49matvo29w] {
    padding: 0.1rem 0.38rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-weight: 900;
}

.team-manager__stage-member.is-captain[b-49matvo29w] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.team-manager__stage-member.is-captain small[b-49matvo29w] {
    background: #fb923c;
    color: #ffffff;
}

.team-manager__stage-member-empty[b-49matvo29w] {
    border-style: dashed;
    color: #64748b;
}

.team-manager__settings-summary[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    margin: 0.9rem 0;
    padding: 0.85rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
}

.team-manager__settings-summary span[b-49matvo29w] {
    color: #2563eb;
    font-weight: 900;
}

.team-manager__settings-summary strong[b-49matvo29w] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px #dbeafe;
}

.team-manager__group-preview[b-49matvo29w] {
    display: grid;
    gap: 0.75rem;
}

.team-manager__group-grid[b-49matvo29w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0.85rem;
}

.team-manager__group-card[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

.team-manager__group-card header[b-49matvo29w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.team-manager__group-card h4[b-49matvo29w] {
    margin: 0;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 900;
}

.team-manager__group-card header span[b-49matvo29w] {
    color: #2563eb;
    font-weight: 900;
}

.team-manager__group-team[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 8.5rem;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    min-width: 0;
}

.team-manager__group-team strong[b-49matvo29w],
.team-manager__group-team span[b-49matvo29w] {
    display: block;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.team-manager__group-team strong[b-49matvo29w] {
    color: #0f172a;
    font-weight: 900;
}

.team-manager__group-team span[b-49matvo29w] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 800;
}

.team-manager__group-select[b-49matvo29w] {
    width: 100%;
}

.team-manager__group-empty[b-49matvo29w] {
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
    text-align: center;
}

.match-run-tabs[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin: 0.85rem 0;
    padding: 0.4rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.match-run-chip[b-49matvo29w] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    color: #334155;
    font-weight: 700;
    padding: 0.55rem 1.05rem;
    line-height: 1.1;
}

.match-run-chip:hover[b-49matvo29w] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.match-run-chip.is-active[b-49matvo29w] {
    border-color: #0f172a;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: #ffffff;
    box-shadow: 0 12px 20px rgba(15, 23, 42, 0.2);
}

.team-run__fixture-list[b-49matvo29w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.team-run__fixture[b-49matvo29w] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid #d8e1ee;
    border-radius: 8px;
    background: #ffffff;
}

.team-run__fixture header[b-49matvo29w] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
}

.team-run__fixture header span[b-49matvo29w] {
    color: #0f172a;
    font-weight: 900;
}

.team-run__fixture header strong[b-49matvo29w] {
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
}

.team-run__fixture-statuses[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.team-run__fixture-statuses span[b-49matvo29w] {
    padding: 0.2rem 0.42rem;
    border-radius: 6px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
}

.team-run__fixture-statuses span.is-active[b-49matvo29w] {
    background: #fef3c7;
    color: #92400e;
}

.team-run__fixture-statuses span.is-complete[b-49matvo29w] {
    background: #dcfce7;
    color: #166534;
}

.team-manager__finished-bracket[b-49matvo29w] {
    min-width: 0;
}

.team-manager__fixture-table-shell[b-49matvo29w] {
    margin-top: 0.85rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.team-manager__fixture-table[b-49matvo29w] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
}

.team-manager__fixture-table th[b-49matvo29w] {
    padding: 0.62rem 0.72rem;
    border-bottom: 1px solid #dbeafe;
    background: #f8fafc;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
}

.team-manager__fixture-table th:nth-child(1)[b-49matvo29w] {
    width: 8.5rem;
}

.team-manager__fixture-table th:nth-child(2)[b-49matvo29w] {
    width: 28%;
}

.team-manager__fixture-table th:nth-child(3)[b-49matvo29w] {
    width: 16rem;
}

.team-manager__fixture-table th:nth-child(4)[b-49matvo29w] {
    width: 9.5rem;
}

.team-manager__fixture-table th:nth-child(5)[b-49matvo29w],
.team-manager__fixture-table th:nth-child(6)[b-49matvo29w] {
    width: 7rem;
}

.team-manager__fixture-table td[b-49matvo29w] {
    padding: 0.68rem 0.72rem;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 0.88rem;
    font-weight: 800;
    vertical-align: middle;
}

.team-manager__fixture-table tbody tr:last-child td[b-49matvo29w] {
    border-bottom: 0;
}

.team-manager__fixture-table td strong[b-49matvo29w],
.team-manager__fixture-table td small[b-49matvo29w] {
    display: block;
    min-width: 0;
}

.team-manager__fixture-table td small[b-49matvo29w] {
    margin-top: 0.18rem;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
}

.team-manager__fixture-group-row td[b-49matvo29w] {
    padding: 0.42rem 0.72rem;
    background: #eef6ff;
    color: #1d4ed8;
}

.team-manager__fixture-group-row span[b-49matvo29w],
.team-manager__fixture-group-row small[b-49matvo29w] {
    display: inline-flex;
    margin-right: 0.45rem;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 900;
}

.team-manager__fixture-table-row.is-actionable td[b-49matvo29w] {
    background: #fffaf3;
}

.team-manager__fixture-table-row.is-revealed td[b-49matvo29w] {
    background: #f0fdf4;
}

.team-manager__fixture-table-row.is-complete td[b-49matvo29w] {
    background: #f8fffb;
}

.team-manager__fixture-table-row.is-cancelled td[b-49matvo29w] {
    background: #f8fafc;
    color: #64748b;
}

.team-manager__fixture-table-teams[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.team-manager__fixture-table-teams strong[b-49matvo29w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-manager__fixture-table-teams span[b-49matvo29w] {
    color: #94a3b8;
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.team-manager__fixture-lineup-pair[b-49matvo29w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
    min-width: 0;
}

.team-manager__fixture-lineup-state[b-49matvo29w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0.22rem 0.42rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.74rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-manager__fixture-lineup-state.is-draft[b-49matvo29w] {
    background: #e0f2fe;
    color: #075985;
}

.team-manager__fixture-lineup-state.is-submitted[b-49matvo29w] {
    background: #fef3c7;
    color: #92400e;
}

.team-manager__fixture-lineup-state.is-revealed[b-49matvo29w] {
    background: #dcfce7;
    color: #166534;
}

.team-manager__fixture-lineup-state.is-withdrawn[b-49matvo29w] {
    background: #fee2e2;
    color: #991b1b;
}

.team-manager__fixture-status-badge[b-49matvo29w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 900;
    white-space: nowrap;
}

.team-manager__fixture-status-badge.is-open[b-49matvo29w] {
    background: #dbeafe;
    color: #1d4ed8;
}

.team-manager__fixture-status-badge.is-ready[b-49matvo29w] {
    background: #fef3c7;
    color: #92400e;
}

.team-manager__fixture-status-badge.is-revealed[b-49matvo29w] {
    background: #dcfce7;
    color: #166534;
}

.team-manager__fixture-status-badge.is-complete[b-49matvo29w] {
    background: #bbf7d0;
    color: #14532d;
}

.team-manager__fixture-status-badge.is-cancelled[b-49matvo29w] {
    background: #fee2e2;
    color: #991b1b;
}

.team-manager__fixture-table-status small[b-49matvo29w],
.team-manager__fixture-table-score small[b-49matvo29w] {
    white-space: nowrap;
}

.team-manager__fixture-table-score strong[b-49matvo29w] {
    font-size: 1rem;
}

.team-manager__fixture-table-actions[b-49matvo29w] {
    text-align: right;
}

.team-manager__fixture-table-detail > td[b-49matvo29w] {
    padding: 0.85rem;
    background: #f8fafc;
}

.team-manager__fixture-row-summary--table[b-49matvo29w] {
    margin-bottom: 0.8rem;
}

.team-manager__fixture-mini-table-shell[b-49matvo29w] {
    margin-top: 0.85rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
}

.team-manager__fixture-mini-table[b-49matvo29w] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
}

.team-manager__fixture-mini-table th[b-49matvo29w] {
    padding: 0.58rem 0.68rem;
    border-bottom: 1px solid #dbeafe;
    background: #f8fafc;
    color: #334155;
    font-size: 0.76rem;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
}

.team-manager__fixture-mini-table th:nth-child(1)[b-49matvo29w] {
    width: 27%;
}

.team-manager__fixture-mini-table th:nth-child(2)[b-49matvo29w],
.team-manager__fixture-mini-table th:nth-child(3)[b-49matvo29w] {
    width: 7rem;
}

.team-manager__fixture-mini-table th:nth-child(4)[b-49matvo29w] {
    width: 9.5rem;
}

.team-manager__fixture-mini-table th:nth-child(5)[b-49matvo29w] {
    width: 4.5rem;
}

.team-manager__fixture-mini-table th:nth-child(6)[b-49matvo29w],
.team-manager__fixture-mini-table th:nth-child(7)[b-49matvo29w] {
    width: 10rem;
}

.team-manager__fixture-mini-table td[b-49matvo29w] {
    padding: 0.64rem 0.68rem;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 800;
    vertical-align: middle;
}

.team-manager__fixture-mini-table tbody tr:last-child td[b-49matvo29w] {
    border-bottom: 0;
}

.team-manager__fixture-mini-teams[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
}

.team-manager__fixture-mini-teams strong[b-49matvo29w] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-manager__fixture-mini-teams span[b-49matvo29w] {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.team-manager__fixture-row[b-49matvo29w] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

.team-manager__fixture-row.is-actionable[b-49matvo29w] {
    border-color: #fed7aa;
    background: #fffaf3;
}

.team-manager__fixture-row.is-complete[b-49matvo29w] {
    border-color: #bbf7d0;
    background: #f8fffb;
}

.team-manager__fixture-row-head[b-49matvo29w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(130px, auto) auto;
    gap: 0.75rem;
    align-items: center;
}

.team-manager__fixture-row-main[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.team-manager__fixture-row-main > span[b-49matvo29w] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
}

.team-manager__fixture-row-main h4[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem;
    margin: 0;
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.team-manager__fixture-row-main h4 small[b-49matvo29w] {
    color: #94a3b8;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-manager__fixture-row-status[b-49matvo29w] {
    display: grid;
    justify-items: end;
    gap: 0.18rem;
    white-space: nowrap;
}

.team-manager__fixture-row-status span[b-49matvo29w] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-manager__fixture-row-status strong[b-49matvo29w] {
    color: #0f172a;
    font-weight: 900;
}

.team-manager__fixture-row-summary[b-49matvo29w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.team-manager__fixture-team-summary[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.35rem;
    padding: 0.65rem 0.72rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.team-manager__fixture-team-summary > div[b-49matvo29w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
}

.team-manager__fixture-team-summary strong[b-49matvo29w] {
    min-width: 0;
    color: #0f172a;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-manager__fixture-team-summary p[b-49matvo29w] {
    margin: 0;
    color: #475569;
    font-size: 0.84rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-manager__submission-badge[b-49matvo29w] {
    flex: 0 0 auto;
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 900;
}

.team-manager__submission-badge.is-ready[b-49matvo29w] {
    background: #fef3c7;
    color: #92400e;
}

.team-manager__submission-badge.is-complete[b-49matvo29w] {
    background: #dcfce7;
    color: #166534;
}

.team-manager__submission-badge.is-withdrawn[b-49matvo29w] {
    background: #fee2e2;
    color: #991b1b;
}

.team-manager__fixture-row-detail[b-49matvo29w] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.team-manager__fixture-empty-detail[b-49matvo29w] {
    padding: 0.75rem 0.85rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
}

.team-manager__aux-details[b-49matvo29w] {
    margin-top: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #ffffff;
}

.team-manager__aux-details summary[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.78rem 0.9rem;
    border-radius: 8px 8px 0 0;
    background: #f8fafc;
    color: #0f172a;
    font-weight: 900;
    cursor: pointer;
}

.team-manager__aux-summary-copy[b-49matvo29w] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.team-manager__aux-details summary small[b-49matvo29w] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
}

.team-manager__aux-details summary strong[b-49matvo29w] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px #bfdbfe;
}

.team-manager__aux-details[open] summary strong[b-49matvo29w] {
    background: #dbeafe;
}

.team-manager__aux-details .team-manager__fixture-mini-table-shell[b-49matvo29w] {
    margin: 0;
    border-width: 1px 0 0;
    border-radius: 0 0 8px 8px;
    box-shadow: none;
}

.team-manager__lineup-admin[b-49matvo29w] {
    grid-column: 1 / -1;
    display: grid;
    min-width: 0;
    gap: 0.75rem;
    margin-top: 0.5rem;
    padding: 0.9rem;
    border: 1px solid #bfdbfe;
    border-radius: 16px;
    background: #eff6ff;
}

.team-manager__lineup-admin h5[b-49matvo29w],
.team-manager__lineup-admin p[b-49matvo29w] {
    margin: 0;
}

.team-manager__lineup-admin h5[b-49matvo29w] {
    color: #1e3a8a;
    font-size: 1rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.team-manager__lineup-admin p[b-49matvo29w] {
    color: #475569;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.team-manager__lineup-admin-summary[b-49matvo29w] {
    padding: 0.7rem 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #f8fafc;
    overflow-wrap: anywhere;
}

.team-manager__lineup-admin-team[b-49matvo29w] {
    display: grid;
    min-width: 0;
    gap: 0.65rem;
    padding: 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #ffffff;
}

.team-manager__lineup-admin-team header[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
}

.team-manager__lineup-admin-team header strong[b-49matvo29w] {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.team-manager__lineup-admin-team header span[b-49matvo29w] {
    color: #64748b;
    font-weight: 800;
}

.team-manager__lineup-admin-slot[b-49matvo29w] {
    display: grid;
    gap: 0.35rem;
    color: #334155;
    font-weight: 800;
}

.team-manager__lineup-admin-slot--readonly[b-49matvo29w] {
    padding: 0.7rem 0.8rem;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #ffffff;
}

.team-manager__fixture-note-editor[b-49matvo29w] {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
    border: 2px solid #2563eb;
    border-radius: 8px;
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.12);
}

.team-manager__fixture-note-editor h6[b-49matvo29w],
.team-manager__fixture-note-editor p[b-49matvo29w] {
    margin: 0;
}

.team-manager__fixture-note-editor h6[b-49matvo29w] {
    width: fit-content;
    padding: 0.18rem 0.5rem;
    border-radius: 8px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 900;
}

.team-manager__fixture-note-editor p[b-49matvo29w] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 800;
}

.team-manager__round-note-panel[b-49matvo29w] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
    border: 1px solid #c7d2fe;
    border-radius: 18px;
    background: linear-gradient(180deg, #f8faff 0%, #eef2ff 100%);
}

.team-manager__rules-panel[b-49matvo29w] {
    border: 2px solid #2563eb;
    border-radius: 8px;
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
    box-shadow: 0 16px 34px rgba(37, 99, 235, 0.14);
}

.team-manager__round-note-panel[open][b-49matvo29w] {
    padding-bottom: 0.9rem;
}

.team-manager__round-note-panel summary[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.8rem 0.9rem;
    cursor: pointer;
}

.team-manager__round-note-panel summary span[b-49matvo29w] {
    flex: 0 0 auto;
    padding: 0.22rem 0.6rem;
    border-radius: 8px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-manager__round-note-panel h5[b-49matvo29w],
.team-manager__round-note-panel p[b-49matvo29w] {
    margin: 0;
}

.team-manager__round-note-panel h5[b-49matvo29w] {
    color: #1d4ed8;
    font-size: 1.05rem;
    font-weight: 900;
}

.team-manager__round-note-panel p[b-49matvo29w] {
    color: #334155;
    font-weight: 800;
}

.team-manager__round-note-list[b-49matvo29w] {
    display: grid;
    gap: 0.65rem;
    padding: 0 0.9rem;
}

.team-manager__round-note-row[b-49matvo29w] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) minmax(260px, auto);
    gap: 0.65rem;
    align-items: center;
    padding: 0.7rem 0.8rem;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #ffffff;
}

.team-manager__round-note-row span[b-49matvo29w] {
    color: #1d4ed8;
    font-weight: 900;
}

.team-manager__round-note-row input[b-49matvo29w] {
    min-width: 0;
}

.team-manager__round-note-actions[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.team-manager__round-note-actions[b-49matvo29w]  .rz-button {
    min-height: 2.45rem;
    white-space: nowrap;
}

.team-manager__score-panel[b-49matvo29w] {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.7rem;
    margin-top: 0.35rem;
    padding: 0.8rem;
    border: 1px solid #bbf7d0;
    border-radius: 18px;
    background: linear-gradient(180deg, #f0fdf4 0%, #f8fffb 100%);
}

.team-manager__score-panel > header[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.team-manager__score-panel h5[b-49matvo29w],
.team-manager__score-panel p[b-49matvo29w] {
    margin: 0;
}

.team-manager__score-panel h5[b-49matvo29w] {
    color: #166534;
    font-size: 0.96rem;
    font-weight: 900;
}

.team-manager__score-panel p[b-49matvo29w],
.team-manager__score-panel > header span[b-49matvo29w] {
    color: #475569;
    font-weight: 700;
}

.team-manager__score-panel p[b-49matvo29w] {
    font-size: 0.85rem;
    line-height: 1.45;
}

.team-manager__score-actions[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.team-manager__score-overview[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.team-manager__score-toolbar[b-49matvo29w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.team-manager__score-toolbar[b-49matvo29w]  .rz-button {
    min-height: 2.2rem;
}

.team-manager__score-badge[b-49matvo29w] {
    display: inline-flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0.2rem 0.58rem;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px #d1fae5;
}

.team-manager__score-badge--score[b-49matvo29w] {
    background: #dcfce7;
    color: #166534;
    box-shadow: none;
}

.team-manager__score-badge--submitted[b-49matvo29w] {
    background: #dbeafe;
    color: #1d4ed8;
    box-shadow: none;
}

.team-manager__score-badge--waiting[b-49matvo29w] {
    background: #fef3c7;
    color: #92400e;
    box-shadow: none;
}

.team-manager__score-badge--pending[b-49matvo29w] {
    background: #e2e8f0;
    color: #475569;
    box-shadow: none;
}

.team-manager__score-repair-note[b-49matvo29w],
.team-manager__score-empty[b-49matvo29w] {
    padding: 0.65rem 0.8rem;
    border-radius: 14px;
    font-weight: 800;
}

.team-manager__score-repair-note[b-49matvo29w] {
    border: 1px solid #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.team-manager__score-empty[b-49matvo29w] {
    border: 1px dashed #bbf7d0;
    background: #ffffff;
    color: #475569;
}

.team-manager__score-workspace[b-49matvo29w] {
    display: grid;
    min-width: 0;
}

.team-manager__score-workspace[b-49matvo29w]  .match-manager__result-workspace {
    margin-top: 0;
    gap: 0.75rem;
}

.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue,
.team-manager__score-editor-shell[b-49matvo29w] {
    border: 1px solid #d1fae5;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
}

.team-manager__score-editor-shell[b-49matvo29w] {
    overflow: hidden;
}

.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue__table {
    min-width: 680px;
}

.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue__table th,
.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue__table td {
    padding: 0.6rem 0.72rem;
}

.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue__player {
    gap: 0.12rem;
    min-width: 0;
}

.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue__player strong {
    font-size: 0.92rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue__player span:empty,
.team-manager__score-workspace[b-49matvo29w]  .battle-result-editor__player span:empty {
    display: none;
}

.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue__player span {
    font-size: 0.74rem;
}

.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue__score,
.team-manager__score-workspace[b-49matvo29w]  .battle-result-queue__status {
    font-size: 0.78rem;
}

.team-manager__score-editor-shell[b-49matvo29w] {
    padding: 0.55rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor {
    gap: 0.65rem;
    padding: 0.7rem;
    border-color: #dcfce7;
    border-radius: 16px;
    background: transparent;
    box-shadow: none;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__header,
.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__actions,
.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__mini-score {
    gap: 0.5rem;
    min-width: 0;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__header h4 {
    margin-top: 0.05rem;
    font-size: 1rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__eyebrow {
    font-size: 0.72rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__status {
    padding: 0.2rem 0.55rem;
    font-size: 0.76rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__score-card {
    grid-template-columns: minmax(0, 1fr) minmax(4.4rem, 0.34fr) minmax(0, 1fr);
    gap: 0.55rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__player,
.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__score-divider,
.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__mini-score label {
    gap: 0.3rem;
    padding: 0.62rem 0.68rem;
    border-radius: 14px;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__player strong {
    font-size: 0.96rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__player span {
    font-size: 0.8rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__score-divider span {
    font-size: 0.74rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__score-divider strong {
    font-size: 1.2rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__player .rz-numeric {
    max-width: 5.1rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__mini-score {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__mini-score label {
    min-width: 0;
    font-size: 0.82rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__warning {
    padding: 0.55rem 0.68rem;
    border-radius: 12px;
    font-size: 0.82rem;
}

.team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__actions .rz-button {
    min-height: 2rem;
}

[b-49matvo29w] .match-manager__back-link {
    min-height: 2rem;
}

@media (max-width: 767.98px) {
    .match-manager__page-toolbar[b-49matvo29w] {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0.4rem;
        padding: 0.5rem;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .match-manager__page-toolbar[b-49matvo29w]::-webkit-scrollbar,
    .team-manager__primary-nav[b-49matvo29w]  .match-manager__round-nav::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .match-manager__tool-group[b-49matvo29w] {
        display: contents;
    }

    .match-manager__tool-group--broadcast[b-49matvo29w] {
        margin-left: 0;
    }

    .match-manager__tool-link[b-49matvo29w] {
        flex: 0 0 auto;
        min-width: 7.4rem;
        padding-inline: 0.7rem;
        white-space: nowrap;
    }

    .team-manager__primary-nav[b-49matvo29w]  .match-manager__round-nav {
        display: flex;
        flex-wrap: nowrap;
        gap: 0.55rem;
        margin: 0.6rem 0 0.75rem;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .team-manager__primary-nav[b-49matvo29w]  .match-manager__round-nav-item {
        flex: 0 0 min(82vw, 18rem);
    }

    [b-49matvo29w] .match-manager__state-card {
        padding: 1.25rem;
        border-radius: 18px;
    }

    .team-manager__stage-workspace-head[b-49matvo29w] {
        grid-template-columns: 1fr;
    }

    .team-manager__team-toolbar[b-49matvo29w] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .team-manager__team-pager[b-49matvo29w] {
        justify-content: space-between;
    }

    .team-manager__stage-workspace-actions[b-49matvo29w] {
        justify-content: flex-start;
    }

    .team-manager__scroll-hint[b-49matvo29w] {
        display: block;
    }

    .match-run-tabs[b-49matvo29w] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        touch-action: pan-x pan-y;
        scrollbar-width: none;
    }

    .match-run-tabs[b-49matvo29w]::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .match-run-chip[b-49matvo29w] {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .team-manager__round-overview[b-49matvo29w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .team-manager__switch[b-49matvo29w] {
        width: 100%;
    }

    [b-49matvo29w] .match-manager__table-grid {
        min-width: 920px;
    }

    .team-manager__stage-team-card header[b-49matvo29w] {
        flex-direction: column;
        align-items: flex-start;
    }

    .team-manager__team-card-head[b-49matvo29w] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .team-manager__team-meta[b-49matvo29w] {
        display: grid;
        gap: 0.2rem;
    }

    .team-manager__team-member[b-49matvo29w] {
        align-items: center;
    }

    .team-manager__fixture-filterbar[b-49matvo29w] {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .team-manager__fixture-filterbar > .team-manager__pager-button[b-49matvo29w],
    .team-manager__fixture-filterbar > .team-manager__fixture-bulk-button[b-49matvo29w] {
        margin-top: 0;
    }

    .team-manager__fixture-search[b-49matvo29w] {
        min-width: 0;
    }

    .team-manager__fixture-row-head[b-49matvo29w],
    .team-manager__fixture-row-summary[b-49matvo29w] {
        grid-template-columns: 1fr;
    }

    .team-manager__fixture-row-status[b-49matvo29w] {
        justify-items: start;
        white-space: normal;
    }

    .team-manager__round-note-row[b-49matvo29w] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .team-manager__fixture-team-summary > div[b-49matvo29w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__score-card,
    .team-manager__score-editor-shell[b-49matvo29w]  .battle-result-editor__mini-score {
        grid-template-columns: 1fr;
    }

    .team-manager__group-team[b-49matvo29w] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TeamMatchRoom.razor.rz.scp.css */
.team-room[b-bx880yc39b] {
    display: grid;
    gap: 1rem;
    max-width: 1320px;
    margin: 0 auto;
    padding: 1rem;
}

.team-room__hero[b-bx880yc39b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 100%);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.team-room__eyebrow[b-bx880yc39b],
.team-room__section-eyebrow[b-bx880yc39b] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.team-room__hero h1[b-bx880yc39b],
.team-room__panel-head h2[b-bx880yc39b],
.team-room__panel h2[b-bx880yc39b],
.team-room__team-card h3[b-bx880yc39b] {
    margin: 0;
    color: #0f172a;
}

.team-room__hero p[b-bx880yc39b],
.team-room__panel-head p[b-bx880yc39b],
.team-room__team-card-head p[b-bx880yc39b],
.team-room__panel p[b-bx880yc39b] {
    color: #64748b;
    font-weight: 700;
    line-height: 1.6;
}

.team-room__hero-actions[b-bx880yc39b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

[b-bx880yc39b] .team-room__panel {
    border: 0;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.team-room__panel-head[b-bx880yc39b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.team-room__panel-badge[b-bx880yc39b] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    background: #ffedd5;
    color: #9a3412;
    font-size: 0.75rem;
    font-weight: 900;
}

.team-room__row[b-bx880yc39b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0;
    border-top: 1px solid #e2e8f0;
}

.team-room__row:first-of-type[b-bx880yc39b] {
    border-top: 0;
}

.team-room__form-grid[b-bx880yc39b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: end;
}

.team-room__team-grid[b-bx880yc39b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0.75rem;
}

.team-room__team-card[b-bx880yc39b] {
    display: grid;
    gap: 0.7rem;
    padding: 0.85rem;
    border: 1px solid #d8e1ee;
    border-radius: 8px;
    background: #ffffff;
}

.team-room__team-card-head[b-bx880yc39b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.team-room__team-actions[b-bx880yc39b],
.team-room__dialog-actions[b-bx880yc39b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.team-room__team-actions[b-bx880yc39b] {
    flex-wrap: nowrap;
}

.team-room__icon-button[b-bx880yc39b] {
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0;
}

.team-room__icon-button--danger[b-bx880yc39b] {
    color: #e11d48;
}

.team-room__team-card-main[b-bx880yc39b] {
    display: grid;
    min-width: 0;
    gap: 0.45rem;
}

.team-room__rename-dialog[b-bx880yc39b] {
    display: grid;
    gap: 1rem;
}

.team-room__rename-copy[b-bx880yc39b] {
    display: grid;
    gap: 0.3rem;
}

.team-room__rename-copy strong[b-bx880yc39b] {
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 900;
}

.team-room__rename-copy p[b-bx880yc39b] {
    margin: 0;
    color: #64748b;
    line-height: 1.6;
}

.team-room__team-title[b-bx880yc39b] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.55rem;
}

.team-room__drop-badge[b-bx880yc39b] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.46rem;
    border: 1px solid #fecdd3;
    border-radius: 6px;
    background: #fff1f2;
    color: #be123c;
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
}

.team-room__team-title h3[b-bx880yc39b] {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.team-room__team-tag[b-bx880yc39b] {
    display: inline-grid;
    place-items: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.35rem;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-room__team-stats[b-bx880yc39b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.team-room__team-stats > div[b-bx880yc39b] {
    display: grid;
    gap: 0.18rem;
    padding: 0.65rem 0.7rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.team-room__team-stats span[b-bx880yc39b] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.team-room__team-stats strong[b-bx880yc39b] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.team-room__member-list[b-bx880yc39b] {
    display: grid;
    gap: 0.45rem;
}

.team-room__member-item[b-bx880yc39b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.team-room__member-item.is-captain[b-bx880yc39b] {
    border-color: #fed7aa;
    background: #fff7ed;
}

.team-room__member-meta[b-bx880yc39b] {
    display: grid;
    gap: 0.15rem;
}

.team-room__member-meta strong[b-bx880yc39b] {
    color: #0f172a;
}

.team-room__member-meta span[b-bx880yc39b] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
}

.team-room__lineup[b-bx880yc39b] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.team-room__lineup:first-of-type[b-bx880yc39b] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.team-room__lineup-slot[b-bx880yc39b] {
    display: grid;
    gap: 0.35rem;
}

.team-room__lineup-slot--readonly[b-bx880yc39b] {
    padding: 0.75rem 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #f8fbff;
}

.team-room__lineup-matchup[b-bx880yc39b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 16px;
    background: #ffffff;
}

.team-room__lineup-matchup-player[b-bx880yc39b] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.team-room__lineup-matchup-player--opponent[b-bx880yc39b] {
    text-align: right;
}

.team-room__lineup-matchup-label[b-bx880yc39b] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.team-room__lineup-matchup-player strong[b-bx880yc39b] {
    overflow-wrap: anywhere;
}

.team-room__lineup-matchup-vs[b-bx880yc39b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.team-room__lineup-slot span[b-bx880yc39b] {
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
}

.team-room__lineup-slot strong[b-bx880yc39b] {
    color: #0f172a;
}

.team-room__lineup-summary[b-bx880yc39b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #eff6ff;
}

.team-room__lineup-summary-badge[b-bx880yc39b] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-room__lineup-note[b-bx880yc39b] {
    display: inline-flex;
    width: fit-content;
    margin-top: 0.15rem;
    padding: 0.18rem 0.48rem;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.5;
}

.team-room__result-fixture[b-bx880yc39b] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.team-room__result-fixture:first-of-type[b-bx880yc39b] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.team-room__result-fixture-head[b-bx880yc39b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.team-room__result-editor-shell[b-bx880yc39b] {
    min-width: 0;
}

@media (max-width: 767.98px) {
    .team-room[b-bx880yc39b] {
        padding: 0.5rem;
    }

    .team-room__hero[b-bx880yc39b],
    .team-room__panel-head[b-bx880yc39b],
    .team-room__result-fixture-head[b-bx880yc39b],
    .team-room__row[b-bx880yc39b] {
        flex-direction: column;
        align-items: flex-start;
    }

    .team-room__team-card-head[b-bx880yc39b] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .team-room__member-item[b-bx880yc39b] {
        align-items: center;
    }

    .team-room__team-stats[b-bx880yc39b] {
        grid-template-columns: 1fr;
    }

    .team-room__lineup-matchup[b-bx880yc39b] {
        grid-template-columns: 1fr;
    }

    .team-room__lineup-matchup-player--opponent[b-bx880yc39b] {
        text-align: left;
    }

    .team-room__lineup-matchup-vs[b-bx880yc39b] {
        justify-self: start;
    }
}
/* /Pages/TeamMatchRun.razor.rz.scp.css */
.team-run[b-mfwglh2u3m] {
    --team-run-primary: var(--rz-primary, var(--primary, #2563eb));
    --team-run-primary-dark: var(--rz-primary-dark, #1d4ed8);
    --team-run-primary-soft: var(--rz-primary-lighter, #eff6ff);
    --team-run-surface: var(--rz-base-background-color, #ffffff);
    --team-run-surface-muted: var(--rz-base-100, #f8fafc);
    --team-run-surface-soft: var(--rz-base-200, #f1f5f9);
    --team-run-border: var(--rz-base-200, #e2e8f0);
    --team-run-text: var(--rz-text-color, #334155);
    --team-run-text-strong: var(--rz-text-title-color, #0f172a);
    --team-run-text-muted: var(--rz-text-secondary-color, #64748b);
    --team-run-success: var(--rz-success, #16a34a);
    --team-run-success-dark: var(--rz-success-dark, #166534);
    --team-run-success-soft: var(--rz-success-lighter, #dcfce7);
    --team-run-warning: var(--rz-warning, #d97706);
    --team-run-warning-dark: var(--rz-warning-dark, #92400e);
    --team-run-warning-soft: var(--rz-warning-lighter, #fef3c7);
    --team-run-danger: var(--rz-danger, #dc2626);
    --team-run-danger-dark: var(--rz-danger-dark, #991b1b);
    --team-run-danger-soft: var(--rz-danger-lighter, #fee2e2);
    --team-run-neutral: var(--rz-secondary, #64748b);
    --team-run-shadow: rgba(15, 23, 42, 0.08);
    display: grid;
    gap: 1rem;
    margin: 0 auto;
    padding: 1rem;
    max-width: 1320px;
}

.team-run__toolbar[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

[b-mfwglh2u3m] .rz-steps-buttons {
    display: none;
}

[b-mfwglh2u3m] .match-run-steps,
[b-mfwglh2u3m] .match-run-steps > ul,
[b-mfwglh2u3m] .match-run-steps > .rz-widget-content {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

[b-mfwglh2u3m] .match-run-steps > .rz-widget-content {
    flex-basis: auto;
}

.match-run-tabs[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin: 0.85rem 0;
    padding: 0.4rem;
    border: 1px solid var(--team-run-border);
    border-radius: 18px;
    background: var(--team-run-surface);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.match-run-round-summary[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0.75rem 0;
}

.team-run-elimination-table[b-mfwglh2u3m] {
    min-width: 0;
}

.team-run-elimination-table .team-run-simple__scroll[b-mfwglh2u3m] {
    border: 1px solid var(--team-run-border);
    border-radius: 8px;
}

.team-run-elimination-table__table[b-mfwglh2u3m] {
    min-width: 720px;
}

.team-run-elimination-table__table caption[b-mfwglh2u3m] {
    padding: 0 0 0.7rem;
}

.team-run-elimination-table__table .team-run-simple__team-name[b-mfwglh2u3m] {
    width: 30%;
    min-width: 11rem;
    text-align: left;
}

.team-run-elimination-table__match[b-mfwglh2u3m],
.team-run-elimination-table__score[b-mfwglh2u3m] {
    width: 1%;
    white-space: nowrap;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.match-run-chip[b-mfwglh2u3m] {
    border: 1px solid var(--team-run-border);
    border-radius: 999px;
    background: linear-gradient(180deg, var(--team-run-surface) 0%, var(--team-run-surface-muted) 100%);
    color: var(--team-run-text);
    font-weight: 700;
    padding: 0.55rem 1.05rem;
    line-height: 1.1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: 0.2s ease;
}

.match-run-chip:hover[b-mfwglh2u3m] {
    border-color: var(--team-run-primary);
    color: var(--team-run-primary-dark);
}

.match-run-chip.is-active[b-mfwglh2u3m] {
    background: linear-gradient(135deg, var(--team-run-primary) 0%, var(--team-run-primary-dark) 100%);
    color: #ffffff;
    border-color: var(--team-run-primary-dark);
    box-shadow: 0 12px 20px rgba(15, 23, 42, 0.2);
}

.match-run-section-head[b-mfwglh2u3m] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.25rem 0 0.75rem;
}

.match-run-section-head__eyebrow[b-mfwglh2u3m] {
    display: inline-block;
    margin-bottom: 0.3rem;
    color: var(--team-run-primary);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-run-section-head__title[b-mfwglh2u3m] {
    margin: 0;
    color: var(--team-run-text-strong);
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 900;
}

.match-run-section-head__description[b-mfwglh2u3m] {
    margin: 0.35rem 0 0;
    color: var(--team-run-text-muted);
    font-size: 0.98rem;
    font-weight: 700;
}

.match-run-section-head__meta[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
    align-items: center;
}

.match-run-status-badge[b-mfwglh2u3m] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: var(--team-run-surface-soft);
    color: var(--team-run-text);
    font-size: 0.78rem;
    font-weight: 700;
}

.match-run-status-badge--success[b-mfwglh2u3m] {
    background: var(--team-run-success-soft);
    color: var(--team-run-success-dark);
}

.match-run-status-badge--warning[b-mfwglh2u3m] {
    background: var(--team-run-warning-soft);
    color: var(--team-run-warning-dark);
}

.match-run-status-badge--danger[b-mfwglh2u3m] {
    background: var(--team-run-danger-soft);
    color: var(--team-run-danger-dark);
}

.match-run-status-badge--info[b-mfwglh2u3m] {
    background: var(--team-run-primary-soft);
    color: var(--team-run-primary-dark);
}

.match-run-table[b-mfwglh2u3m] {
    width: 100%;
    margin-top: 1rem;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    overflow: hidden;
    border: 1px solid var(--team-run-border);
    border-radius: 16px;
    background: var(--team-run-surface);
    box-shadow: 0 16px 32px var(--team-run-shadow);
}

.match-run-table caption[b-mfwglh2u3m] {
    caption-side: top;
    padding: 0.85rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--team-run-text-strong);
}

.match-run-table thead th[b-mfwglh2u3m] {
    background: var(--team-run-primary-soft);
    color: var(--team-run-primary-dark);
    font-size: 0.9rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--team-run-border);
    white-space: nowrap;
}

.match-run-table tbody td[b-mfwglh2u3m] {
    background: var(--team-run-surface);
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--team-run-border);
}

.match-run-table tbody tr:last-child td[b-mfwglh2u3m] {
    border-bottom: none;
}

.match-run-table tbody tr:hover td[b-mfwglh2u3m] {
    background: var(--team-run-surface-muted);
}

.match-run-table--compact thead th[b-mfwglh2u3m],
.match-run-table--compact tbody td[b-mfwglh2u3m] {
    padding: 0.75rem 0.9rem;
}

.match-run-summary[b-mfwglh2u3m] {
    margin-top: 1.5rem;
}

.match-run-group-grid[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.match-run-group-card[b-mfwglh2u3m] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--team-run-border);
    border-radius: 22px;
    background: linear-gradient(180deg, var(--team-run-surface) 0%, var(--team-run-surface-muted) 100%);
    box-shadow: 0 16px 36px var(--team-run-shadow);
}

.match-run-group-card__header[b-mfwglh2u3m] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.match-run-group-card__title[b-mfwglh2u3m] {
    margin: 0;
    color: var(--team-run-text-strong);
    font-size: 1.05rem;
    font-weight: 900;
}

.match-run-group-card__description[b-mfwglh2u3m] {
    margin: 0.25rem 0 0;
    color: var(--team-run-text-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.match-run-group-card__meta[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.match-run-group-card__table[b-mfwglh2u3m] {
    margin-top: 0;
    box-shadow: none;
    border: 1px solid var(--team-run-border);
}

.match-run-standings-list[b-mfwglh2u3m] {
    display: grid;
    gap: 0.48rem;
}

.match-run-standings-list__head[b-mfwglh2u3m],
.match-run-standing-row[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
}

.match-run-standings-list__head[b-mfwglh2u3m] {
    padding: 0 0.75rem;
    color: var(--team-run-text-muted);
    font-size: 0.78rem;
    font-weight: 900;
}

.match-run-standing-row[b-mfwglh2u3m] {
    min-width: 0;
    padding: 0.72rem 0.75rem;
    border: 1px solid var(--team-run-border);
    border-radius: 14px;
    background: var(--team-run-surface);
}

.match-run-standing-row--promoted[b-mfwglh2u3m] {
    border-color: var(--team-run-success-soft);
    background: color-mix(in srgb, var(--team-run-success-soft) 68%, var(--team-run-surface));
    box-shadow: inset 4px 0 0 var(--team-run-success);
}

.match-run-standing-rank[b-mfwglh2u3m] {
    display: inline-grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border-radius: 10px;
    background: var(--team-run-surface-soft);
    color: var(--team-run-text);
    font-weight: 900;
}

.match-run-standing-row--promoted .match-run-standing-rank[b-mfwglh2u3m] {
    background: var(--team-run-success-soft);
    color: var(--team-run-success-dark);
}

.match-run-standing-main[b-mfwglh2u3m] {
    display: grid;
    min-width: 0;
    gap: 0.42rem;
}

.match-run-standing-titleline[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: start;
}

.match-run-standing-team[b-mfwglh2u3m],
.match-run-table-team-name[b-mfwglh2u3m] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--team-run-text-strong);
    font-weight: 900;
    line-height: 1.35;
    overflow-wrap: break-word;
    word-break: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.team-run__drop-badge[b-mfwglh2u3m] {
    display: inline-flex;
    align-items: center;
    width: max-content;
    margin-top: 0.2rem;
    padding: 0.14rem 0.42rem;
    border: 1px solid #fecdd3;
    border-radius: 6px;
    background: #fff1f2;
    color: #be123c;
    font-size: 0.7rem;
    font-weight: 900;
}

.match-run-standing-score[b-mfwglh2u3m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.2rem;
    padding: 0.22rem 0.56rem;
    border-radius: 999px;
    background: var(--team-run-surface-soft);
    color: var(--team-run-text);
    font-size: 0.82rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.match-run-standing-score--positive[b-mfwglh2u3m] {
    background: var(--team-run-success-soft);
    color: var(--team-run-success-dark);
}

.match-run-standing-visuals[b-mfwglh2u3m] {
    display: grid;
    gap: 0.32rem;
}

.match-run-record-bars.match-run-record-bars--compact[b-mfwglh2u3m] {
    min-height: 1.35rem;
    border-radius: 999px;
}

.match-run-record-bars.match-run-record-bars--compact .match-run-record-bar[b-mfwglh2u3m] {
    min-width: 2.1rem;
    padding: 0.16rem 0.34rem;
    font-size: 0.72rem;
}

.match-run-standing-metrics[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem;
}

.match-run-standing-metrics span[b-mfwglh2u3m] {
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    background: var(--team-run-surface-soft);
    color: var(--team-run-text);
    font-size: 0.78rem;
    font-weight: 900;
    white-space: nowrap;
}

.match-run-rank-cell[b-mfwglh2u3m],
.match-run-count-cell[b-mfwglh2u3m],
.match-run-mini-cell[b-mfwglh2u3m] {
    width: 1%;
    white-space: nowrap;
}

.match-run-rank-cell[b-mfwglh2u3m] {
    text-align: center;
    color: var(--team-run-text-muted);
    font-weight: 900;
}

.match-run-team-cell[b-mfwglh2u3m] {
    min-width: 14rem;
}

.match-run-record-cell[b-mfwglh2u3m] {
    width: 13rem;
    min-width: 12rem;
}

.match-run-record-text[b-mfwglh2u3m] {
    white-space: nowrap;
    color: var(--team-run-text);
    font-weight: 800;
}

.match-run-record-empty[b-mfwglh2u3m] {
    color: var(--team-run-neutral);
    font-weight: 800;
}

.match-run-record-bars[b-mfwglh2u3m] {
    display: flex;
    min-height: 2rem;
    overflow: hidden;
    border-radius: 12px;
    background: var(--team-run-surface-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.match-run-record-bar[b-mfwglh2u3m] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: 0.25rem 0.45rem;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

.match-run-record-bar--win[b-mfwglh2u3m] {
    background: var(--team-run-success);
}

.match-run-record-bar--draw[b-mfwglh2u3m] {
    background: var(--team-run-warning);
}

.match-run-record-bar--lose[b-mfwglh2u3m] {
    background: var(--team-run-danger);
}

.match-run-pairing-card[b-mfwglh2u3m] {
    padding: 0.95rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #f8fbff 100%);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

.match-run-pairing-card__header[b-mfwglh2u3m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.match-run-pairing-card__title-block[b-mfwglh2u3m] {
    display: grid;
    gap: 0.4rem;
}

.match-run-pairing-card__vs[b-mfwglh2u3m] {
    color: #475569;
    font-size: 0.88rem;
    font-weight: 800;
}

.match-run-pairing-card__layout[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
}

.match-run-pairing-seat-badge[b-mfwglh2u3m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.9rem;
    font-weight: 900;
}

.match-run-competitor[b-mfwglh2u3m] {
    display: grid;
    gap: 0.25rem;
    align-content: center;
    justify-items: center;
    min-width: 0;
    min-height: 5.1rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid transparent;
    border-radius: 16px;
    background: rgba(248, 250, 252, 0.8);
    color: #334155;
    text-align: center;
}

.match-run-competitor.is-winner[b-mfwglh2u3m] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #14532d;
    font-weight: 700;
}

.match-run-competitor.is-muted[b-mfwglh2u3m] {
    border-color: #e2e8f0;
    background: #f8fafc;
    color: #94a3b8;
}

.match-run-competitor__name[b-mfwglh2u3m] {
    max-width: 100%;
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.match-run-competitor__meta[b-mfwglh2u3m] {
    max-width: 100%;
    font-size: 0.82rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.match-run-score[b-mfwglh2u3m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    min-width: 5.75rem;
    padding: 0.7rem 0.95rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #eef2ff 0%, #dbeafe 100%);
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.match-run-result-pill[b-mfwglh2u3m] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: 0.75rem;
    font-weight: 900;
}

.match-run-result-pill--win[b-mfwglh2u3m] {
    background: #bbf7d0;
    color: #166534;
}

.match-run-result-pill--lose[b-mfwglh2u3m] {
    background: #fee2e2;
    color: #991b1b;
}

.match-run-result-pill--draw[b-mfwglh2u3m] {
    background: #fef3c7;
    color: #92400e;
}

[b-mfwglh2u3m] .team-run__panel {
    border: 1px solid #d8e1ee;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.09);
}

[b-mfwglh2u3m] .team-run__roster-panel {
    overflow: hidden;
}

.team-run__roster-hero[b-mfwglh2u3m] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1.45fr);
    gap: 0.8rem;
    align-items: stretch;
    margin: -0.35rem -0.35rem 0.85rem;
    padding: 0.85rem;
    overflow: hidden;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a;
}

.team-run__roster-hero[b-mfwglh2u3m]::after {
    content: none;
}

.team-run__roster-hero > *[b-mfwglh2u3m] {
    position: relative;
    z-index: 1;
}

.team-run__roster-hero h2[b-mfwglh2u3m] {
    margin: 0.16rem 0 0;
    color: #0f172a;
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.2;
}

.team-run__roster-hero p[b-mfwglh2u3m] {
    max-width: 25rem;
    margin: 0.22rem 0 0;
    color: #64748b;
    font-weight: 700;
    line-height: 1.45;
}

.team-run__roster-hero .team-run__eyebrow[b-mfwglh2u3m] {
    color: #2563eb;
}

.team-run__roster-summary[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

.team-run__roster-stat[b-mfwglh2u3m] {
    display: grid;
    align-content: center;
    gap: 0.16rem;
    min-height: 62px;
    padding: 0.52rem 0.62rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
}

.team-run__roster-stat span[b-mfwglh2u3m],
.team-run__team-stats span[b-mfwglh2u3m],
.team-run__captain-line span[b-mfwglh2u3m],
.team-run__member-section-head span[b-mfwglh2u3m],
.team-run__team-card-foot[b-mfwglh2u3m] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.team-run__roster-stat span[b-mfwglh2u3m] {
    color: #2563eb;
}

.team-run__roster-stat strong[b-mfwglh2u3m] {
    color: #0f172a;
    font-size: clamp(1.15rem, 1.55vw, 1.45rem);
    font-weight: 900;
    line-height: 1;
}

.team-run__roster-stat small[b-mfwglh2u3m] {
    color: #64748b;
    font-weight: 800;
}

.team-run__roster-controls[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0 0 0.75rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.team-run__roster-controls > div:first-child[b-mfwglh2u3m] {
    display: grid;
    gap: 0.12rem;
}

.team-run__roster-controls strong[b-mfwglh2u3m] {
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 900;
}

.team-run__roster-controls span[b-mfwglh2u3m] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.team-run__roster-pager[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.team-run__pager-button[b-mfwglh2u3m] {
    min-height: 2.15rem;
    padding: 0.42rem 0.7rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 900;
    cursor: pointer;
}

.team-run__pager-button:hover:not(:disabled)[b-mfwglh2u3m] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.team-run__pager-button:disabled[b-mfwglh2u3m] {
    color: #94a3b8;
    cursor: not-allowed;
    background: #f1f5f9;
}

.team-run__team-grid[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0.65rem;
    align-items: start;
}

.team-run__empty-roster[b-mfwglh2u3m] {
    grid-column: 1 / -1;
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    padding: 2.5rem 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 22px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
}

.team-run__empty-roster .oi[b-mfwglh2u3m] {
    display: inline-grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 1.45rem;
}

.team-run__empty-roster strong[b-mfwglh2u3m] {
    color: #0f172a;
    font-size: 1.1rem;
}

.team-run__empty-roster p[b-mfwglh2u3m] {
    margin: 0;
}

.team-run__team-card[b-mfwglh2u3m] {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 0.55rem;
    padding: 0.72rem;
    overflow: hidden;
    border: 1px solid #d8e1ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.team-run__team-card:hover[b-mfwglh2u3m] {
    border-color: #93c5fd;
    background: #fbfdff;
}

.team-run__team-card[b-mfwglh2u3m]::before {
    content: none;
}

.team-run__team-card-head[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: 0.6rem;
    padding-top: 0;
}

.team-run__team-identity[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    min-width: 0;
}

.team-run__team-rank[b-mfwglh2u3m] {
    display: inline-grid;
    place-items: center;
    min-width: 2.15rem;
    height: 2.15rem;
    padding: 0 0.35rem;
    border-radius: 8px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 900;
    box-shadow: none;
}

.team-run__team-card h3[b-mfwglh2u3m] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: clamp(1.05rem, 1.35vw, 1.24rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.28;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.team-run__team-card-head p[b-mfwglh2u3m] {
    display: -webkit-box;
    margin: 0.16rem 0 0;
    overflow: hidden;
    color: #64748b;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.team-run__team-fill[b-mfwglh2u3m] {
    display: grid;
    gap: 0.3rem;
    padding: 0.52rem 0.6rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.team-run__team-fill-head[b-mfwglh2u3m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.team-run__team-fill-head span[b-mfwglh2u3m] {
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
}

.team-run__team-fill-head strong[b-mfwglh2u3m] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.team-run__team-fill-track[b-mfwglh2u3m] {
    height: 0.36rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--team-run-surface-soft);
}

.team-run__team-fill-track span[b-mfwglh2u3m] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2563eb, #06b6d4);
}

.team-run__capacity-text[b-mfwglh2u3m] {
    margin: 0;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 900;
}

.team-run__capacity-text.is-full[b-mfwglh2u3m] {
    color: #166534;
}

.team-run__capacity-text.is-short[b-mfwglh2u3m] {
    color: #b45309;
}

.team-run__capacity-text.is-over[b-mfwglh2u3m] {
    color: #b91c1c;
}

.team-run__team-stats[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 0.48rem 0.55rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
}

.team-run__team-stats > div[b-mfwglh2u3m] {
    display: grid;
    gap: 0.16rem;
    padding: 0 0.48rem;
    border: 0;
    border-right: 1px solid #e2e8f0;
    background: transparent;
}

.team-run__team-stats > div:last-child[b-mfwglh2u3m] {
    border-right: 0;
}

.team-run__team-stats strong[b-mfwglh2u3m] {
    color: #0f172a;
    min-width: 0;
    overflow: hidden;
    font-size: 0.98rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-run__captain-line[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    padding: 0.78rem 0.9rem;
    border: 1px solid #fed7aa;
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(251, 146, 60, 0.22), transparent 45%),
        linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    color: #9a3412;
}

.team-run__captain-avatar[b-mfwglh2u3m] {
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: #fb923c;
    color: #ffffff;
    font-weight: 900;
}

.team-run__captain-line span[b-mfwglh2u3m] {
    color: #c2410c;
}

.team-run__captain-line strong[b-mfwglh2u3m] {
    color: #7c2d12;
    display: block;
    margin-top: 0.1rem;
    font-size: 1.05rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.team-run__member-section[b-mfwglh2u3m] {
    display: grid;
    gap: 0.38rem;
}

.team-run__member-section-head[b-mfwglh2u3m] {
    display: flex;
    justify-content: space-between;
    gap: 0.65rem;
    align-items: center;
}

.team-run__member-list[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.team-run__member-pill[b-mfwglh2u3m] {
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
    min-width: min(100%, 9rem);
    padding: 0.3rem 0.42rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
    font-weight: 800;
    box-shadow: none;
}

.team-run__member-pill strong[b-mfwglh2u3m] {
    min-width: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-run__member-pill.is-captain[b-mfwglh2u3m] {
    border-color: #fed7aa;
    background: #fffaf2;
    color: #9a3412;
}

.team-run__member-pill small[b-mfwglh2u3m] {
    padding: 0.1rem 0.34rem;
    border-radius: 999px;
    background: #edf2f7;
    color: #475569;
    font-size: 0.68rem;
    font-weight: 900;
}

.team-run__member-pill.is-captain small[b-mfwglh2u3m] {
    background: #fb923c;
    color: #ffffff;
}

.team-run__member-more[b-mfwglh2u3m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.06rem;
    padding: 0.3rem 0.58rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 900;
}

.team-run__member-avatar[b-mfwglh2u3m] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-run__member-empty[b-mfwglh2u3m] {
    width: 100%;
    padding: 0.85rem;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
    text-align: center;
}

.team-run__team-card-foot[b-mfwglh2u3m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 0.1rem;
}

.team-run__team-status[b-mfwglh2u3m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.6rem;
    padding: 0.24rem 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}

.team-run__team-status.is-active[b-mfwglh2u3m] {
    background: #dbeafe;
    color: #1d4ed8;
}

.team-run__team-status.is-pending[b-mfwglh2u3m] {
    background: #fef3c7;
    color: #92400e;
}

.team-run__team-status.is-complete[b-mfwglh2u3m] {
    background: #dcfce7;
    color: #166534;
}

.team-run__hero[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(320px, 1.4fr);
    gap: 1rem;
    align-items: stretch;
    padding: 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.team-run__hero h1[b-mfwglh2u3m],
.team-run__round-heading h2[b-mfwglh2u3m] {
    margin: 0.2rem 0 0;
    color: #0f172a;
}

.team-run__eyebrow[b-mfwglh2u3m] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.team-run__summary-grid[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.85rem;
}

.team-run__summary-cell[b-mfwglh2u3m] {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.team-run__summary-cell span[b-mfwglh2u3m],
.team-run__meta-label[b-mfwglh2u3m] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.team-run__summary-cell strong[b-mfwglh2u3m] {
    color: #0f172a;
    font-size: 1.2rem;
}

.team-run__steps[b-mfwglh2u3m] {
    margin-top: 0.5rem;
}

.team-run__steps-spaced[b-mfwglh2u3m] {
    margin-top: 0.75rem;
}

.team-run__player-list[b-mfwglh2u3m] {
    margin-top: 1rem;
}

.team-run__player-card[b-mfwglh2u3m] {
    width: min(100%, 360px);
    margin-bottom: 1rem;
    border-radius: 18px;
}

.team-run__player-card-layout[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: 88px 1fr;
    gap: 0.9rem;
    align-items: center;
}

.team-run__avatar-frame[b-mfwglh2u3m] {
    grid-row: span 2;
    width: 82px;
    height: 82px;
    border-radius: 999px;
    overflow: hidden;
    border: 3px solid #dbeafe;
    background: #eff6ff;
}

.team-run__avatar[b-mfwglh2u3m] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-run__declaration[b-mfwglh2u3m] {
    color: #475569;
    overflow-wrap: anywhere;
}

.team-run__round-heading[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
}

.team-run__round-status[b-mfwglh2u3m] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0369a1;
    font-weight: 800;
}

.team-run__section-title[b-mfwglh2u3m] {
    margin: 1rem 0;
    color: #0f172a;
    text-align: center;
}

.team-run__section-title--compact[b-mfwglh2u3m] {
    margin-top: 1.25rem;
}

.team-run__scroll-shell[b-mfwglh2u3m],
.team-run__tab-content[b-mfwglh2u3m] {
    overflow-x: auto;
    padding-bottom: 0.35rem;
}

.team-run__bracket-svg[b-mfwglh2u3m] {
    display: block;
    margin: 0 auto;
}

.team-run__bracket-node[b-mfwglh2u3m] {
    fill: #f8fafc;
    stroke: #64748b;
    stroke-width: 1;
    fill-opacity: 0.4;
    stroke-opacity: 0.9;
}

.team-run__bracket-node--win[b-mfwglh2u3m] {
    stroke: #dc2626;
}

.team-run__bracket-node--active[b-mfwglh2u3m] {
    stroke: #0f172a;
}

.team-run__bracket-link[b-mfwglh2u3m] {
    fill: none;
    stroke: #0f172a;
    stroke-width: 1;
}

.team-run__bracket-link--active[b-mfwglh2u3m] {
    stroke-width: 3;
}

.team-run__bracket-link--win[b-mfwglh2u3m] {
    stroke: #dc2626;
    stroke-width: 3;
}

.team-run__final-link[b-mfwglh2u3m] {
    stroke-width: 5;
}

.team-run__final-link--strong[b-mfwglh2u3m] {
    stroke-width: 20;
}

.team-run__final-link--win[b-mfwglh2u3m] {
    stroke: #dc2626;
}

.team-run__final-link--active[b-mfwglh2u3m] {
    stroke: #0f172a;
}

.team-run__group-switcher[b-mfwglh2u3m] {
    gap: 0.35rem;
    margin: 0.5rem 0 1rem 0.25rem;
}

.team-run__group-button[b-mfwglh2u3m] {
    width: 90px;
    max-width: 90px;
}

.team-run__group-button--all[b-mfwglh2u3m] {
    width: 120px;
    max-width: 120px;
}

.team-run__standings-table[b-mfwglh2u3m] {
    min-width: 720px;
    border-radius: 16px;
    overflow: hidden;
}

.team-run__table-caption[b-mfwglh2u3m] {
    caption-side: top;
    color: var(--team-run-primary);
    font-size: 1.35rem;
    font-weight: 800;
}

.team-run__table-caption--dark[b-mfwglh2u3m] {
    color: var(--team-run-text-strong);
}

.team-run__team-cell[b-mfwglh2u3m] {
    width: 20%;
    min-width: 120px;
}

.team-run__count-cell[b-mfwglh2u3m] {
    width: 10%;
    color: var(--team-run-text-muted);
    white-space: nowrap;
}

.team-run__record-cell[b-mfwglh2u3m] {
    width: 25%;
    min-width: 180px;
}

.team-run__record-bars[b-mfwglh2u3m] {
    height: 25px;
}

.team-run__record-bar--win[b-mfwglh2u3m] {
    background-color: var(--team-run-success);
}

.team-run__record-bar--draw[b-mfwglh2u3m] {
    background-color: var(--team-run-warning);
}

.team-run__record-bar--lose[b-mfwglh2u3m] {
    background-color: var(--team-run-danger);
}

.team-run__tabs[b-mfwglh2u3m] {
    font-weight: 800;
}

.team-run__fixture-list[b-mfwglh2u3m] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.team-run__fixture[b-mfwglh2u3m] {
    display: grid;
    min-width: 0;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

.team-run__fixture-head[b-mfwglh2u3m] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.team-run__fixture-head h4[b-mfwglh2u3m] {
    margin: 0.15rem 0 0;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 900;
}

.team-run__fixture-head h4 span[b-mfwglh2u3m] {
    color: #94a3b8;
    font-size: 0.9rem;
}

.team-run__fixture-kicker[b-mfwglh2u3m] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.team-run__fixture-lineups[b-mfwglh2u3m] {
    display: grid;
    gap: 0.35rem;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.team-run__fixture-lineups p[b-mfwglh2u3m] {
    margin: 0;
    color: #475569;
    font-weight: 700;
}

.team-run__slot-list[b-mfwglh2u3m] {
    display: grid;
    gap: 0.55rem;
}

.team-run__slot-row[b-mfwglh2u3m] {
    display: grid;
    grid-template-columns: 86px minmax(120px, 1fr) minmax(88px, auto) minmax(120px, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.team-run__slot-number[b-mfwglh2u3m],
.team-run__slot-status[b-mfwglh2u3m] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 900;
}

.team-run__slot-player[b-mfwglh2u3m] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
    color: #0f172a;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.match-run-pairing-card[b-mfwglh2u3m],
.match-run-pairing-card__header[b-mfwglh2u3m],
.match-run-pairing-card__title-block[b-mfwglh2u3m],
.match-run-pairing-card__layout[b-mfwglh2u3m],
.team-run__slot-row[b-mfwglh2u3m] {
    min-width: 0;
}

.match-run-pairing-card__vs[b-mfwglh2u3m],
.team-run__fixture h4[b-mfwglh2u3m],
.team-run__fixture p[b-mfwglh2u3m],
.team-run__slot-note[b-mfwglh2u3m],
.team-run__duel-player[b-mfwglh2u3m],
.team-run__duel-meta[b-mfwglh2u3m] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.team-run__slot-player--winner[b-mfwglh2u3m] {
    color: #dc2626;
}

.team-run__slot-note[b-mfwglh2u3m] {
    display: inline-flex;
    width: fit-content;
    margin-top: 0.18rem;
    padding: 0.16rem 0.42rem;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.4;
}

.team-run__slot-score[b-mfwglh2u3m] {
    justify-self: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.95rem;
    font-weight: 900;
    white-space: nowrap;
}

.team-run__match-row[b-mfwglh2u3m] {
    align-items: center;
    padding: 0.5rem;
}

.team-run__table-number[b-mfwglh2u3m] {
    margin-top: 0.5rem;
    color: #64748b;
    font-size: 2rem;
    font-weight: 800;
    line-height: 3.75rem;
}

.team-run__duel-player[b-mfwglh2u3m] {
    color: #0f172a;
}

.team-run__duel-player--winner[b-mfwglh2u3m] {
    font-weight: 800;
}

.team-run__duel-player--muted[b-mfwglh2u3m] {
    color: #cbd5e1;
}

.team-run__duel-id[b-mfwglh2u3m] {
    font-size: 1.1rem;
    font-weight: 700;
}

.team-run__duel-id--small[b-mfwglh2u3m],
.team-run__duel-meta[b-mfwglh2u3m] {
    font-size: 0.9rem;
}

.team-run__duel-meta--small[b-mfwglh2u3m] {
    font-size: 0.75rem;
}

.team-run__duel-score[b-mfwglh2u3m] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0f172a;
    font-size: 2rem;
    font-weight: 800;
}

.team-run__match-card[b-mfwglh2u3m] {
    width: 333px;
}

.team-run__match-card-table[b-mfwglh2u3m] {
    font-size: 1.1rem;
    font-weight: 800;
}

@media (max-width: 1100px) {
    .team-run__roster-hero[b-mfwglh2u3m] {
        grid-template-columns: 1fr;
    }

    .team-run__roster-summary[b-mfwglh2u3m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .team-run[b-mfwglh2u3m] {
        padding: 0.5rem;
    }

    .match-run-section-head__meta[b-mfwglh2u3m] {
        justify-content: flex-start;
    }

    .match-run-pairing-card__layout[b-mfwglh2u3m] {
        grid-template-columns: 1fr;
        justify-items: stretch;
        text-align: center;
    }

    .team-run__roster-hero[b-mfwglh2u3m],
    .team-run__roster-summary[b-mfwglh2u3m] {
        grid-template-columns: 1fr;
    }

    .team-run__roster-hero[b-mfwglh2u3m] {
        margin: -0.35rem -0.35rem 0.75rem;
        padding: 0.75rem;
    }

    .team-run__team-grid[b-mfwglh2u3m] {
        grid-template-columns: 1fr;
    }

    .team-run__team-stats[b-mfwglh2u3m] {
        grid-template-columns: 1fr;
    }

    .team-run__team-stats > div[b-mfwglh2u3m] {
        padding: 0.42rem 0;
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .team-run__team-stats > div:last-child[b-mfwglh2u3m] {
        border-bottom: 0;
    }

    .team-run__team-card-head[b-mfwglh2u3m] {
        grid-template-columns: 1fr;
    }

    .team-run__team-status[b-mfwglh2u3m] {
        justify-self: start;
    }

    .team-run__team-card-foot[b-mfwglh2u3m] {
        align-items: flex-start;
        flex-direction: column;
    }

    .team-run__hero[b-mfwglh2u3m] {
        grid-template-columns: 1fr;
    }

    .team-run__player-card-layout[b-mfwglh2u3m] {
        grid-template-columns: 1fr;
    }

    .team-run__avatar-frame[b-mfwglh2u3m] {
        grid-row: auto;
    }

    .team-run__standings-table[b-mfwglh2u3m] {
        min-width: 640px;
    }

    .team-run__slot-row[b-mfwglh2u3m] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .team-run__duel-score[b-mfwglh2u3m] {
        padding: 0.75rem 0;
        font-size: 1.5rem;
    }
}

.match-run-scroll-hint[b-mfwglh2u3m] {
    display: none;
    margin: 0.75rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

.team-run-simple[b-mfwglh2u3m] {
    margin-top: 1.25rem;
    padding: 0 1.1rem 1.2rem;
    border: 1px solid var(--team-run-border);
    border-radius: 14px;
    background: var(--team-run-surface);
    box-shadow: 0 10px 26px var(--team-run-shadow);
    overflow: hidden;
}

.team-run-simple__title[b-mfwglh2u3m] {
    margin: 0 -1.1rem 0.35rem;
    padding: 0.6rem 1rem;
    background: linear-gradient(135deg, var(--team-run-primary) 0%, var(--team-run-primary-dark) 100%);
    color: #ffffff;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-align: center;
}

.team-run-simple__scroll[b-mfwglh2u3m] {
    overflow-x: auto;
    margin-top: 1rem;
    border-radius: 10px;
}

.team-run-simple__table[b-mfwglh2u3m] {
    width: 100%;
    border-collapse: collapse;
    background: var(--team-run-surface);
    font-size: 0.9rem;
}

.team-run-simple__table caption[b-mfwglh2u3m] {
    caption-side: top;
    padding: 0.4rem 0.15rem;
    color: var(--team-run-primary);
    font-size: 0.95rem;
    font-weight: 800;
    text-align: left;
}

.team-run-simple__table th[b-mfwglh2u3m],
.team-run-simple__table td[b-mfwglh2u3m] {
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--team-run-border);
    color: var(--team-run-text);
    text-align: center;
    vertical-align: middle;
}

.team-run-simple__table thead th[b-mfwglh2u3m] {
    padding: 0.55rem 0.7rem;
    border-color: var(--team-run-primary-dark);
    background: var(--team-run-primary);
    color: #ffffff;
    font-weight: 800;
    white-space: nowrap;
}

.team-run-simple__table tbody tr:nth-child(even) td[b-mfwglh2u3m] {
    background: var(--team-run-surface-muted);
}

.team-run-simple__table tbody th[b-mfwglh2u3m] {
    background: var(--team-run-primary-soft);
    color: var(--team-run-primary-dark);
    font-weight: 800;
}

.team-run-simple__team-name[b-mfwglh2u3m] {
    min-width: 7rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.team-run-simple__team-name.is-winner[b-mfwglh2u3m] {
    background: var(--team-run-success-soft) !important;
    font-weight: 800;
}

.team-run-simple__player[b-mfwglh2u3m] {
    min-width: 6rem;
    overflow-wrap: anywhere;
}

.team-run-simple__player.is-winner[b-mfwglh2u3m] {
    color: var(--team-run-danger);
    font-weight: 800;
}

.team-run-simple__round-cell[b-mfwglh2u3m] {
    color: var(--team-run-text-muted);
    font-weight: 700;
    white-space: nowrap;
}

.team-run-simple__score-cell[b-mfwglh2u3m] {
    min-width: 4.5rem;
    color: var(--team-run-text-strong);
    font-weight: 800;
    white-space: nowrap;
}

.team-run-simple__score-cell small[b-mfwglh2u3m] {
    display: block;
    margin-top: 0.1rem;
    color: var(--team-run-neutral);
    font-weight: 700;
}

.team-run-simple__slot-cell[b-mfwglh2u3m] {
    color: var(--team-run-text-muted);
    white-space: nowrap;
}

.team-run-simple__slot-cell small[b-mfwglh2u3m] {
    display: block;
    color: var(--team-run-neutral);
}

.team-run-simple__fixture-start td[b-mfwglh2u3m] {
    border-top: 2px solid var(--team-run-primary);
}

.team-run-simple__result[b-mfwglh2u3m] {
    display: block;
    font-weight: 800;
    white-space: nowrap;
}

.team-run-simple__result--win[b-mfwglh2u3m] {
    color: var(--team-run-success);
}

.team-run-simple__result--lose[b-mfwglh2u3m] {
    color: var(--team-run-danger);
}

.team-run-simple__result--draw[b-mfwglh2u3m] {
    color: var(--team-run-warning-dark);
}

.team-run-simple__result--pending[b-mfwglh2u3m],
.team-run-simple__cell--pending[b-mfwglh2u3m] {
    color: var(--team-run-neutral);
    font-weight: 700;
}

.team-run-simple__cell--self[b-mfwglh2u3m] {
    background: var(--team-run-surface-soft);
    color: var(--team-run-neutral);
}

@media (max-width: 991.98px) {
    .match-run-scroll-hint[b-mfwglh2u3m] {
        display: block;
    }

    .team-run-simple__table[b-mfwglh2u3m] {
        min-width: 640px;
    }
}
/* /Pages/TeamPrintCard.razor.rz.scp.css */
.team-print-card__heading[b-ftlio9lcfb] {
    display: none;
}

.team-print-card__content[b-ftlio9lcfb] {
    min-width: 0;
}

@media print {
    .team-print-card[b-ftlio9lcfb] {
        display: block;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .team-print-card__heading[b-ftlio9lcfb] {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 1mm;
        padding-bottom: 1mm;
        border-bottom: 1px solid #475569;
        color: #0f172a;
        font-size: 10pt;
        line-height: 20px;
    }

    .team-print-card__heading > strong[b-ftlio9lcfb] {
        font-size: 14pt;
    }

    .team-print-card__heading span strong[b-ftlio9lcfb] {
        font-size: 11pt;
        font-weight: 700;
    }

    .team-print-card__content--team[b-ftlio9lcfb] {
        overflow: visible;
        width: 100%;
        padding: 0;
        border: 0;
        font-size: 16px;
        line-height: 24px;
        zoom: 0.92;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__header {
        height: 40px !important;
        font-size: 1.3rem !important;
        line-height: 40px !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__name {
        font-weight: 700 !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__level {
        font-size: 1.12rem !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__move,
    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__detail {
        font-size: 1.1rem !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__type {
        width: 64px !important;
        font-size: 1rem !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__sprite-frame {
        width: 150px !important;
        height: 150px !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__sprite {
        width: 112px !important;
        height: 112px !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__move,
    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__detail-content,
    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__detail-value {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__detail-label {
        flex: 0 0 auto;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__detail-content {
        flex-wrap: nowrap !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__detail-value {
        flex: 1 1 auto;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__ability-row {
        height: 38px !important;
        line-height: 38px !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__item-row {
        height: 36px !important;
        line-height: 36px !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__nature-cell {
        height: 32px !important;
        line-height: 32px !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__ability-cell,
    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__item-name-cell {
        flex: 0 0 82%;
        max-width: 82%;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__item-icon-cell,
    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__item-spacer-cell {
        flex: 0 0 18%;
        max-width: 18%;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__item-icon-cell {
        justify-content: center;
        padding-right: 0;
        padding-left: 0;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card__item-icon-cell .sprite-xyitems {
        margin-top: 19px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .team-card-grid {
        row-gap: 10mm;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .row {
        margin-right: 0;
        margin-left: 0;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .team-print-card__content--team[b-ftlio9lcfb]  .rz-card {
        box-shadow: none !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Pages/TeamReport.razor.rz.scp.css */
.team-report[b-59tlgtf355] {
    display: grid;
    gap: 1.25rem;
    max-width: 1320px;
    margin: 0 auto;
    padding: 1rem;
}

.team-report--loading[b-59tlgtf355] {
    color: #475569;
    font-weight: 700;
}

.team-report__hero[b-59tlgtf355],
.team-report__card[b-59tlgtf355] {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.team-report__hero[b-59tlgtf355] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.team-report__eyebrow[b-59tlgtf355],
.team-report__card-kicker[b-59tlgtf355] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.team-report__hero h1[b-59tlgtf355],
.team-report__card h2[b-59tlgtf355] {
    margin: 0.25rem 0 0;
    color: #0f172a;
}

.team-report__hero p[b-59tlgtf355] {
    margin: 0.6rem 0 0;
    color: #475569;
    font-weight: 700;
}

.team-report__hero-actions[b-59tlgtf355],
.team-report__article-actions[b-59tlgtf355],
.team-report__team-actions[b-59tlgtf355],
.team-report__panel-actions[b-59tlgtf355],
.team-report__comment-toolbar[b-59tlgtf355] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.team-report__hero-link[b-59tlgtf355],
.team-report__action-link[b-59tlgtf355] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.7rem 1rem;
    border-radius: 14px;
    color: #2563eb;
    font-weight: 800;
    text-decoration: none;
    background: #eff6ff;
}

.team-report__hero-link--primary[b-59tlgtf355] {
    color: #ffffff;
    background: #2563eb;
}

.team-report__layout[b-59tlgtf355] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.25rem;
    align-items: start;
}

.team-report__main[b-59tlgtf355],
.team-report__sidebar[b-59tlgtf355],
.team-report__panel[b-59tlgtf355],
.team-report__comments[b-59tlgtf355] {
    display: grid;
    gap: 1rem;
}

.team-report__card[b-59tlgtf355] {
    padding: 1.25rem;
}

.team-report__article[b-59tlgtf355],
.team-report__feed[b-59tlgtf355] {
    display: grid;
    gap: 1rem;
}

.team-report__article-header[b-59tlgtf355],
.team-report__panel-heading[b-59tlgtf355] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e2e8f0;
}

.team-report__article-meta[b-59tlgtf355] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin-top: 0.5rem;
    color: #64748b;
    font-weight: 700;
}

.team-report__author-line[b-59tlgtf355] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.team-report__stat-strip[b-59tlgtf355] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
}

.team-report__stat-strip div[b-59tlgtf355] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #eff6ff;
}

.team-report__stat-strip span[b-59tlgtf355] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
}

.team-report__stat-strip strong[b-59tlgtf355] {
    color: #0f172a;
    font-size: 1rem;
}

.team-report__sprite-strip[b-59tlgtf355] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    gap: 0.75rem;
}

.team-report__sprite-strip--compact[b-59tlgtf355] {
    grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));
}

.team-report__sprite-card[b-59tlgtf355] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    padding: 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
}

.team-report__sprite-card--compact[b-59tlgtf355] {
    min-height: 72px;
}

.team-report__sprite-card img[b-59tlgtf355] {
    max-width: 100%;
    height: auto;
}

.team-report__content[b-59tlgtf355] {
    color: #0f172a;
    line-height: 1.75;
}

.team-report__content[b-59tlgtf355]  img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

.team-report__reaction-row[b-59tlgtf355] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.team-report__reaction-button[b-59tlgtf355] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-weight: 800;
}

.team-report__reaction-button--active[b-59tlgtf355] {
    color: #d97706;
    border-color: #facc15;
    background: #fef9c3;
}

.team-report__reaction-button--favorite[b-59tlgtf355] {
    color: #be123c;
    border-color: #fda4af;
    background: #fff1f2;
}

.team-report__comment-composer[b-59tlgtf355],
.team-report__reply-composer[b-59tlgtf355] {
    display: grid;
    gap: 0.75rem;
}

.team-report__comment-input[b-59tlgtf355] {
    width: 100%;
    resize: none;
}

.team-report__emoji-button[b-59tlgtf355] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.6rem 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #ffffff;
    color: #2563eb;
    font-weight: 800;
}

.team-report__emoji-panel[b-59tlgtf355] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
}

.team-report__emoji-search[b-59tlgtf355] {
    width: 100%;
}

.team-report__emoji-grid[b-59tlgtf355] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
    gap: 0.5rem;
}

.team-report__emoji-item[b-59tlgtf355] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #ffffff;
}

.team-report__emoji-item img[b-59tlgtf355],
.team-report__comment-emoji[b-59tlgtf355]  img,
.team-report__comment-emoji img[b-59tlgtf355] {
    max-width: 100%;
    height: auto;
}

.team-report__comment-card[b-59tlgtf355],
.team-report__reply-card[b-59tlgtf355] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.team-report__comment-card:last-child[b-59tlgtf355],
.team-report__reply-card:last-child[b-59tlgtf355] {
    border-bottom: 0;
}

.team-report__comment-avatar img[b-59tlgtf355] {
    width: 70px;
    height: 70px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #dbeafe;
}

.team-report__reply-avatar img[b-59tlgtf355] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #dbeafe;
}

.team-report__comment-body[b-59tlgtf355],
.team-report__reply-body[b-59tlgtf355],
.team-report__comment-content[b-59tlgtf355],
.team-report__reply-list[b-59tlgtf355] {
    display: grid;
    gap: 0.6rem;
}

.team-report__comment-author[b-59tlgtf355] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    color: #be185d;
    font-weight: 900;
}

.team-report__comment-text[b-59tlgtf355] {
    color: #0f172a;
    line-height: 1.7;
    word-break: break-word;
}

.team-report__comment-footer[b-59tlgtf355] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    color: #64748b;
    font-size: 0.92rem;
}

.team-report__reply-button[b-59tlgtf355] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #2563eb;
    font-weight: 800;
}

.team-report__reply-button--danger[b-59tlgtf355] {
    color: #dc2626;
}

.team-report__post-card[b-59tlgtf355] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.team-report__post-card:last-child[b-59tlgtf355] {
    border-bottom: 0;
}

.team-report__post-card-head[b-59tlgtf355] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.team-report__post-card-head span[b-59tlgtf355] {
    color: #64748b;
    font-weight: 700;
}

.team-report__post-card-title[b-59tlgtf355] {
    display: block;
    margin-top: 0.35rem;
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 900;
    text-decoration: none;
}

.team-report__comment-badge[b-59tlgtf355] {
    display: inline-flex;
    min-width: 34px;
    justify-content: center;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb !important;
    font-weight: 900 !important;
}

.team-report__post-card-meta[b-59tlgtf355] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.team-report__author[b-59tlgtf355] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: #334155;
    font-weight: 800;
}

.team-report__author img[b-59tlgtf355] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid #dbeafe;
    background: #ffffff;
}

.team-report__panel-heading strong[b-59tlgtf355] {
    color: #2563eb;
    font-size: 1.05rem;
}

.team-report__search-input[b-59tlgtf355] {
    width: 100%;
}

.team-report__side-link[b-59tlgtf355] {
    color: #0f172a;
    font-weight: 800;
    text-decoration: none;
    padding: 0.85rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.team-report__empty[b-59tlgtf355] {
    color: #64748b;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .team-report__hero[b-59tlgtf355],
    .team-report__layout[b-59tlgtf355],
    .team-report__article-header[b-59tlgtf355],
    .team-report__panel-heading[b-59tlgtf355],
    .team-report__post-card-head[b-59tlgtf355],
    .team-report__post-card-meta[b-59tlgtf355] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    .team-report__comment-card[b-59tlgtf355],
    .team-report__reply-card[b-59tlgtf355] {
        grid-template-columns: 1fr;
    }

    .team-report__comment-avatar img[b-59tlgtf355],
    .team-report__reply-avatar img[b-59tlgtf355] {
        width: 52px;
        height: 52px;
    }

    .team-report__hero-link[b-59tlgtf355],
    .team-report__action-link[b-59tlgtf355] {
        width: 100%;
    }
}
/* /Pages/ThrowCoin.razor.rz.scp.css */
.throw-coin-page[b-t460wd9ui8] {
    display: flex;
    justify-content: center;
    width: 100%;
    min-width: 0;
    padding: 1rem 0;
}

.throw-coin-page__coin[b-t460wd9ui8] {
    width: min(500px, 100%);
    height: auto;
    cursor: pointer;
}
/* /Pages/UsageDemo.razor.rz.scp.css */
.usage-demo-page[b-r9igvhgxgy] {
    max-width: 1920px;
    margin: 0 auto;
    padding: 1rem 1.5rem;
}

.usage-demo-page h1[b-r9igvhgxgy] {
    margin-bottom: 0.35rem;
}

.usage-demo-page__meta[b-r9igvhgxgy] {
    color: #475569;
}

.usage-demo-page__block[b-r9igvhgxgy] {
    margin-top: 1.5rem;
    padding: 1rem 1.25rem 1.5rem;
    border: 1px solid #dbe3ee;
    border-radius: 24px;
    background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.06);
}

.usage-demo-page__block h2[b-r9igvhgxgy] {
    margin-bottom: 0.75rem;
}
/* /Pages/Usage/MatchUsageCoreDisplay.razor.rz.scp.css */
.usage-analysis-empty[b-t2wz51atpi] {
    padding: 2rem 0;
    color: #64748b;
}

.usage-core-grid[b-t2wz51atpi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.usage-core-card[b-t2wz51atpi] {
    padding: 1rem;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.usage-core-card__sprites[b-t2wz51atpi] {
    position: relative;
    height: 120px;
    margin-bottom: 0.8rem;
}

.usage-core-card__sprite[b-t2wz51atpi] {
    position: absolute;
    top: 50%;
    width: 92px;
    height: 92px;
    object-fit: contain;
    transform: translateY(-50%);
}

.usage-core-card__sprite--first[b-t2wz51atpi] {
    left: 20%;
}

.usage-core-card__sprite--second[b-t2wz51atpi] {
    right: 20%;
}

.usage-core-card__name[b-t2wz51atpi] {
    color: #0f172a;
    font-weight: 700;
}

.usage-core-card__meta[b-t2wz51atpi] {
    margin-top: 0.4rem;
    color: #64748b;
    font-size: 0.9rem;
}

@media (max-width: 600px) {
    .usage-core-grid[b-t2wz51atpi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .usage-core-card[b-t2wz51atpi] {
        min-width: 0;
        padding: 0.65rem;
    }

    .usage-core-card__sprites[b-t2wz51atpi] {
        height: 82px;
        margin-bottom: 0.5rem;
    }

    .usage-core-card__sprite[b-t2wz51atpi] {
        width: 62px;
        height: 62px;
    }

    .usage-core-card__sprite--first[b-t2wz51atpi] {
        left: 8%;
    }

    .usage-core-card__sprite--second[b-t2wz51atpi] {
        right: 8%;
    }

    .usage-core-card__name[b-t2wz51atpi] {
        font-size: 0.82rem;
        overflow-wrap: anywhere;
    }

    .usage-core-card__meta[b-t2wz51atpi] {
        margin-top: 0.25rem;
        font-size: 0.74rem;
    }
}
/* /Pages/Usage/MatchUsageMegaDisplay.razor.rz.scp.css */
.usage-analysis-empty[b-3h3gwyt2xf] {
    padding: 2rem 0;
    color: #64748b;
}

.usage-mega-summary[b-3h3gwyt2xf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0.85rem;
    border-block: 1px solid #dbe3ee;
    background: #f8fafc;
}

.usage-mega-summary > div[b-3h3gwyt2xf] {
    display: grid;
    gap: 0.15rem;
    padding: 0.7rem 1rem;
    border-right: 1px solid #dbe3ee;
}

.usage-mega-summary > div:last-child[b-3h3gwyt2xf] {
    border-right: 0;
}

.usage-mega-summary span[b-3h3gwyt2xf] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.usage-mega-summary strong[b-3h3gwyt2xf] {
    color: #0f172a;
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.usage-mega-table[b-3h3gwyt2xf] {
    overflow: hidden;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
}

.usage-mega-table__header[b-3h3gwyt2xf],
.usage-mega-row[b-3h3gwyt2xf] {
    display: grid;
    grid-template-columns: 64px minmax(220px, 1.25fr) 120px minmax(210px, 1fr);
    align-items: center;
    gap: 0.9rem;
}

.usage-mega-table__header[b-3h3gwyt2xf] {
    min-height: 42px;
    padding: 0.45rem 1rem;
    border-bottom: 1px solid #dbe3ee;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.usage-mega-row[b-3h3gwyt2xf] {
    min-height: 70px;
    padding: 0.45rem 1rem;
    border-bottom: 1px solid #eef2f7;
    color: #0f172a;
}

.usage-mega-row:last-child[b-3h3gwyt2xf] {
    border-bottom: 0;
}

.usage-mega-row__rank[b-3h3gwyt2xf] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.usage-mega-row__identity[b-3h3gwyt2xf] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
}

.usage-mega-row__identity strong[b-3h3gwyt2xf] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usage-mega-row__sprite[b-3h3gwyt2xf] {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.usage-mega-row__count[b-3h3gwyt2xf] {
    color: #334155;
    font-variant-numeric: tabular-nums;
}

.usage-mega-row__rate[b-3h3gwyt2xf] {
    display: grid;
    grid-template-columns: 58px minmax(90px, 1fr);
    align-items: center;
    gap: 0.7rem;
    font-variant-numeric: tabular-nums;
}

.usage-mega-row__rate > strong[b-3h3gwyt2xf] {
    text-align: right;
}

.usage-mega-row__meter[b-3h3gwyt2xf] {
    display: block;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.usage-mega-row__meter > span[b-3h3gwyt2xf] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #e85d4a;
}

@media (max-width: 767.98px) {
    .usage-mega-summary > div[b-3h3gwyt2xf] {
        padding: 0.6rem;
    }

    .usage-mega-summary span[b-3h3gwyt2xf] {
        font-size: 0.7rem;
    }

    .usage-mega-summary strong[b-3h3gwyt2xf] {
        font-size: 0.9rem;
    }

    .usage-mega-table__header[b-3h3gwyt2xf] {
        display: none;
    }

    .usage-mega-row[b-3h3gwyt2xf] {
        grid-template-columns: 32px 48px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 0.15rem 0.55rem;
        min-height: 72px;
        padding: 0.55rem 0.65rem;
    }

    .usage-mega-row__rank[b-3h3gwyt2xf] {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .usage-mega-row__identity[b-3h3gwyt2xf] {
        display: contents;
    }

    .usage-mega-row__sprite[b-3h3gwyt2xf] {
        grid-column: 2;
        grid-row: 1 / span 2;
        width: 46px;
        height: 46px;
    }

    .usage-mega-row__identity strong[b-3h3gwyt2xf] {
        grid-column: 3;
        grid-row: 1;
        align-self: end;
    }

    .usage-mega-row__count[b-3h3gwyt2xf] {
        grid-column: 3;
        grid-row: 2;
        color: #64748b;
        font-size: 0.76rem;
    }

    .usage-mega-row__rate[b-3h3gwyt2xf] {
        grid-column: 3;
        grid-row: 2;
        grid-template-columns: auto 64px;
        justify-self: end;
        gap: 0.35rem;
        font-size: 0.76rem;
    }
}
/* /Pages/Usage/MatchUsageVictoryDisplay.razor.rz.scp.css */
.usage-analysis-empty[b-w6y5t7lppq] {
    padding: 2rem 0;
    color: #64748b;
}

.usage-victory-toolbar[b-w6y5t7lppq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.usage-victory-toolbar input[b-w6y5t7lppq] {
    width: min(100%, 320px);
    min-height: 2.6rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #0f172a;
}

.usage-victory-toolbar input:focus-visible[b-w6y5t7lppq] {
    border-color: #2563eb;
    outline: 2px solid rgba(37, 99, 235, 0.18);
    outline-offset: 1px;
}

.usage-victory-toolbar > span[b-w6y5t7lppq] {
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
    white-space: nowrap;
}

.usage-victory-table[b-w6y5t7lppq] {
    overflow: hidden;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
}

.usage-victory-table__header[b-w6y5t7lppq],
.usage-victory-row[b-w6y5t7lppq] {
    display: grid;
    grid-template-columns: 58px minmax(180px, 1.35fr) 120px 76px minmax(180px, 1fr) 32px;
    align-items: center;
    gap: 0.85rem;
}

.usage-victory-table__header[b-w6y5t7lppq] {
    min-height: 42px;
    padding: 0.45rem 1rem;
    border-bottom: 1px solid #dbe3ee;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.usage-victory-row[b-w6y5t7lppq] {
    width: 100%;
    min-height: 64px;
    padding: 0.45rem 1rem;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
    color: #0f172a;
    font: inherit;
    text-align: left;
}

button.usage-victory-row[b-w6y5t7lppq] {
    cursor: pointer;
    transition: background 0.12s ease, box-shadow 0.12s ease;
}

button.usage-victory-row:hover[b-w6y5t7lppq] {
    background: #f8fbff;
    box-shadow: inset 3px 0 0 #2563eb;
}

button.usage-victory-row:focus-visible[b-w6y5t7lppq],
.usage-victory-panel__back:focus-visible[b-w6y5t7lppq],
.usage-victory-more:focus-visible[b-w6y5t7lppq] {
    position: relative;
    z-index: 1;
    outline: 2px solid #2563eb;
    outline-offset: -2px;
}

.usage-victory-row:last-child[b-w6y5t7lppq] {
    border-bottom: 0;
}

.usage-victory-row__rank[b-w6y5t7lppq] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.usage-victory-row__identity[b-w6y5t7lppq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.usage-victory-row__identity strong[b-w6y5t7lppq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usage-victory-row__sprite[b-w6y5t7lppq] {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.usage-victory-row__record[b-w6y5t7lppq],
.usage-victory-row__matches[b-w6y5t7lppq] {
    color: #334155;
    font-variant-numeric: tabular-nums;
}

.usage-victory-row__rate[b-w6y5t7lppq] {
    display: grid;
    grid-template-columns: 54px minmax(70px, 1fr);
    align-items: center;
    gap: 0.65rem;
    font-variant-numeric: tabular-nums;
}

.usage-victory-row__rate strong[b-w6y5t7lppq] {
    text-align: right;
}

.usage-victory-row__meter[b-w6y5t7lppq] {
    display: block;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.usage-victory-row__meter > span[b-w6y5t7lppq] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #2563eb;
}

.usage-victory-row__arrow[b-w6y5t7lppq] {
    color: #94a3b8;
}

.usage-victory-panel[b-w6y5t7lppq] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.usage-victory-panel__header[b-w6y5t7lppq] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #f8fafc;
}

.usage-victory-panel__back[b-w6y5t7lppq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.4rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.usage-victory-panel__identity[b-w6y5t7lppq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.usage-victory-panel__sprite[b-w6y5t7lppq] {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.usage-victory-panel__name[b-w6y5t7lppq] {
    font-weight: 800;
}

.usage-victory-panel__record[b-w6y5t7lppq] {
    margin-top: 0.2rem;
    color: #475569;
    font-size: 0.86rem;
}

.usage-victory-more[b-w6y5t7lppq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: max-content;
    min-height: 2.5rem;
    margin: 0.85rem auto 0;
    padding: 0.5rem 0.85rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .usage-victory-toolbar[b-w6y5t7lppq] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.4rem;
    }

    .usage-victory-toolbar input[b-w6y5t7lppq] {
        width: 100%;
    }

    .usage-victory-table__header[b-w6y5t7lppq] {
        display: none;
    }

    .usage-victory-row[b-w6y5t7lppq] {
        grid-template-columns: 34px 46px minmax(0, 1fr) 24px;
        grid-template-rows: auto auto;
        gap: 0.15rem 0.55rem;
        min-height: 74px;
        padding: 0.55rem 0.65rem;
    }

    .usage-victory-row__rank[b-w6y5t7lppq] {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .usage-victory-row__identity[b-w6y5t7lppq] {
        display: contents;
    }

    .usage-victory-row__sprite[b-w6y5t7lppq] {
        grid-column: 2;
        grid-row: 1 / span 2;
        width: 42px;
        height: 42px;
    }

    .usage-victory-row__identity strong[b-w6y5t7lppq] {
        grid-column: 3;
        grid-row: 1;
        align-self: end;
    }

    .usage-victory-row__record[b-w6y5t7lppq] {
        grid-column: 3;
        grid-row: 2;
        color: #64748b;
        font-size: 0.76rem;
    }

    .usage-victory-row__matches[b-w6y5t7lppq] {
        display: none;
    }

    .usage-victory-row__rate[b-w6y5t7lppq] {
        grid-column: 3;
        grid-row: 2;
        grid-template-columns: auto 60px;
        justify-self: end;
        gap: 0.35rem;
        font-size: 0.76rem;
    }

    .usage-victory-row__arrow[b-w6y5t7lppq] {
        grid-column: 4;
        grid-row: 1 / span 2;
    }

    .usage-victory-row--static[b-w6y5t7lppq] {
        grid-template-columns: 34px 46px minmax(0, 1fr);
    }

    .usage-victory-row--static .usage-victory-row__rate[b-w6y5t7lppq] {
        grid-column: 3;
    }

    .usage-victory-panel__header[b-w6y5t7lppq] {
        align-items: stretch;
        padding: 0.65rem;
    }

    .usage-victory-panel__identity[b-w6y5t7lppq] {
        width: 100%;
    }
}
/* /Pages/Usage/PzaUsageAdvance.razor.rz.scp.css */
.pza-advance-toolbar[b-fa6sgkca5f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.pza-advance[b-fa6sgkca5f] {
    padding-top: 0.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.pza-advance__identity[b-fa6sgkca5f] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(253, 230, 138, 0.2) 0%, rgba(191, 219, 254, 0.26) 100%);
}

.pza-advance__identity-copy[b-fa6sgkca5f] {
    min-width: 0;
}

.pza-advance__filters[b-fa6sgkca5f] {
    margin-top: 0.8rem;
}

.pza-advance__filters-title[b-fa6sgkca5f] {
    margin-bottom: 0.35rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.pza-advance__filter-list[b-fa6sgkca5f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.pza-advance__filter-chip[b-fa6sgkca5f] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid #dbe3ee;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.85);
    color: #334155;
    font-size: 0.85rem;
}

.pza-advance__filter-label[b-fa6sgkca5f] {
    color: #f97316;
    font-weight: 700;
}

.pza-advance__filter-remove[b-fa6sgkca5f] {
    color: #94a3b8;
    font-weight: 700;
}

.pza-advance__eyebrow[b-fa6sgkca5f] {
    margin-bottom: 0.25rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pza-advance__identity-sprite[b-fa6sgkca5f] {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.pza-advance__column[b-fa6sgkca5f] {
    margin-bottom: 1rem;
}

.pza-advance__column-title[b-fa6sgkca5f] {
    margin-bottom: 0.55rem;
    color: #334155;
    font-size: 0.95rem;
    font-weight: 700;
}

.pza-advance-list[b-fa6sgkca5f] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.pza-advance-row[b-fa6sgkca5f] {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 0.65rem 0.75rem;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-size: 0.9rem;
    text-align: left;
    cursor: pointer;
    transition: background 0.1s ease, box-shadow 0.1s ease;
}

.pza-advance-row:last-child[b-fa6sgkca5f] {
    border-bottom: 0;
}

.pza-advance-row:hover[b-fa6sgkca5f],
.pza-advance-selected[b-fa6sgkca5f] {
    background: rgba(37, 99, 235, 0.1);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.16);
}

.pza-advance-row:focus-visible[b-fa6sgkca5f] {
    position: relative;
    z-index: 1;
    outline: 2px solid #2563eb;
    outline-offset: -2px;
}

.pza-advance-row__content[b-fa6sgkca5f] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.65rem;
    align-items: center;
}

.pza-advance-row__identity[b-fa6sgkca5f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.pza-advance-row__name[b-fa6sgkca5f] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.pza-advance-row__value[b-fa6sgkca5f] {
    color: #475569;
    white-space: nowrap;
}

.pza-advance-row__icon[b-fa6sgkca5f],
.pza-advance-row__sprite[b-fa6sgkca5f] {
    display: block;
    object-fit: contain;
}

.pza-advance-row__icon[b-fa6sgkca5f] {
    width: 20px;
    height: 20px;
    margin: 0;
}

.pza-advance-row__sprite[b-fa6sgkca5f] {
    width: 28px;
    height: 28px;
    margin: 0;
}

.pza-advance-row__bar[b-fa6sgkca5f] {
    height: 6px;
    margin-top: 0.45rem;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.pza-advance-row__bar-fill[b-fa6sgkca5f] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #fb7185 0%, #f97316 100%);
}

.pza-advance-empty[b-fa6sgkca5f] {
    padding: 2rem 0;
    color: #64748b;
}

.pza-type-badge[b-fa6sgkca5f] {
    display: inline-block;
    min-width: 64px;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    text-align: center;
    font-size: 0.82rem;
}

@media (max-width: 991.98px) {
    .pza-advance__identity[b-fa6sgkca5f] {
        align-items: flex-start;
    }
}

@media (max-width: 600px) {
    .pza-advance[b-fa6sgkca5f] {
        padding: 0.75rem !important;
    }

    .pza-advance__identity[b-fa6sgkca5f] {
        padding: 0.75rem;
    }

    .pza-advance-row__content[b-fa6sgkca5f] {
        gap: 0.4rem;
    }

    .pza-type-badge[b-fa6sgkca5f] {
        min-width: 52px;
        padding: 0.15rem 0.35rem;
        font-size: 0.72rem;
    }
}
/* /Pages/Usage/PzaUsageDetail.razor.rz.scp.css */
.pza-usage-detail[b-2skdfc5yro] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: auto;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
}

.pza-usage-detail__tabs[b-2skdfc5yro] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.45rem;
    margin-bottom: 0;
    padding: 0.1rem;
    border-bottom: 0;
}

.pza-usage-detail__tabs .nav-item[b-2skdfc5yro] {
    min-width: 0;
}

.nav-usage .nav-link[b-2skdfc5yro] {
    width: 100%;
    min-height: 42px;
    padding: 0.55rem 0.75rem;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0;
}

.nav-usage .nav-link.active[b-2skdfc5yro],
.nav-usage .show > .nav-link[b-2skdfc5yro] {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #fff;
}

.pza-usage-detail__grid[b-2skdfc5yro] {
    flex: 0 1 auto;
    display: grid;
    grid-template-columns: minmax(190px, 220px) minmax(300px, 1fr) minmax(260px, 300px);
    align-items: stretch;
    gap: 0.75rem;
    min-height: 0;
}

.pza-usage-detail__identity[b-2skdfc5yro],
.pza-usage-detail__chart-panel[b-2skdfc5yro],
.pza-usage-detail__list-panel[b-2skdfc5yro] {
    min-height: 0;
    padding: 0.9rem;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #fff;
}

.pza-usage-detail__identity[b-2skdfc5yro] {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: start;
    text-align: center;
}

.pza-usage-detail__sprite-shell[b-2skdfc5yro] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 150px;
    border-radius: 8px;
    background: #f8fafc;
}

.pza-usage-detail__sprite[b-2skdfc5yro] {
    width: 148px;
    height: 148px;
    object-fit: contain;
}

.pza-usage-detail__name[b-2skdfc5yro] {
    margin-top: 0.65rem;
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.pza-usage-detail__meta[b-2skdfc5yro] {
    margin-top: 0.25rem;
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 600;
}

.pza-usage-detail__types[b-2skdfc5yro] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.55rem;
}

.pza-usage-detail__chart-panel[b-2skdfc5yro] {
    display: flex;
    flex-direction: column;
    height: clamp(400px, 48vh, 480px);
    overflow: hidden;
}

.pza-usage-detail__panel-title[b-2skdfc5yro] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
    color: #334155;
    font-size: 0.95rem;
    font-weight: 700;
}

.pza-usage-detail__panel-title small[b-2skdfc5yro] {
    color: #94a3b8;
    font-size: 0.75rem;
    font-weight: 600;
}

.pza-usage-detail__donut[b-2skdfc5yro] {
    position: relative;
    flex: 1 1 auto;
    display: grid;
    place-items: center;
    min-height: 280px;
}

.pza-usage-detail__donut svg[b-2skdfc5yro] {
    width: min(100%, 360px);
    height: min(100%, 360px);
    overflow: visible;
    transform: rotate(-90deg);
}

.pza-usage-detail__donut-track[b-2skdfc5yro],
.pza-usage-detail__donut-segment[b-2skdfc5yro] {
    fill: none;
    stroke-width: 44;
}

.pza-usage-detail__donut-track[b-2skdfc5yro] {
    stroke: #eef2f7;
}

.pza-usage-detail__donut-segment[b-2skdfc5yro] {
    cursor: pointer;
    transition: filter 120ms ease, stroke-width 120ms ease;
}

.pza-usage-detail__donut-segment:hover[b-2skdfc5yro],
.pza-usage-detail__donut-segment:focus-visible[b-2skdfc5yro] {
    filter: brightness(0.94) saturate(1.08);
    outline: none;
    stroke-width: 49;
}

.pza-usage-detail__donut-segment:focus[b-2skdfc5yro] {
    outline: none !important;
}

.pza-usage-detail__donut-center[b-2skdfc5yro] {
    position: absolute;
    inset: 50% auto auto 50%;
    display: grid;
    place-items: center;
    gap: 0.2rem;
    width: 126px;
    min-height: 92px;
    padding: 0.4rem;
    transform: translate(-50%, -50%);
    color: #334155;
    text-align: center;
    pointer-events: none;
}

.pza-usage-detail__donut-center > strong[b-2skdfc5yro] {
    font-size: 0.95rem;
}

.pza-usage-detail__donut-center > span[b-2skdfc5yro] {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 600;
}

.pza-usage-detail__touch-hint[b-2skdfc5yro] {
    display: none;
}

.pza-usage-detail__chart-tooltip[b-2skdfc5yro] {
    display: grid;
    place-items: center;
    gap: 0.15rem;
    width: 100%;
}

.pza-usage-detail__chart-tooltip strong[b-2skdfc5yro],
.pza-usage-detail__chart-tooltip span[b-2skdfc5yro] {
    letter-spacing: 0;
}

.pza-usage-detail__chart-tooltip span[b-2skdfc5yro] {
    color: #64748b;
    font-size: 0.78rem;
}

.pza-usage-detail__chart-tooltip strong[b-2skdfc5yro] {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 0.88rem;
}

.pza-usage-detail__list-panel[b-2skdfc5yro] {
    display: flex;
    flex-direction: column;
    height: clamp(400px, 48vh, 480px);
    overflow: hidden;
}

.pza-usage-detail__list-header[b-2skdfc5yro] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.45rem;
}

.pza-usage-detail__list-header h3[b-2skdfc5yro] {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

.pza-usage-detail__list-header span[b-2skdfc5yro] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
}

.pza-usage-detail__list[b-2skdfc5yro] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.25rem;
    scrollbar-gutter: stable;
}

.pza-usage-detail__list-item[b-2skdfc5yro] {
    padding: 0.55rem 0.25rem;
    border-bottom: 1px solid #eef2f7;
}

.pza-usage-detail__list-item:last-child[b-2skdfc5yro] {
    border-bottom: 0;
}

.pza-usage-detail__list-top[b-2skdfc5yro] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.pza-usage-detail__list-name[b-2skdfc5yro] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 700;
}

.pza-usage-detail__list-name span[b-2skdfc5yro] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pza-usage-detail__list-top strong[b-2skdfc5yro] {
    color: #475569;
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.pza-usage-detail__list-icon[b-2skdfc5yro] {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.pza-usage-detail__list-bar[b-2skdfc5yro] {
    height: 5px;
    margin-top: 0.35rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.pza-usage-detail__list-bar span[b-2skdfc5yro] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #2563eb;
}

@media (max-width: 991.98px) {
    .pza-usage-detail[b-2skdfc5yro] {
        overflow: visible;
    }

    .pza-usage-detail__tabs[b-2skdfc5yro] {
        position: sticky;
        top: 0;
        z-index: 2;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding-bottom: 0.45rem;
        background: #fff;
    }

    .pza-usage-detail__grid[b-2skdfc5yro] {
        flex: 0 0 auto;
        grid-template-columns: 1fr;
    }

    .pza-usage-detail__chart-panel[b-2skdfc5yro],
    .pza-usage-detail__list-panel[b-2skdfc5yro] {
        height: auto;
    }

    .pza-usage-detail__identity[b-2skdfc5yro] {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        gap: 0.15rem 0.75rem;
        width: 100%;
        text-align: left;
    }

    .pza-usage-detail__sprite-shell[b-2skdfc5yro] {
        grid-column: 1;
        grid-row: 1 / span 3;
        min-height: 92px;
    }

    .pza-usage-detail__sprite[b-2skdfc5yro] {
        width: 84px;
        height: 84px;
    }

    .pza-usage-detail__name[b-2skdfc5yro],
    .pza-usage-detail__meta[b-2skdfc5yro],
    .pza-usage-detail__types[b-2skdfc5yro] {
        grid-column: 2;
        justify-content: flex-start;
        margin-top: 0;
    }

    .pza-usage-detail__name[b-2skdfc5yro] {
        align-self: end;
        font-size: 1.2rem;
    }

    .pza-usage-detail__donut[b-2skdfc5yro] {
        min-height: 240px;
        height: 240px;
    }

    .pza-usage-detail__donut svg[b-2skdfc5yro] {
        width: min(100%, 240px);
        height: auto;
        max-height: 240px;
        aspect-ratio: 1;
    }

    .pza-usage-detail__pointer-hint[b-2skdfc5yro] {
        display: none;
    }

    .pza-usage-detail__touch-hint[b-2skdfc5yro] {
        display: inline;
    }

    .pza-usage-detail__list[b-2skdfc5yro] {
        max-height: 360px;
    }
}

@media (max-width: 600px) {
    .pza-usage-detail__tabs[b-2skdfc5yro] {
        gap: 0.3rem;
    }

    .nav-usage .nav-link[b-2skdfc5yro] {
        min-height: 38px;
        padding: 0.4rem 0.25rem;
        font-size: 0.8rem;
    }

    .pza-usage-detail__identity[b-2skdfc5yro],
    .pza-usage-detail__chart-panel[b-2skdfc5yro],
    .pza-usage-detail__list-panel[b-2skdfc5yro] {
        padding: 0.65rem;
    }
}
/* /Pages/Usage/PzaUsageDisplay.razor.rz.scp.css */
.pza-usage-display[b-ckd9wrxs75] {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

.pza-usage-display__toolbar[b-ckd9wrxs75] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem 1rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.pza-usage-display__toolbar[b-ckd9wrxs75]  .rz-button {
    width: auto !important;
    display: inline-flex;
}

.pza-usage-display__toolbar[b-ckd9wrxs75]  .rz-radio-button-list {
    margin-bottom: 0;
}

.pza-usage-display__filters[b-ckd9wrxs75] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pza-usage-display__filters input[b-ckd9wrxs75] {
    width: min(100%, 320px);
    min-height: 2.6rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
}

.pza-usage-display__filters input:focus-visible[b-ckd9wrxs75] {
    border-color: #2563eb;
    outline: 2px solid rgba(37, 99, 235, 0.18);
    outline-offset: 1px;
}

.pza-usage-display__filters span[b-ckd9wrxs75] {
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
    white-space: nowrap;
}

.pza-usage-display[b-ckd9wrxs75]  .rz-stack {
    gap: 0.75rem !important;
}

.pza-usage-display[b-ckd9wrxs75]  .rz-radio-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border: 1px solid #dbe3ee;
    border-radius: 999px;
    background: #fff;
}

.pza-usage-display[b-ckd9wrxs75]  .rz-radiobutton-label {
    font-weight: 600;
}

.pza-usage-list[b-ckd9wrxs75] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.pza-usage-list__header[b-ckd9wrxs75],
.pza-usage-list__row[b-ckd9wrxs75] {
    display: grid;
    grid-template-columns: 80px 120px minmax(180px, 1fr) 120px 140px;
    align-items: center;
}

.pza-usage-list__header[b-ckd9wrxs75] {
    padding: 0.9rem 1.15rem;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

.pza-usage-list__row[b-ckd9wrxs75] {
    width: 100%;
    border: 0;
    border-top: 1px solid #eef2f7;
    padding: 0.95rem 1.15rem;
    background: #fff;
    text-align: left;
    color: #0f172a;
}

.pza-usage-list__cell[b-ckd9wrxs75] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    font-weight: 600;
}

.pza-usage-list__name[b-ckd9wrxs75] {
    justify-content: flex-start;
}

.pza-usage-list__count[b-ckd9wrxs75],
.pza-usage-list__rate[b-ckd9wrxs75] {
    justify-content: center;
}

.pza-usage-list__rank[b-ckd9wrxs75] {
    color: #475569;
}

.pza-usage-row[b-ckd9wrxs75] {
    cursor: pointer;
    transition: background 0.12s ease, box-shadow 0.12s ease;
}

.pza-usage-row:hover[b-ckd9wrxs75] {
    background: #f8fbff;
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.18);
}

.pza-usage-row__sprite[b-ckd9wrxs75] {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.pza-pgl-scroll[b-ckd9wrxs75] {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-content: flex-start;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    overflow-x: visible !important;
    overflow-y: visible;
    gap: 0.85rem;
    padding-bottom: 0.35rem;
}

.pza-pgl-card[b-ckd9wrxs75] {
    flex: 0 0 auto;
    display: flex !important;
    flex-direction: column;
    cursor: pointer;
    margin: 0 !important;
    padding: 1rem 1rem 0.85rem !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04) !important;
    transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
    overflow: hidden;
    color: #0f172a;
    font: inherit;
    text-align: left;
}

.pza-pgl-card:hover[b-ckd9wrxs75] {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.1) !important;
    border-color: #94a3b8 !important;
}

.pza-pgl-card:focus-visible[b-ckd9wrxs75] {
    border-color: #2563eb !important;
    outline: 3px solid rgba(37, 99, 235, 0.22);
    outline-offset: 2px;
}

.pza-pgl-card__top[b-ckd9wrxs75] {
    position: relative;
    min-height: 46px;
    flex: 0 0 auto;
}

.pza-pgl-card__rank[b-ckd9wrxs75] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 37px;
    border: 1px solid #7dd3fc;
    border-radius: 12px;
    background-color: rgba(101, 198, 193, 0.15);
    color: #0f172a;
}

.pza-pgl-card__name[b-ckd9wrxs75] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2.5rem;
    font-weight: 700;
    text-align: center;
    color: #0f172a;
}

.pza-pgl-card__art[b-ckd9wrxs75] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 185px;
    margin-top: 0.85rem;
    background: url(../Upload/pokeball-backround.png) no-repeat 50% 50%;
    flex: 1 1 auto;
}

.pza-pgl-card__sprite[b-ckd9wrxs75] {
    display: block;
    object-fit: contain;
}

.pza-pgl-card__summary[b-ckd9wrxs75] {
    margin-top: 0.7rem;
    text-align: center;
    color: #334155;
    font-weight: 600;
}

.pza-pgl-card__types[b-ckd9wrxs75] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.55rem;
    margin-bottom: 0;
    padding-top: 0.25rem;
}

.pza-pgl-card--medium[b-ckd9wrxs75] {
    padding: 0.9rem 0.9rem 0.75rem !important;
}

.pza-pgl-card--medium .pza-pgl-card__art[b-ckd9wrxs75] {
    min-height: 145px;
    margin-top: 0.65rem;
}

.pza-pgl-card--medium .pza-pgl-card__summary[b-ckd9wrxs75] {
    margin-top: 0.45rem;
    font-size: 0.9rem;
}

.pza-pgl-card--small[b-ckd9wrxs75] {
    padding: 0.7rem 0.7rem 0.55rem !important;
}

.pza-pgl-card--small .pza-pgl-card__top[b-ckd9wrxs75] {
    min-height: 32px;
}

.pza-pgl-card--small .pza-pgl-card__rank[b-ckd9wrxs75] {
    width: 48px;
    height: 28px;
    border-radius: 6px;
}

.pza-pgl-card--small .pza-pgl-card__name[b-ckd9wrxs75] {
    padding: 0 1.25rem;
}

.pza-pgl-card--small .pza-pgl-card__art[b-ckd9wrxs75] {
    min-height: 78px;
    margin-top: 0.4rem;
}

.pza-pgl-card--small .pza-pgl-card__summary[b-ckd9wrxs75] {
    margin-top: 0.25rem;
    font-size: 0.78rem;
}

.pza-pgl-card--small .pza-pgl-card__types[b-ckd9wrxs75] {
    gap: 0.2rem;
    margin-top: 0.2rem;
}

.pza-pgl-card--small .pza-pgl-card__types .badge[b-ckd9wrxs75] {
    margin: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.2;
}

.pza-usage-display__empty[b-ckd9wrxs75] {
    padding: 1.5rem;
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
    color: #64748b;
    text-align: center;
}

.pza-usage-display__more[b-ckd9wrxs75] {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}

@media (max-width: 991.98px) {
    .pza-usage-display__toolbar[b-ckd9wrxs75] {
        align-items: stretch;
    }

    .pza-usage-list__header[b-ckd9wrxs75],
    .pza-usage-list__row[b-ckd9wrxs75] {
        grid-template-columns: 56px 72px minmax(120px, 1fr) 88px 96px;
        gap: 0.5rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .pza-pgl-scroll[b-ckd9wrxs75] {
        justify-content: center !important;
    }
}

@media (max-width: 600px) {
    .pza-usage-display__filters[b-ckd9wrxs75] {
        align-items: stretch;
        flex-direction: column;
    }

    .pza-usage-display__filters input[b-ckd9wrxs75] {
        width: 100%;
    }

    .pza-usage-list[b-ckd9wrxs75] {
        overflow: visible;
    }

    .pza-usage-list__header[b-ckd9wrxs75],
    .pza-usage-list__row[b-ckd9wrxs75] {
        grid-template-columns: 42px 52px minmax(0, 1fr) 72px;
        grid-template-rows: minmax(1.45rem, auto) minmax(1.25rem, auto);
        gap: 0 0.4rem;
        padding: 0.65rem 0.55rem;
    }

    .pza-usage-list__header[b-ckd9wrxs75] {
        grid-template-rows: auto;
    }

    .pza-usage-list__header .pza-usage-list__rate[b-ckd9wrxs75] {
        display: none;
    }

    .pza-usage-list__rank[b-ckd9wrxs75],
    .pza-usage-list__sprite-heading[b-ckd9wrxs75],
    .pza-usage-list__name[b-ckd9wrxs75] {
        grid-row: 1 / span 2;
    }

    .pza-usage-list__rank[b-ckd9wrxs75] {
        grid-column: 1;
    }

    .pza-usage-list__sprite-heading[b-ckd9wrxs75],
    .pza-usage-list__row > :nth-child(2)[b-ckd9wrxs75] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .pza-usage-list__name[b-ckd9wrxs75] {
        grid-column: 3;
    }

    .pza-usage-list__header .pza-usage-list__rank[b-ckd9wrxs75],
    .pza-usage-list__header .pza-usage-list__sprite-heading[b-ckd9wrxs75],
    .pza-usage-list__header .pza-usage-list__name[b-ckd9wrxs75] {
        grid-row: 1;
    }

    .pza-usage-list__count[b-ckd9wrxs75] {
        grid-column: 4;
        grid-row: 1;
    }

    .pza-usage-list__rate[b-ckd9wrxs75] {
        grid-column: 4;
        grid-row: 2;
        color: #64748b;
        font-size: 0.78rem;
    }

    .pza-usage-row__sprite[b-ckd9wrxs75] {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 600px) {
    .pza-usage-display__toolbar[b-ckd9wrxs75] {
        gap: 0.5rem;
        margin-bottom: 0.7rem;
        padding: 0.65rem;
        border-radius: 8px;
    }

    .pza-usage-display__filters[b-ckd9wrxs75] {
        gap: 0.4rem;
        margin-bottom: 0.7rem;
    }

    .pza-pgl-scroll[b-ckd9wrxs75] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .pza-pgl-card[b-ckd9wrxs75],
    .pza-pgl-card--medium[b-ckd9wrxs75],
    .pza-pgl-card--small[b-ckd9wrxs75] {
        width: 100% !important;
        height: 205px !important;
        padding: 0.55rem !important;
    }

    .pza-pgl-card__top[b-ckd9wrxs75],
    .pza-pgl-card--medium .pza-pgl-card__top[b-ckd9wrxs75],
    .pza-pgl-card--small .pza-pgl-card__top[b-ckd9wrxs75] {
        position: static;
        display: flex;
        align-items: center;
        gap: 0.35rem;
        min-height: 30px;
    }

    .pza-pgl-card__rank[b-ckd9wrxs75],
    .pza-pgl-card--small .pza-pgl-card__rank[b-ckd9wrxs75] {
        flex: 0 0 34px;
        width: 34px;
        height: 26px;
        transform: none !important;
    }

    .pza-pgl-card__rank[b-ckd9wrxs75]  .rz-text {
        margin: 0 !important;
        font-size: 0.8rem !important;
    }

    .pza-pgl-card__name[b-ckd9wrxs75],
    .pza-pgl-card--small .pza-pgl-card__name[b-ckd9wrxs75] {
        position: static;
        display: block;
        min-width: 0;
        padding: 0;
        font-size: 0.82rem !important;
        text-align: left;
        overflow-wrap: anywhere;
    }

    .pza-pgl-card__art[b-ckd9wrxs75],
    .pza-pgl-card--medium .pza-pgl-card__art[b-ckd9wrxs75],
    .pza-pgl-card--small .pza-pgl-card__art[b-ckd9wrxs75] {
        min-height: 82px;
        margin-top: 0.25rem;
        background-size: 42% !important;
    }

    .pza-pgl-card__sprite[b-ckd9wrxs75] {
        width: 82px !important;
        height: 82px;
    }

    .pza-pgl-card__summary[b-ckd9wrxs75],
    .pza-pgl-card--medium .pza-pgl-card__summary[b-ckd9wrxs75],
    .pza-pgl-card--small .pza-pgl-card__summary[b-ckd9wrxs75] {
        margin-top: 0.2rem;
        font-size: 0.7rem;
        white-space: nowrap;
    }

    .pza-pgl-card__types[b-ckd9wrxs75],
    .pza-pgl-card--small .pza-pgl-card__types[b-ckd9wrxs75] {
        gap: 0.2rem;
        margin-top: 0.25rem;
        padding-top: 0;
    }

    .pza-pgl-card__types .badge[b-ckd9wrxs75],
    .pza-pgl-card--small .pza-pgl-card__types .badge[b-ckd9wrxs75] {
        width: auto !important;
        min-width: 42px;
        margin: 0 !important;
        padding: 0.15rem 0.35rem;
        font-size: 0.65rem !important;
    }
}
/* /Pages/UserHeatMap.razor.rz.scp.css */
.user-heatmap[b-fytvjivpn4] {
    display: grid;
    gap: 1.5rem;
}

.user-heatmap__hero[b-fytvjivpn4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, rgba(219, 234, 254, 0.95), rgba(255, 247, 237, 0.96));
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.08);
}

.user-heatmap__hero span[b-fytvjivpn4],
.user-heatmap__ranking-header span[b-fytvjivpn4] {
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.user-heatmap__hero h1[b-fytvjivpn4],
.user-heatmap__ranking-header h2[b-fytvjivpn4] {
    margin: 0.35rem 0 0;
    color: #0f172a;
    font-weight: 950;
}

.user-heatmap__hero p[b-fytvjivpn4] {
    max-width: 44rem;
    margin: 0.7rem 0 0;
    color: #475569;
    line-height: 1.7;
}

.user-heatmap__hero a[b-fytvjivpn4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6rem;
    padding: 0 1rem;
    border-radius: 999px;
    background: #0f172a;
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

.user-heatmap__summary[b-fytvjivpn4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.user-heatmap__summary article[b-fytvjivpn4],
.user-heatmap__ranking[b-fytvjivpn4],
.user-heatmap__empty[b-fytvjivpn4] {
    padding: 1rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.user-heatmap__summary span[b-fytvjivpn4] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 900;
}

.user-heatmap__summary strong[b-fytvjivpn4] {
    display: block;
    margin-top: 0.3rem;
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 950;
}

.user-heatmap__layout[b-fytvjivpn4] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(18rem, 0.72fr);
    gap: 1.25rem;
}

.user-heatmap__map[b-fytvjivpn4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(5.4rem, 1fr));
    gap: 0.65rem;
    padding: 1rem;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.user-heatmap__province[b-fytvjivpn4] {
    display: grid;
    gap: 0.25rem;
    min-height: 4.8rem;
    padding: 0.65rem;
    border-radius: 1rem;
    background: var(--heat-color);
    color: var(--heat-text);
    border: 1px solid rgba(37, 99, 235, calc(0.14 + var(--heat) * 0.36));
    box-shadow: 0 10px 24px rgba(37, 99, 235, calc(var(--heat) * 0.16));
}

.user-heatmap__province span[b-fytvjivpn4] {
    font-weight: 900;
}

.user-heatmap__province strong[b-fytvjivpn4] {
    font-size: 1.3rem;
    font-weight: 950;
}

.user-heatmap__ranking[b-fytvjivpn4] {
    display: grid;
    align-content: start;
    gap: 0.8rem;
}

.user-heatmap__rank-row[b-fytvjivpn4] {
    display: grid;
    gap: 0.45rem;
}

.user-heatmap__rank-row > div:first-child[b-fytvjivpn4] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #334155;
}

.user-heatmap__bar[b-fytvjivpn4] {
    height: 0.65rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.user-heatmap__bar span[b-fytvjivpn4] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #60a5fa, #2563eb);
}

.user-heatmap__note[b-fytvjivpn4],
.user-heatmap__empty[b-fytvjivpn4] {
    color: #64748b;
    line-height: 1.7;
}

.user-heatmap__empty[b-fytvjivpn4] {
    text-align: center;
}

@media (max-width: 991.98px) {
    .user-heatmap__hero[b-fytvjivpn4],
    .user-heatmap__layout[b-fytvjivpn4] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .user-heatmap__summary[b-fytvjivpn4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .user-heatmap__summary[b-fytvjivpn4] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/UserNotifications.razor.rz.scp.css */
.notifications-page[b-acct0jwbj2] {
    display: grid;
    gap: 1rem;
    max-width: 1080px;
    margin: 0 auto;
    padding: 1rem;
}

.notifications-page__hero[b-acct0jwbj2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1.2rem;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 60%, #ecfeff 100%);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.notifications-page__hero span[b-acct0jwbj2] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.notifications-page__hero h1[b-acct0jwbj2] {
    margin: 0.15rem 0;
    color: #0f172a;
    font-size: clamp(1.7rem, 4vw, 2.7rem);
    font-weight: 950;
}

.notifications-page__hero p[b-acct0jwbj2] {
    margin: 0;
    color: #475569;
    font-weight: 700;
}

.notifications-page button[b-acct0jwbj2] {
    min-height: 2.35rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    font-weight: 900;
}

.notifications-page button:disabled[b-acct0jwbj2] {
    cursor: not-allowed;
    opacity: 0.48;
}

.notifications-page__filters[b-acct0jwbj2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.notifications-page__filter--active[b-acct0jwbj2] {
    border-color: #2563eb !important;
    background: #eff6ff !important;
}

.notifications-page__preference[b-acct0jwbj2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid #e0e7ff;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
}

.notifications-page__preference span[b-acct0jwbj2] {
    color: #6366f1;
    font-size: 0.78rem;
    font-weight: 950;
}

.notifications-page__preference h2[b-acct0jwbj2] {
    margin: 0.15rem 0;
    color: #111827;
    font-size: 1.15rem;
    font-weight: 950;
}

.notifications-page__preference p[b-acct0jwbj2] {
    margin: 0;
    color: #64748b;
    font-weight: 750;
}

.notifications-page__switch[b-acct0jwbj2] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 950;
    white-space: nowrap;
}

.notifications-page__switch input[b-acct0jwbj2] {
    width: 1.1rem;
    height: 1.1rem;
}

.notifications-page__preference-actions[b-acct0jwbj2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.notifications-page__types-button[b-acct0jwbj2] {
    min-width: 6.4rem;
}

.notifications-page__types[b-acct0jwbj2] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1rem;
    border-top: 1px solid #e2e8f0;
}

.notifications-page__type[b-acct0jwbj2] {
    display: flex;
    min-width: 0;
    min-height: 4rem;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e8f0;
}

.notifications-page__type > span[b-acct0jwbj2] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.notifications-page__type strong[b-acct0jwbj2] {
    color: #0f172a;
    font-size: 0.92rem;
}

.notifications-page__type small[b-acct0jwbj2] {
    overflow-wrap: anywhere;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.notifications-page__type input[b-acct0jwbj2] {
    flex: 0 0 auto;
    width: 1.15rem;
    height: 1.15rem;
}

.notifications-page__preference-status[b-acct0jwbj2] {
    grid-column: 1 / -1;
    color: #2563eb !important;
}

.notifications-page__binding-code[b-acct0jwbj2] {
    display: inline-flex;
    width: fit-content;
    margin: 0.6rem 0 0 !important;
    padding: 0.45rem 0.8rem;
    border: 1px dashed #6366f1;
    border-radius: 14px;
    background: #eef2ff;
    color: #312e81 !important;
    font-size: 1.45rem;
    font-weight: 950 !important;
    letter-spacing: 0.16em;
}

.notifications-page__loading[b-acct0jwbj2] {
    display: grid;
    gap: 0.5rem;
    place-items: center;
    min-height: 240px;
    color: #64748b;
    font-weight: 800;
}

.notifications-page__list[b-acct0jwbj2] {
    display: grid;
    gap: 0.75rem;
}

.notifications-page__item[b-acct0jwbj2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 0.95rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.notifications-page__item--unread[b-acct0jwbj2] {
    border-color: #93c5fd;
    background: #eff6ff;
}

.notifications-page__icon[b-acct0jwbj2] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: 999px;
    background: #ffffff;
}

.notifications-page__body[b-acct0jwbj2] {
    display: grid;
    gap: 0.45rem;
}

.notifications-page__title-row[b-acct0jwbj2] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.notifications-page__title-row h2[b-acct0jwbj2] {
    margin: 0;
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 950;
}

.notifications-page__title-row time[b-acct0jwbj2],
.notifications-page__body p[b-acct0jwbj2] {
    color: #64748b;
    font-weight: 800;
}

.notifications-page__body p[b-acct0jwbj2] {
    margin: 0;
}

.notifications-page__actions[b-acct0jwbj2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.notifications-page__more[b-acct0jwbj2] {
    display: flex;
    justify-content: center;
    padding: 0.35rem 0 0.75rem;
}

.notifications-page__more button[b-acct0jwbj2] {
    min-width: 8.5rem;
}

@media (max-width: 720px) {
    .notifications-page__hero[b-acct0jwbj2],
    .notifications-page__preference[b-acct0jwbj2],
    .notifications-page__title-row[b-acct0jwbj2] {
        display: flex;
        flex-direction: column;
    }

    .notifications-page__preference-actions[b-acct0jwbj2] {
        width: 100%;
        justify-content: flex-start;
    }

    .notifications-page__types[b-acct0jwbj2] {
        width: 100%;
        grid-template-columns: 1fr;
    }
}
/* /Pages/VSRecorder.razor.rz.scp.css */
.vs-recorder[b-r5q35l5zte] {
    overflow-x: auto;
    max-width: 1320px;
    margin: 0 auto;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(239, 246, 255, 0.72));
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.vs-recorder__loading[b-r5q35l5zte] {
    display: grid;
    gap: 0.4rem;
    text-align: center;
}

.vs-recorder__layout[b-r5q35l5zte] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 20rem);
    gap: 1.25rem;
    align-items: start;
    justify-content: center;
    margin: 0;
}

.vs-recorder__main[b-r5q35l5zte] {
    width: 100% !important;
    max-width: none !important;
    flex: initial !important;
    padding: 1rem;
    border-radius: 22px;
    background: linear-gradient(135deg, #e0f2fe 0%, #bfdbfe 100%);
}

.vs-recorder__hero[b-r5q35l5zte] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
}

.vs-recorder__hero h1[b-r5q35l5zte] {
    margin: 0.15rem 0;
    color: #0f172a;
}

.vs-recorder__hero p[b-r5q35l5zte] {
    margin: 0;
    color: #475569;
}

.vs-recorder__hero-actions[b-r5q35l5zte] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.vs-recorder__hero-actions a[b-r5q35l5zte] {
    display: inline-flex;
    min-height: 2.35rem;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.85rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.86rem;
    font-weight: 900;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.vs-recorder__hero-actions a:first-child[b-r5q35l5zte] {
    border-color: #2563eb;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18);
}

.vs-recorder__hero-actions a:hover[b-r5q35l5zte] {
    transform: translateY(-2px);
    text-decoration: none;
}

.vs-recorder__quick-stats[b-r5q35l5zte] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.vs-recorder__quick-stats div[b-r5q35l5zte] {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #ffffff;
}

.vs-recorder__quick-stats span[b-r5q35l5zte] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
}

.vs-recorder__quick-stats strong[b-r5q35l5zte] {
    color: #0f172a;
    font-size: 1.35rem;
    line-height: 1.1;
}

.vs-recorder__eyebrow[b-r5q35l5zte] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vs-recorder__news-card[b-r5q35l5zte] {
    min-height: 360px;
    border-radius: 18px;
}

.vs-recorder__profile-column[b-r5q35l5zte] {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    flex: initial !important;
    padding-right: 0;
    padding-left: 0;
}

.vs-recorder__profile-card[b-r5q35l5zte] {
    padding: 1rem;
    border: 0;
    border-radius: 24px;
    background: linear-gradient(160deg, #006adc 0%, #1d4ed8 100%) !important;
    box-shadow: 0 18px 36px rgba(30, 64, 175, 0.25) !important;
}

.vs-recorder__avatar[b-r5q35l5zte] {
    width: 100%;
    max-width: 260px;
    margin-top: 0.5rem;
    border: 3px groove #bfdbfe;
}

.vs-recorder__profile-stats[b-r5q35l5zte] {
    display: grid !important;
    width: 100%;
    gap: 0.25rem;
    padding: 0.75rem;
    border: 0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: none;
}

.vs-recorder__stat-row[b-r5q35l5zte] {
    display: grid !important;
    grid-template-columns: minmax(5.25rem, 0.85fr) minmax(0, 1.5fr);
    gap: 0;
    width: 100%;
    margin: 0 0 0.65rem !important;
}

.vs-recorder__stat-row > [class*="col-"][b-r5q35l5zte] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: none !important;
    min-height: 2.45rem;
    flex: initial !important;
    margin-bottom: 0 !important;
}

.vs-recorder__stat-label[b-r5q35l5zte] {
    background: rgba(255, 255, 255, 0.62);
    color: #0f172a;
}

.vs-recorder__stat-value[b-r5q35l5zte] {
    color: #0f172a;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.vs-recorder .nav-vsrc[b-r5q35l5zte] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
}

.vs-recorder .nav-vsrc .nav-item[b-r5q35l5zte] {
    border: 0 !important;
}

.vs-recorder .nav-vsrc .nav-link[b-r5q35l5zte] {
    border-radius: 14px;
    color: #475569;
    font-weight: 800;
}

.vs-recorder .nav-vsrc .nav-link.active[b-r5q35l5zte],
.vs-recorder .nav-vsrc .show > .nav-link[b-r5q35l5zte] {
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.vs-recorder .tab-content[b-r5q35l5zte] {
    margin-top: 1rem;
}

.vs-recorder .accordion[b-r5q35l5zte] {
    display: grid;
    gap: 0.85rem;
}

.vs-recorder .accordion > .card[b-r5q35l5zte] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
}

.vs-recorder .card-header[b-r5q35l5zte] {
    border: 0;
    background: #f8fafc;
    padding: 0;
}

.vs-recorder .card-header h2[b-r5q35l5zte] {
    margin: 0;
}

.vs-recorder .card-header .btn-link[b-r5q35l5zte] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1rem;
    color: #0f172a !important;
    font-weight: 900;
    text-align: left;
    text-decoration: none;
}

.vs-recorder .card-header .btn-link[b-r5q35l5zte]::after {
    content: "展开";
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 0.72rem;
}

.vs-recorder .card-body[b-r5q35l5zte] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    background: #ffffff;
}

.vs-recorder .an[b-r5q35l5zte] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.vs-recorder .abtex[b-r5q35l5zte] {
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.vs-recorder .card-body > .container.rz-card.card.shadow-none:not(.abtex)[b-r5q35l5zte] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: none !important;
}

.vs-recorder .abtex:hover[b-r5q35l5zte],
.vs-recorder .an:hover .abtex[b-r5q35l5zte] {
    border-color: #93c5fd;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.12) !important;
    transform: translateY(-2px);
}

.vs-recorder .abtex > .row[b-r5q35l5zte] {
    display: grid !important;
    grid-template-columns: 84px minmax(180px, 1.6fr) minmax(110px, 0.7fr) minmax(130px, 0.8fr) minmax(90px, 0.5fr);
    gap: 0.75rem;
    min-height: auto !important;
    align-items: center;
    margin: 0 !important;
    text-align: left !important;
}

.vs-recorder .card-body > .container.rz-card.card.shadow-none:not(.abtex) > .vs-recorder__match-card-row[b-r5q35l5zte] {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1.4fr) minmax(9rem, 1fr) auto;
    gap: 0.9rem;
    min-height: auto !important;
    align-items: center;
    margin: 0 !important;
    border-radius: 16px !important;
    text-align: left !important;
}

.vs-recorder__match-card-row[b-r5q35l5zte] {
    min-height: 100px;
}

.vs-recorder__match-spacer[b-r5q35l5zte] {
    display: none;
}

.vs-recorder__match-meta[b-r5q35l5zte] {
    margin-top: 0.125rem;
}

.vs-recorder__match-label[b-r5q35l5zte] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.vs-recorder__status[b-r5q35l5zte] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 900;
}

.vs-recorder__status--registering[b-r5q35l5zte] {
    background: #fee2e2;
    color: #b91c1c;
}

.vs-recorder__status--running[b-r5q35l5zte] {
    background: #dcfce7;
    color: #15803d;
}

.vs-recorder__status--finished[b-r5q35l5zte] {
    background: #f1f5f9;
    color: #475569;
}

.vs-recorder__match-title[b-r5q35l5zte] {
    font-weight: 500 !important;
}

.vs-recorder__metric-value[b-r5q35l5zte] {
    color: #0f172a;
    font-size: 1.45rem;
    line-height: 1.1;
}

.vs-recorder__joined-note[b-r5q35l5zte] {
    color: #94a3b8;
    font-style: normal;
    font-weight: 800;
}

.vs-recorder__section-link[b-r5q35l5zte] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.3rem;
    margin-top: 0.25rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 0.86rem;
    font-weight: 900;
    text-decoration: none;
}

.vs-recorder__section-link:hover[b-r5q35l5zte] {
    color: #1d4ed8;
    text-decoration: none;
}

.vs-recorder__action-link[b-r5q35l5zte] {
    font-size: 1.05rem;
}

.vs-recorder__round-title[b-r5q35l5zte] {
    margin: 0;
    color: #0f172a;
    font-size: 1.3rem;
}

.vs-recorder__opponent-title[b-r5q35l5zte] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.45rem, 3vw, 1.9rem);
    line-height: 1.1;
}

.vs-recorder__result[b-r5q35l5zte] {
    margin: 0;
    font-size: 1.9rem;
    font-style: italic;
}

.vs-recorder__result--win[b-r5q35l5zte] {
    color: crimson;
}

.vs-recorder__result--draw[b-r5q35l5zte] {
    color: darkgreen;
}

.vs-recorder__result--lose[b-r5q35l5zte] {
    color: darkblue;
}

.vs-recorder .abtex > .row > [class*="col-"][b-r5q35l5zte] {
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

.vs-recorder .card-body > .container.rz-card.card.shadow-none:not(.abtex) > .vs-recorder__match-card-row > [class*="col-"][b-r5q35l5zte] {
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

.vs-recorder .abtex > .row > [class*="col-"]:first-child[b-r5q35l5zte] {
    text-align: center !important;
}

.vs-recorder .card-body > .container.rz-card.card.shadow-none:not(.abtex) > .vs-recorder__match-card-row > [class*="col-"]:first-child[b-r5q35l5zte] {
    text-align: center !important;
}

.vs-recorder .abtex img.rounded-circle[b-r5q35l5zte],
.vs-recorder__match-card-row img.rounded-circle[b-r5q35l5zte] {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover;
}

.vs-recorder .abtex h2[b-r5q35l5zte] {
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.vs-recorder .abtex [style*="font-size:xx-large"][b-r5q35l5zte] {
    color: #0f172a;
    font-size: 1.45rem !important;
    line-height: 1.1;
}

.vs-recorder .abtex [style*="font-size:small"][b-r5q35l5zte] {
    color: #64748b !important;
    font-weight: 800;
}

.vs-recorder__opponent-qq[b-r5q35l5zte] {
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 800;
}

.vs-recorder__pending-card[b-r5q35l5zte] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.72fr) minmax(0, 1.7fr) minmax(9rem, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
    width: 100%;
    margin-bottom: 0.85rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 22px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    color: #0f172a;
    text-align: left;
    text-decoration: none;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.vs-recorder__pending-card:hover[b-r5q35l5zte] {
    border-color: #60a5fa;
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 18px 34px rgba(37, 99, 235, 0.14);
    transform: translateY(-2px);
}

.vs-recorder__pending-stage[b-r5q35l5zte],
.vs-recorder__pending-opponent[b-r5q35l5zte],
.vs-recorder__pending-team[b-r5q35l5zte] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.vs-recorder__pending-stage span[b-r5q35l5zte],
.vs-recorder__pending-opponent span[b-r5q35l5zte],
.vs-recorder__pending-team > span[b-r5q35l5zte] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
}

.vs-recorder__pending-stage strong[b-r5q35l5zte] {
    font-size: 1.08rem;
}

.vs-recorder__pending-opponent strong[b-r5q35l5zte] {
    font-size: clamp(1.35rem, 3vw, 2rem);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.vs-recorder__pending-opponent small[b-r5q35l5zte] {
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 800;
}

.vs-recorder__pending-sprites[b-r5q35l5zte] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    align-items: center;
}

.vs-recorder__pending-action[b-r5q35l5zte] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6rem;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
}

@media (max-width: 1199.98px) {
    .vs-recorder__profile-column[b-r5q35l5zte] {
        min-width: 0;
    }

    .vs-recorder__hero[b-r5q35l5zte] {
        grid-template-columns: 1fr;
    }

    .vs-recorder__hero-actions[b-r5q35l5zte] {
        justify-content: flex-start;
    }

    .vs-recorder__quick-stats[b-r5q35l5zte] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vs-recorder .abtex > .row[b-r5q35l5zte] {
        grid-template-columns: 72px minmax(180px, 1fr) minmax(110px, 0.5fr);
    }

    .vs-recorder__layout[b-r5q35l5zte] {
        grid-template-columns: 1fr;
    }

    .vs-recorder .card-body > .container.rz-card.card.shadow-none:not(.abtex) > .vs-recorder__match-card-row[b-r5q35l5zte] {
        grid-template-columns: 72px minmax(0, 1fr) auto;
    }

    .vs-recorder__pending-card[b-r5q35l5zte] {
        grid-template-columns: minmax(6.5rem, 0.72fr) minmax(0, 1.6fr) auto;
    }

    .vs-recorder__pending-team[b-r5q35l5zte] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .vs-recorder[b-r5q35l5zte] {
        padding: 0.6rem;
    }

    .vs-recorder__main[b-r5q35l5zte],
    .vs-recorder__profile-card[b-r5q35l5zte] {
        padding: 0.75rem;
    }

    .vs-recorder .nav-vsrc[b-r5q35l5zte] {
        grid-template-columns: 1fr;
    }

    .vs-recorder__quick-stats[b-r5q35l5zte] {
        grid-template-columns: 1fr;
    }

    .vs-recorder__hero-actions[b-r5q35l5zte] {
        align-items: stretch;
        flex-direction: column;
    }

    .vs-recorder__hero-actions a[b-r5q35l5zte] {
        width: 100%;
    }

    .vs-recorder .abtex > .row[b-r5q35l5zte] {
        grid-template-columns: 1fr;
        text-align: center !important;
    }

    .vs-recorder .card-body > .container.rz-card.card.shadow-none:not(.abtex) > .vs-recorder__match-card-row[b-r5q35l5zte] {
        grid-template-columns: 1fr;
        text-align: center !important;
    }

    .vs-recorder__pending-card[b-r5q35l5zte] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .vs-recorder__pending-sprites[b-r5q35l5zte] {
        justify-content: center;
    }

    .vs-recorder .abtex img.rounded-circle[b-r5q35l5zte],
    .vs-recorder__match-card-row img.rounded-circle[b-r5q35l5zte] {
        width: 88px !important;
        height: 88px !important;
    }

    .vs-recorder .card-body > .container.rz-card.card.shadow-none:not(.abtex) > .vs-recorder__match-card-row > [class*="col-"][b-r5q35l5zte] {
        text-align: center !important;
    }
}
/* /Shared/BattleAnalysisPanel.razor.rz.scp.css */
.battle-analysis[b-bk6vme6y2z] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a;
    box-shadow: 0 28px 72px rgba(15, 23, 42, 0.4);
}

.battle-analysis__header[b-bk6vme6y2z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.1rem;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
}

.battle-analysis__header h2[b-bk6vme6y2z],
.battle-analysis__header p[b-bk6vme6y2z],
.battle-analysis__footer p[b-bk6vme6y2z],
.battle-analysis__empty[b-bk6vme6y2z] {
    margin: 0;
}

.battle-analysis__header h2[b-bk6vme6y2z] {
    margin-top: 0.35rem;
    font-size: 1.25rem;
    font-weight: 900;
}

.battle-analysis__header h2 i[b-bk6vme6y2z] {
    color: #94a3b8;
    font-style: normal;
    font-weight: 750;
}

.battle-analysis__header p[b-bk6vme6y2z] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.battle-analysis__privacy[b-bk6vme6y2z] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: #166534;
    font-size: 0.75rem;
    font-weight: 900;
}

.battle-analysis__privacy[b-bk6vme6y2z]  .rzi {
    font-size: 1rem;
}

.battle-analysis button[b-bk6vme6y2z] {
    min-height: 2.2rem;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #fff;
    color: #0f172a;
    font-weight: 850;
    cursor: pointer;
}

.battle-analysis button:hover[b-bk6vme6y2z] {
    border-color: #64748b;
}

.battle-analysis__close[b-bk6vme6y2z] {
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    padding: 0;
}

.battle-analysis__close[b-bk6vme6y2z]  .rzi {
    font-size: 1.25rem;
}

.battle-analysis__state[b-bk6vme6y2z] {
    min-height: 22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    color: #334155;
}

.battle-analysis__state--error[b-bk6vme6y2z] {
    color: #991b1b;
}

.battle-analysis__spinner[b-bk6vme6y2z] {
    width: 1.3rem;
    height: 1.3rem;
    border: 3px solid #cbd5e1;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: battle-analysis-spin-b-bk6vme6y2z 0.8s linear infinite;
}

@keyframes battle-analysis-spin-b-bk6vme6y2z {
    to { transform: rotate(360deg); }
}

.battle-analysis__toolbar[b-bk6vme6y2z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.55rem 1.1rem;
}

.battle-analysis__meta[b-bk6vme6y2z],
.battle-analysis__toolbar-controls[b-bk6vme6y2z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.battle-analysis__toolbar-controls[b-bk6vme6y2z] {
    flex: 0 0 auto;
    align-items: center;
}

.battle-analysis__meta span[b-bk6vme6y2z] {
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 850;
}

.battle-analysis__tabs[b-bk6vme6y2z],
.battle-analysis__direction[b-bk6vme6y2z],
.battle-analysis__speed-mode[b-bk6vme6y2z],
.battle-analysis__form-mode[b-bk6vme6y2z] {
    display: flex;
    gap: 0.25rem;
    padding: 0.25rem;
    border: 1px solid #dbe3ed;
    border-radius: 8px;
    background: #eef2f7;
}

.battle-analysis__tabs[b-bk6vme6y2z] {
    width: fit-content;
    margin: 0;
}

.battle-analysis__tabs button[b-bk6vme6y2z],
.battle-analysis__direction button[b-bk6vme6y2z],
.battle-analysis__speed-mode button[b-bk6vme6y2z],
.battle-analysis__form-mode button[b-bk6vme6y2z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.4rem 0.75rem;
    border-color: transparent;
    background: transparent;
    color: #475569;
    box-shadow: none;
}

.battle-analysis__tabs button.is-active[b-bk6vme6y2z],
.battle-analysis__speed-mode button.is-active[b-bk6vme6y2z],
.battle-analysis__form-mode button.is-active[b-bk6vme6y2z] {
    border-color: #cbd5e1;
    background: #fff;
    color: #0f172a;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
}

.battle-analysis__form-mode button[b-bk6vme6y2z] {
    min-width: 6.5rem;
}

.battle-analysis__form-mode button:last-child.is-active[b-bk6vme6y2z] {
    border-color: #f59e0b;
    background: #fffbeb;
    color: #92400e;
}

.battle-analysis__direction[b-bk6vme6y2z] {
    width: calc(100% - 2.2rem);
    max-width: calc(100% - 2.2rem);
    margin: 0 1.1rem 0.75rem;
}

.battle-analysis__direction button[b-bk6vme6y2z] {
    min-width: 0;
    flex: 1 1 0;
}

.battle-analysis__direction button span[b-bk6vme6y2z] {
    color: #94a3b8;
}

.battle-analysis__direction button.is-active[b-bk6vme6y2z] {
    background: #fff;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.08);
}

.battle-analysis__direction button.is-player-one[b-bk6vme6y2z] {
    border-color: rgba(37, 99, 235, 0.35);
    color: #1d4ed8;
}

.battle-analysis__direction button.is-player-two[b-bk6vme6y2z] {
    border-color: rgba(220, 38, 38, 0.3);
    color: #b91c1c;
}

.battle-analysis__damage-layout[b-bk6vme6y2z] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0 1.1rem 0.65rem;
    overflow: hidden;
}

.battle-analysis__damage-layout.has-detail[b-bk6vme6y2z] {
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 17rem);
}

.battle-analysis__matrix-scroll[b-bk6vme6y2z] {
    min-width: 0;
    height: 100%;
    overflow: auto;
    border: 1px solid #dbe3ed;
    border-radius: 8px;
    background: #fff;
}

.battle-analysis__matrix[b-bk6vme6y2z] {
    width: max-content;
    min-width: 100%;
    height: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.battle-analysis__matrix th[b-bk6vme6y2z],
.battle-analysis__matrix td[b-bk6vme6y2z] {
    width: 8rem;
    min-width: 8rem;
    height: 5.45rem;
    padding: 0.3rem;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
    vertical-align: middle;
}

.battle-analysis__matrix tr:last-child th[b-bk6vme6y2z],
.battle-analysis__matrix tr:last-child td[b-bk6vme6y2z] {
    border-bottom: 0;
}

.battle-analysis__matrix th:last-child[b-bk6vme6y2z],
.battle-analysis__matrix td:last-child[b-bk6vme6y2z] {
    border-right: 0;
}

.battle-analysis__matrix thead th[b-bk6vme6y2z] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: #f8fafc;
}

.battle-analysis__matrix tbody th[b-bk6vme6y2z],
.battle-analysis__corner[b-bk6vme6y2z] {
    position: sticky;
    left: 0;
    z-index: 3;
    background: #f8fafc !important;
}

.battle-analysis__corner[b-bk6vme6y2z] {
    z-index: 5 !important;
}

.battle-analysis__matrix th img[b-bk6vme6y2z] {
    width: 2.45rem;
    height: 2.45rem;
    object-fit: contain;
    image-rendering: auto;
}

.battle-analysis__pokemon-heading[b-bk6vme6y2z] {
    position: relative;
    min-height: 4.7rem;
    height: 100%;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 0.08rem;
}

.battle-analysis__pokemon-heading.has-mega-toggle[b-bk6vme6y2z] {
    padding-right: 2.9rem;
}

.battle-analysis__pokemon-heading .battle-analysis__mega-switch[b-bk6vme6y2z] {
    position: absolute;
    top: 0.1rem;
    right: 0;
}

.battle-analysis .battle-analysis__mega-switch[b-bk6vme6y2z] {
    width: auto;
    min-width: 2.65rem;
    min-height: 1.45rem;
    height: 1.45rem;
    padding: 0 0.38rem;
    border-color: #f59e0b;
    border-radius: 5px;
    background: #fffdf7;
    color: #92400e;
    font-size: 0.62rem;
    line-height: 1;
    box-shadow: none;
}

.battle-analysis .battle-analysis__mega-switch.is-active[b-bk6vme6y2z] {
    border-color: #d97706;
    background: #f59e0b;
    color: #fff;
}

.battle-analysis__matrix th span[b-bk6vme6y2z],
.battle-analysis__matrix th small[b-bk6vme6y2z] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.battle-analysis__matrix th span[b-bk6vme6y2z] {
    font-size: 0.82rem;
    font-weight: 900;
}

.battle-analysis__matrix th small[b-bk6vme6y2z] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 750;
}

.battle-analysis__damage-cell[b-bk6vme6y2z] {
    width: 100%;
    min-height: 4.7rem;
    height: calc(100% - 0.1rem);
    display: grid;
    align-content: center;
    gap: 0.2rem;
    padding: 0.45rem;
    overflow: hidden;
}

.battle-analysis__damage-cell strong[b-bk6vme6y2z],
.battle-analysis__damage-cell span[b-bk6vme6y2z],
.battle-analysis__damage-cell small[b-bk6vme6y2z] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.battle-analysis__damage-cell strong[b-bk6vme6y2z] {
    font-size: 0.88rem;
}

.battle-analysis__damage-cell span[b-bk6vme6y2z] {
    font-size: 0.72rem;
}

.battle-analysis__damage-cell small[b-bk6vme6y2z] {
    min-height: 1em;
    color: #64748b;
    font-size: 0.66rem;
}

.battle-analysis__damage-cell.is-chip[b-bk6vme6y2z] {
    border-color: rgba(22, 163, 74, 0.28);
    background: #f0fdf4;
}

.battle-analysis__damage-cell.is-heavy[b-bk6vme6y2z] {
    border-color: rgba(217, 119, 6, 0.34);
    background: #fffbeb;
}

.battle-analysis__damage-cell.is-lethal[b-bk6vme6y2z] {
    border-color: rgba(220, 38, 38, 0.34);
    background: #fef2f2;
    color: #991b1b;
}

.battle-analysis__damage-cell.is-selected[b-bk6vme6y2z] {
    outline: 3px solid rgba(15, 23, 42, 0.82);
    outline-offset: -3px;
}

.battle-analysis__no-damage[b-bk6vme6y2z] {
    color: #94a3b8;
}

.battle-analysis__move-detail[b-bk6vme6y2z] {
    min-height: 0;
    overflow: auto;
    border: 1px solid #dbe3ed;
    border-radius: 8px;
    background: #fff;
}

.battle-analysis__matchup-title[b-bk6vme6y2z] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 2.35rem 0.55rem 0.55rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.battle-analysis__detail-close[b-bk6vme6y2z] {
    position: absolute;
    top: 0.5rem;
    right: 0.45rem;
    width: 1.8rem;
    height: 1.8rem;
    min-height: 1.8rem !important;
    padding: 0;
}

.battle-analysis__detail-close[b-bk6vme6y2z]  .rzi {
    font-size: 1rem;
}

.battle-analysis__matchup-title > span[b-bk6vme6y2z] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.battle-analysis__matchup-title img[b-bk6vme6y2z] {
    width: 2.2rem;
    height: 2.2rem;
    flex: 0 0 auto;
    object-fit: contain;
}

.battle-analysis__matchup-title strong[b-bk6vme6y2z] {
    overflow: hidden;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.battle-analysis__move-list[b-bk6vme6y2z] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.battle-analysis__move-list li[b-bk6vme6y2z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    min-height: 3.7rem;
    padding: 0.55rem;
    border-bottom: 1px solid #eef2f7;
}

.battle-analysis__move-list li:last-child[b-bk6vme6y2z] {
    border-bottom: 0;
}

.battle-analysis__move-list li > div[b-bk6vme6y2z] {
    min-width: 0;
}

.battle-analysis__move-list li > div:last-child[b-bk6vme6y2z] {
    text-align: right;
}

.battle-analysis__move-list strong[b-bk6vme6y2z],
.battle-analysis__move-list span[b-bk6vme6y2z],
.battle-analysis__move-list small[b-bk6vme6y2z] {
    display: block;
}

.battle-analysis__move-list strong[b-bk6vme6y2z] {
    overflow: hidden;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.battle-analysis__move-list span[b-bk6vme6y2z],
.battle-analysis__move-list small[b-bk6vme6y2z] {
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 750;
}

.battle-analysis__empty[b-bk6vme6y2z] {
    padding: 1rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 750;
}

.battle-analysis__speed-head[b-bk6vme6y2z] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 1.1rem 0.7rem;
}

.battle-analysis__speed-head > div:first-child[b-bk6vme6y2z] {
    display: grid;
    gap: 0.15rem;
}

.battle-analysis__speed-head strong[b-bk6vme6y2z] {
    font-size: 0.95rem;
}

.battle-analysis__speed-head span[b-bk6vme6y2z] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 700;
}

.battle-analysis__speed-mode button[b-bk6vme6y2z] {
    min-width: 5rem;
}

.battle-analysis__speed-list[b-bk6vme6y2z] {
    min-height: 0;
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding: 0 1.1rem 0.85rem;
    overflow: auto;
    list-style: none;
}

.battle-analysis__speed-list li[b-bk6vme6y2z] {
    display: grid;
    grid-template-columns: 2rem 3.5rem minmax(9rem, 1fr) minmax(7rem, auto) minmax(10rem, 0.8fr);
    align-items: center;
    gap: 0.65rem;
    min-height: 4.25rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid #dbe3ed;
    border-left-width: 4px;
    border-radius: 7px;
    background: #fff;
}

.battle-analysis__speed-list li.is-player-one[b-bk6vme6y2z] {
    border-left-color: #2563eb;
}

.battle-analysis__speed-list li.is-player-two[b-bk6vme6y2z] {
    border-left-color: #dc2626;
}

.battle-analysis__speed-rank[b-bk6vme6y2z] {
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
}

.battle-analysis__speed-list img[b-bk6vme6y2z] {
    width: 3.5rem;
    height: 3.5rem;
    object-fit: contain;
}

.battle-analysis__speed-identity[b-bk6vme6y2z],
.battle-analysis__speed-value[b-bk6vme6y2z],
.battle-analysis__set-summary[b-bk6vme6y2z] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.battle-analysis__speed-name[b-bk6vme6y2z] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.battle-analysis__speed-name > strong[b-bk6vme6y2z] {
    min-width: 0;
}

.battle-analysis__speed-identity strong[b-bk6vme6y2z],
.battle-analysis__speed-identity span[b-bk6vme6y2z],
.battle-analysis__speed-value strong[b-bk6vme6y2z],
.battle-analysis__speed-value small[b-bk6vme6y2z],
.battle-analysis__set-summary span[b-bk6vme6y2z] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.battle-analysis__speed-identity strong[b-bk6vme6y2z] {
    font-size: 0.9rem;
}

.battle-analysis__speed-identity span[b-bk6vme6y2z],
.battle-analysis__speed-value small[b-bk6vme6y2z],
.battle-analysis__set-summary span[b-bk6vme6y2z] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 700;
}

.battle-analysis__speed-value[b-bk6vme6y2z] {
    text-align: right;
}

.battle-analysis__speed-value strong[b-bk6vme6y2z] {
    font-size: 1.35rem;
    font-weight: 950;
}

.battle-analysis__set-summary[b-bk6vme6y2z] {
    padding-left: 0.7rem;
    border-left: 1px solid #e2e8f0;
}

.battle-analysis__footer[b-bk6vme6y2z] {
    padding: 0.65rem 1.1rem;
    border-top: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
}

.battle-analysis__footer details[b-bk6vme6y2z] {
    margin-top: 0.35rem;
}

.battle-analysis__footer summary[b-bk6vme6y2z] {
    color: #9a3412;
    cursor: pointer;
}

.battle-analysis__footer ul[b-bk6vme6y2z] {
    margin: 0.4rem 0 0;
    padding-left: 1.2rem;
}

@media (max-width: 960px) {
    .battle-analysis__damage-layout.has-detail[b-bk6vme6y2z] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) auto;
        overflow: auto;
    }

    .battle-analysis__matrix-scroll[b-bk6vme6y2z] {
        min-height: 18rem;
    }

    .battle-analysis__move-detail[b-bk6vme6y2z] {
        max-height: 10rem;
        overflow: auto;
    }

    .battle-analysis__move-list[b-bk6vme6y2z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .battle-analysis[b-bk6vme6y2z] {
        width: 100%;
        max-height: 100%;
        border: 0;
        border-radius: 0;
    }

    .battle-analysis__header[b-bk6vme6y2z] {
        padding: 0.8rem;
    }

    .battle-analysis__header h2[b-bk6vme6y2z] {
        font-size: 1rem;
    }

    .battle-analysis__toolbar[b-bk6vme6y2z],
    .battle-analysis__direction[b-bk6vme6y2z],
    .battle-analysis__speed-head[b-bk6vme6y2z],
    .battle-analysis__speed-list[b-bk6vme6y2z] {
        margin-left: 0.8rem;
        margin-right: 0.8rem;
    }

    .battle-analysis__toolbar[b-bk6vme6y2z] {
        align-items: stretch;
        flex-direction: column;
        margin: 0;
        padding: 0.55rem 0.8rem;
    }

    .battle-analysis__toolbar-controls[b-bk6vme6y2z] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .battle-analysis__tabs[b-bk6vme6y2z],
    .battle-analysis__form-mode[b-bk6vme6y2z] {
        width: 100%;
    }

    .battle-analysis__tabs button[b-bk6vme6y2z],
    .battle-analysis__form-mode button[b-bk6vme6y2z] {
        min-width: 0;
        flex: 1 1 0;
    }

    .battle-analysis__form-mode button[b-bk6vme6y2z] {
        padding-inline: 0.35rem;
        font-size: 0.7rem;
    }

    .battle-analysis__direction[b-bk6vme6y2z] {
        width: auto;
        max-width: none;
    }

    .battle-analysis__direction button[b-bk6vme6y2z] {
        min-width: 0;
        flex: 1 1 0;
        padding-inline: 0.45rem;
        font-size: 0.72rem;
    }

    .battle-analysis__damage-layout[b-bk6vme6y2z] {
        padding-inline: 0.8rem;
    }

    .battle-analysis__matrix th[b-bk6vme6y2z],
    .battle-analysis__matrix td[b-bk6vme6y2z] {
        width: 7.4rem;
        min-width: 7.4rem;
    }

    .battle-analysis__pokemon-heading.has-mega-toggle[b-bk6vme6y2z] {
        padding-right: 2.65rem;
    }

    .battle-analysis__speed-head[b-bk6vme6y2z] {
        align-items: stretch;
        flex-direction: column;
    }

    .battle-analysis__speed-mode[b-bk6vme6y2z] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .battle-analysis__speed-list[b-bk6vme6y2z] {
        padding: 0 0 0.7rem;
    }

    .battle-analysis__speed-list li[b-bk6vme6y2z] {
        grid-template-columns: 1.6rem 3rem minmax(0, 1fr) auto;
        height: 6.8rem;
        row-gap: 0.2rem;
    }

    .battle-analysis__speed-list img[b-bk6vme6y2z] {
        width: 3rem;
        height: 3rem;
    }

    .battle-analysis__set-summary[b-bk6vme6y2z] {
        grid-column: 3 / -1;
        align-self: start;
        padding-top: 0.2rem;
        padding-left: 0;
        border-top: 1px solid #eef2f7;
        border-left: 0;
    }

    .battle-analysis__footer[b-bk6vme6y2z] {
        padding-inline: 0.8rem;
    }
}

@media (min-width: 1600px) and (min-height: 900px) {
    .battle-analysis__header[b-bk6vme6y2z] {
        padding: 0.9rem 1.35rem;
    }

    .battle-analysis__header h2[b-bk6vme6y2z] {
        font-size: 1.45rem;
    }

    .battle-analysis__toolbar[b-bk6vme6y2z] {
        padding: 0.7rem 1.35rem;
    }

    .battle-analysis__direction[b-bk6vme6y2z] {
        width: calc(100% - 2.7rem);
        max-width: calc(100% - 2.7rem);
        margin-inline: 1.35rem;
    }

    .battle-analysis__damage-layout[b-bk6vme6y2z] {
        padding: 0 1.35rem 0.8rem;
    }

    .battle-analysis__damage-layout.has-detail[b-bk6vme6y2z] {
        grid-template-columns: minmax(0, 1fr) minmax(19rem, 22rem);
    }

    .battle-analysis__matrix th[b-bk6vme6y2z],
    .battle-analysis__matrix td[b-bk6vme6y2z] {
        min-width: 10rem;
        padding: 0.45rem;
    }

    .battle-analysis__matrix th img[b-bk6vme6y2z] {
        width: 3.6rem;
        height: 3.6rem;
    }

    .battle-analysis__matrix th span[b-bk6vme6y2z] {
        font-size: 1.05rem;
    }

    .battle-analysis__matrix th small[b-bk6vme6y2z] {
        font-size: 0.78rem;
    }

    .battle-analysis__damage-cell[b-bk6vme6y2z] {
        gap: 0.32rem;
        padding: 0.65rem;
    }

    .battle-analysis__damage-cell strong[b-bk6vme6y2z] {
        font-size: 1.2rem;
    }

    .battle-analysis__damage-cell span[b-bk6vme6y2z] {
        font-size: 0.96rem;
    }

    .battle-analysis__damage-cell small[b-bk6vme6y2z] {
        font-size: 0.82rem;
    }

    .battle-analysis .battle-analysis__mega-switch[b-bk6vme6y2z] {
        min-width: 3rem;
        min-height: 1.65rem;
        height: 1.65rem;
        font-size: 0.7rem;
    }

    .battle-analysis__footer[b-bk6vme6y2z] {
        padding: 0.75rem 1.35rem;
        font-size: 0.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .battle-analysis__spinner[b-bk6vme6y2z] {
        animation-duration: 1.8s;
    }
}
/* /Shared/BattleResultEditor.razor.rz.scp.css */
.battle-result-editor[b-851pwcgnch] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 14px 34px rgba(30, 64, 175, 0.08);
}

.battle-result-editor--dirty[b-851pwcgnch] {
    border-color: #93c5fd;
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.16), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.16);
}

.battle-result-editor__empty[b-851pwcgnch] {
    padding: 1rem;
    color: #64748b;
    text-align: center;
}

.battle-result-editor__header[b-851pwcgnch],
.battle-result-editor__actions[b-851pwcgnch],
.battle-result-editor__mini-score[b-851pwcgnch] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.battle-result-editor__header[b-851pwcgnch] {
    justify-content: space-between;
}

.battle-result-editor__header h4[b-851pwcgnch] {
    margin: 0.15rem 0 0;
    color: #0f172a;
}

.battle-result-editor__eyebrow[b-851pwcgnch] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.battle-result-editor__status[b-851pwcgnch] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 800;
    background: #e2e8f0;
    color: #334155;
}

.battle-result-editor__status--waiting[b-851pwcgnch] {
    background: #fef3c7;
    color: #92400e;
}

.battle-result-editor__status--done[b-851pwcgnch] {
    background: #dcfce7;
    color: #166534;
}

.battle-result-editor__status--draw[b-851pwcgnch] {
    background: #dbeafe;
    color: #1d4ed8;
}

.battle-result-editor__status--lost[b-851pwcgnch] {
    background: #fee2e2;
    color: #b91c1c;
}

.battle-result-editor__score-card[b-851pwcgnch] {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(5.25rem, 0.42fr) minmax(0, 1.22fr);
    gap: 0.85rem;
    align-items: stretch;
}

.battle-result-editor__player[b-851pwcgnch],
.battle-result-editor__score-divider[b-851pwcgnch],
.battle-result-editor__mini-score label[b-851pwcgnch] {
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    min-width: 0;
}

.battle-result-editor__player strong[b-851pwcgnch],
.battle-result-editor__player span[b-851pwcgnch] {
    display: block;
}

.battle-result-editor__player span[b-851pwcgnch] {
    color: #64748b;
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

.battle-result-editor__player--right[b-851pwcgnch] {
    text-align: right;
}

.battle-result-editor__score-divider[b-851pwcgnch] {
    justify-items: center;
    align-content: center;
    min-width: 0;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.battle-result-editor__score-divider span[b-851pwcgnch] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 800;
}

.battle-result-editor__score-divider strong[b-851pwcgnch] {
    color: #1d4ed8;
    font-size: 1.45rem;
}

.battle-result-editor__player[b-851pwcgnch]  .rz-numeric,
.battle-result-editor__score-divider[b-851pwcgnch]  .rz-numeric {
    width: 100%;
}

.battle-result-editor__player[b-851pwcgnch]  .rz-numeric {
    max-width: 6.25rem;
}

.battle-result-editor__player--right[b-851pwcgnch]  .rz-numeric {
    justify-self: end;
}

.battle-result-editor__mini-score label[b-851pwcgnch] {
    min-width: 160px;
    color: #475569;
    font-weight: 700;
}

.battle-result-editor__warning[b-851pwcgnch] {
    padding: 0.7rem 0.85rem;
    border: 1px solid #fecaca;
    border-radius: 14px;
    background: #fef2f2;
    color: #991b1b;
    font-weight: 700;
}

.battle-result-editor__warning--edited[b-851pwcgnch] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}

.battle-result-editor__draft-badge[b-851pwcgnch] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.78rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.battle-result-editor__submit-wrap[b-851pwcgnch] {
    display: inline-flex;
}

.battle-result-editor__submit-wrap--dirty[b-851pwcgnch]  .rz-button {
    min-width: 6.5rem;
    font-weight: 900;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18), 0 12px 24px rgba(37, 99, 235, 0.28);
    animation: battle-result-editor-save-pulse-b-851pwcgnch 1.3s ease-in-out infinite;
}

.battle-result-editor__done[b-851pwcgnch] {
    color: #166534;
    font-weight: 800;
}

@keyframes battle-result-editor-save-pulse-b-851pwcgnch {
    0%, 100% {
        transform: translateY(0);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18), 0 12px 24px rgba(37, 99, 235, 0.28);
    }

    50% {
        transform: translateY(-1px);
        box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.24), 0 16px 30px rgba(37, 99, 235, 0.34);
    }
}

@media (max-width: 1399.98px) {
    .battle-result-editor__score-card[b-851pwcgnch] {
        grid-template-columns: 1fr;
    }

    .battle-result-editor__player--right[b-851pwcgnch] {
        text-align: left;
    }

    .battle-result-editor__player[b-851pwcgnch]  .rz-numeric,
    .battle-result-editor__player--right[b-851pwcgnch]  .rz-numeric {
        justify-self: start;
    }
}

@media (max-width: 767.98px) {
    .battle-result-editor[b-851pwcgnch] {
        padding: 0.85rem;
        border-radius: 16px;
        box-shadow: 0 10px 22px rgba(30, 64, 175, 0.06);
    }

    .battle-result-editor__score-card[b-851pwcgnch] {
        grid-template-columns: 1fr;
    }

    .battle-result-editor__player[b-851pwcgnch],
    .battle-result-editor__score-divider[b-851pwcgnch],
    .battle-result-editor__mini-score label[b-851pwcgnch] {
        padding: 0.75rem;
        border-radius: 14px;
    }

    .battle-result-editor__actions[b-851pwcgnch] {
        gap: 0.55rem;
    }

    .battle-result-editor__player--right[b-851pwcgnch] {
        text-align: left;
    }
}
/* /Shared/BattleResultQueue.razor.rz.scp.css */
.battle-result-queue__hint[b-kw6d15zilb] {
    display: none;
    margin: 0 0 0.6rem;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

.battle-result-queue[b-kw6d15zilb] {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.battle-result-queue__table[b-kw6d15zilb] {
    width: 100%;
    min-width: 680px;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.battle-result-queue__table th[b-kw6d15zilb],
.battle-result-queue__table td[b-kw6d15zilb] {
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid #edf2f7;
    vertical-align: middle;
}

.battle-result-queue__table th[b-kw6d15zilb] {
    background: #f8fafc;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.battle-result-queue__table tbody tr:last-child td[b-kw6d15zilb] {
    border-bottom: 0;
}

.battle-result-queue__row[b-kw6d15zilb] {
    cursor: pointer;
}

.battle-result-queue__row:hover td[b-kw6d15zilb] {
    background: #f8fafc;
}

.battle-result-queue__row--selected td[b-kw6d15zilb] {
    background: #eff6ff;
}

.battle-result-queue__row--submitted td[b-kw6d15zilb] {
    background: #f0fdf4;
}

.battle-result-queue__row--submitted:hover td[b-kw6d15zilb] {
    background: #dcfce7;
}

.battle-result-queue__row--selected.battle-result-queue__row--submitted td[b-kw6d15zilb] {
    background: #dbeafe;
}

.battle-result-queue__row--warning td[b-kw6d15zilb] {
    box-shadow: inset 3px 0 0 #ef4444;
}

.battle-result-queue__row:focus-visible[b-kw6d15zilb] {
    outline: none;
}

.battle-result-queue__row:focus-visible td[b-kw6d15zilb] {
    background: #f8fafc;
    box-shadow: inset 0 0 0 2px #60a5fa;
}

.battle-result-queue__player[b-kw6d15zilb] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.battle-result-queue__player strong[b-kw6d15zilb] {
    overflow-wrap: anywhere;
}

.battle-result-queue__player span[b-kw6d15zilb] {
    color: #94a3b8;
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.battle-result-queue__table th:last-child[b-kw6d15zilb],
.battle-result-queue__table td:last-child[b-kw6d15zilb] {
    white-space: nowrap;
}

.battle-result-queue__score[b-kw6d15zilb],
.battle-result-queue__status[b-kw6d15zilb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: 800;
}

.battle-result-queue__score[b-kw6d15zilb] {
    min-width: 64px;
    padding: 0.25rem 0.7rem;
    background: #dbeafe;
    color: #1d4ed8;
}

.battle-result-queue__status-stack[b-kw6d15zilb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.battle-result-queue__status[b-kw6d15zilb] {
    padding: 0.25rem 0.65rem;
    font-size: 0.84rem;
    background: #e2e8f0;
    color: #334155;
    white-space: nowrap;
}

.battle-result-queue__status--waiting[b-kw6d15zilb] {
    background: #fef3c7;
    color: #92400e;
}

.battle-result-queue__status--done[b-kw6d15zilb] {
    background: #dcfce7;
    color: #166534;
}

.battle-result-queue__status--draw[b-kw6d15zilb] {
    background: #dbeafe;
    color: #1d4ed8;
}

.battle-result-queue__status--lost[b-kw6d15zilb] {
    background: #fee2e2;
    color: #b91c1c;
}

.battle-result-queue__status--edited[b-kw6d15zilb] {
    background: #fff7ed;
    color: #9a3412;
}

@media (max-width: 767.98px) {
    .battle-result-queue__hint[b-kw6d15zilb] {
        display: block;
    }
}
/* /Shared/BattleTitleBadge.razor.rz.scp.css */
.battle-title-badge[b-7koh3x5axd] {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    padding: 0.25rem 0.72rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 950;
    white-space: nowrap;
}

.battle-title-badge__icon[b-7koh3x5axd] {
    line-height: 1;
}

.battle-title-badge--common[b-7koh3x5axd] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.battle-title-badge--rare[b-7koh3x5axd] {
    border-color: #c4b5fd;
    background: #f5f3ff;
    color: #6d28d9;
}

.battle-title-badge--epic[b-7koh3x5axd] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #b45309;
}

.battle-title-badge--legendary[b-7koh3x5axd] {
    border-color: #fecaca;
    background: linear-gradient(135deg, #fff7ed 0%, #fee2e2 100%);
    color: #b91c1c;
    box-shadow: 0 8px 18px rgba(185, 28, 28, 0.12);
}
/* /Shared/BattleTitleGallery.razor.rz.scp.css */
.battle-title-gallery[b-n260etlw03] {
    display: grid;
    gap: 1rem;
    max-width: 960px;
}

.battle-title-gallery__header[b-n260etlw03] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
}

.battle-title-gallery__eyebrow[b-n260etlw03] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.battle-title-gallery h2[b-n260etlw03],
.battle-title-gallery h3[b-n260etlw03] {
    margin: 0;
    color: #0f172a;
}

.battle-title-gallery p[b-n260etlw03] {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-weight: 700;
}

.battle-title-gallery__current[b-n260etlw03] {
    display: grid;
    gap: 0.35rem;
    justify-items: end;
}

.battle-title-gallery__empty[b-n260etlw03] {
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
}

.battle-title-gallery__current > span[b-n260etlw03],
.battle-title-gallery__stats span[b-n260etlw03],
.battle-title-gallery__title-row > span[b-n260etlw03] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 900;
}

.battle-title-gallery__stats[b-n260etlw03] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.battle-title-gallery__stats div[b-n260etlw03] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.battle-title-gallery__stats strong[b-n260etlw03] {
    color: #0f172a;
    font-size: 1.08rem;
}

.battle-title-gallery__list[b-n260etlw03],
.battle-title-gallery__group[b-n260etlw03] {
    display: grid;
    gap: 0.75rem;
}

.battle-title-gallery__cards[b-n260etlw03] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.75rem;
}

.battle-title-gallery__card[b-n260etlw03] {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
    opacity: 0.72;
}

.battle-title-gallery__card--unlocked[b-n260etlw03] {
    background: #ffffff;
    opacity: 1;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

.battle-title-gallery__title-row[b-n260etlw03] {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
}

.battle-title-gallery__progress[b-n260etlw03] {
    overflow: hidden;
    height: 0.5rem;
    border-radius: 999px;
    background: #e2e8f0;
}

.battle-title-gallery__progress span[b-n260etlw03] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
}

@media (max-width: 720px) {
    .battle-title-gallery__header[b-n260etlw03] {
        flex-direction: column;
    }

    .battle-title-gallery__current[b-n260etlw03] {
        justify-items: start;
    }

    .battle-title-gallery__stats[b-n260etlw03] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/BilibiliLivePlayer.razor.rz.scp.css */
.bilibili-live-player[b-j8n7btjm6i] {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 220px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 18px;
    background: #0f172a;
}

.bilibili-live-player iframe[b-j8n7btjm6i] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* /Shared/EmptyState.razor.rz.scp.css */
.empty-state[b-d2fmjcgc5g] {
    display: grid;
    gap: 0.75rem;
    justify-items: center;
    padding: 1.5rem;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    background: #f8fafc;
    color: #475569;
    text-align: center;
}

.empty-state__icon[b-d2fmjcgc5g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 1.35rem;
    font-weight: 900;
}

.empty-state h3[b-d2fmjcgc5g] {
    margin: 0;
    color: #0f172a;
    font-size: 1.1rem;
}

.empty-state p[b-d2fmjcgc5g] {
    max-width: 42rem;
    margin: 0.35rem 0 0;
}

.empty-state__actions[b-d2fmjcgc5g] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}
/* /Shared/ImpersonationBanner.razor.rz.scp.css */
.impersonation-banner[b-hzks6iqf5c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem auto 0;
    max-width: min(1120px, calc(100vw - 2rem));
    border: 1px solid rgba(180, 83, 9, 0.28);
    border-radius: 8px;
    background: #fff7ed;
    color: #7c2d12;
    padding: 0.75rem 1rem;
    box-shadow: 0 12px 30px rgba(124, 45, 18, 0.08);
}

.impersonation-banner div[b-hzks6iqf5c] {
    display: grid;
    gap: 0.15rem;
}

.impersonation-banner span[b-hzks6iqf5c] {
    font-weight: 700;
}

.impersonation-banner small[b-hzks6iqf5c] {
    color: #9a3412;
}

.impersonation-banner a[b-hzks6iqf5c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    white-space: nowrap;
    border-radius: 6px;
    background: #c2410c;
    color: #fff;
    padding: 0.35rem 0.85rem;
    text-decoration: none;
    font-weight: 700;
}

.impersonation-banner a:hover[b-hzks6iqf5c] {
    background: #9a3412;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 640px) {
    .impersonation-banner[b-hzks6iqf5c] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
.topbar-profile-trigger[b-ydmm3jd6hb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    max-width: min(14rem, 24vw);
    min-height: 2.55rem;
    padding: 0.18rem 0.42rem 0.18rem 0.18rem;
    border: 1px solid rgba(45, 108, 223, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 8px 18px rgba(45, 108, 223, 0.09);
}

.topbar-profile-trigger__summary[b-ydmm3jd6hb] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    text-align: left;
}

.topbar-profile-trigger__badges[b-ydmm3jd6hb] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.3rem;
    align-items: center;
    min-width: 0;
}

.topbar-profile-trigger__summary strong[b-ydmm3jd6hb],
.topbar-profile-trigger__summary span[b-ydmm3jd6hb] {
    display: block;
    max-width: 5.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-profile-trigger__summary strong[b-ydmm3jd6hb] {
    color: var(--site-text);
    font-size: 0.84rem;
    font-weight: 800;
}

.topbar-profile-trigger__summary span[b-ydmm3jd6hb] {
    color: var(--site-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.topbar-profile-trigger__summary[b-ydmm3jd6hb]  .battle-title-badge,
.topbar-profile-trigger__summary[b-ydmm3jd6hb]  .user-level-badge {
    max-width: 5.75rem;
    min-height: 1.35rem;
    padding: 0.08rem 0.42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.68rem;
    line-height: 1.1;
    box-shadow: none;
}

.topbar-profile-trigger__summary[b-ydmm3jd6hb]  .battle-title-badge {
    display: none !important;
}

.topbar-profile-trigger__summary[b-ydmm3jd6hb]  .battle-title-badge span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topbar-profile-trigger__summary[b-ydmm3jd6hb]  .user-level-badge {
    flex: 0 0 auto;
}

.profile-avatar[b-ydmm3jd6hb] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(45, 108, 223, 0.18);
    box-shadow: 0 8px 18px rgba(45, 108, 223, 0.18);
    flex: 0 0 auto;
}

.profile-avatar img[b-ydmm3jd6hb] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.login-links[b-ydmm3jd6hb] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    min-height: 2.55rem;
    white-space: nowrap;
}

.login-link[b-ydmm3jd6hb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    font-weight: 700;
    line-height: 1;
}

.login-link:hover[b-ydmm3jd6hb] {
    background: rgba(45, 108, 223, 0.08);
    text-decoration: none;
}

.login-link--qq:hover[b-ydmm3jd6hb] {
    background: rgba(18, 183, 245, 0.1);
}

.login-menu[b-ydmm3jd6hb] {
    position: relative;
}

.login-menu__toggle[b-ydmm3jd6hb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.25rem;
    padding: 0 0.7rem;
    border: 1px solid rgba(45, 108, 223, 0.2);
    border-radius: 0.5rem;
    background: #ffffff;
    color: var(--site-primary-strong);
    font-size: 0.86rem;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
}

.login-menu__toggle:hover[b-ydmm3jd6hb],
.login-menu__toggle:focus-visible[b-ydmm3jd6hb],
.login-menu--open .login-menu__toggle[b-ydmm3jd6hb] {
    border-color: rgba(45, 108, 223, 0.42);
    background: rgba(45, 108, 223, 0.08);
}

.login-menu__panel[b-ydmm3jd6hb] {
    position: absolute;
    z-index: 1200;
    top: calc(100% + 0.45rem);
    right: 0;
    display: grid;
    width: 11.5rem;
    padding: 0.4rem;
    border: 1px solid var(--site-border);
    border-radius: 0.55rem;
    background: var(--site-panel);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
}

.login-menu__panel a[b-ydmm3jd6hb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.35rem;
    padding: 0 0.65rem;
    border-radius: 0.35rem;
    color: var(--site-text);
    font-size: 0.84rem;
    font-weight: 750;
    text-decoration: none;
}

.login-menu__panel a:hover[b-ydmm3jd6hb],
.login-menu__panel a:focus-visible[b-ydmm3jd6hb] {
    background: rgba(45, 108, 223, 0.08);
}

.login-menu__panel .login-menu__primary[b-ydmm3jd6hb] {
    background: #2563eb;
    color: #ffffff;
}

.login-menu__primary small[b-ydmm3jd6hb] {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.68rem;
}

@media (max-width: 1199.98px) {
    .topbar-profile-trigger[b-ydmm3jd6hb] {
        max-width: 13.5rem;
    }
}

@media (max-width: 991.98px) {
    .topbar-profile-trigger[b-ydmm3jd6hb] {
        max-width: 10rem;
    }
}

@media (max-width: 767.98px) {
    .topbar-profile-trigger[b-ydmm3jd6hb] {
        min-height: 2.25rem;
        padding-right: 0.18rem;
    }

    .topbar-profile-trigger__summary[b-ydmm3jd6hb] {
        display: none;
    }

    .profile-avatar[b-ydmm3jd6hb] {
        width: 32px;
        height: 32px;
    }

    .login-links[b-ydmm3jd6hb] {
        gap: 0.25rem;
        min-height: 2.25rem;
    }

    .login-link[b-ydmm3jd6hb] {
        min-height: 2rem;
        padding-inline: 0.32rem;
        font-size: 0.88rem;
    }

    .login-menu__toggle[b-ydmm3jd6hb] {
        width: 2.25rem;
        padding: 0;
    }

    .login-menu__toggle span[b-ydmm3jd6hb] {
        display: none;
    }

}
/* /Shared/MainLayout.razor.rz.scp.css */
.app-layout[b-i8meoe4rwc] {
    min-height: 100vh;
}

.app-sidebar-shell[b-i8meoe4rwc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-sizing: border-box;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    padding: 0.75rem 0.75rem calc(2rem + env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
}

.app-sidebar-shell[b-i8meoe4rwc]::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.app-sidebar-head[b-i8meoe4rwc] {
    position: sticky;
    top: 0;
    z-index: 3;
    margin: -0.75rem -0.75rem 0;
    padding: 0.75rem 0.75rem 0.85rem;
    background: linear-gradient(180deg, rgba(18, 29, 56, 0.98) 0%, rgba(25, 36, 66, 0.96) 78%, rgba(25, 36, 66, 0) 100%);
}

.app-sidebar-brand[b-i8meoe4rwc],
.app-topbar-brand[b-i8meoe4rwc] {
    text-decoration: none;
}

.app-sidebar-brand[b-i8meoe4rwc] {
    display: grid;
    gap: 0.12rem;
    padding: 0.7rem 0.85rem;
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.app-sidebar-brand:hover[b-i8meoe4rwc],
.app-topbar-brand:hover[b-i8meoe4rwc] {
    text-decoration: none;
}

.app-sidebar-brand__title[b-i8meoe4rwc] {
    font-size: 1rem;
    font-weight: 800;
}

.app-sidebar-brand__subtitle[b-i8meoe4rwc] {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.78rem;
    font-weight: 600;
}

[b-i8meoe4rwc] .app-layout--desktop .app-sidebar.app-sidebar--collapsed {
    width: 5rem !important;
    min-width: 5rem !important;
}

[b-i8meoe4rwc] .app-sidebar.app-sidebar--collapsed .app-sidebar-shell {
    gap: 0.35rem;
    padding-top: 0.6rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

[b-i8meoe4rwc] .app-sidebar.app-sidebar--collapsed .app-sidebar-head {
    display: none;
}

.app-nav-menu[b-i8meoe4rwc] {
    flex: 0 0 auto;
    min-width: 0;
    min-height: auto;
    overflow: visible;
}

.app-topbar[b-i8meoe4rwc] {
    height: auto;
    min-height: var(--app-topbar-height, 3.65rem);
    padding: var(--app-topbar-padding-y, 0.42rem) var(--app-topbar-padding-x, 1rem);
}

.app-topbar-inner[b-i8meoe4rwc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    width: 100%;
    min-height: var(--app-topbar-inner-height, 2.4rem);
}

.app-topbar-leading[b-i8meoe4rwc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.app-topbar-brand[b-i8meoe4rwc] {
    display: grid;
    gap: 0.1rem;
    color: var(--site-text);
}

.app-topbar-brand strong[b-i8meoe4rwc] {
    font-size: 0.98rem;
    font-weight: 800;
}

.app-topbar-brand span[b-i8meoe4rwc] {
    color: var(--site-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.app-topbar-toggle[b-i8meoe4rwc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.85rem;
    height: 2.85rem;
    padding: 0;
    border: 1px solid rgba(20, 32, 58, 0.1);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.96);
    color: var(--site-text);
    box-shadow: 0 12px 28px rgba(17, 27, 45, 0.12);
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.app-topbar-toggle:hover[b-i8meoe4rwc] {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(17, 27, 45, 0.16);
    background: #fff;
}

.app-topbar-toggle:focus-visible[b-i8meoe4rwc] {
    outline: 2px solid rgba(45, 108, 223, 0.28);
    outline-offset: 2px;
}

.app-topbar-toggle .rzi[b-i8meoe4rwc] {
    font-size: 1.35rem;
}

.topbar-picker[b-i8meoe4rwc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

[b-i8meoe4rwc] .app-topbar-toggle.rz-sidebar-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.55rem !important;
    height: 2.55rem !important;
    min-width: 2.55rem !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(20, 32, 58, 0.1);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.96);
    color: var(--site-text);
    box-shadow: 0 10px 24px rgba(17, 27, 45, 0.1);
}

[b-i8meoe4rwc] .app-topbar-toggle.rz-sidebar-toggle .rzi {
    font-size: 1.25rem !important;
    line-height: 1 !important;
}

.topbar-settings-toggle[b-i8meoe4rwc] {
    display: none;
}

.topbar-settings-panel[b-i8meoe4rwc] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.topbar-cta--mobile[b-i8meoe4rwc] {
    display: none;
}

.topbar-picker > span[b-i8meoe4rwc] {
    white-space: nowrap;
    color: var(--site-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.topbar-icon-action[b-i8meoe4rwc],
.topbar-profile[b-i8meoe4rwc] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

@media (min-width: 992px) {
    .app-topbar-brand[b-i8meoe4rwc] {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .app-topbar[b-i8meoe4rwc] {
        min-height: 0;
        padding: 0.45rem 0.65rem;
    }

    .app-sidebar-shell[b-i8meoe4rwc] {
        min-height: 100dvh;
        max-height: 100dvh;
        padding: 0.85rem 0.7rem calc(5.5rem + env(safe-area-inset-bottom, 0px));
    }

    .app-sidebar-head[b-i8meoe4rwc] {
        margin: -0.85rem -0.7rem 0;
        padding: 0.85rem 0.7rem 0.95rem;
    }

    .app-sidebar-brand__copy[b-i8meoe4rwc],
    .app-topbar-brand span[b-i8meoe4rwc] {
        display: none;
    }

    .app-topbar-inner[b-i8meoe4rwc] {
        position: relative;
        flex-wrap: nowrap;
        gap: 0.55rem;
        min-height: 2.35rem;
    }

    .app-topbar-leading[b-i8meoe4rwc] {
        flex: 1 1 auto;
        gap: 0.55rem;
    }

    .app-topbar-brand strong[b-i8meoe4rwc] {
        font-size: 0.9rem;
    }

    .app-topbar-toggle[b-i8meoe4rwc] {
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 0.75rem;
        box-shadow: none;
    }

    [b-i8meoe4rwc] .app-topbar-toggle.rz-sidebar-toggle {
        width: 2.25rem !important;
        height: 2.25rem !important;
        min-width: 2.25rem !important;
        border-radius: 0.75rem;
        box-shadow: none;
    }

    [b-i8meoe4rwc] .app-topbar-toggle.rz-sidebar-toggle .rzi {
        font-size: 1.15rem !important;
    }

    .topbar-settings-toggle[b-i8meoe4rwc] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 2.25rem;
        height: 2.25rem;
        padding: 0;
        border: 1px solid rgba(45, 108, 223, 0.14);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.96);
        color: #2563eb;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    }

    .topbar-settings-toggle .rzi[b-i8meoe4rwc] {
        font-size: 1.15rem;
    }

    .topbar-settings-panel[b-i8meoe4rwc] {
        position: absolute;
        top: calc(100% + 0.55rem);
        right: 0;
        z-index: 45;
        display: none;
        width: min(22rem, calc(100vw - 1.3rem));
        grid-template-columns: 1fr;
        gap: 0.65rem;
        padding: 0.75rem;
        border: 1px solid var(--site-border);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 20px 44px rgba(15, 23, 42, 0.18);
    }

    .topbar-settings-panel--open[b-i8meoe4rwc] {
        display: grid;
    }

    .topbar-cta--desktop[b-i8meoe4rwc] {
        display: none;
    }

    .topbar-cta--mobile[b-i8meoe4rwc] {
        display: inline-flex;
    }
}
/* /Shared/MatchActionRow.razor.rz.scp.css */
.match-manager__action-row[b-fxcimnlhf8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.2rem;
}

@media (max-width: 767.98px) {
    .match-manager__action-row[b-fxcimnlhf8] {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .match-manager__action-row[b-fxcimnlhf8]  .rz-button,
    .match-manager__action-row > *[b-fxcimnlhf8] {
        width: 100%;
        min-width: 0;
    }
}
/* /Shared/MatchAdvancedTable.razor.rz.scp.css */
.match-manager__advanced-table-hint[b-rh8ema3l3d] {
    display: none;
    margin: 1rem 0 0.6rem;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

.match-manager__advanced-table[b-rh8ema3l3d] {
    margin-top: 1rem;
}

.match-manager__advanced-table summary[b-rh8ema3l3d] {
    cursor: pointer;
    color: #2563eb;
    font-weight: 800;
}

.match-manager__table-shell[b-rh8ema3l3d] {
    margin-top: 0.75rem;
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.match-manager__table-shell[b-rh8ema3l3d]  .rz-datatable {
    min-width: 100%;
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
}

.match-manager__table-shell[b-rh8ema3l3d]  .rz-grid-table {
    min-width: 100%;
    width: 100%;
    table-layout: fixed;
}

.match-manager__table-shell[b-rh8ema3l3d]  .rz-grid-table th {
    background: #f8fafc;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.25;
    vertical-align: middle;
}

.match-manager__table-shell[b-rh8ema3l3d]  .rz-grid-table th > div {
    align-items: center;
    gap: 0.25rem;
}

.match-manager__table-shell[b-rh8ema3l3d]  .rz-column-title,
.match-manager__table-shell[b-rh8ema3l3d]  .rz-column-title-content {
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.match-manager__table-shell[b-rh8ema3l3d]  .rz-column-title {
    flex: 1 1 auto;
}

.match-manager__table-shell[b-rh8ema3l3d]  .rz-grid-table td {
    white-space: normal;
    vertical-align: top;
}

.match-manager__table-shell[b-rh8ema3l3d]  .rz-cell-data {
    white-space: normal;
    line-height: 1.4;
}

.match-manager__table-shell[b-rh8ema3l3d]  .rz-button {
    white-space: nowrap;
    min-width: 0;
    padding-inline: 0.55rem;
}

.match-manager__table-shell[b-rh8ema3l3d]  .match-manager__table-grid {
    min-width: 0;
    width: 100%;
}

@media (max-width: 767.98px) {
    .match-manager__advanced-table-hint[b-rh8ema3l3d] {
        display: block;
    }

    .match-manager__table-shell[b-rh8ema3l3d]  .match-manager__table-grid {
        min-width: 920px;
    }
}
/* /Shared/MatchBattleAnalysisDialog.razor.rz.scp.css */
.battle-analysis-dialog__state[b-op1rlw1uh7] {
    width: 100%;
    height: 100%;
    min-height: 22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
}

.battle-analysis-dialog__state--error[b-op1rlw1uh7] {
    flex-direction: column;
    color: #991b1b;
}

.battle-analysis-dialog__state button[b-op1rlw1uh7] {
    min-height: 2.25rem;
    padding: 0.35rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #fff;
    color: #0f172a;
    font-weight: 800;
    cursor: pointer;
}

.battle-analysis-dialog__spinner[b-op1rlw1uh7] {
    width: 1.3rem;
    height: 1.3rem;
    border: 3px solid #cbd5e1;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: battle-analysis-dialog-spin-b-op1rlw1uh7 0.8s linear infinite;
}

@keyframes battle-analysis-dialog-spin-b-op1rlw1uh7 {
    to { transform: rotate(360deg); }
}
/* /Shared/MatchBattleUserCell.razor.rz.scp.css */
.match-manager__user-email[b-17jhrry277] {
    color: #cbd5e1;
}

.match-manager__user-level[b-17jhrry277] {
    color: #38bdf8;
    font-size: 0.9rem;
}
/* /Shared/MatchBroadcastPanel.razor.rz.scp.css */
.match-broadcast-panel[b-zwwn5okslo] {
    display: grid;
    gap: 1rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
}

.match-broadcast-panel__head[b-zwwn5okslo],
.match-broadcast-panel__body[b-zwwn5okslo],
.match-broadcast-panel__live[b-zwwn5okslo] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.match-broadcast-panel__head span[b-zwwn5okslo],
.match-broadcast-panel__link span[b-zwwn5okslo],
.match-broadcast-panel__room span[b-zwwn5okslo],
.match-broadcast-panel__live span[b-zwwn5okslo] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-broadcast-panel__head h2[b-zwwn5okslo] {
    margin: 0.25rem 0;
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 900;
}

.match-broadcast-panel__head p[b-zwwn5okslo] {
    margin: 0;
    color: #475569;
}

.match-broadcast-panel__actions[b-zwwn5okslo],
.match-broadcast-panel__battles[b-zwwn5okslo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.match-broadcast-panel__actions a[b-zwwn5okslo],
.match-broadcast-panel__clear[b-zwwn5okslo],
.match-broadcast-panel__battle[b-zwwn5okslo] {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.match-broadcast-panel__actions a[b-zwwn5okslo],
.match-broadcast-panel__clear[b-zwwn5okslo] {
    display: inline-flex;
    align-items: center;
    min-height: 2.4rem;
    padding: 0.55rem 0.8rem;
}

.match-broadcast-panel__body[b-zwwn5okslo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 9rem minmax(12rem, 0.4fr);
}

.match-broadcast-panel__link[b-zwwn5okslo],
.match-broadcast-panel__room[b-zwwn5okslo],
.match-broadcast-panel__qr[b-zwwn5okslo] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.match-broadcast-panel__link code[b-zwwn5okslo] {
    display: block;
    overflow-wrap: anywhere;
    padding: 0.65rem;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
}

.match-broadcast-panel__qr[b-zwwn5okslo] {
    justify-items: center;
    padding: 0.65rem;
    border-radius: 8px;
    background: #ffffff;
}

.match-broadcast-panel__qr img[b-zwwn5okslo] {
    width: 7rem;
    aspect-ratio: 1;
}

.match-broadcast-panel__qr span[b-zwwn5okslo] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
    text-align: center;
}

.match-broadcast-panel__room input[b-zwwn5okslo] {
    min-height: 2.55rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
}

.match-broadcast-panel__live[b-zwwn5okslo] {
    align-items: center;
    padding: 0.75rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
}

.match-broadcast-panel__live strong[b-zwwn5okslo] {
    display: block;
    margin-top: 0.25rem;
    color: #0f172a;
}

.match-broadcast-panel__clear[b-zwwn5okslo] {
    border-color: #fecaca;
    background: #fee2e2;
    color: #991b1b;
}

.match-broadcast-panel__empty[b-zwwn5okslo] {
    padding: 0.8rem;
    border-radius: 8px;
    background: #ffffff;
    color: #64748b;
    font-weight: 700;
}

.match-broadcast-panel__battle[b-zwwn5okslo] {
    display: grid;
    gap: 0.25rem;
    min-width: 13rem;
    padding: 0.75rem;
    text-align: left;
}

.match-broadcast-panel__battle span[b-zwwn5okslo] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
}

.match-broadcast-panel__battle strong[b-zwwn5okslo] {
    overflow-wrap: anywhere;
}

.match-broadcast-panel__battle small[b-zwwn5okslo] {
    color: #64748b;
    font-weight: 800;
}

.match-broadcast-panel__battle.is-live[b-zwwn5okslo] {
    border-color: #22c55e;
    background: #f0fdf4;
}

@media (max-width: 900px) {
    .match-broadcast-panel__head[b-zwwn5okslo],
    .match-broadcast-panel__live[b-zwwn5okslo] {
        display: grid;
    }

    .match-broadcast-panel__body[b-zwwn5okslo] {
        grid-template-columns: 1fr;
    }

    .match-broadcast-panel__battle[b-zwwn5okslo],
    .match-broadcast-panel__actions a[b-zwwn5okslo],
    .match-broadcast-panel__clear[b-zwwn5okslo] {
        width: 100%;
    }
}
/* /Shared/MatchCommandPanel.razor.rz.scp.css */
.match-manager__command-panel[b-9n8m02swio] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem;
    align-items: start;
    margin: 0.75rem 0 1rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
}

.match-manager__command-label[b-9n8m02swio] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-manager__command-panel p[b-9n8m02swio] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.match-manager__toolbar[b-9n8m02swio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
}

.match-manager__toolbar[b-9n8m02swio]  .rz-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.55rem;
}

.match-manager__toolbar[b-9n8m02swio]  .rz-button .rz-button-icon-left {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.42rem;
    line-height: 1;
}

.match-manager__toolbar[b-9n8m02swio]  .match-manager__user-picker,
.match-manager__toolbar[b-9n8m02swio]  .rz-dropdown {
    width: min(100%, 280px);
    min-width: 220px;
}

@media (max-width: 767.98px) {
    .match-manager__toolbar[b-9n8m02swio] {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .match-manager__toolbar[b-9n8m02swio]  .rz-button,
    .match-manager__toolbar[b-9n8m02swio]  .rz-dropdown,
    .match-manager__toolbar > *[b-9n8m02swio] {
        width: 100%;
        min-width: 0;
    }
}
/* /Shared/MatchDetailHeroSection.razor.rz.scp.css */
.match-detail__hero[b-y9091nvir7] {
    display: grid;
    gap: 1.25rem;
    padding: 2rem;
    border-radius: 1.75rem;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.08);
}

.match-detail__eyebrow[b-y9091nvir7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.match-detail__eyebrow-item[b-y9091nvir7] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.09);
    color: #1d4ed8;
    font-size: 0.85rem;
    font-weight: 700;
}

.match-detail__series-link[b-y9091nvir7] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(79, 70, 229, 0.12);
    color: #3730a3;
    font-size: 0.85rem;
    font-weight: 800;
    text-decoration: none;
}

.match-detail__series-link:hover[b-y9091nvir7] {
    color: #312e81;
    text-decoration: none;
}

.match-detail__hero-header[b-y9091nvir7] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.match-detail__title[b-y9091nvir7] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(2.1rem, 4vw, 3rem);
    font-weight: 800;
}

.match-detail__lead[b-y9091nvir7] {
    max-width: 44rem;
    margin: 0.8rem 0 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.7;
}

.match-detail__engagement[b-y9091nvir7] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.match-detail__like-button[b-y9091nvir7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-width: 4.8rem;
    min-height: 2.45rem;
    padding: 0 0.95rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-weight: 900;
    cursor: pointer;
}

.match-detail__like-button:hover[b-y9091nvir7],
.match-detail__like-button--liked[b-y9091nvir7] {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

.match-detail__like-button[b-y9091nvir7]  .rz-icon {
    font-size: 1.18rem;
}

.match-detail__like-button:disabled[b-y9091nvir7] {
    cursor: wait;
    opacity: 0.72;
}

.match-detail__stats[b-y9091nvir7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.match-detail__stat[b-y9091nvir7] {
    padding: 1rem 1.1rem;
    border-radius: 1.15rem;
    background: rgba(248, 250, 252, 0.9);
}

.match-detail__stat span[b-y9091nvir7] {
    display: block;
    margin-bottom: 0.35rem;
    color: #64748b;
    font-size: 0.82rem;
}

.match-detail__stat strong[b-y9091nvir7] {
    display: block;
    color: #0f172a;
    font-size: 1rem;
}

.match-detail__map-links[b-y9091nvir7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.match-detail__map-links a[b-y9091nvir7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0 0.7rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
}

.match-detail__map-links a:hover[b-y9091nvir7] {
    background: #dbeafe;
    color: #1e40af;
    text-decoration: none;
}

.match-detail__promo[b-y9091nvir7] {
    position: relative;
    margin: 0;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1.35rem;
    background: #f8fafc;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
    overflow: hidden;
}

.match-detail__promo-trigger[b-y9091nvir7] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.match-detail__promo img[b-y9091nvir7] {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
}

.match-detail__promo figcaption[b-y9091nvir7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(255, 255, 255, 0.86);
    color: #334155;
    font-size: 0.82rem;
    font-weight: 900;
}

.match-detail__promo-zoom[b-y9091nvir7] {
    min-height: 2rem;
    padding: 0 0.75rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 900;
    cursor: zoom-in;
}

.match-detail__promo-zoom:hover[b-y9091nvir7],
.match-detail__promo-zoom:focus-visible[b-y9091nvir7] {
    background: #dbeafe;
    color: #1e40af;
}

.match-detail__image-viewer[b-y9091nvir7] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.82);
}

.match-detail__image-viewer-panel[b-y9091nvir7] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(100%, 1180px);
    max-height: calc(100vh - 3rem);
    overflow: hidden;
    border-radius: 1rem;
    background: #0f172a;
    box-shadow: 0 28px 70px rgba(2, 6, 23, 0.48);
}

.match-detail__image-viewer-actions[b-y9091nvir7] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 0.75rem;
    background: rgba(15, 23, 42, 0.92);
}

.match-detail__image-viewer-actions a[b-y9091nvir7],
.match-detail__image-viewer-actions button[b-y9091nvir7] {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0 0.9rem;
    border: 1px solid rgba(226, 232, 240, 0.26);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 900;
    text-decoration: none;
}

.match-detail__image-viewer-actions button[b-y9091nvir7] {
    cursor: pointer;
}

.match-detail__image-viewer-actions a:hover[b-y9091nvir7],
.match-detail__image-viewer-actions button:hover[b-y9091nvir7] {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    text-decoration: none;
}

.match-detail__image-viewer-actions button:disabled[b-y9091nvir7] {
    cursor: not-allowed;
    opacity: 0.45;
}

.match-detail__image-viewer-stage[b-y9091nvir7] {
    min-height: 0;
    overflow: auto;
    padding: 1rem;
    text-align: center;
}

.match-detail__image-viewer-stage img[b-y9091nvir7] {
    display: block;
    max-width: none;
    height: auto;
    margin: 0 auto;
}

.match-detail__description-card[b-y9091nvir7] {
    padding: 1.25rem 1.3rem;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.match-detail__description-card h2[b-y9091nvir7] {
    margin: 0 0 0.85rem;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 800;
}

.match-detail__description[b-y9091nvir7] {
    margin: 0;
    color: #475569;
    line-height: 1.75;
    white-space: pre-line;
}

.match-detail__mobile-actions[b-y9091nvir7] {
    display: none;
}

.match-detail__registration-shortcut[b-y9091nvir7] {
    display: none;
}

.match-detail__mobile-action[b-y9091nvir7] {
    align-items: center;
    justify-content: center;
    min-height: 4.2rem;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    background: #ffffff;
    color: #0f172a;
    text-align: center;
    text-decoration: none;
}

.match-detail__mobile-action span[b-y9091nvir7] {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.match-detail__mobile-action strong[b-y9091nvir7] {
    display: block;
    margin-top: 0.2rem;
    font-size: 1rem;
    font-weight: 900;
}

.match-detail__mobile-action--primary[b-y9091nvir7] {
    background: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
}

.match-detail__mobile-action--primary span[b-y9091nvir7] {
    color: #cbd5e1;
}

.match-detail__mobile-action--accent[b-y9091nvir7] {
    background: #dcfce7;
    color: #166534;
    border-color: #86efac;
}

.match-detail__mobile-action--accent span[b-y9091nvir7] {
    color: #15803d;
}

@media (max-width: 991.98px) {
    .match-detail__hero[b-y9091nvir7] {
        padding: 1rem;
        border-radius: 1.2rem;
    }

    .match-detail__hero-header[b-y9091nvir7] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-detail__engagement[b-y9091nvir7],
    .match-detail__like-button[b-y9091nvir7] {
        width: 100%;
    }

    .match-detail__like-button[b-y9091nvir7] {
        min-height: 3rem;
    }

    .match-detail__stats[b-y9091nvir7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .match-detail__stat[b-y9091nvir7] {
        padding: 0.75rem 0.85rem;
    }

    .match-detail__stat strong[b-y9091nvir7] {
        font-size: 0.95rem;
        overflow-wrap: anywhere;
    }

    .match-detail__mobile-actions[b-y9091nvir7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .match-detail__registration-shortcut[b-y9091nvir7] {
        position: fixed;
        z-index: 900;
        right: 0.75rem;
        bottom: calc(0.75rem + env(safe-area-inset-bottom));
        left: 0.75rem;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 0.7rem;
        min-height: 3.5rem;
        padding: 0.55rem 0.9rem;
        border: 1px solid #1d4ed8;
        border-radius: 0.7rem;
        background: #2563eb;
        color: #ffffff;
        box-shadow: 0 16px 34px rgba(15, 23, 42, 0.24);
        text-decoration: none;
    }

    .match-detail__registration-shortcut span[b-y9091nvir7],
    .match-detail__registration-shortcut small[b-y9091nvir7],
    .match-detail__registration-shortcut strong[b-y9091nvir7] {
        display: block;
        min-width: 0;
    }

    .match-detail__registration-shortcut small[b-y9091nvir7] {
        color: rgba(255, 255, 255, 0.78);
        font-size: 0.72rem;
        line-height: 1.2;
    }

    .match-detail__registration-shortcut strong[b-y9091nvir7] {
        margin-top: 0.12rem;
        color: #ffffff;
        font-size: 0.98rem;
        line-height: 1.25;
    }

    .match-detail__registration-shortcut[b-y9091nvir7]  .rz-icon {
        font-size: 1.35rem;
    }

    .match-detail__image-viewer[b-y9091nvir7] {
        padding: 0.75rem;
    }

    .match-detail__image-viewer-panel[b-y9091nvir7] {
        max-height: calc(100vh - 1.5rem);
        border-radius: 0.85rem;
    }

    .match-detail__image-viewer-actions[b-y9091nvir7] {
        flex-wrap: wrap;
    }
}

@media (max-width: 575.98px) {
    .match-detail__hero[b-y9091nvir7] {
        gap: 0.75rem;
        padding: 0.8rem;
        border-radius: 0.75rem;
    }

    .match-detail__eyebrow[b-y9091nvir7] {
        gap: 0.35rem;
    }

    .match-detail__eyebrow-item[b-y9091nvir7],
    .match-detail__series-link[b-y9091nvir7] {
        padding: 0.25rem 0.55rem;
        font-size: 0.72rem;
    }

    .match-detail__title[b-y9091nvir7] {
        font-size: 1.55rem;
        line-height: 1.2;
    }

    .match-detail__lead[b-y9091nvir7] {
        margin-top: 0.4rem;
        font-size: 0.84rem;
        line-height: 1.5;
    }

    .match-detail__engagement[b-y9091nvir7],
    .match-detail__like-button[b-y9091nvir7] {
        width: auto;
    }

    .match-detail__like-button[b-y9091nvir7] {
        min-height: 2.5rem;
    }

    .match-detail__stats[b-y9091nvir7] {
        gap: 0.5rem;
    }

    .match-detail__stat[b-y9091nvir7] {
        padding: 0.7rem;
        border-radius: 0.65rem;
    }

    .match-detail__stat span[b-y9091nvir7] {
        margin-bottom: 0.2rem;
        font-size: 0.72rem;
    }

    .match-detail__stat strong[b-y9091nvir7] {
        font-size: 0.86rem;
    }
}
/* /Shared/MatchDetailLinkPanels.razor.rz.scp.css */
.match-detail__panel[b-jtisazi1tz] {
    display: grid;
    gap: 1rem;
    padding: 1.4rem;
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.07);
}

.match-detail__panel--muted[b-jtisazi1tz] {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.98));
}

.match-detail__panel--quick-links[b-jtisazi1tz] {
    align-content: start;
}

.match-detail__panel--admin[b-jtisazi1tz] {
    grid-column: 1 / -1;
    border-color: rgba(96, 165, 250, 0.32);
}

.match-detail__panel-header[b-jtisazi1tz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.match-detail__panel-kicker[b-jtisazi1tz] {
    margin: 0 0 0.35rem;
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-detail__panel-header h2[b-jtisazi1tz] {
    margin: 0;
    color: #0f172a;
    font-size: 1.3rem;
    font-weight: 800;
}

.match-detail__panel-copy[b-jtisazi1tz] {
    margin: 0;
    color: #475569;
    line-height: 1.7;
}

.match-detail__links[b-jtisazi1tz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.match-detail__action-link[b-jtisazi1tz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 11rem;
    min-height: 2.75rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: #fff;
    color: #0f172a;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.match-detail__action-link:hover[b-jtisazi1tz] {
    color: #0f172a;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    border-color: rgba(59, 130, 246, 0.28);
}

.match-detail__action-link--primary[b-jtisazi1tz] {
    background: #0f172a;
    color: #fff;
    border-color: #0f172a;
}

.match-detail__action-link--primary:hover[b-jtisazi1tz] {
    color: #fff;
}

.match-detail__organizer-registration[b-jtisazi1tz] {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.25rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.match-detail__organizer-registration-heading[b-jtisazi1tz] {
    display: grid;
    gap: 0.25rem;
}

.match-detail__organizer-registration-heading span[b-jtisazi1tz] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
}

.match-detail__organizer-registration-heading h3[b-jtisazi1tz],
.match-detail__organizer-registration-heading p[b-jtisazi1tz] {
    margin: 0;
}

.match-detail__organizer-registration-heading h3[b-jtisazi1tz] {
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 800;
}

.match-detail__organizer-registration-heading p[b-jtisazi1tz] {
    color: #64748b;
    line-height: 1.6;
}

.match-detail__danger-zone[b-jtisazi1tz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: rgba(254, 226, 226, 0.7);
    border: 1px solid rgba(248, 113, 113, 0.25);
}

.match-detail__broadcast-tools[b-jtisazi1tz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(248, 250, 252, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.match-detail__broadcast-links[b-jtisazi1tz] {
    display: grid;
    gap: 0.7rem;
    min-width: 0;
}

.match-detail__broadcast-links div[b-jtisazi1tz] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.match-detail__broadcast-links span[b-jtisazi1tz],
.match-detail__broadcast-qr span[b-jtisazi1tz] {
    color: #475569;
    font-size: 0.82rem;
    font-weight: 800;
}

.match-detail__broadcast-links code[b-jtisazi1tz] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.55rem 0.65rem;
    border-radius: 0.75rem;
    background: #fff;
    color: #0f172a;
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.match-detail__broadcast-qr-list[b-jtisazi1tz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.85rem;
}

.match-detail__broadcast-qr[b-jtisazi1tz] {
    display: grid;
    justify-items: center;
    gap: 0.45rem;
    text-align: center;
    max-width: 9.5rem;
}

.match-detail__broadcast-qr img[b-jtisazi1tz] {
    width: 8.5rem;
    height: 8.5rem;
    padding: 0.45rem;
    border-radius: 0.9rem;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.match-detail__danger-zone h3[b-jtisazi1tz] {
    margin: 0 0 0.35rem;
    color: #991b1b;
    font-size: 1rem;
    font-weight: 800;
}

.match-detail__danger-zone p[b-jtisazi1tz] {
    margin: 0;
    color: #7f1d1d;
    line-height: 1.6;
}

[b-jtisazi1tz] .match-detail__links .rz-button,
[b-jtisazi1tz] .match-detail__danger-zone .rz-button {
    min-width: 11rem;
    border-radius: 1rem;
}

@media (max-width: 991.98px) {
    .match-detail__panel[b-jtisazi1tz] {
        padding: 1rem;
        border-radius: 1.2rem;
    }

    .match-detail__panel-header[b-jtisazi1tz],
    .match-detail__danger-zone[b-jtisazi1tz],
    .match-detail__broadcast-tools[b-jtisazi1tz] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-detail__broadcast-tools[b-jtisazi1tz] {
        grid-template-columns: 1fr;
    }

    .match-detail__broadcast-qr-list[b-jtisazi1tz] {
        justify-content: center;
    }

    .match-detail__panel--quick-links[b-jtisazi1tz] {
        display: none;
    }

    .match-detail__links[b-jtisazi1tz] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .match-detail__action-link[b-jtisazi1tz],
    [b-jtisazi1tz] .match-detail__links .rz-button,
    [b-jtisazi1tz] .match-detail__danger-zone .rz-button {
        width: 100%;
        min-width: 0;
        min-height: 3rem;
    }
}
/* /Shared/MatchFooterActions.razor.rz.scp.css */
.match-manager__footer-actions[b-cpbfnfe4xl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    text-align: center;
}

@media (max-width: 767.98px) {
    .match-manager__footer-actions[b-cpbfnfe4xl] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .match-manager__footer-actions[b-cpbfnfe4xl]  .rz-button,
    .match-manager__footer-actions > *[b-cpbfnfe4xl] {
        width: 100%;
        min-width: 0;
    }
}
/* /Shared/MatchListFilterBar.razor.rz.scp.css */
.match-manager__filter-bar[b-0f8vm68xpg] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(260px, 1.6fr) repeat(3, minmax(160px, 1fr));
    margin: 0.9rem 0 0.35rem;
}

.match-manager__filter-field[b-0f8vm68xpg] {
    display: grid;
    gap: 0.35rem;
}

.match-manager__filter-field span[b-0f8vm68xpg] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .match-manager__filter-bar[b-0f8vm68xpg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-manager__filter-field--keyword[b-0f8vm68xpg] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .match-manager__filter-bar[b-0f8vm68xpg] {
        grid-template-columns: 1fr;
    }

    .match-manager__filter-field--keyword[b-0f8vm68xpg] {
        grid-column: auto;
    }
}
/* /Shared/MatchManagerEliminationRound.razor.rz.scp.css */
.match-manager-elimination__compact-grid[b-9mdx5r9qug] {
    max-width: 800px;
}

.match-manager-elimination__wide-grid[b-9mdx5r9qug] {
    max-width: 1100px;
}

.match-manager-elimination__desktop[b-9mdx5r9qug] {
    display: block;
}

.match-manager-elimination__mobile-list[b-9mdx5r9qug] {
    display: none;
    margin-top: 0.9rem;
}

.match-manager-elimination__mobile-card[b-9mdx5r9qug] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.match-manager-elimination__mobile-card + .match-manager-elimination__mobile-card[b-9mdx5r9qug] {
    margin-top: 0.9rem;
}

.match-manager-elimination__mobile-card-stats[b-9mdx5r9qug] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.match-manager-elimination__mobile-card-stats div[b-9mdx5r9qug] {
    display: grid;
    gap: 0.3rem;
}

.match-manager-elimination__mobile-card-stats span[b-9mdx5r9qug] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-manager-elimination__mobile-card-stats strong[b-9mdx5r9qug] {
    color: #0f172a;
}

.match-manager-elimination__mobile-actions[b-9mdx5r9qug] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.match-manager-elimination__bracket-card[b-9mdx5r9qug] {
    margin-bottom: 1.15rem;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.match-manager-elimination__bracket-header[b-9mdx5r9qug] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem 0.75rem;
}

.match-manager-elimination__eyebrow[b-9mdx5r9qug] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-manager-elimination__bracket-title[b-9mdx5r9qug] {
    margin: 0.2rem 0 0;
    color: #0f172a;
    font-size: 1.12rem;
}

.match-manager-elimination__bracket-description[b-9mdx5r9qug] {
    margin: 0.35rem 0 0;
    color: #475569;
    font-weight: 700;
}

.match-manager-elimination__stage-strip[b-9mdx5r9qug] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
    align-self: flex-start;
}

.match-manager-elimination__stage-pill[b-9mdx5r9qug] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.8rem;
    font-weight: 900;
}

.match-manager-elimination__legend[b-9mdx5r9qug] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    padding: 0 1.1rem 0.85rem;
    color: #475569;
    font-size: 0.9rem;
    font-weight: 700;
}

.match-manager-elimination__legend-item[b-9mdx5r9qug] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.match-manager-elimination__legend-swatch[b-9mdx5r9qug] {
    display: inline-block;
    width: 1.75rem;
    height: 0.4rem;
    border-radius: 999px;
}

.match-manager-elimination__legend-swatch--slot[b-9mdx5r9qug] {
    background: linear-gradient(90deg, #ffffff 0%, #dbeafe 100%);
    border: 1px solid #93c5fd;
}

.match-manager-elimination__legend-swatch--line[b-9mdx5r9qug] {
    background: #2563eb;
}

.match-manager-elimination__bracket-scroll[b-9mdx5r9qug] {
    overflow-x: auto;
    padding: 0.95rem 1rem 1rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.72) 0%, rgba(248, 250, 252, 0.94) 100%);
}

.match-manager-elimination__bracket-svg[b-9mdx5r9qug] {
    display: block;
    margin: 0 auto;
    overflow: visible;
}

.match-manager-elimination__slot[b-9mdx5r9qug] {
    fill: rgba(255, 255, 255, 0.97);
    stroke: #93c5fd;
    stroke-width: 1.5;
}

.match-manager-elimination__connector[b-9mdx5r9qug] {
    fill: none;
    stroke: #2563eb;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.match-manager-elimination__label[b-9mdx5r9qug] {
    fill: #0f172a;
    font-size: 12px;
    font-weight: 700;
}

.match-manager-elimination__seed[b-9mdx5r9qug] {
    fill: #2563eb;
    font-size: 12px;
    font-weight: 900;
}

.match-manager-elimination__participant-toolbar[b-9mdx5r9qug] {
    margin-left: 0;
}

.match-manager-elimination__add-button[b-9mdx5r9qug] {
    margin-bottom: 10px;
}

@media (max-width: 767.98px) {
    .match-manager-elimination__desktop[b-9mdx5r9qug] {
        display: none;
    }

    .match-manager-elimination__mobile-list[b-9mdx5r9qug] {
        display: block;
    }

    .match-manager-elimination__stage-strip[b-9mdx5r9qug] {
        justify-content: flex-start;
    }

    .match-manager-elimination__bracket-scroll[b-9mdx5r9qug] {
        padding-inline: 0.75rem;
    }

    .match-manager-elimination__participant-toolbar[b-9mdx5r9qug] {
        display: grid;
        gap: 0.75rem;
    }

    .match-manager-elimination__participant-toolbar[b-9mdx5r9qug]  .rz-dropdown {
        width: 100%;
    }

    .match-manager-elimination__mobile-actions[b-9mdx5r9qug] {
        flex-direction: column;
    }

    .match-manager-elimination__mobile-actions[b-9mdx5r9qug]  .rz-button,
    .match-manager-elimination__mobile-actions a[b-9mdx5r9qug] {
        width: 100%;
    }
}
.match-manager-elimination-round__advanced-grid[b-9mdx5r9qug]  .rz-numeric {
    width: 100%;
    min-width: 0;
}

.match-manager-elimination-round__alert-list[b-9mdx5r9qug] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem;
}

.match-manager-elimination-round__alert-badge[b-9mdx5r9qug] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    padding: 0.16rem 0.32rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
}

.match-manager-elimination-round__alert-badge--objection[b-9mdx5r9qug] {
    background: #fee2e2;
    color: #b91c1c;
}

.match-manager-elimination-round__alert-badge--edit[b-9mdx5r9qug] {
    background: #fff7ed;
    color: #9a3412;
}
/* /Shared/MatchManagerGroupRound.razor.rz.scp.css */
.match-manager-group__compact-grid[b-bl1hawzuph] {
    max-width: 800px;
}

.match-manager-group__wide-grid[b-bl1hawzuph] {
    max-width: 1100px;
}

.match-manager-group__desktop[b-bl1hawzuph] {
    display: block;
}

.match-manager-group__mobile-list[b-bl1hawzuph] {
    display: none;
    margin-top: 0.9rem;
}

.match-manager-group__mobile-card[b-bl1hawzuph] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.match-manager-group__mobile-card + .match-manager-group__mobile-card[b-bl1hawzuph] {
    margin-top: 0.9rem;
}

.match-manager-group__mobile-card-stats[b-bl1hawzuph] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.match-manager-group__mobile-card-stats div[b-bl1hawzuph] {
    display: grid;
    gap: 0.3rem;
}

.match-manager-group__mobile-card-stats span[b-bl1hawzuph] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-manager-group__mobile-card-stats strong[b-bl1hawzuph] {
    color: #0f172a;
}

.match-manager-group__mobile-actions[b-bl1hawzuph] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.match-manager-group__group-layout[b-bl1hawzuph] {
    margin-top: 20px;
}

.match-manager-group__participant-toolbar[b-bl1hawzuph] {
    margin-left: 0;
}

.match-manager-group__participant-panel[b-bl1hawzuph] {
    margin-top: 0.75rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
}

.match-manager-group__participant-summary[b-bl1hawzuph] {
    cursor: pointer;
    color: #2563eb;
    font-weight: 800;
}

.match-manager-group__participant-shell[b-bl1hawzuph] {
    margin-top: 1rem;
}

.match-manager-group__add-button[b-bl1hawzuph] {
    margin-bottom: 10px;
}

.match-run-tabs[b-bl1hawzuph] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin: 0.85rem 0;
    padding: 0.4rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.match-run-chip[b-bl1hawzuph] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    color: #334155;
    font-weight: 700;
    padding: 0.55rem 1.05rem;
    line-height: 1.1;
}

.match-run-chip:hover[b-bl1hawzuph] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.match-run-chip.is-active[b-bl1hawzuph] {
    border-color: #0f172a;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: #ffffff;
    box-shadow: 0 12px 20px rgba(15, 23, 42, 0.2);
}

.match-manager-group__round-tabs[b-bl1hawzuph] {
    margin-bottom: 1rem;
}

.match-manager-group__battle-toolbar[b-bl1hawzuph] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.9rem;
    margin: 0.9rem 0 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
}

.match-manager-group__battle-filter[b-bl1hawzuph] {
    display: grid;
    gap: 0.35rem;
    min-width: min(260px, 100%);
}

.match-manager-group__battle-filter span[b-bl1hawzuph] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-manager-group__battle-pager[b-bl1hawzuph] {
    display: grid;
    justify-items: end;
    gap: 0.6rem;
    color: #475569;
    font-size: 0.92rem;
    font-weight: 700;
}

.match-manager-group__battle-pager-actions[b-bl1hawzuph] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.match-manager-group-round__advanced-grid[b-bl1hawzuph]  .rz-numeric {
    width: 100%;
    min-width: 0;
}

@media (max-width: 900px) {
    .match-run-tabs[b-bl1hawzuph] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0.55rem;
        scrollbar-width: thin;
    }

    .match-run-chip[b-bl1hawzuph] {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .match-manager-group__battle-toolbar[b-bl1hawzuph] {
        align-items: stretch;
    }

    .match-manager-group__battle-filter[b-bl1hawzuph] {
        min-width: 100%;
    }

    .match-manager-group__battle-pager[b-bl1hawzuph] {
        width: 100%;
        justify-items: start;
    }
}

@media (max-width: 767.98px) {
    .match-manager-group__desktop[b-bl1hawzuph] {
        display: none;
    }

    .match-manager-group__mobile-list[b-bl1hawzuph] {
        display: block;
    }

    .match-manager-group__participant-toolbar[b-bl1hawzuph] {
        display: grid;
        gap: 0.75rem;
    }

    .match-manager-group__participant-toolbar[b-bl1hawzuph]  .rz-dropdown {
        width: 100%;
    }

    .match-manager-group__mobile-actions[b-bl1hawzuph] {
        flex-direction: column;
    }

    .match-manager-group__mobile-actions[b-bl1hawzuph]  .rz-button,
    .match-manager-group__mobile-actions a[b-bl1hawzuph] {
        width: 100%;
    }
}
.match-manager-group-round__alert-list[b-bl1hawzuph] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem;
}

.match-manager-group-round__alert-badge[b-bl1hawzuph] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    padding: 0.16rem 0.32rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
}

.match-manager-group-round__alert-badge--objection[b-bl1hawzuph] {
    background: #fee2e2;
    color: #b91c1c;
}

.match-manager-group-round__alert-badge--edit[b-bl1hawzuph] {
    background: #fff7ed;
    color: #9a3412;
}
/* /Shared/MatchManagerOverview.razor.rz.scp.css */
.match-manager__overview-grid[b-tvk94aqgf0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.match-manager__overview-card[b-tvk94aqgf0] {
    display: grid;
    gap: 0.25rem;
    min-height: 8rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: linear-gradient(180deg, #eff6ff 0%, #ffffff 78%);
}

.match-manager__overview-label[b-tvk94aqgf0] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-manager__overview-card strong[b-tvk94aqgf0] {
    color: #0f172a;
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: 1.1;
}

.match-manager__overview-card p[b-tvk94aqgf0] {
    margin: 0;
    color: #475569;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .match-manager__overview-grid[b-tvk94aqgf0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .match-manager__overview-grid[b-tvk94aqgf0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .match-manager__overview-card[b-tvk94aqgf0] {
        min-height: 0;
        padding: 0.75rem 0.85rem;
    }

    .match-manager__overview-card p[b-tvk94aqgf0] {
        font-size: 0.82rem;
    }
}
/* /Shared/MatchManagerSummary.razor.rz.scp.css */
.match-manager__summary-card[b-ctem5fdr7l] {
    margin-bottom: 1rem;
}

.match-manager__summary-grid[b-ctem5fdr7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.match-manager__summary-cell[b-ctem5fdr7l] {
    display: grid;
    gap: 0.4rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.match-manager__summary-cell--actions[b-ctem5fdr7l] {
    align-content: center;
    justify-items: center;
}

.match-manager__summary-label[b-ctem5fdr7l] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-manager__summary-value[b-ctem5fdr7l] {
    color: #0f172a;
    font-size: 1.5rem;
    line-height: 1.2;
}

.match-manager__summary-note[b-ctem5fdr7l] {
    color: #475569;
    font-weight: 600;
}

.match-manager__summary-cell--actions[b-ctem5fdr7l]  .match-manager__summary-action {
    min-width: 120px;
    font-size: 0.86rem;
    font-weight: 800;
}

.match-manager__summary-cell--actions[b-ctem5fdr7l]  .match-manager__summary-action--start {
    background: #0f766e !important;
}

@media (max-width: 767.98px) {
    .match-manager__summary-grid[b-ctem5fdr7l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .match-manager__summary-cell[b-ctem5fdr7l] {
        padding: 0.7rem 0.8rem;
    }

    .match-manager__summary-value[b-ctem5fdr7l] {
        font-size: 1.25rem;
    }
}
/* /Shared/MatchManagerSwissBattleWorkspace.razor.rz.scp.css */
.match-manager-swiss-workspace__swap-field[b-uz4dgx0gep] {
    min-width: 240px;
    flex: 1 1 280px;
}

.match-manager-swiss-battle-workspace__advanced-grid[b-uz4dgx0gep]  .rz-numeric {
    width: 100%;
    min-width: 0;
}

.match-manager-swiss-battle-workspace__alert-list[b-uz4dgx0gep] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem;
}

.match-manager-swiss-battle-workspace__alert-badge[b-uz4dgx0gep] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    padding: 0.16rem 0.32rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
}

.match-manager-swiss-battle-workspace__alert-badge--objection[b-uz4dgx0gep] {
    background: #fee2e2;
    color: #b91c1c;
}

.match-manager-swiss-battle-workspace__alert-badge--edit[b-uz4dgx0gep] {
    background: #fff7ed;
    color: #9a3412;
}
/* /Shared/MatchManagerSwissRound.razor.rz.scp.css */
.match-manager-swiss__compact-grid[b-fwpow4n7tx] {
    max-width: 800px;
}

.match-manager-swiss__wide-grid[b-fwpow4n7tx] {
    max-width: 1100px;
}

.match-manager-swiss__desktop[b-fwpow4n7tx] {
    display: block;
}

.match-manager-swiss__mobile-list[b-fwpow4n7tx] {
    display: none;
    margin-top: 0.9rem;
}

.match-manager-swiss__mobile-card[b-fwpow4n7tx] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.match-manager-swiss__mobile-card + .match-manager-swiss__mobile-card[b-fwpow4n7tx] {
    margin-top: 0.9rem;
}

.match-manager-swiss__mobile-card-stats[b-fwpow4n7tx] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.match-manager-swiss__mobile-card-stats div[b-fwpow4n7tx],
.match-manager-swiss__mobile-switch[b-fwpow4n7tx] {
    display: grid;
    gap: 0.3rem;
}

.match-manager-swiss__mobile-card-stats span[b-fwpow4n7tx],
.match-manager-swiss__mobile-switch span[b-fwpow4n7tx] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-manager-swiss__mobile-card-stats strong[b-fwpow4n7tx] {
    color: #0f172a;
}

.match-manager-swiss__mobile-actions[b-fwpow4n7tx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.match-manager-swiss__participant-toolbar[b-fwpow4n7tx] {
    margin-left: 0;
}

.match-manager-swiss__add-button[b-fwpow4n7tx] {
    margin-bottom: 10px;
}

.match-manager-swiss__day-status[b-fwpow4n7tx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin: 0.75rem 0 1rem;
}

.match-manager-swiss__day-status span[b-fwpow4n7tx],
.match-manager-swiss__day-status strong[b-fwpow4n7tx] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #64748b;
    font-size: 0.82rem;
}

.match-manager-swiss__day-status span.is-active[b-fwpow4n7tx] {
    border-color: #15803d;
    background: #f0fdf4;
    color: #166534;
}

.match-manager-swiss__day-status span.is-active + span.is-active[b-fwpow4n7tx],
.match-manager-swiss__day-status span:nth-child(2).is-active[b-fwpow4n7tx] {
    border-color: #2563eb;
    background: #eff6ff;
    color: #1d4ed8;
}

.match-manager-swiss__day-status strong[b-fwpow4n7tx] {
    color: #334155;
}

.match-manager-swiss__tabs[b-fwpow4n7tx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    margin: 0.9rem 0;
    padding: 0.45rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.match-manager-swiss__tabs--compact[b-fwpow4n7tx] {
    margin-top: 0.75rem;
}

.match-manager-swiss__tab[b-fwpow4n7tx] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font: inherit;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    color: #334155;
    font-weight: 700;
    padding: 0.55rem 1.05rem;
    min-height: 2.75rem;
    line-height: 1.1;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: 0.2s ease;
}

.match-manager-swiss__tab:hover[b-fwpow4n7tx] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.match-manager-swiss__tab.is-active[b-fwpow4n7tx] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: #ffffff;
    border-color: #0f172a;
    box-shadow: 0 12px 20px rgba(15, 23, 42, 0.2);
}

@media (max-width: 767.98px) {
    .match-manager-swiss__desktop[b-fwpow4n7tx] {
        display: none;
    }

    .match-manager-swiss__mobile-list[b-fwpow4n7tx] {
        display: block;
    }

    .match-manager-swiss__participant-toolbar[b-fwpow4n7tx] {
        display: grid;
        gap: 0.75rem;
    }

    .match-manager-swiss__participant-toolbar[b-fwpow4n7tx]  .rz-dropdown {
        width: 100%;
    }

    .match-manager-swiss__mobile-actions[b-fwpow4n7tx] {
        flex-direction: column;
    }

    .match-manager-swiss__mobile-actions[b-fwpow4n7tx]  .rz-button,
    .match-manager-swiss__mobile-actions a[b-fwpow4n7tx] {
        width: 100%;
    }
}
/* /Shared/MatchManagerZaRound.razor.rz.scp.css */
.match-manager-za__wide-grid[b-rp51z7edx0] {
    max-width: 1100px;
}

.match-manager-za__desktop[b-rp51z7edx0] {
    display: block;
}

.match-manager-za__mobile-list[b-rp51z7edx0] {
    display: none;
    margin-top: 0.9rem;
}

.match-manager-za__mobile-card[b-rp51z7edx0] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.match-manager-za__mobile-card + .match-manager-za__mobile-card[b-rp51z7edx0] {
    margin-top: 0.9rem;
}

.match-manager-za__mobile-card-stats[b-rp51z7edx0] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.match-manager-za__mobile-card-stats div[b-rp51z7edx0] {
    display: grid;
    gap: 0.3rem;
}

.match-manager-za__mobile-card-stats span[b-rp51z7edx0] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-manager-za__mobile-card-stats strong[b-rp51z7edx0] {
    color: #0f172a;
}

.match-manager-za__mobile-actions[b-rp51z7edx0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.match-manager-za__participant-toolbar[b-rp51z7edx0] {
    margin-left: 0;
}

.match-manager-za-round__advanced-grid[b-rp51z7edx0]  .rz-numeric {
    width: 100%;
    min-width: 0;
}

@media (max-width: 767.98px) {
    .match-manager-za__desktop[b-rp51z7edx0] {
        display: none;
    }

    .match-manager-za__mobile-list[b-rp51z7edx0] {
        display: block;
    }

    .match-manager-za__participant-toolbar[b-rp51z7edx0] {
        display: grid;
        gap: 0.75rem;
    }

    .match-manager-za__participant-toolbar[b-rp51z7edx0]  .rz-dropdown {
        width: 100%;
    }

    .match-manager-za__mobile-actions[b-rp51z7edx0] {
        flex-direction: column;
    }

    .match-manager-za__mobile-actions[b-rp51z7edx0]  .rz-button {
        width: 100%;
    }
}
/* /Shared/MatchMutedText.razor.rz.scp.css */
.match-manager__muted[b-1qup1a4nwp] {
    color: #94a3b8;
    font-size: 0.9rem;
}
/* /Shared/MatchObjectionFlag.razor.rz.scp.css */
.match-manager__objection-flag[b-lm1ytg0yyz] {
    color: #dc2626;
    font-weight: 800;
}
/* /Shared/MatchOverlayRoster.razor.rz.scp.css */
.match-overlay-roster[b-5exhweb1b1] {
    width: 100%;
    height: 100%;
    max-height: 52rem;
    min-width: 0;
    min-height: 0;
    display: grid;
    align-self: start;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.match-overlay-roster--versus[b-5exhweb1b1] {
    max-height: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.match-overlay-roster-thumbnails[b-5exhweb1b1] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0.58rem;
}

.match-overlay-roster-thumbnails__member[b-5exhweb1b1] {
    min-width: 0;
    min-height: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-top: 2px solid var(--roster-accent, #7dd3fc);
    clip-path: polygon(9% 0, 100% 0, 100% 86%, 91% 100%, 0 100%, 0 14%);
    background: #091321;
    box-shadow: 0 0.45rem 1rem rgba(0, 0, 0, 0.28);
    animation: overlayRosterThumbnailEnter-b-5exhweb1b1 580ms cubic-bezier(0.16, 0.86, 0.22, 1)
        calc(460ms + var(--roster-index) * 55ms) both;
}

.match-overlay-roster-thumbnails__member img[b-5exhweb1b1] {
    width: 88%;
    height: 88%;
    object-fit: contain;
    image-rendering: auto;
    filter: drop-shadow(0 0.35rem 0.4rem rgba(0, 0, 0, 0.38));
}

.match-overlay-roster__member[b-5exhweb1b1] {
    position: relative;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-top: 2px solid var(--roster-accent, #7dd3fc);
    border-radius: 4px;
    background: #050914;
    box-shadow: 0 0.35rem 0.9rem rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    animation: overlayRosterMemberEnter-b-5exhweb1b1 540ms cubic-bezier(0.16, 0.86, 0.22, 1)
        calc(640ms + var(--roster-index) * 70ms) both;
}

.match-overlay-roster__member > header[b-5exhweb1b1] {
    min-width: 0;
    min-height: 2.8rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    background: #0b1425;
}

.match-overlay-roster__number[b-5exhweb1b1] {
    color: var(--roster-accent, #7dd3fc);
    font-size: 0.74rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay-roster__name[b-5exhweb1b1] {
    min-width: 0;
    display: grid;
    gap: 0.05rem;
}

.match-overlay-roster__name h3[b-5exhweb1b1] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #f8fafc;
    font-size: 1.05rem;
    line-height: 1.1;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay-roster__name small[b-5exhweb1b1] {
    color: rgba(226, 232, 240, 0.46);
    font-size: 0.6rem;
    font-weight: 850;
}

.match-overlay-roster__badges[b-5exhweb1b1] {
    display: grid;
    justify-items: end;
    align-content: center;
    gap: 0.2rem;
    padding-left: 0.45rem;
    border-left: 1px solid rgba(148, 163, 184, 0.14);
}

.match-overlay-roster__types[b-5exhweb1b1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.22rem;
}

.match-overlay-roster__types img[b-5exhweb1b1] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
    border-radius: 3px;
    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.32);
}

.match-overlay-roster__mechanic[b-5exhweb1b1] {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 0.25rem;
}

.match-overlay-roster__mechanic small[b-5exhweb1b1] {
    color: rgba(226, 232, 240, 0.42);
    font-size: 0.5rem;
    font-weight: 900;
}

.match-overlay-roster__mechanic strong[b-5exhweb1b1] {
    color: var(--roster-accent, #7dd3fc);
    font-size: 0.65rem;
    font-weight: 900;
}

.match-overlay-roster__main[b-5exhweb1b1] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(5.4rem, 0.9fr) minmax(7rem, 1.1fr);
}

.match-overlay-roster__visual[b-5exhweb1b1] {
    position: relative;
    min-width: 0;
    min-height: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-right: 1px solid rgba(148, 163, 184, 0.1);
    background: #07101d;
}

.match-overlay-roster__visual > span[b-5exhweb1b1] {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    color: rgba(148, 163, 184, 0.07);
    font-size: 4.8rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay-roster__visual img[b-5exhweb1b1] {
    position: relative;
    z-index: 1;
    display: block;
    width: min(6.6rem, 78%);
    height: min(6.6rem, 72%);
    object-fit: contain;
    image-rendering: auto;
    filter: drop-shadow(0 0.55rem 0.45rem rgba(0, 0, 0, 0.38));
}

.match-overlay-roster__moves[b-5exhweb1b1] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto repeat(4, minmax(0, 1fr));
    padding: 0.45rem 0.55rem;
}

.match-overlay-roster__section-label[b-5exhweb1b1] {
    padding-bottom: 0.2rem;
    color: rgba(125, 211, 252, 0.68);
    font-size: 0.68rem;
    font-weight: 950;
}

.match-overlay-roster__move[b-5exhweb1b1] {
    --move-accent: #64748b;
    min-width: 0;
    display: grid;
    grid-template-columns: 0.3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.35rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.09);
}

.match-overlay-roster__move:last-child[b-5exhweb1b1] {
    border-bottom: 0;
}

.match-overlay-roster__move i[b-5exhweb1b1] {
    width: 0.23rem;
    height: 0.23rem;
    background: var(--move-accent);
}

.match-overlay-roster__move strong[b-5exhweb1b1] {
    min-width: 0;
    overflow: hidden;
    color: rgba(248, 250, 252, 0.82);
    font-size: 0.88rem;
    line-height: 1.1;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay-roster--versus .match-overlay-roster__move strong[b-5exhweb1b1] {
    font-size: calc(0.88rem + 3px);
}

.match-overlay-roster__move.is-empty[b-5exhweb1b1] {
    opacity: 0.38;
}

.match-overlay-roster__member > footer[b-5exhweb1b1] {
    min-width: 0;
    min-height: 4.9rem;
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    background: #0b1322;
}

.match-overlay-roster__member > footer > div[b-5exhweb1b1] {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 0.14rem;
    padding: 0.4rem 0.5rem;
    border-right: 1px solid rgba(148, 163, 184, 0.1);
}

.match-overlay-roster__member > footer > div:nth-child(2)[b-5exhweb1b1] {
    border-right: 0;
}

.match-overlay-roster__member > footer > div:nth-child(3)[b-5exhweb1b1] {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
    border-right: 0;
}

.match-overlay-roster__member > footer span[b-5exhweb1b1] {
    color: rgba(226, 232, 240, 0.4);
    font-size: 0.68rem;
    line-height: 1;
    font-weight: 900;
}

.match-overlay-roster__member > footer strong[b-5exhweb1b1] {
    min-width: 0;
    overflow: hidden;
    color: rgba(248, 250, 252, 0.8);
    font-size: calc(0.92rem + 3px);
    line-height: 1.1;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay-roster__item-value[b-5exhweb1b1] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.35rem;
}

.match-overlay-roster__item-icon[b-5exhweb1b1] {
    display: block;
    transform: scale(1);
    transform-origin: center;
    filter: drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.4));
}

.match-overlay-roster--versus .match-overlay-roster__member > footer[b-5exhweb1b1] {
    min-height: 3.55rem;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.05fr) minmax(0, 1.13fr);
    grid-template-rows: minmax(0, 1fr);
}

.match-overlay-roster--versus .match-overlay-roster__member > footer > div[b-5exhweb1b1] {
    padding-inline: 0.42rem;
}

.match-overlay-roster--versus .match-overlay-roster__member > footer strong[b-5exhweb1b1] {
    font-size: 1rem;
}

.match-overlay-roster--versus .match-overlay-roster__member > footer > div[b-5exhweb1b1],
.match-overlay-roster--versus .match-overlay-roster__member > footer > div:nth-child(2)[b-5exhweb1b1] {
    border-top: 0;
    border-right: 1px solid rgba(148, 163, 184, 0.1);
}

.match-overlay-roster--versus .match-overlay-roster__member > footer > div:nth-child(3)[b-5exhweb1b1] {
    grid-column: auto;
    border-top: 0;
    border-right: 0;
}

.match-overlay-roster__member > footer.is-nature-hidden[b-5exhweb1b1],
.match-overlay-roster--versus .match-overlay-roster__member > footer.is-nature-hidden[b-5exhweb1b1] {
    min-height: 3.55rem;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    grid-template-rows: minmax(0, 1fr);
}

@media (max-width: 1500px), (max-height: 820px) {
    .match-overlay-roster[b-5exhweb1b1] {
        gap: 0.4rem;
    }

    .match-overlay-roster__member > header[b-5exhweb1b1] {
        min-height: 2.1rem;
        gap: 0.3rem;
        padding: 0.3rem 0.45rem;
    }

    .match-overlay-roster__name h3[b-5exhweb1b1] {
        font-size: 0.86rem;
    }

    .match-overlay-roster__name small[b-5exhweb1b1] {
        font-size: 0.54rem;
    }

    .match-overlay-roster__types img[b-5exhweb1b1] {
        width: 1.2rem;
        height: 1.2rem;
    }

    .match-overlay-roster__main[b-5exhweb1b1] {
        grid-template-columns: minmax(4.3rem, 0.82fr) minmax(5.5rem, 1.18fr);
    }

    .match-overlay-roster__visual img[b-5exhweb1b1] {
        width: min(4.9rem, 76%);
        height: min(4.9rem, 68%);
    }

    .match-overlay-roster__visual > span[b-5exhweb1b1] {
        font-size: 3.6rem;
    }

    .match-overlay-roster__moves[b-5exhweb1b1] {
        padding: 0.25rem 0.35rem;
    }

    .match-overlay-roster__move[b-5exhweb1b1] {
        gap: 0.22rem;
    }

    .match-overlay-roster__move strong[b-5exhweb1b1] {
        font-size: 0.8rem;
    }

    .match-overlay-roster__member > footer[b-5exhweb1b1] {
        min-height: 4.2rem;
    }

    .match-overlay-roster__member > footer > div[b-5exhweb1b1] {
        padding: 0.35rem 0.38rem;
    }

    .match-overlay-roster__member > footer span[b-5exhweb1b1] {
        font-size: 0.62rem;
    }

    .match-overlay-roster__member > footer strong[b-5exhweb1b1] {
        font-size: calc(0.84rem + 3px);
    }

    .match-overlay-roster__item-value[b-5exhweb1b1] {
        gap: 0.25rem;
    }

    .match-overlay-roster__item-icon[b-5exhweb1b1] {
        transform: scale(0.88);
    }

    .match-overlay-roster--versus[b-5exhweb1b1] {
        gap: 0.38rem;
    }

    .match-overlay-roster--versus .match-overlay-roster__name h3[b-5exhweb1b1] {
        font-size: 0.92rem;
    }

    .match-overlay-roster--versus .match-overlay-roster__move strong[b-5exhweb1b1] {
        font-size: calc(0.82rem + 3px);
    }

    .match-overlay-roster--versus .match-overlay-roster__member > footer[b-5exhweb1b1] {
        min-height: 3.2rem;
    }

    .match-overlay-roster--versus .match-overlay-roster__member > footer strong[b-5exhweb1b1] {
        font-size: 1rem;
    }
}

@keyframes overlayRosterMemberEnter-b-5exhweb1b1 {
    from {
        opacity: 0;
        clip-path: inset(0 0 100% 0);
        transform: translateY(1.1rem);
    }
    to {
        opacity: 1;
        clip-path: inset(0);
        transform: translateY(0);
    }
}

@keyframes overlayRosterThumbnailEnter-b-5exhweb1b1 {
    from {
        opacity: 0;
        clip-path: polygon(9% 0, 9% 0, 9% 100%, 9% 100%, 0 100%, 0 14%);
        transform: translateY(0.75rem) scale(0.92);
    }
    to {
        opacity: 1;
        clip-path: polygon(9% 0, 100% 0, 100% 86%, 91% 100%, 0 100%, 0 14%);
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .match-overlay-roster__member[b-5exhweb1b1] {
        animation: none;
    }

    .match-overlay-roster-thumbnails__member[b-5exhweb1b1] {
        animation: none;
    }
}
/* /Shared/MatchOverlayScene.razor.rz.scp.css */
.match-overlay__scene[b-2vohy76lvq] {
    position: absolute;
    inset: 0;
    overflow: visible;
    transform-origin: 50% 4%;
    animation: overlaySceneEnter-b-2vohy76lvq 420ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay__scene--empty[b-2vohy76lvq] {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 1rem;
    text-align: center;
}

.match-overlay__scene--empty span[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.92);
    font-size: clamp(1rem, 1.6vw, 1.4rem);
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-overlay__scene--empty strong[b-2vohy76lvq] {
    color: rgba(248, 250, 252, 0.24);
    font-size: clamp(2.4rem, 7vw, 5.4rem);
    font-weight: 950;
}

.match-overlay__scene--empty small[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.62);
    font-size: clamp(0.9rem, 1.5vw, 1.2rem);
}

.match-overlay__scene--usage[b-2vohy76lvq] {
    overflow: hidden;
}

.match-overlay__usage[b-2vohy76lvq] {
    position: absolute;
    inset: 3.25rem 4.5rem 3rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 1rem;
    overflow: hidden;
    pointer-events: none;
    text-shadow: none;
}

.match-overlay__usage-header[b-2vohy76lvq] {
    position: relative;
    min-width: 0;
    min-height: 7rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, auto);
    align-items: center;
    gap: 2rem;
    padding: 1.05rem 1.5rem 1rem 1.75rem;
    overflow: hidden;
    border: 1px solid var(--overlay-line, rgba(148, 163, 184, 0.18));
    border-left: 4px solid var(--overlay-accent, #fbbf24);
    border-radius: 8px;
    background: var(--overlay-panel-strong, rgba(8, 13, 24, 0.78));
    box-shadow:
        0 1.25rem 3rem rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    animation: overlayUsageHeaderEnter-b-2vohy76lvq 680ms cubic-bezier(0.16, 0.86, 0.22, 1) 160ms both;
}

.match-overlay__usage-header[b-2vohy76lvq]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 34%;
    height: 2px;
    background: var(--overlay-blue, #7dd3fc);
    transform-origin: right center;
    animation: overlayUsageHeaderRuleEnter-b-2vohy76lvq 720ms cubic-bezier(0.16, 0.86, 0.22, 1) 340ms both;
}

.match-overlay__usage-heading[b-2vohy76lvq] {
    min-width: 0;
}

.match-overlay__usage-heading > span[b-2vohy76lvq] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--overlay-blue, #7dd3fc);
    font-size: clamp(0.68rem, 0.78vw, 0.88rem);
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-heading > span[b-2vohy76lvq]::before {
    content: "";
    width: 1.8rem;
    height: 2px;
    background: var(--overlay-accent, #fbbf24);
}

.match-overlay__usage-header h1[b-2vohy76lvq] {
    margin: 0.35rem 0 0;
    color: var(--overlay-text, #f8fafc);
    font-size: clamp(1.75rem, 2.55vw, 2.8rem);
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-header p[b-2vohy76lvq] {
    max-width: 100%;
    margin: 0.42rem 0 0;
    overflow: hidden;
    color: var(--overlay-muted, rgba(226, 232, 240, 0.68));
    font-size: clamp(0.78rem, 0.95vw, 1rem);
    line-height: 1.2;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__usage-summary[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    justify-items: end;
    align-content: center;
    gap: 0.35rem;
    padding-left: 1.4rem;
    border-left: 1px solid var(--overlay-line, rgba(148, 163, 184, 0.18));
}

.match-overlay__usage-summary > span[b-2vohy76lvq] {
    color: var(--overlay-muted, rgba(226, 232, 240, 0.68));
    font-size: clamp(0.62rem, 0.7vw, 0.78rem);
    line-height: 1;
    font-weight: 900;
}

.match-overlay__usage-summary > div[b-2vohy76lvq] {
    display: flex;
    align-items: baseline;
    gap: 0.55rem;
}

.match-overlay__usage-summary strong[b-2vohy76lvq] {
    color: var(--overlay-accent, #fbbf24);
    font-size: clamp(2.2rem, 3.2vw, 3.5rem);
    line-height: 0.9;
    font-weight: 950;
}

.match-overlay__usage-summary small[b-2vohy76lvq] {
    color: var(--overlay-muted, rgba(226, 232, 240, 0.68));
    font-size: clamp(0.66rem, 0.75vw, 0.82rem);
    line-height: 1;
    font-weight: 900;
}

.match-overlay__usage-grid[b-2vohy76lvq] {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.match-overlay__usage-card[b-2vohy76lvq] {
    --usage-index: 0;
    --usage-column: 0;
    --usage-row: 0;
    --usage-rate: 0;
    --usage-delay: calc(120ms + var(--usage-column) * 42ms + var(--usage-row) * 70ms);
    position: relative;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 0;
    padding: 0.7rem 0.75rem 0.75rem;
    overflow: hidden;
    border: 1px solid rgba(125, 211, 252, 0.2);
    border-top: 2px solid rgba(125, 211, 252, 0.52);
    border-radius: 6px;
    background: rgba(5, 9, 18, 0.94);
    box-shadow:
        0 1rem 2.2rem rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    animation: overlayUsageCardEnter-b-2vohy76lvq 460ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay: var(--usage-delay);
}

.match-overlay__usage-card[b-2vohy76lvq]::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 2px;
    background: var(--overlay-accent, #fbbf24);
    opacity: 0.72;
    transform-origin: left center;
    animation: overlayUsageCardRuleEnter-b-2vohy76lvq 560ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay: calc(var(--usage-delay) + 180ms);
}

.match-overlay__usage-rank[b-2vohy76lvq] {
    position: absolute;
    z-index: 2;
    top: 0.7rem;
    left: 0.8rem;
    color: rgba(125, 211, 252, 0.72);
    font-size: clamp(0.7rem, 0.78vw, 0.86rem);
    line-height: 1;
    font-weight: 950;
    animation: overlayUsageDetailEnter-b-2vohy76lvq 420ms ease-out both;
    animation-delay: calc(var(--usage-delay) + 180ms);
}

.match-overlay__usage-visual[b-2vohy76lvq] {
    position: relative;
    width: 100%;
    min-height: 0;
    display: grid;
    place-items: center;
    background: rgba(15, 23, 42, 0.22);
}

.match-overlay__usage-pokemon[b-2vohy76lvq] {
    width: min(12.5rem, 82%);
    height: min(12.5rem, 86%);
    display: block;
    object-fit: contain;
    image-rendering: auto;
    filter: drop-shadow(0 0.85rem 0.8rem rgba(0, 0, 0, 0.42));
    animation: overlayUsagePokemonEnter-b-2vohy76lvq 520ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay: calc(var(--usage-delay) + 80ms);
}

.match-overlay__usage-types[b-2vohy76lvq] {
    position: absolute;
    top: 0.1rem;
    right: 0.05rem;
    display: flex;
    gap: 0.28rem;
    animation: overlayUsageDetailEnter-b-2vohy76lvq 420ms ease-out both;
    animation-delay: calc(var(--usage-delay) + 210ms);
}

.match-overlay__usage-types img[b-2vohy76lvq] {
    width: clamp(1.65rem, 2vw, 2.2rem);
    height: clamp(1.65rem, 2vw, 2.2rem);
    display: block;
    object-fit: contain;
    border-radius: 3px;
    box-shadow: 0 0.25rem 0.65rem rgba(0, 0, 0, 0.38);
}

.match-overlay__usage-card-copy[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    gap: 0.42rem;
    margin: 0 -0.75rem -0.75rem;
    padding: 0.7rem 0.85rem 0.8rem;
    border-top: 1px solid rgba(125, 211, 252, 0.16);
    background: rgba(2, 6, 13, 0.78);
    animation: overlayUsageDetailEnter-b-2vohy76lvq 460ms ease-out both;
    animation-delay: calc(var(--usage-delay) + 180ms);
}

.match-overlay__usage-card-name[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 0.65rem;
}

.match-overlay__usage-card-name > span[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: #f8fafc;
    font-size: clamp(0.76rem, 0.9vw, 1rem);
    line-height: 1.15;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__usage-card-name > strong[b-2vohy76lvq] {
    color: #fbbf24;
    font-size: clamp(1.05rem, 1.35vw, 1.48rem);
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-card-copy > small[b-2vohy76lvq] {
    overflow: hidden;
    color: rgba(226, 232, 240, 0.7);
    font-size: clamp(0.58rem, 0.66vw, 0.72rem);
    line-height: 1;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__usage-meter[b-2vohy76lvq] {
    height: 0.28rem;
    overflow: hidden;
    background: rgba(148, 163, 184, 0.16);
}

.match-overlay__usage-meter i[b-2vohy76lvq] {
    width: 100%;
    height: 100%;
    display: block;
    background: var(--overlay-blue, #7dd3fc);
    transform: scaleX(var(--usage-rate));
    transform-origin: left center;
    animation: overlayUsageMeterEnter-b-2vohy76lvq 760ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay: calc(var(--usage-delay) + 260ms);
}

.match-overlay__usage-empty[b-2vohy76lvq] {
    min-height: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 0.65rem;
    border: 1px dashed rgba(148, 163, 184, 0.32);
    border-radius: 8px;
    background: rgba(5, 8, 14, 0.78);
    text-align: center;
}

.match-overlay__usage-empty strong[b-2vohy76lvq] {
    color: #f8fafc;
    font-size: clamp(1.6rem, 3vw, 3rem);
    font-weight: 950;
}

.match-overlay__usage-empty span[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.62);
    font-size: clamp(0.85rem, 1.2vw, 1.15rem);
    font-weight: 800;
}

@media (max-width: 1200px), (max-height: 720px) {
    .match-overlay__usage[b-2vohy76lvq] {
        inset: 2.25rem 2.5rem 2rem;
        gap: 0.75rem;
    }

    .match-overlay__usage-header[b-2vohy76lvq] {
        min-height: 5.7rem;
        grid-template-columns: minmax(0, 1fr) minmax(7.5rem, auto);
        padding: 0.8rem 1.2rem 0.75rem 1.35rem;
    }

    .match-overlay__usage-grid[b-2vohy76lvq] {
        gap: 0.65rem;
    }

    .match-overlay__usage-card[b-2vohy76lvq] {
        padding: 0.45rem 0.5rem 0.5rem;
    }

    .match-overlay__usage-rank[b-2vohy76lvq] {
        top: 0.5rem;
        left: 0.55rem;
    }

    .match-overlay__usage-card-copy[b-2vohy76lvq] {
        gap: 0.28rem;
        margin: 0 -0.5rem -0.5rem;
        padding: 0.45rem 0.58rem 0.55rem;
    }
}

@media (max-width: 820px) {
    .match-overlay__usage-grid[b-2vohy76lvq] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
}

.match-overlay__usage-detail[b-2vohy76lvq] {
    position: absolute;
    inset: 3.25rem 4.5rem 3rem;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 1rem;
    overflow: hidden;
    pointer-events: none;
    text-shadow: none;
}

.match-overlay__usage-detail-header[b-2vohy76lvq] {
    min-width: 0;
    min-height: 7rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1.5rem 0.95rem 1.75rem;
    overflow: hidden;
    border: 1px solid var(--overlay-line, rgba(148, 163, 184, 0.18));
    border-left: 4px solid var(--overlay-blue, #7dd3fc);
    border-radius: 8px;
    background: var(--overlay-panel-strong, rgba(8, 13, 24, 0.88));
    box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    animation: overlayUsageHeaderEnter-b-2vohy76lvq 620ms cubic-bezier(0.16, 0.86, 0.22, 1) 80ms both;
}

.match-overlay__usage-detail-header > div:first-child[b-2vohy76lvq] {
    min-width: 0;
}

.match-overlay__usage-detail-header > div:first-child > span[b-2vohy76lvq] {
    color: var(--overlay-blue, #7dd3fc);
    font-size: 0.82rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-detail-header h1[b-2vohy76lvq] {
    margin: 0.32rem 0 0;
    overflow: hidden;
    color: var(--overlay-text, #f8fafc);
    font-size: 2.55rem;
    line-height: 1;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__usage-detail-header p[b-2vohy76lvq] {
    margin: 0.38rem 0 0;
    overflow: hidden;
    color: var(--overlay-muted, rgba(226, 232, 240, 0.68));
    font-size: 0.94rem;
    line-height: 1.2;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__usage-detail-header-meta[b-2vohy76lvq] {
    min-width: 8.5rem;
    display: grid;
    justify-items: end;
    gap: 0.3rem;
    padding-left: 1.5rem;
    border-left: 1px solid var(--overlay-line, rgba(148, 163, 184, 0.18));
}

.match-overlay__usage-detail-header-meta span[b-2vohy76lvq] {
    color: var(--overlay-muted, rgba(226, 232, 240, 0.68));
    font-size: 0.72rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-detail-header-meta strong[b-2vohy76lvq] {
    color: var(--overlay-accent, #fbbf24);
    font-size: 2.5rem;
    line-height: 0.9;
    font-weight: 950;
}

.match-overlay__usage-detail-layout[b-2vohy76lvq] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(21rem, 0.76fr) minmax(0, 2.24fr);
    gap: 1rem;
    overflow: hidden;
    box-sizing: border-box;
}

.match-overlay__usage-detail-identity[b-2vohy76lvq] {
    position: relative;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    overflow: hidden;
    border: 1px solid rgba(125, 211, 252, 0.22);
    border-top: 2px solid rgba(125, 211, 252, 0.62);
    border-radius: 6px;
    background: rgba(5, 9, 18, 0.94);
    box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    animation: overlayUsageCardEnter-b-2vohy76lvq 500ms cubic-bezier(0.16, 0.86, 0.22, 1) 150ms both;
    box-sizing: border-box;
}

.match-overlay__usage-detail-rank[b-2vohy76lvq] {
    position: absolute;
    z-index: 2;
    top: 1rem;
    left: 1.1rem;
    color: rgba(125, 211, 252, 0.48);
    font-size: 3rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-detail-types[b-2vohy76lvq] {
    position: absolute;
    z-index: 2;
    top: 1rem;
    right: 1rem;
    display: flex;
    gap: 0.42rem;
    animation: overlayUsageDetailEnter-b-2vohy76lvq 420ms ease-out 420ms both;
}

.match-overlay__usage-detail-types img[b-2vohy76lvq] {
    width: 2.7rem;
    height: 2.7rem;
    display: block;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.42);
}

.match-overlay__usage-detail-pokemon[b-2vohy76lvq] {
    width: min(21rem, 82%);
    height: min(21rem, 82%);
    align-self: center;
    justify-self: center;
    display: block;
    object-fit: contain;
    image-rendering: auto;
    filter: drop-shadow(0 1.3rem 1.2rem rgba(0, 0, 0, 0.48));
    animation: overlayUsagePokemonEnter-b-2vohy76lvq 560ms cubic-bezier(0.16, 0.86, 0.22, 1) 240ms both;
}

.match-overlay__usage-detail-rate[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.25rem 1rem;
    padding: 0.9rem 1.15rem 0.95rem;
    border-top: 1px solid rgba(125, 211, 252, 0.16);
    background: rgba(2, 6, 13, 0.82);
    animation: overlayUsageDetailEnter-b-2vohy76lvq 460ms ease-out 360ms both;
}

.match-overlay__usage-detail-rate > span[b-2vohy76lvq] {
    color: var(--overlay-muted, rgba(226, 232, 240, 0.68));
    font-size: 0.82rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-detail-rate > strong[b-2vohy76lvq] {
    grid-row: span 2;
    align-self: end;
    color: var(--overlay-accent, #fbbf24);
    font-size: 2.8rem;
    line-height: 0.88;
    font-weight: 950;
}

.match-overlay__usage-detail-rate > small[b-2vohy76lvq] {
    overflow: hidden;
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.95rem;
    line-height: 1.1;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__usage-detail-rate > div[b-2vohy76lvq] {
    grid-column: 1 / -1;
    height: 0.35rem;
    margin-top: 0.35rem;
    overflow: hidden;
    background: rgba(148, 163, 184, 0.16);
}

.match-overlay__usage-detail-rate > div i[b-2vohy76lvq] {
    width: 100%;
    height: 100%;
    display: block;
    background: var(--overlay-blue, #7dd3fc);
    transform: scaleX(var(--usage-detail-rate));
    transform-origin: left center;
    animation: overlayUsageDetailMeterEnter-b-2vohy76lvq 760ms cubic-bezier(0.16, 0.86, 0.22, 1) 480ms both;
}

.match-overlay__usage-detail-natures[b-2vohy76lvq] {
    min-width: 0;
    padding: 0.8rem 1.15rem 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(9, 14, 26, 0.9);
    animation: overlayUsageDetailEnter-b-2vohy76lvq 460ms ease-out 420ms both;
}

.match-overlay__usage-detail-natures > header[b-2vohy76lvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.72rem;
}

.match-overlay__usage-detail-natures > header span[b-2vohy76lvq] {
    color: #c4b5fd;
    font-size: 0.86rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-detail-natures > header small[b-2vohy76lvq] {
    color: rgba(196, 181, 253, 0.62);
    font-size: 0.68rem;
    line-height: 1;
    font-weight: 900;
}

.match-overlay__usage-detail-nature-list[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    gap: 0.55rem;
}

.match-overlay__usage-detail-nature[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto 0.22rem;
    gap: 0.16rem 0.7rem;
}

.match-overlay__usage-detail-nature > span[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: rgba(248, 250, 252, 0.94);
    font-size: 0.96rem;
    line-height: 1.05;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__usage-detail-nature > strong[b-2vohy76lvq] {
    grid-row: 1 / 3;
    align-self: center;
    color: #c4b5fd;
    font-size: 1.12rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-detail-nature > small[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.72rem;
    line-height: 1;
    font-weight: 800;
}

.match-overlay__usage-detail-nature > div[b-2vohy76lvq] {
    grid-column: 1 / -1;
    height: 0.22rem;
    overflow: hidden;
    background: rgba(148, 163, 184, 0.13);
}

.match-overlay__usage-detail-nature > div i[b-2vohy76lvq] {
    width: 100%;
    height: 100%;
    display: block;
    background: #a78bfa;
    transform: scaleX(var(--usage-detail-rate));
    transform-origin: left center;
    animation: overlayUsageDetailMeterEnter-b-2vohy76lvq 640ms cubic-bezier(0.16, 0.86, 0.22, 1) 500ms both;
}

.match-overlay__usage-detail-sections[b-2vohy76lvq] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    overflow: hidden;
    box-sizing: border-box;
}

.match-overlay__usage-detail-section[b-2vohy76lvq] {
    --usage-detail-index: 0;
    --usage-detail-color: #7dd3fc;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-top: 3px solid var(--usage-detail-color);
    border-radius: 6px;
    background: rgba(5, 9, 18, 0.94);
    box-shadow: 0 0.8rem 1.8rem rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    animation: overlayUsageCardEnter-b-2vohy76lvq 460ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay: calc(180ms + var(--usage-detail-index) * 55ms);
    box-sizing: border-box;
}

.match-overlay__usage-detail-section[data-usage-detail-category="item"][b-2vohy76lvq] {
    --usage-detail-color: #fbbf24;
}

.match-overlay__usage-detail-section[data-usage-detail-category="move"][b-2vohy76lvq] {
    --usage-detail-color: #38bdf8;
}

.match-overlay__usage-detail-section[data-usage-detail-category="ability"][b-2vohy76lvq] {
    --usage-detail-color: #4ade80;
}

.match-overlay__usage-detail-section[data-usage-detail-category="ally"][b-2vohy76lvq] {
    --usage-detail-color: #fb7185;
}

.match-overlay__usage-detail-section > header[b-2vohy76lvq] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.5);
}

.match-overlay__usage-detail-section h2[b-2vohy76lvq] {
    margin: 0;
    color: #f8fafc;
    font-size: 1.22rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__usage-detail-section > header span[b-2vohy76lvq] {
    flex: none;
    color: var(--usage-detail-color);
    font-size: 0.72rem;
    line-height: 1;
    font-weight: 900;
}

.match-overlay__usage-detail-list[b-2vohy76lvq] {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0.22rem 1rem 0.45rem;
    box-sizing: border-box;
}

.match-overlay__usage-detail-list.is-scrollable[b-2vohy76lvq]::before,
.match-overlay__usage-detail-list.is-scrollable[b-2vohy76lvq]::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
    height: 0.45rem;
    pointer-events: none;
    background: rgba(5, 9, 18, 0.98);
}

.match-overlay__usage-detail-list.is-scrollable[b-2vohy76lvq]::before {
    top: 0;
}

.match-overlay__usage-detail-list.is-scrollable[b-2vohy76lvq]::after {
    bottom: 0;
}

.match-overlay__usage-detail-track[b-2vohy76lvq] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: repeat(4, minmax(0, 1fr));
}

.match-overlay__usage-detail-track.is-scrollable[b-2vohy76lvq] {
    height: calc(var(--usage-detail-item-count) * 25%);
    grid-template-rows: repeat(var(--usage-detail-item-count), minmax(0, 1fr));
    will-change: transform;
    animation: overlayUsageDetailListScroll-b-2vohy76lvq var(--usage-detail-scroll-duration) cubic-bezier(0.45, 0, 0.55, 1) 800ms infinite alternate both;
}

.match-overlay__usage-detail-item[b-2vohy76lvq] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    grid-template-rows: minmax(0, 1fr) auto 0.28rem;
    align-items: center;
    gap: 0.12rem 0.78rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.match-overlay__usage-detail-item:last-child[b-2vohy76lvq] {
    border-bottom: 0;
}

.match-overlay__usage-detail-item > img[b-2vohy76lvq],
.match-overlay__usage-detail-item > i[b-2vohy76lvq] {
    width: 2.25rem;
    height: 2.25rem;
    grid-row: 1 / 3;
    align-self: center;
    display: block;
    object-fit: contain;
}

.match-overlay__usage-detail-item > i[b-2vohy76lvq] {
    width: 0.58rem;
    height: 0.58rem;
    justify-self: center;
    border-radius: 1px;
    background-color: var(--usage-detail-color);
}

.match-overlay__usage-detail-item > i.match-overlay__usage-detail-item-sprite[b-2vohy76lvq] {
    width: 24px;
    height: 24px;
    justify-self: center;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    transform: scale(1.35);
}

.match-overlay__usage-detail-item > i.match-overlay__usage-detail-item-sprite--legacy[b-2vohy76lvq] {
    background-image: url('/Image/smitems_v2.png');
}

.match-overlay__usage-detail-item > span[b-2vohy76lvq] {
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
    overflow: hidden;
    color: rgba(248, 250, 252, 0.92);
    font-size: 1.12rem;
    line-height: 1.05;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__usage-detail-item > strong[b-2vohy76lvq] {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
    color: var(--usage-detail-color);
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 950;
    text-align: right;
}

.match-overlay__usage-detail-item > small[b-2vohy76lvq] {
    grid-column: 2;
    grid-row: 2;
    color: rgba(226, 232, 240, 0.5);
    font-size: 0.78rem;
    line-height: 1;
    font-weight: 850;
    text-align: left;
}

.match-overlay__usage-detail-item > div[b-2vohy76lvq] {
    grid-column: 2 / -1;
    grid-row: 3;
    height: 0.28rem;
    overflow: hidden;
    background: rgba(148, 163, 184, 0.12);
}

.match-overlay__usage-detail-item > div b[b-2vohy76lvq] {
    width: 100%;
    height: 100%;
    display: block;
    background: var(--usage-detail-color);
    transform: scaleX(var(--usage-detail-rate));
    transform-origin: left center;
    animation: overlayUsageDetailMeterEnter-b-2vohy76lvq 640ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay: calc(420ms + var(--usage-detail-index) * 55ms);
}

.match-overlay__usage-detail-empty[b-2vohy76lvq] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: rgba(226, 232, 240, 0.4);
    font-size: 0.78rem;
    font-weight: 900;
}

@media (max-width: 1200px), (max-height: 720px) {
    .match-overlay__usage-detail[b-2vohy76lvq] {
        inset: 2.25rem 2.5rem 2rem;
        gap: 0.7rem;
    }

    .match-overlay__usage-detail-header[b-2vohy76lvq] {
        min-height: 5.7rem;
        padding: 0.72rem 1rem 0.68rem 1.25rem;
    }

    .match-overlay__usage-detail-header h1[b-2vohy76lvq] {
        font-size: 2rem;
    }

    .match-overlay__usage-detail-header p[b-2vohy76lvq] {
        font-size: 0.78rem;
    }

    .match-overlay__usage-detail-header-meta strong[b-2vohy76lvq] {
        font-size: 2rem;
    }

    .match-overlay__usage-detail-layout[b-2vohy76lvq] {
        grid-template-columns: minmax(16rem, 0.76fr) minmax(0, 2.24fr);
        gap: 0.7rem;
    }

    .match-overlay__usage-detail-sections[b-2vohy76lvq] {
        gap: 0.55rem;
    }

    .match-overlay__usage-detail-rank[b-2vohy76lvq] {
        top: 0.65rem;
        left: 0.7rem;
        font-size: 2.25rem;
    }

    .match-overlay__usage-detail-types[b-2vohy76lvq] {
        top: 0.65rem;
        right: 0.65rem;
    }

    .match-overlay__usage-detail-types img[b-2vohy76lvq] {
        width: 2.1rem;
        height: 2.1rem;
    }

    .match-overlay__usage-detail-rate[b-2vohy76lvq] {
        padding: 0.58rem 0.78rem 0.62rem;
    }

    .match-overlay__usage-detail-rate > strong[b-2vohy76lvq] {
        font-size: 2.15rem;
    }

    .match-overlay__usage-detail-natures[b-2vohy76lvq] {
        padding: 0.55rem 0.78rem 0.65rem;
    }

    .match-overlay__usage-detail-natures > header[b-2vohy76lvq] {
        margin-bottom: 0.42rem;
    }

    .match-overlay__usage-detail-nature-list[b-2vohy76lvq] {
        gap: 0.36rem;
    }

    .match-overlay__usage-detail-nature > span[b-2vohy76lvq] {
        font-size: 0.88rem;
    }

    .match-overlay__usage-detail-nature > strong[b-2vohy76lvq] {
        font-size: 1rem;
    }

    .match-overlay__usage-detail-nature > small[b-2vohy76lvq] {
        font-size: 0.64rem;
    }

    .match-overlay__usage-detail-section > header[b-2vohy76lvq] {
        padding: 0.58rem 0.72rem;
    }

    .match-overlay__usage-detail-section h2[b-2vohy76lvq] {
        font-size: 1.05rem;
    }

    .match-overlay__usage-detail-list[b-2vohy76lvq] {
        padding: 0.12rem 0.68rem 0.3rem;
    }

    .match-overlay__usage-detail-item[b-2vohy76lvq] {
        grid-template-columns: 2.2rem minmax(0, 1fr) auto;
        gap: 0.08rem 0.56rem;
    }

    .match-overlay__usage-detail-item > img[b-2vohy76lvq],
    .match-overlay__usage-detail-item > i[b-2vohy76lvq] {
        width: 1.88rem;
        height: 1.88rem;
    }

    .match-overlay__usage-detail-item > i.match-overlay__usage-detail-item-sprite[b-2vohy76lvq] {
        width: 24px;
        height: 24px;
        transform: scale(1.12);
    }

    .match-overlay__usage-detail-item > i:not(.match-overlay__usage-detail-item-sprite)[b-2vohy76lvq] {
        width: 0.58rem;
        height: 0.58rem;
    }

    .match-overlay__usage-detail-item > span[b-2vohy76lvq] {
        font-size: 1rem;
    }

    .match-overlay__usage-detail-item > strong[b-2vohy76lvq] {
        font-size: 1.06rem;
    }

    .match-overlay__usage-detail-item > small[b-2vohy76lvq] {
        font-size: 0.72rem;
    }
}

@media (max-width: 820px) {
    .match-overlay__usage-detail[b-2vohy76lvq] {
        inset: 1.25rem;
    }

    .match-overlay__usage-detail-layout[b-2vohy76lvq] {
        grid-template-columns: minmax(12rem, 0.62fr) minmax(0, 2.38fr);
    }
}

.match-overlay__scene--idle[b-2vohy76lvq] {
    display: grid;
    place-items: center;
    background: transparent;
}

.match-overlay__idle[b-2vohy76lvq] {
    width: min(76rem, calc(100vw - 8rem));
    min-height: 27rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 17rem;
    align-items: center;
    gap: 4rem;
    padding: 2.75rem 3.25rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-left: 3px solid rgba(251, 191, 36, 0.78);
    border-radius: 8px;
    background: rgba(5, 8, 14, 0.78);
    box-shadow:
        0 2.2rem 5.5rem rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
}

.match-overlay__idle-copy[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    justify-items: start;
}

.match-overlay__idle-title-art[b-2vohy76lvq] {
    width: min(22rem, 42vw);
    height: 8rem;
    margin-bottom: 1.25rem;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 0.9rem 1.7rem rgba(0, 0, 0, 0.38));
}

.match-overlay__idle-copy > span[b-2vohy76lvq] {
    color: rgba(125, 211, 252, 0.86);
    font-size: 0.92rem;
    font-weight: 950;
}

.match-overlay__idle-copy h1[b-2vohy76lvq] {
    max-width: 100%;
    margin: 0.55rem 0 0;
    overflow: hidden;
    color: #f8fafc;
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 1.08;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__idle-copy p[b-2vohy76lvq] {
    margin: 1rem 0 0;
    color: rgba(226, 232, 240, 0.58);
    font-size: 1.15rem;
    font-weight: 850;
}

.match-overlay__idle-qr[b-2vohy76lvq] {
    display: grid;
    justify-items: center;
    gap: 0.9rem;
}

.match-overlay__idle-qr-frame[b-2vohy76lvq] {
    width: 14rem;
    height: 14rem;
    display: grid;
    place-items: center;
    padding: 0.8rem;
    border: 1px solid rgba(251, 191, 36, 0.42);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 1.15rem 2.6rem rgba(0, 0, 0, 0.4);
}

.match-overlay__idle-qr-frame img[b-2vohy76lvq] {
    width: 100%;
    height: 100%;
    display: block;
}

.match-overlay__idle-qr strong[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.9);
    font-size: 1rem;
    font-weight: 950;
}

@media (max-width: 920px), (max-height: 660px) {
    .match-overlay__idle[b-2vohy76lvq] {
        width: min(54rem, calc(100vw - 3rem));
        min-height: 0;
        grid-template-columns: minmax(0, 1fr) 11rem;
        gap: 2rem;
        padding: 1.6rem 2rem;
    }

    .match-overlay__idle-title-art[b-2vohy76lvq] {
        height: 5.5rem;
        margin-bottom: 0.7rem;
    }

    .match-overlay__idle-qr-frame[b-2vohy76lvq] {
        width: 10rem;
        height: 10rem;
    }
}

.match-overlay__topbar[b-2vohy76lvq] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    height: 3.6rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    padding: 0 2rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0));
    pointer-events: none;
}

.match-overlay__topbar--without-round[b-2vohy76lvq] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.match-overlay__topbar span[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(251, 191, 36, 0.98);
    font-size: clamp(1.1rem, 1.45vw, 1.55rem);
    font-weight: 950;
}

.match-overlay__topbar strong[b-2vohy76lvq] {
    min-width: 4.8rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.48);
    color: rgba(226, 232, 240, 0.72);
    font-size: clamp(0.74rem, 0.95vw, 0.92rem);
    font-weight: 900;
    letter-spacing: 0.02em;
    backdrop-filter: blur(8px);
}

.match-overlay__topbar time[b-2vohy76lvq] {
    justify-self: end;
    color: rgba(248, 250, 252, 0.78);
    font-size: clamp(1rem, 1.25vw, 1.35rem);
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.match-overlay__marquee-text[b-2vohy76lvq] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.match-overlay__marquee-text > span[b-2vohy76lvq] {
    display: inline-block;
    max-width: none;
    min-width: 100%;
    transform: translateX(0);
    will-change: transform;
}

.match-overlay__marquee-text.is-overflowing > span[b-2vohy76lvq] {
    padding-right: 1.75rem;
    animation: overlayNameMarquee-b-2vohy76lvq var(--marquee-duration, 6.2s) ease-in-out 900ms infinite;
}

.match-overlay__avatar[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.2);
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.16), transparent 52%),
        rgba(5, 8, 14, 0.72);
    box-shadow:
        0 0 0 2px rgba(5, 8, 14, 0.56),
        0 8px 20px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.match-overlay__avatar img[b-2vohy76lvq] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.match-overlay__avatar--team-preview[b-2vohy76lvq] {
    width: 2.35rem;
    height: 2.35rem;
    border-color: rgba(125, 211, 252, 0.36);
    box-shadow:
        0 0 0 2px rgba(5, 8, 14, 0.64),
        0 0 18px rgba(56, 189, 248, 0.14),
        0 8px 20px rgba(0, 0, 0, 0.34);
}

.match-overlay__avatar--live[b-2vohy76lvq] {
    width: 3.1rem;
    height: 3.1rem;
    border-color: rgba(251, 191, 36, 0.38);
    box-shadow:
        0 0 0 2px rgba(5, 8, 14, 0.68),
        0 0 22px rgba(251, 191, 36, 0.16),
        0 10px 26px rgba(0, 0, 0, 0.38);
}

.match-overlay__avatar--pairing[b-2vohy76lvq] {
    width: 1.95rem;
    height: 1.95rem;
    border-color: rgba(251, 191, 36, 0.34);
}

.match-overlay__avatar--standing[b-2vohy76lvq],
.match-overlay__avatar--swiss-ended-row[b-2vohy76lvq] {
    width: 2.05rem;
    height: 2.05rem;
    border-color: rgba(125, 211, 252, 0.28);
    box-shadow: 0 0.45rem 1.1rem rgba(0, 0, 0, 0.28);
}

.match-overlay__avatar--swiss-ended[b-2vohy76lvq] {
    width: 2.35rem;
    height: 2.35rem;
    border-color: rgba(251, 191, 36, 0.34);
    box-shadow:
        0 0.62rem 1.35rem rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(251, 191, 36, 0.1);
}

.match-overlay__avatar--result[b-2vohy76lvq] {
    width: 2.55rem;
    height: 2.55rem;
    border-color: rgba(251, 191, 36, 0.34);
}

.match-overlay__avatar--elimination-node[b-2vohy76lvq] {
    width: 2.1rem;
    height: 2.1rem;
    border-color: rgba(251, 191, 36, 0.3);
}

.match-overlay__avatar--elimination-final[b-2vohy76lvq] {
    width: 2.35rem;
    height: 2.35rem;
    border-color: rgba(253, 230, 138, 0.44);
}

.match-overlay__avatar--podium[b-2vohy76lvq] {
    width: 4.15rem;
    height: 4.15rem;
    margin: -0.18rem 0 0.78rem;
    border-color: rgba(253, 230, 138, 0.44);
    box-shadow:
        0 0.85rem 1.9rem rgba(0, 0, 0, 0.34),
        0 0 1.4rem rgba(251, 191, 36, 0.12);
}

.match-overlay__avatar--podium-side[b-2vohy76lvq] {
    width: 2.25rem;
    height: 2.25rem;
    border-color: rgba(251, 191, 36, 0.28);
}

.match-overlay__player--right .match-overlay__marquee-text > span[b-2vohy76lvq],
.match-overlay__pairing-players strong:last-child .match-overlay__marquee-text > span[b-2vohy76lvq],
.match-overlay__result-score-name.is-right .match-overlay__marquee-text > span[b-2vohy76lvq] {
    text-align: right;
}

.match-overlay__overview-board[b-2vohy76lvq] {
    position: absolute;
    inset: 4.6rem 4.4rem 3rem 4.4rem;
    display: grid;
    grid-template-columns: minmax(24rem, 31vw) minmax(0, 1fr);
    gap: 1.75rem;
    pointer-events: none;
}

.match-overlay__elimination-stage[b-2vohy76lvq] {
    position: absolute;
    inset: 4.7rem 3.4rem 2.8rem;
    --bracket-card-delay: 80ms;
    --bracket-line-delay: 420ms;
    --bracket-winner-delay: 1380ms;
    --bracket-route-delay: 1720ms;
    --bracket-target-delay: 2280ms;
    --bracket-final-target-delay: 4200ms;
    overflow: hidden;
    pointer-events: none;
}

.match-overlay__elimination-stage[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 2.4rem 18% 7%;
    border-top: 1px solid rgba(226, 232, 240, 0.1);
    border-bottom: 1px solid rgba(226, 232, 240, 0.06);
    background:
        radial-gradient(circle at 50% 42%, rgba(251, 191, 36, 0.09), transparent 28%),
        radial-gradient(circle at 50% 64%, rgba(96, 165, 250, 0.08), transparent 34%);
    opacity: 0.88;
    filter: blur(0.2px);
}

.match-overlay__elimination-head[b-2vohy76lvq],
.match-overlay__elimination-progress[b-2vohy76lvq],
.match-overlay__elimination-brand[b-2vohy76lvq],
.match-overlay__elimination-card[b-2vohy76lvq] {
    position: absolute;
    z-index: 2;
}

.match-overlay__elimination-head[b-2vohy76lvq] {
    top: 0;
    left: 0.4rem;
    display: grid;
    gap: 0.38rem;
}

.match-overlay__elimination-head span[b-2vohy76lvq] {
    color: rgba(147, 197, 253, 0.9);
    font-size: clamp(0.78rem, 1vw, 0.96rem);
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.match-overlay__elimination-head strong[b-2vohy76lvq] {
    color: #f8fafc;
    font-size: clamp(2.25rem, 4.6vw, 5.1rem);
    line-height: 0.9;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 10px 34px rgba(0, 0, 0, 0.62);
}

.match-overlay__elimination-progress[b-2vohy76lvq] {
    top: 0.3rem;
    right: 0.4rem;
    width: min(24rem, 24vw);
    height: 2.45rem;
    display: grid;
    align-items: center;
    padding: 0 1rem;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.56);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(7px);
}

.match-overlay__elimination-progress span[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    color: rgba(226, 232, 240, 0.82);
    font-size: clamp(0.78rem, 1vw, 0.95rem);
    font-weight: 950;
    text-align: right;
    white-space: nowrap;
}

.match-overlay__elimination-progress i[b-2vohy76lvq] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f59e0b, #fde68a);
    box-shadow: 0 0 18px rgba(251, 191, 36, 0.32);
    transition: width 420ms ease;
}

.match-overlay__elimination-brand[b-2vohy76lvq] {
    top: 16%;
    left: 50%;
    display: grid;
    justify-items: center;
    gap: 0.25rem;
    transform: translateX(-50%);
    text-align: center;
    opacity: 0.95;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-brand[b-2vohy76lvq] {
    top: 8%;
    transform: translateX(-50%) scale(0.74);
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-brand[b-2vohy76lvq] {
    top: 9%;
    transform: translateX(-50%) scale(0.52);
    opacity: 0.58;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-head strong[b-2vohy76lvq] {
    font-size: clamp(1.95rem, 3.65vw, 4.25rem);
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-head strong[b-2vohy76lvq] {
    font-size: clamp(1.8rem, 3.1vw, 3.9rem);
}

.match-overlay__elimination-brand small[b-2vohy76lvq] {
    color: rgba(147, 197, 253, 0.9);
    font-size: clamp(0.82rem, 1.15vw, 1.05rem);
    font-weight: 950;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    text-shadow: 0 0 22px rgba(96, 165, 250, 0.45);
}

.match-overlay__elimination-brand strong[b-2vohy76lvq] {
    color: rgba(248, 250, 252, 0.9);
    font-size: clamp(2.2rem, 5.8vw, 6.4rem);
    line-height: 0.9;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow:
        0 0 28px rgba(251, 191, 36, 0.18),
        0 14px 52px rgba(0, 0, 0, 0.62);
}

.match-overlay__elimination-lines[b-2vohy76lvq] {
    position: absolute;
    inset: 4.2rem 0 0;
    z-index: 1;
    width: 100%;
    height: calc(100% - 4.2rem);
    overflow: visible;
    opacity: 0.78;
}

.match-overlay__elimination-line[b-2vohy76lvq] {
    fill: none;
    stroke: rgba(203, 213, 225, 0.32);
    stroke-width: 0.28;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 8px rgba(96, 165, 250, 0.16));
    stroke-dasharray: 1;
    stroke-dashoffset: 0;
    animation: overlayBracketLineDraw-b-2vohy76lvq 640ms cubic-bezier(0.18, 0.86, 0.24, 1) both;
    animation-delay: calc(var(--bracket-line-delay) + var(--route-delay, 0ms));
}

.match-overlay__elimination-line.is-future-route[b-2vohy76lvq] {
    stroke: rgba(148, 163, 184, 0.14);
    filter: none;
}

.match-overlay__elimination-line.is-waiting-route[b-2vohy76lvq] {
    stroke: rgba(147, 197, 253, 0.3);
}

.match-overlay__elimination-line.is-resolved-route[b-2vohy76lvq] {
    stroke: rgba(203, 213, 225, 0.2);
    filter: drop-shadow(0 0 8px rgba(148, 163, 184, 0.1));
}

.match-overlay__elimination-line.is-route-base[b-2vohy76lvq] {
    stroke: rgba(148, 163, 184, 0.2);
    stroke-width: 0.3;
    filter: drop-shadow(0 0 8px rgba(96, 165, 250, 0.1));
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    animation: none;
}

.match-overlay__elimination-line.is-win-route[b-2vohy76lvq] {
    stroke: rgba(253, 230, 138, 0.96);
    stroke-width: 0.42;
    filter:
        drop-shadow(0 0 6px rgba(251, 191, 36, 0.42))
        drop-shadow(0 0 16px rgba(251, 191, 36, 0.22));
    animation:
        overlayBracketLineDraw-b-2vohy76lvq 640ms cubic-bezier(0.18, 0.86, 0.24, 1) both,
        overlayBracketRouteWin-b-2vohy76lvq 980ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay:
        calc(var(--bracket-line-delay) + var(--route-delay, 0ms)),
        calc(var(--bracket-route-delay) + var(--route-delay, 0ms));
}

.match-overlay__elimination-line.is-stable-route[b-2vohy76lvq] {
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    animation: none;
}

.match-overlay__elimination-line.is-win-route.is-new-route[b-2vohy76lvq] {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation:
        overlayBracketRouteAdvance-b-2vohy76lvq 920ms cubic-bezier(0.16, 0.86, 0.22, 1) both,
        overlayBracketRouteWin-b-2vohy76lvq 980ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay:
        calc(var(--bracket-route-delay) + var(--route-delay, 0ms)),
        calc(var(--bracket-route-delay) + var(--route-delay, 0ms) + 280ms);
}

.match-overlay__elimination-card[b-2vohy76lvq] {
    width: clamp(13.5rem, 15.2vw, 18rem);
    min-height: 6.35rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 0.34rem;
    padding: 0.72rem 0.82rem 0.62rem;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.13);
    border-radius: 12px;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.88), rgba(30, 41, 59, 0.74)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    box-shadow:
        0 18px 54px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(7px);
    animation: overlayBracketCardEnter-b-2vohy76lvq 460ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.match-overlay__elimination-card[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-left: 3px solid rgba(147, 197, 253, 0.54);
    background: linear-gradient(90deg, rgba(147, 197, 253, 0.12), transparent 46%);
    opacity: 0.58;
    pointer-events: none;
}

.match-overlay__elimination-card--dynamic[b-2vohy76lvq] {
    left: calc(var(--slot-x) * 1%);
    top: calc(var(--slot-y) * 1%);
    width: var(--card-w);
    transform: translate(-50%, -50%);
    animation-delay: calc(var(--bracket-card-delay) + var(--slot-delay, 0ms));
}

.match-overlay__elimination-card.is-final[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.36);
    background:
        linear-gradient(90deg, rgba(24, 16, 5, 0.88), rgba(30, 41, 59, 0.74)),
        radial-gradient(circle at 50% 0%, rgba(251, 191, 36, 0.16), transparent 62%);
    box-shadow:
        0 22px 68px rgba(0, 0, 0, 0.42),
        0 0 34px rgba(251, 191, 36, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.match-overlay__elimination-card.is-final[b-2vohy76lvq]::before {
    border-left-color: rgba(251, 191, 36, 0.78);
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.18), transparent 48%);
}

.match-overlay__elimination-card.is-live[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.5);
    box-shadow:
        0 0 34px rgba(251, 191, 36, 0.16),
        0 18px 54px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.13);
}

.match-overlay__elimination-card.is-empty[b-2vohy76lvq] {
    opacity: 0.58;
    filter: saturate(0.72);
}

.match-overlay__elimination-card.has-projection[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.26);
    opacity: 0.96;
    filter: saturate(0.98);
    box-shadow:
        0 18px 54px rgba(0, 0, 0, 0.34),
        0 0 26px rgba(251, 191, 36, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.match-overlay__elimination-card.has-projection[b-2vohy76lvq]::before {
    border-left-color: rgba(251, 191, 36, 0.62);
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.15), transparent 48%);
    opacity: 0.72;
}

.match-overlay__elimination-card.is-done:not(.is-live)[b-2vohy76lvq] {
    border-color: rgba(148, 163, 184, 0.13);
    filter: saturate(0.86);
}

.match-overlay__elimination-card.is-done.has-winner[b-2vohy76lvq] {
    animation:
        overlayBracketCardEnter-b-2vohy76lvq 460ms cubic-bezier(0.2, 0.8, 0.2, 1) both,
        overlayBracketWinResolve-b-2vohy76lvq 700ms cubic-bezier(0.18, 0.9, 0.22, 1) both;
    animation-delay:
        calc(var(--bracket-card-delay) + var(--slot-delay, 0ms)),
        calc(var(--bracket-winner-delay) + var(--slot-delay, 0ms));
}

.match-overlay__elimination-card.is-final.is-done.has-winner[b-2vohy76lvq] {
    animation:
        overlayBracketCardEnter-b-2vohy76lvq 460ms cubic-bezier(0.2, 0.8, 0.2, 1) both,
        overlayBracketWinResolve-b-2vohy76lvq 700ms cubic-bezier(0.18, 0.9, 0.22, 1) both,
        overlayBracketFinalImpact-b-2vohy76lvq 1080ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay:
        calc(var(--bracket-card-delay) + var(--slot-delay, 0ms)),
        calc(var(--bracket-winner-delay) + var(--slot-delay, 0ms)),
        calc(var(--bracket-target-delay) + var(--slot-delay, 0ms));
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-card[b-2vohy76lvq] {
    min-height: 5.15rem;
    gap: 0.2rem;
    padding: 0.52rem 0.58rem 0.46rem;
    border-radius: 10px;
}

.match-overlay__elimination-card--depth-0[b-2vohy76lvq] {
    --target-delay: var(--bracket-final-target-delay);
}

.match-overlay__elimination-card--depth-1[b-2vohy76lvq],
.match-overlay__elimination-card--depth-2[b-2vohy76lvq],
.match-overlay__elimination-card--depth-3[b-2vohy76lvq],
.match-overlay__elimination-card--depth-4[b-2vohy76lvq] {
    --target-delay: var(--bracket-target-delay);
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-card[b-2vohy76lvq] {
    min-height: 4.55rem;
    gap: 0.12rem;
    padding: 0.42rem 0.48rem 0.38rem;
    border-radius: 9px;
    box-shadow:
        0 14px 36px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-card.is-final[b-2vohy76lvq] {
    min-height: 6.1rem;
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-card.is-final[b-2vohy76lvq] {
    min-height: 5.5rem;
}

.match-overlay__elimination-card header[b-2vohy76lvq],
.match-overlay__elimination-card footer[b-2vohy76lvq],
.match-overlay__elimination-player[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
}

.match-overlay__elimination-card header[b-2vohy76lvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.match-overlay__elimination-card header span[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(147, 197, 253, 0.9);
    font-size: clamp(0.72rem, 0.92vw, 0.88rem);
    font-weight: 950;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-card header span[b-2vohy76lvq] {
    font-size: clamp(0.58rem, 0.72vw, 0.72rem);
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-card header span[b-2vohy76lvq] {
    font-size: clamp(0.5rem, 0.6vw, 0.62rem);
}

.match-overlay__elimination-card header strong[b-2vohy76lvq] {
    flex: 0 0 auto;
    color: rgba(226, 232, 240, 0.58);
    font-size: clamp(0.66rem, 0.82vw, 0.78rem);
    font-weight: 950;
    white-space: nowrap;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-card header strong[b-2vohy76lvq] {
    font-size: clamp(0.54rem, 0.66vw, 0.68rem);
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-card header strong[b-2vohy76lvq] {
    font-size: clamp(0.48rem, 0.58vw, 0.6rem);
}

.match-overlay__elimination-player[b-2vohy76lvq] {
    min-width: 0;
    min-height: 1.52rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.1rem;
    align-items: center;
    gap: 0.62rem;
}

.match-overlay__elimination-player strong[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(248, 250, 252, 0.92);
    font-size: clamp(0.94rem, 1.24vw, 1.24rem);
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.42);
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-player[b-2vohy76lvq] {
    min-height: 1.22rem;
    grid-template-columns: minmax(0, 1fr) 1.5rem;
    gap: 0.35rem;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-player strong[b-2vohy76lvq] {
    font-size: clamp(0.76rem, 0.92vw, 0.95rem);
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-player[b-2vohy76lvq] {
    min-height: 1.02rem;
    grid-template-columns: minmax(0, 1fr) 1.15rem;
    gap: 0.24rem;
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-player strong[b-2vohy76lvq] {
    font-size: clamp(0.62rem, 0.74vw, 0.82rem);
}

.match-overlay__elimination-player.is-winner strong[b-2vohy76lvq],
.match-overlay__elimination-score.is-winner[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow: 0 0 20px rgba(251, 191, 36, 0.36), 0 2px 8px rgba(0, 0, 0, 0.72);
}

.match-overlay__elimination-player.is-projected[b-2vohy76lvq],
.match-overlay__elimination-player.is-reveal-target[b-2vohy76lvq] {
    animation: overlayBracketTargetGlow-b-2vohy76lvq 720ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
    animation-delay: calc(var(--bracket-card-delay) + var(--entry-delay, 0ms) + 120ms);
}

.match-overlay__elimination-player.is-projected strong[b-2vohy76lvq],
.match-overlay__elimination-player.is-reveal-target strong[b-2vohy76lvq] {
    color: rgba(253, 230, 138, 0.95);
}

.match-overlay__elimination-reveal-name[b-2vohy76lvq] {
    display: grid;
    min-width: 0;
}

.match-overlay__elimination-reveal-placeholder[b-2vohy76lvq],
.match-overlay__elimination-reveal-actual[b-2vohy76lvq] {
    grid-area: 1 / 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__elimination-reveal-placeholder[b-2vohy76lvq] {
    color: rgba(148, 163, 184, 0.62);
    animation: overlayBracketHidePlaceholder-b-2vohy76lvq 1ms linear calc(var(--target-delay, var(--bracket-target-delay)) + var(--slot-delay, 0ms)) forwards;
}

.match-overlay__elimination-reveal-actual[b-2vohy76lvq] {
    opacity: 0;
    animation:
        overlayBracketRevealActual-b-2vohy76lvq 1ms linear calc(var(--target-delay, var(--bracket-target-delay)) + var(--slot-delay, 0ms)) forwards,
        overlayBracketTargetNamePop-b-2vohy76lvq 620ms cubic-bezier(0.16, 0.86, 0.22, 1) calc(var(--target-delay, var(--bracket-target-delay)) + var(--slot-delay, 0ms)) both;
}

.match-overlay__elimination-score.is-projected[b-2vohy76lvq] {
    color: rgba(253, 230, 138, 0.72);
    text-shadow: 0 0 14px rgba(251, 191, 36, 0.26);
}

.match-overlay__elimination-player.is-loser strong[b-2vohy76lvq],
.match-overlay__elimination-score.is-loser[b-2vohy76lvq] {
    color: var(--overlay-loss);
    opacity: 0.76;
    filter: saturate(0.35);
}

.match-overlay__elimination-player.is-draw strong[b-2vohy76lvq],
.match-overlay__elimination-score.is-draw[b-2vohy76lvq] {
    color: var(--overlay-draw);
}

.match-overlay__elimination-player.is-placeholder strong[b-2vohy76lvq],
.match-overlay__elimination-score.is-waiting[b-2vohy76lvq] {
    color: rgba(148, 163, 184, 0.62);
}

.match-overlay__elimination-score[b-2vohy76lvq] {
    justify-self: end;
    min-width: 1.8rem;
    color: rgba(248, 250, 252, 0.88);
    font-size: clamp(0.96rem, 1.24vw, 1.28rem);
    font-weight: 950;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.match-overlay__elimination-score.is-score-updated[b-2vohy76lvq] {
    animation: overlayScoreValueUpdate-b-2vohy76lvq 680ms cubic-bezier(0.16, 0.9, 0.2, 1) both;
}

.match-overlay__elimination-score.is-score-increased[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow:
        0 0 1.1rem rgba(251, 191, 36, 0.36),
        0 0.18rem 0.5rem rgba(0, 0, 0, 0.56);
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-score[b-2vohy76lvq] {
    min-width: 1.2rem;
    font-size: clamp(0.76rem, 0.9vw, 0.96rem);
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-score[b-2vohy76lvq] {
    min-width: 0.95rem;
    font-size: clamp(0.62rem, 0.72vw, 0.82rem);
}

.match-overlay__elimination-status[b-2vohy76lvq] {
    justify-self: end;
    width: fit-content;
    min-height: 1.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.22rem 0.62rem;
    border: 1px solid rgba(226, 232, 240, 0.1);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.5);
    color: rgba(203, 213, 225, 0.68);
    font-size: clamp(0.64rem, 0.82vw, 0.76rem);
    font-weight: 950;
    white-space: nowrap;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-status[b-2vohy76lvq] {
    min-height: 1.25rem;
    padding: 0.12rem 0.42rem;
    font-size: clamp(0.5rem, 0.62vw, 0.62rem);
}

.match-overlay__elimination-stage--depth-4 .match-overlay__elimination-status[b-2vohy76lvq] {
    min-height: 1.08rem;
    padding: 0.08rem 0.34rem;
    font-size: clamp(0.44rem, 0.52vw, 0.56rem);
}

.match-overlay__elimination-status.is-win[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.72);
}

.match-overlay__elimination-status.is-draw[b-2vohy76lvq] {
    color: #fde68a;
}

.match-overlay__elimination-card.is-live .match-overlay__elimination-status[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.22);
    color: rgba(253, 230, 138, 0.94);
}

.match-overlay__elimination-status.is-projected[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.18);
    background: rgba(24, 16, 5, 0.42);
    color: rgba(253, 230, 138, 0.76);
}

.match-overlay__scene--elimination[b-2vohy76lvq] {
    background: transparent;
}

.match-overlay__scene--elimination .match-overlay__topbar[b-2vohy76lvq] {
    background: transparent;
}

.match-overlay__scene--elimination .match-overlay__topbar strong[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.24);
    background: rgba(5, 8, 14, 0.58);
    color: rgba(248, 250, 252, 0.78);
}

.match-overlay__scene--elimination .match-overlay__topbar time[b-2vohy76lvq] {
    color: rgba(248, 250, 252, 0.72);
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.52);
}

.match-overlay__scene--elimination .match-overlay__elimination-stage[b-2vohy76lvq] {
    inset: 0;
    overflow: hidden;
    --bracket-card-delay: 80ms;
    --bracket-line-delay: 420ms;
    --bracket-winner-delay: 1380ms;
    --bracket-route-delay: 1720ms;
    --bracket-target-delay: 2280ms;
    --bracket-final-target-delay: 4200ms;
}

.match-overlay__scene--elimination .match-overlay__elimination-stage[b-2vohy76lvq]::before {
    inset: 0;
    border: 0;
    background:
        radial-gradient(circle at 50% 42%, rgba(251, 191, 36, 0.1), transparent 22rem),
        radial-gradient(circle at 23% 55%, rgba(59, 130, 246, 0.08), transparent 25rem),
        radial-gradient(circle at 77% 55%, rgba(59, 130, 246, 0.08), transparent 25rem);
    opacity: 0.9;
    filter: none;
}

.match-overlay__elimination-phase-pill[b-2vohy76lvq] {
    position: absolute;
    left: 50%;
    top: 4.65rem;
    z-index: 6;
    min-width: 9.2rem;
    transform: translateX(-50%);
    padding: 0.6rem 1.35rem;
    border: 1px solid rgba(251, 191, 36, 0.3);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.72);
    color: #fbbf24;
    font-size: 1.18rem;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-align: center;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.3);
    animation: overlayBracketLabelIn-b-2vohy76lvq 420ms ease 640ms both;
}

.match-overlay__elimination-title-art[b-2vohy76lvq] {
    position: absolute;
    left: 50%;
    top: 13.6rem;
    z-index: 4;
    width: min(24.6rem, 21vw);
    height: 10rem;
    object-fit: contain;
    object-position: center;
    transform: translateX(-50%);
    pointer-events: none;
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.34));
    animation: overlayBracketLogoIn-b-2vohy76lvq 680ms cubic-bezier(0.2, 0.72, 0.25, 1) 80ms both;
}

.match-overlay__elimination-stage.has-champion .match-overlay__elimination-title-art[b-2vohy76lvq] {
    top: 9.4rem;
    width: min(19rem, 17vw);
    height: 8rem;
    opacity: 0.84;
}

.match-overlay__elimination-champion[b-2vohy76lvq] {
    position: absolute;
    z-index: 8;
    left: 50%;
    top: 18.2rem;
    width: min(29rem, 28vw);
    min-height: 8rem;
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    align-items: center;
    gap: 1.15rem;
    padding: 1rem 1.45rem;
    transform: translateX(-50%);
    overflow: hidden;
    border: 1px solid rgba(255, 237, 160, 0.88);
    border-radius: 8px;
    background:
        linear-gradient(100deg, rgba(38, 27, 5, 0.98), rgba(14, 17, 25, 0.98) 45%, rgba(37, 25, 4, 0.98)),
        radial-gradient(circle at 50% 0%, rgba(251, 191, 36, 0.28), transparent 68%);
    box-shadow:
        0 0 0 1px rgba(251, 191, 36, 0.12),
        0 0 42px rgba(251, 191, 36, 0.32),
        0 24px 64px rgba(0, 0, 0, 0.56),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    animation: overlayBracketChampionIn-b-2vohy76lvq 820ms cubic-bezier(0.14, 0.9, 0.18, 1) 1500ms both;
}

.match-overlay__elimination-champion[b-2vohy76lvq]::before,
.match-overlay__elimination-champion[b-2vohy76lvq]::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.match-overlay__elimination-champion[b-2vohy76lvq]::before {
    inset: 0;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.14), transparent 22%, transparent 72%, rgba(251, 191, 36, 0.12)),
        linear-gradient(90deg, transparent, rgba(251, 191, 36, 0.1), transparent);
}

.match-overlay__elimination-champion[b-2vohy76lvq]::after {
    left: 1.4rem;
    right: 1.4rem;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #fde68a 20%, #f59e0b 80%, transparent);
    box-shadow: 0 0 18px rgba(251, 191, 36, 0.72);
}

.match-overlay__avatar--elimination-champion[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    width: 5.5rem;
    height: 5.5rem;
    border: 2px solid rgba(255, 237, 160, 0.92);
    background: rgba(7, 10, 16, 0.86);
    box-shadow:
        0 0 0 5px rgba(251, 191, 36, 0.1),
        0 0 28px rgba(251, 191, 36, 0.26);
}

.match-overlay__elimination-champion-copy[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: grid;
    gap: 0.28rem;
}

.match-overlay__elimination-champion-copy > span[b-2vohy76lvq] {
    display: flex;
    align-items: baseline;
    gap: 0.72rem;
    color: #fbbf24;
    font-size: 0.9rem;
    font-weight: 950;
    letter-spacing: 0;
}

.match-overlay__elimination-champion-copy > span small[b-2vohy76lvq] {
    color: rgba(253, 230, 138, 0.76);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
}

.match-overlay__elimination-champion-copy > strong[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: #fffdf5;
    font-size: 2.7rem;
    font-weight: 950;
    line-height: 1.05;
    text-shadow:
        0 4px 14px rgba(0, 0, 0, 0.62),
        0 0 24px rgba(251, 191, 36, 0.18);
}

.match-overlay__elimination-round-label[b-2vohy76lvq] {
    position: absolute;
    z-index: 5;
    min-width: 7.25rem;
    padding: 0.42rem 0.9rem;
    border: 1px solid rgba(226, 232, 240, 0.10);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.44);
    color: rgba(226, 232, 240, 0.68);
    font-size: 0.94rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-align: center;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.42);
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    animation: overlayBracketLabelIn-b-2vohy76lvq 420ms ease 740ms both;
}

.match-overlay__elimination-round-label--qf-left[b-2vohy76lvq] {
    left: 7.2%;
    top: 60.2%;
}

.match-overlay__elimination-round-label--r16-left[b-2vohy76lvq] {
    left: 3.5%;
    top: 14.2%;
}

.match-overlay__elimination-round-label--sf-left[b-2vohy76lvq] {
    left: 26.25%;
    top: 60.2%;
}

.match-overlay__elimination-round-label--sf-right[b-2vohy76lvq] {
    right: 26.25%;
    top: 60.2%;
}

.match-overlay__elimination-round-label--qf-right[b-2vohy76lvq] {
    right: 7.2%;
    top: 60.2%;
}

.match-overlay__elimination-round-label--r16-right[b-2vohy76lvq] {
    right: 3.5%;
    top: 14.2%;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-round-label[b-2vohy76lvq] {
    min-width: 6rem;
    top: 14.2%;
    padding: 0.34rem 0.65rem;
    font-size: 0.82rem;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-round-label--qf-left[b-2vohy76lvq] {
    left: 16.35%;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-round-label--sf-left[b-2vohy76lvq] {
    left: 29.95%;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-round-label--sf-right[b-2vohy76lvq] {
    right: 29.95%;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-round-label--qf-right[b-2vohy76lvq] {
    right: 16.35%;
}

.match-overlay__scene--elimination .match-overlay__elimination-lines[b-2vohy76lvq] {
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.match-overlay__scene--elimination .match-overlay__elimination-line[b-2vohy76lvq] {
    stroke: rgba(226, 232, 240, 0.22);
    stroke-width: 0.22;
    filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.42));
    opacity: 0;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: overlayBracketLineDraw-b-2vohy76lvq 620ms cubic-bezier(0.19, 0.78, 0.24, 1) both;
    animation-delay: var(--line-delay, 1200ms);
}

.match-overlay__scene--elimination .match-overlay__elimination-line.is-win-route[b-2vohy76lvq] {
    stroke: rgba(251, 191, 36, 0.9);
    stroke-width: 0.36;
    filter:
        drop-shadow(0 0 6px rgba(251, 191, 36, 0.42))
        drop-shadow(0 0 16px rgba(251, 191, 36, 0.22));
    animation:
        overlayBracketLineDraw-b-2vohy76lvq 680ms cubic-bezier(0.18, 0.86, 0.24, 1) both,
        overlayBracketRouteWin-b-2vohy76lvq 920ms cubic-bezier(0.16, 0.86, 0.22, 1) forwards;
    animation-delay:
        var(--line-delay, 1200ms),
        var(--route-delay, var(--bracket-route-delay));
}

.match-overlay__scene--elimination .match-overlay__elimination-line.is-lost-route[b-2vohy76lvq],
.match-overlay__scene--elimination .match-overlay__elimination-line.is-future-route[b-2vohy76lvq] {
    stroke: rgba(100, 116, 139, 0.24);
    stroke-width: 0.18;
    filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.22));
    animation:
        overlayBracketLineDraw-b-2vohy76lvq 620ms cubic-bezier(0.19, 0.78, 0.24, 1) both,
        overlayBracketLineDim-b-2vohy76lvq 420ms ease forwards;
    animation-delay:
        var(--line-delay, 1200ms),
        var(--target-delay, var(--bracket-target-delay));
}

.match-overlay__scene--elimination .match-overlay__elimination-line.is-waiting-route[b-2vohy76lvq] {
    stroke: rgba(226, 232, 240, 0.22);
    stroke-width: 0.2;
    filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.2));
    animation: overlayBracketLineDrawMuted-b-2vohy76lvq 520ms ease both;
    animation-delay: var(--line-delay, 1200ms);
}

.match-overlay__scene--elimination .match-overlay__elimination-line.is-route-base[b-2vohy76lvq] {
    opacity: 1;
    stroke: rgba(226, 232, 240, 0.22);
    stroke-width: 0.22;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    animation: none;
}

.match-overlay__scene--elimination .match-overlay__elimination-line.is-stable-route[b-2vohy76lvq] {
    opacity: 1;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    animation: none;
}

.match-overlay__scene--elimination .match-overlay__elimination-line.is-win-route.is-stable-route[b-2vohy76lvq] {
    stroke: rgba(251, 191, 36, 0.9);
    stroke-width: 0.36;
}

.match-overlay__scene--elimination .match-overlay__elimination-line.is-lost-route.is-stable-route[b-2vohy76lvq],
.match-overlay__scene--elimination .match-overlay__elimination-line.is-future-route.is-stable-route[b-2vohy76lvq],
.match-overlay__scene--elimination .match-overlay__elimination-line.is-waiting-route.is-stable-route[b-2vohy76lvq] {
    opacity: 0.42;
    stroke: rgba(100, 116, 139, 0.22);
    stroke-width: 0.18;
}

.match-overlay__elimination-node[b-2vohy76lvq],
.match-overlay__elimination-final-card[b-2vohy76lvq] {
    position: absolute;
    z-index: 3;
    color: #f8fafc;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.96), rgba(23, 31, 48, 0.92) 48%, rgba(9, 12, 20, 0.96)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0));
    border: 1px solid rgba(226, 232, 240, 0.18);
    box-shadow:
        0 16px 44px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    overflow: hidden;
    backdrop-filter: blur(6px);
}

.match-overlay__elimination-node[b-2vohy76lvq] {
    left: calc(var(--node-x) * 1%);
    top: calc(var(--node-y) * 1%);
    width: calc(var(--node-w) * 1%);
    height: calc(var(--node-h) * 1%);
    display: flex;
    align-items: center;
    gap: 0.78rem;
    padding: 0 0.65rem 0 1.05rem;
    border-radius: 11px;
    animation: overlayBracketNodeIn-b-2vohy76lvq 380ms ease both;
    animation-delay: calc(var(--bracket-card-delay) + var(--entry-delay, 0ms));
}

.match-overlay__elimination-node.has-avatar[b-2vohy76lvq] {
    gap: 0.58rem;
    padding-left: 0.75rem;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-node[b-2vohy76lvq] {
    gap: 0.38rem;
    padding: 0 0.42rem 0 0.52rem;
    border-radius: 8px;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-node.has-avatar[b-2vohy76lvq] {
    gap: 0.32rem;
    padding-left: 0.38rem;
}

.match-overlay__elimination-node.is-right[b-2vohy76lvq] {
    flex-direction: row-reverse;
    text-align: right;
    padding: 0 1.05rem 0 0.65rem;
}

.match-overlay__elimination-node.is-right.has-avatar[b-2vohy76lvq] {
    padding-right: 0.75rem;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-node.is-right[b-2vohy76lvq] {
    padding: 0 0.52rem 0 0.42rem;
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-node.is-right.has-avatar[b-2vohy76lvq] {
    padding-right: 0.38rem;
}

.match-overlay__elimination-node[b-2vohy76lvq]::before,
.match-overlay__elimination-final-card[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.18), transparent 18%, transparent 82%, rgba(59, 130, 246, 0.12)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 42%);
    opacity: 0.55;
}

.match-overlay__elimination-node.is-right[b-2vohy76lvq]::before {
    background:
        linear-gradient(270deg, rgba(251, 191, 36, 0.18), transparent 18%, transparent 82%, rgba(59, 130, 246, 0.12)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 42%);
}

.match-overlay__elimination-node-name[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(1.05rem, 1.35vw, 1.5rem);
    font-weight: 950;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.42);
}

.match-overlay__elimination-node.has-avatar .match-overlay__elimination-node-name[b-2vohy76lvq] {
    font-size: clamp(0.98rem, 1.2vw, 1.34rem);
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-node-name[b-2vohy76lvq],
.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-node.has-avatar .match-overlay__elimination-node-name[b-2vohy76lvq] {
    font-size: clamp(0.82rem, 0.92vw, 1.08rem);
}

.match-overlay__elimination-stage--depth-3 .match-overlay__avatar--elimination-node[b-2vohy76lvq] {
    width: 1.75rem;
    height: 1.75rem;
}

.match-overlay__elimination-node .match-overlay__elimination-score[b-2vohy76lvq],
.match-overlay__elimination-final-half .match-overlay__elimination-score[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    min-width: 2.55rem;
    height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 10px;
    background: rgba(5, 8, 14, 0.66);
    color: #e2e8f0;
    font-size: clamp(1rem, 1.2vw, 1.35rem);
    font-weight: 950;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.match-overlay__elimination-stage--depth-3 .match-overlay__elimination-node .match-overlay__elimination-score[b-2vohy76lvq] {
    min-width: 1.9rem;
    height: 1.9rem;
    border-radius: 7px;
    font-size: 0.95rem;
}

.match-overlay__elimination-node.is-winner[b-2vohy76lvq],
.match-overlay__elimination-final-half.is-winner[b-2vohy76lvq] {
    animation:
        overlayBracketNodeIn-b-2vohy76lvq 380ms ease both,
        overlayBracketWinResolve-b-2vohy76lvq 720ms cubic-bezier(0.16, 0.86, 0.22, 1) var(--winner-delay) forwards;
    animation-delay:
        calc(var(--bracket-card-delay) + var(--entry-delay, 0ms)),
        var(--winner-delay);
}

.match-overlay__elimination-node.is-winner .match-overlay__elimination-score[b-2vohy76lvq],
.match-overlay__elimination-final-half.is-winner .match-overlay__elimination-score[b-2vohy76lvq] {
    animation: overlayBracketScoreWinResolve-b-2vohy76lvq 720ms cubic-bezier(0.16, 0.86, 0.22, 1) var(--winner-delay) forwards;
}

.match-overlay__elimination-node.is-loser[b-2vohy76lvq],
.match-overlay__elimination-final-half.is-loser[b-2vohy76lvq] {
    animation:
        overlayBracketNodeIn-b-2vohy76lvq 380ms ease both,
        overlayBracketLoseResolve-b-2vohy76lvq 620ms ease var(--loss-delay, var(--target-delay)) forwards;
    animation-delay:
        calc(var(--bracket-card-delay) + var(--entry-delay, 0ms)),
        var(--loss-delay, var(--target-delay));
}

.match-overlay__elimination-node.is-empty[b-2vohy76lvq],
.match-overlay__elimination-final-half.is-placeholder[b-2vohy76lvq] {
    color: rgba(148, 163, 184, 0.5);
}

.match-overlay__elimination-node.is-current[b-2vohy76lvq],
.match-overlay__elimination-final-card.is-current[b-2vohy76lvq] {
    border-color: rgba(245, 158, 11, 0.82);
    box-shadow:
        0 0 26px rgba(245, 158, 11, 0.22),
        0 18px 54px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.match-overlay__elimination-node.is-reveal-target[b-2vohy76lvq],
.match-overlay__elimination-final-half.is-reveal-target[b-2vohy76lvq],
.match-overlay__elimination-node.is-projected[b-2vohy76lvq],
.match-overlay__elimination-final-half.is-projected[b-2vohy76lvq] {
    animation:
        overlayBracketNodeIn-b-2vohy76lvq 380ms ease both,
        overlayBracketTargetGlow-b-2vohy76lvq 720ms ease forwards;
    animation-delay:
        calc(var(--bracket-card-delay) + var(--entry-delay, 0ms)),
        calc(var(--bracket-card-delay) + var(--entry-delay, 0ms) + 120ms);
}

.match-overlay__elimination-final-card[b-2vohy76lvq] {
    left: calc(var(--node-x) * 1%);
    top: calc(var(--node-y) * 1%);
    width: calc(var(--node-w) * 1%);
    height: calc(var(--node-h) * 1%);
    display: grid;
    grid-template-rows: 1.85rem minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.5rem;
    padding: 0.78rem;
    border-color: rgba(251, 191, 36, 0.44);
    border-radius: 14px;
    background:
        radial-gradient(circle at 50% 0%, rgba(251, 191, 36, 0.22), transparent 50%),
        linear-gradient(180deg, rgba(45, 32, 8, 0.96), rgba(10, 12, 18, 0.94));
    animation: overlayBracketNodeIn-b-2vohy76lvq 440ms ease var(--entry-delay, 780ms) both;
}

.match-overlay__elimination-final-card.is-done.has-winner[b-2vohy76lvq] {
    animation:
        overlayBracketNodeIn-b-2vohy76lvq 440ms ease var(--entry-delay, 780ms) both,
        overlayBracketFinalCardImpact-b-2vohy76lvq 980ms cubic-bezier(0.14, 0.9, 0.18, 1) var(--target-delay) both;
}

.match-overlay__elimination-final-card.is-done.has-winner[b-2vohy76lvq]::after {
    content: "";
    position: absolute;
    inset: -1.2rem;
    z-index: 0;
    border: 2px solid rgba(255, 237, 160, 0.86);
    border-radius: 28px;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 237, 160, 0.34), transparent 46%),
        radial-gradient(circle at 50% 50%, rgba(251, 191, 36, 0.22), transparent 68%);
    box-shadow:
        0 0 44px rgba(251, 191, 36, 0.52),
        inset 0 0 32px rgba(255, 237, 160, 0.26);
    pointer-events: none;
    animation: overlayBracketFinalShockwave-b-2vohy76lvq 980ms cubic-bezier(0.14, 0.9, 0.18, 1) var(--target-delay) both;
}

.match-overlay__elimination-final-title[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(251, 191, 36, 0.86);
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.46);
}

.match-overlay__elimination-final-half[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 10px;
    background: rgba(5, 8, 14, 0.5);
    font-weight: 950;
}

.match-overlay__elimination-final-half.is-right-side[b-2vohy76lvq] {
    flex-direction: row-reverse;
}

.match-overlay__elimination-final-half .match-overlay__elimination-node-name[b-2vohy76lvq] {
    text-align: center;
    font-size: clamp(1rem, 1.18vw, 1.38rem);
}

.match-overlay__swiss-ended[b-2vohy76lvq] {
    position: absolute;
    inset: 4.7rem 4.4rem 2.9rem;
    overflow: hidden;
    pointer-events: none;
}

.match-overlay__swiss-ended[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
}

.match-overlay__se-shell[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 31rem);
    gap: 2rem;
    animation: overlaySwissEndedShellEnter-b-2vohy76lvq 680ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay__se-left[b-2vohy76lvq] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    align-content: stretch;
    padding: 1rem 1.6rem 1.45rem;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.82), rgba(3, 7, 18, 0.62)),
        radial-gradient(circle at 50% 0%, rgba(251, 191, 36, 0.08), transparent 52%);
    box-shadow:
        0 1.5rem 4.6rem rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}

.match-overlay__se-logo[b-2vohy76lvq] {
    width: 18rem;
    max-width: 34%;
    height: 9rem;
    object-fit: contain;
    object-position: center;
    display: block;
    margin: 0 auto 0.1rem;
    filter:
        drop-shadow(0 1rem 1.8rem rgba(0, 0, 0, 0.42))
        drop-shadow(0 0 1.2rem rgba(251, 191, 36, 0.18));
}

.match-overlay__se-kicker[b-2vohy76lvq] {
    color: rgba(147, 197, 253, 0.9);
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.match-overlay__se-left h1[b-2vohy76lvq] {
    margin: 0.35rem 0 0;
    color: #f8fafc;
    font-size: 4.35rem;
    line-height: 0.96;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 0.7rem 2.3rem rgba(0, 0, 0, 0.62);
}

.match-overlay__se-left p[b-2vohy76lvq] {
    max-width: 58rem;
    margin: 0.78rem 0 1.05rem;
    overflow: hidden;
    color: rgba(226, 232, 240, 0.72);
    font-size: 1.18rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-height: 900px) {
    .match-overlay__se-left[b-2vohy76lvq] {
        padding-block: 0.65rem 0.9rem;
    }

    .match-overlay__se-logo[b-2vohy76lvq] {
        height: 6rem;
    }

    .match-overlay__se-left h1[b-2vohy76lvq] {
        font-size: 3.6rem;
    }

    .match-overlay__se-left p[b-2vohy76lvq] {
        margin-block: 0.45rem 0.65rem;
    }
}

.match-overlay__se-grid[b-2vohy76lvq] {
    width: min(50rem, 100%);
    min-height: 0;
    justify-self: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: minmax(3.9rem, auto);
    gap: 0.56rem;
    align-content: start;
    overflow: hidden;
}

.match-overlay__se-grid.is-compact[b-2vohy76lvq] {
    grid-auto-rows: minmax(0, 1fr);
}

.match-overlay__se-grid.is-compact .match-overlay__se-card[b-2vohy76lvq] {
    min-height: 0;
    padding-block: 0.38rem;
}

.match-overlay__se-grid.is-dense[b-2vohy76lvq] {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(3.35rem, auto);
    gap: 0.52rem;
}

.match-overlay__se-card[b-2vohy76lvq],
.match-overlay__se-row[b-2vohy76lvq],
.match-overlay__se-empty[b-2vohy76lvq] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.12);
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.9), rgba(23, 31, 48, 0.72)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    box-shadow:
        0 1.1rem 3.2rem rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(7px);
}

.match-overlay__se-card[b-2vohy76lvq] {
    min-height: 3.9rem;
    display: grid;
    grid-template-columns: 4.1rem 2.35rem minmax(0, 1fr) 7.3rem 4.2rem;
    align-items: center;
    gap: 0.72rem;
    padding: 0.58rem 0.9rem;
    border-radius: 12px;
    animation: overlaySwissEndedCardEnter-b-2vohy76lvq 520ms cubic-bezier(0.18, 0.86, 0.22, 1) both;
    animation-delay: calc(var(--se-index, 0) * 64ms + 120ms);
}

.match-overlay__se-grid.is-dense .match-overlay__se-card[b-2vohy76lvq] {
    min-height: 3.35rem;
    padding-block: 0.46rem;
}

.match-overlay__se-card[b-2vohy76lvq]::before,
.match-overlay__se-row[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.13), transparent 36%, rgba(96, 165, 250, 0.06));
    opacity: 0.32;
    pointer-events: none;
}

.match-overlay__se-card.is-advancer[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.28);
}

.match-overlay__se-card.is-top[b-2vohy76lvq] {
    box-shadow:
        0 1.35rem 3.8rem rgba(0, 0, 0, 0.34),
        0 0 1.6rem rgba(251, 191, 36, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.11);
}

.match-overlay__se-rank[b-2vohy76lvq],
.match-overlay__avatar--swiss-ended[b-2vohy76lvq],
.match-overlay__se-card > strong[b-2vohy76lvq],
.match-overlay__se-card .match-overlay__record[b-2vohy76lvq],
.match-overlay__se-card > em[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
}

.match-overlay__se-rank[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.92);
    font-size: 1.08rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__se-card > strong[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: #f8fafc;
    font-size: 1.42rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__se-card.is-top > strong[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow: 0 0 1.1rem rgba(251, 191, 36, 0.28), 0 0.22rem 0.7rem rgba(0, 0, 0, 0.54);
}

.match-overlay__se-card .match-overlay__record[b-2vohy76lvq],
.match-overlay__se-row .match-overlay__record[b-2vohy76lvq] {
    height: 2rem;
}

.match-overlay__se-card > em[b-2vohy76lvq] {
    justify-self: end;
    color: rgba(251, 191, 36, 0.9);
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__se-card > em.is-r-sai-status[b-2vohy76lvq],
.match-overlay__se-row > em.is-r-sai-status[b-2vohy76lvq] {
    min-height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.46rem;
    border: 1px solid rgba(251, 191, 36, 0.28);
    border-radius: 6px;
    background: rgba(180, 83, 9, 0.18);
    color: #fde68a;
    line-height: 1;
}

.match-overlay__se-row > em.is-r-sai-status[b-2vohy76lvq] {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(71, 85, 105, 0.2);
    color: rgba(203, 213, 225, 0.72);
}

.match-overlay__se-empty[b-2vohy76lvq] {
    display: grid;
    place-items: center;
    min-height: 8rem;
    border-radius: 12px;
    color: rgba(226, 232, 240, 0.58);
    font-size: 1.2rem;
    font-weight: 850;
}

.match-overlay__se-right[b-2vohy76lvq] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.86), rgba(3, 7, 18, 0.72)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    box-shadow:
        0 1.5rem 4.6rem rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(8px);
    animation: overlaySwissEndedSideEnter-b-2vohy76lvq 720ms cubic-bezier(0.18, 0.86, 0.22, 1) 180ms both;
}

.match-overlay__se-right-head[b-2vohy76lvq] {
    flex: 0 0 auto;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid rgba(251, 191, 36, 0.18);
}

.match-overlay__se-right-head strong[b-2vohy76lvq] {
    color: #f8fafc;
    font-size: 1.55rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__se-right-head span[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.76);
    font-size: 0.88rem;
    font-weight: 950;
    white-space: nowrap;
}

.match-overlay__se-ranking-list[b-2vohy76lvq] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 8px, #000 calc(100% - 8px), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 8px, #000 calc(100% - 8px), transparent 100%);
}

.match-overlay__scroll-track--swiss-ended[b-2vohy76lvq] {
    grid-auto-rows: minmax(3.35rem, auto);
    gap: 0.52rem;
}

.match-overlay__se-ranking-list.is-scrollable .match-overlay__scroll-track[b-2vohy76lvq] {
    animation: overlayListAutoScroll-b-2vohy76lvq var(--overlay-scroll-duration, 28s) ease-in-out infinite;
}

.match-overlay__se-ranking-list.is-js-auto-scroll .match-overlay__scroll-track[b-2vohy76lvq] {
    animation: none;
}

.match-overlay__se-row[b-2vohy76lvq] {
    min-height: 3.35rem;
    display: grid;
    grid-template-columns: 3.4rem 2.05rem minmax(0, 1fr) 6.7rem 4rem;
    align-items: center;
    gap: 0.54rem;
    padding: 0.52rem 0.72rem;
    border-radius: 11px;
    animation: overlaySwissEndedRowEnter-b-2vohy76lvq 460ms cubic-bezier(0.18, 0.86, 0.22, 1) both;
    animation-delay: calc(var(--se-index, 0) * 44ms + 220ms);
}

.match-overlay__se-row > span[b-2vohy76lvq],
.match-overlay__avatar--swiss-ended-row[b-2vohy76lvq],
.match-overlay__se-row > strong[b-2vohy76lvq],
.match-overlay__se-row .match-overlay__record[b-2vohy76lvq],
.match-overlay__se-row > em[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
}

.match-overlay__se-row > span[b-2vohy76lvq] {
    color: rgba(147, 197, 253, 0.8);
    font-size: 0.9rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__se-row > strong[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: rgba(226, 232, 240, 0.86);
    font-size: 1.08rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__se-row > em[b-2vohy76lvq] {
    justify-self: end;
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__se-row.is-muted[b-2vohy76lvq] {
    grid-template-columns: 3.4rem minmax(0, 1fr);
    color: rgba(226, 232, 240, 0.58);
}

.match-overlay__panel[b-2vohy76lvq] {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.14);
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(30, 41, 59, 0.84), rgba(3, 7, 18, 0.68)),
        radial-gradient(circle at 50% 0%, rgba(251, 191, 36, 0.1), transparent 54%);
    box-shadow:
        0 24px 72px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
}

.match-overlay__panel--standings[b-2vohy76lvq],
.match-overlay__panel--pairings[b-2vohy76lvq] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1.5rem 1.45rem;
}

.match-overlay__panel--pairings[b-2vohy76lvq] {
    background:
        linear-gradient(145deg, rgba(30, 41, 59, 0.78), rgba(3, 7, 18, 0.64)),
        radial-gradient(circle at 50% 0%, rgba(59, 130, 246, 0.1), transparent 56%);
}

.match-overlay__panel-head[b-2vohy76lvq] {
    position: relative;
    flex: 0 0 auto;
    display: grid;
    gap: 0.7rem;
}

.match-overlay__panel-head--row[b-2vohy76lvq] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 1.2rem;
}

.match-overlay__panel-head h1[b-2vohy76lvq] {
    margin: 0;
    color: #f8fafc;
    font-size: clamp(1.75rem, 2.55vw, 2.55rem);
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.42);
}

.match-overlay__panel-head i[b-2vohy76lvq] {
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.72), rgba(251, 191, 36, 0.22) 48%, transparent);
    box-shadow: 0 0 14px rgba(251, 191, 36, 0.18);
}

.match-overlay__panel-head strong[b-2vohy76lvq] {
    justify-self: start;
    width: fit-content;
    min-height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.32rem 1rem;
    border: 1px solid rgba(251, 191, 36, 0.24);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.64);
    color: rgba(251, 191, 36, 0.92);
    font-size: clamp(0.78rem, 1.05vw, 0.98rem);
    font-weight: 950;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.match-overlay__panel-head--row > strong[b-2vohy76lvq] {
    justify-self: end;
}

.match-overlay__r-sai-phase[b-2vohy76lvq] {
    flex: 0 0 auto;
    min-height: 2.45rem;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    margin-top: 0.85rem;
    padding: 0.42rem 0.62rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-left: 3px solid #60a5fa;
    border-radius: 8px;
    background: rgba(5, 8, 14, 0.52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.match-overlay__r-sai-phase > span[b-2vohy76lvq] {
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    background: #2563eb;
    color: #eff6ff;
    font-size: 0.76rem;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.match-overlay__r-sai-phase > strong[b-2vohy76lvq] {
    color: #f8fafc;
    font-size: clamp(0.82rem, 1vw, 0.96rem);
    font-weight: 950;
    white-space: nowrap;
}

.match-overlay__r-sai-phase > em[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: rgba(191, 219, 254, 0.78);
    font-size: clamp(0.7rem, 0.84vw, 0.82rem);
    font-style: normal;
    font-weight: 850;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__r-sai-phase[data-r-sai-day="2"][b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.22);
    border-left-color: #fbbf24;
}

.match-overlay__r-sai-phase[data-r-sai-day="2"] > span[b-2vohy76lvq] {
    background: #b45309;
}

.match-overlay__r-sai-phase + .match-overlay__progress[b-2vohy76lvq] {
    margin-top: 0.8rem;
}

.match-overlay__progress[b-2vohy76lvq] {
    position: relative;
    flex: 0 0 auto;
    display: grid;
    gap: 0.55rem;
    margin: 1.35rem 0 1rem;
}

.match-overlay__progress strong[b-2vohy76lvq] {
    color: rgba(203, 213, 225, 0.78);
    font-size: clamp(0.9rem, 1.1vw, 1.06rem);
    font-weight: 850;
}

.match-overlay__progress[b-2vohy76lvq]::after {
    content: "";
    display: block;
    height: 0.5rem;
    border: 1px solid rgba(226, 232, 240, 0.1);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.58);
}

.match-overlay__progress i[b-2vohy76lvq] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.5rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
    box-shadow: 0 0 18px rgba(251, 191, 36, 0.34);
    transition: width 420ms ease;
}

.match-overlay__rank-list[b-2vohy76lvq] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 6px, #000 calc(100% - 6px), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 6px, #000 calc(100% - 6px), transparent 100%);
}

.match-overlay__scroll-track[b-2vohy76lvq] {
    display: grid;
    align-content: start;
    will-change: transform;
}

.match-overlay__scroll-track--standings[b-2vohy76lvq] {
    grid-auto-rows: minmax(3.05rem, auto);
    gap: 0.45rem;
}

.match-overlay__rank-list.is-scrollable .match-overlay__scroll-track[b-2vohy76lvq],
.match-overlay__pairings.is-scrollable .match-overlay__scroll-track[b-2vohy76lvq] {
    animation: overlayListAutoScroll-b-2vohy76lvq var(--overlay-scroll-duration, 24s) ease-in-out infinite;
}

.match-overlay__rank-list.is-js-auto-scroll .match-overlay__scroll-track[b-2vohy76lvq],
.match-overlay__pairings.is-js-auto-scroll .match-overlay__scroll-track[b-2vohy76lvq],
.match-overlay__se-ranking-list.is-js-auto-scroll .match-overlay__scroll-track[b-2vohy76lvq] {
    animation: none;
}

.match-overlay__rank-list.is-scrollable .match-overlay__scroll-track--standings.is-focus-following[b-2vohy76lvq] {
    animation: none;
    transform: translateY(var(--overlay-rank-focus-offset, 0px));
    transition: transform var(--overlay-rank-focus-duration, 980ms) cubic-bezier(0.16, 0.84, 0.18, 1);
}

.match-overlay__rank[b-2vohy76lvq] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 2.7rem 2.05rem minmax(0, 1fr) 7.35rem 3.7rem;
    align-items: center;
    gap: 0.55rem;
    min-height: 3.05rem;
    padding: 0.42rem 0.7rem;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 12px;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.88), rgba(23, 31, 48, 0.76)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    animation: overlaySoftPop-b-2vohy76lvq 420ms ease-out both;
}

.match-overlay__rank[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.13), transparent 32%, rgba(59, 130, 246, 0.08));
    opacity: 0.34;
    pointer-events: none;
}

.match-overlay__rank.is-moving[b-2vohy76lvq],
.match-overlay__rank.is-score-changed[b-2vohy76lvq] {
    z-index: 4;
}

.match-overlay__rank.is-score-changed[b-2vohy76lvq] {
    animation:
        overlaySoftPop-b-2vohy76lvq 420ms ease-out both,
        overlayRankScorePulse-b-2vohy76lvq 760ms ease-out both;
}

.match-overlay__rank.is-win-up[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.36);
    filter: saturate(1.12);
    box-shadow:
        0 0.9rem 2.4rem rgba(0, 0, 0, 0.28),
        0 0 1.6rem rgba(251, 191, 36, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.match-overlay__rank.is-win-up[b-2vohy76lvq]::before {
    opacity: 0.62;
}

.match-overlay__rank-number[b-2vohy76lvq],
.match-overlay__avatar--standing[b-2vohy76lvq],
.match-overlay__rank > strong[b-2vohy76lvq],
.match-overlay__rank .match-overlay__record[b-2vohy76lvq],
.match-overlay__rank .match-overlay__points[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
}

.match-overlay__rank-number[b-2vohy76lvq] {
    height: 2.1rem;
    min-width: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(226, 232, 240, 0.1);
    border-radius: 10px;
    background: rgba(5, 8, 14, 0.62);
    color: rgba(148, 163, 184, 0.76);
    font-size: clamp(0.95rem, 1.25vw, 1.15rem);
    font-weight: 950;
}

.match-overlay__rank.is-top .match-overlay__rank-number[b-2vohy76lvq],
.match-overlay__rank.is-cutline .match-overlay__rank-number[b-2vohy76lvq] {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, 0.3);
}

.match-overlay__rank > strong[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f8fafc;
    font-size: clamp(1.02rem, 1.35vw, 1.28rem);
    font-weight: 950;
}

.match-overlay__rank.is-r-sai-eliminated[b-2vohy76lvq] {
    opacity: 0.62;
    filter: saturate(0.38);
}

.match-overlay__record[b-2vohy76lvq] {
    min-width: 0;
    height: 2rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 0.18rem;
    padding: 0.16rem;
    border: 1px solid rgba(226, 232, 240, 0.1);
    border-radius: 9px;
    background: rgba(5, 8, 14, 0.62);
    font-variant-numeric: tabular-nums;
}

.match-overlay__record-chip[b-2vohy76lvq] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    border-radius: 7px;
    background: rgba(15, 23, 42, 0.72);
    color: rgba(226, 232, 240, 0.76);
    font-size: clamp(0.68rem, 0.82vw, 0.78rem);
    font-weight: 950;
    line-height: 1;
}

.match-overlay__record-chip small[b-2vohy76lvq] {
    color: rgba(148, 163, 184, 0.78);
    font-size: 0.62em;
    font-weight: 950;
}

.match-overlay__record-chip i[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.9);
    font-style: normal;
}

.match-overlay__record-chip--win i[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.96);
}

.match-overlay__record-chip--draw i[b-2vohy76lvq] {
    color: rgba(125, 211, 252, 0.84);
}

.match-overlay__record-chip--loss i[b-2vohy76lvq] {
    color: rgba(203, 213, 225, 0.62);
}

.match-overlay__points[b-2vohy76lvq] {
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(251, 191, 36, 0.18);
    border-radius: 9px;
    color: rgba(251, 191, 36, 0.92);
    background: rgba(251, 191, 36, 0.1);
    font-size: clamp(0.78rem, 0.95vw, 0.9rem);
    font-weight: 950;
    font-style: normal;
    font-variant-numeric: tabular-nums;
}

.match-overlay__rank.is-dropped[b-2vohy76lvq] {
    opacity: 0.5;
    filter: saturate(0.25);
}

.match-overlay__pairings[b-2vohy76lvq] {
    flex: 1;
    min-height: 0;
    margin-top: 1.2rem;
    overflow: hidden;
}

.match-overlay__scroll-track--pairings[b-2vohy76lvq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(4.9rem, auto);
    gap: 0.8rem;
}

.match-overlay__pairing[b-2vohy76lvq] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr) 5rem 5.8rem;
    align-items: center;
    gap: 0.75rem;
    min-height: 4.9rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid rgba(226, 232, 240, 0.11);
    border-radius: 12px;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.9), rgba(23, 31, 48, 0.74)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    animation: overlayPairingEnter-b-2vohy76lvq 420ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
    animation-delay: calc(var(--pairing-index, 0) * 52ms);
}

.match-overlay__pairing[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(251, 191, 36, 0.11), transparent 34%, rgba(59, 130, 246, 0.08));
    opacity: 0.24;
    pointer-events: none;
}

.match-overlay__pairing.is-live[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.58);
    box-shadow:
        0 0 34px rgba(251, 191, 36, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.13);
}

.match-overlay__pairing.is-done:not(.is-live)[b-2vohy76lvq] {
    border-color: rgba(148, 163, 184, 0.12);
    filter: saturate(0.86);
}

.match-overlay__pairing.is-done[b-2vohy76lvq] {
    animation-name: overlayPairingEnter-b-2vohy76lvq, overlayDoneGlow-b-2vohy76lvq;
    animation-duration: 360ms, 620ms;
    animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1), ease-out;
    animation-fill-mode: both, both;
    animation-delay: calc(var(--pairing-index, 0) * 52ms), calc(var(--pairing-index, 0) * 52ms + 120ms);
}

.match-overlay__table-number[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(226, 232, 240, 0.1);
    border-radius: 12px;
    background: rgba(5, 8, 14, 0.62);
    color: rgba(203, 213, 225, 0.72);
    font-size: clamp(1.25rem, 1.65vw, 1.65rem);
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__pairing.is-live .match-overlay__table-number[b-2vohy76lvq] {
    color: #fbbf24;
    border-color: rgba(251, 191, 36, 0.32);
}

.match-overlay__pairing-players[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.4rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
}

.match-overlay__pairing-players strong[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #f8fafc;
    font-size: clamp(1.08rem, 1.55vw, 1.52rem);
    font-weight: 950;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.42);
}

.match-overlay__pairing-players strong:last-child[b-2vohy76lvq] {
    flex-direction: row-reverse;
}

.match-overlay__pairing-players .match-overlay__marquee-text[b-2vohy76lvq] {
    flex: 1 1 auto;
    min-width: 0;
}

.match-overlay__pairing-players strong:last-child[b-2vohy76lvq] {
    text-align: right;
}

.match-overlay__pairing-players em[b-2vohy76lvq] {
    color: rgba(148, 163, 184, 0.78);
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 950;
    text-align: center;
}

.match-overlay__scoreline[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.22em;
    min-width: 4.4rem;
    color: #f8fafc;
    font-size: clamp(0.95rem, 1.32vw, 1.18rem);
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.72);
    font-variant-numeric: tabular-nums;
    animation: overlayScorePulse-b-2vohy76lvq 540ms ease-out both;
}

.match-overlay__scoreline i[b-2vohy76lvq],
.match-overlay__scoreline em[b-2vohy76lvq] {
    color: rgba(219, 234, 254, 0.78);
    font-style: normal;
}

.match-overlay__scoreline.is-waiting[b-2vohy76lvq] {
    color: rgba(148, 163, 184, 0.78);
    animation: none;
}

.match-overlay__score-value[b-2vohy76lvq] {
    display: inline-block;
    min-width: 1.1em;
    text-align: center;
    transition: color 260ms ease, transform 260ms ease, opacity 260ms ease;
}

.match-overlay__score-value.is-score-updated[b-2vohy76lvq] {
    animation: overlayScoreValueUpdate-b-2vohy76lvq 680ms cubic-bezier(0.16, 0.9, 0.2, 1) both;
}

.match-overlay__score-value.is-score-increased[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow:
        0 0 1.2rem rgba(251, 191, 36, 0.36),
        0 0.18rem 0.5rem rgba(0, 0, 0, 0.56);
}

.match-overlay__score-value.is-winner[b-2vohy76lvq],
.match-overlay__player.is-winner strong[b-2vohy76lvq],
.match-overlay__pairing-players strong.is-winner[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow: 0 0 20px rgba(251, 191, 36, 0.42), 0 2px 8px rgba(0, 0, 0, 0.72);
}

.match-overlay__score-value.is-winner[b-2vohy76lvq] {
    transform: scale(1.08);
}

.match-overlay__score-value.is-loser[b-2vohy76lvq],
.match-overlay__player.is-loser strong[b-2vohy76lvq],
.match-overlay__pairing-players strong.is-loser[b-2vohy76lvq] {
    color: var(--overlay-loss);
    opacity: 0.76;
    filter: saturate(0.35);
}

.match-overlay__score-value.is-draw[b-2vohy76lvq],
.match-overlay__player.is-draw strong[b-2vohy76lvq],
.match-overlay__pairing-players strong.is-draw[b-2vohy76lvq] {
    color: var(--overlay-draw);
}

.match-overlay__status[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    justify-self: end;
    min-width: 5rem;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.7rem;
    border: 1px solid rgba(226, 232, 240, 0.1);
    border-radius: 999px;
    background: rgba(30, 41, 59, 0.64);
    color: rgba(203, 213, 225, 0.74);
    font-size: clamp(0.72rem, 0.9vw, 0.84rem);
    font-weight: 950;
    white-space: nowrap;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.match-overlay__status.is-win[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.72);
}

.match-overlay__status.is-loss[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.58);
}

.match-overlay__status.is-draw[b-2vohy76lvq] {
    color: #fde68a;
}

.match-overlay__status.is-started[b-2vohy76lvq] {
    border-color: rgba(52, 211, 153, 0.28);
    color: #6ee7b7;
}

.match-overlay__pairing.is-live .match-overlay__status[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.24);
    color: #fbbf24;
}

.match-overlay__live-stage[b-2vohy76lvq] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.match-overlay__live-match[b-2vohy76lvq] {
    position: absolute;
    top: 5.5rem;
    left: 50%;
    z-index: 5;
    width: min(61.5rem, calc(100vw - 9rem));
    display: grid;
    grid-template-columns: minmax(0, 19.5rem) 22.5rem minmax(0, 19.5rem);
    align-items: center;
    gap: 0;
    transform: translateX(-50%);
    animation: overlayLiveHudEnter-b-2vohy76lvq 940ms cubic-bezier(0.16, 0.88, 0.2, 1) 80ms both;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-match[b-2vohy76lvq] {
    width: min(61.5rem, calc(100vw - 9rem));
    grid-template-columns: minmax(0, 19.5rem) 22.5rem minmax(0, 19.5rem);
}

.match-overlay__live-round-tag[b-2vohy76lvq] {
    position: absolute;
    top: 14.55rem;
    left: 50%;
    z-index: 7;
    min-width: 11.125rem;
    height: 1.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.15rem;
    border: 1px solid rgba(251, 191, 36, 0.26);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.76);
    color: rgba(251, 191, 36, 0.92);
    font-size: clamp(0.78rem, 0.9vw, 0.9rem);
    font-weight: 950;
    letter-spacing: 0.04em;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.42);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(6px);
    transform: translateX(-50%);
    animation: overlayLiveRoundTagEnter-b-2vohy76lvq 840ms cubic-bezier(0.16, 0.88, 0.2, 1) 620ms both;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-round-tag[b-2vohy76lvq] {
    display: none;
}

.match-overlay__player[b-2vohy76lvq] {
    position: relative;
    overflow: hidden;
    min-width: 0;
    height: 4.125rem;
    display: flex;
    align-items: center;
    gap: 0.62rem;
    padding: 0 0.65rem 0 1.1rem;
    border: 1px solid rgba(226, 232, 240, 0.16);
    border-radius: 12px;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.96), rgba(23, 31, 48, 0.9) 48%, rgba(9, 12, 20, 0.96)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    box-shadow:
        0 18px 54px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
    animation: overlayLivePlayerEnterLeft-b-2vohy76lvq 980ms cubic-bezier(0.16, 0.88, 0.2, 1) 300ms both;
}

.match-overlay__player[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(251, 191, 36, 0.18), transparent 20%, transparent 80%, rgba(59, 130, 246, 0.12)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 44%);
    opacity: 0.55;
    pointer-events: none;
}

.match-overlay__player--right[b-2vohy76lvq] {
    padding: 0 1.1rem 0 0.65rem;
    text-align: right;
    animation-name: overlayLivePlayerEnterRight-b-2vohy76lvq;
    animation-delay: 380ms;
}

.match-overlay__player--right[b-2vohy76lvq]::before {
    background:
        linear-gradient(270deg, rgba(251, 191, 36, 0.18), transparent 20%, transparent 80%, rgba(59, 130, 246, 0.12)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 44%);
}

.match-overlay__player-name[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 0;
}

.match-overlay__player--right .match-overlay__avatar--live[b-2vohy76lvq] {
    order: 2;
}

.match-overlay__player strong[b-2vohy76lvq] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: clamp(1.45rem, 2vw, 1.88rem);
    line-height: 1;
    font-weight: 950;
    text-shadow: 0 4px 14px rgba(0, 0, 0, 0.46);
    transition: color 260ms ease, opacity 260ms ease, filter 260ms ease;
}

.match-overlay__player .match-overlay__record[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: 6.15rem;
    min-width: 6.15rem;
    height: 2.55rem;
    border-radius: 9px;
    background: rgba(5, 8, 14, 0.66);
    border: 1px solid rgba(226, 232, 240, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.match-overlay__player .match-overlay__record-chip[b-2vohy76lvq] {
    gap: 0.08rem;
    border-radius: 0;
    font-size: 0.72rem;
}

.match-overlay__player .match-overlay__record-chip small[b-2vohy76lvq] {
    font-size: 0.58rem;
}

.match-overlay__player--right .match-overlay__record[b-2vohy76lvq] {
    order: -1;
}

.match-overlay__live-player-score[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: 3.4rem;
    height: 3.12rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 11px;
    background: rgba(5, 8, 14, 0.66);
    color: rgba(226, 232, 240, 0.88);
    font-size: clamp(1.5rem, 2vw, 1.82rem);
    font-weight: 950;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.match-overlay__live-player-score.is-score-updated[b-2vohy76lvq] {
    animation: overlayScoreChipUpdate-b-2vohy76lvq 700ms cubic-bezier(0.16, 0.9, 0.2, 1) both;
}

.match-overlay__live-player-score.is-score-increased[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.36);
    color: #fde68a;
    box-shadow:
        0 0 1.45rem rgba(251, 191, 36, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.match-overlay__live-player-score.is-winner[b-2vohy76lvq],
.match-overlay__live-player-score.is-match-point[b-2vohy76lvq] {
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    border-color: rgba(255, 255, 255, 0.18);
    color: #111827;
    box-shadow:
        0 0 24px rgba(251, 191, 36, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.match-overlay__live-player-score.is-loser[b-2vohy76lvq] {
    color: rgba(203, 213, 225, 0.62);
    filter: saturate(0.35);
}

.match-overlay__player--right .match-overlay__live-player-score[b-2vohy76lvq] {
    order: -1;
}

.match-overlay__live-core[b-2vohy76lvq] {
    position: relative;
    z-index: 4;
    width: 22.5rem;
    height: 4.125rem;
    min-height: 4.125rem;
    overflow: visible;
    display: block;
    padding: 0;
    text-align: center;
    animation: overlayLiveCoreEnter-b-2vohy76lvq 1040ms cubic-bezier(0.16, 0.88, 0.2, 1) 260ms both;
}

.match-overlay__live-core[b-2vohy76lvq]::before {
    display: none;
}

.match-overlay__live-logo[b-2vohy76lvq],
.match-overlay__live-core span[b-2vohy76lvq],
.match-overlay__live-core strong[b-2vohy76lvq],
.match-overlay__live-core small[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
}

.match-overlay__live-logo[b-2vohy76lvq] {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: -3.3125rem;
    width: 21.125rem;
    max-width: 80vw;
    height: 8rem;
    object-fit: contain;
    object-position: center;
    transform: translateX(-50%);
    filter: drop-shadow(0 9px 14px rgba(0, 0, 0, 0.46));
    pointer-events: none;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-core[b-2vohy76lvq] {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-logo[b-2vohy76lvq] {
    top: -3.3125rem;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-core[b-2vohy76lvq]::after {
    display: none;
}

.match-overlay__live-core > span[b-2vohy76lvq] {
    min-width: 8.2rem;
    height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    border: 1px solid rgba(251, 191, 36, 0.24);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.7);
    color: rgba(251, 191, 36, 0.92);
    font-size: clamp(0.85rem, 1.1vw, 1.02rem);
    font-weight: 950;
}

.match-overlay__live-core > span[b-2vohy76lvq],
.match-overlay__live-core-meta[b-2vohy76lvq],
.match-overlay__live-core .match-overlay__scoreline[b-2vohy76lvq],
.match-overlay__live-core > small[b-2vohy76lvq] {
    display: none;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-core-meta[b-2vohy76lvq] {
    position: absolute;
    z-index: 6;
    top: 9.05rem;
    left: 50%;
    min-width: 15.5rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 0 1.4rem;
    transform: translateX(-50%);
    border: 1px solid rgba(251, 191, 36, 0.26);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.76);
    box-shadow:
        0 0.625rem 1.5rem rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px);
    line-height: 1;
}

.match-overlay__live-stage:not(.is-elimination) .match-overlay__live-core-meta[b-2vohy76lvq] {
    position: absolute;
    z-index: 6;
    top: 5.4rem;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-width: 9.5rem;
    transform: translateX(-50%);
}

.match-overlay__live-stage:not(.is-elimination) .match-overlay__live-core-divider[b-2vohy76lvq],
.match-overlay__live-stage:not(.is-elimination) .match-overlay__live-core-phase[b-2vohy76lvq],
.match-overlay__live-stage:not(.is-elimination) .match-overlay__live-core-bo[b-2vohy76lvq] {
    display: inline-flex;
}

.match-overlay__live-stage:not(.is-elimination) .match-overlay__live-core-score[b-2vohy76lvq] {
    position: absolute;
    z-index: 6;
    top: 7.4rem;
    left: 50%;
    display: flex;
    transform: translateX(-50%);
}

.match-overlay__live-stage:not(.is-elimination) .match-overlay__live-round-tag[b-2vohy76lvq] {
    top: 17.25rem;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-core-phase[b-2vohy76lvq],
.match-overlay__live-stage.is-elimination .match-overlay__live-core-score[b-2vohy76lvq],
.match-overlay__live-stage.is-elimination .match-overlay__live-core-bo[b-2vohy76lvq] {
    display: none;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-core-phase[b-2vohy76lvq],
.match-overlay__live-stage.is-elimination .match-overlay__live-core-bo[b-2vohy76lvq] {
    display: inline-flex;
    align-self: center;
    align-items: center;
    line-height: 1;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-core-phase[b-2vohy76lvq] {
    min-width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(251, 191, 36, 0.94);
    font-size: 1.75rem;
    font-weight: 950;
    line-height: 1;
    text-shadow: 0 0.2rem 0.75rem rgba(0, 0, 0, 0.42);
}

.match-overlay__live-stage.is-elimination .match-overlay__live-core-divider[b-2vohy76lvq] {
    display: inline-flex;
    align-self: center;
    align-items: center;
    color: rgba(251, 191, 36, 0.58);
    font-size: 1rem;
    font-weight: 950;
    line-height: 1;
}

.match-overlay__live-stage.is-elimination .match-overlay__live-core-bo[b-2vohy76lvq] {
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(251, 191, 36, 0.92);
    font-size: 1rem;
    font-weight: 950;
    line-height: 1;
    text-shadow: 0 0.2rem 0.75rem rgba(0, 0, 0, 0.42);
}

.match-overlay__live-core-phase[b-2vohy76lvq] {
    min-width: 6.4rem;
    height: 1.42rem;
    align-items: center;
    justify-content: center;
    align-self: end;
    padding: 0 0.92rem;
    border: 1px solid rgba(251, 191, 36, 0.18);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.72);
    color: rgba(251, 191, 36, 0.92);
    font-size: clamp(0.68rem, 0.82vw, 0.82rem);
    font-weight: 950;
}

.match-overlay__live-core-score[b-2vohy76lvq] {
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-width: 10.4rem;
    color: rgba(248, 250, 252, 0.94);
    font-size: clamp(2.1rem, 3.05vw, 2.95rem);
    line-height: 1;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0.55rem 1.3rem rgba(0, 0, 0, 0.58);
}

.match-overlay__live-core-score small[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.52);
    font-size: 0.68em;
    font-weight: 950;
}

.match-overlay__live-core-score-value[b-2vohy76lvq] {
    width: 3.2rem;
    display: inline-flex;
    justify-content: center;
    color: rgba(248, 250, 252, 0.9);
    font-style: normal;
}

.match-overlay__live-core-score-value.is-score-updated[b-2vohy76lvq] {
    animation: overlayScoreValueUpdate-b-2vohy76lvq 680ms cubic-bezier(0.16, 0.9, 0.2, 1) both;
}

.match-overlay__live-core-score-value.is-score-increased[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow:
        0 0 1.2rem rgba(251, 191, 36, 0.38),
        0 0.55rem 1.3rem rgba(0, 0, 0, 0.58);
}

.match-overlay__live-core-score-value.is-winner[b-2vohy76lvq],
.match-overlay__live-core-score-value.is-match-point[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow:
        0 0 1.1rem rgba(251, 191, 36, 0.32),
        0 0.55rem 1.3rem rgba(0, 0, 0, 0.58);
}

.match-overlay__live-core-score-value.is-loser[b-2vohy76lvq] {
    color: var(--overlay-loss);
    opacity: 0.76;
}

.match-overlay__live-core-score-value.is-draw[b-2vohy76lvq] {
    color: rgba(147, 197, 253, 0.92);
}

.match-overlay__live-core-bo[b-2vohy76lvq] {
    align-items: center;
    justify-content: center;
    align-self: start;
    color: rgba(226, 232, 240, 0.74);
    font-size: clamp(0.7rem, 0.86vw, 0.84rem);
    font-weight: 850;
}

.match-overlay__live-core .match-overlay__scoreline[b-2vohy76lvq] {
    min-width: 7.2rem;
    font-size: clamp(2rem, 2.75vw, 2.7rem);
}

.match-overlay__live-core small[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.72);
    font-size: clamp(0.74rem, 0.92vw, 0.9rem);
    font-weight: 850;
}

.match-overlay__player-intro[b-2vohy76lvq] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    background: rgba(3, 7, 18, 0.92);
}

.match-overlay__player-intro-backdrop[b-2vohy76lvq] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    opacity: 0.72;
}

.match-overlay__player-intro-backdrop[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 1.65rem 3.25rem 2.2rem;
    border: 1px solid rgba(148, 163, 184, 0.06);
    border-left-color: rgba(251, 191, 36, 0.2);
}

.match-overlay__player-intro-backdrop i[b-2vohy76lvq] {
    position: absolute;
    width: 38vw;
    height: 1px;
    right: -4vw;
    top: calc(28% + var(--intro-line, 0) * 18%);
    background: rgba(125, 211, 252, 0.28);
    transform-origin: right center;
    animation: overlayPlayerIntroLineEnter-b-2vohy76lvq 720ms cubic-bezier(0.16, 0.86, 0.22, 1) calc(180ms + var(--intro-line, 0) * 90ms) both;
}

.match-overlay__player-intro-backdrop i:nth-child(2)[b-2vohy76lvq] {
    --intro-line: 1;
}

.match-overlay__player-intro-backdrop i:nth-child(3)[b-2vohy76lvq] {
    --intro-line: 2;
}

.match-overlay__player-intro-shell[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
    height: 100%;
    display: grid;
    grid-template-rows: 5.2rem minmax(0, 1fr);
    gap: 1rem;
    padding: 1.65rem 3.25rem 2.2rem;
}

.match-overlay__player-intro-brand[b-2vohy76lvq] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    border-bottom: 1px solid rgba(251, 191, 36, 0.22);
    animation: overlayPlayerIntroBrandEnter-b-2vohy76lvq 560ms cubic-bezier(0.16, 0.86, 0.22, 1) 120ms both;
}

.match-overlay__player-intro-brand img[b-2vohy76lvq] {
    width: 12rem;
    height: 4.5rem;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 0.8rem 1.4rem rgba(0, 0, 0, 0.42));
}

.match-overlay__player-intro-brand > div[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    justify-items: end;
    gap: 0.18rem;
}

.match-overlay__player-intro-brand span[b-2vohy76lvq],
.match-overlay__player-intro-label[b-2vohy76lvq],
.match-overlay__player-intro-career header span[b-2vohy76lvq],
.match-overlay__player-intro-highlights header span[b-2vohy76lvq],
.match-overlay__player-intro-team header span[b-2vohy76lvq] {
    color: var(--overlay-blue, #7dd3fc);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.13em;
}

.match-overlay__player-intro-brand strong[b-2vohy76lvq] {
    max-width: 52rem;
    overflow: hidden;
    color: rgba(248, 250, 252, 0.88);
    font-size: 1.12rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__player-intro-layout[b-2vohy76lvq] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(19rem, 23rem) minmax(18rem, 0.72fr) minmax(34rem, 1.28fr);
    align-items: stretch;
    gap: 1.8rem;
}

.match-overlay__player-intro-layout.is-team-empty[b-2vohy76lvq] {
    grid-template-columns: minmax(19rem, 23rem) minmax(20rem, 0.82fr) minmax(24rem, 1.18fr);
}

.match-overlay__player-intro-identity[b-2vohy76lvq],
.match-overlay__player-intro-career[b-2vohy76lvq],
.match-overlay__player-intro-team[b-2vohy76lvq] {
    min-width: 0;
    min-height: 0;
    position: relative;
}

.match-overlay__player-intro-identity[b-2vohy76lvq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.2rem 0 0.5rem;
    animation: overlayPlayerIntroIdentityEnter-b-2vohy76lvq 720ms cubic-bezier(0.16, 0.86, 0.22, 1) 250ms both;
}

.match-overlay__player-intro-avatar-wrap[b-2vohy76lvq] {
    position: relative;
    width: 12.5rem;
    height: 12.5rem;
    display: grid;
    place-items: center;
    margin-bottom: 1.55rem;
}

.match-overlay__player-intro-avatar-wrap[b-2vohy76lvq]::before,
.match-overlay__player-intro-avatar-wrap[b-2vohy76lvq]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.match-overlay__player-intro-avatar-wrap[b-2vohy76lvq]::before {
    inset: -0.45rem;
    border: 2px solid rgba(251, 191, 36, 0.72);
    border-left-color: rgba(125, 211, 252, 0.64);
    box-shadow: 0 0 2.2rem rgba(251, 191, 36, 0.14);
    animation: overlayPlayerIntroAvatarRing-b-2vohy76lvq 12s linear infinite;
}

.match-overlay__player-intro-avatar-wrap[b-2vohy76lvq]::after {
    inset: -1.1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.match-overlay__avatar--player-intro[b-2vohy76lvq] {
    width: 11.5rem;
    height: 11.5rem;
    border: 0.35rem solid rgba(248, 250, 252, 0.92);
    border-radius: 50%;
    object-fit: cover;
    background: rgba(15, 23, 42, 0.88);
    box-shadow: 0 1.4rem 3rem rgba(0, 0, 0, 0.46);
}

.match-overlay__player-intro-identity h1[b-2vohy76lvq] {
    width: 100%;
    margin: 0.35rem 0 0;
    overflow: hidden;
    color: #f8fafc;
    font-size: 3.35rem;
    line-height: 1.04;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 0 0.8rem 2.1rem rgba(0, 0, 0, 0.6);
}

.match-overlay__player-intro-identity > p[b-2vohy76lvq] {
    margin: 0.45rem 0 0;
    color: rgba(226, 232, 240, 0.58);
    font-size: 1rem;
    font-weight: 850;
}

.match-overlay__player-intro-title[b-2vohy76lvq] {
    width: min(100%, 20rem);
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.3rem;
    padding: 0.7rem 0.9rem;
    border-left: 3px solid var(--overlay-accent, #fbbf24);
    background: rgba(251, 191, 36, 0.09);
}

.match-overlay__player-intro-title.is-hidden[b-2vohy76lvq] {
    border-left-color: rgba(148, 163, 184, 0.46);
    background: rgba(148, 163, 184, 0.07);
}

.match-overlay__player-intro-title > span[b-2vohy76lvq] {
    color: var(--overlay-win);
    font-size: 1.9rem;
    font-weight: 950;
    text-align: center;
}

.match-overlay__player-intro-title > div[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.match-overlay__player-intro-title small[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.5);
    font-size: 0.72rem;
    font-weight: 900;
}

.match-overlay__player-intro-title strong[b-2vohy76lvq] {
    overflow: hidden;
    color: var(--overlay-win);
    font-size: 1.12rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__player-intro-current[b-2vohy76lvq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.2rem 0.8rem;
    width: min(100%, 20rem);
    margin-top: auto;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    animation: overlayPlayerIntroCurrentEnter-b-2vohy76lvq 460ms cubic-bezier(0.16, 0.86, 0.22, 1) 680ms both;
}

.match-overlay__player-intro-current span[b-2vohy76lvq] {
    grid-column: 1 / -1;
    color: rgba(125, 211, 252, 0.74);
    font-size: 0.72rem;
    font-weight: 900;
}

.match-overlay__player-intro-current strong[b-2vohy76lvq] {
    color: #f8fafc;
    font-size: 1.65rem;
    font-weight: 950;
}

.match-overlay__live-core-phase--combined[b-2vohy76lvq] {
    min-width: 0;
    height: 1.75rem;
    padding-inline: 1.1rem;
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
}

.match-overlay__player-intro-current em[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.7);
    font-size: 0.92rem;
    font-style: normal;
    font-weight: 900;
}

.match-overlay__player-intro-career[b-2vohy76lvq] {
    display: flex;
    flex-direction: column;
    padding: 1.7rem 0 0.85rem;
    overflow: hidden;
    border: 1px solid var(--overlay-line, rgba(148, 163, 184, 0.18));
    border-top-color: rgba(125, 211, 252, 0.34);
    border-radius: 8px;
    background: var(--overlay-panel-strong, rgba(8, 13, 24, 0.78));
    box-shadow:
        0 1.2rem 3rem rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(8px);
    animation: overlayPlayerIntroCareerEnter-b-2vohy76lvq 620ms cubic-bezier(0.16, 0.86, 0.22, 1) 280ms both;
}

.match-overlay__player-intro-career > header[b-2vohy76lvq],
.match-overlay__player-intro-team > header[b-2vohy76lvq] {
    display: grid;
    gap: 0.25rem;
}

.match-overlay__player-intro-career > header[b-2vohy76lvq] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 1rem;
    padding: 0 1.5rem;
}

.match-overlay__player-intro-career > header > div:first-child[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.match-overlay__player-intro-career header strong[b-2vohy76lvq],
.match-overlay__player-intro-highlights header strong[b-2vohy76lvq],
.match-overlay__player-intro-team header strong[b-2vohy76lvq] {
    color: var(--overlay-text, #f8fafc);
    font-size: 1.7rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__player-intro-record[b-2vohy76lvq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.9rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(3, 7, 18, 0.24);
}

.match-overlay__player-intro-record > div[b-2vohy76lvq] {
    display: grid;
    place-items: center;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.85rem 0.45rem;
    border-right: 1px solid rgba(148, 163, 184, 0.13);
    animation: overlayPlayerIntroStatEnter-b-2vohy76lvq 560ms cubic-bezier(0.16, 0.86, 0.22, 1) calc(360ms + var(--intro-index) * 90ms) both;
}

.match-overlay__player-intro-record > div:last-child[b-2vohy76lvq] {
    border-right: 0;
}

.match-overlay__player-intro-record strong[b-2vohy76lvq] {
    color: #f8fafc;
    font-size: 2.55rem;
    line-height: 1;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__points.is-r-sai[b-2vohy76lvq] {
    min-width: 0;
    height: 2.35rem;
    display: grid;
    grid-template-rows: auto auto;
    align-content: center;
    gap: 0.08rem;
    padding: 0.18rem 0.2rem;
    border-color: rgba(96, 165, 250, 0.28);
    background: rgba(37, 99, 235, 0.14);
    color: #bfdbfe;
    line-height: 1;
}

.match-overlay__points.is-r-sai small[b-2vohy76lvq],
.match-overlay__points.is-r-sai span[b-2vohy76lvq] {
    display: block;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__points.is-r-sai small[b-2vohy76lvq] {
    font-size: 0.64rem;
    font-weight: 950;
    line-height: 1.15;
}

.match-overlay__points.is-r-sai span[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.58rem;
}

.match-overlay__rank.is-r-sai-eliminated .match-overlay__points.is-r-sai[b-2vohy76lvq] {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(71, 85, 105, 0.18);
    color: rgba(203, 213, 225, 0.78);
}

.match-overlay__player-intro-record .is-win strong[b-2vohy76lvq] {
    color: var(--overlay-win);
}

.match-overlay__player-intro-record .is-loss strong[b-2vohy76lvq] {
    color: var(--overlay-loss);
}

.match-overlay__player-intro-record span[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.82rem;
    font-weight: 900;
}

.match-overlay__player-intro-rate[b-2vohy76lvq] {
    display: grid;
    justify-items: end;
    gap: 0.08rem;
    text-align: right;
}

.match-overlay__player-intro-rate > span[b-2vohy76lvq] {
    color: var(--overlay-muted, rgba(226, 232, 240, 0.68));
    font-size: 0.58rem;
    letter-spacing: 0;
}

.match-overlay__player-intro-rate > strong[b-2vohy76lvq] {
    color: var(--overlay-accent, #fbbf24);
    font-size: 2.05rem;
    line-height: 0.95;
    font-variant-numeric: tabular-nums;
}

.match-overlay__player-intro-rate > small[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.44);
    font-size: 0.58rem;
    font-weight: 850;
}

.match-overlay__player-intro-metrics[b-2vohy76lvq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    margin-top: 0.7rem;
    padding: 0 1.5rem;
}

.match-overlay__player-intro-metrics > div[b-2vohy76lvq] {
    min-width: 0;
    min-height: 3.5rem;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 0.18rem;
    padding: 0.5rem 0.35rem;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 4px;
    background: rgba(3, 7, 18, 0.28);
    animation: overlayPlayerIntroMetricEnter-b-2vohy76lvq 520ms cubic-bezier(0.16, 0.86, 0.22, 1) calc(520ms + var(--intro-index) * 70ms) both;
}

.match-overlay__player-intro-metrics span[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.62rem;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
}

.match-overlay__player-intro-metrics strong[b-2vohy76lvq] {
    color: var(--overlay-text, #f8fafc);
    font-size: 1.45rem;
    line-height: 1;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__player-intro-highlights[b-2vohy76lvq] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.7rem;
    margin-top: 0.85rem;
    padding: 0.8rem 1.5rem 0.9rem;
    border-top: 1px solid rgba(251, 191, 36, 0.24);
    border-bottom: 1px solid var(--overlay-line, rgba(148, 163, 184, 0.18));
    background: rgba(3, 7, 18, 0.2);
}

.match-overlay__player-intro-highlights > header[b-2vohy76lvq] {
    min-width: 0;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
    padding-left: 0.65rem;
    border-left: 2px solid var(--overlay-accent, #fbbf24);
    animation: overlayPlayerIntroHighlightEnter-b-2vohy76lvq 420ms cubic-bezier(0.16, 0.86, 0.22, 1) 660ms both;
}

.match-overlay__player-intro-highlights header strong[b-2vohy76lvq] {
    color: var(--overlay-accent, #fbbf24);
    font-size: 1.15rem;
    white-space: nowrap;
}

.match-overlay__player-intro-highlight-list[b-2vohy76lvq] {
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 0.4rem;
}

.match-overlay__player-intro-highlight[b-2vohy76lvq] {
    min-width: 0;
    min-height: 3.2rem;
    display: grid;
    grid-template-columns: minmax(4.8rem, auto) minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-left: 2px solid rgba(125, 211, 252, 0.55);
    border-radius: 4px;
    background: rgba(3, 7, 18, 0.38);
    animation: overlayPlayerIntroHighlightEnter-b-2vohy76lvq 440ms cubic-bezier(0.16, 0.86, 0.22, 1) calc(700ms + var(--intro-index) * 70ms) both;
}

.match-overlay__player-intro-highlight.is-champion[b-2vohy76lvq] {
    border-left-color: var(--overlay-accent, #fbbf24);
    background: rgba(251, 191, 36, 0.07);
}

.match-overlay__player-intro-highlight.is-featured[b-2vohy76lvq] {
    min-height: 4.35rem;
    grid-template-columns: minmax(5.6rem, auto) minmax(0, 1fr);
    padding: 0.7rem 0.85rem;
    border-color: rgba(125, 211, 252, 0.3);
    border-left-width: 4px;
    background: rgba(14, 116, 144, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.match-overlay__player-intro-highlight.is-featured.is-champion[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.3);
    background: rgba(251, 191, 36, 0.1);
}

.match-overlay__player-intro-highlight.is-featured.is-runner-up[b-2vohy76lvq] {
    border-color: rgba(226, 232, 240, 0.3);
    background: rgba(226, 232, 240, 0.08);
}

.match-overlay__player-intro-highlight.is-featured.is-third-place[b-2vohy76lvq] {
    border-color: rgba(217, 151, 97, 0.32);
    background: rgba(217, 151, 97, 0.09);
}

.match-overlay__player-intro-highlight.is-featured.is-top-eight[b-2vohy76lvq] {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(148, 163, 184, 0.07);
}

.match-overlay__player-intro-highlight.is-featured div > span[b-2vohy76lvq] {
    font-size: 0.88rem;
}

.match-overlay__player-intro-highlight.is-featured > em[b-2vohy76lvq] {
    min-height: 2.45rem;
    padding-inline: 0.8rem;
    font-size: 0.96rem;
}

.match-overlay__player-intro-highlight.is-runner-up[b-2vohy76lvq] {
    border-left-color: rgba(226, 232, 240, 0.72);
}

.match-overlay__player-intro-highlight.is-third-place[b-2vohy76lvq] {
    border-left-color: rgba(217, 151, 97, 0.78);
}

.match-overlay__player-intro-highlight.is-top-four[b-2vohy76lvq] {
    border-left-color: rgba(125, 211, 252, 0.78);
}

.match-overlay__player-intro-highlight > div[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    gap: 0.15rem;
}

.match-overlay__player-intro-highlight div > span[b-2vohy76lvq] {
    overflow: hidden;
    color: var(--overlay-text, #f8fafc);
    font-size: 0.78rem;
    line-height: 1.1;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__player-intro-highlight div > small[b-2vohy76lvq] {
    color: var(--overlay-muted, rgba(226, 232, 240, 0.68));
    font-size: 0.62rem;
    line-height: 1;
    font-weight: 800;
}

.match-overlay__player-intro-highlight > em[b-2vohy76lvq] {
    min-width: 4.8rem;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.65rem;
    border: 1px solid rgba(125, 211, 252, 0.34);
    border-radius: 3px;
    background: rgba(14, 116, 144, 0.16);
    color: #bae6fd;
    font-size: 0.82rem;
    line-height: 1;
    font-style: normal;
    font-weight: 950;
    text-align: center;
    white-space: nowrap;
}

.match-overlay__player-intro-highlight.is-champion > em[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.58);
    background: rgba(251, 191, 36, 0.16);
    color: #fde68a;
    box-shadow: 0 0 1.15rem rgba(251, 191, 36, 0.1);
}

.match-overlay__player-intro-highlight.is-runner-up > em[b-2vohy76lvq] {
    border-color: rgba(226, 232, 240, 0.42);
    background: rgba(226, 232, 240, 0.1);
    color: #f1f5f9;
}

.match-overlay__player-intro-highlight.is-third-place > em[b-2vohy76lvq] {
    border-color: rgba(217, 151, 97, 0.48);
    background: rgba(217, 151, 97, 0.13);
    color: #fdba8c;
}

.match-overlay__player-intro-highlight.is-top-eight > em[b-2vohy76lvq] {
    border-color: rgba(148, 163, 184, 0.26);
    background: rgba(148, 163, 184, 0.08);
    color: rgba(226, 232, 240, 0.76);
}

.match-overlay__player-intro-highlights-empty[b-2vohy76lvq] {
    min-height: 4.2rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    color: rgba(226, 232, 240, 0.44);
    animation: overlayPlayerIntroHighlightEnter-b-2vohy76lvq 440ms cubic-bezier(0.16, 0.86, 0.22, 1) 700ms both;
}

.match-overlay__player-intro-highlights-empty > span[b-2vohy76lvq] {
    color: var(--overlay-accent, #fbbf24);
    font-size: 1.35rem;
}

.match-overlay__player-intro-highlights-empty > strong[b-2vohy76lvq] {
    font-size: 0.78rem;
    font-weight: 850;
}

.match-overlay__player-intro-team[b-2vohy76lvq] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 1.15rem;
    padding: 2.15rem 0 1rem;
    container-type: inline-size;
    animation: overlayPlayerIntroTeamEnter-b-2vohy76lvq 760ms cubic-bezier(0.16, 0.86, 0.22, 1) 420ms both;
}

.match-overlay__player-intro-team > header[b-2vohy76lvq] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.match-overlay__player-intro-team header > div[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.match-overlay__player-intro-team header strong[b-2vohy76lvq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__player-intro-team header small[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.52);
    font-size: 0.78rem;
    font-weight: 850;
}

.match-overlay__player-intro-team-card[b-2vohy76lvq] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.match-overlay__player-intro-team-empty[b-2vohy76lvq] {
    align-self: center;
    min-height: 12rem;
    display: grid;
    place-content: center;
    justify-items: start;
    gap: 0.45rem;
    padding: 2rem 2.4rem;
    border-left: 2px solid rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.28);
}

.match-overlay__player-intro-team-empty span[b-2vohy76lvq] {
    color: rgba(125, 211, 252, 0.62);
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.13em;
}

.match-overlay__player-intro-team-empty strong[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.52);
    font-size: 1.55rem;
    font-weight: 900;
}

@media (max-width: 1500px), (max-height: 820px) {
    .match-overlay__player-intro-shell[b-2vohy76lvq] {
        grid-template-rows: 4.2rem minmax(0, 1fr);
        padding: 1.1rem 2.2rem 1.45rem;
    }

    .match-overlay__player-intro-layout[b-2vohy76lvq] {
        grid-template-columns: minmax(17rem, 20rem) minmax(16rem, 0.7fr) minmax(30rem, 1.3fr);
        gap: 1.2rem;
    }

    .match-overlay__player-intro-avatar-wrap[b-2vohy76lvq] {
        width: 9.5rem;
        height: 9.5rem;
        margin-bottom: 1rem;
    }

    .match-overlay__avatar--player-intro[b-2vohy76lvq] {
        width: 8.8rem;
        height: 8.8rem;
    }

    .match-overlay__player-intro-identity h1[b-2vohy76lvq] {
        font-size: 2.55rem;
    }

    .match-overlay__player-intro-title[b-2vohy76lvq] {
        margin-top: 0.8rem;
    }

    .match-overlay__player-intro-record[b-2vohy76lvq] {
        margin-top: 0.7rem;
    }

    .match-overlay__player-intro-record strong[b-2vohy76lvq] {
        font-size: 2.45rem;
    }

    .match-overlay__player-intro-metrics > div[b-2vohy76lvq] {
        min-height: 3rem;
        padding-block: 0.38rem;
    }

    .match-overlay__player-intro-highlights[b-2vohy76lvq] {
        gap: 0.4rem;
        margin-top: 0.55rem;
        padding-top: 0.55rem;
    }

    .match-overlay__player-intro-highlight[b-2vohy76lvq] {
        min-height: 2.7rem;
        grid-template-columns: minmax(4.5rem, auto) minmax(0, 1fr);
        padding-block: 0.38rem;
    }

    .match-overlay__player-intro-highlight > em[b-2vohy76lvq] {
        min-width: 4.5rem;
        min-height: 1.8rem;
        font-size: 0.76rem;
    }

    .match-overlay__player-intro-highlight.is-featured > em[b-2vohy76lvq] {
        min-height: 2.1rem;
        font-size: 0.86rem;
    }

}

.match-overlay__team-preview[b-2vohy76lvq] {
    position: absolute;
    inset: 2.25rem 2rem 1.45rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.72rem;
    overflow: hidden;
    pointer-events: none;
}

.match-overlay__team-preview-bg[b-2vohy76lvq] {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 15, 0.12);
}

.match-overlay__team-preview-head[b-2vohy76lvq],
.match-overlay__team-preview-grid[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
}

.match-overlay__team-preview-head[b-2vohy76lvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 2.8rem;
    padding: 0 0.25rem 0.55rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    animation: overlayTeamPreviewHeadEnter-b-2vohy76lvq 520ms cubic-bezier(0.18, 0.86, 0.22, 1) both;
}

.match-overlay__team-preview-head span[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.94);
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.match-overlay__team-preview-head strong[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: rgba(226, 232, 240, 0.84);
    font-size: 1.08rem;
    font-weight: 900;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__team-preview-grid[b-2vohy76lvq] {
    min-height: 0;
    height: 100%;
    display: grid;
    align-items: stretch;
    align-content: stretch;
}

.match-overlay__team-preview-grid--versus[b-2vohy76lvq] {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) 3.55rem minmax(0, 1fr);
    gap: 0.72rem;
}

.match-overlay__team-preview-grid--single[b-2vohy76lvq] {
    width: min(86rem, 100%);
    height: 100%;
    justify-self: center;
    grid-template-columns: minmax(0, 1fr);
}

.match-overlay__team-preview-side[b-2vohy76lvq] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.62rem;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    box-shadow: none;
    animation: overlayTeamPreviewSideEnter-b-2vohy76lvq 620ms cubic-bezier(0.18, 0.86, 0.22, 1) 80ms both;
}

.match-overlay__team-preview-side--right[b-2vohy76lvq] {
    animation-delay: 160ms;
}

.match-overlay__team-preview-grid--single .match-overlay__team-preview-side[b-2vohy76lvq] {
    padding: 0;
}

.match-overlay__team-preview-grid--single .match-overlay__team-preview-side header[b-2vohy76lvq] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.match-overlay__team-preview-grid--single .match-overlay__team-preview-side header small[b-2vohy76lvq] {
    max-width: 16rem;
}

.match-overlay__team-preview-side header[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, auto);
    align-items: center;
    gap: 0.9rem;
    min-height: 4rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-left: 3px solid rgba(56, 189, 248, 0.82);
    border-radius: 6px;
    background: rgba(7, 12, 23, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.match-overlay__team-preview-side--right header[b-2vohy76lvq] {
    grid-template-columns: minmax(0, 1fr) minmax(8rem, auto);
    text-align: right;
    border-right: 3px solid rgba(251, 113, 133, 0.82);
    border-left: 1px solid rgba(148, 163, 184, 0.16);
}

.match-overlay__team-preview-player[b-2vohy76lvq] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.match-overlay__team-preview-side--right .match-overlay__team-preview-player[b-2vohy76lvq] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.match-overlay__team-preview-identity[b-2vohy76lvq] {
    min-width: 0;
    display: grid;
    gap: 0.16rem;
}

.match-overlay__team-preview-side--right .match-overlay__team-preview-identity[b-2vohy76lvq] {
    justify-items: end;
}

.match-overlay__team-preview-label[b-2vohy76lvq] {
    flex: 0 0 auto;
    color: rgba(125, 211, 252, 0.9);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.match-overlay__team-preview-player strong[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: #f8fafc;
    font-size: 1.24rem;
    line-height: 1;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__team-preview-side header small[b-2vohy76lvq] {
    min-width: 0;
    max-width: 18rem;
    overflow: hidden;
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.86rem;
    line-height: 1.05;
    font-weight: 850;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__team-preview-card[b-2vohy76lvq] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.match-overlay__team-preview-missing[b-2vohy76lvq],
.match-overlay__team-preview-empty[b-2vohy76lvq] {
    min-height: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 0.5rem;
    border: 1px dashed rgba(226, 232, 240, 0.2);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.46);
    text-align: center;
}

.match-overlay__team-preview-empty[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
}

.match-overlay__team-preview-missing span[b-2vohy76lvq],
.match-overlay__team-preview-empty span[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.9);
    font-size: clamp(0.86rem, 1vw, 1rem);
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.match-overlay__team-preview-missing strong[b-2vohy76lvq],
.match-overlay__team-preview-empty strong[b-2vohy76lvq] {
    color: rgba(248, 250, 252, 0.84);
    font-size: clamp(1.2rem, 1.7vw, 1.65rem);
    font-weight: 950;
}

.match-overlay__team-preview-vs[b-2vohy76lvq] {
    align-self: center;
    justify-self: center;
    width: 3.45rem;
    height: 3.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(251, 191, 36, 0.26);
    border-radius: 50%;
    background: rgba(5, 8, 14, 0.82);
    color: rgba(251, 191, 36, 0.94);
    font-size: 1.08rem;
    font-weight: 950;
    box-shadow:
        0 1rem 2.4rem rgba(0, 0, 0, 0.3),
        0 0 2rem rgba(251, 191, 36, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    animation: overlayTeamPreviewVsEnter-b-2vohy76lvq 620ms cubic-bezier(0.18, 0.86, 0.22, 1) 240ms both;
}

.match-overlay__team-preview--with-intro .match-overlay__team-preview-head[b-2vohy76lvq] {
    animation-delay: 3.08s;
}

.match-overlay__team-preview--with-intro .match-overlay__team-preview-grid--versus[b-2vohy76lvq] {
    animation: overlayTeamPreviewGridReveal-b-2vohy76lvq 600ms cubic-bezier(0.18, 0.86, 0.22, 1) 3.02s both;
}

.match-overlay__team-preview--with-intro .match-overlay__team-preview-side[b-2vohy76lvq] {
    animation-delay: 3.05s;
}

.match-overlay__team-preview--with-intro .match-overlay__team-preview-side--right[b-2vohy76lvq] {
    animation-delay: 3.13s;
}

.match-overlay__team-preview--with-intro .match-overlay__team-preview-vs[b-2vohy76lvq] {
    animation-delay: 3.2s;
}

.match-overlay__team-preview--finale-intro .match-overlay__team-preview-head[b-2vohy76lvq] {
    animation-delay: 4.28s;
}

.match-overlay__team-preview--finale-intro .match-overlay__team-preview-grid--versus[b-2vohy76lvq] {
    animation-delay: 4.22s;
}

.match-overlay__team-preview--finale-intro .match-overlay__team-preview-side[b-2vohy76lvq] {
    animation-delay: 4.25s;
}

.match-overlay__team-preview--finale-intro .match-overlay__team-preview-side--right[b-2vohy76lvq] {
    animation-delay: 4.33s;
}

.match-overlay__team-preview--finale-intro .match-overlay__team-preview-vs[b-2vohy76lvq] {
    animation-delay: 4.4s;
}

@media (max-width: 1500px), (max-height: 820px) {
    .match-overlay__team-preview[b-2vohy76lvq] {
        inset: 1.35rem 1.2rem 0.9rem;
        gap: 0.42rem;
    }

    .match-overlay__team-preview-head[b-2vohy76lvq] {
        min-height: 2.2rem;
        padding-bottom: 0.35rem;
    }

    .match-overlay__team-preview-head span[b-2vohy76lvq] {
        font-size: 0.84rem;
    }

    .match-overlay__team-preview-head strong[b-2vohy76lvq] {
        font-size: 0.92rem;
    }

    .match-overlay__team-preview-grid--versus[b-2vohy76lvq] {
        grid-template-columns: minmax(0, 1fr) 2.8rem minmax(0, 1fr);
        gap: 0.42rem;
    }

    .match-overlay__team-preview-side[b-2vohy76lvq] {
        gap: 0.38rem;
    }

    .match-overlay__team-preview-side header[b-2vohy76lvq] {
        min-height: 3.15rem;
        gap: 0.45rem;
        padding: 0.36rem 0.55rem;
    }

    .match-overlay__avatar--team-preview[b-2vohy76lvq] {
        width: 2rem;
        height: 2rem;
    }

    .match-overlay__team-preview-player[b-2vohy76lvq] {
        gap: 0.45rem;
    }

    .match-overlay__team-preview-player strong[b-2vohy76lvq] {
        font-size: 1rem;
    }

    .match-overlay__team-preview-side header small[b-2vohy76lvq] {
        max-width: 9rem;
        font-size: 0.72rem;
    }

    .match-overlay__team-preview-vs[b-2vohy76lvq] {
        width: 2.8rem;
        height: 2.8rem;
        font-size: 0.88rem;
    }
}

.match-overlay__result-stage[b-2vohy76lvq] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding-top: 5.6rem;
    pointer-events: none;
}

.match-overlay__result-stage[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 42%, rgba(251, 191, 36, 0.22) 0%, transparent 36%);
    opacity: 1;
    animation: overlayResultBg-b-2vohy76lvq 420ms ease both;
}

.match-overlay__result-flare[b-2vohy76lvq] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(58rem, 62vw);
    height: min(58rem, 62vw);
    border-radius: 50%;
    border: 1px solid rgba(251, 191, 36, 0.12);
    background: radial-gradient(circle, rgba(251, 191, 36, 0.1), transparent 64%);
    box-shadow: 0 0 88px rgba(251, 191, 36, 0.12);
    animation: overlayResultFlare-b-2vohy76lvq 1380ms cubic-bezier(0.18, 0.86, 0.22, 1) both;
}

.match-overlay__result-card[b-2vohy76lvq] {
    position: relative;
    z-index: 2;
    width: min(51.25rem, 68vw);
    min-height: 24.4rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.82rem;
    padding: 7.25rem 4.5rem 3.1rem;
    overflow: visible;
    border: 1px solid rgba(251, 191, 36, 0.4);
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(30, 41, 59, 0.86), rgba(3, 7, 18, 0.8)),
        radial-gradient(circle at 50% 0%, rgba(251, 191, 36, 0.2), transparent 58%);
    box-shadow:
        0 34px 100px rgba(0, 0, 0, 0.44),
        0 0 0 1px rgba(255, 255, 255, 0.08) inset,
        0 0 54px rgba(251, 191, 36, 0.2);
    backdrop-filter: blur(8px);
    text-align: center;
    animation: overlayResultCardPop-b-2vohy76lvq 640ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.match-overlay__result-logo[b-2vohy76lvq] {
    position: absolute;
    top: -7.25rem;
    left: 50%;
    width: min(22.5rem, 28vw);
    height: min(11.65rem, 14.5vw);
    transform: translateX(-50%);
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 18px 34px rgba(0, 0, 0, 0.46));
    pointer-events: none;
}

.match-overlay__result-card[b-2vohy76lvq]::after {
    content: "";
    position: absolute;
    left: 3.6rem;
    right: 3.6rem;
    top: 5.65rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(251, 191, 36, 0.68), transparent);
    pointer-events: none;
}

.match-overlay__result-label[b-2vohy76lvq],
.match-overlay__result-title[b-2vohy76lvq],
.match-overlay__result-matchup[b-2vohy76lvq],
.match-overlay__result-score[b-2vohy76lvq],
.match-overlay__result-verdict[b-2vohy76lvq],
.match-overlay__result-card small[b-2vohy76lvq] {
    position: relative;
    z-index: 1;
}

.match-overlay__result-label[b-2vohy76lvq] {
    min-width: 9.4rem;
    height: 1.88rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25rem;
    border: 1px solid rgba(251, 191, 36, 0.3);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.68);
    color: rgba(251, 191, 36, 0.9);
    font-size: clamp(0.72rem, 0.86vw, 0.82rem);
    font-weight: 950;
    letter-spacing: 0.12em;
}

.match-overlay__result-title[b-2vohy76lvq] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f8fafc;
    font-size: clamp(4.2rem, 7.5vw, 6rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow:
        0 0 22px rgba(251, 191, 36, 0.42),
        0 4px 0 rgba(15, 23, 42, 0.95);
}

.match-overlay__result-title.is-winner[b-2vohy76lvq] {
    color: var(--overlay-win);
    animation: overlayResultWinnerPulse-b-2vohy76lvq 1400ms ease-in-out infinite;
}

.match-overlay__result-title.is-draw[b-2vohy76lvq] {
    color: var(--overlay-draw);
}

.match-overlay__result-title.is-loser[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.66);
}

.match-overlay__result-matchup[b-2vohy76lvq] {
    width: min(32.5rem, 100%);
    min-height: 3rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 1.05rem;
    margin-top: 0.12rem;
    padding: 0.54rem 1.25rem;
    border: 1px solid rgba(226, 232, 240, 0.14);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.64);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    color: rgba(226, 232, 240, 0.86);
    font-size: clamp(0.95rem, 1.18vw, 1.14rem);
    font-weight: 900;
    line-height: 1.1;
}

.match-overlay__result-matchup i[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.78);
    font-size: 0.78em;
    font-style: normal;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.match-overlay__result-matchup--top-cut[b-2vohy76lvq] {
    width: min(24.5rem, 100%);
    min-height: 2.72rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    margin: 0.15rem 0 0;
    padding: 0.45rem 1.1rem;
    background: rgba(15, 23, 42, 0.68);
    color: rgba(226, 232, 240, 0.84);
    font-size: clamp(1.05rem, 1.2vw, 1.34rem);
}

.match-overlay__result-matchup--top-cut .match-overlay__result-score-name[b-2vohy76lvq] {
    max-width: 9.4rem;
    font-weight: 950;
}

.match-overlay__result-score-chip[b-2vohy76lvq] {
    min-width: 7.5rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    padding: 0 0.9rem;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 999px;
    background: rgba(5, 8, 14, 0.52);
    color: rgba(226, 232, 240, 0.82);
    font-size: clamp(1rem, 1.1vw, 1.22rem);
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    animation: overlayScorePulse-b-2vohy76lvq 620ms ease-out 520ms both;
}

.match-overlay__result-score-chip i[b-2vohy76lvq] {
    color: rgba(148, 163, 184, 0.58);
    font-style: normal;
}

.match-overlay__result-score-chip .match-overlay__score-value[b-2vohy76lvq] {
    min-width: 1.5rem;
    text-align: center;
}

.match-overlay__result-score-chip .match-overlay__score-value.is-winner[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow: 0 0 14px rgba(251, 191, 36, 0.32);
}

.match-overlay__result-score-chip .match-overlay__score-value.is-loser[b-2vohy76lvq] {
    color: var(--overlay-loss);
    opacity: 0.78;
    filter: saturate(0.35);
}

.match-overlay__result-score[b-2vohy76lvq] {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.52rem;
    min-width: 10.5rem;
    min-height: 3.25rem;
    margin-bottom: 0.15rem;
    padding: 0.44rem 1.2rem;
    border: 1px solid rgba(226, 232, 240, 0.14);
    border-radius: 14px;
    background: rgba(5, 8, 14, 0.64);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    color: rgba(226, 232, 240, 0.88);
    font-size: clamp(1.9rem, 2.45vw, 2.25rem);
    line-height: 1.15;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
    animation: overlayScorePulse-b-2vohy76lvq 620ms ease-out 520ms both;
}

.match-overlay__result-score-name[b-2vohy76lvq] {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    color: rgba(248, 250, 252, 0.88);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.match-overlay__result-score-name.is-right[b-2vohy76lvq] {
    flex-direction: row-reverse;
    justify-content: flex-start;
    text-align: left;
}

.match-overlay__result-score-name .match-overlay__marquee-text[b-2vohy76lvq] {
    flex: 1 1 auto;
    min-width: 0;
}

.match-overlay__result-score-name.is-winner[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow: 0 0 18px rgba(251, 191, 36, 0.32);
}

.match-overlay__result-score-name.is-loser[b-2vohy76lvq] {
    color: var(--overlay-loss);
    opacity: 0.78;
    filter: saturate(0.35);
}

.match-overlay__result-score-name.is-draw[b-2vohy76lvq] {
    color: var(--overlay-draw);
}

.match-overlay__result-score i[b-2vohy76lvq] {
    color: rgba(148, 163, 184, 0.58);
    font-size: 0.9em;
    font-style: normal;
    font-weight: 950;
}

.match-overlay__result-score .match-overlay__score-value[b-2vohy76lvq] {
    min-width: 2.35rem;
    color: #e2e8f0;
    font-size: clamp(2rem, 2.8vw, 2.4rem);
    text-align: center;
}

.match-overlay__result-score .match-overlay__score-value.is-winner[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow: 0 0 18px rgba(251, 191, 36, 0.36);
}

.match-overlay__result-score .match-overlay__score-value.is-loser[b-2vohy76lvq] {
    color: var(--overlay-loss);
    opacity: 0.78;
    filter: saturate(0.35);
    transform: none;
}

.match-overlay__result-score--top-cut[b-2vohy76lvq] {
    width: min(34rem, 100%);
    min-width: min(26.875rem, 100%);
    min-height: 3.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr);
    align-items: center;
    justify-content: center;
    gap: 0.56rem;
    margin: 0 0 0.2rem;
    padding: 0.62rem 1.38rem;
    font-size: clamp(1.3rem, 1.55vw, 1.88rem);
    line-height: 1.15;
}

.match-overlay__result-score--top-cut .match-overlay__result-score-name[b-2vohy76lvq] {
    max-width: 11.875rem;
    font-size: clamp(1.02rem, 1.18vw, 1.42rem);
    font-weight: 950;
}

.match-overlay__result-score--top-cut .match-overlay__score-value[b-2vohy76lvq] {
    min-width: 2.875rem;
    margin: 0 0.08rem;
    color: #e2e8f0;
    font-size: clamp(2rem, 2.2vw, 2.35rem);
}

.match-overlay__result-score--top-cut .match-overlay__score-value.is-winner[b-2vohy76lvq] {
    color: var(--overlay-win);
    text-shadow: 0 0 18px rgba(251, 191, 36, 0.36);
}

.match-overlay__result-score--top-cut .match-overlay__score-value.is-loser[b-2vohy76lvq] {
    color: var(--overlay-loss);
    opacity: 0.78;
    filter: saturate(0.35);
}

.match-overlay__result-score--top-cut i[b-2vohy76lvq] {
    font-size: clamp(1.35rem, 1.55vw, 1.65rem);
}

.match-overlay__scene--result [data-overlay-view="top8-result"].match-overlay__result-stage[b-2vohy76lvq] {
    padding-top: 5.625rem;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-card[b-2vohy76lvq] {
    width: min(51.25rem, 68vw);
    min-height: 24.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 7.25rem 4.5rem 3.125rem;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-logo[b-2vohy76lvq] {
    top: -7.25rem;
    width: 22.5rem;
    height: 11.625rem;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-card[b-2vohy76lvq]::after {
    left: 3.625rem;
    right: 3.625rem;
    top: 5.625rem;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-label[b-2vohy76lvq] {
    min-width: 9.375rem;
    height: 1.875rem;
    margin-bottom: 0.875rem;
    padding: 0.3125rem 1.25rem;
    font-size: 0.8125rem;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-score--top-cut[b-2vohy76lvq] {
    width: auto;
    min-width: 26.875rem;
    max-width: 100%;
    min-height: 3.5rem;
    margin: 0 0 1.25rem;
    padding: 0.625rem 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    border-radius: 14px;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-score--top-cut .match-overlay__result-score-name[b-2vohy76lvq] {
    max-width: 11.875rem;
    font-size: 1rem;
    line-height: 1.12;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-score--top-cut .match-overlay__score-value[b-2vohy76lvq] {
    min-width: 2.875rem;
    margin: 0 0.625rem;
    font-size: 2.125rem;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-score--top-cut i[b-2vohy76lvq] {
    font-size: 1.625rem;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-title[b-2vohy76lvq] {
    max-width: 100%;
    font-size: 6rem;
    line-height: 1;
    font-weight: 950;
}

.match-overlay__scene--result [data-overlay-view="top8-result"] .match-overlay__result-verdict[b-2vohy76lvq] {
    min-width: 6.25rem;
    height: 3rem;
    margin-top: 1.375rem;
    padding: 0.4375rem 1.625rem;
    font-size: 1.875rem;
}

.match-overlay__result-verdict[b-2vohy76lvq] {
    min-width: 6.25rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    padding: 0 1.65rem;
    border-radius: 12px;
    border: 1px solid rgba(226, 232, 240, 0.14);
    background: rgba(15, 23, 42, 0.66);
    color: rgba(226, 232, 240, 0.86);
    font-size: clamp(1.4rem, 1.75vw, 1.9rem);
    font-weight: 950;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
    animation: overlayResultBadgePop 720ms cubic-bezier(0.16, 1, 0.3, 1) 180ms both;
}

.match-overlay__result-verdict.is-winner[b-2vohy76lvq] {
    border-color: rgba(255, 255, 255, 0.18);
    background: linear-gradient(180deg, rgba(251, 191, 36, 0.96), rgba(217, 119, 6, 0.94));
    color: #111827;
    box-shadow: 0 14px 30px rgba(217, 119, 6, 0.32);
}

.match-overlay__result-verdict.is-draw[b-2vohy76lvq] {
    color: rgba(147, 197, 253, 0.92);
}

.match-overlay__result-verdict.is-loser[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.66);
}

.match-overlay__result-card small[b-2vohy76lvq] {
    color: rgba(226, 232, 240, 0.72);
    font-size: clamp(0.9rem, 1.2vw, 1.08rem);
    font-weight: 850;
}

.match-overlay__podium[b-2vohy76lvq] {
    position: absolute;
    inset: 0;
    display: grid;
    align-items: center;
    justify-items: center;
    padding: clamp(4.35rem, 7vh, 5.75rem) 5rem clamp(1.8rem, 3vh, 3.3rem);
    overflow: hidden;
    pointer-events: none;
}

.match-overlay__podium[b-2vohy76lvq]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    pointer-events: none;
}

.match-overlay__group-board[b-2vohy76lvq] {
    position: absolute;
    inset: 4.6rem 4.4rem 3rem;
    display: grid;
    grid-template-columns: minmax(34rem, 0.92fr) minmax(40rem, 1.08fr);
    gap: 1.35rem;
    min-width: 0;
    pointer-events: none;
}

.match-overlay__group-panel[b-2vohy76lvq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.35rem;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.match-overlay__group-panel--matches[b-2vohy76lvq] {
    background: transparent;
}

.match-overlay__group-progress[b-2vohy76lvq] {
    margin: 1rem 0 0.85rem;
}

.match-overlay__group-grid[b-2vohy76lvq],
.match-overlay__group-match-sections[b-2vohy76lvq] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.match-overlay__group-grid[b-2vohy76lvq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 0.72rem;
}

.match-overlay__group-grid--compact[b-2vohy76lvq] {
    grid-template-columns: 1fr;
}

.match-overlay__group-grid--compact .match-overlay__group-standing[b-2vohy76lvq] {
    grid-template-columns: 2.5rem 2rem minmax(0, 1fr) 4rem 4.2rem;
    min-height: 2.65rem;
    padding-inline: 0.55rem;
}

.match-overlay__group-grid--dense[b-2vohy76lvq] {
    gap: 0.5rem;
}

.match-overlay__group-grid--dense .match-overlay__group-card[b-2vohy76lvq] {
    padding: 0.5rem;
}

.match-overlay__group-grid--dense .match-overlay__group-card > header[b-2vohy76lvq] {
    padding-bottom: 0.36rem;
}

.match-overlay__group-grid--dense .match-overlay__group-standing-list[b-2vohy76lvq] {
    gap: 0.16rem;
    margin-top: 0.34rem;
}

.match-overlay__group-grid--dense .match-overlay__group-standing[b-2vohy76lvq] {
    grid-template-columns: 1.85rem 1.35rem minmax(0, 1fr) 2.7rem 2.8rem;
    gap: 0.25rem;
    min-height: 1.72rem;
    padding: 0.08rem 0.3rem;
}

.match-overlay__group-grid--dense .match-overlay__avatar--group[b-2vohy76lvq] {
    width: 1.2rem;
    height: 1.2rem;
}

.match-overlay__group-grid--dense .match-overlay__group-standing > strong[b-2vohy76lvq] {
    font-size: 0.7rem;
}

.match-overlay__group-grid--dense .match-overlay__group-rank[b-2vohy76lvq],
.match-overlay__group-grid--dense .match-overlay__group-record[b-2vohy76lvq],
.match-overlay__group-grid--dense .match-overlay__group-standing > em[b-2vohy76lvq] {
    font-size: 0.61rem;
}

.match-overlay__group-card[b-2vohy76lvq],
.match-overlay__group-match-section[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 12px;
    background: rgba(5, 8, 14, 0.48);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.match-overlay__group-card[b-2vohy76lvq] {
    padding: 0.68rem;
    animation: overlayGroupCardEnter-b-2vohy76lvq 540ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.match-overlay__group-card:nth-child(2n)[b-2vohy76lvq] {
    animation-delay: 80ms;
}

.match-overlay__group-card:nth-child(n + 3)[b-2vohy76lvq] {
    animation-delay: 150ms;
}

.match-overlay__group-card > header[b-2vohy76lvq],
.match-overlay__group-match-section > header[b-2vohy76lvq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

.match-overlay__group-card > header strong[b-2vohy76lvq],
.match-overlay__group-match-section > header strong[b-2vohy76lvq] {
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 950;
}

.match-overlay__group-card > header span[b-2vohy76lvq],
.match-overlay__group-match-section > header span[b-2vohy76lvq] {
    color: rgba(203, 213, 225, 0.72);
    font-size: 0.72rem;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.match-overlay__group-standing-list[b-2vohy76lvq] {
    display: grid;
    gap: 0.32rem;
    margin-top: 0.52rem;
}

.match-overlay__group-standing[b-2vohy76lvq] {
    display: grid;
    grid-template-columns: 2.15rem 1.7rem minmax(0, 1fr) 3rem 3.1rem;
    align-items: center;
    gap: 0.38rem;
    min-height: 2.18rem;
    padding: 0.24rem 0.38rem;
    border: 1px solid rgba(148, 163, 184, 0.09);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.52);
}

.match-overlay__group-standing.is-advancing[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.24);
    background: rgba(251, 191, 36, 0.07);
}

.match-overlay__group-rank[b-2vohy76lvq] {
    color: rgba(147, 197, 253, 0.9);
    font-size: 0.72rem;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__group-standing.is-advancing .match-overlay__group-rank[b-2vohy76lvq],
.match-overlay__group-standing.is-advancing > em[b-2vohy76lvq] {
    color: #fbbf24;
}

.match-overlay__group-standing > strong[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 900;
    white-space: nowrap;
}

.match-overlay__group-record[b-2vohy76lvq],
.match-overlay__group-standing > em[b-2vohy76lvq] {
    color: rgba(203, 213, 225, 0.76);
    font-size: 0.68rem;
    font-weight: 850;
    font-style: normal;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.match-overlay__avatar--group[b-2vohy76lvq] {
    width: 1.55rem;
    height: 1.55rem;
}

.match-overlay__group-match-sections[b-2vohy76lvq] {
    display: grid;
    align-content: start;
    gap: 0.7rem;
}

.match-overlay__group-match-section[b-2vohy76lvq] {
    padding: 0.72rem;
    animation: overlayGroupSectionEnter-b-2vohy76lvq 560ms cubic-bezier(0.16, 0.84, 0.18, 1) both;
}

.match-overlay__group-match-section:nth-child(n + 2)[b-2vohy76lvq] {
    animation-delay: 100ms;
}

.match-overlay__group-match-grid[b-2vohy76lvq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.48rem;
    margin-top: 0.55rem;
}

.match-overlay__group-battle[b-2vohy76lvq] {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr) 3.25rem 4rem;
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    min-height: 3.6rem;
    padding: 0.5rem 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 9px;
    background: rgba(15, 23, 42, 0.58);
    transition: border-color 320ms ease, background 320ms ease, opacity 320ms ease;
}

.match-overlay__group-battle.is-live[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.62);
    background: rgba(251, 191, 36, 0.1);
    box-shadow: 0 0 22px rgba(251, 191, 36, 0.12);
}

.match-overlay__group-battle.is-done[b-2vohy76lvq] {
    background: rgba(15, 23, 42, 0.42);
}

.match-overlay__group-battle .match-overlay__table-number[b-2vohy76lvq] {
    width: 2rem;
    height: 2rem;
    font-size: 0.76rem;
}

.match-overlay__group-battle-players[b-2vohy76lvq] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.match-overlay__group-battle-players > strong[b-2vohy76lvq] {
    display: flex;
    align-items: center;
    gap: 0.32rem;
    min-width: 0;
    overflow: hidden;
    color: #f8fafc;
    font-size: 0.76rem;
    font-weight: 900;
    white-space: nowrap;
}

.match-overlay__group-battle-players > strong:nth-of-type(2)[b-2vohy76lvq] {
    justify-content: flex-end;
    color: rgba(248, 250, 252, 0.88);
}

.match-overlay__group-battle-players > strong > span:not(.match-overlay__avatar)[b-2vohy76lvq] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.match-overlay__group-battle-players > em[b-2vohy76lvq] {
    display: none;
}

.match-overlay__group-battle-players .is-winner[b-2vohy76lvq] {
    color: #fbbf24;
}

.match-overlay__group-battle-players .is-loser[b-2vohy76lvq] {
    color: rgba(203, 213, 225, 0.48);
}

.match-overlay__avatar--group-battle[b-2vohy76lvq] {
    flex: 0 0 auto;
    width: 1.32rem;
    height: 1.32rem;
}

.match-overlay__group-battle .match-overlay__scoreline[b-2vohy76lvq] {
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.match-overlay__group-battle .match-overlay__status[b-2vohy76lvq] {
    min-width: 0;
    color: rgba(203, 213, 225, 0.66);
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(5, 8, 14, 0.42);
}

@keyframes overlayGroupCardEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(-1rem);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes overlayGroupSectionEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(1rem);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.match-overlay__podium-shell[b-2vohy76lvq] {
    position: relative;
    z-index: 2;
    width: min(97rem, 100%);
    animation: overlayPodiumShellEnter-b-2vohy76lvq 680ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay__podium-title-wrap[b-2vohy76lvq] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(8.2rem, 15vh, 12rem);
}

.match-overlay__podium-title-art[b-2vohy76lvq] {
    width: min(26.5rem, 31vw);
    height: 12rem;
    object-fit: contain;
    object-position: center;
    display: block;
    transform: translateY(-0.65rem);
    filter:
        drop-shadow(0 1.1rem 1.9rem rgba(0, 0, 0, 0.42))
        drop-shadow(0 0 1.4rem rgba(251, 191, 36, 0.22));
}

.match-overlay__podium-event-name[b-2vohy76lvq] {
    max-width: 67.5rem;
    min-height: clamp(2.8rem, 5vh, 3.25rem);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: clamp(0.45rem, 1vh, 0.9rem) auto clamp(0.9rem, 1.8vh, 1.6rem);
    padding: 0.5rem 1.65rem 0.58rem;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, 0.28);
    border-radius: 16px;
    background: rgba(5, 8, 14, 0.68);
    box-shadow:
        0 0.9rem 2.1rem rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    color: rgba(251, 191, 36, 0.96);
    font-size: clamp(1.3rem, 1.55vw, 1.88rem);
    font-weight: 950;
    line-height: 1.08;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 5px 18px rgba(0, 0, 0, 0.52);
}

.match-overlay__podium-layout[b-2vohy76lvq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 26.875rem);
    gap: 2.6rem;
    align-items: end;
}

.match-overlay__podium-main[b-2vohy76lvq] {
    min-width: 0;
    padding: clamp(1.45rem, 2.7vh, 2.15rem) 2.85rem 0;
    border: 2px solid rgba(251, 191, 36, 0.28);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(10, 12, 18, 0.92)),
        radial-gradient(circle at 50% 0%, rgba(251, 191, 36, 0.14), transparent 58%);
    box-shadow:
        0 1.75rem 5.25rem rgba(0, 0, 0, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.match-overlay__podium-stage[b-2vohy76lvq] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 1.05rem;
    min-height: min(28rem, 49vh);
}

.match-overlay__podium-spot[b-2vohy76lvq] {
    width: min(17.625rem, 18vw);
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: overlayPodiumSpotEnter-b-2vohy76lvq 640ms cubic-bezier(0.18, 0.86, 0.22, 1) both;
    animation-delay: calc(var(--podium-order, 1) * 90ms);
}

.match-overlay__podium-spot.is-first[b-2vohy76lvq] {
    order: 2;
    animation:
        overlayPodiumSpotEnter-b-2vohy76lvq 640ms cubic-bezier(0.18, 0.86, 0.22, 1) both,
        overlayPodiumChampionPulse-b-2vohy76lvq 2400ms ease-in-out 820ms infinite;
}

.match-overlay__podium-spot.is-second[b-2vohy76lvq] {
    order: 1;
}

.match-overlay__podium-spot.is-third[b-2vohy76lvq] {
    order: 3;
}

.match-overlay__podium-spot.is-fourth[b-2vohy76lvq] {
    order: 4;
}

.match-overlay__podium-spot.is-placeholder[b-2vohy76lvq] {
    opacity: 0.6;
    filter: saturate(0.45);
}

.match-overlay__podium-label[b-2vohy76lvq] {
    margin-bottom: 0.62rem;
    color: rgba(248, 250, 252, 0.58);
    font-size: clamp(0.76rem, 0.86vw, 1rem);
    font-weight: 950;
    letter-spacing: 0.14em;
}

.match-overlay__podium-medal[b-2vohy76lvq] {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #f8fafc, #94a3b8);
    box-shadow: 0 0.9rem 2.25rem rgba(0, 0, 0, 0.36);
    color: #111827;
    font-size: clamp(1.7rem, 2.1vw, 2.12rem);
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__podium-spot.is-first .match-overlay__podium-medal[b-2vohy76lvq] {
    width: 5.75rem;
    height: 5.75rem;
    background: linear-gradient(135deg, #fde68a, #f59e0b 72%);
    box-shadow: 0 0 2.9rem rgba(251, 191, 36, 0.48);
    font-size: clamp(2.2rem, 2.75vw, 2.75rem);
}

.match-overlay__podium-spot.is-third .match-overlay__podium-medal[b-2vohy76lvq] {
    background: linear-gradient(135deg, #f0b36f, #a16207);
    color: #fff7ed;
}

.match-overlay__podium-spot.is-fourth .match-overlay__podium-medal[b-2vohy76lvq] {
    background: linear-gradient(135deg, #cbd5e1, #64748b);
    color: #f8fafc;
}

.match-overlay__podium-name[b-2vohy76lvq] {
    width: 100%;
    max-width: 21.25rem;
    min-height: 3.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.15rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.86);
    color: #f8fafc;
    font-size: clamp(1.3rem, 1.75vw, 2.12rem);
    font-weight: 950;
    line-height: 1.05;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 0.28rem 0.85rem rgba(0, 0, 0, 0.46);
}

.match-overlay__podium-spot.is-first .match-overlay__podium-name[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.34);
    color: var(--overlay-win);
    text-shadow: 0 0 1.1rem rgba(251, 191, 36, 0.34);
}

.match-overlay__podium-record[b-2vohy76lvq] {
    min-height: 1.55rem;
    margin: 0.55rem 0 1rem;
    color: rgba(203, 213, 225, 0.66);
    font-size: clamp(0.76rem, 0.95vw, 0.95rem);
    font-weight: 850;
}

.match-overlay__podium-stand[b-2vohy76lvq] {
    width: 13.75rem;
    height: 13.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 1.35rem;
    border-radius: 18px 18px 0 0;
    background: linear-gradient(180deg, #94a3b8, #475569);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.92);
    font-size: clamp(2.15rem, 2.7vw, 2.62rem);
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__podium-spot.is-first .match-overlay__podium-stand[b-2vohy76lvq] {
    width: 16.25rem;
    height: 16.9rem;
    background: linear-gradient(180deg, #f59e0b, #991b1b);
    box-shadow:
        0 0 3.4rem rgba(245, 158, 11, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
    animation: overlayPodiumStandPulse-b-2vohy76lvq 2000ms ease-in-out 880ms infinite;
}

.match-overlay__podium-spot.is-third .match-overlay__podium-stand[b-2vohy76lvq] {
    height: 10.75rem;
    background: linear-gradient(180deg, #b45309, #713f12);
}

.match-overlay__podium-spot.is-fourth .match-overlay__podium-stand[b-2vohy76lvq] {
    height: 8.25rem;
    background: linear-gradient(180deg, #64748b, #334155);
}

.match-overlay__podium-side[b-2vohy76lvq] {
    align-self: end;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid rgba(248, 250, 252, 0.18);
    border-radius: 20px;
    background: rgba(10, 12, 18, 0.88);
    box-shadow:
        0 1.65rem 4.6rem rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    animation: overlayPodiumSideEnter-b-2vohy76lvq 720ms cubic-bezier(0.18, 0.86, 0.22, 1) 160ms both;
}

.match-overlay__podium-side-title[b-2vohy76lvq] {
    color: #f8fafc;
    font-size: clamp(1.35rem, 1.6vw, 1.88rem);
    font-weight: 950;
}

.match-overlay__podium-side-list[b-2vohy76lvq] {
    display: flex;
    flex-direction: column;
    gap: clamp(0.44rem, 0.75vh, 0.75rem);
}

.match-overlay__podium-side-item[b-2vohy76lvq] {
    min-height: clamp(3rem, 5.1vh, 3.85rem);
    display: grid;
    grid-template-columns: clamp(3.55rem, 4.1vw, 4.4rem) 2.25rem minmax(0, 1fr);
    align-items: center;
    gap: 0.8rem;
    padding: 0 1rem;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.82);
    box-shadow: 0 0.9rem 2.4rem rgba(0, 0, 0, 0.34);
    animation: overlayPodiumSideItemEnter-b-2vohy76lvq 500ms ease-out both;
    animation-delay: calc(var(--podium-order, 5) * 70ms);
}

.match-overlay__podium-side-rank[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.86);
    font-size: clamp(0.9rem, 1.05vw, 1.05rem);
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.match-overlay__podium-side-name[b-2vohy76lvq] {
    min-width: 0;
    overflow: hidden;
    color: #e2e8f0;
    font-size: clamp(1.05rem, 1.45vw, 2.12rem);
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay__podium-side-empty[b-2vohy76lvq] {
    padding: 1.25rem 0;
    color: rgba(226, 232, 240, 0.54);
    font-size: clamp(0.98rem, 1.16vw, 1.25rem);
    font-weight: 850;
}

.match-overlay__podium-confetti[b-2vohy76lvq] {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.match-overlay__podium-confetti i[b-2vohy76lvq] {
    position: absolute;
    top: -1.4rem;
    left: var(--confetti-left);
    width: var(--confetti-size);
    height: var(--confetti-size);
    border-radius: 2px;
    background: var(--confetti-color);
    opacity: 0.9;
    animation: overlayConfettiFall-b-2vohy76lvq var(--confetti-duration) ease-in forwards infinite;
    animation-delay: var(--confetti-delay);
}

.match-overlay__room[b-2vohy76lvq] {
    position: absolute;
    right: 2.4rem;
    bottom: 2.2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.65rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 10px;
    background: rgba(5, 8, 14, 0.66);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(8px);
    z-index: 4;
}

.match-overlay__room span[b-2vohy76lvq] {
    color: rgba(251, 191, 36, 0.9);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
}

.match-overlay__room strong[b-2vohy76lvq] {
    color: #f8fafc;
    font-size: clamp(1rem, 2vw, 1.7rem);
    font-weight: 950;
}

@keyframes overlaySceneEnter-b-2vohy76lvq {
    0% {
        opacity: 0;
        transform: translateY(0.55rem) scale(0.996);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayLiveEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(-1.35rem) scale(0.978);
        filter: blur(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes overlayLiveHudEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-1.2rem) scale(0.982);
        filter: blur(8px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes overlayLiveRoundTagEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-0.5rem) scale(0.96);
        filter: blur(5px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes overlayPairingEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(-0.42rem) scale(0.992);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes overlaySoftPop-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(0.28rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes overlayBracketCardEnter-b-2vohy76lvq {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes overlayBracketLineDraw-b-2vohy76lvq {
    from {
        stroke-dashoffset: 1;
        opacity: 0;
    }
    42% {
        opacity: 1;
    }
    to {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

@keyframes overlayBracketLineDrawMuted-b-2vohy76lvq {
    from {
        stroke-dashoffset: 1;
        opacity: 0;
    }
    to {
        stroke-dashoffset: 0;
        opacity: 0.42;
    }
}

@keyframes overlayBracketNodeIn-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes overlayBracketLogoIn-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-1.1rem) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }
}

@keyframes overlayBracketLabelIn-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes overlayBracketLineDim-b-2vohy76lvq {
    to {
        opacity: 0.42;
        stroke: rgba(100, 116, 139, 0.22);
        stroke-width: 0.18;
        filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.22));
    }
}

@keyframes overlayBracketRouteAdvance-b-2vohy76lvq {
    0% {
        stroke-dashoffset: 1;
        opacity: 0;
    }
    18% {
        opacity: 1;
    }
    70% {
        stroke-width: 0.48;
    }
    100% {
        stroke-dashoffset: 0;
        opacity: 1;
        stroke-width: 0.36;
    }
}

@keyframes overlayBracketRouteWin-b-2vohy76lvq {
    0% {
        stroke-width: 0.3;
        filter:
            drop-shadow(0 0 0 rgba(251, 191, 36, 0))
            drop-shadow(0 0 0 rgba(251, 191, 36, 0));
    }
    42% {
        stroke-width: 0.48;
        filter:
            drop-shadow(0 0 10px rgba(251, 191, 36, 0.58))
            drop-shadow(0 0 28px rgba(251, 191, 36, 0.28));
    }
    100% {
        stroke-width: 0.36;
        filter:
            drop-shadow(0 0 6px rgba(251, 191, 36, 0.42))
            drop-shadow(0 0 16px rgba(251, 191, 36, 0.22));
    }
}

@keyframes overlayBracketWinResolve-b-2vohy76lvq {
    0% {
        border-color: rgba(226, 232, 240, 0.18);
        box-shadow:
            0 18px 54px rgba(0, 0, 0, 0.34),
            inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    42% {
        border-color: rgba(255, 237, 160, 0.98);
        box-shadow:
            0 20px 58px rgba(0, 0, 0, 0.36),
            0 0 34px rgba(251, 191, 36, 0.34),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }
    100% {
        border-color: rgba(251, 191, 36, 0.72);
        box-shadow:
            0 0 24px rgba(251, 191, 36, 0.22),
            0 16px 44px rgba(0, 0, 0, 0.34),
            inset 0 1px 0 rgba(255, 255, 255, 0.14);
    }
}

@keyframes overlayBracketScoreWinResolve-b-2vohy76lvq {
    to {
        background: linear-gradient(180deg, #fbbf24, #f59e0b);
        color: #111827;
        border-color: rgba(255, 255, 255, 0.18);
    }
}

@keyframes overlayBracketLoseResolve-b-2vohy76lvq {
    to {
        color: rgba(148, 163, 184, 0.62);
        border-color: rgba(100, 116, 139, 0.24);
        background: linear-gradient(90deg, rgba(15, 23, 42, 0.58), rgba(10, 12, 18, 0.70));
    }
}

@keyframes overlayBracketFinalImpact-b-2vohy76lvq {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    28% {
        transform: translate(-50%, -50%) scale(1.035);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes overlayBracketFinalCardImpact-b-2vohy76lvq {
    0% {
        transform: scale(1);
    }
    28% {
        transform: scale(1.035);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes overlayBracketFinalShockwave-b-2vohy76lvq {
    0% {
        opacity: 0;
        transform: scale(0.94);
    }
    34% {
        opacity: 0.9;
        transform: scale(1.02);
    }
    100% {
        opacity: 0;
        transform: scale(1.12);
    }
}

@keyframes overlayBracketTargetReveal-b-2vohy76lvq {
    0% {
        opacity: 0;
        transform: translateY(0.28rem);
        filter: blur(4px);
    }
    46% {
        opacity: 1;
        transform: translateY(-0.06rem);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes overlayBracketTargetGlow-b-2vohy76lvq {
    0% {
        filter: brightness(1);
    }
    46% {
        filter: brightness(1.18);
    }
    100% {
        filter: brightness(1);
    }
}

@keyframes overlayBracketHidePlaceholder-b-2vohy76lvq {
    to {
        opacity: 0;
    }
}

@keyframes overlayBracketRevealActual-b-2vohy76lvq {
    to {
        opacity: 1;
    }
}

@keyframes overlayBracketTargetNamePop-b-2vohy76lvq {
    0% {
        opacity: 0;
        transform: translateY(0.25rem);
        filter: blur(4px);
    }
    48% {
        opacity: 1;
        transform: translateY(-0.06rem);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes overlayLivePlayerEnterLeft-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(-3.2rem) translateY(0.42rem) scale(0.972);
        filter: blur(10px) brightness(0.78);
    }
    62% {
        opacity: 1;
        transform: translateX(0.16rem) translateY(-0.06rem) scale(1.006);
        filter: blur(1px) brightness(1.04);
    }
    to {
        opacity: 1;
        transform: translateX(0) translateY(0) scale(1);
        filter: blur(0) brightness(1);
    }
}

@keyframes overlayLivePlayerEnterRight-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(3.2rem) translateY(0.42rem) scale(0.972);
        filter: blur(10px) brightness(0.78);
    }
    62% {
        opacity: 1;
        transform: translateX(-0.16rem) translateY(-0.06rem) scale(1.006);
        filter: blur(1px) brightness(1.04);
    }
    to {
        opacity: 1;
        transform: translateX(0) translateY(0) scale(1);
        filter: blur(0) brightness(1);
    }
}

@keyframes overlayLiveCoreEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: scale(0.9);
        filter: blur(12px) brightness(0.78);
    }
    64% {
        opacity: 1;
        transform: scale(1.026);
        filter: blur(1px) brightness(1.08);
    }
    to {
        opacity: 1;
        transform: scale(1);
        filter: blur(0) brightness(1);
    }
}

@keyframes overlayTeamPreviewHeadEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(-0.55rem);
        filter: blur(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes overlayBracketChampionIn-b-2vohy76lvq {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(1.2rem) scale(0.92);
        filter: blur(7px) brightness(1.4);
    }
    48% {
        opacity: 1;
        transform: translateX(-50%) translateY(-0.12rem) scale(1.025);
        filter: blur(0) brightness(1.12);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
        filter: blur(0) brightness(1);
    }
}

@keyframes overlayPlayerIntroIdentityEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        filter: blur(8px);
        transform: translateX(-2.8rem);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translateX(0);
    }
}

@keyframes overlayPlayerIntroBrandEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        clip-path: inset(0 100% 0 0);
        transform: translateX(-1.5rem);
    }
    to {
        opacity: 1;
        clip-path: inset(0);
        transform: translateX(0);
    }
}

@keyframes overlayPlayerIntroLineEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: rotate(-12deg) scaleX(0);
    }
    to {
        opacity: 1;
        transform: rotate(-12deg) scaleX(1);
    }
}

@keyframes overlayPlayerIntroCareerEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        clip-path: inset(0 0 100% 0);
        transform: translateY(1.5rem);
    }
    to {
        opacity: 1;
        clip-path: inset(0);
        transform: translateY(0);
    }
}

@keyframes overlayPlayerIntroCurrentEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(0.8rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes overlayPlayerIntroHighlightEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        clip-path: inset(0 100% 0 0);
        transform: translateX(0.8rem);
    }
    to {
        opacity: 1;
        clip-path: inset(0);
        transform: translateX(0);
    }
}

@keyframes overlayPlayerIntroStatEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        filter: blur(5px);
        transform: translateY(1.2rem) scale(0.96);
    }
    to {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayPlayerIntroMetricEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(-1rem);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes overlayPlayerIntroTeamEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        clip-path: inset(0 0 0 100%);
        filter: blur(7px);
        transform: translateX(2.4rem);
    }
    to {
        opacity: 1;
        clip-path: inset(0);
        filter: blur(0);
        transform: translateX(0);
    }
}

@keyframes overlayPlayerIntroAvatarRing-b-2vohy76lvq {
    to {
        transform: rotate(360deg);
    }
}

@keyframes overlayTeamPreviewSideEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(1rem) scale(0.984);
        filter: blur(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes overlayTeamPreviewCardEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(0.45rem);
        filter: blur(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes overlayUsageHeaderEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        clip-path: inset(0 100% 0 0);
        transform: translateX(-2.5rem);
    }

    to {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: translateX(0);
    }
}

@keyframes overlayTeamPreviewGridReveal-b-2vohy76lvq {
    from {
        opacity: 0;
        clip-path: inset(0 50% 0 50%);
    }
    to {
        opacity: 1;
        clip-path: inset(0);
    }
}

@keyframes overlayUsageCardEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        clip-path: inset(0 0 100% 0);
        transform: translateY(2.25rem) scale(0.95);
    }

    to {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayUsageHeaderRuleEnter-b-2vohy76lvq {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@keyframes overlayUsageCardRuleEnter-b-2vohy76lvq {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@keyframes overlayUsagePokemonEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(1.25rem) scale(0.72);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayUsageDetailEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(0.65rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes overlayUsageMeterEnter-b-2vohy76lvq {
    from { transform: scaleX(0); }
    to { transform: scaleX(var(--usage-rate)); }
}

@keyframes overlayUsageDetailMeterEnter-b-2vohy76lvq {
    from { transform: scaleX(0); }
    to { transform: scaleX(var(--usage-detail-rate)); }
}

@keyframes overlayUsageDetailListScroll-b-2vohy76lvq {
    0%,
    14% {
        transform: translateY(0);
    }
    86%,
    100% {
        transform: translateY(var(--usage-detail-scroll-offset));
    }
}

@keyframes overlayTeamPreviewVsEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: scale(0.78);
        filter: blur(8px);
    }
    to {
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }
}

@keyframes overlayScorePulse-b-2vohy76lvq {
    0% {
        transform: scale(0.97);
        filter: brightness(1);
    }
    42% {
        transform: scale(1.05);
        filter: brightness(1.18);
    }
    100% {
        transform: scale(1);
        filter: brightness(1);
    }
}

@keyframes overlayScoreValueUpdate-b-2vohy76lvq {
    0% {
        transform: translateY(0) scale(1);
        filter: brightness(1);
    }
    34% {
        transform: translateY(-0.12rem) scale(1.16);
        filter: brightness(1.34);
    }
    62% {
        transform: translateY(0.04rem) scale(0.98);
        filter: brightness(1.12);
    }
    100% {
        transform: translateY(0) scale(1);
        filter: brightness(1);
    }
}

@keyframes overlayScoreChipUpdate-b-2vohy76lvq {
    0% {
        transform: scale(1);
        filter: brightness(1);
    }
    36% {
        transform: scale(1.12);
        filter: brightness(1.28);
    }
    100% {
        transform: scale(1);
        filter: brightness(1);
    }
}

@keyframes overlayResultBg-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: scale(0.9);
        filter: blur(18px);
    }
    to {
        opacity: 0.84;
        transform: scale(1);
        filter: blur(0.3px);
    }
}

@keyframes overlayResultFlare-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: scale(0.72);
    }
    46% {
        opacity: 0.92;
    }
    to {
        opacity: 0.68;
        transform: scale(1);
    }
}

@keyframes overlayResultCardPop-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(1.3rem) scale(0.92);
        filter: blur(12px);
    }
    56% {
        opacity: 1;
        transform: translateY(-0.18rem) scale(1.015);
        filter: blur(1px);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes overlayResultWinnerPulse-b-2vohy76lvq {
    0%,
    100% {
        text-shadow:
            0 0 30px rgba(251, 191, 36, 0.22),
            0 14px 44px rgba(0, 0, 0, 0.6);
    }
    50% {
        text-shadow:
            0 0 44px rgba(251, 191, 36, 0.4),
            0 14px 44px rgba(0, 0, 0, 0.6);
    }
}

@keyframes overlayPodiumShellEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(1.2rem) scale(0.978);
        filter: blur(10px);
    }
    58% {
        opacity: 1;
        transform: translateY(-0.16rem) scale(1.006);
        filter: blur(1px);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes overlayPodiumSpotEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(2rem) scale(0.94);
        filter: blur(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes overlayPodiumChampionPulse-b-2vohy76lvq {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.025);
    }
}

@keyframes overlayPodiumStandPulse-b-2vohy76lvq {
    0%,
    100% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(1.08);
    }
}

@keyframes overlayPodiumSideEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(1.1rem);
        filter: blur(6px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
        filter: blur(0);
    }
}

@keyframes overlayPodiumSideItemEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes overlaySwissEndedShellEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(1.2rem) scale(0.98);
        filter: blur(10px);
    }
    58% {
        opacity: 1;
        transform: translateY(-0.12rem) scale(1.004);
        filter: blur(1px);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes overlaySwissEndedCardEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(0.9rem) scale(0.986);
        filter: blur(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes overlaySwissEndedSideEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateX(1rem);
        filter: blur(6px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
        filter: blur(0);
    }
}

@keyframes overlaySwissEndedRowEnter-b-2vohy76lvq {
    from {
        opacity: 0;
        transform: translateY(0.38rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes overlayListAutoScroll-b-2vohy76lvq {
    0%,
    18% {
        transform: translateY(0);
    }

    58%,
    76% {
        transform: translateY(calc(-1 * var(--overlay-scroll-distance, 0rem)));
    }

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

@keyframes overlayConfettiFall-b-2vohy76lvq {
    0% {
        opacity: 0;
        transform: translateY(-1.4rem) rotate(0deg);
    }
    12% {
        opacity: 0.9;
    }
    100% {
        opacity: 0;
        transform: translateY(110vh) rotate(720deg);
    }
}

@keyframes overlayDoneGlow-b-2vohy76lvq {
    0% {
        box-shadow: 0 0 0 rgba(125, 211, 252, 0), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }
    38% {
        box-shadow: 0 0 18px rgba(125, 211, 252, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }
    100% {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }
}

@keyframes overlayRankScorePulse-b-2vohy76lvq {
    0% {
        box-shadow:
            0 0 0 rgba(251, 191, 36, 0),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }
    34% {
        box-shadow:
            0 0 1.35rem rgba(251, 191, 36, 0.2),
            inset 0 1px 0 rgba(255, 255, 255, 0.11);
    }
    100% {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }
}

@keyframes overlayNameMarquee-b-2vohy76lvq {
    0%,
    18% {
        transform: translateX(0);
    }

    52%,
    70% {
        transform: translateX(calc(-1 * var(--marquee-travel, 4rem)));
    }

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

@media (prefers-reduced-motion: reduce) {
    .match-overlay__group-card[b-2vohy76lvq],
    .match-overlay__group-match-section[b-2vohy76lvq] {
        animation: none !important;
    }

    .match-overlay__scene[b-2vohy76lvq],
    .match-overlay__rank[b-2vohy76lvq],
    .match-overlay__live-match[b-2vohy76lvq],
    .match-overlay__live-round-tag[b-2vohy76lvq],
    .match-overlay__pairing[b-2vohy76lvq],
    .match-overlay__elimination-card[b-2vohy76lvq],
    .match-overlay__elimination-champion[b-2vohy76lvq],
    .match-overlay__elimination-player.is-projected[b-2vohy76lvq],
    .match-overlay__elimination-player.is-reveal-target[b-2vohy76lvq],
    .match-overlay__elimination-reveal-placeholder[b-2vohy76lvq],
    .match-overlay__elimination-reveal-actual[b-2vohy76lvq],
    .match-overlay__elimination-line[b-2vohy76lvq],
    .match-overlay__result-stage[b-2vohy76lvq]::before,
    .match-overlay__result-flare[b-2vohy76lvq],
    .match-overlay__result-card[b-2vohy76lvq],
    .match-overlay__result-title.is-winner[b-2vohy76lvq],
    .match-overlay__result-score[b-2vohy76lvq],
    .match-overlay__podium-shell[b-2vohy76lvq],
    .match-overlay__podium-spot[b-2vohy76lvq],
    .match-overlay__podium-spot.is-first[b-2vohy76lvq],
    .match-overlay__podium-spot.is-first .match-overlay__podium-stand[b-2vohy76lvq],
    .match-overlay__podium-side[b-2vohy76lvq],
    .match-overlay__podium-side-item[b-2vohy76lvq],
    .match-overlay__podium-confetti i[b-2vohy76lvq],
    .match-overlay__se-shell[b-2vohy76lvq],
    .match-overlay__se-card[b-2vohy76lvq],
    .match-overlay__se-right[b-2vohy76lvq],
    .match-overlay__se-row[b-2vohy76lvq],
    .match-overlay__usage-header[b-2vohy76lvq],
    .match-overlay__usage-header[b-2vohy76lvq]::after,
    .match-overlay__usage-card[b-2vohy76lvq],
    .match-overlay__usage-card[b-2vohy76lvq]::after,
    .match-overlay__usage-rank[b-2vohy76lvq],
    .match-overlay__usage-pokemon[b-2vohy76lvq],
    .match-overlay__usage-types[b-2vohy76lvq],
    .match-overlay__usage-card-copy[b-2vohy76lvq],
    .match-overlay__usage-meter i[b-2vohy76lvq],
    .match-overlay__usage-detail-header[b-2vohy76lvq],
    .match-overlay__usage-detail-identity[b-2vohy76lvq],
    .match-overlay__usage-detail-rank[b-2vohy76lvq],
    .match-overlay__usage-detail-types[b-2vohy76lvq],
    .match-overlay__usage-detail-pokemon[b-2vohy76lvq],
    .match-overlay__usage-detail-rate[b-2vohy76lvq],
    .match-overlay__usage-detail-rate > div i[b-2vohy76lvq],
    .match-overlay__usage-detail-natures[b-2vohy76lvq],
    .match-overlay__usage-detail-nature > div i[b-2vohy76lvq],
    .match-overlay__usage-detail-section[b-2vohy76lvq],
    .match-overlay__usage-detail-track[b-2vohy76lvq],
    .match-overlay__usage-detail-item > div b[b-2vohy76lvq],
    .match-overlay__player-intro-brand[b-2vohy76lvq],
    .match-overlay__player-intro-backdrop i[b-2vohy76lvq],
    .match-overlay__team-preview-head[b-2vohy76lvq],
    .match-overlay__team-preview-grid--versus[b-2vohy76lvq],
    .match-overlay__team-preview-side[b-2vohy76lvq],
    .match-overlay__team-preview-vs[b-2vohy76lvq],
    .match-overlay__player-intro-identity[b-2vohy76lvq],
    .match-overlay__player-intro-career[b-2vohy76lvq],
    .match-overlay__player-intro-avatar-wrap[b-2vohy76lvq]::before,
    .match-overlay__player-intro-current[b-2vohy76lvq],
    .match-overlay__player-intro-record > div[b-2vohy76lvq],
    .match-overlay__player-intro-metrics > div[b-2vohy76lvq],
    .match-overlay__player-intro-highlights > header[b-2vohy76lvq],
    .match-overlay__player-intro-highlight[b-2vohy76lvq],
    .match-overlay__player-intro-highlights-empty[b-2vohy76lvq],
    .match-overlay__player-intro-team[b-2vohy76lvq],
    .match-overlay__scroll-track[b-2vohy76lvq],
    .match-overlay__marquee-text.is-overflowing > span[b-2vohy76lvq],
    .match-overlay__scoreline[b-2vohy76lvq],
    .match-overlay__score-value[b-2vohy76lvq],
    .match-overlay__elimination-score[b-2vohy76lvq],
    .match-overlay__live-player-score[b-2vohy76lvq],
    .match-overlay__live-core-score-value[b-2vohy76lvq] {
        animation: none !important;
    }

    .match-overlay__rank[b-2vohy76lvq] {
        transform: none !important;
    }

    .match-overlay__progress i[b-2vohy76lvq],
    .match-overlay__elimination-progress i[b-2vohy76lvq],
    .match-overlay__player strong[b-2vohy76lvq],
    .match-overlay__score-value[b-2vohy76lvq],
    .match-overlay__elimination-score[b-2vohy76lvq],
    .match-overlay__live-player-score[b-2vohy76lvq],
    .match-overlay__live-core-score-value[b-2vohy76lvq] {
        transition: none !important;
    }

    .match-overlay__elimination-line[b-2vohy76lvq] {
        stroke-dashoffset: 0 !important;
    }

    .match-overlay__elimination-reveal-placeholder[b-2vohy76lvq] {
        opacity: 0 !important;
    }

    .match-overlay__elimination-reveal-actual[b-2vohy76lvq] {
        opacity: 1 !important;
    }
}

.match-overlay__scene.is-exiting[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__rank[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__live-match[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__live-round-tag[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__pairing[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-card[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__podium-shell[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__podium-spot[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__podium-side[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__podium-side-item[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__se-shell[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__se-card[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__se-right[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__se-row[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__usage-header[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__usage-card[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__usage-detail-header[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__usage-detail-identity[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__usage-detail-natures[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__usage-detail-section[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__usage-detail-track[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__team-preview-head[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__team-preview-side[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__team-preview-vs[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__scroll-track[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__marquee-text.is-overflowing > span[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__scoreline[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__score-value[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-score[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__live-player-score[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__live-core-score-value[b-2vohy76lvq] {
    animation: none !important;
}

.match-overlay__scene.is-exiting .match-overlay__elimination-line[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-node[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-final-card[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-final-half[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-phase-pill[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-title-art[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-round-label[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-reveal-placeholder[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-reveal-actual[b-2vohy76lvq] {
    animation: none !important;
}

.match-overlay__scene.is-exiting .match-overlay__elimination-line[b-2vohy76lvq] {
    opacity: 1 !important;
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
}

.match-overlay__scene.is-exiting .match-overlay__elimination-line.is-lost-route[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-line.is-future-route[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-line.is-waiting-route[b-2vohy76lvq] {
    opacity: 0.42 !important;
}

.match-overlay__scene.is-exiting .match-overlay__elimination-node[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-final-card[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-final-half[b-2vohy76lvq] {
    opacity: 1 !important;
}

.match-overlay__scene.is-exiting .match-overlay__elimination-node.is-winner[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-final-half.is-winner[b-2vohy76lvq] {
    border-color: rgba(251, 191, 36, 0.72);
    box-shadow:
        0 18px 54px rgba(0, 0, 0, 0.36),
        0 0 28px rgba(251, 191, 36, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.match-overlay__scene.is-exiting .match-overlay__elimination-node.is-winner .match-overlay__elimination-score[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-final-half.is-winner .match-overlay__elimination-score[b-2vohy76lvq] {
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    color: #111827;
    border-color: rgba(255, 255, 255, 0.18);
}

.match-overlay__scene.is-exiting .match-overlay__elimination-node.is-loser[b-2vohy76lvq],
.match-overlay__scene.is-exiting .match-overlay__elimination-final-half.is-loser[b-2vohy76lvq] {
    color: rgba(148, 163, 184, 0.62);
    border-color: rgba(100, 116, 139, 0.24);
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.58), rgba(10, 12, 18, 0.70));
}

.match-overlay__scene.is-exiting .match-overlay__elimination-reveal-placeholder[b-2vohy76lvq] {
    opacity: 0 !important;
}

.match-overlay__scene.is-exiting .match-overlay__elimination-reveal-actual[b-2vohy76lvq] {
    opacity: 1 !important;
}

.match-overlay__scene.is-exiting .match-overlay__elimination-final-card.is-done.has-winner[b-2vohy76lvq]::after {
    animation: none !important;
    opacity: 0 !important;
}

@media (max-aspect-ratio: 4/3) {
    .match-overlay__overview-board[b-2vohy76lvq] {
        inset: 4.5rem 2.2rem 2.2rem;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(20rem, 0.85fr) minmax(0, 1fr);
    }

    .match-overlay__group-board[b-2vohy76lvq] {
        inset: 4.5rem 2.2rem 2.2rem;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(20rem, 1fr) minmax(20rem, 1fr);
    }

    .match-overlay__pairings[b-2vohy76lvq] {
        grid-template-columns: 1fr;
    }

    .match-overlay__elimination-stage[b-2vohy76lvq] {
        inset: 4.5rem 1.4rem 2rem;
    }

    .match-overlay__elimination-card[b-2vohy76lvq] {
        width: min(28vw, 15rem);
    }

    .match-overlay__elimination-card--final[b-2vohy76lvq] {
        width: min(34vw, 20rem);
    }

    .match-overlay__live-match[b-2vohy76lvq] {
        top: 5rem;
        width: min(52rem, calc(100vw - 3rem));
        grid-template-columns: minmax(0, 1fr);
        gap: 0.5rem;
    }

    .match-overlay__live-core[b-2vohy76lvq] {
        order: -1;
        justify-self: center;
        min-height: 7.5rem;
    }

    .match-overlay__live-stage:not(.is-elimination) .match-overlay__live-core[b-2vohy76lvq] {
        min-height: 10.75rem;
    }

    .match-overlay__live-logo[b-2vohy76lvq] {
        width: 17rem;
        top: -3rem;
    }

    .match-overlay__live-round-tag[b-2vohy76lvq] {
        top: 19rem;
    }

    .match-overlay__live-stage:not(.is-elimination) .match-overlay__live-round-tag[b-2vohy76lvq] {
        top: 26rem;
    }

    .match-overlay__team-preview[b-2vohy76lvq] {
        inset: 4.5rem 1.4rem 2rem;
    }

    .match-overlay__team-preview-grid--single[b-2vohy76lvq] {
        width: auto;
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .match-overlay__team-preview-grid--versus[b-2vohy76lvq] {
        grid-template-columns: minmax(0, 1fr) 2.4rem minmax(0, 1fr);
        gap: 0.3rem;
    }

    .match-overlay__team-preview-vs[b-2vohy76lvq] {
        width: 2.4rem;
        height: 2.4rem;
        font-size: 0.78rem;
    }

    .match-overlay__team-preview-side[b-2vohy76lvq] {
        padding: 0.8rem;
    }

    .match-overlay__team-preview-side--right header[b-2vohy76lvq] {
        text-align: left;
    }

    .match-overlay__podium[b-2vohy76lvq] {
        padding: 4.8rem 1.8rem 2rem;
    }

    .match-overlay__podium-layout[b-2vohy76lvq] {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .match-overlay__podium-stage[b-2vohy76lvq] {
        min-height: 31rem;
        gap: 0.62rem;
    }

    .match-overlay__podium-spot[b-2vohy76lvq] {
        width: min(21vw, 13.6rem);
    }

    .match-overlay__podium-main[b-2vohy76lvq] {
        padding: 1.5rem 1rem 0;
    }

    .match-overlay__podium-side[b-2vohy76lvq] {
        width: 100%;
    }

    .match-overlay__swiss-ended[b-2vohy76lvq] {
        inset: 4.5rem 2rem 2rem;
    }

    .match-overlay__se-shell[b-2vohy76lvq] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) minmax(16rem, 0.62fr);
    }

    .match-overlay__se-logo[b-2vohy76lvq] {
        width: 16rem;
        max-width: 54%;
    }

    .match-overlay__se-left h1[b-2vohy76lvq] {
        font-size: 3.4rem;
    }

    .match-overlay__player--right[b-2vohy76lvq] {
        text-align: left;
    }

    .match-overlay__player--right .match-overlay__record[b-2vohy76lvq],
    .match-overlay__player--right .match-overlay__live-player-score[b-2vohy76lvq] {
        order: 0;
    }
}
/* /Shared/MatchOverlayTeamCard.razor.rz.scp.css */
.match-overlay-team-card[b-5iaodpnbci] {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    color: #f8fafc;
    text-shadow: none;
}

.match-overlay-team-card--compact[b-5iaodpnbci] {
    width: 100%;
    height: 100%;
}

.match-overlay-team-card__empty[b-5iaodpnbci] {
    height: 100%;
    min-height: 16rem;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 0.5rem;
    border: 1px dashed rgba(148, 163, 184, 0.34);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.46);
    text-align: center;
}

.match-overlay-team-card__empty span[b-5iaodpnbci] {
    color: rgba(125, 211, 252, 0.88);
    font-size: 0.86rem;
    font-weight: 950;
    letter-spacing: 0.12em;
}

.match-overlay-team-card__empty strong[b-5iaodpnbci] {
    color: rgba(248, 250, 252, 0.86);
    font-size: 1.2rem;
    font-weight: 950;
}
/* /Shared/MatchOverlayVersusIntro.razor.rz.scp.css */
.match-overlay-versus-intro[b-n5qna15rs7] {
    --versus-stage-accent: #fbbf24;
    position: fixed;
    z-index: 8;
    inset: 0;
    overflow: hidden;
    isolation: isolate;
    background: #020611;
    color: #f8fafc;
    animation: overlayVersusIntroBackdrop-b-n5qna15rs7 4.65s linear both;
}

.match-overlay-versus-intro[data-intro-stage="semifinal"][b-n5qna15rs7] {
    --versus-stage-accent: #fb7185;
}

.match-overlay-versus-intro[data-intro-stage="quarterfinal"][b-n5qna15rs7] {
    --versus-stage-accent: #38bdf8;
}

.match-overlay-versus-intro[data-intro-stage="round-of-16"][b-n5qna15rs7] {
    --versus-stage-accent: #a78bfa;
}

.match-overlay-versus-intro[data-intro-stage="swiss-round"][b-n5qna15rs7] {
    --versus-stage-accent: #34d399;
}

.match-overlay-versus-intro[b-n5qna15rs7]::before,
.match-overlay-versus-intro[b-n5qna15rs7]::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    height: 1px;
    background: rgba(148, 163, 184, 0.18);
}

.match-overlay-versus-intro[b-n5qna15rs7]::before {
    top: 12%;
}

.match-overlay-versus-intro[b-n5qna15rs7]::after {
    bottom: 12%;
}

.match-overlay-versus-intro__side[b-n5qna15rs7] {
    position: absolute;
    z-index: 2;
    top: 17%;
    bottom: 17%;
    width: 53%;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #08111f;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.38);
}

.match-overlay-versus-intro__side[b-n5qna15rs7]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0.38rem;
    background: var(--versus-accent);
    box-shadow: 0 0 1.6rem color-mix(in srgb, var(--versus-accent) 58%, transparent);
}

.match-overlay-versus-intro__side--left[b-n5qna15rs7] {
    --versus-accent: #38bdf8;
    --versus-copy-x: -1.1rem;
    --versus-copy-y: 2.6rem;
    left: 0;
    justify-content: flex-start;
    clip-path: polygon(0 0, 91% 0, 100% 50%, 91% 100%, 0 100%);
    border-top: 1px solid rgba(56, 189, 248, 0.34);
    border-bottom: 1px solid rgba(56, 189, 248, 0.34);
    animation: overlayVersusIntroLeft-b-n5qna15rs7 4.55s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro__side--left[b-n5qna15rs7]::before {
    left: 0;
}

.match-overlay-versus-intro__side--right[b-n5qna15rs7] {
    --versus-accent: #fb7185;
    --versus-copy-x: 1.1rem;
    --versus-copy-y: -2.6rem;
    right: 0;
    justify-content: flex-end;
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 9% 100%, 0 50%);
    border-top: 1px solid rgba(251, 113, 133, 0.34);
    border-bottom: 1px solid rgba(251, 113, 133, 0.34);
    animation: overlayVersusIntroRight-b-n5qna15rs7 4.55s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro__side--right[b-n5qna15rs7]::before {
    right: 0;
}

.match-overlay-versus-intro__player[b-n5qna15rs7] {
    position: relative;
    z-index: 1;
    width: 88%;
    min-width: 0;
    display: grid;
    grid-template-columns: 9.5rem minmax(0, 1fr);
    align-items: center;
    gap: 2rem;
}

.match-overlay-versus-intro__team[b-n5qna15rs7] {
    position: absolute;
    z-index: 0;
    top: 50%;
    width: 22rem;
    height: 16rem;
    opacity: 0.84;
    transform: translateY(-50%);
    filter: saturate(0.82);
}

.match-overlay-versus-intro__team--left[b-n5qna15rs7] {
    right: 13%;
}

.match-overlay-versus-intro__team--right[b-n5qna15rs7] {
    left: 13%;
}

.match-overlay-versus-intro__side--left .match-overlay-versus-intro__player[b-n5qna15rs7] {
    margin-left: 4.5rem;
    animation: overlayVersusIntroPlayerRise-b-n5qna15rs7 1.1s cubic-bezier(0.22, 0.62, 0.36, 1) 220ms both;
}

.match-overlay-versus-intro__side--right .match-overlay-versus-intro__player[b-n5qna15rs7] {
    grid-template-columns: minmax(0, 1fr) 9.5rem;
    margin-right: 4.5rem;
    animation: overlayVersusIntroPlayerDrop-b-n5qna15rs7 1.1s cubic-bezier(0.22, 0.62, 0.36, 1) 220ms both;
}

.match-overlay-versus-intro__side--right .match-overlay-versus-intro__portrait[b-n5qna15rs7] {
    grid-column: 2;
}

.match-overlay-versus-intro__side--right .match-overlay-versus-intro__identity[b-n5qna15rs7] {
    grid-column: 1;
    grid-row: 1;
    justify-items: end;
    text-align: right;
}

.match-overlay-versus-intro__portrait[b-n5qna15rs7] {
    position: relative;
    width: 9.5rem;
    height: 9.5rem;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--versus-accent) 52%, transparent);
    clip-path: polygon(12% 0, 100% 0, 100% 88%, 88% 100%, 0 100%, 0 12%);
    background: #0d192a;
    box-shadow: inset 0 0 0 0.35rem rgba(2, 6, 17, 0.72);
}

.match-overlay-versus-intro__portrait img[b-n5qna15rs7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.match-overlay-versus-intro__identity[b-n5qna15rs7] {
    min-width: 0;
    display: grid;
    gap: 0.52rem;
}

.match-overlay-versus-intro__identity small[b-n5qna15rs7] {
    color: var(--versus-accent);
    font-size: 0.9rem;
    font-weight: 950;
    letter-spacing: 0;
}

.match-overlay-versus-intro__identity strong[b-n5qna15rs7] {
    min-width: 0;
    overflow: hidden;
    color: #f8fafc;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 0.45rem 1.2rem rgba(0, 0, 0, 0.38);
}

.match-overlay-versus-intro__identity span[b-n5qna15rs7] {
    min-width: 0;
    overflow: hidden;
    color: rgba(226, 232, 240, 0.72);
    font-size: 1.08rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-overlay-versus-intro__identity small[b-n5qna15rs7],
.match-overlay-versus-intro__identity strong[b-n5qna15rs7],
.match-overlay-versus-intro__identity span[b-n5qna15rs7],
.match-overlay-versus-intro__portrait[b-n5qna15rs7] {
    animation: overlayVersusIntroCopy-b-n5qna15rs7 520ms cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro__portrait[b-n5qna15rs7] {
    animation-delay: 420ms;
}

.match-overlay-versus-intro__identity small[b-n5qna15rs7] {
    animation-delay: 560ms;
}

.match-overlay-versus-intro__identity strong[b-n5qna15rs7] {
    animation-delay: 680ms;
}

.match-overlay-versus-intro__identity span[b-n5qna15rs7] {
    animation-delay: 820ms;
}

.match-overlay-versus-intro__rail[b-n5qna15rs7] {
    position: absolute;
    z-index: 5;
    top: -12%;
    bottom: -12%;
    left: 50%;
    width: 0.18rem;
    margin-left: -0.09rem;
    background: #fbbf24;
    box-shadow: 0 0 1.8rem rgba(251, 191, 36, 0.48);
    transform: rotate(10deg) scaleY(0);
    transform-origin: center;
    animation: overlayVersusIntroRail-b-n5qna15rs7 4.4s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro__core[b-n5qna15rs7] {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    width: 8.5rem;
    height: 10.5rem;
    margin: -5.25rem 0 0 -4.25rem;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 0.35rem;
    clip-path: polygon(50% 0, 100% 18%, 88% 82%, 50% 100%, 12% 82%, 0 18%);
    border: 1px solid rgba(251, 191, 36, 0.48);
    background: #030712;
    box-shadow: 0 0 2.8rem rgba(251, 191, 36, 0.18);
    animation: overlayVersusIntroCore-b-n5qna15rs7 4.4s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro__core span[b-n5qna15rs7],
.match-overlay-versus-intro__core small[b-n5qna15rs7] {
    color: rgba(226, 232, 240, 0.58);
    font-size: 0.58rem;
    font-weight: 950;
    letter-spacing: 0;
}

.match-overlay-versus-intro__core strong[b-n5qna15rs7] {
    color: #fbbf24;
    font-size: 2.7rem;
    line-height: 1;
    font-weight: 950;
    text-shadow: 0 0 1.2rem rgba(251, 191, 36, 0.28);
}

.match-overlay-versus-intro__stage-title[b-n5qna15rs7] {
    position: absolute;
    z-index: 6;
    top: 21.5%;
    left: 50%;
    width: 36rem;
    min-height: 8.2rem;
    margin-left: -18rem;
    display: none;
    align-content: center;
    justify-items: center;
    gap: 0.42rem;
    overflow: hidden;
    clip-path: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0 50%);
    border-top: 2px solid var(--versus-stage-accent);
    border-bottom: 2px solid var(--versus-stage-accent);
    background: #030712;
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--versus-stage-accent) 22%, transparent),
        0 0 3.4rem color-mix(in srgb, var(--versus-stage-accent) 30%, transparent);
    text-align: center;
}

.match-overlay-versus-intro__stage-title[b-n5qna15rs7]::after {
    content: "";
    position: absolute;
    right: 14%;
    bottom: 0;
    left: 14%;
    height: 0.28rem;
    background: var(--versus-stage-accent);
    box-shadow: 0 0 1.5rem color-mix(in srgb, var(--versus-stage-accent) 72%, transparent);
}

.match-overlay-versus-intro__stage-title strong[b-n5qna15rs7] {
    max-width: 90%;
    overflow: hidden;
    color: #f8fafc;
    font-size: 3.25rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 0.45rem 1.4rem rgba(0, 0, 0, 0.46);
}

.match-overlay-versus-intro__stage-title span[b-n5qna15rs7] {
    color: var(--versus-stage-accent);
    font-size: 1.4rem;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: 0;
}

.match-overlay-versus-intro__finale-flash[b-n5qna15rs7],
.match-overlay-versus-intro__finale-burst[b-n5qna15rs7] {
    display: none;
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.match-overlay-versus-intro.has-stage-title .match-overlay-versus-intro__core[b-n5qna15rs7] {
    border-color: color-mix(in srgb, var(--versus-stage-accent) 72%, transparent);
    box-shadow: 0 0 3.2rem color-mix(in srgb, var(--versus-stage-accent) 24%, transparent);
}

.match-overlay-versus-intro.has-stage-title .match-overlay-versus-intro__core strong[b-n5qna15rs7] {
    color: var(--versus-stage-accent);
    font-size: 3.35rem;
}

.match-overlay-versus-intro.has-stage-title .match-overlay-versus-intro__stage-title[b-n5qna15rs7] {
    display: grid;
    animation: overlayVersusStageTitle-b-n5qna15rs7 4.4s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro.is-finale[b-n5qna15rs7] {
    animation: overlayVersusFinaleBackdrop-b-n5qna15rs7 4.65s cubic-bezier(0.16, 0.76, 0.2, 1) both;
    transform-origin: center;
}

.match-overlay-versus-intro.is-finale .match-overlay-versus-intro__side--left[b-n5qna15rs7] {
    animation: overlayVersusFinaleLeft-b-n5qna15rs7 4.52s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro.is-finale .match-overlay-versus-intro__side--right[b-n5qna15rs7] {
    animation: overlayVersusFinaleRight-b-n5qna15rs7 4.52s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro.is-finale .match-overlay-versus-intro__rail[b-n5qna15rs7] {
    animation: overlayVersusFinaleRail-b-n5qna15rs7 4.48s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro.is-finale .match-overlay-versus-intro__core[b-n5qna15rs7] {
    animation: overlayVersusFinaleCore-b-n5qna15rs7 4.52s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro.is-finale .match-overlay-versus-intro__stage-title[b-n5qna15rs7] {
    animation: overlayVersusFinaleStageTitle-b-n5qna15rs7 4.52s cubic-bezier(0.16, 0.86, 0.22, 1) both;
}

.match-overlay-versus-intro.is-finale .match-overlay-versus-intro__finale-flash[b-n5qna15rs7] {
    z-index: 7;
    display: block;
    background: #f8d46a;
    animation: overlayVersusFinaleFlash-b-n5qna15rs7 4.6s linear both;
}

.match-overlay-versus-intro.is-finale .match-overlay-versus-intro__finale-burst[b-n5qna15rs7] {
    z-index: 8;
    display: block;
}

.match-overlay-versus-intro__finale-burst i[b-n5qna15rs7] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.55rem;
    height: 6.4rem;
    display: block;
    clip-path: polygon(35% 0, 100% 12%, 62% 100%, 0 82%);
    background: #fbbf24;
    opacity: 0;
}

.match-overlay-versus-intro.is-finale .match-overlay-versus-intro__finale-burst i[b-n5qna15rs7] {
    animation: overlayVersusFinaleShard-b-n5qna15rs7 4.58s cubic-bezier(0.12, 0.82, 0.2, 1) var(--burst-delay) both;
}

.match-overlay-versus-intro__finale-burst i:nth-child(3n + 2)[b-n5qna15rs7] {
    width: 0.4rem;
    height: 4.8rem;
    background: #38bdf8;
}

.match-overlay-versus-intro__finale-burst i:nth-child(3n)[b-n5qna15rs7] {
    width: 0.48rem;
    height: 5.6rem;
    background: #fb7185;
}

@media (max-width: 1500px), (max-height: 820px) {
    .match-overlay-versus-intro__side[b-n5qna15rs7] {
        top: 14%;
        bottom: 14%;
    }

    .match-overlay-versus-intro__player[b-n5qna15rs7] {
        grid-template-columns: 6.5rem minmax(0, 1fr);
        gap: 1rem;
    }

    .match-overlay-versus-intro__side--right .match-overlay-versus-intro__player[b-n5qna15rs7] {
        grid-template-columns: minmax(0, 1fr) 6.5rem;
    }

    .match-overlay-versus-intro__side--left .match-overlay-versus-intro__player[b-n5qna15rs7] {
        margin-left: 2rem;
    }

    .match-overlay-versus-intro__side--right .match-overlay-versus-intro__player[b-n5qna15rs7] {
        margin-right: 2rem;
    }

    .match-overlay-versus-intro__portrait[b-n5qna15rs7] {
        width: 6.5rem;
        height: 6.5rem;
    }

    .match-overlay-versus-intro__team[b-n5qna15rs7] {
        width: 13rem;
        height: 9.5rem;
        opacity: 0.8;
    }

    .match-overlay-versus-intro__identity[b-n5qna15rs7] {
        gap: 0.35rem;
    }

    .match-overlay-versus-intro__identity small[b-n5qna15rs7] {
        font-size: 0.72rem;
    }

    .match-overlay-versus-intro__identity strong[b-n5qna15rs7] {
        font-size: 2rem;
    }

    .match-overlay-versus-intro__identity span[b-n5qna15rs7] {
        font-size: 0.82rem;
    }

    .match-overlay-versus-intro__core[b-n5qna15rs7] {
        width: 6rem;
        height: 7.5rem;
        margin: -3.75rem 0 0 -3rem;
    }

    .match-overlay-versus-intro__core strong[b-n5qna15rs7] {
        font-size: 2rem;
    }

    .match-overlay-versus-intro__core span[b-n5qna15rs7],
    .match-overlay-versus-intro__core small[b-n5qna15rs7] {
        font-size: 0.48rem;
    }

    .match-overlay-versus-intro__stage-title[b-n5qna15rs7] {
        top: 18%;
        width: 30rem;
        min-height: 6.4rem;
        margin-left: -15rem;
        gap: 0.3rem;
    }

    .match-overlay-versus-intro__stage-title strong[b-n5qna15rs7] {
        font-size: 2.35rem;
    }

    .match-overlay-versus-intro__stage-title span[b-n5qna15rs7] {
        font-size: 1.2rem;
    }

    .match-overlay-versus-intro.has-stage-title .match-overlay-versus-intro__core strong[b-n5qna15rs7] {
        font-size: 2.35rem;
    }
}

@keyframes overlayVersusIntroBackdrop-b-n5qna15rs7 {
    0%, 91% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes overlayVersusIntroLeft-b-n5qna15rs7 {
    0% {
        opacity: 0;
        transform: translate(-22%, 18%);
    }
    19%, 82% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(-28%, -12%);
    }
}

@keyframes overlayVersusIntroRight-b-n5qna15rs7 {
    0% {
        opacity: 0;
        transform: translate(22%, -18%);
    }
    19%, 82% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(28%, 12%);
    }
}

@keyframes overlayVersusIntroPlayerRise-b-n5qna15rs7 {
    from {
        opacity: 0;
        clip-path: inset(100% 0 0 0);
        transform: translate(-2.8rem, 12rem);
    }
    68% {
        opacity: 1;
        clip-path: inset(0);
        transform: translate(0.15rem, -0.3rem);
    }
    to {
        opacity: 1;
        clip-path: inset(0);
        transform: translate(0, 0);
    }
}

@keyframes overlayVersusIntroPlayerDrop-b-n5qna15rs7 {
    from {
        opacity: 0;
        clip-path: inset(0 0 100% 0);
        transform: translate(2.8rem, -12rem);
    }
    68% {
        opacity: 1;
        clip-path: inset(0);
        transform: translate(-0.15rem, 0.3rem);
    }
    to {
        opacity: 1;
        clip-path: inset(0);
        transform: translate(0, 0);
    }
}

@keyframes overlayVersusIntroCopy-b-n5qna15rs7 {
    from {
        opacity: 0;
        transform: translate(var(--versus-copy-x, 0), var(--versus-copy-y, 1rem));
        filter: blur(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes overlayVersusIntroRail-b-n5qna15rs7 {
    0%, 12% {
        opacity: 0;
        transform: rotate(10deg) scaleY(0);
    }
    20%, 84% {
        opacity: 1;
        transform: rotate(10deg) scaleY(1);
    }
    100% {
        opacity: 0;
        transform: rotate(10deg) scaleY(1.2);
    }
}

@keyframes overlayVersusIntroCore-b-n5qna15rs7 {
    0%, 16% {
        opacity: 0;
        transform: scale(0.68);
        filter: blur(8px);
    }
    25% {
        opacity: 1;
        transform: scale(1.08);
        filter: blur(0);
    }
    31%, 84% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }
    100% {
        opacity: 0;
        transform: scale(1.18);
        filter: blur(4px);
    }
}

@keyframes overlayVersusStageTitle-b-n5qna15rs7 {
    0%, 12% {
        opacity: 0;
        transform: translateY(-2.4rem) scale(0.82);
        filter: blur(7px);
    }
    22% {
        opacity: 1;
        transform: translateY(0.2rem) scale(1.05);
        filter: blur(0);
    }
    29%, 84% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-1.6rem) scale(1.12);
        filter: blur(4px);
    }
}

@keyframes overlayVersusFinaleBackdrop-b-n5qna15rs7 {
    0%, 34% {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        filter: brightness(1);
    }
    78% {
        opacity: 1;
        visibility: visible;
        transform: scale(1.055);
        filter: brightness(1.04);
    }
    88% {
        opacity: 1;
        visibility: visible;
        transform: scale(1.095);
        filter: brightness(1.12);
    }
    94% {
        opacity: 0.96;
        visibility: visible;
        transform: scale(1.14);
        filter: brightness(1.28);
    }
    100% {
        opacity: 0;
        visibility: hidden;
        transform: scale(1.22);
        filter: brightness(1.5) blur(5px);
    }
}

@keyframes overlayVersusFinaleLeft-b-n5qna15rs7 {
    0% {
        opacity: 0;
        transform: translate(-22%, 18%);
    }
    20%, 78% {
        opacity: 1;
        transform: translate(0, 0);
    }
    88% {
        opacity: 1;
        transform: translate(-1.5%, -0.8%) scale(1.025);
    }
    100% {
        opacity: 0;
        transform: translate(-42%, -30%) rotate(-4deg) scale(1.12);
    }
}

@keyframes overlayVersusFinaleRight-b-n5qna15rs7 {
    0% {
        opacity: 0;
        transform: translate(22%, -18%);
    }
    20%, 78% {
        opacity: 1;
        transform: translate(0, 0);
    }
    88% {
        opacity: 1;
        transform: translate(1.5%, 0.8%) scale(1.025);
    }
    100% {
        opacity: 0;
        transform: translate(42%, 30%) rotate(4deg) scale(1.12);
    }
}

@keyframes overlayVersusFinaleRail-b-n5qna15rs7 {
    0%, 12% {
        opacity: 0;
        transform: rotate(10deg) scaleY(0);
    }
    24%, 82% {
        opacity: 1;
        transform: rotate(10deg) scaleY(1);
    }
    91% {
        opacity: 1;
        transform: rotate(10deg) scaleY(1.28);
        box-shadow: 0 0 3.2rem rgba(251, 191, 36, 0.8);
    }
    100% {
        opacity: 0;
        transform: rotate(10deg) scaleY(2.4) scaleX(5);
    }
}

@keyframes overlayVersusFinaleCore-b-n5qna15rs7 {
    0%, 16% {
        opacity: 0;
        transform: scale(0.68);
        filter: blur(8px);
    }
    27% {
        opacity: 1;
        transform: scale(1.1);
        filter: blur(0);
    }
    36% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }
    78% {
        opacity: 1;
        transform: scale(1.14);
        filter: blur(0);
    }
    88% {
        opacity: 1;
        transform: scale(1.42);
        filter: brightness(1.22);
    }
    100% {
        opacity: 0;
        transform: scale(2.5) rotate(4deg);
        filter: brightness(1.7) blur(8px);
    }
}

@keyframes overlayVersusFinaleStageTitle-b-n5qna15rs7 {
    0%, 14% {
        opacity: 0;
        transform: translateY(-2.8rem) scale(0.78);
        filter: blur(8px);
    }
    27% {
        opacity: 1;
        transform: translateY(0.2rem) scale(1.08);
        filter: blur(0);
    }
    36%, 72% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
    82% {
        opacity: 1;
        transform: translateY(0) scale(1.08);
        filter: brightness(1.08);
    }
    90% {
        opacity: 1;
        transform: translateY(1rem) scale(1.1);
        filter: brightness(1.24);
    }
    100% {
        opacity: 0;
        transform: translateY(-1.5rem) scale(1.65);
        filter: brightness(1.7) blur(8px);
    }
}

@keyframes overlayVersusFinaleFlash-b-n5qna15rs7 {
    0%, 86% {
        opacity: 0;
    }
    88% {
        opacity: 0.08;
    }
    90% {
        opacity: 0.28;
    }
    93%, 100% {
        opacity: 0;
    }
}

@keyframes overlayVersusFinaleShard-b-n5qna15rs7 {
    0%, 85% {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(var(--burst-r)) scaleY(0.12);
    }
    88% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(var(--burst-r)) scaleY(0.7);
    }
    100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--burst-x)), calc(-50% + var(--burst-y))) rotate(calc(var(--burst-r) + 78deg)) scaleY(1.35);
    }
}

@media (prefers-reduced-motion: reduce) {
    .match-overlay-versus-intro[b-n5qna15rs7] {
        display: none;
        animation: none !important;
    }

    .match-overlay-versus-intro *[b-n5qna15rs7],
    .match-overlay-versus-intro *[b-n5qna15rs7]::before,
    .match-overlay-versus-intro *[b-n5qna15rs7]::after {
        animation: none !important;
    }
}
/* /Shared/MatchPlayerGrid.razor.rz.scp.css */
.match-manager__grid-shell[b-kl7esaiz73] {
    overflow-x: auto;
}

.match-manager__grid-hint[b-kl7esaiz73] {
    display: none;
    margin: 0.75rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

.match-manager__grid[b-kl7esaiz73] {
    min-width: 1300px;
    margin-top: 0.75rem;
}

.match-player-grid__desktop[b-kl7esaiz73] {
    display: block;
}

.match-player-grid__mobile-list[b-kl7esaiz73] {
    display: none;
    margin-top: 0.9rem;
}

.match-player-grid__mobile-card[b-kl7esaiz73] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.match-player-grid__mobile-card + .match-player-grid__mobile-card[b-kl7esaiz73] {
    margin-top: 0.9rem;
}

.match-player-grid__mobile-card-header[b-kl7esaiz73] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.match-player-grid__mobile-card-identity[b-kl7esaiz73] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.match-player-grid__mobile-card-meta[b-kl7esaiz73] {
    display: grid;
    gap: 0.25rem;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

.match-player-grid__mobile-card-toggle[b-kl7esaiz73],
.match-player-grid__mobile-card-switch[b-kl7esaiz73] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #334155;
    font-size: 0.88rem;
    font-weight: 800;
}

.match-player-grid__mobile-card-fields[b-kl7esaiz73] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.match-player-grid__mobile-card-field strong[b-kl7esaiz73] {
    overflow-wrap: anywhere;
}

.match-player-grid__mobile-card-field[b-kl7esaiz73] {
    display: grid;
    gap: 0.35rem;
}

.match-player-grid__mobile-card-field > span[b-kl7esaiz73] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-player-grid__mobile-card-field strong[b-kl7esaiz73] {
    color: #0f172a;
    line-height: 1.45;
}

.match-player-grid__mobile-card-statuses[b-kl7esaiz73],
.match-player-grid__mobile-card-actions[b-kl7esaiz73] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.match-player-grid__mobile-card-note[b-kl7esaiz73] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 700;
}

.match-player-grid__selection-actions[b-kl7esaiz73] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.9rem;
    margin-top: 0.9rem;
    padding: 1rem 1.1rem;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f8fbff;
}

.match-player-grid__selection-summary[b-kl7esaiz73] {
    display: grid;
    gap: 0.2rem;
}

.match-player-grid__selection-summary strong[b-kl7esaiz73] {
    color: #0f172a;
}

.match-player-grid__selection-summary span[b-kl7esaiz73] {
    color: #64748b;
    font-size: 0.92rem;
    font-weight: 700;
}

.match-player-grid__selection-buttons[b-kl7esaiz73] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.match-manager__muted[b-kl7esaiz73] {
    color: #94a3b8;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .match-manager__grid-hint[b-kl7esaiz73] {
        display: none;
    }

    .match-player-grid__desktop[b-kl7esaiz73] {
        display: none;
    }

    .match-player-grid__mobile-list[b-kl7esaiz73] {
        display: block;
    }

    .match-player-grid__selection-actions[b-kl7esaiz73] {
        align-items: stretch;
        padding: 0.9rem;
    }

    .match-player-grid__selection-buttons[b-kl7esaiz73] {
        width: 100%;
    }

    .match-player-grid__selection-buttons[b-kl7esaiz73]  .rz-button {
        flex: 1 1 0;
    }

    .match-player-grid__mobile-card-header[b-kl7esaiz73],
    .match-player-grid__mobile-card-actions[b-kl7esaiz73] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-player-grid__mobile-card-statuses[b-kl7esaiz73] {
        gap: 0.5rem;
    }

    .match-player-grid__mobile-card-toggle[b-kl7esaiz73],
    .match-player-grid__mobile-card-switch[b-kl7esaiz73] {
        justify-content: space-between;
    }

    .match-player-grid__mobile-card-switch[b-kl7esaiz73] {
        flex: 1 1 0;
        min-width: 0;
        padding: 0.45rem 0.65rem;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        background: #f8fafc;
    }

    .match-player-grid__mobile-card-actions[b-kl7esaiz73]  .rz-button,
    .match-player-grid__mobile-card-actions a[b-kl7esaiz73] {
        width: 100%;
    }
}
.match-player-grid__answers summary[b-kl7esaiz73] {
    color: #1d4ed8;
    font-weight: 700;
    cursor: pointer;
}

.match-player-grid__answers dl[b-kl7esaiz73],
.match-player-grid__mobile-answers[b-kl7esaiz73] {
    display: grid;
    grid-template-columns: minmax(90px, auto) minmax(140px, 1fr);
    gap: 0.3rem 0.65rem;
    margin: 0.6rem 0 0;
    white-space: normal;
}

.match-player-grid__answers dt[b-kl7esaiz73],
.match-player-grid__mobile-answers dt[b-kl7esaiz73] {
    color: #64748b;
    font-weight: 700;
}

.match-player-grid__answers dd[b-kl7esaiz73],
.match-player-grid__mobile-answers dd[b-kl7esaiz73] {
    margin: 0;
    color: #0f172a;
    overflow-wrap: anywhere;
}
/* /Shared/MatchProgress.razor.rz.scp.css */
.match-progress[b-byvrqh3sw7] {
    display: grid;
    gap: 0.55rem;
    margin: 0.5rem 0 1rem;
}

.match-progress__head[b-byvrqh3sw7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.match-progress__label[b-byvrqh3sw7] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-progress__value[b-byvrqh3sw7] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 800;
}

.match-progress__track[b-byvrqh3sw7] {
    position: relative;
    overflow: hidden;
    height: 0.85rem;
    border-radius: 999px;
    background: #e2e8f0;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
}

.match-progress__fill[b-byvrqh3sw7] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #60a5fa 0%, #2563eb 100%);
    transition: width 0.25s ease;
}

.match-progress--success .match-progress__fill[b-byvrqh3sw7] {
    background: linear-gradient(90deg, #4ade80 0%, #16a34a 100%);
}

.match-progress--warning .match-progress__fill[b-byvrqh3sw7] {
    background: linear-gradient(90deg, #facc15 0%, #f59e0b 100%);
}

.match-progress--danger .match-progress__fill[b-byvrqh3sw7] {
    background: linear-gradient(90deg, #fb7185 0%, #ef4444 100%);
}

.match-progress--idle .match-progress__fill[b-byvrqh3sw7] {
    background: linear-gradient(90deg, #cbd5e1 0%, #94a3b8 100%);
}

@media (max-width: 575.98px) {
    .match-progress__head[b-byvrqh3sw7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
    }
}
/* /Shared/MatchQrCheckInPanel.razor.rz.scp.css */
.match-detail__qr-panel[b-2rg5s6ytdu] {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid rgba(59, 130, 246, 0.22);
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.92), rgba(255, 255, 255, 0.98));
}

.match-detail__qr-header[b-2rg5s6ytdu] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.match-detail__qr-header h3[b-2rg5s6ytdu] {
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 800;
}

.match-detail__qr-expiry[b-2rg5s6ytdu] {
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 700;
}

.match-detail__qr-code-shell[b-2rg5s6ytdu] {
    display: flex;
    justify-content: center;
    padding: 0.85rem;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px dashed rgba(59, 130, 246, 0.28);
}

.match-detail__qr-code[b-2rg5s6ytdu] {
    display: block;
    width: min(100%, 280px);
    height: auto;
}

.match-detail__qr-status[b-2rg5s6ytdu] {
    padding: 0.85rem 1rem;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.92);
    color: #334155;
    font-weight: 700;
}

.match-detail__qr-status--error[b-2rg5s6ytdu] {
    background: rgba(254, 226, 226, 0.95);
    color: #b91c1c;
}

@media (max-width: 767.98px) {
    .match-detail__qr-header[b-2rg5s6ytdu] {
        flex-direction: column;
    }

    .match-detail__qr-code[b-2rg5s6ytdu] {
        width: min(100%, 240px);
    }
}
/* /Shared/MatchRefereeGrid.razor.rz.scp.css */
.match-manager__grid-shell[b-x36mm74qe5] {
    overflow-x: auto;
}

.match-manager__grid-hint[b-x36mm74qe5] {
    display: none;
    margin: 0.75rem 0 0;
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 700;
}

.match-manager__grid[b-x36mm74qe5] {
    min-width: 1300px;
    margin-top: 0.75rem;
}

.match-referee-grid__desktop[b-x36mm74qe5] {
    display: block;
}

.match-referee-grid__mobile-list[b-x36mm74qe5] {
    display: none;
    margin-top: 0.9rem;
}

.match-referee-grid__mobile-card[b-x36mm74qe5] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.match-referee-grid__mobile-card + .match-referee-grid__mobile-card[b-x36mm74qe5] {
    margin-top: 0.9rem;
}

.match-referee-grid__mobile-card-header[b-x36mm74qe5] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.match-referee-grid__mobile-card-identity[b-x36mm74qe5] {
    min-width: 0;
    flex: 1 1 auto;
}

.match-referee-grid__role-pill[b-x36mm74qe5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.8rem;
    padding: 0.32rem 0.65rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 900;
    white-space: nowrap;
}

.match-referee-grid__mobile-role[b-x36mm74qe5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 900;
    white-space: nowrap;
}

.match-referee-grid__actions[b-x36mm74qe5] {
    display: inline-flex;
    justify-content: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.match-referee-grid__mobile-card-actions[b-x36mm74qe5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.match-referee-grid__desktop[b-x36mm74qe5]  .match-manager__grid--referee {
    max-width: 600px;
}

@media (max-width: 767.98px) {
    .match-manager__grid-hint[b-x36mm74qe5] {
        display: none;
    }

    .match-referee-grid__desktop[b-x36mm74qe5] {
        display: none;
    }

    .match-referee-grid__mobile-list[b-x36mm74qe5] {
        display: block;
    }

    .match-referee-grid__mobile-card-header[b-x36mm74qe5],
    .match-referee-grid__mobile-card-actions[b-x36mm74qe5] {
        flex-direction: column;
        align-items: stretch;
    }

    .match-referee-grid__mobile-card-actions[b-x36mm74qe5]  .rz-button {
        width: 100%;
    }
}
/* /Shared/MatchRegisteredTeamRoster.razor.rz.scp.css */
.registered-team-roster[b-as86ztkdzd],
.registered-team-roster *[b-as86ztkdzd],
.registered-team-roster *[b-as86ztkdzd]::before,
.registered-team-roster *[b-as86ztkdzd]::after {
    box-sizing: border-box;
}

.registered-team-roster[b-as86ztkdzd] {
    display: grid;
    gap: 0.85rem;
    margin-top: 0.65rem;
    padding-top: 1rem;
    border-top: 1px solid #dfe6ee;
}

.registered-team-roster__header[b-as86ztkdzd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.registered-team-roster__header > div:first-child[b-as86ztkdzd] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.registered-team-roster__header > div:first-child > span[b-as86ztkdzd] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
}

.registered-team-roster__header strong[b-as86ztkdzd] {
    overflow-wrap: anywhere;
    color: #172033;
    font-size: 1rem;
}

.registered-team-roster__status[b-as86ztkdzd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.4rem;
}

.registered-team-roster__submission[b-as86ztkdzd],
.registered-team-roster__lock[b-as86ztkdzd] {
    display: inline-flex;
    gap: 0.25rem;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #d5dde7;
    border-radius: 4px;
    background: #f7f9fb;
    color: #526176;
    font-size: 0.75rem;
    font-weight: 850;
}

.registered-team-roster__submission.is-ready[b-as86ztkdzd] {
    border-color: #b7ddcf;
    background: #edf8f3;
    color: #0f684d;
}

.registered-team-roster__submission.is-pending[b-as86ztkdzd] {
    border-color: #ead49f;
    background: #fff8e8;
    color: #7a5700;
}

.registered-team-roster__grid[b-as86ztkdzd] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.55rem;
}

.registered-team-roster__slot[b-as86ztkdzd] {
    position: relative;
    display: grid;
    grid-template-rows: 5.25rem minmax(2rem, auto);
    place-items: center;
    min-width: 0;
    min-height: 8rem;
    padding: 0.55rem 0.4rem 0.65rem;
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    background: #f8fafc;
    overflow: hidden;
}

.registered-team-roster__slot img[b-as86ztkdzd] {
    width: 5rem;
    height: 5rem;
    object-fit: contain;
    image-rendering: pixelated;
}

.registered-team-roster__slot > strong[b-as86ztkdzd] {
    align-self: start;
    max-width: 100%;
    overflow-wrap: anywhere;
    color: #273449;
    font-size: 0.78rem;
    line-height: 1.25;
    text-align: center;
}

.registered-team-roster__number[b-as86ztkdzd] {
    position: absolute;
    top: 0.35rem;
    left: 0.4rem;
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 900;
}

.registered-team-roster__slot.is-empty[b-as86ztkdzd] {
    color: #a2adbb;
    background: #fbfcfd;
}

.registered-team-roster__slot.is-empty > .rzi[b-as86ztkdzd] {
    align-self: end;
    font-size: 1.5rem;
}

.registered-team-roster__slot.is-empty > strong[b-as86ztkdzd] {
    color: #94a3b8;
}

@media (max-width: 760px) {
    .registered-team-roster__header[b-as86ztkdzd] {
        align-items: flex-start;
    }

    .registered-team-roster__grid[b-as86ztkdzd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 390px) {
    .registered-team-roster__slot[b-as86ztkdzd] {
        grid-template-rows: 4.5rem minmax(2rem, auto);
        min-height: 7.25rem;
    }

    .registered-team-roster__slot img[b-as86ztkdzd] {
        width: 4.4rem;
        height: 4.4rem;
    }
}
/* /Shared/MatchRegistrationQrPanel.razor.rz.scp.css */
.registration-qr[b-l6cit5ebum] {
    display: grid;
    grid-template-columns: 176px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem 0;
}

.registration-qr__code[b-l6cit5ebum] {
    width: 176px;
    aspect-ratio: 1;
    padding: 8px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
}

.registration-qr__code img[b-l6cit5ebum] {
    display: block;
    width: 100%;
    height: 100%;
}

.registration-qr__content[b-l6cit5ebum] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.registration-qr__content strong[b-l6cit5ebum] {
    color: #0f172a;
    font-size: 1rem;
}

.registration-qr__content p[b-l6cit5ebum],
.registration-qr__content small[b-l6cit5ebum] {
    margin: 0;
    color: #64748b;
    line-height: 1.5;
}

.registration-qr__actions[b-l6cit5ebum] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.registration-qr__content a[b-l6cit5ebum] {
    color: #1d4ed8;
    font-weight: 700;
}

.registration-qr__content small[b-l6cit5ebum] {
    overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
    .registration-qr[b-l6cit5ebum] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/MatchResultNewsTeams.razor.rz.scp.css */
.result-news-teams[b-baqke48j73] {
    display: grid;
    gap: 2rem;
    margin-top: 2rem;
}

.result-news-teams__champion[b-baqke48j73],
.result-news-teams__battles[b-baqke48j73] {
    min-width: 0;
}

.result-news-teams__heading[b-baqke48j73] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
    padding-left: 0.75rem;
    border-left: 4px solid #2563eb;
}

.result-news-teams__heading div[b-baqke48j73] {
    min-width: 0;
}

.result-news-teams__heading span[b-baqke48j73] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 850;
}

.result-news-teams__heading h2[b-baqke48j73] {
    margin: 0.1rem 0 0;
    color: #0f172a;
    font-size: 1.3rem;
}

.result-news-teams__heading > strong[b-baqke48j73] {
    color: #166534;
    font-size: 1rem;
}

.result-news-teams__heading small[b-baqke48j73] {
    max-width: 20rem;
    color: #64748b;
    font-weight: 700;
    text-align: right;
}

.result-news-teams__battle-list[b-baqke48j73] {
    display: grid;
    gap: 1rem;
}

.result-news-battle[b-baqke48j73] {
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-top: 4px solid #2563eb;
    border-radius: 8px;
    background: #fff;
}

.result-news-battle--final[b-baqke48j73] {
    border-top-color: #ca8a04;
}

.result-news-battle__header[b-baqke48j73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    color: #fff;
    background: #18212f;
}

.result-news-battle__header > div[b-baqke48j73] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.result-news-battle__header span[b-baqke48j73] {
    flex: 0 0 auto;
    padding: 0.14rem 0.42rem;
    border: 1px solid #64748b;
    border-radius: 3px;
    color: #f8fafc;
    font-size: 0.78rem;
    font-weight: 850;
}

.result-news-battle__header strong[b-baqke48j73] {
    color: #f8fafc;
    overflow-wrap: anywhere;
    text-align: right;
}

.result-news-battle__header small[b-baqke48j73] {
    flex: 0 0 auto;
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 800;
}

.result-news-battle__matchup[b-baqke48j73] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 118px minmax(0, 1fr);
    align-items: stretch;
}

.result-news-battle__side[b-baqke48j73] {
    min-width: 0;
    padding: 0.9rem;
    background: #fff;
}

.result-news-battle__side--winner[b-baqke48j73] {
    background: #f7fcf8;
}

.result-news-battle__side > header[b-baqke48j73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.result-news-battle__side > header strong[b-baqke48j73] {
    min-width: 0;
    color: #1e293b;
    overflow-wrap: anywhere;
}

.result-news-battle__side > header span[b-baqke48j73] {
    flex: 0 0 auto;
    padding: 0.12rem 0.35rem;
    border: 1px solid #86efac;
    border-radius: 3px;
    color: #166534;
    font-size: 0.68rem;
    font-weight: 850;
    background: #f0fdf4;
}

.result-news-battle__scoreboard[b-baqke48j73] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem 0.4rem;
    color: #fff;
    background: #18212f;
}

.result-news-battle__scoreboard small[b-baqke48j73] {
    color: #94a3b8;
    font-size: 0.65rem;
    font-weight: 850;
}

.result-news-battle__scoreboard > div[b-baqke48j73] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
}

.result-news-battle__scoreboard strong[b-baqke48j73] {
    font-size: 1.65rem;
    text-align: center;
}

.result-news-battle__scoreboard span[b-baqke48j73] {
    color: #94a3b8;
    font-weight: 900;
}

.result-news-battle__scoreboard .result-news-battle__winning-score[b-baqke48j73] {
    color: #fde047;
}

.result-news-battle__roster[b-baqke48j73] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.result-news-battle__roster figure[b-baqke48j73] {
    min-width: 0;
    margin: 0;
    text-align: center;
}

.result-news-battle__roster img[b-baqke48j73] {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    padding: 0.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    object-fit: contain;
    background: #f8fafc;
}

.result-news-battle__roster figcaption[b-baqke48j73] {
    margin-top: 0.15rem;
    color: #475569;
    font-size: 0.68rem;
    font-weight: 750;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.result-news-battle__missing[b-baqke48j73] {
    display: grid;
    min-height: 6.5rem;
    place-items: center;
    padding: 1rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
    background: #f8fafc;
}

.result-news-battle__roster-note[b-baqke48j73] {
    grid-column: 1 / -1;
    display: grid;
    min-height: 6.5rem;
    place-items: center;
    padding: 0.75rem;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    background: #f8fafc;
}

.result-news-battle__toggle[b-baqke48j73] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 100%;
    min-height: 42px;
    padding: 0.55rem 0.75rem;
    border: 0;
    border-top: 1px solid #e2e8f0;
    color: #1d4ed8;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 850;
    background: #eff6ff;
    cursor: pointer;
}

.result-news-battle__toggle:hover[b-baqke48j73] {
    background: #dbeafe;
}

.result-news-battle__full-teams[b-baqke48j73] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid #bfdbfe;
    background: #f8fafc;
}

.result-news-battle__full-team[b-baqke48j73] {
    min-width: 0;
}

.result-news-battle__full-team > h3[b-baqke48j73] {
    margin: 0 0 0.45rem;
    color: #0f172a;
    font-size: 1rem;
}

@media (max-width: 767.98px) {
    .result-news-teams__heading[b-baqke48j73] {
        align-items: flex-start;
        flex-direction: column;
    }

    .result-news-teams__heading small[b-baqke48j73] {
        text-align: left;
    }

    .result-news-battle__matchup[b-baqke48j73] {
        grid-template-columns: minmax(0, 1fr) 76px minmax(0, 1fr);
    }

    .result-news-battle__side[b-baqke48j73] {
        padding: 0.65rem 0.45rem;
    }

    .result-news-battle__side > header[b-baqke48j73] {
        align-items: flex-start;
        flex-direction: column;
        min-height: 3.1rem;
    }

    .result-news-battle__scoreboard strong[b-baqke48j73] {
        font-size: 1.25rem;
    }

    .result-news-battle__roster[b-baqke48j73] {
        gap: 0.25rem;
    }

    .result-news-battle__roster figcaption[b-baqke48j73] {
        font-size: 0.6rem;
    }
}
/* /Shared/MatchResultsBracket.razor.rz.scp.css */
.match-bracket-poster[b-n2b0pfj6z4] {
    width: 100%;
    color: #202224;
}

.match-bracket-poster__toolbar[b-n2b0pfj6z4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 40px;
    align-items: center;
    gap: 16px;
    padding: 0 0 12px;
    border-bottom: 1px solid #c8c9c7;
}

.match-bracket-poster__toolbar > div:first-child[b-n2b0pfj6z4] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
}

.match-bracket-poster__toolbar strong[b-n2b0pfj6z4] {
    overflow: hidden;
    font-size: 1.05rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-bracket-poster__eyebrow[b-n2b0pfj6z4] {
    color: #b91f35;
    font-size: .68rem;
    font-weight: 900;
}

.match-bracket-poster__summary[b-n2b0pfj6z4] {
    display: flex;
    gap: 16px;
    color: #5d6265;
    font-size: .75rem;
    font-weight: 800;
}

.match-bracket-poster__expand[b-n2b0pfj6z4] {
    display: inline-grid;
    width: 40px;
    height: 40px;
    place-items: center;
    padding: 0;
    border: 1px solid #aeb2b4;
    border-radius: 4px;
    background: #fff;
    color: #1f2528;
    cursor: pointer;
}

.match-bracket-poster__expand:hover[b-n2b0pfj6z4] {
    border-color: #b91f35;
    color: #b91f35;
}

.match-bracket-poster__viewport[b-n2b0pfj6z4] {
    width: 100%;
    padding-top: 16px;
    overflow-x: auto;
    overscroll-behavior: contain;
}

.match-bracket-poster__canvas[b-n2b0pfj6z4] {
    position: relative;
    width: 100%;
    min-width: 1120px;
    max-width: 1600px;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #d2d4d3;
    border-radius: 4px;
    background: #f4f5f4;
    box-shadow: 0 12px 34px rgb(27 30 31 / 10%);
    isolation: isolate;
}

.match-bracket-poster__shape[b-n2b0pfj6z4] {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.match-bracket-poster__shape--left[b-n2b0pfj6z4] {
    inset: 0 48% 0 0;
    background: #e7e9e8;
    clip-path: polygon(0 0, 78% 0, 100% 18%, 76% 43%, 100% 72%, 72% 100%, 0 100%);
}

.match-bracket-poster__shape--right[b-n2b0pfj6z4] {
    inset: 0 0 0 48%;
    background: #eceeed;
    clip-path: polygon(22% 0, 100% 0, 100% 100%, 28% 100%, 0 76%, 24% 48%, 0 20%);
}

.match-bracket-poster__shape--center[b-n2b0pfj6z4] {
    top: 13%;
    left: 37%;
    width: 26%;
    height: 70%;
    border: 24px solid rgb(188 192 191 / 20%);
    border-radius: 50%;
}

.match-bracket-poster__tree[b-n2b0pfj6z4] {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.match-bracket-poster__line[b-n2b0pfj6z4] {
    fill: none;
    stroke: #c8cbca;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: 4;
    vector-effect: non-scaling-stroke;
}

.match-bracket-poster__line--winner[b-n2b0pfj6z4] {
    stroke: #c8233d;
    stroke-width: 5;
}

.match-bracket-poster__dot[b-n2b0pfj6z4] {
    fill: #c8cbca;
}

.match-bracket-poster__dot--winner[b-n2b0pfj6z4] {
    fill: #c8233d;
}

.match-bracket-poster__brand[b-n2b0pfj6z4] {
    position: absolute;
    z-index: 3;
    top: 7%;
    left: 50%;
    width: 38%;
    transform: translateX(-50%);
    color: #252728;
    text-align: center;
}

.match-bracket-poster__logo[b-n2b0pfj6z4] {
    display: block;
    max-width: 164px;
    max-height: 72px;
    margin: 0 auto 12px;
    object-fit: contain;
}

.match-bracket-poster__brand > span[b-n2b0pfj6z4] {
    display: inline-block;
    padding: 7px 14px;
    background: #242526;
    color: #fff;
    font-size: .7rem;
    font-weight: 900;
}

.match-bracket-poster__brand h2[b-n2b0pfj6z4] {
    display: -webkit-box;
    max-width: 100%;
    margin: 18px 0 4px;
    overflow: hidden;
    font-size: 2rem;
    font-weight: 950;
    line-height: 1.08;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.match-bracket-poster__brand p[b-n2b0pfj6z4] {
    margin: 0;
    color: #b91f35;
    font-size: 1.05rem;
    font-weight: 900;
}

.match-bracket-poster__final-mark[b-n2b0pfj6z4] {
    position: absolute;
    z-index: 3;
    top: 47.8%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px 14px;
    background: #f4f5f4;
    color: #6c7072;
    font-size: .7rem;
    font-weight: 900;
}

.match-bracket-poster__entry[b-n2b0pfj6z4] {
    position: absolute;
    z-index: 4;
    top: var(--bracket-entry-top);
    left: var(--bracket-entry-left);
    display: block;
    width: 17%;
    height: var(--bracket-entry-height);
    min-height: 58px;
    overflow: hidden;
    border-radius: 4px;
    background: #232425;
    color: #fff;
    box-shadow: 0 5px 12px rgb(21 23 24 / 20%);
}

.match-bracket-poster__entry--left .match-bracket-poster__seed[b-n2b0pfj6z4] {
    left: 0;
}

.match-bracket-poster__entry--right .match-bracket-poster__seed[b-n2b0pfj6z4] {
    right: 0;
}

.match-bracket-poster__seed[b-n2b0pfj6z4] {
    position: absolute;
    z-index: 1;
    top: 0;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38%;
    background: #49645e;
    color: #fff;
    font-size: .86rem;
    font-weight: 950;
}

.match-bracket-poster__entry[data-bracket-placement="champion"] .match-bracket-poster__seed[b-n2b0pfj6z4] {
    background: #8f6500;
}

.match-bracket-poster__entry[data-bracket-placement="runner-up"] .match-bracket-poster__seed[b-n2b0pfj6z4] {
    background: #626d76;
}

.match-bracket-poster__entry[data-bracket-placement="top4"] .match-bracket-poster__seed[b-n2b0pfj6z4] {
    background: #a65d3f;
}

.match-bracket-poster__entry[data-bracket-placement="top8"] .match-bracket-poster__seed[b-n2b0pfj6z4] {
    background: #286c86;
}

.match-bracket-poster__entry-body[b-n2b0pfj6z4] {
    display: grid;
    grid-template-rows: minmax(0, 38%) minmax(22px, 62%);
    box-sizing: border-box;
    height: 100%;
    min-width: 0;
    padding: 7px 9px 5px;
}

.match-bracket-poster__player-line[b-n2b0pfj6z4] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.match-bracket-poster__entry--right .match-bracket-poster__player-line[b-n2b0pfj6z4] {
    justify-content: flex-end;
    padding-right: 38px;
}

.match-bracket-poster__entry--left .match-bracket-poster__player-line[b-n2b0pfj6z4] {
    padding-left: 38px;
}

.match-bracket-poster__entry--right .match-bracket-poster__player-line strong[b-n2b0pfj6z4] {
    text-align: right;
}

.match-bracket-poster__player-line strong[b-n2b0pfj6z4] {
    overflow: hidden;
    font-size: .82rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-bracket-poster__team[b-n2b0pfj6z4],
.match-bracket-poster__champion-team[b-n2b0pfj6z4] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: end;
    gap: 2px;
    min-width: 0;
    min-height: 0;
}

.match-bracket-poster__team img[b-n2b0pfj6z4],
.match-bracket-poster__champion-team img[b-n2b0pfj6z4] {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: contain;
    image-rendering: auto;
}

.match-bracket-poster__champion[b-n2b0pfj6z4] {
    position: absolute;
    z-index: 5;
    top: 64.5%;
    left: 50%;
    display: grid;
    grid-template-columns: 38% minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    gap: 5px 12px;
    width: 29%;
    height: 15.5%;
    padding: 13px 16px 11px;
    transform: translateX(-50%);
    border: 2px solid #ba8d22;
    border-radius: 5px;
    background: #232425;
    color: #fff;
    box-shadow: 0 9px 24px rgb(24 25 26 / 22%);
}

.match-bracket-poster__champion-title[b-n2b0pfj6z4] {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    align-items: center;
    gap: 7px;
    color: #f3c64c;
    font-size: .68rem;
    font-weight: 950;
}

.match-bracket-poster__champion-title[b-n2b0pfj6z4]  .rzi {
    font-size: 1rem;
}

.match-bracket-poster__champion-player[b-n2b0pfj6z4] {
    display: flex;
    grid-column: 1;
    grid-row: 2;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.match-bracket-poster__champion-player strong[b-n2b0pfj6z4] {
    overflow: hidden;
    font-size: .98rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-bracket-poster__champion-team[b-n2b0pfj6z4] {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.match-bracket-poster__footer[b-n2b0pfj6z4] {
    position: absolute;
    z-index: 3;
    right: 27%;
    bottom: 4.5%;
    left: 27%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding-top: 9px;
    border-top: 2px solid #2d3031;
    color: #505456;
    font-size: .58rem;
    font-weight: 800;
    text-align: center;
}

.match-bracket-poster__footer strong[b-n2b0pfj6z4] {
    overflow: hidden;
    color: #232526;
    font-size: .66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-bracket-poster.is-expanded[b-n2b0pfj6z4] {
    position: fixed;
    z-index: 10020;
    inset: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 14px;
    background: #e7e9e8;
}

.match-bracket-poster.is-expanded .match-bracket-poster__toolbar[b-n2b0pfj6z4] {
    width: min(1600px, calc(100vw - 28px));
    margin: 0 auto;
}

.match-bracket-poster.is-expanded .match-bracket-poster__viewport[b-n2b0pfj6z4] {
    display: grid;
    align-items: center;
    min-height: 0;
    padding-top: 12px;
}

.match-bracket-poster.is-expanded .match-bracket-poster__canvas[b-n2b0pfj6z4] {
    width: min(1600px, calc(100vw - 28px), calc((100vh - 92px) * 16 / 9));
    min-width: 0;
}

@media (max-width: 820px) {
    .match-bracket-poster__toolbar[b-n2b0pfj6z4] {
        grid-template-columns: minmax(0, 1fr) 40px;
    }

    .match-bracket-poster__summary[b-n2b0pfj6z4] {
        display: none;
    }

    .match-bracket-poster__viewport[b-n2b0pfj6z4] {
        scrollbar-width: thin;
    }

    .match-bracket-poster.is-expanded .match-bracket-poster__viewport[b-n2b0pfj6z4] {
        display: block;
        overflow: auto;
    }

    .match-bracket-poster.is-expanded .match-bracket-poster__canvas[b-n2b0pfj6z4] {
        width: 1120px;
        min-width: 1120px;
    }
}
/* /Shared/MatchResultWorkspace.razor.rz.scp.css */
.match-manager__result-workspace[b-eusnlnoslr] {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(24rem, 0.96fr);
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}

@media (max-width: 1199.98px) {
    .match-manager__result-workspace[b-eusnlnoslr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .match-manager__result-workspace[b-eusnlnoslr] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/MatchRoundHero.razor.rz.scp.css */
.match-manager__round-hero[b-eo2xm3o81r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr) auto;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 62%);
}

.match-manager__round-eyebrow[b-eo2xm3o81r] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-manager__round-hero h2[b-eo2xm3o81r] {
    margin: 0.2rem 0 0;
    color: #0f172a;
    font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.match-manager__round-hero p[b-eo2xm3o81r] {
    margin: 0.4rem 0 0;
    color: #475569;
    font-weight: 700;
}

.match-manager__round-meta[b-eo2xm3o81r],
.match-manager__round-actions[b-eo2xm3o81r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.match-manager__round-meta[b-eo2xm3o81r] {
    justify-content: flex-start;
}

.match-manager__round-actions[b-eo2xm3o81r] {
    justify-content: flex-end;
}

.match-manager__round-meta span[b-eo2xm3o81r],
.match-manager__round-pill[b-eo2xm3o81r] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.3rem 0.7rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
}

.match-manager__round-pill--waiting[b-eo2xm3o81r] {
    border-color: #bfdbfe;
    background: #dbeafe;
    color: #1d4ed8;
}

.match-manager__round-pill--team[b-eo2xm3o81r] {
    border-color: #fed7aa;
    background: #ffedd5;
    color: #c2410c;
}

.match-manager__round-pill--confirm[b-eo2xm3o81r] {
    border-color: #fde68a;
    background: #fef3c7;
    color: #a16207;
}

.match-manager__round-pill--running[b-eo2xm3o81r] {
    border-color: #bbf7d0;
    background: #dcfce7;
    color: #15803d;
}

.match-manager__round-pill--finished[b-eo2xm3o81r] {
    border-color: #d8b4fe;
    background: #f3e8ff;
    color: #7e22ce;
}

.match-manager__round-pill--danger[b-eo2xm3o81r] {
    border-color: #fecaca;
    background: #fee2e2;
    color: #b91c1c;
}

.match-manager__round-actions[b-eo2xm3o81r]  .match-manager__back-link {
    min-height: 2rem;
}

@media (max-width: 767.98px) {
    .match-manager__round-hero[b-eo2xm3o81r] {
        grid-template-columns: 1fr;
    }

    .match-manager__round-actions[b-eo2xm3o81r] {
        justify-content: flex-start;
    }
}
/* /Shared/MatchRoundNav.razor.rz.scp.css */
.match-manager__round-nav[b-prlk4f8ucg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 0.75rem;
    margin: 0.75rem 0 1rem;
}

.match-manager__round-nav-item[b-prlk4f8ucg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.match-manager__round-nav-item:hover[b-prlk4f8ucg],
.match-manager__round-nav-item:focus-visible[b-prlk4f8ucg] {
    border-color: #93c5fd;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.12);
    outline: none;
    transform: translateY(-1px);
}

.match-manager__round-nav-item--active[b-prlk4f8ucg] {
    border-color: #2563eb;
    background: #eff6ff;
}

.match-manager__round-nav-index[b-prlk4f8ucg],
.match-manager__round-nav-meta[b-prlk4f8ucg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    min-height: 2.35rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #2563eb;
    font-weight: 900;
}

.match-manager__round-nav-main[b-prlk4f8ucg] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.match-manager__round-nav-main strong[b-prlk4f8ucg] {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.match-manager__round-nav-main small[b-prlk4f8ucg] {
    color: #64748b;
    font-weight: 800;
}

.match-manager__round-nav-meta[b-prlk4f8ucg] {
    min-width: 3.2rem;
    padding: 0 0.55rem;
    background: #f8fafc;
    color: #475569;
    font-size: 0.82rem;
}
/* /Shared/MatchRoundShell.razor.rz.scp.css */
.match-manager__round-panel[b-dgygg2334j] {
    margin-top: 1rem;
}
/* /Shared/MatchRoundSteps.razor.rz.scp.css */
/* 样式在 wwwroot/css/site.css 中定义:
   该组件唯一的元素是 RadzenSteps 根节点, 不带 CSS 隔离 scope 属性,
   因此 scoped 规则(含 ::deep)在这里永远不会命中. */
/* /Shared/MatchRunEliminationRound.razor.rz.scp.css */
.match-run-bracket[b-rm315r9ora] {
    display: grid;
    gap: 1rem;
}

.match-run-bracket__legend[b-rm315r9ora] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin: 0.75rem 0 1rem;
}

.match-run-bracket__legend-item[b-rm315r9ora] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #475569;
    font-size: 0.9rem;
    font-weight: 700;
}

.match-run-bracket__legend-swatch[b-rm315r9ora] {
    width: 1.75rem;
    height: 0.4rem;
    border-radius: 999px;
    background: #cbd5e1;
}

.match-run-bracket__legend-swatch--accent[b-rm315r9ora] {
    background: linear-gradient(90deg, #2563eb 0%, #38bdf8 100%);
}

.match-run-bracket__canvas[b-rm315r9ora] {
    display: grid;
    gap: 1rem;
}

.match-run-bracket__panel[b-rm315r9ora] {
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.match-run-bracket__panel-header[b-rm315r9ora] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem 0.85rem;
}

.match-run-bracket__eyebrow[b-rm315r9ora] {
    color: #2563eb;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.match-run-bracket__title[b-rm315r9ora] {
    margin: 0.2rem 0 0;
    color: #0f172a;
    font-size: 1.1rem;
}

.match-run-bracket__description[b-rm315r9ora] {
    margin: 0.35rem 0 0;
    color: #475569;
    font-size: 0.92rem;
    font-weight: 700;
}

.match-run-bracket__stage-strip[b-rm315r9ora] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
    align-self: flex-start;
}

.match-run-bracket__stage-pill[b-rm315r9ora] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.8rem;
    font-weight: 900;
    white-space: nowrap;
}

.match-run-bracket__canvas-shell[b-rm315r9ora] {
    overflow-x: auto;
    padding: 0.85rem 1rem 1rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.72) 0%, rgba(248, 250, 252, 0.94) 100%);
}

.match-run-bracket__svg[b-rm315r9ora] {
    display: block;
    margin: 0 auto;
    overflow: visible;
}

.match-run-bracket__slot[b-rm315r9ora] {
    fill: rgba(255, 255, 255, 0.96);
    stroke: #cbd5e1;
    stroke-width: 1.5;
}

.match-run-bracket__slot--accent[b-rm315r9ora] {
    fill: rgba(239, 246, 255, 0.98);
    stroke: #2563eb;
}

.match-run-bracket__connector[b-rm315r9ora] {
    fill: none;
    stroke: #cbd5e1;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.match-run-bracket__connector--accent[b-rm315r9ora] {
    stroke: #2563eb;
}

.match-run-bracket__connector--thick[b-rm315r9ora] {
    stroke-width: 3.5;
}

.match-run-bracket__connector--partial[b-rm315r9ora] {
    stroke-width: 5;
    stroke-dasharray: 10 6;
}

.match-run-bracket__connector--final[b-rm315r9ora] {
    stroke-width: 7;
}

.match-run-bracket__text[b-rm315r9ora] {
    fill: #0f172a;
    font-size: 12px;
    font-weight: 700;
    pointer-events: bounding-box;
}

.match-run-elimination-compact[b-rm315r9ora] {
    overflow-x: auto;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.72) 0%, rgba(248, 250, 252, 0.94) 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.match-run-elimination-compact__svg[b-rm315r9ora] {
    display: block;
    overflow: visible;
}

.match-run-elimination-compact__stage-label[b-rm315r9ora] {
    fill: #0f172a;
    font-size: 14px;
    font-weight: 900;
}

.match-run-elimination-compact__stage-count[b-rm315r9ora] {
    fill: #94a3b8;
    font-size: 11px;
    font-weight: 900;
}

.match-run-elimination-compact__connector[b-rm315r9ora] {
    fill: none;
    stroke: #cbd5e1;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.match-run-elimination-compact__connector--accent[b-rm315r9ora] {
    stroke: #2563eb;
    stroke-width: 3.5;
}

.match-run-elimination-compact__card[b-rm315r9ora] {
    fill: rgba(255, 255, 255, 0.98);
    stroke: #cbd5e1;
    stroke-width: 1.5;
}

.match-run-elimination-compact__card--placeholder[b-rm315r9ora] {
    fill: rgba(255, 255, 255, 0.72);
    stroke: #dbe3ee;
}

.match-run-elimination-compact__row[b-rm315r9ora] {
    fill: rgba(248, 250, 252, 0.98);
}

.match-run-elimination-compact__row--placeholder[b-rm315r9ora] {
    fill: rgba(248, 250, 252, 0.82);
}

.match-run-elimination-compact__row--win[b-rm315r9ora] {
    fill: #dcfce7;
}

.match-run-elimination-compact__row--lose[b-rm315r9ora] {
    fill: #f8fafc;
}

.match-run-elimination-compact__row--draw[b-rm315r9ora] {
    fill: #fffbeb;
}

.match-run-elimination-compact__divider[b-rm315r9ora] {
    stroke: #dbeafe;
    stroke-width: 1;
}

.match-run-elimination-compact__accent[b-rm315r9ora] {
    fill: #cbd5e1;
}

.match-run-elimination-compact__accent--placeholder[b-rm315r9ora] {
    fill: #e2e8f0;
}

.match-run-elimination-compact__accent--win[b-rm315r9ora] {
    fill: #10b981;
}

.match-run-elimination-compact__accent--lose[b-rm315r9ora] {
    fill: #94a3b8;
}

.match-run-elimination-compact__accent--draw[b-rm315r9ora] {
    fill: #f59e0b;
}

.match-run-elimination-compact__name[b-rm315r9ora] {
    fill: #1e293b;
    font-size: 12px;
    font-weight: 800;
    pointer-events: bounding-box;
}

.match-run-elimination-compact__score[b-rm315r9ora] {
    fill: #334155;
    font-size: 13px;
    font-weight: 900;
}

.match-run-elimination-stages[b-rm315r9ora] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.match-run-elimination-stage[b-rm315r9ora] {
    border: 1px solid #dbeafe;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.match-run-elimination-stage__header[b-rm315r9ora] {
    display: grid;
    gap: 0.3rem;
    padding: 1rem 1.1rem 0.85rem;
}

.match-run-elimination-stage__title[b-rm315r9ora] {
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
}

.match-run-elimination-stage__description[b-rm315r9ora] {
    margin: 0;
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 700;
}

.match-run-elimination-stage__cards[b-rm315r9ora] {
    display: grid;
    gap: 0.85rem;
    padding: 0.95rem 1rem 1rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(180deg, rgba(239, 246, 255, 0.72) 0%, rgba(248, 250, 252, 0.94) 100%);
}

.match-run-elimination-stage__cards--grid[b-rm315r9ora] {
    margin-top: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.match-run-elimination-card[b-rm315r9ora] {
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.match-run-elimination-card__header[b-rm315r9ora] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.85rem 0.95rem;
    border-bottom: 1px solid #e2e8f0;
}

.match-run-elimination-card__meta[b-rm315r9ora] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.match-run-elimination-card__body[b-rm315r9ora] {
    display: grid;
    gap: 1px;
    background: #dbeafe;
}

.match-run-elimination-card__competitor[b-rm315r9ora] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.85rem 0.95rem;
    background: rgba(248, 250, 252, 0.98);
    color: #334155;
}

.match-run-elimination-card__competitor.is-winner[b-rm315r9ora] {
    background: #f0fdf4;
    color: #14532d;
}

.match-run-elimination-card__competitor.is-muted[b-rm315r9ora] {
    background: #f8fafc;
    color: #94a3b8;
}

.match-run-elimination-card__competitor.is-draw[b-rm315r9ora] {
    background: #fffbeb;
    color: #92400e;
}

.match-run-elimination-card__name[b-rm315r9ora] {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.match-run-elimination-card__scorebox[b-rm315r9ora] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    justify-self: end;
    flex-shrink: 0;
}

.match-run-elimination-card__score[b-rm315r9ora] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    min-height: 2.4rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 0.95rem;
    font-weight: 900;
}

.match-run-elimination-card__result[b-rm315r9ora] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.8rem;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: 0.76rem;
    font-weight: 900;
}

.match-run-elimination-card__result--win[b-rm315r9ora] {
    background: #bbf7d0;
    color: #166534;
}

.match-run-elimination-card__result--lose[b-rm315r9ora] {
    background: #fee2e2;
    color: #991b1b;
}

.match-run-elimination-card__result--draw[b-rm315r9ora] {
    background: #fef3c7;
    color: #92400e;
}

.match-run-elimination-card__result--hidden[b-rm315r9ora] {
    display: none;
}

@media (max-width: 767.98px) {
    .match-run-bracket__panel-header[b-rm315r9ora] {
        padding-bottom: 0.7rem;
    }

    .match-run-bracket__stage-strip[b-rm315r9ora] {
        justify-content: flex-start;
    }

    .match-run-bracket__canvas-shell[b-rm315r9ora] {
        padding-inline: 0.75rem;
    }

    .match-run-elimination-stage__cards--grid[b-rm315r9ora] {
        grid-template-columns: 1fr;
    }

    .match-run-elimination-card__competitor[b-rm315r9ora] {
        grid-template-columns: 1fr;
    }

    .match-run-elimination-card__scorebox[b-rm315r9ora] {
        justify-self: start;
        justify-content: flex-start;
    }
}
/* /Shared/MatchRunHero.razor.rz.scp.css */
.match-run-hero[b-jsfrhqq7h5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
    gap: 1.25rem;
    align-items: center;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.match-run-eyebrow[b-jsfrhqq7h5] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-run-hero h1[b-jsfrhqq7h5] {
    margin: 0.25rem 0 0;
    color: #0f172a;
}

.match-run-hero p[b-jsfrhqq7h5] {
    margin: 0.5rem 0 0;
    color: #475569;
    font-weight: 700;
}

.match-run-hero__stats[b-jsfrhqq7h5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.match-run-hero__stats div[b-jsfrhqq7h5] {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    background: #eff6ff;
}

.match-run-hero__stats span[b-jsfrhqq7h5] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
}

.match-run-hero__stats strong[b-jsfrhqq7h5] {
    color: #0f172a;
    font-size: clamp(1rem, 2vw, 1.6rem);
    line-height: 1.15;
}

.match-run-status[b-jsfrhqq7h5] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.95rem !important;
}

.match-run-status--registering[b-jsfrhqq7h5] {
    background: #fee2e2;
    color: #b91c1c !important;
}

.match-run-status--running[b-jsfrhqq7h5] {
    background: #dcfce7;
    color: #15803d !important;
}

.match-run-status--finished[b-jsfrhqq7h5] {
    background: #f1f5f9;
    color: #475569 !important;
}

@media (max-width: 991.98px) {
    .match-run-hero[b-jsfrhqq7h5] {
        grid-template-columns: 1fr;
    }

    .match-run-hero__stats[b-jsfrhqq7h5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match-run-hero__stats div[b-jsfrhqq7h5] {
        padding: 0.7rem 0.8rem;
    }
}
/* /Shared/MatchRunRoundHeader.razor.rz.scp.css */
.match-run-round-hero[b-9n07ynd14o] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr);
    gap: 1.25rem;
    align-items: start;
    margin: 0.5rem 0 1rem;
    padding: 1.2rem 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: linear-gradient(135deg, #eff6ff 0%, #ffffff 60%, #f8fafc 100%);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.match-run-eyebrow[b-9n07ynd14o] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.match-run-round-hero h2[b-9n07ynd14o] {
    margin: 0.25rem 0 0;
    color: #0f172a;
}

.match-run-round-hero p[b-9n07ynd14o] {
    margin: 0.5rem 0 0;
    color: #475569;
    font-weight: 700;
}

.match-run-round-hero__actions[b-9n07ynd14o] {
    display: grid;
    gap: 0.9rem;
    justify-items: end;
}

.match-run-round-hero__meta[b-9n07ynd14o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.match-run-round-hero__meta span[b-9n07ynd14o] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.3rem 0.7rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 900;
}

.match-run-round-hero__note[b-9n07ynd14o] {
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.match-run-round-status--waiting[b-9n07ynd14o] {
    border-color: #bfdbfe !important;
    background: #dbeafe !important;
    color: #1d4ed8 !important;
}

.match-run-round-status--team[b-9n07ynd14o] {
    border-color: #fed7aa !important;
    background: #ffedd5 !important;
    color: #c2410c !important;
}

.match-run-round-status--confirm[b-9n07ynd14o] {
    border-color: #fde68a !important;
    background: #fef3c7 !important;
    color: #a16207 !important;
}

.match-run-round-status--running[b-9n07ynd14o] {
    border-color: #bbf7d0 !important;
    background: #dcfce7 !important;
    color: #15803d !important;
}

.match-run-round-status--finished[b-9n07ynd14o] {
    border-color: #d8b4fe !important;
    background: #f3e8ff !important;
    color: #7e22ce !important;
}

.match-run-round-hero__link[b-9n07ynd14o] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.55rem 0.95rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #2563eb !important;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .match-run-round-hero[b-9n07ynd14o] {
        grid-template-columns: 1fr;
    }

    .match-run-round-hero__actions[b-9n07ynd14o] {
        justify-items: start;
    }

    .match-run-round-hero__meta[b-9n07ynd14o] {
        justify-content: flex-start;
    }
}
/* /Shared/MatchScheduleFinder.razor.rz.scp.css */
.match-schedule-finder[b-poiyv30a6m] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border-top: 1px solid var(--team-run-border);
    border-bottom: 1px solid var(--team-run-border);
    background: color-mix(in srgb, var(--team-run-surface) 92%, var(--team-run-primary-soft));
}

.match-schedule-finder__heading[b-poiyv30a6m],
.match-schedule-finder__controls[b-poiyv30a6m],
.match-schedule-finder__result-head[b-poiyv30a6m],
.match-schedule-finder__result-foot[b-poiyv30a6m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.match-schedule-finder__heading > div[b-poiyv30a6m] {
    display: grid;
    gap: 0.15rem;
}

.match-schedule-finder__heading span[b-poiyv30a6m] {
    color: var(--team-run-primary);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.match-schedule-finder__heading h2[b-poiyv30a6m] {
    margin: 0;
    color: var(--team-run-text-strong);
    font-size: 1.15rem;
}

.match-schedule-finder__heading > strong[b-poiyv30a6m] {
    color: var(--team-run-text-muted);
    font-size: 0.85rem;
}

.match-schedule-finder__controls[b-poiyv30a6m] {
    align-items: end;
}

.match-schedule-finder__search[b-poiyv30a6m] {
    display: grid;
    flex: 1 1 auto;
    gap: 0.35rem;
    min-width: 0;
}

.match-schedule-finder__label[b-poiyv30a6m] {
    color: var(--team-run-text-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.match-schedule-finder__input-wrap[b-poiyv30a6m] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    min-height: 2.75rem;
    padding: 0 0.45rem 0 0.75rem;
    border: 1px solid var(--team-run-border);
    border-radius: 8px;
    background: var(--team-run-surface);
    color: var(--team-run-text-muted);
}

.match-schedule-finder__input-wrap:focus-within[b-poiyv30a6m] {
    border-color: var(--team-run-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--team-run-primary) 16%, transparent);
}

.match-schedule-finder__input-wrap input[b-poiyv30a6m] {
    width: 100%;
    min-width: 0;
    height: 2.65rem;
    padding: 0 0.65rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--team-run-text-strong);
    font: inherit;
}

.match-schedule-finder__input-wrap input[b-poiyv30a6m]::-webkit-search-cancel-button {
    appearance: none;
}

.match-schedule-finder__input-wrap button[b-poiyv30a6m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--team-run-surface-soft);
    color: var(--team-run-text-muted);
}

.match-schedule-finder__mine[b-poiyv30a6m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.75rem;
    padding: 0 0.9rem;
    border: 1px solid color-mix(in srgb, var(--team-run-primary) 28%, var(--team-run-border));
    border-radius: 8px;
    background: var(--team-run-surface);
    color: var(--team-run-primary-dark);
    font-weight: 850;
}

.match-schedule-finder__mine.is-active[b-poiyv30a6m] {
    background: var(--team-run-primary);
    color: #fff;
}

.match-schedule-finder__results[b-poiyv30a6m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 0.75rem;
}

.match-schedule-finder__result[b-poiyv30a6m] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid var(--team-run-border);
    border-left: 4px solid var(--team-run-primary);
    border-radius: 8px;
    background: var(--team-run-surface);
}

.match-schedule-finder__result.is-mine[b-poiyv30a6m] {
    border-left-color: var(--team-run-success);
    background: color-mix(in srgb, var(--team-run-success-soft) 34%, var(--team-run-surface));
}

.match-schedule-finder__result-head > span:first-child[b-poiyv30a6m] {
    min-width: 0;
    overflow: hidden;
    color: var(--team-run-text-muted);
    font-size: 0.76rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-schedule-finder__participants[b-poiyv30a6m] {
    overflow-wrap: anywhere;
    color: var(--team-run-text-strong);
    font-size: 1rem;
    line-height: 1.35;
}

.match-schedule-finder__meta[b-poiyv30a6m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.match-schedule-finder__meta span[b-poiyv30a6m] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--team-run-surface-soft);
    color: var(--team-run-text-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.match-schedule-finder__result-foot[b-poiyv30a6m] {
    padding-top: 0.55rem;
    border-top: 1px solid var(--team-run-border);
}

.match-schedule-finder__result-foot > span[b-poiyv30a6m] {
    color: var(--team-run-text-strong);
    font-weight: 900;
}

.match-schedule-finder__result-foot a[b-poiyv30a6m] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--team-run-primary-dark);
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
}

.match-schedule-finder__empty[b-poiyv30a6m],
.match-schedule-finder__limit[b-poiyv30a6m] {
    margin: 0;
    padding: 0.85rem;
    border: 1px dashed var(--team-run-border);
    border-radius: 8px;
    color: var(--team-run-text-muted);
    font-size: 0.86rem;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 575.98px) {
    .match-schedule-finder[b-poiyv30a6m] {
        padding: 0.85rem 0.75rem;
    }

    .match-schedule-finder__controls[b-poiyv30a6m] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .match-schedule-finder__mine[b-poiyv30a6m] {
        width: 100%;
    }

    .match-schedule-finder__results[b-poiyv30a6m] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/MatchSectionHeader.razor.rz.scp.css */
.match-manager__section-header[b-biqo3tk3l9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.match-manager__section-header h3[b-biqo3tk3l9] {
    margin-bottom: 0.3rem;
}

.match-manager__section-header p[b-biqo3tk3l9] {
    margin-bottom: 0;
    color: #64748b;
}

.match-manager__section-header--spaced[b-biqo3tk3l9] {
    margin-top: 1.5rem;
}
/* /Shared/MatchStatusBadge.razor.rz.scp.css */
.match-status-badge[b-hs8vbwes5f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.match-status-badge--registering[b-hs8vbwes5f] {
    background: rgba(244, 63, 94, 0.12);
    color: #be123c;
}

.match-status-badge--running[b-hs8vbwes5f] {
    background: rgba(16, 185, 129, 0.14);
    color: #047857;
}

.match-status-badge--finished[b-hs8vbwes5f] {
    background: rgba(71, 85, 105, 0.14);
    color: #334155;
}

.match-status-badge--default[b-hs8vbwes5f] {
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}
/* /Shared/MatchTeamEditorDialog.razor.rz.scp.css */
.match-team-editor-dialog[b-ugib0j3w7o] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: #f8fafc;
}

.match-team-editor-dialog__header[b-ugib0j3w7o] {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(240px, 360px) auto auto;
    gap: 0.75rem;
    align-items: end;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #d8dee8;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.match-team-editor-dialog__identity[b-ugib0j3w7o],
.match-team-editor-dialog__selector[b-ugib0j3w7o] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.match-team-editor-dialog__identity > span[b-ugib0j3w7o],
.match-team-editor-dialog__selector > span[b-ugib0j3w7o] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
}

.match-team-editor-dialog__identity strong[b-ugib0j3w7o] {
    overflow: hidden;
    color: #111827;
    font-size: 1.05rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-team-editor-dialog__identity small[b-ugib0j3w7o] {
    color: #475569;
    font-weight: 700;
}

.match-team-editor-dialog__navigation[b-ugib0j3w7o],
.match-team-editor-dialog__actions[b-ugib0j3w7o] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.match-team-editor-dialog__navigation > span[b-ugib0j3w7o] {
    min-width: 3.5rem;
    color: #475569;
    font-weight: 800;
    text-align: center;
}

.match-team-editor-dialog__body[b-ugib0j3w7o] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1rem;
    overflow: auto;
}

.match-team-editor-dialog__discard[b-ugib0j3w7o] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f59e0b;
    background: #fffbeb;
    color: #78350f;
}

.match-team-editor-dialog__discard > div:first-child[b-ugib0j3w7o] {
    display: grid;
    gap: 0.15rem;
}

.match-team-editor-dialog__discard-actions[b-ugib0j3w7o] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.match-team-editor-dialog__empty[b-ugib0j3w7o] {
    display: grid;
    place-items: center;
    gap: 1rem;
    min-height: 18rem;
    padding: 1rem;
}

@media (max-width: 980px) {
    .match-team-editor-dialog__header[b-ugib0j3w7o] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }

    .match-team-editor-dialog__selector[b-ugib0j3w7o] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .match-team-editor-dialog__navigation[b-ugib0j3w7o] {
        grid-column: 1;
        grid-row: 3;
    }

    .match-team-editor-dialog__actions[b-ugib0j3w7o] {
        grid-column: 2;
        grid-row: 3;
    }
}

@media (max-width: 640px) {
    .match-team-editor-dialog__header[b-ugib0j3w7o] {
        grid-template-columns: 1fr;
        align-items: stretch;
        padding: 0.75rem;
    }

    .match-team-editor-dialog__selector[b-ugib0j3w7o],
    .match-team-editor-dialog__navigation[b-ugib0j3w7o],
    .match-team-editor-dialog__actions[b-ugib0j3w7o] {
        grid-column: 1;
        grid-row: auto;
    }

    .match-team-editor-dialog__navigation[b-ugib0j3w7o] {
        justify-content: space-between;
    }

    .match-team-editor-dialog__actions[b-ugib0j3w7o]  .rz-button {
        flex: 1 1 0;
    }

    .match-team-editor-dialog__body[b-ugib0j3w7o] {
        padding: 0.75rem;
    }

    .match-team-editor-dialog__discard[b-ugib0j3w7o] {
        align-items: stretch;
        flex-direction: column;
        padding: 0.75rem;
    }

    .match-team-editor-dialog__discard-actions[b-ugib0j3w7o]  .rz-button {
        flex: 1 1 0;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.app-nav-menu[b-inma0l6bry] {
    display: block;
    box-sizing: border-box;
    flex: 0 0 auto;
    min-width: 0;
    min-height: auto;
    overflow: visible;
    padding-bottom: 8rem;
}

.app-nav-menu[b-inma0l6bry]  .rz-panel-menu {
    border: 0;
    background: transparent;
    padding-bottom: 1rem;
}

.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-wrapper,
.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-link {
    border-radius: 1rem;
}

.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-link {
    margin-bottom: 0.18rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-link:hover,
.app-nav-menu[b-inma0l6bry]  .rz-state-focused > .rz-navigation-item-link,
.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-wrapper-active > .rz-navigation-item-link {
    background: rgba(255, 255, 255, 0.11);
    color: #fff;
    text-decoration: none;
}

.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-text {
    font-size: 0.95rem;
}

.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-icon {
    color: rgba(255, 255, 255, 0.82);
}

.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-content {
    margin-left: 0.5rem;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 0.55rem;
}

.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-content .rz-navigation-item-link {
    color: rgba(255, 255, 255, 0.78);
    font-weight: 600;
}

.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-content .rz-navigation-item-link:hover,
.app-nav-menu[b-inma0l6bry]  .rz-navigation-item-content .rz-navigation-item-wrapper-active > .rz-navigation-item-link {
    color: #fff;
}

.app-nav-menu--collapsed[b-inma0l6bry] {
    padding-bottom: 2rem;
}

.app-nav-menu--collapsed[b-inma0l6bry]  .rz-navigation-item-link {
    justify-content: center;
    width: 100%;
    min-height: 3rem;
    padding-right: 0.65rem;
    padding-left: 0.65rem;
}

.app-nav-menu--collapsed[b-inma0l6bry]  .rz-navigation-item {
    width: 100%;
}

.app-nav-menu--collapsed[b-inma0l6bry]  .rz-navigation-item-icon {
    margin: 0;
    font-size: 1.25rem;
}

.app-nav-menu--collapsed[b-inma0l6bry]  .rz-navigation-item-text,
.app-nav-menu--collapsed[b-inma0l6bry]  .rz-navigation-item-icon-children,
.app-nav-menu--collapsed[b-inma0l6bry]  .rz-navigation-item-content {
    display: none !important;
}

@media (max-width: 991.98px) {
    .app-nav-menu[b-inma0l6bry] {
        padding-bottom: calc(9rem + env(safe-area-inset-bottom, 0px));
    }
}
/* /Shared/OverlayLayout.razor.rz.scp.css */
.overlay-layout[b-p8wllfhnli] {
    width: 100vw;
    min-height: 100vh;
    overflow: hidden;
    background: transparent;
}
/* /Shared/RegistrationLayout.razor.rz.scp.css */
.registration-focus-layout[b-7gh838exjv] {
    min-height: 100vh;
    min-height: 100dvh;
    overflow-x: hidden;
}

.registration-focus-layout__content[b-7gh838exjv] {
    min-height: 100vh;
    min-height: 100dvh;
}

@media print {
    .registration-focus-layout[b-7gh838exjv] {
        min-height: 100vh;
        background-color: #ffffff !important;
        background-image: none !important;
    }

    .registration-focus-layout__content[b-7gh838exjv] {
        min-height: 0;
    }
}
/* /Shared/SeriesLogoPicker.razor.rz.scp.css */
.series-logo-picker[b-b8q4bo4g11] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.8rem;
    padding: 0.75rem;
    border: 1px solid #d7e1da;
    border-radius: 6px;
    background: #f8faf8;
}

.series-logo-picker__heading[b-b8q4bo4g11] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    color: #405149;
    font-size: 0.78rem;
    font-weight: 800;
}

.series-logo-picker__heading[b-b8q4bo4g11]  .rzi {
    font-size: 1rem;
}

.series-logo-picker__options[b-b8q4bo4g11] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 4.25rem);
    gap: 0.55rem;
}

.series-logo-picker__option[b-b8q4bo4g11] {
    display: block;
    width: 4.25rem;
    aspect-ratio: 1;
    padding: 0.2rem;
    overflow: hidden;
    position: relative;
    border: 1px solid #cbd5ce;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer;
}

.series-logo-picker__option:hover[b-b8q4bo4g11] {
    border-color: #4d7860;
}

.series-logo-picker__option.is-selected[b-b8q4bo4g11] {
    border-color: #17633b;
    box-shadow: 0 0 0 2px rgba(23, 99, 59, 0.18);
}

.series-logo-picker__option img[b-b8q4bo4g11] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.series-logo-picker__selected[b-b8q4bo4g11] {
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
    border-radius: 50%;
    background: #17633b;
    color: #ffffff;
}

.series-logo-picker__selected[b-b8q4bo4g11]  .rzi {
    font-size: 0.85rem;
}
/* /Shared/SiteAiAssistant.razor.rz.scp.css */
.site-ai-assistant[b-gyf1id60dz] {
    position: fixed;
    right: max(1rem, env(safe-area-inset-right, 0px));
    bottom: max(1rem, env(safe-area-inset-bottom, 0px));
    z-index: 80;
    display: grid;
    justify-items: end;
    gap: 0.75rem;
    pointer-events: none;
}

.site-ai-assistant[b-gyf1id60dz],
.site-ai-assistant *[b-gyf1id60dz] {
    box-sizing: border-box;
}

.site-ai-assistant__panel[b-gyf1id60dz],
.site-ai-assistant__launcher[b-gyf1id60dz] {
    pointer-events: auto;
}

.site-ai-assistant__panel[b-gyf1id60dz] {
    display: grid;
    gap: 0.85rem;
    width: min(25rem, calc(100vw - 2rem));
    max-height: min(42rem, calc(100dvh - 6rem));
    padding: 1rem;
    overflow: auto;
    border: 1px solid rgba(29, 78, 216, 0.14);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
}

.site-ai-assistant__header[b-gyf1id60dz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.site-ai-assistant__header div[b-gyf1id60dz] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.site-ai-assistant__header span[b-gyf1id60dz] {
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.site-ai-assistant__header strong[b-gyf1id60dz] {
    color: #111827;
    font-size: 1.02rem;
}

.site-ai-assistant__icon-button[b-gyf1id60dz],
.site-ai-assistant__launcher[b-gyf1id60dz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
}

.site-ai-assistant__icon-button[b-gyf1id60dz] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
}

.site-ai-assistant__mode[b-gyf1id60dz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.site-ai-assistant__mode-button[b-gyf1id60dz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2.35rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid rgba(100, 116, 139, 0.2);
    border-radius: 0.75rem;
    background: #f8fafc;
    color: #334155;
    font-weight: 800;
}

.site-ai-assistant__mode-button--active[b-gyf1id60dz] {
    border-color: rgba(37, 99, 235, 0.36);
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8;
}

.site-ai-assistant__mode-button:disabled[b-gyf1id60dz] {
    cursor: not-allowed;
    opacity: 0.45;
}

.site-ai-assistant__textarea[b-gyf1id60dz] {
    width: 100%;
    min-height: 8rem;
}

.site-ai-assistant__actions[b-gyf1id60dz],
.site-ai-assistant__next-actions[b-gyf1id60dz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.site-ai-assistant__actions :global(.rz-button)[b-gyf1id60dz],
.site-ai-assistant__next-actions :global(.rz-button)[b-gyf1id60dz] {
    flex: 1 1 8.5rem;
}

.site-ai-assistant__message[b-gyf1id60dz],
.site-ai-assistant__warnings[b-gyf1id60dz],
.site-ai-assistant__policy[b-gyf1id60dz] {
    border-radius: 0.75rem;
    font-size: 0.85rem;
    line-height: 1.5;
}

.site-ai-assistant__message[b-gyf1id60dz] {
    padding: 0.65rem 0.75rem;
    background: #eef6ff;
    color: #1d4ed8;
}

.site-ai-assistant__message--error[b-gyf1id60dz] {
    background: #fff1f2;
    color: #be123c;
}

.site-ai-assistant__message--warning[b-gyf1id60dz] {
    background: #fff7ed;
    color: #c2410c;
}

.site-ai-assistant__warnings[b-gyf1id60dz] {
    display: grid;
    gap: 0.35rem;
    padding: 0.65rem 0.75rem;
    background: #fffbeb;
    color: #92400e;
}

.site-ai-assistant__warnings span[b-gyf1id60dz] {
    overflow-wrap: anywhere;
}

.site-ai-assistant__policy[b-gyf1id60dz] {
    margin: 0;
    padding-top: 0.25rem;
    color: #64748b;
}

.site-ai-assistant__launcher[b-gyf1id60dz] {
    gap: 0.35rem;
    min-width: 4.25rem;
    height: 3rem;
    padding: 0 1rem;
    border-radius: 999px;
    background: #1f2937;
    color: #fff;
    font-weight: 900;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.3);
}

.site-ai-assistant__launcher .rzi[b-gyf1id60dz] {
    font-size: 1.2rem;
}

@media (max-width: 575.98px) {
    .site-ai-assistant[b-gyf1id60dz] {
        right: 0.75rem;
        bottom: 0.75rem;
    }

    .site-ai-assistant__panel[b-gyf1id60dz] {
        width: calc(100vw - 1.5rem);
        max-height: calc(100dvh - 5.25rem);
    }
}
/* /Shared/TeamEliminationBracket.razor.rz.scp.css */
.team-elimination-bracket__legend[b-wqj8d74u1u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    margin-bottom: 0.75rem;
    color: #475569;
    font-size: 0.84rem;
    font-weight: 700;
}

.team-elimination-bracket__legend span[b-wqj8d74u1u] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.team-elimination-bracket__swatch[b-wqj8d74u1u] {
    display: inline-block;
    width: 1.6rem;
    height: 0.3rem;
    border-radius: 999px;
    background: #cbd5e1;
}

.team-elimination-bracket__swatch--winner[b-wqj8d74u1u] {
    background: #16a34a;
}

.team-elimination-bracket[b-wqj8d74u1u] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    padding: 0.75rem;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    background: #f8fafc;
    box-sizing: border-box;
    scrollbar-gutter: stable;
}

.team-elimination-bracket__canvas[b-wqj8d74u1u] {
    display: block;
    max-width: none;
    min-width: max-content;
}

.team-elimination-bracket__stage-label[b-wqj8d74u1u] {
    fill: #0f172a;
    font-size: 14px;
    font-weight: 900;
}

.team-elimination-bracket__stage-count[b-wqj8d74u1u] {
    fill: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.team-elimination-bracket__connector[b-wqj8d74u1u] {
    fill: none;
    stroke: #cbd5e1;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.team-elimination-bracket__connector.is-advanced[b-wqj8d74u1u] {
    stroke: #16a34a;
    stroke-width: 3;
}

.team-elimination-bracket__card[b-wqj8d74u1u],
.team-elimination-bracket__champion-card[b-wqj8d74u1u] {
    fill: #ffffff;
    stroke: #cbd5e1;
    stroke-width: 1.25;
}

.team-elimination-bracket__champion-card[b-wqj8d74u1u] {
    fill: #f0fdf4;
    stroke: #86efac;
}

.team-elimination-bracket__divider[b-wqj8d74u1u] {
    stroke: #e2e8f0;
    stroke-width: 1;
}

.team-elimination-bracket__accent[b-wqj8d74u1u] {
    fill: #cbd5e1;
}

.team-elimination-bracket__accent.is-winner[b-wqj8d74u1u] {
    fill: #16a34a;
}

.team-elimination-bracket__name[b-wqj8d74u1u],
.team-elimination-bracket__score[b-wqj8d74u1u],
.team-elimination-bracket__champion-label[b-wqj8d74u1u] {
    fill: #1e293b;
    font-size: 12px;
    font-weight: 800;
}

.team-elimination-bracket__name.is-winner[b-wqj8d74u1u] {
    fill: #166534;
    font-weight: 900;
}

.team-elimination-bracket__name.is-placeholder[b-wqj8d74u1u] {
    fill: #94a3b8;
    font-weight: 700;
}

.team-elimination-bracket__score[b-wqj8d74u1u] {
    fill: #334155;
    font-size: 13px;
    font-weight: 900;
}

.team-elimination-bracket__champion-label[b-wqj8d74u1u] {
    fill: #166534;
    font-size: 11px;
}

.team-elimination-bracket__empty[b-wqj8d74u1u] {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #64748b;
    text-align: center;
}

@media (max-width: 767.98px) {
    .team-elimination-bracket[b-wqj8d74u1u] {
        padding: 0.55rem;
    }
}
/* /Shared/TeamPublicShareDialog.razor.rz.scp.css */
.team-share-editor[b-pf818k2jf6],
.team-share-editor *[b-pf818k2jf6] {
    box-sizing: border-box;
}

.team-share-editor[b-pf818k2jf6] {
    display: grid;
    gap: 1rem;
    color: #111827;
}

.team-share-editor__loading[b-pf818k2jf6] {
    min-height: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    color: #475569;
}

.team-share-editor__loading span[b-pf818k2jf6] {
    width: 1.25rem;
    height: 1.25rem;
    border: 3px solid #cbd5e1;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: team-share-spin-b-pf818k2jf6 0.8s linear infinite;
}

@keyframes team-share-spin-b-pf818k2jf6 {
    to { transform: rotate(360deg); }
}

.team-share-editor__header[b-pf818k2jf6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #dbe3ed;
}

.team-share-editor__header h2[b-pf818k2jf6],
.team-share-editor__header p[b-pf818k2jf6] {
    margin: 0;
    letter-spacing: 0;
}

.team-share-editor__header h2[b-pf818k2jf6] {
    font-size: 1.15rem;
    font-weight: 900;
}

.team-share-editor__header p[b-pf818k2jf6] {
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.82rem;
}

.team-share-editor__state[b-pf818k2jf6] {
    align-self: start;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    color: #475569;
    font-size: 0.75rem;
    font-weight: 850;
}

.team-share-editor__state i[b-pf818k2jf6] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: #94a3b8;
}

.team-share-editor__state.is-published[b-pf818k2jf6] {
    border-color: #86efac;
    background: #f0fdf4;
    color: #166534;
}

.team-share-editor__state.is-published i[b-pf818k2jf6] {
    background: #16a34a;
}

.team-share-editor__form[b-pf818k2jf6] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    gap: 0.8rem;
}

.team-share-editor__form label[b-pf818k2jf6] {
    min-width: 0;
    display: grid;
    gap: 0.3rem;
}

.team-share-editor__form label > span[b-pf818k2jf6] {
    color: #475569;
    font-size: 0.76rem;
    font-weight: 850;
}

.team-share-editor__form input[b-pf818k2jf6],
.team-share-editor__form textarea[b-pf818k2jf6] {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    color: #111827;
    font: inherit;
    font-size: 0.88rem;
}

.team-share-editor__form input[b-pf818k2jf6] {
    min-height: 2.55rem;
    padding: 0.4rem 0.65rem;
}

.team-share-editor__form textarea[b-pf818k2jf6] {
    min-height: 7rem;
    resize: vertical;
    padding: 0.65rem;
    line-height: 1.45;
}

.team-share-editor__form input:focus[b-pf818k2jf6],
.team-share-editor__form textarea:focus[b-pf818k2jf6] {
    border-color: #2563eb;
    outline: 2px solid rgba(37, 99, 235, 0.14);
    outline-offset: 1px;
}

.team-share-editor__notes[b-pf818k2jf6] {
    grid-column: 1 / -1;
}

.team-share-editor__warning[b-pf818k2jf6],
.team-share-editor__error[b-pf818k2jf6] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    padding: 0.65rem 0.75rem;
    border-left: 4px solid #d97706;
    background: #fffbeb;
    color: #92400e;
    font-size: 0.82rem;
    font-weight: 750;
}

.team-share-editor__error[b-pf818k2jf6] {
    border-left-color: #dc2626;
    background: #fef2f2;
    color: #991b1b;
}

.team-share-editor__link[b-pf818k2jf6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.5rem 2.5rem;
    align-items: stretch;
    gap: 0.4rem;
    padding: 0.55rem;
    border: 1px solid #86efac;
    border-radius: 7px;
    background: #f0fdf4;
}

.team-share-editor__link.is-inactive[b-pf818k2jf6] {
    grid-template-columns: minmax(0, 1fr) 2.5rem;
    border-color: #cbd5e1;
    background: #f8fafc;
}

.team-share-editor__link > div[b-pf818k2jf6] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
    padding: 0.2rem 0.3rem;
}

.team-share-editor__link span[b-pf818k2jf6] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 800;
}

.team-share-editor__link strong[b-pf818k2jf6] {
    overflow: hidden;
    color: #166534;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-share-editor__link button[b-pf818k2jf6],
.team-share-editor__link a[b-pf818k2jf6] {
    display: grid;
    place-items: center;
    min-width: 2.5rem;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    background: #fff;
    color: #166534;
    cursor: pointer;
    text-decoration: none;
}

.team-share-editor__actions[b-pf818k2jf6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding-top: 0.85rem;
    border-top: 1px solid #dbe3ed;
}

.team-share-editor__actions button[b-pf818k2jf6] {
    min-height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 6px;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 850;
    cursor: pointer;
}

.team-share-editor__actions button:disabled[b-pf818k2jf6] {
    cursor: not-allowed;
    opacity: 0.5;
}

.team-share-editor__unpublish[b-pf818k2jf6] {
    border: 1px solid #fecaca;
    background: #fff;
    color: #b91c1c;
}

.team-share-editor__publish[b-pf818k2jf6] {
    border: 1px solid #111827;
    background: #111827;
    color: #fff;
}

@media (max-width: 560px) {
    .team-share-editor__header[b-pf818k2jf6],
    .team-share-editor__form[b-pf818k2jf6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .team-share-editor__notes[b-pf818k2jf6] {
        grid-column: auto;
    }

    .team-share-editor__actions[b-pf818k2jf6] {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}
/* /Shared/TeamSpriteStrip.razor.rz.scp.css */
.team-sprite-strip[b-msekvbb31c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    min-height: 44px;
}

.team-sprite-strip__slot[b-msekvbb31c] {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}

.team-sprite-strip__slot img[b-msekvbb31c] {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
    image-rendering: pixelated;
}

.team-sprite-strip__empty[b-msekvbb31c] {
    color: #64748b;
    font-size: 0.85rem;
    font-weight: 700;
}
/* /Shared/TrainerCardPanel.razor.rz.scp.css */
.trainer-card-panel[b-nwjnkqcrwj] {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.58), transparent 34%),
        linear-gradient(135deg, #1d4ed8 0%, #2563eb 38%, #60a5fa 100%);
    box-shadow: 0 24px 54px rgba(37, 99, 235, 0.2);
}

.trainer-card-panel__surface[b-nwjnkqcrwj] {
    position: relative;
    display: grid;
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1.2rem;
    min-width: 0;
}

.trainer-card-panel__surface[b-nwjnkqcrwj]::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: inherit;
    pointer-events: none;
}

.trainer-card-panel__media[b-nwjnkqcrwj] {
    overflow: hidden;
    border-radius: 24px;
    aspect-ratio: 1;
    border: 4px solid rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.22);
}

.trainer-card-panel__media img[b-nwjnkqcrwj] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trainer-card-panel__content[b-nwjnkqcrwj] {
    display: grid;
    gap: 0.7rem;
    min-width: 0;
    color: #eff6ff;
}

.trainer-card-panel__header[b-nwjnkqcrwj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.65rem;
    align-items: center;
}

.trainer-card-panel__badge-row[b-nwjnkqcrwj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.45rem;
}

.trainer-card-panel__eyebrow[b-nwjnkqcrwj] {
    color: rgba(239, 246, 255, 0.92);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.trainer-card-panel h3[b-nwjnkqcrwj],
.trainer-card-panel__id[b-nwjnkqcrwj],
.trainer-card-panel__details dd[b-nwjnkqcrwj],
.trainer-card-panel__details dt[b-nwjnkqcrwj] {
    margin: 0;
}

.trainer-card-panel h3[b-nwjnkqcrwj] {
    font-size: clamp(1.5rem, 2.6vw, 2.3rem);
    font-weight: 950;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.trainer-card-panel__id[b-nwjnkqcrwj] {
    font-size: 0.92rem;
    font-weight: 800;
    color: rgba(219, 234, 254, 0.94);
}

.trainer-card-panel__details[b-nwjnkqcrwj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.trainer-card-panel__details div[b-nwjnkqcrwj] {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(10px);
}

.trainer-card-panel__details dt[b-nwjnkqcrwj] {
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    color: rgba(219, 234, 254, 0.86);
    text-transform: uppercase;
}

.trainer-card-panel__details dd[b-nwjnkqcrwj] {
    font-size: 1rem;
    font-weight: 900;
    color: #ffffff;
    overflow-wrap: anywhere;
}

.trainer-card-panel :global(.battle-title-badge)[b-nwjnkqcrwj],
.trainer-card-panel :global(.user-level-badge)[b-nwjnkqcrwj] {
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: none;
}

.trainer-card-panel--compact .trainer-card-panel__surface[b-nwjnkqcrwj] {
    height: 100%;
    grid-template-columns: 104px minmax(0, 1fr);
    padding: 0.95rem 1rem;
    gap: 0.9rem;
    align-items: center;
}

.trainer-card-panel--compact[b-nwjnkqcrwj] {
    width: min(100%, 360px);
    aspect-ratio: 86 / 54;
    margin-inline: auto;
}

.trainer-card-panel--compact .trainer-card-panel__media[b-nwjnkqcrwj] {
    align-self: center;
    width: 100%;
    border-radius: 22px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.24);
}

.trainer-card-panel--compact .trainer-card-panel__content[b-nwjnkqcrwj] {
    gap: 0.48rem;
    align-content: center;
}

.trainer-card-panel--compact .trainer-card-panel__header[b-nwjnkqcrwj] {
    gap: 0.35rem;
    align-items: flex-start;
}

.trainer-card-panel--compact .trainer-card-panel__badge-row[b-nwjnkqcrwj] {
    justify-content: flex-end;
    gap: 0.35rem;
}

.trainer-card-panel--compact .trainer-card-panel__eyebrow[b-nwjnkqcrwj] {
    font-size: 0.68rem;
    letter-spacing: 0.1em;
}

.trainer-card-panel--compact h3[b-nwjnkqcrwj] {
    font-size: clamp(1.18rem, 1.7vw, 1.5rem);
    line-height: 1.05;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trainer-card-panel--compact .trainer-card-panel__id[b-nwjnkqcrwj] {
    font-size: 0.78rem;
}

.trainer-card-panel--compact .trainer-card-panel__details[b-nwjnkqcrwj] {
    gap: 0.45rem;
}

.trainer-card-panel--compact .trainer-card-panel__details div[b-nwjnkqcrwj] {
    padding: 0.5rem 0.58rem;
    border-radius: 16px;
}

.trainer-card-panel--compact .trainer-card-panel__details dt[b-nwjnkqcrwj] {
    font-size: 0.66rem;
}

.trainer-card-panel--compact .trainer-card-panel__details dd[b-nwjnkqcrwj] {
    font-size: 0.82rem;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trainer-card-panel--compact :global(.battle-title-badge)[b-nwjnkqcrwj],
.trainer-card-panel--compact :global(.user-level-badge)[b-nwjnkqcrwj] {
    transform: scale(0.94);
    transform-origin: left center;
}

@media (max-width: 767.98px) {
    .trainer-card-panel__surface[b-nwjnkqcrwj],
    .trainer-card-panel--compact .trainer-card-panel__surface[b-nwjnkqcrwj] {
        grid-template-columns: 1fr;
        gap: 0.9rem;
    }

    .trainer-card-panel__media[b-nwjnkqcrwj] {
        width: min(100%, 180px);
        margin: 0 auto;
    }

    .trainer-card-panel--compact[b-nwjnkqcrwj] {
        width: 100%;
        aspect-ratio: auto;
    }

    .trainer-card-panel__details[b-nwjnkqcrwj] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/UserLevelBadge.razor.rz.scp.css */
.user-level-badge[b-m8kmjqazqx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    box-shadow: 0 10px 22px rgba(249, 115, 22, 0.22);
    white-space: nowrap;
}

.user-level-badge--compact[b-m8kmjqazqx] {
    min-height: 1.45rem;
    padding: 0.1rem 0.5rem;
    font-size: 0.72rem;
}
/* /Shared/UserNotificationBell.razor.rz.scp.css */
.notification-bell[b-gcw6eyi245] {
    position: relative;
}

.notification-bell__button[b-gcw6eyi245] {
    position: relative;
    display: inline-flex;
    width: 2.45rem;
    height: 2.45rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.notification-bell__icon[b-gcw6eyi245] {
    line-height: 1;
}

.notification-bell__count[b-gcw6eyi245] {
    position: absolute;
    top: -0.35rem;
    right: -0.25rem;
    display: inline-grid;
    min-width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: #ef4444;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 950;
}

.notification-bell__panel[b-gcw6eyi245] {
    position: absolute;
    z-index: 1200;
    top: calc(100% + 0.65rem);
    right: 0;
    display: grid;
    width: min(360px, calc(100vw - 1.5rem));
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.18);
}

.notification-bell__panel header[b-gcw6eyi245],
.notification-bell__panel footer[b-gcw6eyi245] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.notification-bell__panel header div[b-gcw6eyi245] {
    display: grid;
    gap: 0.1rem;
}

.notification-bell__panel strong[b-gcw6eyi245] {
    color: #0f172a;
}

.notification-bell__panel header span[b-gcw6eyi245],
.notification-bell__item time[b-gcw6eyi245] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.notification-bell__panel button[b-gcw6eyi245],
.notification-bell__panel a[b-gcw6eyi245] {
    color: #2563eb;
    font-weight: 900;
    text-decoration: none;
}

.notification-bell__panel header button[b-gcw6eyi245] {
    padding: 0.25rem 0.6rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    font-size: 0.78rem;
}

.notification-bell__empty[b-gcw6eyi245] {
    padding: 1.5rem 0.5rem;
    color: #64748b;
    text-align: center;
    font-weight: 800;
}

.notification-bell__list[b-gcw6eyi245] {
    display: grid;
    gap: 0.55rem;
    max-height: 420px;
    overflow: auto;
}

.notification-bell__item[b-gcw6eyi245] {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #f8fafc;
}

.notification-bell__item--unread[b-gcw6eyi245] {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.notification-bell__item > button[b-gcw6eyi245] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    width: 100%;
    padding: 0.7rem;
    border: 0;
    background: transparent;
    text-align: left;
}

.notification-bell__item p[b-gcw6eyi245] {
    margin: 0.15rem 0;
    color: #475569;
    font-size: 0.84rem;
    font-weight: 700;
}

@media (max-width: 640px) {
    .notification-bell__panel[b-gcw6eyi245] {
        right: -5.2rem;
    }
}
/* /Shared/UserSummaryCell.razor.rz.scp.css */
.user-summary-cell[b-s4gqlcy29x] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    line-height: 1.35;
}

.user-summary-cell strong[b-s4gqlcy29x] {
    color: #1f2937;
    font-weight: 700;
}

.user-summary-cell span[b-s4gqlcy29x] {
    color: #6b7280;
    font-size: 0.9rem;
    word-break: break-word;
}

.user-summary-cell :global(.battle-title-badge)[b-s4gqlcy29x] {
    width: fit-content;
    min-height: 1.65rem;
    padding: 0.18rem 0.58rem;
    font-size: 0.76rem;
}
/* /Shared/VsRecorderMatchActionCard.razor.rz.scp.css */
.vs-recorder-action-card[b-9vwp2tar8g] {
    margin-bottom: 0.75rem;
}

.vs-recorder-action-card__row[b-9vwp2tar8g] {
    display: grid;
    grid-template-columns: minmax(5.5rem, 6.25rem) minmax(0, 1.25fr) minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 0.9rem 1rem;
    border-radius: 999px;
    text-align: center;
}

.vs-recorder-action-card__logo-wrap[b-9vwp2tar8g] {
    display: flex;
    justify-content: center;
}

.vs-recorder-action-card__logo[b-9vwp2tar8g] {
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.vs-recorder-action-card__meta[b-9vwp2tar8g] {
    display: grid;
    gap: 0.25rem;
    justify-items: center;
}

.vs-recorder-action-card__label[b-9vwp2tar8g] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.vs-recorder-action-card__title[b-9vwp2tar8g] {
    margin: 0;
    color: #0f172a;
    font-size: 1.1rem;
}

.vs-recorder-action-card__action[b-9vwp2tar8g] {
    display: flex;
    justify-content: center;
}

.vs-recorder-action-card__link[b-9vwp2tar8g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 6.75rem;
    min-height: 2.35rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff !important;
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .vs-recorder-action-card__row[b-9vwp2tar8g] {
        grid-template-columns: minmax(0, 1fr);
        border-radius: 24px;
    }
}
/* /Shared/VsRecorderMatchSection.razor.rz.scp.css */
.vs-recorder__accordion-card[b-b242qockg7] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
}

.card-header[b-b242qockg7] {
    border: 0;
    background: #f8fafc;
    padding: 0;
}

.card-header h2[b-b242qockg7] {
    margin: 0;
}

.card-header .btn-link[b-b242qockg7] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1rem;
    color: #0f172a !important;
    font-weight: 900;
    text-align: left;
    text-decoration: none;
}

.card-header .btn-link[b-b242qockg7]::after {
    content: "展开";
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 0.72rem;
}

.card-body[b-b242qockg7] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    background: #ffffff;
}

.vs-recorder__section-link[b-b242qockg7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.3rem;
    margin-top: 0.25rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 0.86rem;
    font-weight: 900;
    text-decoration: none;
}

.vs-recorder__section-link:hover[b-b242qockg7] {
    color: #1d4ed8;
    text-decoration: none;
}
/* /Shared/VsRecorderProfileCard.razor.rz.scp.css */
.vs-recorder__profile-column[b-9v6fioyj9w] {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    flex: initial !important;
    padding-right: 0;
    padding-left: 0;
}

.vs-recorder__profile-card[b-9v6fioyj9w] {
    padding: 1rem;
    border: 0;
    border-radius: 24px;
    background: linear-gradient(160deg, #006adc 0%, #1d4ed8 100%) !important;
    box-shadow: 0 18px 36px rgba(30, 64, 175, 0.25) !important;
}

.vs-recorder__avatar[b-9v6fioyj9w] {
    width: 100%;
    max-width: 260px;
    margin-top: 0.5rem;
    border: 3px groove #bfdbfe;
}

.vs-recorder__profile-stats[b-9v6fioyj9w] {
    display: grid !important;
    width: 100%;
    gap: 0.25rem;
    padding: 0.75rem;
    border: 0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: none;
}

.vs-recorder__stat-row[b-9v6fioyj9w] {
    display: grid !important;
    grid-template-columns: minmax(5.25rem, 0.85fr) minmax(0, 1.5fr);
    gap: 0;
    width: 100%;
    margin: 0 0 0.65rem !important;
}

.vs-recorder__stat-row > [class*="col-"][b-9v6fioyj9w] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: none !important;
    min-height: 2.45rem;
    flex: initial !important;
    margin-bottom: 0 !important;
}

.vs-recorder__stat-label[b-9v6fioyj9w] {
    background: rgba(255, 255, 255, 0.62);
    color: #0f172a;
}

.vs-recorder__stat-value[b-9v6fioyj9w] {
    color: #0f172a;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.vs-recorder__title-value[b-9v6fioyj9w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
}

.vs-recorder__title-value button[b-9v6fioyj9w] {
    padding: 0.2rem 0.55rem;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.74rem;
    font-weight: 900;
}

@media (max-width: 1199.98px) {
    .vs-recorder__profile-column[b-9v6fioyj9w] {
        min-width: 0;
    }
}
/* /Shared/VsRecorderPublicMatchCard.razor.rz.scp.css */
.an[b-czu13s9kt5] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.abtex[b-czu13s9kt5] {
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.abtex:hover[b-czu13s9kt5],
.an:hover .abtex[b-czu13s9kt5] {
    border-color: #93c5fd;
    box-shadow: 0 14px 28px rgba(37, 99, 235, 0.12) !important;
    transform: translateY(-2px);
}

.abtex > .vs-recorder__match-card-row[b-czu13s9kt5] {
    display: grid !important;
    grid-template-columns: 84px minmax(180px, 1.6fr) minmax(110px, 0.7fr) minmax(130px, 0.8fr) minmax(90px, 0.5fr);
    gap: 0.75rem;
    min-height: auto !important;
    align-items: center;
    margin: 0 !important;
    text-align: left !important;
}

.vs-recorder__match-card-row[b-czu13s9kt5] {
    min-height: 100px;
}

.vs-recorder__match-card-row > [class*="col-"][b-czu13s9kt5] {
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

.vs-recorder__match-card-row > [class*="col-"]:first-child[b-czu13s9kt5] {
    text-align: center !important;
}

.vs-recorder__match-spacer[b-czu13s9kt5] {
    display: none;
}

.vs-recorder__match-meta[b-czu13s9kt5] {
    margin-top: 0.125rem;
}

.vs-recorder__match-label[b-czu13s9kt5] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.vs-recorder__match-title[b-czu13s9kt5] {
    margin: 0;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 500 !important;
    overflow-wrap: anywhere;
}

.vs-recorder__metric-value[b-czu13s9kt5] {
    color: #0f172a;
    font-size: 1.45rem;
    line-height: 1.1;
}

.vs-recorder__status[b-czu13s9kt5] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 900;
}

.vs-recorder__status--registering[b-czu13s9kt5] {
    background: #fee2e2;
    color: #b91c1c;
}

.vs-recorder__status--running[b-czu13s9kt5] {
    background: #dcfce7;
    color: #15803d;
}

.vs-recorder__status--finished[b-czu13s9kt5] {
    background: #f1f5f9;
    color: #475569;
}

.vs-recorder__joined-note[b-czu13s9kt5] {
    color: #94a3b8;
    font-style: normal;
    font-weight: 800;
}

.abtex img.rounded-circle[b-czu13s9kt5] {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover;
}

@media (max-width: 1199.98px) {
    .abtex > .vs-recorder__match-card-row[b-czu13s9kt5] {
        grid-template-columns: 72px minmax(180px, 1fr) minmax(110px, 0.5fr);
    }
}

@media (max-width: 767.98px) {
    .abtex > .vs-recorder__match-card-row[b-czu13s9kt5] {
        grid-template-columns: 1fr;
        text-align: center !important;
    }

    .vs-recorder__match-card-row > [class*="col-"][b-czu13s9kt5] {
        text-align: center !important;
    }

    .abtex img.rounded-circle[b-czu13s9kt5] {
        width: 88px !important;
        height: 88px !important;
    }
}
/* /Shared/ZaBattleResultEditor.razor.rz.scp.css */
.za-result-editor[b-xt59vhdmad] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 14px 34px rgba(30, 64, 175, 0.08);
}

.za-result-editor__empty[b-xt59vhdmad] {
    padding: 1rem;
    color: #64748b;
    text-align: center;
}

.za-result-editor__header[b-xt59vhdmad],
.za-result-editor__actions[b-xt59vhdmad] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.za-result-editor__header h4[b-xt59vhdmad] {
    margin: 0.15rem 0 0;
    color: #0f172a;
}

.za-result-editor__eyebrow[b-xt59vhdmad] {
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.za-result-editor__status[b-xt59vhdmad] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 800;
}

.za-result-editor__status--waiting[b-xt59vhdmad] {
    background: #fef3c7;
    color: #92400e;
}

.za-result-editor__status--done[b-xt59vhdmad] {
    background: #dcfce7;
    color: #166534;
}

.za-result-editor__seats[b-xt59vhdmad] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.85rem;
}

.za-result-editor__seat[b-xt59vhdmad] {
    display: grid;
    gap: 0.8rem;
    padding: 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.za-result-editor__seat-main[b-xt59vhdmad] {
    display: grid;
    gap: 0.25rem;
}

.za-result-editor__seat-number[b-xt59vhdmad],
.za-result-editor__seat-meta[b-xt59vhdmad] {
    color: #64748b;
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.za-result-editor__seat label[b-xt59vhdmad] {
    display: grid;
    gap: 0.4rem;
    color: #475569;
    font-weight: 800;
}

.za-result-editor__done[b-xt59vhdmad] {
    color: #166534;
    font-weight: 800;
}
/* /Shared/ZaBattleResultQueue.razor.rz.scp.css */
.za-result-queue[b-tyxfcd9wrf] {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.za-result-queue__table[b-tyxfcd9wrf] {
    width: 100%;
    min-width: 760px;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

.za-result-queue__table th[b-tyxfcd9wrf],
.za-result-queue__table td[b-tyxfcd9wrf] {
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid #edf2f7;
    vertical-align: middle;
}

.za-result-queue__table th[b-tyxfcd9wrf] {
    background: #f8fafc;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.za-result-queue__table tbody tr:last-child td[b-tyxfcd9wrf] {
    border-bottom: 0;
}

.za-result-queue__row[b-tyxfcd9wrf] {
    cursor: pointer;
}

.za-result-queue__row:hover td[b-tyxfcd9wrf] {
    background: #f8fafc;
}

.za-result-queue__row--selected td[b-tyxfcd9wrf] {
    background: #eff6ff;
}

.za-result-queue__row:focus-visible[b-tyxfcd9wrf] {
    outline: none;
}

.za-result-queue__row:focus-visible td[b-tyxfcd9wrf] {
    background: #f8fafc;
    box-shadow: inset 0 0 0 2px #60a5fa;
}

.za-result-queue__player[b-tyxfcd9wrf] {
    display: grid;
    gap: 0.15rem;
}

.za-result-queue__player span[b-tyxfcd9wrf] {
    color: #94a3b8;
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.za-result-queue__status[b-tyxfcd9wrf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
}

.za-result-queue__status--waiting[b-tyxfcd9wrf] {
    background: #fef3c7;
    color: #92400e;
}

.za-result-queue__status--done[b-tyxfcd9wrf] {
    background: #dcfce7;
    color: #166534;
}