/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Pages/Admin.razor.rz.scp.css */
.admin-page[b-ox0ook2uoy] {
    align-items: stretch;
    background:
        radial-gradient(circle at 1px 1px, rgba(148, 163, 184, .24) 1px, transparent 0),
        #151719;
    background-size: 18px 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
}

[b-ox0ook2uoy] .admin-shell {
    background: #070e1b;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: none;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: auto;
    padding: max(18px, env(safe-area-inset-top)) 14px var(--app-shell-bottom-padding);
    position: relative;
    width: 100%;
}

[b-ox0ook2uoy] .eyebrow {
    color: #8fe6ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 11px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-ox0ook2uoy] .admin-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 30px;
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: 0;
    line-height: 1.05;
}

[b-ox0ook2uoy] .icon-button {
    background: #1c5677;
    border-radius: 8px;
    color: #8fe6ff;
    min-height: 42px;
    min-width: 42px;
    padding: 0;
}

[b-ox0ook2uoy] .overview-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 18px 0 14px;
}

[b-ox0ook2uoy] .metric-card {
    background: #121d31;
    border: 1px solid rgba(143, 230, 255, .14);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    min-height: 108px;
    padding: 14px;
}

[b-ox0ook2uoy] .metric-card .mud-icon-root {
    color: #8fe6ff;
}

[b-ox0ook2uoy] .metric-card.warn .mud-icon-root {
    color: #ffc857;
}

[b-ox0ook2uoy] .metric-value {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 30px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: 0;
    line-height: 1;
}

[b-ox0ook2uoy] .metric-label {
    color: #aab4c5;
    font-size: 13px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-ox0ook2uoy] .admin-tabs {
    background: #10192b;
    border: 1px solid rgba(170, 180, 197, .16);
    border-radius: 8px;
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
    padding: 5px;
}

[b-ox0ook2uoy] .admin-tab {
    border-radius: 8px;
    color: #aab4c5;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-button-weight, 700);
    min-width: 0;
    padding: 10px 6px;
    text-transform: none;
}

[b-ox0ook2uoy] .admin-tab.active {
    background: #1c5677;
    color: #8fe6ff;
}

[b-ox0ook2uoy] .admin-section {
    display: grid;
    gap: 12px;
}

[b-ox0ook2uoy] .data-list {
    display: grid;
    gap: 8px;
}

[b-ox0ook2uoy] .data-list.nested {
    margin-top: 14px;
}

[b-ox0ook2uoy] .expand-item {
    display: grid;
    gap: 0;
    min-width: 0;
}

[b-ox0ook2uoy] .nested-item {
    gap: 0;
}

[b-ox0ook2uoy] .data-row {
    background: #121d31;
    border: 1px solid rgba(170, 180, 197, .14);
    border-radius: 8px;
    color: #ffffff;
    min-width: 0;
    padding: 12px;
    text-align: left;
    text-transform: none;
}

[b-ox0ook2uoy] .data-row.active {
    border-color: rgba(143, 230, 255, .7);
}

[b-ox0ook2uoy] .data-row .mud-button-label {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
    width: 100%;
}

[b-ox0ook2uoy] .row-main {
    display: grid;
    gap: 2px;
    min-width: 0;
}

[b-ox0ook2uoy] .row-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 14px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ox0ook2uoy] .row-subtitle,
[b-ox0ook2uoy] .row-meta {
    color: #aab4c5;
    font-size: 12px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.25;
}

[b-ox0ook2uoy] .row-meta {
    max-width: 104px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ox0ook2uoy] .coverage-pill {
    border-radius: 999px;
    flex: 0 0 auto;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    padding: 6px 9px;
}

[b-ox0ook2uoy] .coverage-pill.complete {
    background: rgba(76, 175, 80, .14);
    color: #9cf2a0;
}

[b-ox0ook2uoy] .coverage-pill.missing {
    background: rgba(255, 200, 87, .14);
    color: #ffc857;
}

[b-ox0ook2uoy] .inline-panel,
[b-ox0ook2uoy] .empty-state {
    background: #10192b;
    border: 1px solid rgba(170, 180, 197, .16);
    border-radius: 8px;
    padding: 14px;
}

[b-ox0ook2uoy] .inline-panel {
    border-color: rgba(143, 230, 255, .24);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px;
}

[b-ox0ook2uoy] .detail-title,
[b-ox0ook2uoy] .empty-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 15px;
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: 0;
}

[b-ox0ook2uoy] .detail-copy,
[b-ox0ook2uoy] .empty-copy {
    color: #aab4c5;
    font-size: 13px;
    font-weight: var(--mud-typography-body1-weight, 400);
}

[b-ox0ook2uoy] .empty-state {
    display: grid;
    gap: 6px;
    justify-items: start;
}

[b-ox0ook2uoy] .empty-state .mud-icon-root {
    color: #8fe6ff;
}

[b-ox0ook2uoy] .member-list {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

[b-ox0ook2uoy] .member-row {
    align-items: center;
    background: #121d31;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
    padding: 10px;
}

[b-ox0ook2uoy] .member-row > span:first-child {
    display: grid;
    min-width: 0;
}

[b-ox0ook2uoy] .member-name {
    color: #ffffff;
    font-size: 14px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ox0ook2uoy] .member-email {
    color: #aab4c5;
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ox0ook2uoy] .member-role {
    color: #8fe6ff;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-ox0ook2uoy] .missing-panel {
    background: #0b1424;
    border: 1px solid rgba(170, 180, 197, .14);
    border-radius: 8px;
    border-top: 1px solid rgba(170, 180, 197, .16);
    margin-top: 14px;
    padding: 12px;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .admin-page[b-ox0ook2uoy] {
        padding: 28px;
    }

    [b-ox0ook2uoy] .admin-shell {
        border: 1px solid rgba(71, 108, 153, .65);
        border-radius: 8px;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
        max-width: 430px;
        max-height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }
}
/* /Components/Pages/GroupDetailsPage.razor.rz.scp.css */
.group-details-page[b-nizu7xo7dq] {
    align-items: stretch;
    background:
        radial-gradient(circle at 1px 1px, rgba(148, 163, 184, .24) 1px, transparent 0),
        #151719;
    background-size: 18px 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
}

[b-nizu7xo7dq] .phone-shell {
    background: #070e1b;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: none;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    padding: max(18px, env(safe-area-inset-top)) 16px var(--app-shell-bottom-padding);
    position: relative;
    width: 100%;
}

[b-nizu7xo7dq] .hero-card,
[b-nizu7xo7dq] .leaderboard-panel,
[b-nizu7xo7dq] .member-row,
[b-nizu7xo7dq] .standing-row,
[b-nizu7xo7dq] .details-panel,
[b-nizu7xo7dq] .prediction-row,
[b-nizu7xo7dq] .empty-state {
    background: #121b2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
}

[b-nizu7xo7dq] .hero-card {
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 200, 87, .14), transparent 28%),
        linear-gradient(140deg, #141d2e, #101827 70%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}

[b-nizu7xo7dq] .invite-row {
    border-top: 1px solid rgba(86, 112, 151, .3);
    padding-top: 10px;
    flex-wrap: wrap;
}

[b-nizu7xo7dq] .invite-controls {
    flex-shrink: 0;
}

[b-nizu7xo7dq] .leaderboard-panel,
[b-nizu7xo7dq] .details-panel {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
}

[b-nizu7xo7dq] .inline-details-panel {
    margin-top: -2px;
}

[b-nizu7xo7dq] .details-scroll {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 470px;
    overflow-y: auto;
    padding-right: 2px;
}

.points-breakdown[b-nizu7xo7dq] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.points-breakdown-item[b-nizu7xo7dq] {
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(86, 112, 151, .34);
    border-radius: 8px;
    min-width: 0;
    padding: 9px 8px;
}

.points-breakdown-item.tournament[b-nizu7xo7dq] {
    background: rgba(19, 196, 255, .09);
}

.points-breakdown-item.total[b-nizu7xo7dq] {
    background: rgba(255, 200, 87, .12);
    border-color: rgba(255, 200, 87, .34);
}

[b-nizu7xo7dq] .group-title,
[b-nizu7xo7dq] .section-title,
[b-nizu7xo7dq] .invite-code,
[b-nizu7xo7dq] .member-name,
[b-nizu7xo7dq] .empty-title,
[b-nizu7xo7dq] .points,
[b-nizu7xo7dq] .details-title,
[b-nizu7xo7dq] .match-title,
[b-nizu7xo7dq] .prediction-points,
[b-nizu7xo7dq] .breakdown-value {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: 0;
}

[b-nizu7xo7dq] .group-title {
    color: #6bd8ff;
    font-size: 22px;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

[b-nizu7xo7dq] .section-title {
    font-size: 18px;
}

[b-nizu7xo7dq] .eyebrow,
[b-nizu7xo7dq] .member-count,
[b-nizu7xo7dq] .member-meta,
[b-nizu7xo7dq] .empty-copy,
[b-nizu7xo7dq] .teams-line,
[b-nizu7xo7dq] .score-line,
[b-nizu7xo7dq] .breakdown-label {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-body1-weight, 400);
    letter-spacing: 0;
}

[b-nizu7xo7dq] .eyebrow {
    color: #7f8898;
    font-size: 12px;
    text-transform: uppercase;
}

[b-nizu7xo7dq] .breakdown-label {
    color: #8f9bad;
    display: block;
    font-size: 12px;
    line-height: 1.15;
    min-height: 21px;
    text-transform: uppercase;
}

[b-nizu7xo7dq] .breakdown-value {
    display: block;
    font-size: 14px;
    line-height: 1.1;
    margin-top: 5px;
    white-space: nowrap;
}

[b-nizu7xo7dq] .invite-copy {
    min-width: 0;
}

[b-nizu7xo7dq] .invite-code {
    color: #ffc857;
    font-size: 26px;
    line-height: 1;
}

[b-nizu7xo7dq] .invite-code.compact {
    font-size: 17px;
    line-height: 1.05;
    overflow-wrap: anywhere;
    text-align: left;
}

[b-nizu7xo7dq] .group-heading {
    min-width: 0;
}

[b-nizu7xo7dq] .icon-button {
    background: #13c4ff;
    border-radius: 8px;
    color: #03111c;
    height: 44px;
    min-width: 44px;
    padding: 0;
}

[b-nizu7xo7dq] .invite-action {
    background: #13c4ff;
    border-radius: 7px;
    color: #03111c;
    height: 36px;
    min-width: 36px;
    padding: 0;
}

[b-nizu7xo7dq] .icon-button.muted {
    background: #253148;
    color: #e5edf8;
}

[b-nizu7xo7dq] .icon-button.small {
    height: 34px;
    min-width: 34px;
}

[b-nizu7xo7dq] .invite-action.accent {
    background: #ffc857;
}

[b-nizu7xo7dq] .danger-button {
    border-radius: 7px;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 14px;
    font-weight: var(--mud-typography-button-weight, 700);
    padding: 10px 14px;
    text-transform: none;
    width: 100%;
}

[b-nizu7xo7dq] .regenerate-action {
    background: transparent;
    border: 1px solid rgba(19, 196, 255, .75);
    color: #8fe6ff;
    font-size: 12px;
    padding: 0;
    text-transform: none;
}

[b-nizu7xo7dq] .danger-button {
    border: 2px solid #ff5a5f;
    color: #ff8b8f;
}

[b-nizu7xo7dq] .rules-row {
    flex-wrap: wrap;
    justify-content: flex-end;
}

[b-nizu7xo7dq] .role-chip,
[b-nizu7xo7dq] .you-chip,
[b-nizu7xo7dq] .rule-chip,
[b-nizu7xo7dq] .result-chip {
    background: rgba(19, 196, 255, .12);
    color: #8fe6ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-nizu7xo7dq] .rule-chip.wrong,
[b-nizu7xo7dq] .result-chip.wrong {
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
}

[b-nizu7xo7dq] .you-chip {
    background: rgba(255, 200, 87, .14);
    color: #ffc857;
}

[b-nizu7xo7dq] .standings-section,
[b-nizu7xo7dq] .members-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-nizu7xo7dq] .standing-row,
[b-nizu7xo7dq] .member-row,
[b-nizu7xo7dq] .prediction-row {
    padding: 12px;
}

[b-nizu7xo7dq] .details-scroll .prediction-row {
    padding: 11px 12px;
}

[b-nizu7xo7dq] .details-scroll .prediction-row > .mud-stack {
    gap: 7px;
}

[b-nizu7xo7dq] .standing-row {
    cursor: pointer;
}

[b-nizu7xo7dq] .standing-row.current-user,
[b-nizu7xo7dq] .member-row.current-user {
    background: #142033;
}

[b-nizu7xo7dq] .standing-row.top-1 {
    border-color: rgba(86, 112, 151, .42);
}

[b-nizu7xo7dq] .standing-row.top-2 {
    border-color: rgba(86, 112, 151, .42);
}

[b-nizu7xo7dq] .standing-row.top-3 {
    border-color: rgba(86, 112, 151, .42);
}

[b-nizu7xo7dq] .rank-avatar,
[b-nizu7xo7dq] .member-avatar {
    background: #1c5677;
    color: #8fe6ff;
    flex: 0 0 auto;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-nizu7xo7dq] .rank-avatar.top-1 {
    background: #ffc857;
    color: #221600;
}

[b-nizu7xo7dq] .rank-avatar.top-2 {
    background: #c4d6e2;
    color: #10202c;
}

[b-nizu7xo7dq] .rank-avatar.top-3 {
    background: #e69752;
    color: #1d1007;
}

[b-nizu7xo7dq] .member-copy,
[b-nizu7xo7dq] .member-name-wrap {
    min-width: 0;
}

[b-nizu7xo7dq] .member-name {
    font-size: 14px;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-nizu7xo7dq] .points {
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
}

[b-nizu7xo7dq] .details-title {
    color: #6bd8ff;
    font-size: 18px;
}

[b-nizu7xo7dq] .prediction-row.exactscore,
[b-nizu7xo7dq] .prediction-row.correctoutcome,
[b-nizu7xo7dq] .prediction-row.correctoutcomewithteamgoals,
[b-nizu7xo7dq] .prediction-row.correctteamgoals,
[b-nizu7xo7dq] .prediction-row.correctpick,
[b-nizu7xo7dq] .prediction-row.wrong {
    border-color: rgba(86, 112, 151, .42);
}

[b-nizu7xo7dq] .result-chip.exactscore,
[b-nizu7xo7dq] .result-chip.correctpick {
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
}

[b-nizu7xo7dq] .result-chip.correctoutcome,
[b-nizu7xo7dq] .result-chip.correctoutcomewithteamgoals,
[b-nizu7xo7dq] .result-chip.correctteamgoals {
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
}

[b-nizu7xo7dq] .result-chip {
    align-items: center;
    display: inline-flex;
    gap: 3px;
}

[b-nizu7xo7dq] .result-chip.exactscore .mud-icon-root,
[b-nizu7xo7dq] .result-chip.correctoutcome .mud-icon-root,
[b-nizu7xo7dq] .result-chip.correctoutcomewithteamgoals .mud-icon-root,
[b-nizu7xo7dq] .result-chip.correctteamgoals .mud-icon-root,
[b-nizu7xo7dq] .result-chip.correctpick .mud-icon-root {
    color: #32d583;
}

[b-nizu7xo7dq] .result-chip.live { background: rgba(255, 200, 87, .14); color: #ffc857; }

[b-nizu7xo7dq] .result-chip.wrong .mud-icon-root {
    color: #ff5a5f;
}

[b-nizu7xo7dq] .match-title {
    font-size: 15px;
    line-height: 1.1;
}

[b-nizu7xo7dq] .match-title-row {
    flex-wrap: wrap;
    min-width: 0;
}

[b-nizu7xo7dq] .prediction-row .match-title-row {
    gap: 5px;
    margin-top: 1px;
    min-height: 19px;
}

[b-nizu7xo7dq] .prediction-row .detail-flag {
    flex-basis: 17px;
    height: 17px;
    width: 17px;
}

[b-nizu7xo7dq] .prediction-row .detail-flag-image {
    height: 12px;
    max-width: 12px;
    width: 12px;
}

[b-nizu7xo7dq] .prediction-row .match-title {
    font-size: 14px;
    line-height: 17px;
}

[b-nizu7xo7dq] .prediction-row .vs-label {
    font-size: 12px;
    line-height: 17px;
}

[b-nizu7xo7dq] .prediction-meta-row,
[b-nizu7xo7dq] .prediction-score-row {
    min-width: 0;
    width: 100%;
}

[b-nizu7xo7dq] .prediction-row .result-chip {
    font-size: 12px;
    min-height: 20px;
    padding: 0 7px;
}

[b-nizu7xo7dq] .prediction-row .result-chip .mud-icon-root {
    font-size: 14px;
}

[b-nizu7xo7dq] .prediction-row .score-line {
    font-size: 12px;
    line-height: 1.2;
    min-width: 0;
    padding-right: 8px;
}

[b-nizu7xo7dq] .prediction-row .prediction-points {
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 1;
}

[b-nizu7xo7dq] .vs-label {
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-nizu7xo7dq] .detail-flag {
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 22px;
    height: 22px;
    justify-content: center;
    width: 22px;
}

[b-nizu7xo7dq] .detail-flag-image {
    display: block;
    height: 16px;
    max-width: 16px;
    object-fit: contain;
    width: 16px;
}

[b-nizu7xo7dq] .teams-line {
    color: #d9e4f2;
}

[b-nizu7xo7dq] .match-date-line {
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

[b-nizu7xo7dq] .score-line {
    color: #ffffff;
}

[b-nizu7xo7dq] .prediction-points {
    color: #ffffff;
    font-size: 14px;
    white-space: nowrap;
}

[b-nizu7xo7dq] .tournament-picks-section {
    margin-top: 8px;
}

[b-nizu7xo7dq] .tournament-pick {
    padding: 12px;
}

[b-nizu7xo7dq] .pick-copy {
    flex: 1 1 0;
    min-width: 0;
}

[b-nizu7xo7dq] .pick-copy.actual {
    text-align: right;
}

[b-nizu7xo7dq] .owner-icon {
    color: #ffc857;
}

[b-nizu7xo7dq] .empty-state {
    align-items: center;
    color: #8fe6ff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 180px;
    justify-content: center;
    padding: 24px 16px;
    text-align: center;
}

[b-nizu7xo7dq] .empty-state.compact {
    min-height: 130px;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .group-details-page[b-nizu7xo7dq] {
        padding: 28px;
    }

    [b-nizu7xo7dq] .phone-shell {
        border: 1px solid rgba(71, 108, 153, .65);
        border-radius: 8px;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
        max-width: 390px;
        min-height: calc(100vh - 56px);
    }
}


/* /Components/Pages/Groups.razor.rz.scp.css */
.groups-page[b-z6y35oqxux] {
    align-items: stretch;
    background:
        radial-gradient(circle at 1px 1px, rgba(148, 163, 184, .24) 1px, transparent 0),
        #151719;
    background-size: 18px 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
}

[b-z6y35oqxux] .phone-shell {
    background: #070e1b;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: none;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: auto;
    padding: max(18px, env(safe-area-inset-top)) 16px var(--app-shell-bottom-padding);
    position: relative;
    width: 100%;
}

[b-z6y35oqxux] .groups-title,
[b-z6y35oqxux] .section-title,
[b-z6y35oqxux] .group-name,
[b-z6y35oqxux] .empty-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: 0;
}

[b-z6y35oqxux] .groups-title {
    color: #6bd8ff;
    font-size: 28px;
    line-height: 1.05;
}

[b-z6y35oqxux] .section-title {
    font-size: 16px;
    line-height: 1.1;
}

[b-z6y35oqxux] .eyebrow,
[b-z6y35oqxux] .group-meta,
[b-z6y35oqxux] .count-label,
[b-z6y35oqxux] .empty-copy {
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-body1-weight, 400);
    letter-spacing: 0;
}

[b-z6y35oqxux] .eyebrow {
    color: #7f8898;
    font-size: 12px;
    text-transform: uppercase;
}

[b-z6y35oqxux] .icon-button,
[b-z6y35oqxux] .square-action {
    background: #13c4ff;
    border-radius: 8px;
    color: #03111c;
    height: 44px;
    min-width: 44px;
    padding: 0;
}

[b-z6y35oqxux] .square-action.accent {
    background: #ffc857;
}

[b-z6y35oqxux] .action-panel,
[b-z6y35oqxux] .group-row,
[b-z6y35oqxux] .empty-state {
    background: #121b2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
}

[b-z6y35oqxux] .action-panel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
}

[b-z6y35oqxux] .group-input {
    flex: 1 1 auto;
    min-width: 0;
}

[b-z6y35oqxux] .group-input .mud-input-root {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-z6y35oqxux] .code-input .mud-input-root {
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-z6y35oqxux] .dashboard-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-z6y35oqxux] .group-row {
    cursor: pointer;
    padding: 14px;
}

[b-z6y35oqxux] .group-copy {
    min-width: 0;
}

[b-z6y35oqxux] .group-name {
    font-size: 16px;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

[b-z6y35oqxux] .role-chip {
    background: rgba(19, 196, 255, .12);
    color: #8fe6ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-z6y35oqxux] .favorite-button {
    border-radius: 8px;
    color: #8f9bad;
    height: 36px;
    min-width: 36px;
    padding: 0;
}

[b-z6y35oqxux] .favorite-button.active {
    color: #ffc857;
}

[b-z6y35oqxux] .empty-state {
    align-items: center;
    color: #8fe6ff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 160px;
    justify-content: center;
    padding: 24px 16px;
    text-align: center;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .groups-page[b-z6y35oqxux] {
        padding: 28px;
    }

    [b-z6y35oqxux] .phone-shell {
        border: 1px solid rgba(71, 108, 153, .65);
        border-radius: 8px;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
        max-width: 390px;
        max-height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }
}


/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-kc8smpo9j8] {
    align-items: stretch;
    background:
        radial-gradient(circle at 1px 1px, rgba(148, 163, 184, .28) 1px, transparent 0),
        #151719;
    background-size: 18px 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
}

[b-kc8smpo9j8] .phone-shell {
    background: #070e1b;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: none;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: auto;
    padding: max(18px, env(safe-area-inset-top)) 16px var(--app-shell-bottom-padding);
    position: relative;
    width: 100%;
}

[b-kc8smpo9j8] .avatar-frame {
    background:
        linear-gradient(#122131, #122131) padding-box,
        linear-gradient(135deg, #19c2ff, #f7b94b) border-box;
    border: 2px solid transparent;
    color: #8ee6ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-kc8smpo9j8] .avatar-image {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

[b-kc8smpo9j8] .user-heading,
[b-kc8smpo9j8] .user-copy {
    min-width: 0;
}

[b-kc8smpo9j8] .eyebrow,
[b-kc8smpo9j8] .match-meta,
[b-kc8smpo9j8] .empty-copy {
    color: #7f8898;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-body1-weight, 400);
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

[b-kc8smpo9j8] .home-title {
    color: #6bd8ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 18px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-kc8smpo9j8] .points-pill {
    background: #253148;
    border-radius: 999px;
    color: #ffd05f;
    flex: 0 0 auto;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    line-height: 1;
    padding: 10px 13px;
}

[b-kc8smpo9j8] .rank-card,
[b-kc8smpo9j8] .upcoming-card,
[b-kc8smpo9j8] .empty-state {
    background: #121b2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

[b-kc8smpo9j8] .rank-card {
    background:
        radial-gradient(circle at 85% 15%, rgba(247, 184, 73, .14), transparent 28%),
        linear-gradient(140deg, #141d2e, #101827 70%);
    box-shadow:
        0 0 16px rgba(255, 198, 88, .16),
        inset 0 1px 0 rgba(255, 255, 255, .04);
    min-height: 148px;
    padding: 18px 20px;
}

[b-kc8smpo9j8] .rank-copy {
    min-width: 0;
}

[b-kc8smpo9j8] .rank-row {
    margin-top: 7px;
}

[b-kc8smpo9j8] .rank-number {
    color: #ffc332;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 42px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: .9;
}

[b-kc8smpo9j8] .score-label {
    color: #8a94a7;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    margin-top: 28px;
}

[b-kc8smpo9j8] .score-value {
    color: #f3f7ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 20px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1;
}

[b-kc8smpo9j8] .trophy-badge {
    background: rgba(255, 195, 50, .12);
    border: 1px solid rgba(255, 195, 50, .32);
    color: #ffc332;
}

[b-kc8smpo9j8] .leaderboard-button {
    background: #13c4ff;
    border-radius: 7px;
    color: #03111c;
    float: right;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-button-weight, 700);
    margin-top: -40px;
    min-width: 142px;
    padding: 10px 14px;
    text-transform: none;
}

[b-kc8smpo9j8] .home-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-kc8smpo9j8] .section-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 18px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.1;
}

[b-kc8smpo9j8] .match-meta {
    align-self: flex-start;
    background: rgba(148, 163, 184, .13);
    border-radius: 4px;
    padding: 7px 8px;
}

[b-kc8smpo9j8] .window-label {
    color: #9bb5c9;
    flex: 0 0 auto;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    line-height: 1;
    text-transform: uppercase;
}

[b-kc8smpo9j8] .next-matches-list {
    width: 100%;
}

[b-kc8smpo9j8] .match-tabs {
    background: #111a2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 4px;
}

[b-kc8smpo9j8] .match-tab {
    border-radius: 7px;
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-button-weight, 700);
    min-width: 0;
    text-transform: none;
}

[b-kc8smpo9j8] .match-tab.active {
    background: #1c5677;
    color: #8fe6ff;
}

[b-kc8smpo9j8] .match-tab-content {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    justify-content: center;
    line-height: 1;
}

[b-kc8smpo9j8] .live-indicator {
    animation: live-pulse-b-kc8smpo9j8 2.4s ease-in-out infinite;
    border: 1.5px solid #ff4d5e;
    border-radius: 999px;
    box-shadow: 0 0 0 rgba(255, 77, 94, .2);
    display: inline-block;
    flex: 0 0 auto;
    height: 10px;
    width: 10px;
}

@keyframes live-pulse-b-kc8smpo9j8 {
    0%, 100% {
        opacity: .45;
        transform: scale(.88);
    }

    50% {
        box-shadow: 0 0 8px rgba(255, 77, 94, .35);
        opacity: 1;
        transform: scale(1);
    }
}

[b-kc8smpo9j8] .outline-action {
    border: 2px solid #13c4ff;
    border-radius: 6px;
    color: #16c7ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-button-weight, 700);
    padding: 10px 14px;
    text-transform: none;
    width: 100%;
}

[b-kc8smpo9j8] .view-all-button {
    background: #13c4ff;
    border-radius: 7px;
    color: #03111c;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-button-weight, 700);
    min-height: 44px;
    text-transform: none;
    width: 100%;
}

[b-kc8smpo9j8] .prediction-reveal {
    background: #0c1422;
    border: 1px solid rgba(86, 112, 151, .34);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: -4px;
    padding: 10px;
}

[b-kc8smpo9j8] .group-reveal {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

[b-kc8smpo9j8] .group-reveal + .group-reveal {
    border-top: 1px solid rgba(148, 163, 184, .12);
    padding-top: 10px;
}

[b-kc8smpo9j8] .reveal-group-title,
[b-kc8smpo9j8] .member-name,
[b-kc8smpo9j8] .member-pick,
[b-kc8smpo9j8] .member-result,
[b-kc8smpo9j8] .member-points,
[b-kc8smpo9j8] .member-score-pick {
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: 0;
}

[b-kc8smpo9j8] .reveal-group-title {
    color: #8fe6ff;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-kc8smpo9j8] .member-prediction-row {
    align-items: center;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 7px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-height: 36px;
    padding: 8px 10px;
}

[b-kc8smpo9j8] .member-name {
    color: #f8fbff;
    font-size: 12px;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-kc8smpo9j8] .member-pick {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 1;
    padding: 6px 8px;
}

[b-kc8smpo9j8] .member-pick.missing {
    background: rgba(255, 90, 95, .12);
    color: #ff9ea1;
}

[b-kc8smpo9j8] .member-result {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
}

[b-kc8smpo9j8] .member-score-pick {
    align-items: center;
    background: rgba(255, 255, 255, .07);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    gap: 2px;
    line-height: 1;
    padding: 6px 8px;
}

[b-kc8smpo9j8] .member-points {
    background: rgba(19, 196, 255, .12);
    border-radius: 999px;
    color: #8fe6ff;
    font-size: 12px;
    line-height: 1;
    padding: 6px 8px;
}

[b-kc8smpo9j8] .empty-state {
    align-items: center;
    color: #8fe6ff;
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-height: 190px;
    justify-content: center;
    padding: 24px 16px;
    text-align: center;
}

[b-kc8smpo9j8] .empty-state.compact {
    min-height: 132px;
}

[b-kc8smpo9j8] .empty-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 16px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.1;
}

[b-kc8smpo9j8] .match-strip {
    margin: 0 -16px;
    overflow-x: auto;
    padding: 0 16px 4px;
    scroll-snap-type: x proximity;
    width: calc(100% + 32px);
}

[b-kc8smpo9j8] .upcoming-card {
    display: flex;
    flex: 0 0 224px;
    flex-direction: column;
    gap: 14px;
    min-height: 122px;
    padding: 14px;
    scroll-snap-align: start;
}

[b-kc8smpo9j8] .mini-match {
    width: 100%;
}

[b-kc8smpo9j8] .mini-team-side {
    flex: 1 1 0;
    min-width: 0;
}

[b-kc8smpo9j8] .mini-team-side.away {
    text-align: right;
}

[b-kc8smpo9j8] .mini-flag {
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 24px;
    font-size: 13px;
    height: 24px;
    justify-content: center;
    line-height: 1;
    width: 24px;
}

[b-kc8smpo9j8] .mini-flag-image {
    display: block;
    height: 17px;
    max-width: 17px;
    object-fit: contain;
    width: 17px;
}

[b-kc8smpo9j8] .mini-team,
[b-kc8smpo9j8] .vs-label {
    color: #f8fbff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-kc8smpo9j8] .vs-label {
    color: #cbd5e1;
}

[b-kc8smpo9j8] .mini-badge {
    height: 18px;
    min-height: 18px;
    min-width: 18px;
    width: 18px;
}

[b-kc8smpo9j8] .predict-button {
    background: #283247;
    border-radius: 6px;
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-button-weight, 700);
    padding: 8px 10px;
    text-transform: none;
    width: 100%;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .home-page[b-kc8smpo9j8] {
        padding: 28px;
    }

    [b-kc8smpo9j8] .phone-shell {
        border: 1px solid rgba(71, 108, 153, .65);
        border-radius: 8px;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
        max-width: 390px;
        max-height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }
}


[b-kc8smpo9j8] .match-tab, [b-kc8smpo9j8] .leaderboard-button, [b-kc8smpo9j8] .outline-action,
[b-kc8smpo9j8] .view-all-button, [b-kc8smpo9j8] .predict-button { font-size: 14px; min-height: 44px; }
[b-kc8smpo9j8] .member-name, [b-kc8smpo9j8] .mini-team { font-size: 14px; line-height: 1.4; }
[b-kc8smpo9j8] .empty-copy { line-height: 1.4; }
@media (max-width: 380px) {
    [b-kc8smpo9j8] .leaderboard-button { float: none; margin-top: 12px; width: 100%; }
}
/* /Components/Pages/LeaderboardGroupsPage.razor.rz.scp.css */
.leaderboard-groups-page[b-lrohaharpv] {
    align-items: stretch;
    background:
        radial-gradient(circle at 1px 1px, rgba(148, 163, 184, .24) 1px, transparent 0),
        #151719;
    background-size: 18px 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
}

[b-lrohaharpv] .phone-shell {
    background: #070e1b;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: none;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: auto;
    padding: max(18px, env(safe-area-inset-top)) 16px var(--app-shell-bottom-padding);
    position: relative;
    width: 100%;
}

[b-lrohaharpv] .groups-title,
[b-lrohaharpv] .section-title,
[b-lrohaharpv] .group-name,
[b-lrohaharpv] .empty-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: 0;
}

[b-lrohaharpv] .groups-title {
    color: #6bd8ff;
    font-size: 28px;
    line-height: 1.05;
}

[b-lrohaharpv] .section-title {
    font-size: 16px;
    line-height: 1.1;
}

[b-lrohaharpv] .eyebrow,
[b-lrohaharpv] .group-meta,
[b-lrohaharpv] .count-label,
[b-lrohaharpv] .empty-copy {
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-body1-weight, 400);
    letter-spacing: 0;
}

[b-lrohaharpv] .eyebrow {
    color: #7f8898;
    font-size: 12px;
    text-transform: uppercase;
}

[b-lrohaharpv] .icon-button {
    background: #13c4ff;
    border-radius: 8px;
    color: #03111c;
    height: 44px;
    min-width: 44px;
    padding: 0;
}

[b-lrohaharpv] .group-row,
[b-lrohaharpv] .empty-state {
    background: #121b2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
}

[b-lrohaharpv] .dashboard-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-lrohaharpv] .group-row {
    cursor: pointer;
    padding: 14px;
}

[b-lrohaharpv] .group-copy {
    min-width: 0;
}

[b-lrohaharpv] .group-name {
    font-size: 16px;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

[b-lrohaharpv] .role-chip {
    background: rgba(19, 196, 255, .12);
    color: #8fe6ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-lrohaharpv] .open-icon {
    color: #ffc857;
}

[b-lrohaharpv] .outline-action {
    border: 2px solid #13c4ff;
    border-radius: 7px;
    color: #16c7ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 14px;
    font-weight: var(--mud-typography-button-weight, 700);
    padding: 10px 14px;
    text-transform: none;
    width: 100%;
}

[b-lrohaharpv] .empty-state {
    align-items: center;
    color: #8fe6ff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 160px;
    justify-content: center;
    padding: 24px 16px;
    text-align: center;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .leaderboard-groups-page[b-lrohaharpv] {
        padding: 28px;
    }

    [b-lrohaharpv] .phone-shell {
        border: 1px solid rgba(71, 108, 153, .65);
        border-radius: 8px;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
        max-width: 390px;
        max-height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }
}


/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-nfb51vc3e0] {
    background:
        linear-gradient(180deg, rgba(4, 10, 24, .08) 0%, rgba(4, 12, 27, .06) 46%, rgba(4, 12, 27, .88) 100%),
        url("stadium-night.jpg") center center / cover no-repeat,
        #0b1220;
    color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    padding: max(28px, env(safe-area-inset-top)) 20px max(22px, env(safe-area-inset-bottom));
}

.login-page.form-mode[b-nfb51vc3e0] {
    justify-content: flex-start;
    overflow-y: auto;
    padding: max(18px, env(safe-area-inset-top)) 20px max(18px, env(safe-area-inset-bottom));
}

[b-nfb51vc3e0] .hero {
    margin-top: 30vh;
    text-align: center;
}

.form-mode[b-nfb51vc3e0]  .hero {
    margin-top: 8px;
}

[b-nfb51vc3e0] .tournament {
    color: #92d9ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: clamp(2.15rem, 10.7vw, 2.8rem);
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: -2px;
    line-height: 1;
    margin: 0;
    text-shadow: 0 3px 20px rgba(0, 194, 255, .22);
}

.form-mode[b-nfb51vc3e0]  .tournament {
    font-size: clamp(2rem, 10vw, 2.55rem);
}

[b-nfb51vc3e0] .tournament span {
    color: #92d9ff;
}

[b-nfb51vc3e0] .hero-title {
    color: #fff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 1.08rem;
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: -.6px;
    line-height: 1.35;
    margin: 6px 0 4px;
}

[b-nfb51vc3e0] .tagline {
    color: #c2e8ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: .81rem;
    line-height: 1.4;
    margin-bottom: 10px;
}

.form-mode[b-nfb51vc3e0]  .tagline {
    margin-bottom: 0;
}

[b-nfb51vc3e0] .login-panel {
    backdrop-filter: blur(20px);
    background: rgba(23, 32, 51, .9);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 16px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .24);
    margin-top: 20px;
    padding: 20px;
}

.form-mode .login-panel[b-nfb51vc3e0] {
    border-radius: 8px;
    margin-top: 14px;
    padding: 14px 16px 16px;
}

.google-icon[b-nfb51vc3e0] {
    height: 17px;
    margin-right: 7px;
    width: 17px;
}

[b-nfb51vc3e0] .auth-button {
    border-radius: 8px;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: .76rem;
    font-weight: var(--mud-typography-button-weight, 700);
    min-height: 44px;
    text-transform: none;
}

[b-nfb51vc3e0] .google-button,
[b-nfb51vc3e0] .google-button:hover,
[b-nfb51vc3e0] .google-button:focus-visible {
    background-color: #232a39;
    color: #fff;
}

.google-rendered-button[b-nfb51vc3e0] {
    background: #202536;
    border-radius: 8px;
    display: block;
    height: 44px;
    line-height: 0;
    min-height: 44px;
    overflow: hidden;
    width: 100%;
}

.google-rendered-button > div[b-nfb51vc3e0] {
    display: block !important;
    height: 44px !important;
    min-width: 100% !important;
    width: 100% !important;
}

.google-rendered-button iframe[b-nfb51vc3e0] {
    display: block !important;
    height: 44px !important;
    min-width: 100% !important;
    width: 100% !important;
}

[b-nfb51vc3e0] .email-button,
[b-nfb51vc3e0] .email-button:hover,
[b-nfb51vc3e0] .email-button:focus-visible {
    background-color: #00c2ff;
    box-shadow: 0 4px 18px rgba(0, 194, 255, .16);
    color: #001e2b;
}

.divider[b-nfb51vc3e0] {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 14px 0;
}

.switch-mode[b-nfb51vc3e0] {
    color: #aab4c5;
    font-size: .78rem;
    margin: 20px 0 0;
    min-height: 38px;
    text-align: center;
}

.form-mode .switch-mode[b-nfb51vc3e0] {
    margin-top: 14px;
}

.divider[b-nfb51vc3e0]  .mud-divider {
    border-color: rgba(170, 180, 197, .14);
    flex: 1;
}

.divider[b-nfb51vc3e0]  .mud-typography {
    color: rgba(170, 180, 197, .55);
    font-family: "JetBrains Mono", monospace;
    font-size: .57rem;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: 1px;
}

.switch-mode[b-nfb51vc3e0]  .mud-typography {
    font-size: .78rem;
}

.switch-mode[b-nfb51vc3e0]  .mud-button-root,
[b-nfb51vc3e0] .back-button {
    color: #92d9ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: .78rem;
    font-weight: var(--mud-typography-button-weight, 700);
    min-width: 0;
    text-transform: none;
}

.switch-mode[b-nfb51vc3e0]  .mud-button-root {
    margin-left: 3px;
    padding: 0;
}

[b-nfb51vc3e0] .back-button {
    min-height: 28px;
    padding: 0 0 6px;
}

.form-heading[b-nfb51vc3e0]  h2 {
    color: #fff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 1.28rem;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.15;
    margin: 0;
}

.form-heading[b-nfb51vc3e0]  p {
    color: #aab4c5;
    font-size: .78rem;
    line-height: 1.25;
    margin: 5px 0 8px;
}

[b-nfb51vc3e0] .mud-input-control {
    margin-top: 0;
}

[b-nfb51vc3e0] .auth-field {
    margin-top: 9px;
}

[b-nfb51vc3e0] .mud-input-outlined {
    background: rgba(7, 14, 28, .52);
    border-radius: 8px;
    min-height: 40px;
}

[b-nfb51vc3e0] .mud-input-outlined-border {
    border-color: rgba(134, 146, 154, .34);
}

[b-nfb51vc3e0] .mud-input,
[b-nfb51vc3e0] .mud-input-label {
    color: #dce2f6;
}

[b-nfb51vc3e0] .mud-input-label {
    color: #aab4c5;
}

[b-nfb51vc3e0] .auth-field .mud-input-label {
    background: rgba(23, 32, 51, .96);
    border-radius: 4px;
    color: #dce2f6;
    font-size: 1rem;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    line-height: 1;
    padding: 0 5px;
}

[b-nfb51vc3e0] .auth-field .mud-input > input.mud-input-root {
    font-size: .86rem;
    min-height: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
}

[b-nfb51vc3e0] .auth-field .mud-input > input.mud-input-root::placeholder {
    color: rgba(170, 180, 197, .68);
    opacity: 1;
}

[b-nfb51vc3e0] .mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: #00c2ff;
    box-shadow: 0 0 0 3px rgba(0, 194, 255, .1);
}

.submit-button[b-nfb51vc3e0] {
    margin-top: 12px;
}

[b-nfb51vc3e0] .form-message {
    font-size: .72rem;
    margin: 10px 0 0;
}

@media (min-width: 520px) {
    .login-page[b-nfb51vc3e0] {
        margin: 0 auto;
        max-width: 431px;
    }
}
/* /Components/Pages/Predictions.razor.rz.scp.css */
.predictions-page[b-x6pgus07at] {
    align-items: stretch;
    background:
        radial-gradient(circle at 1px 1px, rgba(148, 163, 184, .24) 1px, transparent 0),
        #151719;
    background-size: 18px 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
}

[b-x6pgus07at] .phone-shell {
    background: #070e1b;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: none;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: auto;
    padding: max(18px, env(safe-area-inset-top)) 14px var(--app-shell-bottom-padding);
    position: relative;
    width: 100%;
}

[b-x6pgus07at] .predictions-title,
[b-x6pgus07at] .section-title,
[b-x6pgus07at] .empty-title,
[b-x6pgus07at] .section-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: 0;
}

[b-x6pgus07at] .predictions-title {
    color: #6bd8ff;
    font-size: 28px;
    line-height: 1.05;
}

[b-x6pgus07at] .eyebrow,
[b-x6pgus07at] .empty-copy {
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-body1-weight, 400);
    letter-spacing: 0;
}

[b-x6pgus07at] .eyebrow {
    color: #7f8898;
    font-size: 12px;
    text-transform: uppercase;
}

[b-x6pgus07at] .icon-button {
    background: #13c4ff;
    border-radius: 8px;
    color: #03111c;
    height: 44px;
    min-width: 44px;
    padding: 0;
}

[b-x6pgus07at] .filter-bar {
    background: #111a2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 4px;
}

[b-x6pgus07at] .primary-tabs {
    background: #0f1725;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 4px;
}

[b-x6pgus07at] .primary-tab {
    border-radius: 7px;
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-button-weight, 700);
    min-width: 0;
    text-transform: none;
}

[b-x6pgus07at] .primary-tab.active {
    background: #13c4ff;
    color: #03111c;
}

[b-x6pgus07at] .filter-chip {
    border-radius: 7px;
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-button-weight, 700);
    min-width: 0;
    text-transform: none;
}

[b-x6pgus07at] .filter-chip.active {
    background: #1c5677;
    color: #8fe6ff;
}

[b-x6pgus07at] .tournament-card {
    background: #101827;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    padding: 14px;
}

[b-x6pgus07at] .points-chip {
    background: #173d2d;
    color: #80f0b0;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-x6pgus07at] .group-picker {
    background: #0c1422;
    border: 1px solid rgba(86, 112, 151, .34);
    border-radius: 8px;
    display: grid;
    gap: 2px;
    padding: 8px 10px;
}

[b-x6pgus07at] .team-option {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    line-height: 1;
    min-width: 0;
    width: 100%;
}

[b-x6pgus07at] .team-option-flag,
[b-x6pgus07at] .team-option-fallback {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 22px;
    height: 22px;
    justify-content: center;
    object-fit: contain;
    width: 22px;
}

[b-x6pgus07at] .team-option-flag {
    padding: 3px;
}

[b-x6pgus07at] .team-option-fallback {
    font-size: 12px;
    line-height: 1;
}

[b-x6pgus07at] .team-option-label {
    color: inherit;
    flex: 1 1 auto;
    line-height: 22px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-x6pgus07at] .team-autocomplete .mud-input-slot {
    align-items: center;
}

[b-x6pgus07at] .save-action {
    background: #13c4ff;
    border-radius: 8px;
    color: #03111c;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-button-weight, 700);
    min-height: 44px;
    text-transform: none;
}

[b-x6pgus07at] .empty-state.compact {
    min-height: 150px;
}

[b-x6pgus07at] .matches-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pagination-shell[b-x6pgus07at] {
    display: flex;
    justify-content: center;
    min-height: 34px;
    overflow: hidden;
    width: 100%;
}

[b-x6pgus07at] .predictions-pagination {
    max-width: 100%;
}

[b-x6pgus07at] .predictions-pagination .mud-pagination-item {
    margin: 0 1px;
}

[b-x6pgus07at] .prediction-reveal {
    background: #0c1422;
    border: 1px solid rgba(86, 112, 151, .34);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: -4px;
    padding: 10px;
}

[b-x6pgus07at] .tournament-reveal {
    margin-top: 4px;
}

[b-x6pgus07at] .reveal-title,
[b-x6pgus07at] .reveal-group-title,
[b-x6pgus07at] .member-name,
[b-x6pgus07at] .member-pick,
[b-x6pgus07at] .tournament-pick-label,
[b-x6pgus07at] .tournament-pick-name,
[b-x6pgus07at] .tournament-picks-grid {
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: 0;
}

[b-x6pgus07at] .reveal-title {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
}

[b-x6pgus07at] .reveal-refresh {
    color: #8fe6ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    min-width: 0;
    padding: 0;
    text-transform: none;
}

[b-x6pgus07at] .group-reveal {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

[b-x6pgus07at] .group-reveal + .group-reveal {
    border-top: 1px solid rgba(148, 163, 184, .12);
    padding-top: 10px;
}

[b-x6pgus07at] .reveal-group-title {
    color: #8fe6ff;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-x6pgus07at] .member-prediction-row {
    align-items: center;
    background: transparent;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 7px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-height: 36px;
    padding: 8px 10px;
}

[b-x6pgus07at] .member-name {
    color: #f8fbff;
    font-size: 12px;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-x6pgus07at] .member-pick {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 1;
    padding: 6px 8px;
}

[b-x6pgus07at] .member-pick.picked {
    background: rgba(116, 240, 167, .12);
    color: #80f0b0;
}

[b-x6pgus07at] .member-pick.missing {
    background: rgba(255, 90, 95, .12);
    color: #ff9ea1;
}

[b-x6pgus07at] .member-result {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
}

[b-x6pgus07at] .member-score-pick {
    align-items: center;
    background: rgba(255, 255, 255, .07);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    gap: 2px;
    line-height: 1;
    padding: 6px 8px;
}

[b-x6pgus07at] .member-points {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-h6-weight, 600);
    letter-spacing: 0;
    white-space: nowrap;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
}

[b-x6pgus07at] .tournament-member-card {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
}

[b-x6pgus07at] .user-picks-card {
    border-color: rgba(19, 196, 255, .22);
}

[b-x6pgus07at] .tournament-picks-grid {
    color: #cbd5e1;
    display: grid;
    font-size: 12px;
    gap: 6px 10px;
    grid-template-columns: 72px minmax(0, 1fr);
    line-height: 1.15;
}

[b-x6pgus07at] .tournament-pick-label {
    color: #cbd5e1;
    line-height: 22px;
}

[b-x6pgus07at] .tournament-pick-value {
    align-items: center;
    color: #ffffff;
    display: inline-flex;
    gap: 7px;
    min-width: 0;
}

[b-x6pgus07at] .tournament-pick-flag {
    background: rgba(255, 255, 255, .08);
    border-radius: 999px;
    flex: 0 0 22px;
    height: 22px;
    object-fit: contain;
    padding: 3px;
    width: 22px;
}

[b-x6pgus07at] .tournament-pick-name {
    color: #ffffff;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-x6pgus07at] .empty-state {
    background: #121b2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
}

[b-x6pgus07at] .outline-action {
    border: 2px solid #13c4ff;
    border-radius: 7px;
    color: #16c7ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-button-weight, 700);
    padding: 10px 14px;
    text-transform: none;
    width: 100%;
}

[b-x6pgus07at] .empty-state {
    align-items: center;
    color: #8fe6ff;
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-height: 190px;
    justify-content: center;
    padding: 24px 16px;
    text-align: center;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .predictions-page[b-x6pgus07at] {
        padding: 28px;
    }

    [b-x6pgus07at] .phone-shell {
        border: 1px solid rgba(71, 108, 153, .65);
        border-radius: 8px;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
        max-width: 390px;
        max-height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }
}

/* Compact match editor header, aligned with the inline prediction cards. */
.title-dot[b-x6pgus07at] { color: #06c8ed; margin-left: 5px; }
[b-x6pgus07at] .predictions-title { font-size: 22px; line-height: 1.2; }
[b-x6pgus07at] .icon-button { width: 34px; height: 34px; min-width: 34px; background: #14243b; color: #27c9f8; }
[b-x6pgus07at] .primary-tab { font-size: 12px; min-height: 32px; }
[b-x6pgus07at] .filter-bar { border: 0; background: transparent; padding: 0; gap: 5px; }
[b-x6pgus07at] .filter-chip { font-size: 12px; min-height: 34px; }
[b-x6pgus07at] .filter-chip.active { background: #0a2c45; border: 1px solid #226185; border-radius: 9px; }
[b-x6pgus07at] .player-option-photo {
    width: 36px;
    height: 36px;
    object-fit: contain;
    border-radius: 50%;
    flex-shrink: 0;
}


[b-x6pgus07at] .primary-tab, [b-x6pgus07at] .filter-chip, [b-x6pgus07at] .save-action, [b-x6pgus07at] .outline-action { font-size: 14px; min-height: 44px; }
[b-x6pgus07at] .member-name { font-size: 14px; font-weight: 400; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
[b-x6pgus07at] .reveal-group-title { font-size: 14px; }
[b-x6pgus07at] .section-title { font-size: 18px; }
[b-x6pgus07at] .member-prediction-row { flex-wrap: wrap; }
[b-x6pgus07at] .member-result { margin-left: auto; }
/* /Components/Pages/Profile.razor.rz.scp.css */
.profile-page[b-v70wxmajbn] {
    align-items: stretch;
    background:
        radial-gradient(circle at 1px 1px, rgba(148, 163, 184, .28) 1px, transparent 0),
        #151719;
    background-size: 18px 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
}

[b-v70wxmajbn] .phone-shell {
    background: #070e1b;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: none;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: auto;
    padding: max(18px, env(safe-area-inset-top)) 16px var(--app-shell-bottom-padding);
    position: relative;
    width: 100%;
}

[b-v70wxmajbn] .profile-shell {
    justify-content: flex-start;
}

[b-v70wxmajbn] .profile-heading,
[b-v70wxmajbn] .profile-copy {
    min-width: 0;
}

[b-v70wxmajbn] .avatar-frame {
    background:
        linear-gradient(#122131, #122131) padding-box,
        linear-gradient(135deg, #19c2ff, #f7b94b) border-box;
    border: 2px solid transparent;
    color: #8ee6ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-v70wxmajbn] .eyebrow {
    color: #7f8898;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

[b-v70wxmajbn] .profile-title {
    color: #6bd8ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 20px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-v70wxmajbn] .profile-panel {
    background: #121b2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
}

[b-v70wxmajbn] .profile-tabs {
    min-width: 0;
}

[b-v70wxmajbn] .profile-tabs .mud-tabs-toolbar {
    background: #0e1726;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    min-height: 44px;
}

[b-v70wxmajbn] .profile-tabs .mud-tab {
    color: #9ba9bd;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-button-weight, 700);
    min-height: 42px;
    text-transform: none;
}

[b-v70wxmajbn] .profile-tabs .mud-tab.mud-tab-active {
    color: #6bd8ff;
}

[b-v70wxmajbn] .profile-tabs .mud-tabs-panels,
[b-v70wxmajbn] .profile-tab-panel {
    background: transparent;
    padding: 14px 0 0;
}

[b-v70wxmajbn] .profile-tab-panel {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

[b-v70wxmajbn] .section-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 18px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.1;
}

[b-v70wxmajbn] .profile-input {
    margin-bottom: 14px;
}

[b-v70wxmajbn] .save-button {
    background: #13c4ff;
    border-radius: 7px;
    color: #03111c;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 14px;
    font-weight: var(--mud-typography-button-weight, 700);
    padding: 11px 14px;
    text-transform: none;
}

[b-v70wxmajbn] .danger-panel {
    border-color: rgba(255, 90, 95, .5);
}

[b-v70wxmajbn] .danger-title {
    color: #ff8a8e;
}

[b-v70wxmajbn] .danger-copy {
    color: #b7c0cf;
    font-size: 14px;
    line-height: 1.4;
}

[b-v70wxmajbn] .logout-button {
    border: 2px solid #ff5a5f;
    border-radius: 7px;
    color: #ff8a8e;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 14px;
    font-weight: var(--mud-typography-button-weight, 700);
    padding: 11px 14px;
    text-transform: none;
}

[b-v70wxmajbn] .delete-button {
    background: #ff5a5f;
    border-radius: 7px;
    color: #1b0507;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 14px;
    font-weight: var(--mud-typography-button-weight, 700);
    padding: 11px 14px;
    text-transform: none;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .profile-page[b-v70wxmajbn] {
        padding: 28px;
    }

    [b-v70wxmajbn] .phone-shell {
        border: 1px solid rgba(71, 108, 153, .65);
        border-radius: 8px;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
        max-width: 390px;
        max-height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }
}


/* /Components/Pages/Standings.razor.rz.scp.css */
.standings-page[b-pvxgpab7sq] {
    align-items: stretch;
    background:
        radial-gradient(circle at 1px 1px, rgba(148, 163, 184, .28) 1px, transparent 0),
        #151719;
    background-size: 18px 18px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
}

[b-pvxgpab7sq] .standings-shell {
    background: #070e1b;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: none;
    max-height: none;
    min-height: 100vh;
    min-height: 100dvh;
    overflow-y: auto;
    padding: max(18px, env(safe-area-inset-top)) 16px var(--app-shell-bottom-padding);
    position: relative;
    width: 100%;
}

[b-pvxgpab7sq] .title-copy {
    min-width: 0;
}

[b-pvxgpab7sq] .eyebrow,
[b-pvxgpab7sq] .empty-copy,
[b-pvxgpab7sq] .group-count {
    color: #7f8898;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-body1-weight, 400);
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

[b-pvxgpab7sq] .standings-title {
    color: #6bd8ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 24px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.05;
}

[b-pvxgpab7sq] .icon-button {
    background: #253148;
    border-radius: 8px;
    color: #dff8ff;
    min-height: 38px;
    min-width: 38px;
}

[b-pvxgpab7sq] .tournament-card,
[b-pvxgpab7sq] .standings-group,
[b-pvxgpab7sq] .empty-state {
    background: #121b2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

[b-pvxgpab7sq] .tournament-card {
    align-items: center;
    background:
        radial-gradient(circle at 90% 15%, rgba(25, 194, 255, .12), transparent 28%),
        linear-gradient(140deg, #141d2e, #101827 70%);
    display: flex;
    justify-content: space-between;
    min-height: 82px;
    padding: 16px;
}

[b-pvxgpab7sq] .tournament-name {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 21px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.05;
}

[b-pvxgpab7sq] .year-chip {
    background: rgba(255, 195, 50, .13);
    color: #ffd05f;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-subtitle2-weight, 500);
}

[b-pvxgpab7sq] .standings-tabs {
    background: #0f1725;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 4px;
}

[b-pvxgpab7sq] .standings-tab {
    border-radius: 7px;
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-button-weight, 700);
    min-width: 0;
    text-transform: none;
}

[b-pvxgpab7sq] .standings-tab.active {
    background: #13c4ff;
    color: #03111c;
}

[b-pvxgpab7sq] .empty-state {
    align-items: center;
    color: #8fe6ff;
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-height: 160px;
    justify-content: center;
    padding: 24px 16px;
    text-align: center;
}

[b-pvxgpab7sq] .empty-title,
[b-pvxgpab7sq] .group-title {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 16px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.1;
}

[b-pvxgpab7sq] .groups-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-pvxgpab7sq] .standings-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
}

[b-pvxgpab7sq] .playoff-round {
    border-color: rgba(19, 196, 255, .34);
}

[b-pvxgpab7sq] .playoff-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-pvxgpab7sq] .playoff-match {
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(86, 112, 151, .22);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
}

[b-pvxgpab7sq] .match-date {
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    line-height: 1;
    text-transform: uppercase;
}

[b-pvxgpab7sq] .playoff-team-row {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 25px minmax(0, 1fr) 34px;
}

[b-pvxgpab7sq] .playoff-team-name,
[b-pvxgpab7sq] .playoff-score {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    line-height: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-pvxgpab7sq] .playoff-score {
    align-items: center;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 5px;
    color: #ffd05f;
    display: flex;
    height: 30px;
    justify-content: center;
}

[b-pvxgpab7sq] .playoff-result-summary {
    color: #ffd05f;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: 0;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.table-shell[b-pvxgpab7sq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.table-row[b-pvxgpab7sq] {
    align-items: center;
    background: rgba(255, 255, 255, .035);
    border-radius: 6px;
    color: #f8fbff;
    display: grid;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-button-weight, 700);
    grid-template-columns: minmax(0, 1fr) 24px 24px 24px 24px 34px 34px;
    min-height: 42px;
    padding: 6px 7px;
}

.table-head[b-pvxgpab7sq] {
    background: transparent;
    color: #7f8898;
    font-size: 12px;
    min-height: 24px;
    padding-top: 0;
    text-transform: uppercase;
}

.team-cell[b-pvxgpab7sq] {
    align-items: center;
    display: flex;
    gap: 7px;
    min-width: 0;
}

.rank[b-pvxgpab7sq] {
    color: #8f9bad;
    flex: 0 0 16px;
    font-size: 12px;
    text-align: right;
}

.flag-image[b-pvxgpab7sq],
.team-logo-image[b-pvxgpab7sq] {
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 20px;
    height: 20px;
    justify-content: center;
    object-fit: cover;
    width: 20px;
}

.team-logo-image[b-pvxgpab7sq] {
    object-fit: contain;
    padding: 2px;
}

.team-copy[b-pvxgpab7sq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.team-code[b-pvxgpab7sq] {
    color: #ffffff;
    line-height: 1.05;
}

.team-name[b-pvxgpab7sq] {
    color: #ffffff;
    font-size: 12px;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.points-cell[b-pvxgpab7sq] {
    color: #ffd05f;
}

.scorers-list[b-pvxgpab7sq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.scorer-item[b-pvxgpab7sq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.scorer-row[b-pvxgpab7sq] {
    align-items: center;
    background: rgba(255, 255, 255, .035);
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    display: grid;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    gap: 8px;
    grid-template-columns: 22px 20px minmax(0, 1fr) 34px;
    min-height: 40px;
    padding: 7px 8px;
    text-align: left;
    width: 100%;
}

.scorer-row.expanded[b-pvxgpab7sq],
.scorer-row:focus-visible[b-pvxgpab7sq] {
    background: rgba(19, 196, 255, .1);
    outline: 1px solid rgba(19, 196, 255, .35);
}

.scorer-name[b-pvxgpab7sq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scorer-goals[b-pvxgpab7sq] {
    color: #ffd05f;
    font-size: 14px;
    text-align: right;
}

.scorer-details[b-pvxgpab7sq] {
    background: rgba(255, 255, 255, .025);
    border: 1px solid rgba(86, 112, 151, .18);
    border-radius: 0 0 6px 6px;
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 8px;
}

.scorer-detail[b-pvxgpab7sq] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.scorer-detail-label[b-pvxgpab7sq],
.scorer-detail-value[b-pvxgpab7sq] {
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    line-height: 1;
}

.scorer-detail-label[b-pvxgpab7sq] {
    color: #7f8898;
    font-size: 12px;
    text-transform: uppercase;
}

.scorer-detail-value[b-pvxgpab7sq] {
    color: #ffffff;
    font-size: 12px;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .standings-page[b-pvxgpab7sq] {
        padding: 28px;
    }

    [b-pvxgpab7sq] .standings-shell {
        border: 1px solid rgba(71, 108, 153, .65);
        border-radius: 8px;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
        max-width: 390px;
        max-height: calc(100vh - 56px);
        min-height: calc(100vh - 56px);
    }
}


/* /Components/Shared/AppConfirmDialog.razor.rz.scp.css */
[b-reqy2acayg] .confirm-dialog-card {
    background:
        radial-gradient(circle at 92% 8%, rgba(255, 200, 87, .12), transparent 30%),
        #121b2d;
    border: 1px solid rgba(86, 112, 151, .54);
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .48);
    color: #ffffff;
    max-width: 340px;
    padding: 18px;
    width: calc(100vw - 40px);
}

[b-reqy2acayg] .confirm-icon {
    flex: 0 0 auto;
}

[b-reqy2acayg] .confirm-icon.info {
    background: rgba(19, 196, 255, .13);
    border: 1px solid rgba(19, 196, 255, .35);
    color: #8fe6ff;
}

[b-reqy2acayg] .confirm-icon.danger {
    background: rgba(255, 90, 95, .13);
    border: 1px solid rgba(255, 90, 95, .38);
    color: #ff8b8f;
}

[b-reqy2acayg] .confirm-title,
[b-reqy2acayg] .confirm-message,
[b-reqy2acayg] .confirm-cancel,
[b-reqy2acayg] .confirm-submit {
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    letter-spacing: 0;
}

[b-reqy2acayg] .confirm-title {
    color: #f8fbff;
    font-size: 18px;
    font-weight: var(--mud-typography-h6-weight, 600);
    line-height: 1.1;
}

[b-reqy2acayg] .confirm-message {
    color: #aab4c5;
    font-size: 13px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    line-height: 1.35;
}

[b-reqy2acayg] .confirm-cancel,
[b-reqy2acayg] .confirm-submit {
    border-radius: 7px;
    font-size: 13px;
    font-weight: var(--mud-typography-button-weight, 700);
    padding: 10px 14px;
    text-transform: none;
}

[b-reqy2acayg] .confirm-cancel {
    color: #aab4c5;
}

[b-reqy2acayg] .confirm-submit.info {
    background: #13c4ff;
    color: #03111c;
}

[b-reqy2acayg] .confirm-submit.danger {
    background: #ff5a5f;
    color: #ffffff;
}
/* /Components/Shared/FixtureCard.razor.rz.scp.css */
.fixture-card[b-7vs689w8jq] {
    background: #121b2d;
    border: 1px solid rgba(86, 112, 151, .42);
    border-radius: 8px;
    padding: 15px;
}

.fixture-meta[b-7vs689w8jq] {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-bottom: 14px;
}

[b-7vs689w8jq] .fixture-round,
[b-7vs689w8jq] .fixture-status,
[b-7vs689w8jq] .fixture-date {
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 9px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-7vs689w8jq] .fixture-round { color: #8f9bad; }
[b-7vs689w8jq] .fixture-date { color: #cbd5e1; text-align: right; }
[b-7vs689w8jq] .fixture-status { color: #8fe6ff; }
[b-7vs689w8jq] .fixture-status.live { color: #ffc857; }

.fixture-teams[b-7vs689w8jq] {
    align-items: center;
    display: grid;
    gap: 10px 12px;
    grid-template-columns: minmax(0, 1fr) 42px;
}

.fixture-team[b-7vs689w8jq] {
    align-items: center;
    display: flex;
    gap: 9px;
    min-width: 0;
}

.fixture-logo[b-7vs689w8jq] {
    align-items: center;
    display: flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.fixture-logo img[b-7vs689w8jq] {
    height: 24px;
    object-fit: contain;
    width: 24px;
}

[b-7vs689w8jq] .fixture-team-name {
    color: #fff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: 0;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-7vs689w8jq] .fixture-score {
    align-items: center;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 16px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    height: 38px;
    justify-content: center;
}
/* /Components/Shared/InlinePredictionCard.razor.rz.scp.css */
.prediction-editor[b-2rzgh93ak7] { background: #101b30; border: 1px solid #235777; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 18px #02091540; color: #e9f3ff; }
.editor-meta[b-2rzgh93ak7] { display: flex; align-items: center; gap: 6px; padding: 11px 10px; background: #16243b; font-size: 12px; font-weight: 600; }
.stage[b-2rzgh93ak7] { display: flex; align-items: center; gap: 5px; min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; }
.live-dot[b-2rzgh93ak7] { width: 5px; height: 5px; background: #00c8ef; border-radius: 50%; flex-shrink: 0; }
time[b-2rzgh93ak7] { color: #adc4e5; font-family: monospace; font-size: 12px; white-space: nowrap; }
.editor-body[b-2rzgh93ak7] { display: grid; gap: 14px; padding: 14px 12px; }
.editor-team[b-2rzgh93ak7] { display: flex; align-items: center; gap: 9px; background: #0a1428; border-radius: 8px; padding: 6px; min-width: 0; }
.team-crest[b-2rzgh93ak7] { display: grid; place-items: center; width: 32px; height: 34px; border-radius: 7px; background: #1d2940; flex-shrink: 0; }
.team-crest img[b-2rzgh93ak7] { width: 25px; height: 25px; object-fit: contain; }
.team-copy[b-2rzgh93ak7] { flex: 1; min-width: 0; display: grid; gap: 2px; }
.team-copy strong[b-2rzgh93ak7] { font-size: 12px; line-height: 1.3; text-transform: uppercase; overflow-wrap: anywhere; }
.team-copy > span[b-2rzgh93ak7] { font-size: 12px; color: #94aaca; }
.score-stepper[b-2rzgh93ak7] { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
[b-2rzgh93ak7] .step-button { width: 32px; height: 36px; border: 1px solid #263757; background: #172640; color: #a5d8ff; border-radius: 7px; }
[b-2rzgh93ak7] .step-button svg { width: 14px; height: 14px; }
.selected-score[b-2rzgh93ak7] { min-width: 32px; padding: 5px; text-align: center; font-size: 17px; font-weight: 800; background: #061021; border: 1px solid #22688b; border-radius: 6px; }
.section-heading[b-2rzgh93ak7] { display: flex; justify-content: space-between; color: #a6bfdf; font-size: 12px; text-transform: uppercase; margin-bottom: 7px; }
.selected-score.empty[b-2rzgh93ak7] { color: #94aaca; border-color: #263757; }
.points-placeholder[b-2rzgh93ak7] { display: grid; gap: 6px; padding: 12px; border: 1px dashed #35445d; border-radius: 8px; background: #121c2d; color: #a6bad3; font-size: 12px; line-height: 1.5; }
.points-placeholder strong[b-2rzgh93ak7] { font-weight: 600; }
.points-placeholder > span[b-2rzgh93ak7] { font-size: 12px; }
.section-heading small[b-2rzgh93ak7] { text-transform: none; color: #39c9f4; font-size: 12px; }
.preset-grid[b-2rzgh93ak7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
[b-2rzgh93ak7] .preset { min-width: 0; min-height: 36px; padding: 4px 2px; border: 1px solid #23334e; border-radius: 6px; background: #0b1428; color: #f4f8ff; font-size: 12px; font-weight: var(--mud-typography-button-weight, 700); text-transform: none; }
[b-2rzgh93ak7] .preset .mud-button-label { gap: 3px; flex-wrap: wrap; }
[b-2rzgh93ak7] .preset.selected { border-color: #24c5fc; background: #12466a; }
.preset-points[b-2rzgh93ak7] { color: #ffc940; font-size: 12px; }
.potential-win[b-2rzgh93ak7] { border: 1px solid #6c582d; border-radius: 8px; background: linear-gradient(120deg, #253044, #192439); padding: 10px; display: grid; gap: 7px; }
.potential-heading[b-2rzgh93ak7] { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.potential-heading[b-2rzgh93ak7]  svg { color: #ff9858; width: 16px; }
.potential-heading strong[b-2rzgh93ak7] { font-size: 12px; flex: 1; }
.potential-heading strong > span[b-2rzgh93ak7] { color: #ffd04b; white-space: nowrap; }
.exact-label[b-2rzgh93ak7] { font-size: 12px; text-transform: uppercase; color: #ffe288; border: 1px solid #766135; border-radius: 3px; padding: 4px; }
.award-options[b-2rzgh93ak7] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 8px; font-size: 12px; color: #b4c7df; }
.award-options > span[b-2rzgh93ak7] { white-space: nowrap; }
.award-options b[b-2rzgh93ak7] { color: #dfecff; }
.potential-win > small[b-2rzgh93ak7] { font-size: 12px; line-height: 1.4; color: #a4b9d3; }
.potential-win > .alternative-points-label[b-2rzgh93ak7] { color: #ffd04b; }
[b-2rzgh93ak7] .group-toggle { width: 100%; background: #0b1629; border: 1px solid #1b2e49; border-radius: 7px; color: #daecff; min-height: 40px; text-transform: none; padding: 6px 8px; }
[b-2rzgh93ak7] .group-toggle .mud-button-label { width: 100%; gap: 5px; }
[b-2rzgh93ak7] .group-toggle svg { width: 15px; height: 15px; color: #1dccf4; }
.group-selection[b-2rzgh93ak7] { flex: 1; text-align: left; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group-status[b-2rzgh93ak7] { color: #44dfb3; background: #11ba8c14; border: 1px solid #20b58d40; border-radius: 10px; padding: 3px 5px; font-size: 12px; white-space: nowrap; }
.group-options[b-2rzgh93ak7] { margin-top: 7px; display: grid; gap: 5px; }
[b-2rzgh93ak7] .group-choice { width: 100%; color: #b8cce8; border: 1px solid #263956; border-radius: 6px; text-transform: none; padding: 8px; }
[b-2rzgh93ak7] .group-choice.selected { border-color: #14bade; background: #06b8ec0d; }
[b-2rzgh93ak7] .group-choice .mud-button-label { justify-content: space-between; }
.group-choice span[b-2rzgh93ak7] { flex: 1; text-align: left; }
.group-choice strong[b-2rzgh93ak7], .group-choice small[b-2rzgh93ak7] { display: block; font-size: 12px; }
.group-choice small[b-2rzgh93ak7] { color: #93a7c1; font-size: 12px; margin-top: 3px; }
[b-2rzgh93ak7] .editor-save { width: 100%; min-height: 44px; padding: 10px 6px; background: #00c9ec; color: #031629; border-radius: 9px; font-size: 12px; font-weight: var(--mud-typography-button-weight, 700); text-transform: none; box-shadow: 0 4px 13px #00bcea18; }
[b-2rzgh93ak7] .editor-save:hover { background: #60e6ff; }
[b-2rzgh93ak7] .mud-button-root:focus-visible, [b-2rzgh93ak7] .mud-icon-button:focus-visible { outline: 2px solid #ffd04b; outline-offset: 2px; }
[b-2rzgh93ak7] .mud-disabled { opacity: .5; }
.editor-status[b-2rzgh93ak7] { display: grid; gap: 6px; font-size: 12px; color: #a6bad3; }
@media (max-width: 350px) { .editor-body[b-2rzgh93ak7] { padding: 12px 9px; } .editor-meta[b-2rzgh93ak7] { gap: 4px; padding: 10px 8px; } .team-copy strong[b-2rzgh93ak7] { font-size: 12px; } .score-stepper[b-2rzgh93ak7] { gap: 3px; } [b-2rzgh93ak7] .step-button { width: 28px; } .selected-score[b-2rzgh93ak7] { min-width: 27px; } .group-status[b-2rzgh93ak7] { font-size: 12px; } }


.team-copy strong[b-2rzgh93ak7], .group-selection[b-2rzgh93ak7], .group-choice strong[b-2rzgh93ak7], .potential-heading strong[b-2rzgh93ak7] { font-size: 14px; }
.team-copy strong[b-2rzgh93ak7] { overflow-wrap: normal; }
.selected-score[b-2rzgh93ak7] { font-size: 22px; min-width: 36px; line-height: 1.2; }
[b-2rzgh93ak7] .step-button { height: 40px; }
[b-2rzgh93ak7] .preset, [b-2rzgh93ak7] .editor-save, [b-2rzgh93ak7] .group-choice { font-size: 14px; min-height: 44px; }
[b-2rzgh93ak7] .group-toggle { min-height: 44px; }
.editor-team[b-2rzgh93ak7] { flex-wrap: wrap; padding: 8px; }
.team-copy[b-2rzgh93ak7] { min-width: 110px; }
.score-stepper[b-2rzgh93ak7] { margin-left: auto; }
.exact-label[b-2rzgh93ak7] { margin-left: auto; }
.stage[b-2rzgh93ak7] { white-space: normal; line-height: 1.35; }
.group-choice small[b-2rzgh93ak7] { line-height: 1.4; }
@media (max-width: 350px) {
    .score-stepper[b-2rzgh93ak7] { width: 100%; justify-content: flex-end; }
}
/* /Components/Shared/InstallPrompt.razor.rz.scp.css */
.install-dialog[b-svd21xmod5] {
    background: #121b2d;
    border: 1px solid #35506d;
    border-radius: 16px;
    color: #fff;
    margin: auto;
    padding: 24px;
    width: min(390px, calc(100vw - 32px));
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    font-family: Inter, Arial, sans-serif;
}

.install-dialog[b-svd21xmod5]::backdrop { background: rgba(2, 10, 25, .8); }
.install-icon[b-svd21xmod5] { display: block; border-radius: 12px; margin-bottom: 16px; }
.install-dialog h2[b-svd21xmod5] { font-size: 22px; line-height: 1.2; margin: 0 0 12px; color: #6bd8ff; }
.install-dialog p[b-svd21xmod5] { color: #b4c7df; font-size: 14px; line-height: 1.5; margin: 0 0 20px; }
.install-dialog .install-instructions[b-svd21xmod5] { color: #fff; padding: 12px; background: #07111f; border-radius: 8px; }
.install-actions[b-svd21xmod5] { display: flex; gap: 8px; flex-wrap: wrap; }
.install-actions button[b-svd21xmod5] { border: 0; border-radius: 8px; padding: 12px; min-height: 44px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.install-actions button:focus-visible[b-svd21xmod5] { outline: 2px solid #ffc857; outline-offset: 3px; }
.install-later[b-svd21xmod5] { background: #253148; color: #fff; }
.install-confirm[b-svd21xmod5] { flex: 1; background: #13c4ff; color: #03111c; }
/* /Components/Shared/LivePredictionBreakdown.razor.rz.scp.css */
.live-predictions[b-bx2z00rryf] {
    border-top: 1px solid #304159;
    padding-top: 6px;
    display: grid;
    gap: 6px;
}

.potential-heading[b-bx2z00rryf] {
    color: #a8b7cc;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px;
}

.group-prediction[b-bx2z00rryf] {
    background: #0c1524;
    border: 1px solid #304159;
    border-radius: 8px;
    padding: 0 8px;
    min-width: 0;
}

.group-name[b-bx2z00rryf] {
    color: #64d7ff;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    flex: 1;
}

.prediction-value[b-bx2z00rryf] { white-space: nowrap; font-size: 12px; }

.prediction-toggle strong[b-bx2z00rryf] {
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    margin-left: 4px;
}

.prediction-toggle[b-bx2z00rryf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 40px;
    color: #edf4ff;
    font-size: 12px;
    cursor: pointer;
    list-style: none;
}

.prediction-toggle[b-bx2z00rryf]::-webkit-details-marker { display: none; }
.prediction-toggle:focus-visible[b-bx2z00rryf] { outline: 2px solid #64d7ff; outline-offset: 2px; border-radius: 4px; }

.expansion-arrow[b-bx2z00rryf] {
    width: 8px;
    height: 8px;
    margin-right: 4px;
    border-right: 2px solid #64d7ff;
    border-bottom: 2px solid #64d7ff;
    transform: rotate(45deg);
    flex-shrink: 0;
}

.prediction-details[open] .expansion-arrow[b-bx2z00rryf] { transform: rotate(225deg); }
.reward-note[b-bx2z00rryf] { padding: 8px 0; }

.points-grid[b-bx2z00rryf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    margin: 10px 0 0;
}

.points-grid > div[b-bx2z00rryf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #162237;
    border-radius: 6px;
    padding: 8px;
}

dt[b-bx2z00rryf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 10px;
    color: #b2bfd1;
    font-size: 12px;
}

dt span[b-bx2z00rryf] {
    color: #edf4ff;
    font-size: 12px;
}

dd[b-bx2z00rryf] {
    color: #ffd05f;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
}

dd small[b-bx2z00rryf] { font-size: 12px; font-weight: 400; }
.prediction-note[b-bx2z00rryf] { color: #a8b7cc; font-size: 12px; line-height: 1.5; margin: 0; }

/* /Components/Shared/MatchPredictionCard.razor.rz.scp.css */
[b-jhh9bcorah] .match-card { background: #101b30; border: 1px solid #235777; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 18px #02091540; color: #e9f3ff; }

[b-jhh9bcorah] .match-card-grid { display: grid; gap: 14px; padding: 14px 12px; }

[b-jhh9bcorah] .match-meta-row { display: grid; align-items: center; gap: 6px; grid-template-columns: minmax(0, 1fr) auto auto; padding: 11px 10px; background: #16243b; }

[b-jhh9bcorah] .match-meta-row .match-stage,
[b-jhh9bcorah] .match-meta-row .match-date,
[b-jhh9bcorah] .match-meta-row .prediction-count {
    line-height: 20px;
}

[b-jhh9bcorah] .match-stage,
[b-jhh9bcorah] .match-date,
[b-jhh9bcorah] .prediction-count,
[b-jhh9bcorah] .saved-group,
[b-jhh9bcorah] .missing-copy {
    color: #8f9bad;
    font-size: 12px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-jhh9bcorah] .match-date { color: #adc4e5; font-family: monospace; font-size: 12px; text-align: right; }

[b-jhh9bcorah] .result-summary {
    color: #ffd05f;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    letter-spacing: 0;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-jhh9bcorah] .prediction-count {
    color: #74f0a7;
    text-align: center;
}

[b-jhh9bcorah] .prediction-count.pending {
    color: #ffc857;
}

[b-jhh9bcorah] .prediction-count.status-summary.upcoming,
[b-jhh9bcorah] .prediction-count.status-summary.scheduled {
    color: #8fe6ff;
}

[b-jhh9bcorah] .prediction-count.status-summary.live {
    color: #ffc857;
}

[b-jhh9bcorah] .match-teams-grid { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }

[b-jhh9bcorah] .team-cell { display: flex; align-items: center; gap: 9px; background: #0a1428; border-radius: 8px; padding: 6px; min-width: 0; }

[b-jhh9bcorah] .team-flag { display: grid; place-items: center; width: 32px; height: 34px; border-radius: 7px; background: #1d2940; flex: 0 0 32px; }

[b-jhh9bcorah] .team-flag-image { width: 25px; height: 25px; object-fit: contain; }

[b-jhh9bcorah] .score-box { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; font-size: 17px; font-weight: 800; background: #061021; border: 1px solid #22688b; border-radius: 6px; color: #e9f3ff; }

[b-jhh9bcorah] .square-action {
    background: #13c4ff;
    border-radius: 8px;
    color: #03111c;
    height: 34px;
    min-width: 34px;
    padding: 0;
}

[b-jhh9bcorah] .square-action.accent {
    background: #ffc857;
}

[b-jhh9bcorah] .square-action.link {
    background: #13c4ff;
}

[b-jhh9bcorah] .status-chip {
    flex: 0 0 auto;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    justify-content: center;
    min-width: 34px;
    padding: 0 4px;
}

[b-jhh9bcorah] .header-status-chip {
    align-self: center;
    height: 20px;
    justify-self: center;
    margin: 0;
    min-height: 20px;
    vertical-align: top;
}

[b-jhh9bcorah] .header-status-chip .mud-chip-content {
    line-height: 20px;
    padding: 0 7px;
}

[b-jhh9bcorah] .status-chip.upcoming {
    background: rgba(19, 196, 255, .12);
    color: #8fe6ff;
}

[b-jhh9bcorah] .status-chip.live {
    background: rgba(255, 200, 87, .14);
    color: #ffc857;
}

[b-jhh9bcorah] .status-chip.finished {
    background: rgba(255, 255, 255, .08);
    color: #cbd5e1;
}

[b-jhh9bcorah] .group-summary-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; min-width: 0; }

.group-pick-panel[b-jhh9bcorah] {
    background: #0b1629;
    border: 1px solid #1b2e49;
    border-radius: 7px;
    overflow: hidden;
    min-width: 0;
}

.group-pick-panel.expanded[b-jhh9bcorah] { border-color: #235777; }
.group-pick-panel[b-jhh9bcorah]  .saved-prediction,
.group-pick-panel[b-jhh9bcorah]  .pending-prediction { border: 0; border-radius: 0; }
.group-pick-content[b-jhh9bcorah] { padding: 8px; border-top: 1px solid #1b2e49; }

[b-jhh9bcorah] .group-picks-label { color: #a6bfdf; font-size: 12px; text-transform: uppercase; line-height: 1.3; margin-bottom: -7px; }

[b-jhh9bcorah] .saved-prediction,
[b-jhh9bcorah] .pending-prediction { width: 100%; border-radius: 7px; color: #daecff; min-height: 40px; text-transform: none; padding: 6px 8px; min-width: 0; }

[b-jhh9bcorah] .group-summary-row .mud-button-label {
    display: flex;
    gap: 7px;
    min-width: 0;
    width: 100%;
}

[b-jhh9bcorah] .group-summary-row .mud-button-root:focus-visible {
    outline: 2px solid #13c4ff;
    outline-offset: -2px;
}

[b-jhh9bcorah] .saved-prediction { background: #0b1629; border: 1px solid #1b2e49; }

[b-jhh9bcorah] .pending-prediction { background: #0b1629; border: 1px solid #1b2e49; }

[b-jhh9bcorah] .saved-group { flex: 1; text-align: left; font-size: 12px; color: #daecff; text-transform: none; font-weight: var(--mud-typography-button-weight, 700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

[b-jhh9bcorah] .saved-score { color: #44dfb3; background: #11ba8c14; border: 1px solid #20b58d40; border-radius: 10px; padding: 3px 5px; font-size: 12px; white-space: nowrap; }

[b-jhh9bcorah] .missing-copy { color: #ff9ea1; border: 1px solid #ff9ea140; border-radius: 10px; padding: 3px 5px; font-size: 12px; text-transform: none; }

[b-jhh9bcorah] .score-input .mud-input {
    color: #ffffff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    text-align: center;
}

[b-jhh9bcorah] .score-input .mud-input-control-input-container {
    min-height: 38px;
}

[b-jhh9bcorah] .score-input.compact {
    margin: 0;
    width: 42px;
}

[b-jhh9bcorah] .score-input.compact .mud-input-control {
    margin: 0;
}

[b-jhh9bcorah] .score-input.compact .mud-input-outlined {
    border-radius: 5px;
}

[b-jhh9bcorah] .score-input.compact input {
    font-size: 15px;
    height: 38px;
    padding: 0;
    text-align: center;
}

[b-jhh9bcorah] .save-wide-button {
    background: rgba(19, 196, 255, .06);
    border: 1px solid rgba(19, 196, 255, .8);
    border-radius: 8px;
    box-shadow: none;
    color: #8fe6ff;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 13px;
    font-weight: var(--mud-typography-button-weight, 700);
    margin-top: 10px;
    min-height: 20px;
    text-transform: none;
    width: 100%;
}

[b-jhh9bcorah] .save-wide-button.make-prediction {
    background: #8fe6ff;
    border-color: #8fe6ff;
    color: #052035;
}

[b-jhh9bcorah] .save-wide-button.save-prediction {
    background: rgba(19, 196, 255, .06);
    border-color: rgba(19, 196, 255, .8);
    color: #8fe6ff;
}

[b-jhh9bcorah] .save-wide-button:hover,
[b-jhh9bcorah] .save-wide-button:focus-visible {
    background: rgba(19, 196, 255, .12);
    border-color: #13c4ff;
    color: #d9f7ff;
}

[b-jhh9bcorah] .match-stage { display: flex; align-items: center; gap: 5px; color: #e9f3ff; font-weight: 600; }
.stage-dot[b-jhh9bcorah] { width: 5px; height: 5px; background: #00c8ef; border-radius: 50%; flex-shrink: 0; }
.team-copy[b-jhh9bcorah] { flex: 1; min-width: 0; display: grid; gap: 2px; }
.team-copy strong[b-jhh9bcorah] { font-size: 12px; line-height: 1.3; text-transform: uppercase; overflow-wrap: anywhere; }
.team-copy > span[b-jhh9bcorah] { font-size: 12px; color: #94aaca; }
[b-jhh9bcorah] .group-summary-row svg { width: 15px; height: 15px; color: #1dccf4; }
@media (max-width: 350px) {
    [b-jhh9bcorah] .match-card-grid { padding: 12px 9px; }
    [b-jhh9bcorah] .match-meta-row { gap: 4px; padding: 10px 8px; }
    .team-copy strong[b-jhh9bcorah] { font-size: 12px; }
}


.team-copy strong[b-jhh9bcorah] { font-size: 14px; overflow-wrap: normal; }
[b-jhh9bcorah] .saved-group { font-size: 14px; }
[b-jhh9bcorah] .score-box { font-size: 22px; width: 40px; height: 40px; flex-basis: 40px; }
[b-jhh9bcorah] .saved-prediction, [b-jhh9bcorah] .pending-prediction { min-height: 44px; }
[b-jhh9bcorah] .match-meta-row { grid-template-columns: minmax(0, 1fr) auto; }
[b-jhh9bcorah] .match-stage { white-space: normal; line-height: 1.35; }
[b-jhh9bcorah] .match-date { grid-column: 1 / -1; }
[b-jhh9bcorah] .save-wide-button { font-size: 14px; min-height: 44px; }
/* /Components/Shared/PredictionPointsDialog.razor.rz.scp.css */
.points-dialog[b-mn0psojakm] { display: grid; gap: 10px; min-width: 0; }
.member-name[b-mn0psojakm] { color: #64d7ff; font-weight: 600; }
.match-name[b-mn0psojakm] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: #edf4ff; font-size: 14px; overflow-wrap: anywhere; }
.dialog-team[b-mn0psojakm] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.dialog-team img[b-mn0psojakm] { width: 24px; height: 24px; object-fit: contain; flex-shrink: 0; }
.versus[b-mn0psojakm] { color: #a8b7cc; font-size: 12px; }
.score-summary[b-mn0psojakm], .total-row[b-mn0psojakm], .column-heading[b-mn0psojakm] { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }
.score-summary[b-mn0psojakm] { color: #c7d4e5; }
.column-heading[b-mn0psojakm] { color: #a8b7cc; font-size: 12px; }
.reward-row[b-mn0psojakm] { display: flex; align-items: center; gap: 8px; padding: 10px 8px; background: #162237; border-radius: 6px; }
.reward-label[b-mn0psojakm] { flex: 1; min-width: 0; color: #b2bfd1; font-size: 12px; }
.reward-label strong[b-mn0psojakm] { display: inline; margin-left: 6px; color: #edf4ff; font-size: 12px; }
.reward-points[b-mn0psojakm] { color: #ffd05f; font-size: 16px; font-weight: 700; white-space: nowrap; }
.reward-points span[b-mn0psojakm] { color: #a8b7cc; font-size: 12px; font-weight: 400; }
.total-row[b-mn0psojakm] { border-top: 1px solid #304159; padding-top: 12px; align-items: center; }
.total-row strong[b-mn0psojakm] { color: #ffd05f; font-size: 18px; }
.scoring-note[b-mn0psojakm] { color: #a8b7cc; font-size: 12px; line-height: 1.5; margin: 0; }


/* /Components/Shared/PrimaryBottomNav.razor.rz.scp.css */
.primary-bottom-nav-host[b-czdngl4acb]  .bottom-nav {
    align-items: stretch;
    background: #111a2d;
    border-radius: 0;
    border-top: 1px solid rgba(86, 112, 151, .5);
    bottom: 0;
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.1fr) minmax(0, 1.3fr) minmax(0, .9fr) minmax(0, .85fr);
    left: 0;
    margin: 0;
    min-height: var(--app-bottom-nav-height);
    padding: 7px max(8px, env(safe-area-inset-left)) var(--app-system-bottom-space) max(8px, env(safe-area-inset-right));
    position: fixed;
    width: 100%;
    z-index: 5;
}

.primary-bottom-nav-host[b-czdngl4acb]  .nav-item {
    border-radius: 8px;
    color: #8f9bad;
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: var(--mud-typography-subtitle2-weight, 500);
    min-width: 0;
    padding: 7px 2px;
    text-transform: none;
}

.primary-bottom-nav-host[b-czdngl4acb]  .nav-item .mud-button-label,
.primary-bottom-nav-host[b-czdngl4acb]  .nav-item .mud-typography {
    font-family: var(--mud-typography-default-family, "Inter", Arial, sans-serif);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.primary-bottom-nav-host[b-czdngl4acb]  .nav-item.active {
    background: #1c5677;
    color: #8fe6ff;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .primary-bottom-nav-host[b-czdngl4acb]  .bottom-nav {
        left: 50%;
        padding-left: 8px;
        padding-right: 8px;
        transform: translateX(-50%);
        width: min(calc(100vw - 56px), 390px);
    }
}