/* /App.razor.rz.scp.css */
.error-container[b-4q6se0i55w] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
    background: var(--color-bg);
}

.error-card[b-4q6se0i55w] {
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    border-radius: 12px;
    padding: 3rem 2rem;
    max-width: 500px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.error-icon[b-4q6se0i55w] {
    font-size: 4rem;
    color: var(--color-error);
    margin-bottom: 1rem;
    animation: pulse-b-4q6se0i55w 2s ease-in-out infinite;
}

@keyframes pulse-b-4q6se0i55w {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.05); }
}

.error-card h2[b-4q6se0i55w] {
    color: var(--color-text);
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.error-message[b-4q6se0i55w] {
    color: var(--color-text);
    opacity: 0.8;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

.error-card .btn[b-4q6se0i55w] {
    margin-bottom: 1rem;
}

.error-actions[b-4q6se0i55w] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.error-actions .btn[b-4q6se0i55w] {
    margin-bottom: 0;
    min-width: 140px;
}

.error-details[b-4q6se0i55w] {
    margin-top: 1.5rem;
    text-align: left;
    background: var(--color-bg);
    border: 1px solid var(--color-muted-stroke);
    border-radius: 6px;
    padding: 0.5rem;
}

.error-details summary[b-4q6se0i55w] {
    cursor: pointer;
    font-weight: 600;
    color: var(--color-text);
    padding: 0.5rem;
    user-select: none;
}

.error-details summary:hover[b-4q6se0i55w] {
    background: var(--color-muted-stroke);
    border-radius: 4px;
}

.error-details pre[b-4q6se0i55w] {
    margin: 0.5rem;
    padding: 1rem;
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    border-radius: 4px;
    overflow-x: auto;
    font-size: 0.875rem;
    color: var(--color-code);
    white-space: pre-wrap;
    word-break: break-word;
}

/* /Components/ActionCard.razor.rz.scp.css */
/* Action Card Component Styles */

.action-card[b-m7t9e8ldx9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 1rem;
    text-decoration: none;
    color: var(--color-text);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.action-card[b-m7t9e8ldx9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.action-card:hover[b-m7t9e8ldx9] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

.action-card:hover[b-m7t9e8ldx9]::before {
    opacity: 1;
}

.action-card:active[b-m7t9e8ldx9] {
    transform: translateY(-2px);
}

/* Primary Card - Bold, prominent */
.action-card-primary[b-m7t9e8ldx9] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Secondary Card - Subtle, receded */
.action-card-secondary[b-m7t9e8ldx9] {
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    opacity: 0.85;
}

.action-card-secondary:hover[b-m7t9e8ldx9] {
    opacity: 1;
    border-color: var(--color-primary-border);
}

/* Tertiary Card - Distinct accent style */
.action-card-tertiary[b-m7t9e8ldx9] {
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    opacity: 0.75;
    box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4);
}

.action-card-tertiary:hover[b-m7t9e8ldx9] {
    opacity: 1;
    border-color: var(--color-primary-border);
}

/* Tertiary Card - Distinct accent style */
.action-card-danger[b-m7t9e8ldx9] {
    background: var(--color-surface);
    border: 1px solid var(--color-error);
    opacity: 0.75;
    box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4);
}

.action-card-icon[b-m7t9e8ldx9] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
}

.action-card-primary .action-card-icon[b-m7t9e8ldx9] {
    background: rgba(255, 255, 255, 0.2);
}

.action-card-secondary .action-card-icon[b-m7t9e8ldx9] {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid var(--color-muted-stroke);
}

.action-card-tertiary .action-card-icon[b-m7t9e8ldx9] {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid var(--color-muted-stroke);
}

.action-card-content[b-m7t9e8ldx9] {
    flex: 1;
    min-width: 0;
}

.action-card-title[b-m7t9e8ldx9] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: inherit;
}

.action-card-description[b-m7t9e8ldx9] {
    font-size: 0.875rem;
    opacity: 0.7;
    margin: 0;
    color: inherit;
}

.action-card-arrow[b-m7t9e8ldx9] {
    font-size: 1.25rem;
    opacity: 0.5;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.action-card:hover .action-card-arrow[b-m7t9e8ldx9] {
    transform: translateX(4px);
    opacity: 1;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    /* Primary card - much lighter gradient for better visibility */
    .action-card-primary[b-m7t9e8ldx9] {
        background: linear-gradient(135deg, #4a6078 0%, #5a7590 100%);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
 
    .action-card-primary:hover[b-m7t9e8ldx9] {
        background: linear-gradient(135deg, #5a7590 0%, #6a85a8 100%);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    }

    /* Secondary card */
    .action-card-secondary[b-m7t9e8ldx9] {
        background: #4a4b4c;
        border: 1px solid rgba(255, 255, 255, 0.05);
        opacity: 0.65;
    }

    .action-card-secondary:hover[b-m7t9e8ldx9] {
        background: #525455;
        opacity: 0.85;
    }

    /* Tertiary card - brighter gradient for dark mode */
    .action-card-tertiary[b-m7t9e8ldx9] {
        background: #4a4b4c;
        border: 1px solid rgba(255, 255, 255, 0.05);
        opacity: 0.65;
    }
    
    .action-card-tertiary .action-card-icon[b-m7t9e8ldx9] {
        
        
    }

    .action-card-danger[b-m7t9e8ldx9] {
        background: #4a4b4c;
        border: 1px solid var(--color-error);
        opacity: 0.65;
    }
}

/* Explicit dark theme overrides to match global */
[data-bs-theme='dark'] .action-card-primary[b-m7t9e8ldx9] {
    background: linear-gradient(135deg, rgba(143, 191, 207, 0.25) 0%, rgba(143, 191, 207, 0.18) 100%);
    color: var(--color-text);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

[data-bs-theme='dark'] .action-card-primary .action-card-icon[b-m7t9e8ldx9] {
    background: rgba(255, 255, 255, 0.15);
}

[data-bs-theme='dark'] .action-card-secondary[b-m7t9e8ldx9] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme='dark'] .action-card-secondary .action-card-icon[b-m7t9e8ldx9] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
}

/* Disabled state */
.action-card-disabled[b-m7t9e8ldx9] {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

.action-card-disabled:hover[b-m7t9e8ldx9] {
    transform: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Responsive */
@media (max-width: 640px) {
    .action-card[b-m7t9e8ldx9] {
        padding: 1rem;
    }

    .action-card-icon[b-m7t9e8ldx9] {
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .action-card[b-m7t9e8ldx9],
    .action-card-icon[b-m7t9e8ldx9],
    .action-card-arrow[b-m7t9e8ldx9] {
        transition: none !important;
    }

    .action-card:hover[b-m7t9e8ldx9],
    .action-card:active[b-m7t9e8ldx9] {
        transform: none !important;
    }
}
/* /Components/AmericanoScoreSelector.razor.rz.scp.css */
/* Score Selector Modal Overlay */
.score-selector-overlay[b-3l8krbc1nz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 1rem;
    animation: fadeIn-b-3l8krbc1nz 0.2s ease-out;
}

@keyframes fadeIn-b-3l8krbc1nz {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Score Selector Modal */
.score-selector-modal[b-3l8krbc1nz] {
    background: var(--color-surface);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-3l8krbc1nz 0.3s ease-out;
}

@keyframes slideUp-b-3l8krbc1nz {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Header */
.score-selector-header[b-3l8krbc1nz] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-muted-stroke);
}

.score-selector-title[b-3l8krbc1nz] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text);
}

/* Body */
.score-selector-body[b-3l8krbc1nz] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.score-grid[b-3l8krbc1nz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 12px;
}

/* Score Buttons */
.score-button[b-3l8krbc1nz] {
    background: var(--color-surface);
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: 12px;
    padding: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.score-button:hover[b-3l8krbc1nz] {
    background: var(--color-primary);
    color: white;
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 16px rgba(30, 41, 59, 0.25);
}

.score-button:active[b-3l8krbc1nz] {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 3px 8px rgba(30, 41, 59, 0.2);
}

/* Footer */
.score-selector-footer[b-3l8krbc1nz] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--color-muted-stroke);
    display: flex;
    justify-content: flex-end;
}

.score-cancel-btn[b-3l8krbc1nz] {
    background: transparent;
    border: 2px solid var(--color-muted-stroke);
    color: var(--color-text);
    border-radius: 10px;
    padding: 0.625rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.score-cancel-btn:hover[b-3l8krbc1nz] {
    background: var(--color-bg);
    border-color: var(--color-primary);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.score-cancel-btn:active[b-3l8krbc1nz] {
    transform: translateY(0);
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .score-selector-modal[b-3l8krbc1nz] {
        max-width: 100%;
        border-radius: 16px 16px 0 0;
        margin-top: auto;
        max-height: 80vh;
    }
    
    .score-grid[b-3l8krbc1nz] {
        grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
        gap: 10px;
    }
    
    .score-button[b-3l8krbc1nz] {
        padding: 0.75rem;
        font-size: 1.25rem;
        min-height: 60px;
    }
    
    .score-selector-header[b-3l8krbc1nz] {
        padding: 1.25rem;
    }
    
    .score-selector-body[b-3l8krbc1nz] {
        padding: 1.25rem;
    }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .score-selector-overlay[b-3l8krbc1nz] {
        background: rgba(0, 0, 0, 0.7);
    }
}

html[data-theme='dark'] .score-selector-overlay[b-3l8krbc1nz] {
    background: rgba(0, 0, 0, 0.7);
}

/* /Components/FeaturePill.razor.rz.scp.css */
/* Feature Pill Component Styles */

.feature-pill[b-thbciv51xw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--color-surface);
    border-radius: 2rem;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.feature-pill i[b-thbciv51xw] {
    font-size: 1rem;
    opacity: 0.8;
}

.feature-pill:hover[b-thbciv51xw] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Responsive */
@media (max-width: 640px) {
    .feature-pill[b-thbciv51xw] {
        font-size: 0.75rem;
        padding: 0.4rem 0.75rem;
    }

    .feature-pill i[b-thbciv51xw] {
        font-size: 0.875rem;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .feature-pill[b-thbciv51xw] {
        transition: none !important;
    }

    .feature-pill:hover[b-thbciv51xw] {
        transform: none !important;
    }
}

/* /Components/GameTypeSelector.razor.rz.scp.css */
/* Game Type Selector Component Styles */

.game-type-selector[b-kelybuk8a1] {
    padding: 2rem 1rem;
    animation: fadeInUp-b-kelybuk8a1 0.4s ease-out;
}

@keyframes fadeInUp-b-kelybuk8a1 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 640px) {
    .game-type-selector[b-kelybuk8a1] {
        padding: 1.5rem 1rem;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .game-type-selector[b-kelybuk8a1] {
        animation: none !important;
    }
}

/* /Components/GlobalLoadingIndicator.razor.rz.scp.css */
.global-loading-overlay[b-4acc9cmn15] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	animation: fadeIn-b-4acc9cmn15 0.2s ease-in;
}

.global-loading-content[b-4acc9cmn15] {
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color);
	border-radius: 12px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.global-loading-content .spinner-border[b-4acc9cmn15] {
	width: 3rem;
	height: 3rem;
	color: var(--bs-primary);
}

.global-loading-content p[b-4acc9cmn15] {
	margin: 0;
	color: var(--bs-body-color);
	font-size: 1rem;
	font-weight: 500;
}

@keyframes fadeIn-b-4acc9cmn15 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* /Components/Leaderboard.razor.rz.scp.css */
/* Leaderboard Table Styling - Custom class to avoid Bootstrap conflicts */

.leaderboard-table[b-pcfvte6yg7] {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 0;
    width: 100%;
}

.leaderboard-table thead[b-pcfvte6yg7] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.leaderboard-table thead th[b-pcfvte6yg7] {
    background: #4a6078;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    padding: 0.875rem 0.75rem;
    border: none;
    text-align: left;
}

.leaderboard-table thead th:first-child[b-pcfvte6yg7] {
    border-radius: 0.75rem 0 0 0;
    text-align: center;
}

.leaderboard-table thead th:last-child[b-pcfvte6yg7] {
    border-radius: 0 0.75rem 0 0;
}

.leaderboard-table thead th i[b-pcfvte6yg7] {
    font-size: 0.875rem;
}

.leaderboard-table tbody tr[b-pcfvte6yg7] {
    transition: all 0.2s ease;
    border-bottom: 1px solid var(--color-muted-stroke);
    background: var(--color-surface);
}

.leaderboard-table tbody tr:hover[b-pcfvte6yg7] {
    background: rgba(99, 102, 241, 0.05);
    transform: scale(1.01);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.leaderboard-table tbody td[b-pcfvte6yg7] {
    padding: 0.875rem 0.75rem;
    vertical-align: middle;
    border: none;
    font-size: 0.9375rem;
}

.leaderboard-table tbody td:first-child[b-pcfvte6yg7] {
    text-align: center;
    font-weight: 600;
}

.leaderboard-table tbody td:nth-child(2)[b-pcfvte6yg7] {
    font-weight: 600;
    color: var(--color-text);
}

/* Stats columns styling */
.leaderboard-table tbody td:nth-child(3)[b-pcfvte6yg7],
.leaderboard-table tbody td:nth-child(4)[b-pcfvte6yg7],
.leaderboard-table tbody td:nth-child(5)[b-pcfvte6yg7],
.leaderboard-table tbody td:nth-child(6)[b-pcfvte6yg7],
.leaderboard-table tbody td:nth-child(7)[b-pcfvte6yg7] {
    text-align: center;
    font-weight: 600;
    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
}

/* Points column - highlighted */
.leaderboard-table tbody td:nth-child(3)[b-pcfvte6yg7] {
    color: #6366f1;
    font-size: 1.125rem;
}

/* Wins column - green */
.leaderboard-table tbody td:nth-child(5)[b-pcfvte6yg7] {
    color: #10b981;
}

/* Draws column - blue */
.leaderboard-table tbody td:nth-child(6)[b-pcfvte6yg7] {
    color: #3b82f6;
}

/* Losses column - red */
.leaderboard-table tbody td:nth-child(7)[b-pcfvte6yg7] {
    color: #ef4444;
}

/* Medal styling */
.medal[b-pcfvte6yg7] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.medal:hover[b-pcfvte6yg7] {
    transform: scale(1.15) rotate(10deg);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.medal-gold[b-pcfvte6yg7] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #1a1a1a;
    box-shadow: 0 3px 8px rgba(255, 215, 0, 0.5);
}

.medal-gold:hover[b-pcfvte6yg7] {
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.6);
}

.medal-silver[b-pcfvte6yg7] {
    background: linear-gradient(135deg, #C0C0C0 0%, #A8A8A8 100%);
    color: #1a1a1a;
    box-shadow: 0 3px 8px rgba(192, 192, 192, 0.5);
}

.medal-silver:hover[b-pcfvte6yg7] {
    box-shadow: 0 4px 12px rgba(192, 192, 192, 0.6);
}

.medal-bronze[b-pcfvte6yg7] {
    background: linear-gradient(135deg, #CD7F32 0%, #A0522D 100%);
    color: white;
    box-shadow: 0 3px 8px rgba(205, 127, 50, 0.5);
}

.medal-bronze:hover[b-pcfvte6yg7] {
    box-shadow: 0 4px 12px rgba(205, 127, 50, 0.6);
}

.rank-value[b-pcfvte6yg7] {
    font-size: 1rem;
    font-weight: 700;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .leaderboard-table thead th[b-pcfvte6yg7] {
        background: #5a7590;
    }

    .leaderboard-table tbody tr[b-pcfvte6yg7] {
        background: var(--color-surface);
    }

    .leaderboard-table tbody tr:hover[b-pcfvte6yg7] {
        background: #4a5d70;
    }

    .leaderboard-table tbody td:nth-child(3)[b-pcfvte6yg7] {
        color: #818cf8;
    }

    .leaderboard-table tbody td:nth-child(5)[b-pcfvte6yg7] {
        color: #34d399;
    }

    .leaderboard-table tbody td:nth-child(6)[b-pcfvte6yg7] {
        color: #60a5fa;
    }

    .leaderboard-table tbody td:nth-child(7)[b-pcfvte6yg7] {
        color: #f87171;
    }
}

html[data-theme='dark'] .leaderboard-table thead th[b-pcfvte6yg7] {
    background: #5a7590;
}

html[data-theme='dark'] .leaderboard-table tbody tr[b-pcfvte6yg7] {
    background: var(--color-surface);
}

html[data-theme='dark'] .leaderboard-table tbody tr:hover[b-pcfvte6yg7] {
    background: #4a5d70;
}

html[data-theme='dark'] .leaderboard-table tbody td:nth-child(3)[b-pcfvte6yg7] {
    color: #818cf8;
}

html[data-theme='dark'] .leaderboard-table tbody td:nth-child(5)[b-pcfvte6yg7] {
    color: #34d399;
}

html[data-theme='dark'] .leaderboard-table tbody td:nth-child(6)[b-pcfvte6yg7] {
    color: #60a5fa;
}

html[data-theme='dark'] .leaderboard-table tbody td:nth-child(7)[b-pcfvte6yg7] {
    color: #f87171;
}

/* Responsive - stack on mobile */
@media (max-width: 640px) {
    .leaderboard-table thead th[b-pcfvte6yg7] {
        padding: 0.75rem 0.5rem;
        font-size: 0.6875rem;
    }

    .leaderboard-table tbody td[b-pcfvte6yg7] {
        padding: 0.75rem 0.5rem;
        font-size: 0.875rem;
    }

    .medal[b-pcfvte6yg7] {
        width: 32px;
        height: 32px;
        font-size: 0.75rem;
    }

    .rank-value[b-pcfvte6yg7] {
        font-size: 0.875rem;
    }
}

/* Animation for table rows on load */
.leaderboard-table tbody tr[b-pcfvte6yg7] {
    animation: fadeInUp-b-pcfvte6yg7 0.4s ease-out backwards;
}

.leaderboard-table tbody tr:nth-child(1)[b-pcfvte6yg7] { animation-delay: 0.05s; }
.leaderboard-table tbody tr:nth-child(2)[b-pcfvte6yg7] { animation-delay: 0.1s; }
.leaderboard-table tbody tr:nth-child(3)[b-pcfvte6yg7] { animation-delay: 0.15s; }
.leaderboard-table tbody tr:nth-child(4)[b-pcfvte6yg7] { animation-delay: 0.2s; }
.leaderboard-table tbody tr:nth-child(5)[b-pcfvte6yg7] { animation-delay: 0.25s; }

@keyframes fadeInUp-b-pcfvte6yg7 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .leaderboard-table tbody tr[b-pcfvte6yg7] {
        animation: none;
    }
    
    .leaderboard-table tbody tr:hover[b-pcfvte6yg7] {
        transform: none;
    }
    
    .medal:hover[b-pcfvte6yg7] {
        transform: scale(1.1);
    }
}

/* Column alignment to match headers and cells */
.leaderboard-table th[b-pcfvte6yg7],
.leaderboard-table td[b-pcfvte6yg7] {
    vertical-align: middle;
}

/* Rank column: center */
.leaderboard-table .col-rank[b-pcfvte6yg7] { text-align: center; }
.leaderboard-table thead .col-rank[b-pcfvte6yg7] { text-align: center; }

/* Player column: left */
.leaderboard-table .col-player[b-pcfvte6yg7] { text-align: left; }
.leaderboard-table thead .col-player[b-pcfvte6yg7] { text-align: left; }

/* Numeric/stat columns: center to match header */
.leaderboard-table .col-points[b-pcfvte6yg7],
.leaderboard-table .col-rounds[b-pcfvte6yg7],
.leaderboard-table .col-wins[b-pcfvte6yg7],
.leaderboard-table .col-draws[b-pcfvte6yg7],
.leaderboard-table .col-losses[b-pcfvte6yg7] {
    text-align: center;
}
.leaderboard-table thead .col-points[b-pcfvte6yg7],
.leaderboard-table thead .col-rounds[b-pcfvte6yg7],
.leaderboard-table thead .col-wins[b-pcfvte6yg7],
.leaderboard-table thead .col-draws[b-pcfvte6yg7],
.leaderboard-table thead .col-losses[b-pcfvte6yg7] {
    text-align: center;
}

/* Harmonize padding so header and body line up visually */
.leaderboard-table thead th[b-pcfvte6yg7] { padding: 0.875rem 0.75rem; }
.leaderboard-table tbody td[b-pcfvte6yg7] { padding: 0.875rem 0.75rem; }

/* Keep first header rounded and centered rank */
.leaderboard-table thead th:first-child[b-pcfvte6yg7] { text-align: center; }

/* Prevent wrapping in short stat headers/cells */
.leaderboard-table th.col-points[b-pcfvte6yg7],
.leaderboard-table th.col-wins[b-pcfvte6yg7],
.leaderboard-table th.col-draws[b-pcfvte6yg7],
.leaderboard-table th.col-losses[b-pcfvte6yg7],
.leaderboard-table td.col-points[b-pcfvte6yg7],
.leaderboard-table td.col-wins[b-pcfvte6yg7],
.leaderboard-table td.col-draws[b-pcfvte6yg7],
.leaderboard-table td.col-losses[b-pcfvte6yg7] {
    white-space: nowrap;
}

/* Unscored Games Styling */
.unscored-games-container[b-pcfvte6yg7] {
    margin-top: 1.5rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(220, 38, 38, 0.06) 100%);
    border-radius: 0.75rem;
    border: 1.5px solid rgba(239, 68, 68, 0.35);
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.1);
}

.unscored-games-header[b-pcfvte6yg7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.875rem;
    color: #dc2626;
    font-weight: 700;
    font-size: 0.9375rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.unscored-games-header i[b-pcfvte6yg7] {
    font-size: 1.125rem;
    animation: pulse-warning-b-pcfvte6yg7 2s ease-in-out infinite;
}

@keyframes pulse-warning-b-pcfvte6yg7 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.75; transform: scale(1.08); }
}

.unscored-games-list[b-pcfvte6yg7] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.unscored-game-oneliner[b-pcfvte6yg7] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1rem;
    background: var(--color-surface);
    border-radius: 0.5rem;
    border: 1px solid var(--color-muted-stroke);
    font-size: 0.875rem;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    flex-wrap: wrap;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.unscored-game-oneliner:hover[b-pcfvte6yg7] {
    border-color: rgba(239, 68, 68, 0.5);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
    transform: translateX(4px);
    background: linear-gradient(90deg, var(--color-surface) 0%, rgba(239, 68, 68, 0.03) 100%);
}

.unscored-round[b-pcfvte6yg7] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-weight: 700;
    color: #dc2626;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(220, 38, 38, 0.1) 100%);
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.unscored-round i[b-pcfvte6yg7] {
    font-size: 0.875rem;
}

.unscored-court[b-pcfvte6yg7] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    background: var(--color-muted);
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
}

.unscored-court i[b-pcfvte6yg7] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.unscored-divider[b-pcfvte6yg7] {
    color: var(--color-text-tertiary);
    font-weight: 700;
    font-size: 0.875rem;
    opacity: 0.4;
}

.unscored-players[b-pcfvte6yg7] {
    color: var(--color-text);
    font-weight: 600;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
}

.unscored-game-oneliner:hover .unscored-players[b-pcfvte6yg7] {
    color: var(--color-accent);
}

.unscored-vs[b-pcfvte6yg7] {
    color: var(--color-text-secondary);
    font-weight: 800;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.125rem 0.375rem;
    background: var(--color-muted);
    border-radius: 0.25rem;
    opacity: 0.8;
}

/* Dark mode adjustments */
[data-bs-theme="dark"] .unscored-games-container[b-pcfvte6yg7] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.18) 0%, rgba(220, 38, 38, 0.1) 100%);
    border-color: rgba(239, 68, 68, 0.45);
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.15);
}

[data-bs-theme="dark"] .unscored-round[b-pcfvte6yg7] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.25) 0%, rgba(220, 38, 38, 0.18) 100%);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.3);
}

[data-bs-theme="dark"] .unscored-games-header[b-pcfvte6yg7] {
    color: #fca5a5;
}

[data-bs-theme="dark"] .unscored-game-oneliner:hover[b-pcfvte6yg7] {
    background: linear-gradient(90deg, var(--color-surface) 0%, rgba(239, 68, 68, 0.08) 100%);
    border-color: rgba(239, 68, 68, 0.6);
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .unscored-game-oneliner[b-pcfvte6yg7] {
        font-size: 0.8125rem;
        gap: 0.5rem;
        padding: 0.625rem 0.75rem;
    }
    
    .unscored-round[b-pcfvte6yg7] {
        font-size: 0.75rem;
    }
    
    .unscored-court[b-pcfvte6yg7] {
        font-size: 0.6875rem;
    }
    
    .unscored-divider[b-pcfvte6yg7] {
        display: none;
    }
}

/* Photo toggle pill */
.photo-toggle[b-pcfvte6yg7] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    background: var(--color-muted);
    color: var(--color-text);
    border: 1px solid var(--color-muted-stroke);
    font-weight: 600;
    font-size: 0.875rem;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.photo-toggle:hover[b-pcfvte6yg7] { 
    background: var(--color-surface);
    border-color: var(--color-accent);
}
.photo-toggle:active[b-pcfvte6yg7] { transform: translateY(1px); }
.photo-toggle i[b-pcfvte6yg7] { font-size: 1rem; }
.photo-toggle .count[b-pcfvte6yg7] {
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    padding: 0 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    line-height: 1.25rem;
    min-width: 1.25rem;
    text-align: center;
}
.photo-toggle .chev[b-pcfvte6yg7] { transition: transform 0.2s ease; }
.photo-toggle.open .chev[b-pcfvte6yg7] { transform: rotate(180deg); }

.photo-gallery-wrapper[b-pcfvte6yg7] { margin-top: 0.75rem; }

/* Dark mode tuning */
[data-bs-theme="dark"] .photo-toggle[b-pcfvte6yg7] {
    background: rgba(255,255,255,0.04);
}
[data-bs-theme="dark"] .photo-toggle:hover[b-pcfvte6yg7] {
    background: rgba(255,255,255,0.06);
    border-color: var(--color-accent);
}
/* /Components/PageHeader.razor.rz.scp.css */
/* Page Header Component Styles */
.page-header[b-6cj44qgoow] {
    text-align: center;
    margin-bottom: 2.5rem;
    padding: 2rem 1rem;
    /*background: linear-gradient(135deg, rgba(37, 140, 251, 0.1) 0%, rgba(99, 102, 241, 0.05) 100%);*/
    border-radius: 1.5rem;
    animation: fadeInUp-b-6cj44qgoow 0.5s ease-out;
    position: relative;
    overflow: hidden;
}

.page-header[b-6cj44qgoow]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.15) 0%, transparent 60%);*/
    pointer-events: none;
}

.page-header h3[b-6cj44qgoow] {
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: var(--color-text);
    position: relative;
}

.page-header h3 i[b-6cj44qgoow] {
    font-size: 2rem;
    background: linear-gradient(135deg, #258cfb 0%, #6366f1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 2px 4px rgba(37, 140, 251, 0.3));
}

.page-header-subtitle[b-6cj44qgoow] {
    font-size: 1.05rem;
    opacity: 0.75;
    margin: 0;
    position: relative;
    font-weight: 500;
    text-align: center;
}

@keyframes fadeInUp-b-6cj44qgoow {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dark mode support */
[data-bs-theme="dark"] .page-header[b-6cj44qgoow] {
    /*background: linear-gradient(135deg, rgba(37, 140, 251, 0.08) 0%, rgba(99, 102, 241, 0.04) 100%);*/
}

[data-bs-theme="dark"] .page-header[b-6cj44qgoow]::before {
    /*background: radial-gradient(circle at top right, rgba(99, 102, 241, 0.12) 0%, transparent 60%);*/
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header h3[b-6cj44qgoow] {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .page-header[b-6cj44qgoow] {
        padding: 1.5rem 0.75rem;
        margin-bottom: 1.5rem;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .page-header[b-6cj44qgoow] {
        animation: none !important;
    }
}

/* /Components/PhotoGallery.razor.rz.scp.css */
.photos-section[b-w2wdh9x7a4] {
    margin-top: 2rem;
}

.section-header[b-w2wdh9x7a4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.section-header i[b-w2wdh9x7a4] {
    color: var(--bs-primary);
}

.section-header h2[b-w2wdh9x7a4] {
    margin: 0;
    font-size: 1.5rem;
}

.no-photos[b-w2wdh9x7a4] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--bs-secondary);
}

.no-photos i[b-w2wdh9x7a4] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.no-photos p[b-w2wdh9x7a4] {
    margin: 0;
    font-size: 1.1rem;
}

.photos-grid[b-w2wdh9x7a4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

@media (max-width: 768px) {
    .photos-grid[b-w2wdh9x7a4] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.75rem;
    }
}

.photo-card[b-w2wdh9x7a4] {
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    aspect-ratio: 1;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    background: var(--bs-secondary-bg);
}

.photo-card:hover[b-w2wdh9x7a4] {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.photo-card img[b-w2wdh9x7a4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.photo-caption[b-w2wdh9x7a4] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    color: white;
    padding: 1.5rem 0.75rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.3;
}

.photo-delete-btn[b-w2wdh9x7a4] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: rgba(220, 53, 69, 0.9);
    border: none;
    color: white;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    opacity: 0;
    z-index: 10;
}

.photo-card:hover .photo-delete-btn[b-w2wdh9x7a4] {
    opacity: 1;
}

.photo-delete-btn:hover[b-w2wdh9x7a4] {
    background: rgba(220, 53, 69, 1);
    transform: scale(1.1);
}

/* Photo Modal */
.photo-modal-overlay[b-w2wdh9x7a4] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    padding: 1rem;
    animation: fadeIn-b-w2wdh9x7a4 0.2s ease;
}

@keyframes fadeIn-b-w2wdh9x7a4 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.photo-modal-content[b-w2wdh9x7a4] {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: scaleIn-b-w2wdh9x7a4 0.3s ease;
}

@keyframes scaleIn-b-w2wdh9x7a4 {
    from {
        transform: scale(0.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.photo-modal-content img[b-w2wdh9x7a4] {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 0.5rem;
}

.photo-modal-actions[b-w2wdh9x7a4] {
    position: absolute;
    top: -2.5rem;
    right: 0;
    display: flex;
    gap: 0.5rem;
}

.photo-modal-delete[b-w2wdh9x7a4] {
    background: rgba(220, 53, 69, 0.9);
    border: 2px solid rgba(220, 53, 69, 0.5);
    color: white;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.25rem;
    transition: all 0.2s ease;
}

.photo-modal-delete:hover[b-w2wdh9x7a4] {
    background: rgba(220, 53, 69, 1);
    border-color: rgba(220, 53, 69, 0.8);
    transform: scale(1.1);
}

.photo-modal-close[b-w2wdh9x7a4] {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: white;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.25rem;
    transition: all 0.2s ease;
}

.photo-modal-close:hover[b-w2wdh9x7a4] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1);
}

.photo-modal-caption[b-w2wdh9x7a4] {
    margin-top: 1rem;
    color: white;
    font-size: 1rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
}

.photo-modal-disclaimer[b-w2wdh9x7a4] {
    margin-top: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.75rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: rgba(0, 0, 0, 0.3);
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
}

.photo-modal-disclaimer i[b-w2wdh9x7a4] {
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    .photo-modal-content[b-w2wdh9x7a4] {
        max-width: 95vw;
        max-height: 95vh;
    }

    .photo-modal-content img[b-w2wdh9x7a4] {
        max-height: 70vh;
    }

    .photo-modal-actions[b-w2wdh9x7a4] {
        top: 0.5rem;
        right: 0.5rem;
    }

    .photo-delete-btn[b-w2wdh9x7a4] {
        opacity: 1;
    }
}

/* /Components/PhotoUpload.razor.rz.scp.css */
/* Photo upload component - Modal based */
.photo-upload-component[b-9vnogubr7u] {
    display: inline-block;
}

/* Trigger Button - Matches broadcast-action button style */
.btn-upload-trigger[b-9vnogubr7u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 4px 8px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    color: white;
    font-weight: 600;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    min-width: 32px;
    min-height: 32px;
}

.btn-upload-trigger:hover[b-9vnogubr7u] {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
}

.btn-upload-trigger i[b-9vnogubr7u] {
    font-size: 0.9rem;
}

.btn-upload-trigger span[b-9vnogubr7u] {
    font-size: 0.75rem;
}

/* Responsive - hide text on smaller screens */
@media (max-width: 768px) {
    .btn-upload-trigger[b-9vnogubr7u] {
        padding: 4px 6px;
        min-width: 28px;
        min-height: 28px;
    }
}

@media (max-width: 650px) {
    .btn-upload-trigger span[b-9vnogubr7u] {
        display: none;
    }
    
    .btn-upload-trigger[b-9vnogubr7u] {
        padding: 6px;
        min-width: 36px;
        gap: 0;
    }
    
    .btn-upload-trigger i[b-9vnogubr7u] {
        margin: 0;
        font-size: 1rem;
    }
}

/* Modal Overlay */
.photo-modal-overlay[b-9vnogubr7u] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    padding: 1rem;
    animation: fadeIn-b-9vnogubr7u 0.2s ease-out;
}

@keyframes fadeIn-b-9vnogubr7u {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal Container */
.photo-modal[b-9vnogubr7u] {
    background: var(--color-surface);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-9vnogubr7u 0.3s ease-out;
    overflow: hidden;
}

@keyframes slideUp-b-9vnogubr7u {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Modal Header */
.photo-modal-header[b-9vnogubr7u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-muted-stroke);
    background: var(--color-surface);
}

.photo-modal-header h5[b-9vnogubr7u] {
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.photo-modal-header i[b-9vnogubr7u] {
    font-size: 1.3rem;
    color: var(--color-primary);
}

.btn-modal-close[b-9vnogubr7u] {
    background: transparent;
    border: none;
    color: var(--color-text);
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    transition: all 0.2s ease;
    opacity: 0.6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-modal-close:hover[b-9vnogubr7u] {
    opacity: 1;
    background: var(--color-bg);
}

/* Modal Body */
.photo-modal-body[b-9vnogubr7u] {
    padding: 2rem;
    overflow-y: auto;
    flex: 1;
}

/* Upload Dropzone */
.upload-dropzone[b-9vnogubr7u] {
    border: 3px dashed var(--color-muted-stroke);
    border-radius: 12px;
    padding: 4rem 2rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: var(--color-bg);
}

.upload-dropzone:hover[b-9vnogubr7u] {
    border-color: var(--color-primary);
    background: var(--color-surface);
    transform: scale(1.02);
}

.upload-dropzone i[b-9vnogubr7u] {
    font-size: 4rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
    display: block;
}

.dropzone-text[b-9vnogubr7u] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 0.5rem;
}

.dropzone-hint[b-9vnogubr7u] {
    font-size: 0.9rem;
    color: var(--color-text);
    opacity: 0.6;
    margin: 0;
}

/* File Input Hidden */
.file-input-hidden[b-9vnogubr7u] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

/* Preview Container */
.preview-container[b-9vnogubr7u] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.preview-image[b-9vnogubr7u] {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
    display: block;
    border-radius: 12px;
    background: var(--color-bg);
}

.btn-remove-preview[b-9vnogubr7u] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 1.2rem;
    transition: all 0.2s ease;
}

.btn-remove-preview:hover[b-9vnogubr7u] {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.1);
}

/* Caption Section */
.caption-section[b-9vnogubr7u] {
    margin-bottom: 1.5rem;
}

.caption-input[b-9vnogubr7u] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid var(--color-muted-stroke);
    border-radius: 10px;
    font-size: 1rem;
    background: var(--color-surface);
    color: var(--color-text);
    transition: all 0.2s ease;
}

.caption-input:focus[b-9vnogubr7u] {
    outline: none;
    border-color: var(--color-outline);
    box-shadow: 0 0 0 3px rgba(37, 140, 251, 0.15);
}

.caption-input[b-9vnogubr7u]::placeholder {
    color: var(--color-text);
    opacity: 0.5;
}

/* Upload Disclaimer */
.upload-disclaimer[b-9vnogubr7u] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 8px;
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--color-text);
    opacity: 0.85;
    margin-bottom: 1rem;
}

.upload-disclaimer i[b-9vnogubr7u] {
    color: #3b82f6;
    font-size: 1rem;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

/* Dark mode adjustment for disclaimer */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .upload-disclaimer[b-9vnogubr7u] {
        background: rgba(59, 130, 246, 0.12);
        border-color: rgba(59, 130, 246, 0.3);
    }
}

html[data-theme='dark'] .upload-disclaimer[b-9vnogubr7u] {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.3);
}

/* Modal Alerts */
.modal-alert[b-9vnogubr7u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.modal-alert i[b-9vnogubr7u] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.modal-alert-error[b-9vnogubr7u] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.modal-alert-success[b-9vnogubr7u] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Modal Footer */
.photo-modal-footer[b-9vnogubr7u] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid var(--color-muted-stroke);
    background: var(--color-surface);
}

.btn-modal-secondary[b-9vnogubr7u] {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: 2px solid var(--color-muted-stroke);
    color: var(--color-text);
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-modal-secondary:hover:not(:disabled)[b-9vnogubr7u] {
    background: var(--color-bg);
    border-color: var(--color-primary);
}

.btn-modal-primary[b-9vnogubr7u] {
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-border) 100%);
    border: none;
    color: white;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-modal-primary:hover:not(:disabled)[b-9vnogubr7u] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.btn-modal-primary:disabled[b-9vnogubr7u],
.btn-modal-secondary:disabled[b-9vnogubr7u] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .photo-modal[b-9vnogubr7u] {
        max-width: 100%;
        border-radius: 16px 16px 0 0;
        margin-top: auto;
    }
    
    .photo-modal-body[b-9vnogubr7u] {
        padding: 1.5rem;
    }
    
    .upload-dropzone[b-9vnogubr7u] {
        padding: 3rem 1.5rem;
    }
    
    .upload-dropzone i[b-9vnogubr7u] {
        font-size: 3rem;
    }
}

/* Dark mode specific adjustments */
html[data-theme='dark'] .photo-modal-overlay[b-9vnogubr7u] {
    background: rgba(0, 0, 0, 0.8);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .photo-modal-overlay[b-9vnogubr7u] {
        background: rgba(0, 0, 0, 0.8);
    }
}

/* /Components/PremiumLockedState.razor.rz.scp.css */
/* Stats Locked State */
.stats-locked-container[b-xx19ult8jq] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    padding: 3rem 1rem;
}

.stats-locked-card[b-xx19ult8jq] {
    text-align: center;
    max-width: 600px;
    padding: 3rem;
    background: var(--color-surface);
    border: 2px solid #f59e0b;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.05) 0%, rgba(251, 146, 60, 0.05) 100%);
}

.locked-icon[b-xx19ult8jq] {
    font-size: 5rem;
    color: #f59e0b;
    margin-bottom: 1.5rem;
    animation: shake-b-xx19ult8jq 0.5s ease-in-out;
}

.locked-title[b-xx19ult8jq] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 1rem;
}

.locked-description[b-xx19ult8jq] {
    font-size: 1rem;
    color: var(--color-text);
    opacity: 0.7;
    line-height: 1.6;
    margin-bottom: 2rem;
}

.premium-features-list[b-xx19ult8jq] {
    text-align: left;
    display: inline-block;
    margin: 1.5rem auto;
}

.premium-feature[b-xx19ult8jq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-size: 0.9375rem;
}

.premium-feature i[b-xx19ult8jq] {
    color: #10b981;
    font-size: 1.125rem;
}

.stats-locked-card .btn[b-xx19ult8jq] {
    padding: 0.875rem 2rem;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(30, 41, 59, 0.2);
    transition: all 0.3s ease;
}

.stats-locked-card .btn-primary[b-xx19ult8jq] {
    background: linear-gradient(135deg, #f59e0b 0%, #fb923c 100%);
    border-color: #f59e0b;
}

.stats-locked-card .btn-primary:hover[b-xx19ult8jq] {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    border-color: #d97706;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(30, 41, 59, 0.3);
}

.stats-locked-card .btn i[b-xx19ult8jq] {
    margin-right: 0.5rem;
    font-size: 1.25rem;
}

.locked-hint[b-xx19ult8jq] {
    font-size: 0.875rem;
    color: var(--color-text);
    opacity: 0.6;
}

.locked-hint i[b-xx19ult8jq] {
    margin-right: 0.25rem;
}

/* Animations */
@keyframes shake-b-xx19ult8jq {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

/* Dark Theme Support */
html[data-theme='dark'] .stats-locked-card[b-xx19ult8jq] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(251, 146, 60, 0.1) 100%);
    border-color: #f59e0b;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .stats-locked-container[b-xx19ult8jq] {
        min-height: 400px;
        padding: 2rem 1rem;
    }

    .stats-locked-card[b-xx19ult8jq] {
        padding: 2rem 1.5rem;
    }

    .locked-icon[b-xx19ult8jq] {
        font-size: 4rem;
    }

    .locked-title[b-xx19ult8jq] {
        font-size: 1.5rem;
    }

    .locked-description[b-xx19ult8jq] {
        font-size: 0.9375rem;
    }

    .stats-locked-card .btn[b-xx19ult8jq] {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }
}
/* /Components/StatCard.razor.rz.scp.css */
.stat-card[b-hgk159g6gp] {
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
}

.stat-card:hover[b-hgk159g6gp] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.stat-icon[b-hgk159g6gp] {
    font-size: 2rem;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
}

.stat-value[b-hgk159g6gp] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 0.25rem;
}

.stat-label[b-hgk159g6gp] {
    font-size: 0.875rem;
    color: var(--color-text);
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Dark theme support */
html[data-theme='dark'] .stat-card[b-hgk159g6gp] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}
/* /Components/StatRow.razor.rz.scp.css */
/* Stat Row Component Styles */
.stat-row[b-rnvazrx8v6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
}

.stat-label-left[b-rnvazrx8v6] {
    font-weight: 500;
    color: var(--color-text);
}

.stat-value-right[b-rnvazrx8v6] {
    font-weight: 600;
    font-size: 1.125rem;
    color: var(--color-text);
}

/* Dark Theme Support */
html[data-theme='dark'] .stat-row[b-rnvazrx8v6] {
    background: rgba(255, 255, 255, 0.05);
}
/* /Components/StatsCard.razor.rz.scp.css */
/* Card Component Styles */
.card[b-oe2k4dqaao] {
    border-radius: 12px;
    border: 1px solid var(--color-muted-stroke);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
    background: var(--color-surface);
}

.card-header[b-oe2k4dqaao] {
    background-color: rgba(248, 249, 250, 0.5);
    border-bottom: 1px solid var(--color-muted-stroke);
    padding: 1rem 1.5rem;
    border-radius: 12px 12px 0 0;
}

.card-header h5[b-oe2k4dqaao] {
    font-weight: 600;
    color: var(--color-text);
}

.card-body[b-oe2k4dqaao] {
    padding: 1.5rem;
}

.stats-list[b-oe2k4dqaao] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Dark Theme Support */
html[data-theme='dark'] .card[b-oe2k4dqaao] {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme='dark'] .card-header[b-oe2k4dqaao] {
    background-color: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
/* /Components/SyncStatusIndicator.razor.rz.scp.css */
.sync-indicator[b-o0yiuj47lc] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sync-status[b-o0yiuj47lc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    cursor: default;
    transition: all 0.3s ease;
}

.sync-status.saving[b-o0yiuj47lc] {
    color: var(--bs-info, #0dcaf0);
}

.sync-status.success[b-o0yiuj47lc] {
    color: var(--bs-success, #198754);
    animation: fadeIn-b-o0yiuj47lc 0.3s ease;
}

.sync-status.error[b-o0yiuj47lc] {
    color: var(--bs-danger, #dc3545);
    cursor: pointer;
    animation: pulse-b-o0yiuj47lc 1s ease infinite;
}

.sync-status.error:hover[b-o0yiuj47lc] {
    transform: scale(1.1);
}

@keyframes spinning-b-o0yiuj47lc {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spinning[b-o0yiuj47lc] {
    animation: spinning-b-o0yiuj47lc 1s linear infinite;
}

@keyframes fadeIn-b-o0yiuj47lc {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pulse-b-o0yiuj47lc {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
}
/* /Components/TournamentCard.razor.rz.scp.css */
/* ActionCard-style collapsible tournament card */

.game-card-wrapper[b-nj3w5kgvu6] {
    width: 100%;
}

.game-action-card[b-nj3w5kgvu6] {
    position: relative;
    padding: 1.25rem;
    border-radius: 1rem;
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
    overflow: hidden;
}

.game-action-card:hover[b-nj3w5kgvu6] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    border-color: var(--color-primary-border);
}

.game-action-card.expanded[b-nj3w5kgvu6] {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    border-color: var(--color-primary-border);
    border-width: 2px;
}

/* Ensure ActionCards inside keep their own styles */
.game-action-card .action-card[b-nj3w5kgvu6] {
    color: var(--color-text);
}

.game-action-card .action-card-primary[b-nj3w5kgvu6] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: #fff;
}

.game-action-card .action-card-secondary[b-nj3w5kgvu6] {
    background: var(--color-surface);
    color: var(--color-text);
}

.game-action-card .action-card-tertiary[b-nj3w5kgvu6] {
    background: var(--color-surface);
    color: var(--color-text);
}

.game-action-card .action-card-danger[b-nj3w5kgvu6] {
    
    border:solid 1px var(--color-error)!important;
}

/* Game Card Header */
.game-card-header[b-nj3w5kgvu6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    z-index: 1;
}

.game-card-icon[b-nj3w5kgvu6] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid var(--color-muted-stroke);
    transition: all 0.3s ease;
}

.game-card-icon-primary[b-nj3w5kgvu6] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(37, 99, 235, 0.1) 100%);
    color: #3b82f6;
}

.game-card-icon-success[b-nj3w5kgvu6] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(5, 150, 105, 0.1) 100%);
    color: #10b981;
}

.game-card-icon-warning[b-nj3w5kgvu6] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(217, 119, 6, 0.1) 100%);
    color: #f59e0b;
}

.game-card-icon-secondary[b-nj3w5kgvu6] {
    background: linear-gradient(135deg, rgba(107, 114, 128, 0.15) 0%, rgba(75, 85, 99, 0.1) 100%);
    color: #6b7280;
}

.game-action-card:hover .game-card-icon[b-nj3w5kgvu6] {
    transform: scale(1.05);
}

.game-card-content[b-nj3w5kgvu6] {
    flex: 1;
    min-width: 0;
}

.game-card-title[b-nj3w5kgvu6] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-card-meta[b-nj3w5kgvu6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
}

.meta-item[b-nj3w5kgvu6] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    white-space: nowrap;
}

.meta-item i[b-nj3w5kgvu6] {
    font-size: 0.875rem;
    opacity: 0.8;
}

.meta-badge-notstarted[b-nj3w5kgvu6] {
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.25);
    color: #f59e0b;
    font-weight: 600;
}

.meta-photos[b-nj3w5kgvu6] {
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.2);
    color: #6366f1;
    font-weight: 600;
}

.game-card-chevron[b-nj3w5kgvu6] {
    font-size: 1.5rem;
    color: var(--color-text-secondary);
    opacity: 0.5;
    transition: all 0.3s ease;
}

.game-action-card:hover .game-card-chevron[b-nj3w5kgvu6] {
    opacity: 1;
    transform: translateX(4px);
}

.game-action-card.expanded .game-card-chevron[b-nj3w5kgvu6] {
    transform: rotate(180deg);
    opacity: 1;
}

/* Completed card state - dimmed appearance */
.game-action-card.completed[b-nj3w5kgvu6] {
    opacity: 0.5;
    filter: grayscale(0.4);
}

.game-action-card.completed:hover[b-nj3w5kgvu6] {
    opacity: 0.65;
}

.game-action-card.completed.expanded[b-nj3w5kgvu6] {
    opacity: 0.75;
}

/* Live badge - top right corner */
.live-badge[b-nj3w5kgvu6] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.875rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    z-index: 2;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.5);
    animation: livePulse-b-nj3w5kgvu6 2s ease-in-out infinite;
}

.live-pulse[b-nj3w5kgvu6] {
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    animation: pulse-b-nj3w5kgvu6 2s ease-in-out infinite;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
}

@keyframes livePulse-b-nj3w5kgvu6 {
    0%, 100% { 
        box-shadow: 0 2px 8px rgba(239, 68, 68, 0.5);
    }
    50% { 
        box-shadow: 0 4px 16px rgba(239, 68, 68, 0.7);
    }
}

@keyframes pulse-b-nj3w5kgvu6 {
    0%, 100% { 
        opacity: 1; 
        transform: scale(1); 
    }
    50% { 
        opacity: 0.4; 
        transform: scale(1.5); 
    }
}

/* Expanded Content */
.game-card-expanded[b-nj3w5kgvu6] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    animation: expandIn-b-nj3w5kgvu6 0.3s ease-out;
}

@keyframes expandIn-b-nj3w5kgvu6 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.game-card-leaderboard[b-nj3w5kgvu6] {
    margin-bottom: 1.5rem;
}

.game-card-actions[b-nj3w5kgvu6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.meta-item.live-indicator i[b-nj3w5kgvu6] {
    color: var(--color-error);
}

[data-bs-theme="dark"] .meta-item.live-indicator i[b-nj3w5kgvu6] {
    color: var(--color-error);
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .game-action-card.expanded[b-nj3w5kgvu6] {
        background: linear-gradient(135deg, #4a6078 0%, #5a7590 100%);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
        color: white;
        border-color: transparent;
    }
    
    .game-action-card.expanded .game-card-title[b-nj3w5kgvu6],
    .game-action-card.expanded .game-card-meta[b-nj3w5kgvu6],
    .game-action-card.expanded .game-card-chevron[b-nj3w5kgvu6] {
        color: white;
    }
    
    .game-action-card.expanded .game-card-icon[b-nj3w5kgvu6] {
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.3);
    }

    .meta-photos[b-nj3w5kgvu6] {
        background: rgba(99, 102, 241, 0.2);
        border-color: rgba(99, 102, 241, 0.3);
        color: #a5b4fc;
    }
    
    .meta-badge-notstarted[b-nj3w5kgvu6] {
        background: rgba(251, 191, 36, 0.2);
        border-color: rgba(251, 191, 36, 0.35);
        color: #fbbf24;
    }
    
    /* Keep ActionCard styles in dark mode */
    .game-action-card .action-card-primary[b-nj3w5kgvu6] {
        background: linear-gradient(135deg, #4a6078 0%, #5a7590 100%);
    }

   
}

[data-bs-theme="dark"] .game-action-card.expanded[b-nj3w5kgvu6] {
    background: linear-gradient(135deg, #4a6078 0%, #5a7590 100%);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    color: white;
    border-color: transparent;
}

[data-bs-theme="dark"] .game-action-card.expanded .game-card-title[b-nj3w5kgvu6],
[data-bs-theme="dark"] .game-action-card.expanded .game-card-meta[b-nj3w5kgvu6],
[data-bs-theme="dark"] .game-action-card.expanded .game-card-chevron[b-nj3w5kgvu6] {
    color: white;
}

[data-bs-theme="dark"] .game-action-card.expanded .game-card-icon[b-nj3w5kgvu6] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

[data-bs-theme="dark"] .meta-photos[b-nj3w5kgvu6] {
    background: rgba(99, 102, 241, 0.2);
    border-color: rgba(99, 102, 241, 0.3);
    color: #a5b4fc;
}

[data-bs-theme="dark"] .meta-badge-notstarted[b-nj3w5kgvu6] {
    background: rgba(251, 191, 36, 0.2);
    border-color: rgba(251, 191, 36, 0.35);
    color: #fbbf24;
}

[data-bs-theme="dark"] .game-action-card .action-card-primary[b-nj3w5kgvu6] {
    background: linear-gradient(135deg, #4a6078 0%, #5a7590 100%);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .game-action-card[b-nj3w5kgvu6] {
        padding: 1rem;
    }

    .game-card-icon[b-nj3w5kgvu6] {
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
    }

    .game-card-title[b-nj3w5kgvu6] {
        font-size: 1rem;
    }

    .game-card-meta[b-nj3w5kgvu6] {
        font-size: 0.8125rem;
        gap: 0.5rem;
    }

    .game-card-chevron[b-nj3w5kgvu6] {
        font-size: 1.25rem;
    }
    
    .live-badge[b-nj3w5kgvu6] {
        padding: 0.3rem 0.75rem;
        font-size: 0.7rem;
    }
}

@media (max-width: 640px) {
    .game-card-header[b-nj3w5kgvu6] {
        gap: 0.75rem;
    }

    .game-card-meta[b-nj3w5kgvu6] {
        gap: 0.5rem;
    }

    .meta-item[b-nj3w5kgvu6] {
        font-size: 0.75rem;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .game-action-card[b-nj3w5kgvu6],
    .game-card-icon[b-nj3w5kgvu6],
    .game-card-chevron[b-nj3w5kgvu6],
    .live-badge[b-nj3w5kgvu6],
    .live-pulse[b-nj3w5kgvu6] {
        animation: none !important;
        transition: none !important;
    }

    .game-card-expanded[b-nj3w5kgvu6] {
        animation: none !important;
    }
}
/* /Components/TournamentGroupCard.razor.rz.scp.css */
/* Tournament Group Card Styles - Match Single Card */

/* Copy base card styling since CSS is scoped per component */
.game-action-card.tournament-group[b-bf9jepprvd] {
    position: relative;
    padding: 1.25rem;
    border-radius: 1rem;
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
    overflow: hidden;
}

.game-action-card.tournament-group:hover[b-bf9jepprvd] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    border-color: var(--color-primary-border);
}

.game-action-card.tournament-group.expanded[b-bf9jepprvd] {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    border-color: var(--color-primary-border);
    border-width: 2px;
}

/* Card header layout - ONLY for the group card header, not nested cards */
.game-action-card.tournament-group > .game-card-header[b-bf9jepprvd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    z-index: 1;
}

.game-action-card.tournament-group > .game-card-header .game-card-icon[b-bf9jepprvd] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid var(--color-muted-stroke);
    transition: all 0.3s ease;
}

.game-action-card.tournament-group > .game-card-header .game-card-icon-primary[b-bf9jepprvd] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(37, 99, 235, 0.1) 100%);
    color: #3b82f6;
}

.game-action-card.tournament-group:hover > .game-card-header .game-card-icon[b-bf9jepprvd] {
    transform: scale(1.05);
}

.game-action-card.tournament-group > .game-card-header .game-card-content[b-bf9jepprvd] {
    flex: 1;
    min-width: 0;
}

.game-action-card.tournament-group > .game-card-header .game-card-title[b-bf9jepprvd] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-action-card.tournament-group > .game-card-header .game-card-meta[b-bf9jepprvd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: var(--color-text-secondary);
}

.game-action-card.tournament-group > .game-card-header .meta-item[b-bf9jepprvd] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    white-space: nowrap;
}

.game-action-card.tournament-group > .game-card-header .game-card-chevron[b-bf9jepprvd] {
    font-size: 1.25rem;
    color: var(--color-text-secondary);
    transition: transform 0.3s ease;
}

.game-action-card.tournament-group.expanded > .game-card-header .game-card-chevron[b-bf9jepprvd] {
    transform: rotate(180deg);
}

.game-action-card.tournament-group > .game-card-expanded[b-bf9jepprvd] {
    margin-top: 1rem;
}

/* Status badges with minimal styling */
.meta-badge-success[b-bf9jepprvd] {
    color: #065f46;
}

.meta-badge-success i[b-bf9jepprvd] {
    color: #10b981;
}

.meta-badge-active[b-bf9jepprvd] {
    color: #1e40af; 
}

.meta-badge-active i[b-bf9jepprvd] {
    color: #3b82f6;
}

.meta-badge-notstarted[b-bf9jepprvd] {
    color: #6b7280;
}

/* Nested tournament content */
.tournament-group-content[b-bf9jepprvd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 1rem;
}
 
.tournament-part-card[b-bf9jepprvd] {
    position: relative;
}

/* Nested tournament cards - full card styling without borders */
.tournament-part-card .game-action-card[b-bf9jepprvd] {
    position: relative;
    padding: 1.25rem;
    border-radius: 1rem;
    background: var(--color-surface);
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease;
}

.tournament-part-card .game-action-card:hover[b-bf9jepprvd] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.tournament-part-card .game-action-card.expanded[b-bf9jepprvd] {
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.12);
}

/* Chevron rotation for nested cards - needs !important to override TournamentCard.razor.css scoped styles */
.tournament-part-card .game-action-card.expanded .game-card-chevron[b-bf9jepprvd],
.tournament-part-card .game-action-card.expanded .game-card-chevron i[b-bf9jepprvd] {
    transform: rotate(180deg) !important;
}


/* Part number badge */
.tournament-part-card[b-bf9jepprvd]::after {
    content: attr(data-part);
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(99, 102, 241, 0.9);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    z-index: 10;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .tournament-group-content[b-bf9jepprvd] {
        gap: 0.5rem;
    }
}
/* /Components/TournamentStatsComponent.razor.rz.scp.css */
/* ===========================
   CSS VARIABLES FOR THEMING
   =========================== */
:root[b-th372j1vek] {
    --game-bg-primary: #ffffff;
    --game-bg-secondary: #f8f9fa;
    --game-bg-tertiary: #fafbfc;
    --game-border-color: #dee2e6;
    --game-border-light: #e9ecef;
    --game-text-primary: #212529;
    --game-text-secondary: #495057;
    --game-text-muted: #6c757d;
    --game-shadow: rgba(0, 0, 0, 0.08);
    --game-shadow-hover: rgba(0, 0, 0, 0.1);
    --game-gradient-start: #f8f9fa;
    --game-gradient-end: #e9ecef;
    --game-header-gradient-start: #f8f9fa;
    --game-header-gradient-end: #e9ecef;
    --game-winner-bg-start: #d4edda;
    --game-winner-bg-end: #c3e6cb;
    --game-winner-border: #28a745;
    --game-winner-text: #155724;
    --game-winner-shadow: rgba(40, 167, 69, 0.1);
    --game-incomplete-bg: #fffef8;
    --game-vs-bg: #e9ecef;
    --game-round-expanded-start: #e7f3ff;
    --game-round-expanded-end: #f8f9fa;
}

/* Dark Mode Variables */
@media (prefers-color-scheme: dark) {
    :root[b-th372j1vek] {
        --game-bg-primary: #1a1d20;
        --game-bg-secondary: #2d3139;
        --game-bg-tertiary: #25282e;
        --game-border-color: #3a3f4a;
        --game-border-light: #2d3139;
        --game-text-primary: #e9ecef;
        --game-text-secondary: #ced4da;
        --game-text-muted: #adb5bd;
        --game-shadow: rgba(0, 0, 0, 0.3);
        --game-shadow-hover: rgba(0, 0, 0, 0.4);
        --game-gradient-start: #2d3139;
        --game-gradient-end: #25282e;
        --game-header-gradient-start: #25282e;
        --game-header-gradient-end: #2d3139;
        --game-winner-bg-start: #1e4d2b;
        --game-winner-bg-end: #1a4024;
        --game-winner-border: #28a745;
        --game-winner-text: #7dcea0;
        --game-winner-shadow: rgba(40, 167, 69, 0.2);
        --game-incomplete-bg: #2a2416;
        --game-vs-bg: #3a3f4a;
        --game-round-expanded-start: #1e3a52;
        --game-round-expanded-end: #25282e;
    }
}

/* ===========================
   WINNER STAT CARD - Full Width, Compact
   =========================== */
.winner-stat-card[b-th372j1vek] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, var(--game-winner-bg-start) 0%, var(--game-winner-bg-end) 100%);
    border: 2px solid var(--game-winner-border);
    border-radius: 12px;
    box-shadow: 0 2px 8px var(--game-winner-shadow);
    min-height: 70px;
    max-height: 70px;
}

.winner-stat-icon[b-th372j1vek] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: var(--game-winner-text);
    font-size: 1.75rem;
}

.winner-stat-content[b-th372j1vek] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.winner-stat-label[b-th372j1vek] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--game-winner-text);
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.winner-stat-value[b-th372j1vek] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--game-winner-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
    .winner-stat-card[b-th372j1vek] {
        padding: 0.875rem 1rem;
        min-height: 60px;
        max-height: 60px;
    }
    
    .winner-stat-icon[b-th372j1vek] {
        width: 40px;
        height: 40px;
        font-size: 1.5rem;
    }
    
    .winner-stat-value[b-th372j1vek] {
        font-size: 1.25rem;
    }
    
    .winner-stat-label[b-th372j1vek] {
        font-size: 0.75rem;
    }
}

/* ===========================
   EMPTY STATE
   =========================== */

.empty-game-state[b-th372j1vek] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--game-text-muted);
}

.empty-game-state i[b-th372j1vek] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.2;
}

/* ===========================
   ROUND CONTAINER - Horizontal Scroll
   =========================== */
.round-container[b-th372j1vek] {
    margin-bottom: 2rem;
}

.round-header-bar[b-th372j1vek] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--game-border-color);
}

.round-header-bar .round-title[b-th372j1vek] {
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--game-text-primary);
}

.round-header-bar .badge[b-th372j1vek] {
    font-size: 0.875rem;
}

.completion-badge[b-th372j1vek] {
    display: flex;
    align-items: center;
}

/* Horizontal Scrolling Games */
.games-scroll[b-th372j1vek] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding: 0.5rem 0;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}



/* ===========================
   SMALL GAME CARD
   =========================== */
.game-card-small[b-th372j1vek] {
    flex-shrink: 0;
    width: 320px;
    background: var(--color-surface);
    border: 1px solid var(--game-border-color);
    border-radius: 0.75rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1),
                0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.game-card-small:hover[b-th372j1vek] {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15),
                0 4px 8px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.game-card-header[b-th372j1vek] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--navbar-bg);
    color: var(--navbar-text);
    
}

.game-num[b-th372j1vek] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--game-text-primary);
}

.game-card-header i[b-th372j1vek] {
    font-size: 1.125rem;
}

.game-body[b-th372j1vek] {
    padding: 1rem;
}

/* Horizontal Matchup Layout */
.game-matchup-horizontal[b-th372j1vek] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.team-block[b-th372j1vek] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.team-side[b-th372j1vek] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    padding: 0.75rem 0.5rem;
    border-radius: 0.5rem;
}

.team-side.winner[b-th372j1vek] {
    background: var(--game-winner-bg-start);
    border: 2px solid var(--game-winner-border);
    box-shadow: 0 0 0 2px var(--game-winner-shadow);
}

.team-side .team-players[b-th372j1vek] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    width: 100%;
}

.team-side .player[b-th372j1vek] {
    font-size: 0.875rem;
    line-height: 1.3;
    color: var(--game-text-secondary);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.team-side.winner .player[b-th372j1vek] {
    font-weight: 700;
    color: var(--game-winner-text);
}



.winner-trophy[b-th372j1vek] {
    font-size: 1rem;
    color: #ffc107;
}

.team-score[b-th372j1vek] {
    font-size: 2rem;
    font-weight: 900;
    color: var(--game-text-primary);
    min-width: 3rem;
    text-align: center;
    line-height: 1;
    flex-shrink: 0;
}

.vs-divider[b-th372j1vek] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--game-text-muted);
    text-transform: uppercase;
    padding: 0.25rem 0.375rem;
    flex-shrink: 0;
}

/* ===========================
   RESPONSIVE DESIGN
   =========================== */
@media (max-width: 768px) {
    .game-card-small[b-th372j1vek] {
        width: 280px;
    }
    
    .round-header-bar[b-th372j1vek] {
        flex-wrap: wrap;
    }
    
    .team-side .player[b-th372j1vek] {
        font-size: 0.8125rem;
    }
    
    .team-score[b-th372j1vek] {
        font-size: 1.75rem;
    }
}

@media (max-width: 576px) {
    .game-card-small[b-th372j1vek] {
        width: 260px;
    }
    
    .team-side[b-th372j1vek] {
        padding: 0.5rem 0.375rem;
    }
    
    .team-side .player[b-th372j1vek] {
        font-size: 0.75rem;
    }
    
    .team-score[b-th372j1vek] {
        font-size: 1.5rem;
        min-width: 2.5rem;
    }
}


/* ===========================
   PRINT STYLES
   =========================== */
@media print {
    .game-card[b-th372j1vek] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    
    .round-section[b-th372j1vek] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    
    .game-card:hover[b-th372j1vek] {
        transform: none;
        box-shadow: none;
    }
}

/* ===========================
   DARK MODE FOR BOOTSTRAP CARDS
   =========================== */
@media (prefers-color-scheme: dark) {
    /* General card styling */
    .card[b-th372j1vek] {
        background-color: var(--game-bg-primary);
        border-color: var(--game-border-color);
        color: var(--game-text-primary);
    }
    
    .card-header[b-th372j1vek] {
        background-color: var(--game-bg-secondary);
        border-bottom-color: var(--game-border-color);
        color: var(--game-text-primary);
    }
    
    .card-body[b-th372j1vek] {
        background-color: var(--game-bg-primary);
        color: var(--game-text-primary);
    }
    
    /* Table styling in dark mode */
    .table[b-th372j1vek] {
        color: var(--game-text-primary);
        border-color: var(--game-border-color);
    }
    
    .table thead th[b-th372j1vek] {
        border-bottom-color: var(--game-border-color);
        color: var(--game-text-primary);
    }
    
    .table td[b-th372j1vek], .table th[b-th372j1vek] {
        border-color: var(--game-border-color);
    }
    
    .table-hover tbody tr:hover[b-th372j1vek] {
        background-color: var(--game-bg-secondary);
    }
    
    /* Badge styling */
    .badge[b-th372j1vek] {
        border: 1px solid var(--game-border-color);
    }
    
    /* Text color overrides */
    .text-muted[b-th372j1vek] {
        color: var(--game-text-muted) !important;
    }
    
    /* Stats list items */
    .stats-list[b-th372j1vek] {
        color: var(--game-text-primary);
    }
    
    .stat-row[b-th372j1vek] {
        border-bottom: 1px solid var(--game-border-color);
    }
    
    /* Partner/Opponent lists */
    .partners-list .partner-item[b-th372j1vek] {
        border-bottom: 1px solid var(--game-border-color);
    }
    
    .partner-name[b-th372j1vek], .partner-stats[b-th372j1vek] {
        color: var(--game-text-primary);
    }
    
    /* Game Cards Dark Mode */
    .game-card-small[b-th372j1vek] {
        background: var(--color-surface);
    }
    
    .game-card-header[b-th372j1vek] {
        
    }
}

/* ===========================
   RESPONSIVE TABLE STYLING
   =========================== */
.table-responsive[b-th372j1vek] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Base table styling */
.table[b-th372j1vek] {
    min-width: 700px; /* Prevent excessive squishing */
}

.table th[b-th372j1vek],
.table td[b-th372j1vek] {
    white-space: nowrap;
    padding: 0.75rem 0.5rem;
}

/* Specific column widths */
.table th:nth-child(1)[b-th372j1vek], /* Rank */
.table td:nth-child(1)[b-th372j1vek] {
    width: 60px;
}

.table th:nth-child(2)[b-th372j1vek], /* Player */
.table td:nth-child(2)[b-th372j1vek] {
    min-width: 120px;
    white-space: normal;
}

.table th:nth-child(3)[b-th372j1vek], /* Games */
.table td:nth-child(3)[b-th372j1vek] {
    width: 70px;
}

.table th:nth-child(4)[b-th372j1vek], /* W-L-T */
.table td:nth-child(4)[b-th372j1vek] {
    min-width: 90px;
    font-size: 0.9rem;
}

.table th:nth-child(5)[b-th372j1vek], /* Win % */
.table td:nth-child(5)[b-th372j1vek] {
    width: 70px;
}

.table th:nth-child(6)[b-th372j1vek], /* Points */
.table td:nth-child(6)[b-th372j1vek] {
    min-width: 80px;
    font-size: 0.9rem;
}

.table th:nth-child(7)[b-th372j1vek], /* Avg/Game */
.table td:nth-child(7)[b-th372j1vek] {
    width: 80px;
}

.table th:nth-child(8)[b-th372j1vek], /* +/- */
.table td:nth-child(8)[b-th372j1vek] {
    width: 60px;
}

/* Mobile optimizations */
@media (max-width: 768px) {

    .table[b-th372j1vek] {
        font-size: 0.875rem;
        min-width: 650px;
    }
    
    .table th[b-th372j1vek],
    .table td[b-th372j1vek] {
        padding: 0.5rem 0.375rem;
    }
    
    /* Make W-L-T more compact on mobile */
    .table th:nth-child(4)[b-th372j1vek],
    .table td:nth-child(4)[b-th372j1vek] {
        font-size: 0.8rem;
        min-width: 85px;
    }
    
    /* Compact points display */
    .table th:nth-child(6)[b-th372j1vek],
    .table td:nth-child(6)[b-th372j1vek] {
        font-size: 0.8rem;
        min-width: 75px;
    }
    
    /* Reduce badge size on mobile */
    .badge[b-th372j1vek] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }
}

@media (max-width: 576px) {
    .table[b-th372j1vek] {
        font-size: 0.8rem;
        min-width: 600px;
    }
    
    .table th[b-th372j1vek],
    .table td[b-th372j1vek] {
        padding: 0.4rem 0.25rem;
    }
    
    /* Extra compact on very small screens */
    .table th:nth-child(4)[b-th372j1vek],
    .table td:nth-child(4)[b-th372j1vek] {
        font-size: 0.75rem;
        min-width: 80px;
    }
    
    .table th:nth-child(6)[b-th372j1vek],
    .table td:nth-child(6)[b-th372j1vek] {
        font-size: 0.75rem;
        min-width: 70px;
    }
}

/* /Components/UserSearchModal.razor.rz.scp.css */
/* ===========================
   User Search Modal Styles
   =========================== */

.modal-overlay[b-fakzqqyijw] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-fakzqqyijw 0.3s ease;
}

.modal-container[b-fakzqqyijw] {
    background: var(--color-surface);
    border-radius: 1rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    width: 90%;
    max-width: 600px;
    animation: slideInUp-b-fakzqqyijw 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    max-height: 80vh;
}

.modal-header[b-fakzqqyijw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 2px solid var(--color-muted-stroke);
}

.modal-title[b-fakzqqyijw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text);
}

.modal-title i[b-fakzqqyijw] {
    color: var(--color-primary);
}

.modal-body[b-fakzqqyijw] {
    padding: 1.5rem;
    overflow-y: auto;
}

.search-input-container[b-fakzqqyijw] {
    position: relative;
    margin-bottom: 1.5rem;
}

.search-input-container i[b-fakzqqyijw] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text);
    opacity: 0.5;
    font-size: 1.1rem;
}

.search-input-container .form-control[b-fakzqqyijw] {
    padding-left: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    background: var(--color-bg);
    border: 2px solid var(--color-muted-stroke);
    transition: all 0.2s ease;
}

.search-input-container .form-control:focus[b-fakzqqyijw] {
    background: var(--color-surface);
    border-color: var(--color-primary-border);
    box-shadow: 0 0 0 4px rgba(37, 140, 251, 0.1);
}

.loading-spinner[b-fakzqqyijw] {
    text-align: center;
    padding: 2rem;
}

.user-list[b-fakzqqyijw] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.user-list-item[b-fakzqqyijw], .empty-list-item[b-fakzqqyijw] {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    margin-bottom: 0.5rem;
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    cursor: pointer;
    transition: all 0.2s ease;
}

.user-list-item:hover[b-fakzqqyijw] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: var(--color-primary-border);
    background: var(--color-surface);
}

.user-avatar[b-fakzqqyijw] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.75rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg);
}

.user-avatar-img[b-fakzqqyijw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-avatar-placeholder i[b-fakzqqyijw] {
    font-size: 1.75rem;
    opacity: 0.7;
}

.user-info[b-fakzqqyijw] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.user-info[b-fakzqqyijw] {
    flex: 1;
}

.user-name[b-fakzqqyijw] {
    font-weight: 600;
    color: var(--color-text);
}

.user-email[b-fakzqqyijw] {
    font-size: 0.875rem;
    color: var(--color-text);
    opacity: 0.6;
}

.badge-prioritized[b-fakzqqyijw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.6rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(251, 146, 60, 0.15);
    color: #fb923c;
    margin-left: 1rem;
}

.badge-prioritized i[b-fakzqqyijw] {
    font-size: 0.8rem;
}

.add-icon[b-fakzqqyijw] {
    font-size: 1.5rem;
    color: var(--color-primary);
    margin-left: 1rem;
    transition: transform 0.2s ease;
}

.user-list-item:hover .add-icon[b-fakzqqyijw] {
    transform: scale(1.15);
}

.empty-list-item[b-fakzqqyijw] {
    justify-content: center;
    gap: 0.75rem;
    font-weight: 500;
    opacity: 0.7;
    cursor: default;
}

.empty-list-item i[b-fakzqqyijw] {
    font-size: 1.25rem;
}

.user-card-list[b-fakzqqyijw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 60vh;
    overflow-y: auto;
    padding-right: 0.25rem;
    width: 100%;
}

.user-card-wrapper[b-fakzqqyijw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.user-details-expanded[b-fakzqqyijw] {
    background: var(--color-surface);
    border-left: 4px solid var(--color-primary);
    border-radius: 8px;
    padding: 1.25rem;
    margin-left: 1rem;
    margin-top: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    animation: expandCard-b-fakzqqyijw 0.25s ease-out;
    position: relative;
    overflow: hidden;
}

.user-details-expanded[b-fakzqqyijw]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--color-primary) 0%, transparent 100%);
    opacity: 0.3;
}

@keyframes expandCard-b-fakzqqyijw {
    from {
        opacity: 0;
        transform: translateX(-10px);
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    to {
        opacity: 1;
        transform: translateX(0);
        max-height: 500px;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
}

.details-info[b-fakzqqyijw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.details-pills-grid[b-fakzqqyijw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
    align-items: center;
}


.details-actions[b-fakzqqyijw] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.details-actions .btn[b-fakzqqyijw] {
    font-weight: 500;
    padding: 0.625rem 1rem;
    border-radius: 8px;
    font-size: 0.9375rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.details-actions .btn i[b-fakzqqyijw] {
    font-size: 1.125rem;
}

.details-actions .btn-primary[b-fakzqqyijw] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.details-actions .btn-primary:hover[b-fakzqqyijw] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(37, 140, 251, 0.25);
}

.details-actions .btn-outline-secondary[b-fakzqqyijw] {
    background: transparent;
    border-color: var(--color-muted-stroke);
    color: var(--color-text);
}

.details-actions .btn-outline-secondary:hover[b-fakzqqyijw] {
    background: var(--color-bg);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

@media (max-width: 768px) {
    .modal-container[b-fakzqqyijw] {
        width: 95%;
        max-width: none;
    }

    .user-details-expanded[b-fakzqqyijw] {
        margin-left: 0.5rem;
        padding: 1rem;
    }

    .details-info strong[b-fakzqqyijw] {
        font-size: 1rem;
    }

    .details-info .text-muted[b-fakzqqyijw] {
        font-size: 0.8125rem;
    }

    .details-actions[b-fakzqqyijw] {
        gap: 0.5rem;
    }

    .details-actions .btn[b-fakzqqyijw] {
        padding: 0.5rem 0.875rem;
        font-size: 0.875rem;
    }
}

/* Dark Mode */
[data-bs-theme="dark"] .modal-container[b-fakzqqyijw] {
    background: #2c3034; /* A slightly lighter dark surface */
}

[data-bs-theme="dark"] .modal-header[b-fakzqqyijw] {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .search-input-container .form-control[b-fakzqqyijw] {
    background: #212529;
    border-color: rgba(255, 255, 255, 0.15);
    color: white;
}

[data-bs-theme="dark"] .search-input-container .form-control:focus[b-fakzqqyijw] {
    background: #2c3034;
}

[data-bs-theme="dark"] .user-list-item[b-fakzqqyijw], 
[data-bs-theme="dark"] .empty-list-item[b-fakzqqyijw] {
    background: #343a40;
    border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .user-list-item:hover[b-fakzqqyijw] {
    background: #3e444a;
    border-color: var(--color-primary-border);
}

[data-bs-theme="dark"] .badge-prioritized[b-fakzqqyijw] {
    background: rgba(251, 146, 60, 0.2);
    color: #fcd34d;
}

/* Animations */
@keyframes fadeIn-b-fakzqqyijw {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideInUp-b-fakzqqyijw {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
/* /Components/UserStatsComponent.razor.rz.scp.css */
/* Note: stat-row styles are now in StatRow.razor.css */

/* Avatar Section */
.avatar-section[b-udtalme011] {
    background: var(--color-surface);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.avatar-container[b-udtalme011] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

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

.avatar-placeholder[b-udtalme011] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg);
    color: var(--color-text);
    opacity: 0.5;
}

.avatar-placeholder i[b-udtalme011] {
    font-size: 3rem;
}

.avatar-loading[b-udtalme011] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Partners/Opponents List */
.partners-list[b-udtalme011] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.partner-item[b-udtalme011] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    transition: all 0.2s ease;
}

.partner-item:hover[b-udtalme011] {
    background: rgba(0, 0, 0, 0.04);
}

.partner-info[b-udtalme011] {
    flex: 1;
}

.partner-name[b-udtalme011] {
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 0.25rem;
}

.partner-stats[b-udtalme011] {
    font-size: 0.875rem;
    color: var(--color-text);
    opacity: 0.7;
}

.partner-record[b-udtalme011] {
    font-size: 1.125rem;
    font-weight: 600;
}

/* Stats Placeholder Styles - For "Load Stats" button state */
.stats-placeholder[b-udtalme011] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    padding: 3rem 1rem;
}

.placeholder-card[b-udtalme011] {
    text-align: center;
    max-width: 600px;
    padding: 3rem;
    background: var(--color-surface);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.placeholder-icon[b-udtalme011] {
    font-size: 5rem;
    color: var(--color-primary);
    margin-bottom: 1.5rem;
    animation: pulse-b-udtalme011 2s ease-in-out infinite;
}

.placeholder-title[b-udtalme011] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 1rem;
}

.placeholder-description[b-udtalme011] {
    font-size: 1rem;
    color: var(--color-text);
    opacity: 0.7;
    line-height: 1.6;
    margin-bottom: 2rem;
}

.placeholder-card .btn[b-udtalme011] {
    padding: 0.875rem 2rem;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(30, 41, 59, 0.2);
    transition: all 0.3s ease;
}


.placeholder-card .btn:hover[b-udtalme011] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(30, 41, 59, 0.3);
}

.placeholder-card .btn i[b-udtalme011] {
    margin-right: 0.5rem;
    font-size: 1.25rem;
}

.placeholder-hint[b-udtalme011] {
    font-size: 0.875rem;
    color: var(--color-text);
    opacity: 0.6;
}

/* Animations */
@keyframes pulse-b-udtalme011 {
    0%, 100% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.05);
        opacity: 1;
    }
}


/* Dark theme support */
html[data-theme='dark'] .partner-item[b-udtalme011] {
    background: rgba(255, 255, 255, 0.05);
}

html[data-theme='dark'] .partner-item:hover[b-udtalme011] {
    background: rgba(255, 255, 255, 0.08);
}

/* Mobile responsive */
@media (max-width: 768px) {
    .stats-placeholder[b-udtalme011] {
        min-height: 400px;
        padding: 2rem 1rem;
    }

    .placeholder-card[b-udtalme011] {
        padding: 2rem 1.5rem;
    }

    .placeholder-icon[b-udtalme011] {
        font-size: 4rem;
    }

    .placeholder-title[b-udtalme011] {
        font-size: 1.5rem;
    }

    .placeholder-description[b-udtalme011] {
        font-size: 0.9375rem;
    }

    .placeholder-card .btn[b-udtalme011] {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }
}
/* /Layout/LoginDisplay.razor.rz.scp.css */
/* User menu container */
.user-menu[b-jmao69v44u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* User display styling - modern card-like appearance */
.user-display[b-jmao69v44u] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    text-decoration: none;
    color: var(--color-text);
    transition: all 0.2s ease;
    font-weight: 500;
}

.user-display:hover[b-jmao69v44u] {
    background-color: rgba(0, 0, 0, 0.05);
    text-decoration: none;
    transform: translateY(-1px);
}

.user-display i[b-jmao69v44u] {
    font-size: 1.25rem;
}

.user-avatar-img[b-jmao69v44u] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--color-primary);
}

.user-name[b-jmao69v44u] {
    font-size: 0.9rem;
}

/* Guest variant - slightly muted */
.user-display.guest[b-jmao69v44u] {
    opacity: 0.65;
    font-style: italic;
    font-weight: 500;
    cursor: default;
}

.user-display.guest:hover[b-jmao69v44u] {
    background-color: transparent;
    transform: none;
}

/* Dark mode adjustments */
html[data-theme='dark'] .user-display[b-jmao69v44u] {
    color: var(--navbar-text);
}

html[data-theme='dark'] .user-display:hover[b-jmao69v44u] {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Mobile responsive */
@media (max-width: 576px) {
    .user-display i[b-jmao69v44u] {
        font-size: 1.5rem;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-sg91g3arg0] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
}

/* ===========================
   Update Banner
   =========================== */
.update-banner[b-sg91g3arg0] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10001;
    background: var(--update-banner-bg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    animation: slideDownBanner-b-sg91g3arg0 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideDownBanner-b-sg91g3arg0 {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.update-banner-content[b-sg91g3arg0] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.update-message[b-sg91g3arg0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--update-banner-text);
}

.update-icon[b-sg91g3arg0] {
    font-size: 2rem;
    animation: pulse-b-sg91g3arg0 2s ease-in-out infinite;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6));
}

@keyframes pulse-b-sg91g3arg0 {
    0%, 100% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.1);
        opacity: 0.8;
    }
}

.update-text[b-sg91g3arg0] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.update-text strong[b-sg91g3arg0] {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.update-text small[b-sg91g3arg0] {
    font-size: 0.8125rem;
    opacity: 0.9;
    font-weight: 400;
}

.update-actions[b-sg91g3arg0] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

/* Custom Update Buttons */
.btn-update-primary[b-sg91g3arg0],
.btn-update-secondary[b-sg91g3arg0] {
    border: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.9375rem;
    padding: 0.75rem 1.75rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.btn-update-primary[b-sg91g3arg0] {
    background: var(--update-banner-button-primary-bg);
    color: var(--update-banner-button-primary-text);
    box-shadow: 0 4px 20px rgba(255, 215, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);
}

.btn-update-primary[b-sg91g3arg0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.5s;
}

.btn-update-primary:hover[b-sg91g3arg0] {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 6px 28px rgba(255, 215, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);
}

.btn-update-primary:hover[b-sg91g3arg0]::before {
    left: 100%;
}

.btn-update-primary:active[b-sg91g3arg0] {
    transform: translateY(0) scale(0.98);
}

.btn-update-primary i[b-sg91g3arg0] {
    font-size: 1.1rem;
}

.btn-update-secondary[b-sg91g3arg0] {
    background: var(--update-banner-button-secondary-bg);
    color: var(--update-banner-button-secondary-text);
    border: 2px solid var(--update-banner-button-secondary-border);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.btn-update-secondary:hover[b-sg91g3arg0] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.btn-update-secondary:active[b-sg91g3arg0] {
    transform: translateY(0);
    background: rgba(255, 255, 255, 0.2);
}

/* Mobile responsive */
@media (max-width: 640px) {
    .update-banner-content[b-sg91g3arg0] {
        padding: 0.875rem 1rem;
        justify-content: center;
        text-align: center;
        gap: 1rem;
    }
    
    .update-message[b-sg91g3arg0] {
        flex: 1 1 100%;
        justify-content: center;
        gap: 0.75rem;
    }
    
    .update-icon[b-sg91g3arg0] {
        font-size: 1.5rem;
    }
    
    .update-text strong[b-sg91g3arg0] {
        font-size: 0.9375rem;
    }
    
    .update-text small[b-sg91g3arg0] {
        font-size: 0.75rem;
    }
    
    .update-actions[b-sg91g3arg0] {
        flex: 1 1 auto;
        gap: 0.5rem;
    }
    
    .btn-update-primary[b-sg91g3arg0],
    .btn-update-secondary[b-sg91g3arg0] {
        font-size: 0.8125rem;
        padding: 0.5rem 1.25rem;
    }
    
    .btn-update-primary i[b-sg91g3arg0] {
        font-size: 0.9rem;
    }
}

@media (max-width: 400px) {
    .update-text strong[b-sg91g3arg0] {
        font-size: 0.875rem;
    }
    
    .update-text small[b-sg91g3arg0] {
        display: none;
    }
    
    .btn-update-primary[b-sg91g3arg0],
    .btn-update-secondary[b-sg91g3arg0] {
        font-size: 0.75rem;
        padding: 0.4rem 1rem;
        border-radius: 8px;
    }
}

/* ===========================
   Top Header (Always Visible)
   =========================== */
.top-header[b-sg91g3arg0] {
    background: var(--navbar-bg);
    border-bottom: 1px solid var(--color-muted-stroke);
    position: sticky;
    top: 0;
    z-index: 1000;
    height: 3.5rem;
    margin: 0 !important;
}

.header-content[b-sg91g3arg0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 1rem;
    gap: 1rem;
}

.navbar-toggler[b-sg91g3arg0] {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    padding: 0.5rem;
    cursor: pointer;
    transition: background-color 0.2s;
}

.navbar-toggler:hover[b-sg91g3arg0] {
    background-color: rgba(255, 255, 255, 0.2);
}

.navbar-toggler-icon[b-sg91g3arg0] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.header-title[b-sg91g3arg0] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--navbar-text);
    flex: 1;
}

.header-controls[b-sg91g3arg0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-controls[b-sg91g3arg0]  a,
.header-controls[b-sg91g3arg0]  .btn-link {
    color: var(--navbar-text);
    text-decoration: none;
}

.header-controls[b-sg91g3arg0]  a:hover,
.header-controls[b-sg91g3arg0]  .btn-link:hover {
    text-decoration: underline;
}

/* Theme toggle button styling for navbar */
.header-controls[b-sg91g3arg0]  .btn-outline-primary {
    color: var(--navbar-text);
    border-color: var(--navbar-text);
    background-color: rgba(255, 255, 255, 0.1);
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.header-controls[b-sg91g3arg0]  .btn-outline-primary:hover {
    background-color: var(--navbar-text);
    border-color: var(--navbar-text);
    color: var(--color-primary);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.header-controls[b-sg91g3arg0]  .btn-outline-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* ===========================
   Page Content (Sidebar + Main)
   =========================== */
.page-content[b-sg91g3arg0] {
    display: flex;
    flex: 1;
    position: relative;
    min-width: 0; /* Allow shrinking below content size */
    width: 100%;
    overflow: hidden; /* Prevent overflow */
}

.sidebar[b-sg91g3arg0] {
    background-color: var(--color-surface);
    border-right: 1px solid var(--color-muted-stroke);
    transition: width 0.3s ease, margin-left 0.3s ease, transform 0.3s ease;
    overflow: hidden;
    flex-shrink: 0; /* Don't let it shrink */
}

main[b-sg91g3arg0] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: calc(100vh - 3.5rem);
    min-width: 0; /* Allow shrinking below content size */
    width: 100%;
    overflow-x: hidden; /* Prevent horizontal scroll */
}

article[b-sg91g3arg0] {
    flex: 1;
    min-width: 0; /* Allow shrinking below content size */
    width: 100%;
    max-width: 100%; /* Ensure it doesn't exceed parent */
    overflow-x: hidden; /* Prevent horizontal scroll */
}

/* ===========================
   Mobile Layout (< 641px)
   =========================== */
@media (max-width: 640.98px) {
    .page-content[b-sg91g3arg0] {
        flex-direction: column; /* Stack vertically on mobile */
    }
    
    .sidebar[b-sg91g3arg0] {
        position: fixed;
        top: 3.5rem;
        left: 0;
        right: 0;
        width: 100%;
        max-height: calc(100vh - 3.5rem);
        transform: translateY(-100%);
        z-index: 999;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        overflow-y: auto;
    }
    
    .sidebar:not(.collapsed)[b-sg91g3arg0] {
        transform: translateY(0);
    }
    
    main[b-sg91g3arg0] {
        width: 100%; /* Ensure main takes full width */
        max-width: 100vw; /* Don't exceed viewport */
    }
    
    article[b-sg91g3arg0] {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box; /* Include padding in width calculation */
    }
    
    /* Make title smaller on mobile instead of hiding it */
    .header-title[b-sg91g3arg0] {
        font-size: 1rem;
    }
    
    /* Make controls more compact on mobile */
    .header-controls[b-sg91g3arg0] {
        gap: 0.5rem;
    }
}

/* ===========================
   Desktop Layout (>= 641px)
   =========================== */
@media (min-width: 641px) {
    .sidebar[b-sg91g3arg0] {
        width: 250px;
        position: sticky;
        top: 3.5rem;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
    
    .sidebar.collapsed[b-sg91g3arg0] {
        width: 0;
    }
}

/* ===========================
   Footer
   =========================== */
.footer[b-sg91g3arg0] {
    padding: 0.25rem 0.5rem;
    border-top: 1px solid var(--color-muted-stroke);
    background-color: var(--color-surface);
    color: var(--color-text);
    text-align: center;
    font-size: 0.75rem;
    margin-top: 2rem;
    white-space: nowrap;
    overflow-x: auto;
}

.footer a[b-sg91g3arg0] {
    color: var(--color-link);
    text-decoration: none;
    margin: 0 0.25rem;
    display: inline-block;
}

.footer a:hover[b-sg91g3arg0] {
    text-decoration: underline;
}

.footer .mx-2[b-sg91g3arg0] {
    color: var(--color-muted-stroke);
    opacity: 0.5;
}

@media (max-width: 640.98px) {
    .footer .container-fluid[b-sg91g3arg0] {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .footer span[b-sg91g3arg0], .footer a[b-sg91g3arg0] {
        margin: 0.1rem 0.2rem;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-scrollable[b-nayh44d031] {
    height: 100%;
    overflow-y: auto;
}

.bi[b-nayh44d031] {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    vertical-align: middle;
    line-height: 1;
}

.nav-item[b-nayh44d031] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-nayh44d031] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-nayh44d031] {
    padding-bottom: 1rem;
}

.nav-item[b-nayh44d031]  a {
    color: var(--color-text);
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-nayh44d031]  a.active {
    background-color: rgba(127,127,127,0.25);
    color: var(--color-text);
}

.nav-item[b-nayh44d031]  a:hover {
    background-color: rgba(127,127,127,0.15);
    color: var(--color-text);
}

.nav-text .bi[b-nayh44d031] {
    color: var(--color-text);
}

/* /Pages/About.razor.rz.scp.css */
/* About Page Styles */

.about-page[b-zrvqf2j29p] {
    background: var(--color-bg);
}

/* Hero Section */
.about-hero[b-zrvqf2j29p] {
    background: linear-gradient(135deg, var(--color-primary) 0%, #1e40af 100%);
    color: white;
    padding: 4rem 1rem;
    text-align: center;
}

.hero-content[b-zrvqf2j29p] {
    max-width: 800px;
    margin: 0 auto;
}

.hero-icon[b-zrvqf2j29p] {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    animation: float-b-zrvqf2j29p 3s ease-in-out infinite;
}

@keyframes float-b-zrvqf2j29p {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.hero-title[b-zrvqf2j29p] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.hero-subtitle[b-zrvqf2j29p] {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
    opacity: 0.95;
}

.hero-description[b-zrvqf2j29p] {
    font-size: 1.125rem;
    line-height: 1.8;
    opacity: 0.9;
    max-width: 700px;
    margin: 0 auto;
}

/* Content Sections */
.content-section[b-zrvqf2j29p] {
    padding: 4rem 1rem;
}

.content-section.alt-bg[b-zrvqf2j29p] {
    background: var(--color-surface);
}

.container[b-zrvqf2j29p] {
    max-width: 1200px;
    margin: 0 auto;
}

.section-header[b-zrvqf2j29p] {
    text-align: center;
    margin-bottom: 3rem;
}

.section-icon[b-zrvqf2j29p] {
    font-size: 2.5rem;
    color: var(--color-primary);
    display: block;
    margin-bottom: 1rem;
}

.section-header h2[b-zrvqf2j29p] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
}

/* Content Card */
.content-card[b-zrvqf2j29p] {
    background: var(--color-surface);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.content-card p[b-zrvqf2j29p] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--color-text);
    margin-bottom: 2rem;
}

/* Feature Grid (4 columns) */
.feature-grid[b-zrvqf2j29p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.feature-item[b-zrvqf2j29p] {
    text-align: center;
    padding: 1.5rem;
    background: var(--color-bg);
    border-radius: 0.75rem;
    transition: transform 0.3s ease;
}

.feature-item:hover[b-zrvqf2j29p] {
    transform: translateY(-4px);
}

.feature-item i[b-zrvqf2j29p] {
    font-size: 2.5rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
    display: block;
}

.feature-item h4[b-zrvqf2j29p] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.feature-item p[b-zrvqf2j29p] {
    font-size: 0.9375rem;
    opacity: 0.8;
    margin: 0;
}

/* Tournament Types */
.tournament-types[b-zrvqf2j29p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.type-card[b-zrvqf2j29p] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.type-card:hover[b-zrvqf2j29p] {
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.type-icon[b-zrvqf2j29p] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--color-primary) 0%, #1e40af 100%);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.type-icon i[b-zrvqf2j29p] {
    font-size: 2rem;
    color: white;
}

.type-card h3[b-zrvqf2j29p] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.type-card p[b-zrvqf2j29p] {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    opacity: 0.8;
}

.type-card ul[b-zrvqf2j29p] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.type-card ul li[b-zrvqf2j29p] {
    padding: 0.5rem 0;
    padding-left: 1.5rem;
    position: relative;
}

.type-card ul li[b-zrvqf2j29p]::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--color-primary);
    font-weight: bold;
}

/* Steps Container */
.steps-container[b-zrvqf2j29p] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 800px;
    margin: 0 auto;
}

.step-card[b-zrvqf2j29p] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    background: var(--color-surface);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.step-card:hover[b-zrvqf2j29p] {
    transform: translateX(8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.step-number[b-zrvqf2j29p] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--color-primary) 0%, #1e40af 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h3[b-zrvqf2j29p] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.step-content p[b-zrvqf2j29p] {
    font-size: 1rem;
    line-height: 1.6;
    opacity: 0.8;
    margin: 0;
}

/* Features Grid (8 items, 2x4) */
.features-grid[b-zrvqf2j29p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.feature-card[b-zrvqf2j29p] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.feature-card:hover[b-zrvqf2j29p] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.feature-card i[b-zrvqf2j29p] {
    font-size: 2.5rem;
    color: var(--color-primary);
    margin-bottom: 1rem;
    display: block;
}

.feature-card h4[b-zrvqf2j29p] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.feature-card p[b-zrvqf2j29p] {
    font-size: 0.9375rem;
    line-height: 1.6;
    opacity: 0.8;
    margin: 0;
}

/* Tips Grid */
.tips-grid[b-zrvqf2j29p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.tip-card[b-zrvqf2j29p] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: var(--color-surface);
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.tip-card i[b-zrvqf2j29p] {
    font-size: 1.5rem;
    color: var(--color-primary);
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.tip-card h4[b-zrvqf2j29p] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.tip-card p[b-zrvqf2j29p] {
    font-size: 0.9375rem;
    line-height: 1.6;
    opacity: 0.8;
    margin: 0;
}

/* FAQ Container */
.faq-container[b-zrvqf2j29p] {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.faq-item[b-zrvqf2j29p] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.faq-item h4[b-zrvqf2j29p] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--color-primary);
}

.faq-item p[b-zrvqf2j29p] {
    font-size: 1rem;
    line-height: 1.7;
    opacity: 0.8;
    margin: 0;
}

/* CTA Section */
.cta-section[b-zrvqf2j29p] {
    background: linear-gradient(135deg, var(--color-primary) 0%, #1e40af 100%);
    color: white;
}

.cta-content[b-zrvqf2j29p] {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.cta-content h2[b-zrvqf2j29p] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: white;
}

.cta-content p[b-zrvqf2j29p] {
    font-size: 1.25rem;
    line-height: 1.8;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.cta-buttons[b-zrvqf2j29p] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.cta-buttons .btn[b-zrvqf2j29p] {
    padding: 0.875rem 2rem;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.cta-buttons .btn-primary[b-zrvqf2j29p] {
    background: white;
    color: var(--color-primary);
    border: none;
}

.cta-buttons .btn-primary:hover[b-zrvqf2j29p] {
    background: #f8f9fa;
    transform: translateY(-2px);
}

.cta-buttons .btn-outline-primary[b-zrvqf2j29p] {
    background: transparent;
    color: white;
    border: 2px solid white;
}

.cta-buttons .btn-outline-primary:hover[b-zrvqf2j29p] {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

/* Contact Card */
.contact-card[b-zrvqf2j29p] {
    background: var(--color-surface);
    border-radius: 1rem;
    padding: 3rem;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.contact-card p[b-zrvqf2j29p] {
    font-size: 1.125rem;
    line-height: 1.8;
    margin-bottom: 2rem;
}

.contact-card .btn[b-zrvqf2j29p] {
    padding: 0.875rem 2rem;
    font-size: 1.125rem;
    font-weight: 600;
}

/* Dark Mode Adjustments */
[data-bs-theme='dark'] .type-card[b-zrvqf2j29p],
[data-bs-theme='dark'] .feature-card[b-zrvqf2j29p],
[data-bs-theme='dark'] .faq-item[b-zrvqf2j29p] {
    background: #2c3034;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-bs-theme='dark'] .about-hero[b-zrvqf2j29p] {
    background: linear-gradient(135deg, rgba(143, 191, 207, 0.25) 0%, rgba(30, 64, 175, 0.35) 100%);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .about-hero[b-zrvqf2j29p] {
        padding: 3rem 1rem;
    }

    .hero-title[b-zrvqf2j29p] {
        font-size: 2rem;
    }

    .hero-subtitle[b-zrvqf2j29p] {
        font-size: 1.25rem;
    }

    .content-section[b-zrvqf2j29p] {
        padding: 2.5rem 1rem;
    }

    .section-header h2[b-zrvqf2j29p] {
        font-size: 1.75rem;
    }

    .tournament-types[b-zrvqf2j29p],
    .features-grid[b-zrvqf2j29p],
    .tips-grid[b-zrvqf2j29p] {
        grid-template-columns: 1fr;
    }

    .feature-grid[b-zrvqf2j29p] {
        grid-template-columns: repeat(2, 1fr);
    }

    .step-card[b-zrvqf2j29p] {
        padding: 1.5rem;
    }

    .cta-content h2[b-zrvqf2j29p] {
        font-size: 2rem;
    }

    .cta-buttons[b-zrvqf2j29p] {
        flex-direction: column;
    }

    .cta-buttons .btn[b-zrvqf2j29p] {
        width: 100%;
    }

    .contact-card[b-zrvqf2j29p] {
        padding: 2rem;
    }
}

@media (max-width: 480px) {
    .hero-icon[b-zrvqf2j29p] {
        font-size: 3rem;
    }

    .hero-title[b-zrvqf2j29p] {
        font-size: 1.75rem;
    }

    .hero-subtitle[b-zrvqf2j29p] {
        font-size: 1.125rem;
    }

    .feature-grid[b-zrvqf2j29p] {
        grid-template-columns: 1fr;
    }

    .step-card[b-zrvqf2j29p] {
        flex-direction: column;
        text-align: center;
    }

    .step-number[b-zrvqf2j29p] {
        margin: 0 auto;
    }
}
/* /Pages/Contact.razor.rz.scp.css */
/* Show reCAPTCHA badge on the contact page */
[b-176sl6gjlx] .grecaptcha-badge {
    visibility: visible !important;
}

.hero[b-176sl6gjlx] {
    min-height: calc(100vh - 3.5rem);
    padding: 2rem 1rem;
}

.hero-card[b-176sl6gjlx] {
    
}

.form-control:disabled[b-176sl6gjlx] {
    opacity: 0.6;
    cursor: not-allowed;
}

.alert[b-176sl6gjlx] {
    border-radius: 0.5rem;
}

.alert i[b-176sl6gjlx] {
    vertical-align: middle;
}

@media (max-width: 640px) {
    .hero[b-176sl6gjlx] {
        padding: 1rem 0.5rem;
    }
    
    .hero-card[b-176sl6gjlx] {
        padding: 2rem 1.5rem !important;
    }
}

/* /Pages/Games/Americano/Create.razor.rz.scp.css */
/* ===========================
   Create Tournament Page Styles
   =========================== */


/* Input Cards with enhanced styling */
.input-card[b-fai8p96ftl] {
    background: var(--color-surface);
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 1.25rem;
    padding: 1.75rem;
    margin-bottom: 1.5rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
    animation: fadeInUp-b-fai8p96ftl 0.5s ease-out backwards;
    position: relative;
}

.input-card[b-fai8p96ftl]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 1.25rem;
    padding: 2px;
    background: linear-gradient(135deg, transparent, transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.input-card:hover[b-fai8p96ftl]::before {
    background: linear-gradient(135deg, rgba(37, 140, 251, 0.3) 0%, rgba(99, 102, 241, 0.3) 100%);
    opacity: 1;
}

.input-card:nth-child(2)[b-fai8p96ftl] { animation-delay: 0.1s; }
.input-card:nth-child(3)[b-fai8p96ftl] { animation-delay: 0.2s; }
.input-card:nth-child(4)[b-fai8p96ftl] { animation-delay: 0.3s; }
.input-card:nth-child(5)[b-fai8p96ftl] { animation-delay: 0.4s; }

.input-card:hover[b-fai8p96ftl] {
    box-shadow: 0 8px 24px rgba(37, 140, 251, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.input-card.locked[b-fai8p96ftl] {
    opacity: 0.65;
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.03);
    transform: none !important;
}

.input-card.locked:hover[b-fai8p96ftl] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
}

.input-card.locked[b-fai8p96ftl]::before {
    display: none;
}

.input-card .form-label[b-fai8p96ftl] {
    padding-left: 0 !important;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.8;
    margin-bottom: 0.5rem;
}

/* Section Headers with gradient accent */
.section-header[b-fai8p96ftl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    position: relative;
}

.section-header[b-fai8p96ftl]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        var(--color-primary) 0%, 
        rgba(37, 140, 251, 0.3) 50%, 
        transparent 100%);
    border-radius: 2px;
}

.section-header i[b-fai8p96ftl] {
    font-size: 1.35rem;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(37, 140, 251, 0.08);
    border-radius: 0.75rem;
}

.section-header .form-control[b-fai8p96ftl] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text);
    padding-left: 0;
    box-shadow: none;
}

.section-header .form-control:focus[b-fai8p96ftl] {
    background: transparent;
    box-shadow: none;
    outline: none;
}

.section-header .form-control[b-fai8p96ftl]::placeholder {
    opacity: 0.4;
}

.section-header span[b-fai8p96ftl] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text);
}

.section-header.type-header[b-fai8p96ftl] {
    margin-bottom: 0;
    padding-bottom: 0;
}

.section-header.type-header[b-fai8p96ftl]::after {
    display: none;
}

.type-selector[b-fai8p96ftl] {
    display: flex;
    gap: 0.5rem;
    flex: 1;
}

.type-selector .btn[b-fai8p96ftl] {
    flex: 1;
}

.player-count[b-fai8p96ftl] {
    margin-left: auto;
    font-size: 0.95rem;
    opacity: 0.6;
    font-weight: 500;
}

/* Validation errors container */
.validation-errors-container[b-fai8p96ftl] {
    margin-bottom: 1.5rem;
    animation: slideDown-b-fai8p96ftl 0.3s ease-out;
    border-left: 4px solid #dc3545;
    border-radius: 0.75rem;
}

@keyframes slideDown-b-fai8p96ftl {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp-b-fai8p96ftl {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.validation-errors-container ul[b-fai8p96ftl] {
    padding-left: 1.25rem;
}

.validation-errors-container li[b-fai8p96ftl] {
    margin-bottom: 0.25rem;
}

.validation-errors-container .btn-close[b-fai8p96ftl] {
    font-size: 0.875rem;
}

/* Schedule type indicator badges */
.schedule-type-badge[b-fai8p96ftl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    cursor: help;
}

.schedule-type-badge i[b-fai8p96ftl] {
    font-size: 0.9rem;
    margin: 0;
}

.schedule-type-badge span[b-fai8p96ftl] {
    display: none;
}

.badge-sitout[b-fai8p96ftl] {
    color: #ea580c;
}

/* Player Management - Redesigned for cohesion */
.input-group[b-fai8p96ftl] {
    display: flex;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 0.75rem;
    overflow: visible;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    align-items: stretch;
}

.input-group .form-control[b-fai8p96ftl] {
    border: 2px solid var(--color-muted-stroke);
    background: var(--color-bg) !important;
    font-size: 1.05rem;
    padding: 0.75rem 1rem;
    min-height: 3.5rem;
    border-radius: 0.75rem;
    flex: 1;
    transition: all 0.2s ease;
}

.input-group .form-control:focus[b-fai8p96ftl] {
    box-shadow: 0 0 0 3px rgba(37, 140, 251, 0.15);
    border-color: var(--color-primary);
    background: var(--color-bg) !important;
}

.input-group-text[b-fai8p96ftl] {
    background: var(--color-surface) !important;
    border: 2px solid var(--color-muted-stroke);
    border-radius: 0.75rem;
    transition: all 0.2s ease;
    color: #6c757d;
    min-width: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-group-text i[b-fai8p96ftl] {
    font-size: 1.2rem;
    color: #6c757d;
    opacity: 0.7;
}

.input-group-text.bg-success[b-fai8p96ftl] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border-color: #059669 !important;
}

.input-group-text.bg-success i[b-fai8p96ftl] {
    color: white;
    opacity: 1;
}

.input-group .btn[b-fai8p96ftl] {
    min-height: 3.5rem;
    min-width: 3.5rem;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    border-radius: 0.75rem;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 600;
}

.input-group .btn-primary[b-fai8p96ftl] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: white;
}

.input-group .btn-primary:hover[b-fai8p96ftl] {
    background: #1e7ce6;
    border-color: #1e7ce6;
    transform: scale(1.05);
}

.input-group .btn-primary:active[b-fai8p96ftl] {
    transform: scale(0.98);
}

.input-group .btn-secondary[b-fai8p96ftl] {
    background: var(--color-surface);
    border-color: var(--color-muted-stroke);
    color: #6c757d;
}

.input-group .btn-secondary:hover[b-fai8p96ftl] {
    background: var(--color-surface);
    border-color: var(--color-primary);
    color: var(--color-primary);
    transform: scale(1.05);
}

.input-group .btn-secondary:active[b-fai8p96ftl] {
    transform: scale(0.98);
}

/* Player Row Animations */
.input-card .row.mb-1[b-fai8p96ftl],
.input-card .row.mb-2[b-fai8p96ftl] {
    animation: slideInLeft-b-fai8p96ftl 0.3s ease-out;
    margin-top:0;
}

.player-list-container[b-fai8p96ftl] {
    min-height: 150px; /* Adjust as needed */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
}

.player-list[b-fai8p96ftl] {
    margin-top: 0.5em;
}

.player-list .input-group[b-fai8p96ftl]{
    margin-bottom: 0;
}


.player-delete-btn[b-fai8p96ftl] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    height: 100%;
    padding: 0;
    background: transparent;
    border: none;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 1.4rem;
}

.player-delete-btn:hover[b-fai8p96ftl] {
    color: #dc3545;
    transform: scale(1.15);
}

.player-delete-btn:active[b-fai8p96ftl] {
    transform: scale(1.05);
}

.player-delete-btn i[b-fai8p96ftl] {
    transition: all 0.2s ease;
}

@keyframes slideInLeft-b-fai8p96ftl {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Group Selector */
.group-selector[b-fai8p96ftl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--color-surface);
    border-left: 2px solid var(--color-muted-stroke);
}

.group-label[b-fai8p96ftl] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text);
    opacity: 0.8;
    white-space: nowrap;
}

/* Override group selector to a flatter, cleaner segmented control */
.group-buttons[b-fai8p96ftl] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: var(--color-surface);
    border: 1.5px solid var(--color-muted-stroke);
    border-radius: 0.75rem;
    padding: 0.2rem;
    box-shadow: none;
}

.group-btn[b-fai8p96ftl] {
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.6rem;
    border-radius: 0.6rem;
    font-size: 0.95rem;
    font-weight: 700;
    border: 1.5px solid transparent;
    background: transparent;
    color: var(--color-text);
    transition: background 0.15s ease, transform 0.1s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.group-btn:hover[b-fai8p96ftl] {
    background: rgba(37, 140, 251, 0.08);
    transform: translateY(-1px);
}

.btn-check:checked + .group-btn[b-fai8p96ftl] {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
    box-shadow: 0 4px 10px rgba(37, 140, 251, 0.28);
}

.group-buttons:focus-within[b-fai8p96ftl] {
    outline: 3px solid rgba(37, 140, 251, 0.15);
    outline-offset: 2px;
}

/* Dark theme clean segmented control */
[data-bs-theme="dark"] .group-buttons[b-fai8p96ftl] {
    background: var(--color-bg);
    border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme="dark"] .btn-check:checked + .group-btn[b-fai8p96ftl] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(37, 140, 251, 0.4);
}

/* Dark theme tweaks for segmented control */
[data-bs-theme="dark"] .group-buttons[b-fai8p96ftl] {
    background: var(--color-bg);
    border-color: rgba(255,255,255,0.12);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
}

[data-bs-theme="dark"] .group-btn:hover[b-fai8p96ftl] {
    background: rgba(37, 140, 251, 0.15);
}

/* Suggested Players Section */
.suggested-players[b-fai8p96ftl] {
    margin-top: 1rem;
    padding-top: 1rem;
}

.suggested-header[b-fai8p96ftl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
    color: var(--color-text);
    opacity: 0.85;
}

.suggested-header i[b-fai8p96ftl] {
    color: #f59e0b;
    font-size: 1.1rem;
}

.suggested-list[b-fai8p96ftl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.suggested-player-btn[b-fai8p96ftl] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 1.15rem;
    background: var(--color-surface);
    border: 1.5px solid var(--color-muted-stroke);
    border-radius: 2rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--color-text);
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    min-height: 2.75rem;
    pointer-events: auto;
    position: relative;
    z-index: 1;
}

.suggested-player-btn:hover[b-fai8p96ftl] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    border-color: var(--color-primary-border);
    background: var(--color-primary);
    color: white;
}

.suggested-player-btn:active[b-fai8p96ftl] {
    transform: translateY(0);
}

.suggested-player-btn i[b-fai8p96ftl] {
    font-size: 1rem;
    pointer-events: none;
}

.suggested-player-btn span[b-fai8p96ftl] {
    pointer-events: none;
}

.play-count[b-fai8p96ftl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.4rem;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    pointer-events: none;
}

.suggested-player-btn:hover .play-count[b-fai8p96ftl] {
    background: rgba(255, 255, 255, 0.25);
}

/* Empty State */
.empty-state[b-fai8p96ftl] {
    text-align: center;
    padding: 3rem 1rem;
    opacity: 0.5;
}

.empty-state i[b-fai8p96ftl] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-fai8p96ftl] {
    margin: 0;
    font-size: 1.05rem;
}

/* Action Buttons container for ActionCard */
.action-buttons[b-fai8p96ftl] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 2.5rem;
    animation: fadeInUp-b-fai8p96ftl 0.5s ease-out 0.5s backwards;
}

.action-buttons .action-card[b-fai8p96ftl] {
    width: 100%;
}

/* Legacy button styles - kept for backward compatibility */
.action-btn[b-fai8p96ftl] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1.15rem 2rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 1rem;
    border: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
}

.action-btn[b-fai8p96ftl]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.action-btn:hover[b-fai8p96ftl]::before {
    left: 100%;
}

.action-btn:hover[b-fai8p96ftl] {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.action-btn:active[b-fai8p96ftl] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.action-btn i[b-fai8p96ftl] {
    font-size: 1.25rem;
}

.btn-primary.action-btn[b-fai8p96ftl] {
    background: linear-gradient(135deg, #258cfb 0%, #1e7ce6 100%);
}

.btn-primary.action-btn:hover[b-fai8p96ftl] {
    background: linear-gradient(135deg, #1e7ce6 0%, #1a6dd1 100%);
}

.btn-secondary.action-btn[b-fai8p96ftl] {
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);
}

.btn-secondary.action-btn:hover[b-fai8p96ftl] {
    background: linear-gradient(135deg, #5a6268 0%, #4e555b 100%);
}

/* Convert buttons group: bigger, app-like */
.convert-buttons[b-fai8p96ftl] {
    display: inline-flex;
    gap: 0.5rem;
}

.convert-buttons .btn.btn-sm[b-fai8p96ftl] {
    min-height: 2.5rem;
    min-width: 2.5rem;
    font-size: 1.05rem;
    border-width: 2px;
    border-radius: 0.6rem;
    padding: 0 0.8rem;
}

.convert-buttons .btn.btn-success.btn-sm[b-fai8p96ftl] {
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.35);
}

.convert-buttons .btn.btn-outline-primary.btn-sm[b-fai8p96ftl] {
    box-shadow: 0 2px 6px rgba(37, 140, 251, 0.25);
}

.convert-buttons .btn.btn-sm i[b-fai8p96ftl] {
    font-size: 1.1rem;
}

/* More appy group buttons */
.group-buttons[b-fai8p96ftl] {
    display: flex;
    gap: 0.5rem;
}

.group-btn[b-fai8p96ftl] {
    min-width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    font-size: 1rem;
    border-width: 2px;
    background: linear-gradient(180deg, var(--color-surface) 0%, rgba(0,0,0,0.02) 100%);
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    pointer-events: auto;
}

.btn-check:checked + .group-btn[b-fai8p96ftl] {
    background: linear-gradient(180deg, var(--color-primary) 0%, #1e7ce6 100%);
    border-color: transparent;
    color: white;
    box-shadow: 0 4px 10px rgba(37, 140, 251, 0.35);
}

.group-btn:hover[b-fai8p96ftl] {
    transform: translateY(-1px);
}

.btn-check:focus + .group-btn[b-fai8p96ftl] {
    outline: 3px solid rgba(37, 140, 251, 0.25);
    outline-offset: 1px;
}

/* Dark theme tweaks */
[data-bs-theme="dark"] .convert-buttons .btn.btn-outline-primary.btn-sm[b-fai8p96ftl] {
    box-shadow: 0 2px 6px rgba(37, 140, 251, 0.4);
}

[data-bs-theme="dark"] .group-btn[b-fai8p96ftl] {
    background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.04) 100%);
}

/* Dark mode support */

[data-bs-theme="dark"] .input-card[b-fai8p96ftl] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
}

[data-bs-theme="dark"] .input-card:hover[b-fai8p96ftl] {
    box-shadow: 0 8px 24px rgba(37, 140, 251, 0.2), 0 4px 12px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .input-card.locked[b-fai8p96ftl] {
    opacity: 0.6;
    background: rgba(255, 255, 255, 0.03);
}

[data-bs-theme="dark"] .section-header i[b-fai8p96ftl] {
    background: rgba(37, 140, 251, 0.12);
}

[data-bs-theme="dark"] .badge-sitout[b-fai8p96ftl] {
    color: #fb923c;
}

[data-bs-theme="dark"] .suggested-player-btn:hover[b-fai8p96ftl] {
    background: var(--color-primary);
    color: white;
}

[data-bs-theme="dark"] .input-group[b-fai8p96ftl] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-bs-theme="dark"] .input-group .form-control[b-fai8p96ftl] {
    background: rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.2);
}

[data-bs-theme="dark"] .input-group .form-control:focus[b-fai8p96ftl] {
    background: rgba(0, 0, 0, 0.35) !important;
    border-color: var(--color-primary);
}

[data-bs-theme="dark"] .input-group-text[b-fai8p96ftl] {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.2);
}

[data-bs-theme="dark"] .input-group-text i[b-fai8p96ftl] {
    color: #adb5bd;
}

[data-bs-theme="dark"] .input-group .btn-primary[b-fai8p96ftl] {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

[data-bs-theme="dark"] .input-group .btn-primary:hover[b-fai8p96ftl] {
    background: #1e7ce6;
    border-color: #1e7ce6;
}

[data-bs-theme="dark"] .input-group .btn-secondary[b-fai8p96ftl] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
    color: #adb5bd;
}

[data-bs-theme="dark"] .input-group .btn-secondary:hover[b-fai8p96ftl] {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

[data-bs-theme="dark"] .group-selector[b-fai8p96ftl] {
    background: var(--color-bg);
    border-left-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .group-btn[b-fai8p96ftl] {
    background: var(--color-bg);
    border-color: rgba(255, 255, 255, 0.15);
}

[data-bs-theme="dark"] .group-btn:hover[b-fai8p96ftl] {
    background: rgba(37, 140, 251, 0.15);
    border-color: var(--color-primary-border);
}

[data-bs-theme="dark"] .btn-check:checked + .group-btn[b-fai8p96ftl] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(37, 140, 251, 0.4);
}

[data-bs-theme="dark"] .player-delete-btn[b-fai8p96ftl] {
    color: #adb5bd;
}

[data-bs-theme="dark"] .player-delete-btn:hover[b-fai8p96ftl] {
    color: #ff6b7a;
}

[data-bs-theme="dark"] .group-selector-locked[b-fai8p96ftl] {
    background: var(--color-bg);
    border-left-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .group-selector-locked .group-value[b-fai8p96ftl] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
}


/* Player options modal */
.player-menu-modal[b-fai8p96ftl] {
    max-width: 450px;
}

.player-menu-section[b-fai8p96ftl] {
    margin-bottom: 1.5rem;
}

.player-menu-section:last-child[b-fai8p96ftl] {
    margin-bottom: 0;
}

.player-menu-label[b-fai8p96ftl] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--color-text);
    margin-bottom: 0.75rem;
    opacity: 0.9;
}

.group-select-btn-inline[b-fai8p96ftl] {
    min-width: 7rem;
    padding: 0.75rem 1rem;
    font-weight: 600;
    border-radius: 0.75rem;
}

/* Modal footer styling */
.modal-footer[b-fai8p96ftl] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.5rem;
    border-top: 2px solid var(--color-muted-stroke);
    gap: 0.75rem;
}

.modal-footer .btn[b-fai8p96ftl] {
    min-width: 100px;
    font-weight: 600;
}

[data-bs-theme="dark"] .modal-footer[b-fai8p96ftl] {
    border-top-color: rgba(255, 255, 255, 0.1);
}

/* Player card container */
.player-card[b-fai8p96ftl] {
    background: var(--color-surface);
    
    border-radius: 0.75rem;
    
    margin-bottom: 0.875rem;
    
    position: relative;
    z-index: 0;
    transition: all 0.2s ease;
    overflow: visible;
}

.player-card[b-fai8p96ftl]::before {
    content: '';
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 40%;
    background: linear-gradient(135deg, var(--color-primary) 0%, rgba(37, 140, 251, 0.3) 100%);
    border-radius: 0 4px 4px 0;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.player-card .input-group[b-fai8p96ftl] {
    box-shadow: none;
    margin-bottom: 0.5rem;
}

.player-card .input-group-text[b-fai8p96ftl] {
    width: 3.5rem;
    position: relative;
    overflow: hidden;
}

/* Group-based avatar styling - shows group number instead of icon */
.player-card .input-group-text.group-avatar[b-fai8p96ftl] {
    font-weight: 700;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Clickable avatars */
.group-avatar-clickable[b-fai8p96ftl],
.avatar-clickable[b-fai8p96ftl] {
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.group-avatar-clickable[b-fai8p96ftl]::after,
.avatar-clickable[b-fai8p96ftl]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: opacity 0.2s ease;
    border-radius: inherit;
}

.group-avatar-clickable:hover[b-fai8p96ftl],
.avatar-clickable:hover[b-fai8p96ftl] {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.group-avatar-clickable:hover[b-fai8p96ftl]::after,
.avatar-clickable:hover[b-fai8p96ftl]::after {
    opacity: 1;
}

.group-avatar-clickable:active[b-fai8p96ftl],
.avatar-clickable:active[b-fai8p96ftl] {
    transform: scale(0.98);
}

/* Group 1 - Indigo/Purple */
.player-card .input-group-text.group-avatar[data-group="1"][b-fai8p96ftl],
.player-card button.group-avatar-clickable[data-group="1"][b-fai8p96ftl] {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    color: white !important;
    border-color: #6366f1 !important;
}

/* Group 2 - Pink/Rose */
.player-card .input-group-text.group-avatar[data-group="2"][b-fai8p96ftl],
.player-card button.group-avatar-clickable[data-group="2"][b-fai8p96ftl] {
    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%) !important;
    color: white !important;
    border-color: #ec4899 !important;
}

/* Group 3 - Orange */
.player-card .input-group-text.group-avatar[data-group="3"][b-fai8p96ftl],
.player-card button.group-avatar-clickable[data-group="3"][b-fai8p96ftl] {
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;
    color: white !important;
    border-color: #f59e0b !important;
}

/* Group 4 - Teal/Cyan */
.player-card .input-group-text.group-avatar[data-group="4"][b-fai8p96ftl],
.player-card button.group-avatar-clickable[data-group="4"][b-fai8p96ftl] {
    background: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%) !important;
    color: white !important;
    border-color: #14b8a6 !important;
}

/* Group 5 - Purple */
.player-card .input-group-text.group-avatar[data-group="5"][b-fai8p96ftl],
.player-card button.group-avatar-clickable[data-group="5"][b-fai8p96ftl] {
    background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%) !important;
    color: white !important;
    border-color: #8b5cf6 !important;
}

/* Group 6 - Blue */
.player-card .input-group-text.group-avatar[data-group="6"][b-fai8p96ftl],
.player-card button.group-avatar-clickable[data-group="6"][b-fai8p96ftl] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: white !important;
    border-color: #3b82f6 !important;
}

/* Default fallback for groups 7+ */
.player-card .input-group-text.group-avatar[data-group]:not([data-group="1"]):not([data-group="2"]):not([data-group="3"]):not([data-group="4"]):not([data-group="5"]):not([data-group="6"])[b-fai8p96ftl],
.player-card button.group-avatar-clickable[data-group]:not([data-group="1"]):not([data-group="2"]):not([data-group="3"]):not([data-group="4"]):not([data-group="5"]):not([data-group="6"])[b-fai8p96ftl] {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%) !important;
    color: white !important;
    border-color: #64748b !important;
}

/* Staggered animation for player cards */
.player-card[b-fai8p96ftl] {
    animation: slideInFromLeft-b-fai8p96ftl 0.3s ease-out backwards;
}

.player-card:nth-child(1)[b-fai8p96ftl] { animation-delay: 0.05s; }
.player-card:nth-child(2)[b-fai8p96ftl] { animation-delay: 0.1s; }
.player-card:nth-child(3)[b-fai8p96ftl] { animation-delay: 0.15s; }
.player-card:nth-child(4)[b-fai8p96ftl] { animation-delay: 0.2s; }
.player-card:nth-child(5)[b-fai8p96ftl] { animation-delay: 0.25s; }
.player-card:nth-child(6)[b-fai8p96ftl] { animation-delay: 0.3s; }
.player-card:nth-child(7)[b-fai8p96ftl] { animation-delay: 0.35s; }
.player-card:nth-child(8)[b-fai8p96ftl] { animation-delay: 0.4s; }
.player-card:nth-child(9)[b-fai8p96ftl] { animation-delay: 0.45s; }
.player-card:nth-child(10)[b-fai8p96ftl] { animation-delay: 0.5s; }
.player-card:nth-child(n+11)[b-fai8p96ftl] { animation-delay: 0.5s; }

@keyframes slideInFromLeft-b-fai8p96ftl {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width: 576px) {
    .player-card[b-fai8p96ftl] {
        padding: 0.5rem;
    }
}

/* Dark theme adjustments for player card */
[data-bs-theme="dark"] .player-card[b-fai8p96ftl] {
    background: var(--color-bg);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .player-card[b-fai8p96ftl]::before {
    background: linear-gradient(135deg, var(--color-primary) 0%, rgba(143, 191, 207, 0.5) 100%);
}

[data-bs-theme="dark"] .player-card:hover[b-fai8p96ftl] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}


/* Dark mode: keep colorful avatars vibrant */
[data-bs-theme="dark"] .player-card .input-group-text:not(.bg-success)[b-fai8p96ftl] {
    filter: brightness(0.9);
}


/* Ensure Settings card inputs don't look disabled */
.input-card .row .form-control[b-fai8p96ftl] {
    background: var(--color-bg) !important;
    opacity: 1 !important;
    cursor: text;
}

.input-card .row .form-control:disabled[b-fai8p96ftl] {
    opacity: 0.6;
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.05) !important;
}
/* /Pages/Games/Americano/Home.razor.rz.scp.css */
/* Home page specific styles */

/* Modal overlay styles */
.modal-overlay[b-bfwscjdr37] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: fadeIn-b-bfwscjdr37 0.2s ease-out;
}

.modal-content-custom[b-bfwscjdr37] {
    background: var(--color-surface);
    border-radius: 1rem;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: slideUp-b-bfwscjdr37 0.3s ease-out;
}

@keyframes fadeIn-b-bfwscjdr37 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-bfwscjdr37 {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Filter toolbar */
.filter-toolbar[b-bfwscjdr37] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 0.5rem;
}

.filter-toolbar[b-bfwscjdr37]::-webkit-scrollbar {
    height: 6px;
}

.filter-toolbar[b-bfwscjdr37]::-webkit-scrollbar-track {
    background: var(--color-bg);
    border-radius: 3px;
}

.filter-toolbar[b-bfwscjdr37]::-webkit-scrollbar-thumb {
    background: var(--color-muted-stroke);
    border-radius: 3px;
}

.filter-toolbar[b-bfwscjdr37]::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}

.filter-group[b-bfwscjdr37] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.filter-group i[b-bfwscjdr37] {
    font-size: 1rem;
    opacity: 0.7;
    margin-right: 0.25rem;
}

.filter-group .btn[b-bfwscjdr37] {
    white-space: nowrap;
    flex-shrink: 0;
}

.archive-toggle[b-bfwscjdr37] {
    margin-left: auto;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Mobile adjustments */
@media (max-width: 640px) {
    .filter-toolbar[b-bfwscjdr37] {
        gap: 0.5rem;
    }
    
    .filter-group[b-bfwscjdr37] {
        gap: 0.35rem;
    }
    
    .filter-group .btn[b-bfwscjdr37] {
        font-size: 0.8125rem;
        padding: 0.375rem 0.625rem;
    }
    
    .archive-toggle[b-bfwscjdr37] {
        font-size: 0.8125rem;
        padding: 0.375rem 0.625rem;
    }
}
/* Responsive CSS grid for cards */
.card-grid[b-bfwscjdr37] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    max-width: 1600px;
    margin: 0 auto;
}

/* Small tablets and up */
@media (min-width: 576px) {
    .card-grid[b-bfwscjdr37] {
        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    }
}

/* Tablets and small desktops */
@media (min-width: 768px) {
    .card-grid[b-bfwscjdr37] {
        grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    }
}

/* Desktop */
@media (min-width: 1200px) {
    .card-grid[b-bfwscjdr37] {
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    }
}

/* Extra large screens */
@media (min-width: 1600px) {
    .card-grid[b-bfwscjdr37] {
        grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
    }
}
/* /Pages/Games/Americano/Play.razor.rz.scp.css */
/* ===========================
   Game Header
   =========================== */
.game-header-container[b-l4kxdqqbsh] {
    margin-bottom: 1.5rem;
}

.game-header-main[b-l4kxdqqbsh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.game-header-left[b-l4kxdqqbsh] {
    flex: 1;
    min-width: 0; /* Allow shrinking */
}

.game-header-left h3[b-l4kxdqqbsh] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text);
    margin-bottom: 0.5rem;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game-header-badges[b-l4kxdqqbsh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.game-header-right[b-l4kxdqqbsh] {
    flex-shrink: 0; /* Don't let actions shrink */
}

/* ===========================
   Broadcast Buttons (Top Right)
   =========================== */

/* GO LIVE button (when not broadcasting) */
.btn-broadcast-go-live[b-l4kxdqqbsh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border: none;
    border-radius: 20px;
    color: white;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
    text-transform: uppercase;
}

.btn-broadcast-go-live:hover:not(:disabled)[b-l4kxdqqbsh] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}

.btn-broadcast-go-live:active:not(:disabled)[b-l4kxdqqbsh] {
    transform: translateY(0);
}

.btn-broadcast-go-live:disabled[b-l4kxdqqbsh] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-broadcast-go-live i[b-l4kxdqqbsh] {
    font-size: 1rem;
}

/* LIVE button (when broadcasting) */
.broadcast-control-panel[b-l4kxdqqbsh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border-radius: 20px;
    padding: 6px 12px;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
    animation: livePulse-b-l4kxdqqbsh 2s ease-in-out infinite;
}

@keyframes livePulse-b-l4kxdqqbsh {
    0%, 100% {
        box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
    }
    50% {
        box-shadow: 0 2px 16px rgba(239, 68, 68, 0.6);
    }
}

.broadcast-status[b-l4kxdqqbsh] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: white;
}

.broadcast-status i[b-l4kxdqqbsh] {
    font-size: 0.9rem;
}

.live-pulse-dot[b-l4kxdqqbsh] {
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    animation: pulse-b-l4kxdqqbsh 2s ease-in-out infinite;
}

@keyframes pulse-b-l4kxdqqbsh {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.3;
        transform: scale(1.4);
    }
}

.broadcast-actions[b-l4kxdqqbsh] {
    display: flex;
    gap: 4px;
}

.btn-broadcast-action[b-l4kxdqqbsh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 32px;
    min-height: 32px;
}

.btn-broadcast-action i[b-l4kxdqqbsh] {
    font-size: 0.9rem;
}

.btn-copy[b-l4kxdqqbsh] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.btn-copy:hover:not(:disabled)[b-l4kxdqqbsh] {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-1px);
}

.btn-revoke[b-l4kxdqqbsh] {
    background: rgba(0, 0, 0, 0.2);
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.btn-revoke:hover:not(:disabled)[b-l4kxdqqbsh] {
    background: rgba(0, 0, 0, 0.3);
    transform: translateY(-1px);
}

.btn-broadcast-action:disabled[b-l4kxdqqbsh] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Old LIVE button styles (kept for backwards compatibility) */
.btn-broadcast-live-active[b-l4kxdqqbsh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border: none;
    border-radius: 20px;
    color: white;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
    text-transform: uppercase;
    position: relative;
    animation: livePulse-b-l4kxdqqbsh 2s ease-in-out infinite;
}

@keyframes livePulse-b-l4kxdqqbsh {
    0%, 100% {
        box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
    }
    50% {
        box-shadow: 0 2px 16px rgba(239, 68, 68, 0.6);
    }
}

.btn-broadcast-live-active:hover:not(:disabled)[b-l4kxdqqbsh] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    transform: translateY(-2px);
}

.btn-broadcast-live-active:disabled[b-l4kxdqqbsh] {
    opacity: 0.6;
    cursor: not-allowed;
}

.live-pulse[b-l4kxdqqbsh] {
    position: absolute;
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    left: 10px;
    animation: pulse-b-l4kxdqqbsh 2s ease-in-out infinite;
}

@keyframes pulse-b-l4kxdqqbsh {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.3;
        transform: scale(1.4);
    }
}

.broadcast-btn-text[b-l4kxdqqbsh] {
    font-size: 0.8rem;
}

/* ===========================
   Broadcast URL Bar (when live)
   =========================== */
.broadcast-url-bar[b-l4kxdqqbsh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

.broadcast-url-content[b-l4kxdqqbsh] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    font-size: 0.85rem;
}

.broadcast-url-content i[b-l4kxdqqbsh] {
    color: var(--color-primary);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.broadcast-url-label[b-l4kxdqqbsh] {
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
    flex-shrink: 0;
}

.broadcast-url-code[b-l4kxdqqbsh] {
    background: var(--color-bg);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    color: var(--color-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.btn-copy-url[b-l4kxdqqbsh] {
    background: var(--color-primary);
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.btn-copy-url:hover[b-l4kxdqqbsh] {
    background: var(--color-primary-border);
    transform: translateY(-1px);
}

.btn-copy-url i[b-l4kxdqqbsh] {
    font-size: 0.9rem;
}

/* Responsive adjustments for medium screens (prevent button wrap) */
@media (max-width: 768px) {
    .game-header-left h3[b-l4kxdqqbsh] {
        font-size: 1.25rem;
    }
    
    .btn-broadcast-go-live[b-l4kxdqqbsh],
    .btn-broadcast-live-active[b-l4kxdqqbsh] {
        padding: 6px 12px;
        font-size: 0.75rem;
        gap: 4px;
    }
    
    .btn-broadcast-go-live i[b-l4kxdqqbsh],
    .btn-broadcast-live-active i[b-l4kxdqqbsh] {
        font-size: 0.9rem;
    }
    
    .broadcast-btn-text[b-l4kxdqqbsh] {
        font-size: 0.75rem;
    }
}

/* Hide button text on medium and small screens to prevent wrap */
@media (max-width: 650px) {
    .broadcast-btn-text[b-l4kxdqqbsh] {
        
    }
    
    .btn-broadcast-go-live[b-l4kxdqqbsh],
    .btn-broadcast-live-active[b-l4kxdqqbsh] {
        padding: 10px 12px;
        gap: 0;
        min-width: 44px; /* Ensure minimum tap target size */
    }
    
    .btn-broadcast-go-live i[b-l4kxdqqbsh],
    .btn-broadcast-live-active i[b-l4kxdqqbsh] {
        margin: 0;
        font-size: 1.1rem;
    }
    
    .btn-broadcast-live-active .live-pulse[b-l4kxdqqbsh] {
        display: none;
    }
    
    /* Hide X icon on mobile when text is hidden */
    .btn-broadcast-live-active .bi-x-circle-fill[b-l4kxdqqbsh] {
        display: none;
    }
}

/* Responsive adjustments for small screens */
@media (max-width: 576px) {
    /* Keep header horizontal - don't stack */
    .game-header-main[b-l4kxdqqbsh] {
        gap: 0.5rem; /* Reduce gap to save space */
    }
    
    .game-header-left h3[b-l4kxdqqbsh] {
        font-size: 1.1rem; /* Smaller title on mobile */
        margin-bottom: 0.25rem;
    }
    
    .game-header-badges[b-l4kxdqqbsh] {
        gap: 0.25rem;
    }
    
    .game-header-badges .badge[b-l4kxdqqbsh] {
        font-size: 0.7rem;
        padding: 2px 6px;
    }
    
    .game-header-right[b-l4kxdqqbsh] {
        flex-shrink: 0;
    }
    
    .broadcast-url-bar[b-l4kxdqqbsh] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .btn-copy-url[b-l4kxdqqbsh] {
        width: 100%;
    }
    
    .broadcast-url-code[b-l4kxdqqbsh] {
        font-size: 0.7rem;
    }
}

/* Extra small screens - even more aggressive space saving */
@media (max-width: 400px) {
    .game-header-main[b-l4kxdqqbsh] {
        gap: 0.25rem;
    }
    
    .game-header-left h3[b-l4kxdqqbsh] {
        font-size: 1rem;
        margin-bottom: 0.25rem;
        line-height: 1.2;
    }
    
    .game-header-badges .badge[b-l4kxdqqbsh] {
        font-size: 0.65rem;
        padding: 1px 4px;
    }
    
    .btn-broadcast-go-live[b-l4kxdqqbsh],
    .btn-broadcast-live-active[b-l4kxdqqbsh] {
        padding: 8px 10px;
        min-width: 40px;
    }
}

/* scoped styles for the game card */
.game-card[b-l4kxdqqbsh] {
    border-radius: 8px;
    width: 100%;
    /* Padel court blue gradient with texture */
    background-color: #3a8dca; /* A base blue */
    background-image:
        linear-gradient(175deg, rgba(0,0,0,0.05) 5%, transparent 5%);
    background-size: 100% 100%, 20px 20px, 20px 20px, 100% 100%, 3px 3px, 3px 3px;
    background-position: 0 0, 0 0, 10px 10px, 0 0, 0 0, 1.5px 1.5px;
    border: 2px solid #2e6b9e; /* A darker blue for the border */
    position: relative;
    min-height: 50px;
    clip-path: polygon(15% 0%, 85% 0%, 100% 100%, 0% 100%); /* default: slant left */
    overflow: visible; /* allow floating elements to extend outside card */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15), inset 0 0 20px rgba(0,0,0,0.1);
}



.game-card-wrapper.slant-right .card-body[b-l4kxdqqbsh],
.game-card-wrapper.slant-right .court-badge[b-l4kxdqqbsh] {

}

/* Court lines using pseudo-elements - Service lines with slanted perspective */
.game-card[b-l4kxdqqbsh]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Service lines slanted to match the trapezoid card perspective */
    background-image:
        /* Left service line - angled to follow card perspective (slants outward left) */
        linear-gradient(115deg, transparent calc(25% - 1px), rgba(255, 255, 255, 0.6) 25%, transparent calc(25% + 1px)),
        /* Right service line - angled to follow card perspective (slants outward right) */
        linear-gradient(65deg, transparent calc(75% - 1px), rgba(255, 255, 255, 0.6) 75%, transparent calc(75% + 1px));
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
    background-size: 100% 100%, 100% 100%;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

/* Net */
.game-card .net[b-l4kxdqqbsh] {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 10px; /* Slightly wider net */
    transform: translateX(-50%);
    /* Improved net pattern: more defined mesh and better contrast */
    background-image: 
        linear-gradient(45deg, rgba(255,255,255,0.5) 15%, transparent 15%, transparent 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 65%, transparent 65%, transparent),
        linear-gradient(-45deg, rgba(255,255,255,0.5) 15%, transparent 15%, transparent 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 65%, transparent 65%, transparent);
    background-size: 4px 4px;
    background-repeat: repeat;
    opacity: 0.6; /* Slightly higher opacity for even better visibility */
    z-index: 1;
    /* More defined vertical cables/posts for the net */
    border-left: 2px solid rgba(255,255,255,0.2);
    border-right: 2px solid rgba(255,255,255,0.2);
    background-color: rgba(255,255,255,0.05); /* Very subtle background to "fill" the net area */
}


/* Service boxes - center line removed as requested */
.game-card[b-l4kxdqqbsh]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    transform: translateY(-50%);
    /* Two center service lines - one from net to left service line, one from net to right service line */
    background-image:
        /* Left center service line (from 25% to 50%) */
        linear-gradient(90deg, transparent 0%, transparent 25%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.6) 50%, transparent 50%),
        /* Right center service line (from 50% to 75%) */
        linear-gradient(90deg, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%);
    background-repeat: no-repeat;
    background-position: 0 0, 0 0;
    background-size: 100% 100%, 100% 100%;
    opacity: 0.9;
    z-index: 1;
    pointer-events: none;
}

html[data-theme='dark'] .game-card[b-l4kxdqqbsh] {
    background-color: #5b5c5d;
    background-size: 100% 100%, 20px 20px, 20px 20px, 100% 100%, 3px 3px, 3px 3px;
    background-position: 0 0, 0 0, 10px 10px, 0 0, 0 0, 1.5px 1.5px;
    border-color: #1a2531; /* Even darker border */
    box-shadow: 0 4px 15px rgba(0,0,0,0.3), inset 0 0 25px rgba(0,0,0,0.2);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .game-card[b-l4kxdqqbsh] {
        background-color: #5b5c5d; /* Dark slate blue */
        background-size: 100% 100%, 20px 20px, 20px 20px, 100% 100%, 3px 3px, 3px 3px;
        background-position: 0 0, 0 0, 10px 10px, 0 0, 0 0, 1.5px 1.5px;
        border-color: #1a2531; /* Even darker border */
        box-shadow: 0 4px 15px rgba(0,0,0,0.3), inset 0 0 25px rgba(0,0,0,0.2);
    }
}


/* Explicit slant variants so we can mirror the right-hand cards */
.game-card[b-l4kxdqqbsh] { 
    clip-path: polygon(
        calc(0% + 50px) 0%, 
        calc(100% - 50px) 0%, 
        100% 100%, 
        0% 100%
    );
}

.game-card.slant-right[b-l4kxdqqbsh] {
    transform: scaleX(-1);
}

.game-card.slant-right .card-body[b-l4kxdqqbsh] {
    transform: scaleX(-1);
}


/* wrapper that holds svg and card: allows svg to escape the card clip-path */
.game-card-wrapper[b-l4kxdqqbsh] {
    min-height: 50px;
    position: relative;
    margin-top: 15px; /* Add margin to wrapper to keep space for buttons */
    overflow: visible; /* allow svg to render outside bounds */
}


/* mirror svg for right slant so walls are oriented correctly */
.game-card-wrapper.slant-right .game-card-svg[b-l4kxdqqbsh] { 
    transform: scaleX(-1);
}

/* dark theme tweak for the glass gradient/stroke by targeting defs isn't possible via CSS,
   but we can reduce opacity in dark mode to avoid glaring white highlights */
html[data-theme='dark'] .game-card-svg polygon[b-l4kxdqqbsh],
html[data-theme='dark'] .game-card-svg rect[b-l4kxdqqbsh] {
    opacity: 0.6;
    stroke: rgba(255, 255, 255, 0.25);
}
html[data-theme='dark'] .game-card-svg line[b-l4kxdqqbsh] {
    stroke: rgba(0, 0, 0, 0.5);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .game-card-svg polygon[b-l4kxdqqbsh],
    :root:not([data-theme='light']) .game-card-svg rect[b-l4kxdqqbsh] {
        opacity: 0.6;
        stroke: rgba(255, 255, 255, 0.25);
    }
    :root:not([data-theme='light']) .game-card-svg line[b-l4kxdqqbsh] {
        stroke: rgba(0, 0, 0, 0.5);
    }
}

.game-card-svg[b-l4kxdqqbsh] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
    z-index: 0;
    transition: opacity 0.3s ease;
}

/* Ensure parent row doesn't hide overflows either */
.game-row[b-l4kxdqqbsh] { display:flex; gap:12px; align-items:flex-start; margin-bottom: 1.5rem; overflow: visible; }


/* Add a top "tape" to the net for more realism */
.game-card .net-tape[b-l4kxdqqbsh] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 16px; /* Slightly wider tape to match wider net area */
    height: 7px; /* Slightly thicker */
    background: #ffffff;
    border: 1px solid #999; /* Darker border for better definition */
    transform: translateX(-50%);
    z-index: 3;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.15); /* Slightly stronger shadow */
}

/* Adjust net tape for dark mode to ensure it doesn't glow too much or lacks contrast */
html[data-theme='dark'] .game-card .net-tape[b-l4kxdqqbsh] {
    background: #e0e0e0;
    border-color: #999;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .game-card .net-tape[b-l4kxdqqbsh] {
        background: #e0e0e0;
        border-color: #999;
    }
}


/* Ensure card body uses flex layout and takes full width */
.game-card .card-body[b-l4kxdqqbsh] { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
    width: 100%; 
    position: relative; 
    z-index: 2;
    padding: 0.75rem 1rem;
}

/* Main content area grows and can shrink */
.game-card .flex-grow-1[b-l4kxdqqbsh] { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; }

/* Player blocks layout: left and right halves */
.player-block[b-l4kxdqqbsh] { flex: 1; min-width: 0; display: flex; align-items: center; }
.player-block.left[b-l4kxdqqbsh] { justify-content: flex-end; }
.player-block.right[b-l4kxdqqbsh] { justify-content: flex-start; }
.player-names[b-l4kxdqqbsh] { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; min-width: 0; }
.player-block .player-name[b-l4kxdqqbsh] {
    font-weight: 700;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    word-break: break-word;
    color: #ffffff !important; /* White text for contrast */
    opacity: 0.95;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3); /* Shadow for readability */
}

/* Score button placed floating above each team half */
.score-btn[b-l4kxdqqbsh] {
    width: 60px;
    height: 50px;
    border-radius: 4px;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-weight: 700;
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
    background-color: #f8f9fa; /* Light grey */
    color: #212529; /* Dark text */
    border: 1px solid #dee2e6; /* Light border */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
/* place buttons at the card top and center them vertically so they hover above the top edge */
.score-btn-floating[b-l4kxdqqbsh] { z-index: 240; border: 2px solid var(--color-muted-stroke); }
/* place buttons symmetrically around center: slightly closer */

/* make sure floating buttons visually sit above the card */
.score-btn-floating[b-l4kxdqqbsh] { box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

.btn-success[b-l4kxdqqbsh] {
    background-color: #28a745 !important;
    color: #fff !important;
    border-color: #28a745 !important;
}

.btn-loser[b-l4kxdqqbsh] {
    background-color: #dc3545 !important;
    color: #fff !important;
    border-color: #dc3545 !important;
}

/* Style for a draw score button */
.btn-draw[b-l4kxdqqbsh] {
    background-color: #fef3c7 !important; /* amber-100 */
    color: #92400e !important; /* amber-800 */
    border-color: #fbbf24 !important; /* amber-400 */
}

html[data-theme='dark'] .btn-draw[b-l4kxdqqbsh] {
    background-color: #451a03 !important; /* very dark amber/brown */
    color: #fef3c7 !important; /* light amber text */
    border-color: #92400e !important; /* amber-800 border */
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .btn-draw[b-l4kxdqqbsh] {
        background-color: #451a03 !important;
        color: #fef3c7 !important;
        border-color: #92400e !important;
    }
}

html[data-theme='dark'] .score-btn[b-l4kxdqqbsh]{
    background-color: #343a40;
    color: #f8f9fa;
    border-color: #495057;
} 

html[data-theme='dark'] .btn-success[b-l4kxdqqbsh] {
    background-color: #1a3b1a !important;
    color: #32cd32 !important;
    border-color: #28a745 !important;
    text-shadow: 0 0 8px #32cd32;
}

html[data-theme='dark'] .btn-loser[b-l4kxdqqbsh] {
    background-color: #3b1a1a !important;
    color: #ff4136 !important;
    border-color: #dc3545 !important;
    text-shadow: 0 0 8px #ff4136;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .score-btn[b-l4kxdqqbsh]
    {
        background-color: #343a40;
        color: #f8f9fa;
        border-color: #495057;
    }

    :root:not([data-theme='light']) .btn-success[b-l4kxdqqbsh] {
        background-color: #1a3b1a !important;
        color: #32cd32 !important;
        border-color: #28a745 !important;
        text-shadow: 0 0 8px #32cd32;
    }

    :root:not([data-theme='light']) .btn-loser[b-l4kxdqqbsh] {
        background-color: #3b1a1a !important;
        color: #ff4136 !important;
        border-color: #dc3545 !important;
        text-shadow: 0 0 8px #ff4136;
    }
}

.vs-badge[b-l4kxdqqbsh] { 
    font-weight: 900; 
    color: var(--navbar-text); 
    background: var(--color-primary);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.7rem;
    z-index: 10;
    box-shadow: 0 0 0 2px var(--color-muted-stroke);
}

@media (max-width: 575.98px) {
    .score-btn[b-l4kxdqqbsh], .score-btn-floating[b-l4kxdqqbsh] { width:54px;height:54px; }
    .player-block[b-l4kxdqqbsh] { flex: 1 1 40%; }
    .score-btn-floating.left[b-l4kxdqqbsh] { left: calc(50% - 73px); }
    .score-btn-floating.right[b-l4kxdqqbsh] { left: calc(50% + 19px); }
}

/* Explicit left/right name alignment and full-width name containers */
.player-names[b-l4kxdqqbsh] { width: 100%; }
.player-block.left .player-names[b-l4kxdqqbsh] { align-items: flex-end; text-align: right; }
.player-block.right[b-l4kxdqqbsh] { justify-content: flex-start; }
.player-block.right .player-names[b-l4kxdqqbsh] { align-items: flex-start; text-align: left; }
.player-block.right .player-name[b-l4kxdqqbsh] { text-align: left; display: block; width: 100%; }

/* ensure game-row wraps badge + card */
.game-row[b-l4kxdqqbsh] { display:flex; gap:12px; align-items:flex-start; margin-bottom: 1.5rem; }
.game-row .game-card[b-l4kxdqqbsh] { flex:1 1 auto; }

.reserve-card[b-l4kxdqqbsh] {
    background: var(--color-surface);
    border-left: 4px solid var(--color-muted-stroke);
    border-radius: 4px;
    min-width: 120px;
}

.reserve-card .player-name[b-l4kxdqqbsh] {
    font-weight: 600;
    color: var(--color-text) !important;
    opacity: 0.85;
}

.court-badge[b-l4kxdqqbsh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    color: #212529;    
    padding: 0 1rem;
    white-space: nowrap;
    z-index: 1;
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
    
    & .fw-bold{
        padding : 5px;
    }
}
html[data-theme='dark'] .court-badge[b-l4kxdqqbsh] {
    
    color: #ccc !important;
    border-color: #dc3545 !important;
    text-shadow: 0 0 8px #ff4136;
}

.game-separator[b-l4kxdqqbsh] {
    height: 1px;
    background: repeating-linear-gradient(
        to right,
        var(--color-muted-stroke) 0px,
        var(--color-muted-stroke) 4px,
        transparent 4px,
        transparent 12px
    );
    margin: 1rem 0;
    opacity: 0.5;
}

/* Improve visibility in light / default theme (when not in dark mode).
   Use a slightly darker, more opaque repeating pattern so the separator
   shows clearly against light backgrounds. This won't affect dark mode rules. */
html:not([data-theme='dark']) .game-separator[b-l4kxdqqbsh] {
    height: 2px;
    background: repeating-linear-gradient(
        to right,
        rgba(0,0,0,0.12) 0px,
        rgba(0,0,0,0.12) 6px,
        transparent 6px,
        transparent 14px
    );
    margin: 0.9rem 0;
    opacity: 0.95;
}

/* remove debug band since glass walls are added */
.game-card > .back-band.debug[b-l4kxdqqbsh] {
    display: none;
}


/* Sit-outs section */
.sitout-header[b-l4kxdqqbsh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-text);
}

.sitout-header i[b-l4kxdqqbsh] {
    color: #f59e0b;
}

.sitout-list[b-l4kxdqqbsh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.reserve-pill[b-l4kxdqqbsh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    background: var(--color-surface);
    border: 1px solid var(--color-muted-stroke);
    border-radius: 999px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    color: var(--color-text);
    font-weight: 600;
    font-size: 0.9rem;
}

.reserve-pill i[b-l4kxdqqbsh] {
    font-size: 1rem;
    opacity: 0.7;
}

.reserve-pill:hover[b-l4kxdqqbsh] {
    transform: translateY(-1px);
    border-color: var(--color-primary-border);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Dark mode support */
[data-bs-theme="dark"] .reserve-pill[b-l4kxdqqbsh] {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.12);
    box-shadow: none;
}

[data-bs-theme="dark"] .sitout-header i[b-l4kxdqqbsh] {
    color: #fbbf24; /* slightly brighter amber in dark */
}

/* Tournament actions container */
.tournament-actions[b-l4kxdqqbsh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

/* Disabled action card state */
.action-card-disabled[b-l4kxdqqbsh] {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

.action-card-disabled:hover[b-l4kxdqqbsh] {
    transform: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Responsive - stack action cards on mobile */
@media (max-width: 640px) {
    .tournament-actions[b-l4kxdqqbsh] {
        gap: 0.75rem;
    }
}

/* end of file */
/* /Pages/Home.razor.rz.scp.css */
/* Modern App-like Home Page Styles */

.hero[b-n4j7ngkejm] {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 1rem;
	position: relative;
}

.hero-container[b-n4j7ngkejm] {
	max-width: 600px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

/* Header Section */
.hero-header[b-n4j7ngkejm] {
	text-align: center;
	animation: fadeInUp-b-n4j7ngkejm 0.6s ease-out;
}

.logo-wrap[b-n4j7ngkejm] {
	position: relative;
	display: inline-block;
	overflow: visible;
}

.logo[b-n4j7ngkejm] {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	object-fit: cover;
	filter: drop-shadow(0 6px 8px rgba(0,0,0,0.25));
	position: relative;
	z-index: 20;
	transform-origin: center bottom;
	transform: translateY(-36px) scale(1.06,1.06) rotate(-1deg);
	animation: hop-b-n4j7ngkejm 4s cubic-bezier(.25,.8,.25,1) infinite;
	animation-fill-mode: both;
	will-change: transform, filter;
	display: block;
}

.logo-shadow[b-n4j7ngkejm] {
	position: absolute;
	left: 50%;
	bottom: -6px;
	transform: translateX(-50%) scale(0.36);
	width: 100px;
	height: 20px;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.82) 35%, rgba(0,0,0,0) 70%);
	filter: blur(10px) opacity(0.22);
	z-index: 10;
	pointer-events: none;
	will-change: transform, opacity, filter;
	animation: glow-b-n4j7ngkejm 4s cubic-bezier(.22,.9,.33,1) infinite;
}

.hero-title[b-n4j7ngkejm] {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	background: linear-gradient(135deg, var(--color-text) 0%, var(--color-text) 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

.hero-subtitle[b-n4j7ngkejm] {
	font-size: 1.125rem;
	opacity: 0.6;
	margin: 0;
}

/* Action Cards */
.action-cards[b-n4j7ngkejm] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	animation: fadeInUp-b-n4j7ngkejm 0.6s ease-out 0.2s backwards;
}

.action-card[b-n4j7ngkejm] {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.25rem;
	
	border-radius: 1rem;
	text-decoration: none;
	color: var(--color-text);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.action-card[b-n4j7ngkejm]::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	opacity: 0;
	transition: opacity 0.3s ease;
}

.action-card:hover[b-n4j7ngkejm] {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.action-card:hover[b-n4j7ngkejm]::before {
	opacity: 1;
}

.action-card:active[b-n4j7ngkejm] {
	transform: translateY(-2px);
}

.action-card-primary[b-n4j7ngkejm] {
	background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.action-card-secondary[b-n4j7ngkejm] {
	/* Background set per theme below */
	border: 1px solid var(--color-muted-stroke);
	opacity: 0.85;
}

/* Light mode - give it a background */
@media (prefers-color-scheme: light) {
	.action-card-secondary[b-n4j7ngkejm] {
		background: var(--color-surface);
	}
}

.action-card-secondary:hover[b-n4j7ngkejm] {
	opacity: 1;
	border-color: var(--color-primary-border);
}

.action-card-icon[b-n4j7ngkejm] {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	flex-shrink: 0;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
}

.action-card-primary .action-card-icon[b-n4j7ngkejm] {
	background: rgba(255, 255, 255, 0.2);
}

.action-card-secondary .action-card-icon[b-n4j7ngkejm] {
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid var(--color-muted-stroke);
}

.action-card-content[b-n4j7ngkejm] {
	flex: 1;
	min-width: 0;
}

.action-card-title[b-n4j7ngkejm] {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0 0 0.25rem 0;
}

.action-card-description[b-n4j7ngkejm] {
	font-size: 0.875rem;
	opacity: 0.7;
	margin: 0;
}

.action-card-arrow[b-n4j7ngkejm] {
	font-size: 1.25rem;
	opacity: 0.5;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.action-card:hover .action-card-arrow[b-n4j7ngkejm] {
	transform: translateX(4px);
	opacity: 1;
}

/* Feature Pills */
.feature-pills[b-n4j7ngkejm] {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	justify-content: center;
	animation: fadeInUp-b-n4j7ngkejm 0.6s ease-out 0.4s backwards;
}

.feature-pill[b-n4j7ngkejm] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	background: var(--color-surface);
	border-radius: 2rem;
	font-size: 0.875rem;
	font-weight: 500;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
}

.feature-pill i[b-n4j7ngkejm] {
	font-size: 1rem;
	opacity: 0.8;
}

.feature-pill:hover[b-n4j7ngkejm] {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Advanced Section */
.advanced-section[b-n4j7ngkejm] {
	animation: fadeInUp-b-n4j7ngkejm 0.6s ease-out 0.6s backwards;
}

.advanced-toggle[b-n4j7ngkejm] {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem;
	background: transparent;
	border: 1px solid var(--color-muted-stroke);
	border-radius: 0.75rem;
	color: var(--color-text);
	font-size: 0.875rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	opacity: 0.7;
}

.advanced-toggle:hover[b-n4j7ngkejm] {
	opacity: 1;
	background: var(--color-surface);
	border-color: var(--color-primary);
}

.advanced-actions[b-n4j7ngkejm] {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1rem;
	animation: fadeInDown-b-n4j7ngkejm 0.3s ease-out;
}

.advanced-action[b-n4j7ngkejm] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	background: var(--color-surface);
	border: 1px solid var(--color-muted-stroke);
	border-radius: 0.75rem;
	color: var(--color-text);
	font-size: 0.875rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.advanced-action:hover[b-n4j7ngkejm] {
	border-color: var(--color-primary);
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.advanced-action.danger[b-n4j7ngkejm] {
	border-color: var(--color-error);
	color: var(--color-error);
}

.advanced-action.danger:hover[b-n4j7ngkejm] {
	background: var(--color-error);
	color: white;
	border-color: var(--color-error);
}

/* Animations */
@keyframes fadeInUp-b-n4j7ngkejm {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInDown-b-n4j7ngkejm {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes hop-b-n4j7ngkejm {
	0%   { transform: translateY(-36px) scale(1.06,1.06) rotate(-1deg); filter: drop-shadow(0 4px 6px rgba(0,0,0,0.14)); }
	8%   { transform: translateY(-36px) scale(1.06,1.06) rotate(-1deg); filter: drop-shadow(0 4px 6px rgba(0,0,0,0.14)); }
	18%  { transform: translateY(0)     scale(1.02,0.94);                filter: drop-shadow(0 6px 8px rgba(0,0,0,0.25)); }
	26%  { transform: translateY(-28px) scale(1.08,1.08) rotate(-1deg);  filter: drop-shadow(0 5px 7px rgba(0,0,0,0.18)); }
	34%  { transform: translateY(6px)   scale(1.12,0.84) rotate(0);      filter: drop-shadow(0 9px 12px rgba(0,0,0,0.36)); }
	54%  { transform: translateY(-36px) scale(1.06,1.06) rotate(-1deg);  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.14)); }
	100% { transform: translateY(-36px) scale(1.06,1.06) rotate(-1deg);  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.14)); }
}

@keyframes glow-b-n4j7ngkejm {
	0%  { opacity: 0.22; transform: translateX(-50%) scale(0.36); filter: blur(10px) opacity(0.22); }
	8%  { opacity: 0.22; transform: translateX(-50%) scale(0.36); filter: blur(10px) opacity(0.22); }
	18% { opacity: 0.95; transform: translateX(-50%) scale(0.9);   filter: blur(0.9px) opacity(0.95); }
	26% { opacity: 0.28; transform: translateX(-50%) scale(0.4);   filter: blur(8px)  opacity(0.28); }
	34% { opacity: 1;    transform: translateX(-50%) scale(1.0);   filter: blur(1px)  opacity(1); }
	54% { opacity: 0.22; transform: translateX(-50%) scale(0.36); filter: blur(10px) opacity(0.22); }
	100%{ opacity: 0.22; transform: translateX(-50%) scale(0.36); filter: blur(10px) opacity(0.22); }
}

/* Responsive Design */
@media (max-width: 640px) {
	.hero[b-n4j7ngkejm] {
		padding: 1.5rem 1rem;
	}

	.hero-title[b-n4j7ngkejm] {
		font-size: 2rem;
	}

	.logo[b-n4j7ngkejm] {
		height: 100px;
		width: 100px;
	}

	.action-card[b-n4j7ngkejm] {
		padding: 1rem;
	}

	.action-card-icon[b-n4j7ngkejm] {
		width: 40px;
		height: 40px;
		font-size: 1.25rem;
	}

	.feature-pills[b-n4j7ngkejm] {
		gap: 0.5rem;
	}

	.feature-pill[b-n4j7ngkejm] {
		font-size: 0.75rem;
		padding: 0.4rem 0.75rem;
	}
}
  
/* Dark mode specific adjustments */
@media (prefers-color-scheme: dark) {
	/* Secondary card uses darker version of app background in dark mode */
	.action-card-secondary[b-n4j7ngkejm] {
		background: #4a4b4c; /* Darker than app bg #5b5c5d */
		border: 1px solid rgba(255, 255, 255, 0.05);
		opacity: 0.65;
		box-shadow: none;
	}

	.action-card-secondary:hover[b-n4j7ngkejm] {
		background: #52545; /* Slightly lighter on hover, still darker than app bg */
		opacity: 0.85;
		border-color: rgba(255, 255, 255, 0.1);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	}

	.action-card-secondary .action-card-icon[b-n4j7ngkejm] {
		background: rgba(255, 255, 255, 0.3);
		border: 1px solid rgba(255, 255, 255, 0.08);
		opacity: 0.7;
	}

	.action-card-secondary .action-card-title[b-n4j7ngkejm] {
		opacity: 0.8;
	}

	.action-card-secondary .action-card-description[b-n4j7ngkejm] {
		opacity: 0.55;
	}

	.action-card-secondary .action-card-arrow[b-n4j7ngkejm] {
		opacity: 0.35;
	}

	/* Make primary card much more prominent */
	.action-card-primary[b-n4j7ngkejm] {
		box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6);
		transform: scale(1.03);
	}

	.action-card-primary:hover[b-n4j7ngkejm] {
		box-shadow: 0 16px 48px rgba(0, 0, 0, 0.7);
		transform: translateY(-4px) scale(1.03);
	}
}

/* Dark mode tweaks for action cards */
[data-bs-theme='dark'] .action-card-primary[b-n4j7ngkejm] {
	background: linear-gradient(135deg, rgba(143, 191, 207, 0.25) 0%, rgba(143, 191, 207, 0.18) 100%);
	color: var(--color-text);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

[data-bs-theme='dark'] .action-card-primary .action-card-icon[b-n4j7ngkejm] {
	background: rgba(255, 255, 255, 0.15);
}

[data-bs-theme='dark'] .action-card-primary:hover[b-n4j7ngkejm] {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

/* Secondary stays subtle in dark mode */
[data-bs-theme='dark'] .action-card-secondary[b-n4j7ngkejm] {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme='dark'] .action-card-secondary .action-card-icon[b-n4j7ngkejm] {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.1);
}

/* Respect user's reduced motion preference */
@media (prefers-reduced-motion: reduce) {
	.logo[b-n4j7ngkejm] {
		animation: none !important;
		transform: none !important;
	}

	.logo-shadow[b-n4j7ngkejm] {
		animation: none !important;
	}

	.action-card[b-n4j7ngkejm],
	.feature-pill[b-n4j7ngkejm],
	.advanced-action[b-n4j7ngkejm] {
		transition: none !important;
	}

	.action-card:hover[b-n4j7ngkejm],
	.feature-pill:hover[b-n4j7ngkejm],
	.advanced-action:hover[b-n4j7ngkejm] {
		transform: none !important;
	}

	.action-cards[b-n4j7ngkejm],
	.feature-pills[b-n4j7ngkejm],
	.advanced-section[b-n4j7ngkejm] {
		animation: none !important;
	}
	
	/* hide the explicit shadow element for reduced-motion */
	.logo-shadow[b-n4j7ngkejm] { 
		display: none !important; 
	}
}

/* Hover pauses and slightly lifts the logo */
.logo:hover[b-n4j7ngkejm] {
	animation-play-state: paused;
	transform: translateY(-38px) scale(1.04) rotate(-1deg);
	transition: transform 180ms ease, filter 180ms ease;
	filter: drop-shadow(0 8px 16px rgba(0,0,0,0.3));
}
/* /Pages/PlayerDetails.razor.rz.scp.css */
.player-details-card[b-oy1vbitz7w] {
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.player-details-header[b-oy1vbitz7w] {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.player-avatar-large[b-oy1vbitz7w] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--color-primary) 0%, #1e40af 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: white;
    flex-shrink: 0;
}

.player-info[b-oy1vbitz7w] {
    flex: 1;
    min-width: 300px;
}

.player-info h2[b-oy1vbitz7w] {
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.player-meta[b-oy1vbitz7w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.player-actions[b-oy1vbitz7w] {
    flex-shrink: 0;
}

.player-link-management[b-oy1vbitz7w] {
    margin-bottom: 2rem;
}

.player-link-management .alert[b-oy1vbitz7w] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.player-quick-stats[b-oy1vbitz7w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.5rem;
    padding-top: 2rem;
    border-top: 2px solid var(--color-muted-stroke);
}

.stat-item[b-oy1vbitz7w] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-item i[b-oy1vbitz7w] {
    font-size: 2rem;
    color: var(--color-primary);
}

.stat-item strong[b-oy1vbitz7w] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1;
}

.stat-item small[b-oy1vbitz7w] {
    display: block;
    color: var(--color-text);
    opacity: 0.6;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.player-name-display[b-oy1vbitz7w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.player-name-display h2[b-oy1vbitz7w] {
    margin: 0;
}

.player-action-cards[b-oy1vbitz7w] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

/* Tabs */
.player-tabs[b-oy1vbitz7w] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--color-muted-stroke);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.player-tab[b-oy1vbitz7w] {
    flex: 1;
    min-width: 150px;
    padding: 1rem 1.5rem;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    color: var(--color-text);
    opacity: 0.6;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.player-tab:hover:not(:disabled)[b-oy1vbitz7w] {
    opacity: 0.8;
    background: var(--color-bg);
}

.player-tab.active[b-oy1vbitz7w] {
    opacity: 1;
    border-bottom-color: var(--color-primary);
    color: var(--color-primary);
}

.player-tab:disabled[b-oy1vbitz7w] {
    opacity: 0.3;
    cursor: not-allowed;
}

.player-tab i[b-oy1vbitz7w] {
    font-size: 1.125rem;
}

.player-tab-content[b-oy1vbitz7w] {
    animation: fadeIn-b-oy1vbitz7w 0.3s ease;
}

@keyframes fadeIn-b-oy1vbitz7w {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tournament List */
.tournament-list[b-oy1vbitz7w] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tournament-card[b-oy1vbitz7w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1rem;
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 12px;
    transition: all 0.2s ease;
    cursor: pointer;
    min-height: 80px;
    -webkit-tap-highlight-color: rgba(37, 140, 251, 0.1);
}

.tournament-card:hover[b-oy1vbitz7w] {
    border-color: var(--color-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.tournament-card:active[b-oy1vbitz7w] {
    transform: translateY(0);
}

.tournament-card-icon[b-oy1vbitz7w] {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
    border-radius: 50%;
    font-size: 1.5rem;
}

.tournament-card-info[b-oy1vbitz7w] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.tournament-card-info strong[b-oy1vbitz7w] {
    color: var(--color-text);
    font-weight: 600;
    font-size: 1.0625rem;
}

.tournament-card-info small[b-oy1vbitz7w] {
    color: var(--color-text);
    opacity: 0.6;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.tournament-card-chevron[b-oy1vbitz7w] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--color-text);
    opacity: 0.4;
    font-size: 1.25rem;
}

/* Empty State */
.empty-state[b-oy1vbitz7w] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--color-text);
    opacity: 0.6;
}

.empty-state i[b-oy1vbitz7w] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h5[b-oy1vbitz7w] {
    margin: 0 0 0.5rem 0;
    font-weight: 600;
}

.empty-state p[b-oy1vbitz7w] {
    margin: 0;
    font-size: 0.9375rem;
}
.tournament-list[b-oy1vbitz7w] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tournament-item[b-oy1vbitz7w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 12px;
    transition: all 0.2s ease;
}

.tournament-item:hover[b-oy1vbitz7w] {
    border-color: var(--color-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.tournament-info[b-oy1vbitz7w] {
    flex: 1;
}

.tournament-info strong[b-oy1vbitz7w] {
    display: block;
    color: var(--color-text);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.tournament-info small[b-oy1vbitz7w] {
    display: block;
    color: var(--color-text);
    opacity: 0.6;
}

/* Responsive */
@media (max-width: 768px) {
    .player-details-card[b-oy1vbitz7w] {
        padding: 1.5rem;
    }

    .player-details-header[b-oy1vbitz7w] {
        gap: 1rem;
    }

    .player-avatar-large[b-oy1vbitz7w] {
        width: 60px;
        height: 60px;
        font-size: 2rem;
    }

    .player-info[b-oy1vbitz7w] {
        min-width: 0;
    }

    .player-info h2[b-oy1vbitz7w] {
        font-size: 1.5rem;
    }

    .player-action-cards[b-oy1vbitz7w] {
        grid-template-columns: 1fr;
    }

    .player-tabs[b-oy1vbitz7w] {
        gap: 0;
    }

    .player-tab[b-oy1vbitz7w] {
        min-width: 0;
        padding: 1rem 0.75rem;
        font-size: 0.9375rem;
    }

    .player-quick-stats[b-oy1vbitz7w] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .stat-item[b-oy1vbitz7w] {
        padding: 0.75rem;
        background: var(--color-bg);
        border-radius: 8px;
    }

    .tournament-card[b-oy1vbitz7w] {
        padding: 1rem;
    }

    .tournament-card-icon[b-oy1vbitz7w] {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.25rem;
    }
}
/* /Pages/Players.razor.rz.scp.css */
/* Player Management Page Styles - Matching App Design System */

/* Quick Stats Row */
.player-stats-row[b-fylsl2dbg9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

/* Cleanup Guide */
.cleanup-guide[b-fylsl2dbg9] {
    position: relative;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, rgba(251, 191, 36, 0.05) 100%);
    border: 2px solid rgba(251, 191, 36, 0.3);
    border-left: 4px solid #fbbf24;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    animation: slideDown-b-fylsl2dbg9 0.3s ease;
}

.cleanup-guide-header[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.cleanup-guide-header i[b-fylsl2dbg9] {
    font-size: 1.5rem;
    color: #f59e0b;
}

.cleanup-guide-header h5[b-fylsl2dbg9] {
    margin: 0;
    font-weight: 700;
    color: var(--color-text);
}

.cleanup-guide-content p[b-fylsl2dbg9] {
    margin: 0 0 1rem 0;
    color: var(--color-text);
    opacity: 0.8;
}

.cleanup-steps[b-fylsl2dbg9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.cleanup-step[b-fylsl2dbg9] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.cleanup-step-number[b-fylsl2dbg9] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: white;
    border-radius: 50%;
    font-weight: 700;
    font-size: 0.9rem;
}

.cleanup-step-content[b-fylsl2dbg9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.cleanup-step-content strong[b-fylsl2dbg9] {
    color: var(--color-text);
    font-weight: 600;
}

.cleanup-step-content small[b-fylsl2dbg9] {
    color: var(--color-text);
    opacity: 0.7;
    font-size: 0.875rem;
}

.cleanup-guide-actions[b-fylsl2dbg9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.cleanup-guide-close[b-fylsl2dbg9] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: var(--color-text);
    opacity: 0.5;
    transition: all 0.2s ease;
}

.cleanup-guide-close:hover[b-fylsl2dbg9] {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
}

/* Cleanup Success Message */
.cleanup-success[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%);
    border: 2px solid rgba(16, 185, 129, 0.3);
    border-left: 4px solid #10b981;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    animation: slideDown-b-fylsl2dbg9 0.3s ease;
}

.cleanup-success i[b-fylsl2dbg9] {
    font-size: 2rem;
    color: #10b981;
    flex-shrink: 0;
}

.cleanup-success-content[b-fylsl2dbg9] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.cleanup-success-content strong[b-fylsl2dbg9] {
    color: var(--color-text);
    font-weight: 700;
    font-size: 1.1rem;
}

.cleanup-success-content small[b-fylsl2dbg9] {
    color: var(--color-text);
    opacity: 0.7;
}

.player-stat-item[b-fylsl2dbg9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    background: var(--color-surface);
    border-radius: 12px;
    border: 1px solid var(--color-muted-stroke);
    transition: all 0.2s ease;
}

.player-stat-item:hover[b-fylsl2dbg9] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.player-stat-value[b-fylsl2dbg9] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-primary);
}

.player-stat-warning .player-stat-value[b-fylsl2dbg9] {
    color: #f59e0b;
}

.player-stat-success .player-stat-value[b-fylsl2dbg9] {
    color: #10b981;
}

.player-stat-label[b-fylsl2dbg9] {
    font-size: 0.875rem;
    color: var(--color-text);
    opacity: 0.7;
    margin-top: 0.25rem;
    font-weight: 600;
}

/* Search Bar */
.player-search-bar[b-fylsl2dbg9] {
    position: relative;
    margin-bottom: 1rem;
}

.player-search-bar i[b-fylsl2dbg9] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text);
    opacity: 0.5;
    font-size: 1.1rem;
    pointer-events: none;
}

.player-search-bar .form-control[b-fylsl2dbg9] {
    padding-left: 2.75rem;
    height: 48px;
    font-size: 1rem;
}

/* Filter Tabs */
.player-filter-tabs[b-fylsl2dbg9] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scrollbar-width: none;
}

.player-filter-tabs[b-fylsl2dbg9]::-webkit-scrollbar {
    display: none;
}

.player-filter-tab[b-fylsl2dbg9] {
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 8px;
    padding: 0.5rem 1rem;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    color: var(--color-text);
}

.player-filter-tab:hover[b-fylsl2dbg9] {
    border-color: var(--color-primary);
    transform: translateY(-1px);
}

.player-filter-tab.active[b-fylsl2dbg9] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: white;
    border-color: #1e293b;
}

.player-filter-tab i[b-fylsl2dbg9] {
    margin-right: 0.25rem;
}

/* Selection Bar */
.player-selection-bar[b-fylsl2dbg9] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: linear-gradient(135deg, var(--color-primary) 0%, #1e40af 100%);
    color: white;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 16px rgba(37, 140, 251, 0.3);
    animation: slideDown-b-fylsl2dbg9 0.3s ease;
}

@keyframes slideDown-b-fylsl2dbg9 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.player-selection-content[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.player-selection-info[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
}

.player-selection-info i[b-fylsl2dbg9] {
    font-size: 1.5rem;
}

.player-selection-actions[b-fylsl2dbg9] {
    display: flex;
    gap: 0.5rem;
}

.player-selection-actions .btn[b-fylsl2dbg9] {
    min-width: 120px;
}

.player-selection-actions .btn-primary[b-fylsl2dbg9] {
    background: white;
    color: var(--color-primary);
    border-color: white;
}

.player-selection-actions .btn-primary:hover:not(:disabled)[b-fylsl2dbg9] {
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-1px);
}

.player-selection-actions .btn-primary:disabled[b-fylsl2dbg9] {
    opacity: 0.6;
}

.player-selection-actions .btn-outline-secondary[b-fylsl2dbg9] {
    border-color: white;
    color: white;
    background: transparent;
}

.player-selection-actions .btn-outline-secondary:hover[b-fylsl2dbg9] {
    background: rgba(255, 255, 255, 0.2);
}
    color: var(--color-primary);[b-fylsl2dbg9]
}

.player-selection-info i[b-fylsl2dbg9] {
    font-size: 1.25rem;
}

.player-selection-actions[b-fylsl2dbg9] {
    display: flex;
    gap: 0.5rem;
}

/* Player List */
.player-list[b-fylsl2dbg9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Player Group (Container) */
.player-group[b-fylsl2dbg9] {
    animation: fadeIn 0.3s ease;
}

/* Player Card */
.player-card[b-fylsl2dbg9] {
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 12px;
    transition: all 0.2s ease;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(37, 140, 251, 0.1);
}

.player-card:hover[b-fylsl2dbg9] {
    border-color: var(--color-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.player-card:active[b-fylsl2dbg9] {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.player-card.has-duplicates[b-fylsl2dbg9] {
    border-left: 4px solid #f59e0b;
    background: linear-gradient(to right, rgba(251, 191, 36, 0.02) 0%, var(--color-surface) 60px);
}

.player-card.is-linked:not(.has-duplicates)[b-fylsl2dbg9] {
    border-left: 4px solid #10b981;
}

/* Player Card Header */
.player-card-header[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1rem;
    min-height: 80px;
}

.player-card-select[b-fylsl2dbg9] {
    flex-shrink: 0;
    padding: 0.5rem;
    margin: -0.5rem;
}

.player-card-select .form-check-input[b-fylsl2dbg9] {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    margin: 0;
}

.player-card-avatar[b-fylsl2dbg9] {
    flex-shrink: 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: white;
    border-radius: 50%;
    font-size: 1.75rem;
}

.player-card-avatar i.bi-person-fill-check[b-fylsl2dbg9] {
    color: #10b981;
}

.player-card-info[b-fylsl2dbg9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.player-card-name[b-fylsl2dbg9] {
    font-weight: 700;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    color: var(--color-text);
}

.player-card-stats[b-fylsl2dbg9] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.875rem;
    color: var(--color-text);
    opacity: 0.7;
}

.player-card-stats span[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.player-card-chevron[b-fylsl2dbg9] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--color-text);
    opacity: 0.4;
    font-size: 1.25rem;
}

/* Remove old player-card-actions styles */
.player-card-actions[b-fylsl2dbg9] {
    display: none;
}
    align-items: center;
    gap: 0.25rem;[b-fylsl2dbg9]
}

.player-card-expand[b-fylsl2dbg9] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--color-text);
}

.player-card-expand:hover[b-fylsl2dbg9] {
    background: var(--color-bg);
    border-color: var(--color-primary);
}

/* Player Card Actions - Contains merge buttons and expand button */
.player-card-actions[b-fylsl2dbg9] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Duplicate Indicator */
.player-duplicate-indicator[b-fylsl2dbg9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.15rem 0.5rem;
    background: rgba(251, 191, 36, 0.1);
    color: #f59e0b;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Icon Buttons */
.btn-icon[b-fylsl2dbg9] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-muted-stroke);
    background: var(--color-surface);
    color: var(--color-text);
    border-radius: 8px;
    transition: all 0.2s ease;
}

.btn-icon:hover[b-fylsl2dbg9] {
    background: var(--color-bg);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* Player Instances (Duplicates) */
.player-instances[b-fylsl2dbg9] {
    background: var(--color-bg);
    border-top: 2px solid var(--color-muted-stroke);
    padding: 1.5rem;
    animation: expandDown-b-fylsl2dbg9 0.3s ease;
}

@keyframes expandDown-b-fylsl2dbg9 {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 2000px;
    }
}

/* Action Cards Container */
.player-action-cards[b-fylsl2dbg9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

/* Player Instances List */
.player-instances-list[b-fylsl2dbg9] {
    margin-top: 1.5rem;
}

.player-instances-list-header[b-fylsl2dbg9] {
    padding: 0.75rem 1rem;
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 8px;
    margin-bottom: 1rem;
    font-weight: 600;
    color: var(--color-text);
}

.player-instances-header[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.3);
    border-radius: 8px;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    color: var(--color-text);
    flex-wrap: wrap;
}

.player-instances-header-info[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 250px;
}

.player-instances-header-info i[b-fylsl2dbg9] {
    color: #f59e0b;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.player-instances-header-actions[b-fylsl2dbg9] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Player Instance */
.player-instance[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1rem;
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 12px;
    margin-bottom: 0.75rem;
    transition: all 0.2s ease;
    min-height: 80px;
}

.player-instance:last-child[b-fylsl2dbg9] {
    margin-bottom: 0;
}

.player-instance:hover[b-fylsl2dbg9] {
    border-color: var(--color-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.player-instance:active[b-fylsl2dbg9] {
    transform: translateY(0);
}

.player-instance.selected[b-fylsl2dbg9] {
    border-color: var(--color-outline);
    background: rgba(37, 140, 251, 0.04);
}

.player-instance.primary[b-fylsl2dbg9] {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, 0.04);
    border-left-width: 4px;
}

.player-instance-select[b-fylsl2dbg9] {
    flex-shrink: 0;
    padding: 0.5rem;
    margin: -0.5rem;
}

.player-instance-select .form-check-input[b-fylsl2dbg9] {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    margin: 0;
}

.player-instance-info[b-fylsl2dbg9] {
    flex: 1;
    min-width: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.player-instance-chevron[b-fylsl2dbg9] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--color-text);
    opacity: 0.4;
    font-size: 1.25rem;
}

.player-instance-header[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.35rem;
}

.player-instance-badge[b-fylsl2dbg9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
}

.player-instance-badge.unlinked[b-fylsl2dbg9] {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
}

.player-instance-details[b-fylsl2dbg9] {
    font-size: 0.85rem;
    color: var(--color-text);
    opacity: 0.7;
    margin-top: 0.25rem;
}

.player-instance-actions[b-fylsl2dbg9] {
    display: none;
}

/* Single Player Actions */
.player-single-actions[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-top: none;
    border-radius: 0 0 12px 12px;
    margin-top: -2px;
}

/* Empty State */
.empty-state-container[b-fylsl2dbg9] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.empty-state[b-fylsl2dbg9] {
    text-align: center;
    padding: 2rem;
}

.empty-state i[b-fylsl2dbg9] {
    font-size: 4rem;
    color: var(--color-text);
    opacity: 0.3;
    margin-bottom: 1rem;
}

.empty-state p[b-fylsl2dbg9] {
    font-size: 1.25rem;
    color: var(--color-text);
    opacity: 0.6;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

/* Modal Overlay */
.modal-overlay[b-fylsl2dbg9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
    animation: fadeIn 0.2s ease;
}

.modal-container[b-fylsl2dbg9] {
    background: var(--bs-body-bg);
    border-radius: 12px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-fylsl2dbg9 0.3s ease;
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.modal-header[b-fylsl2dbg9] {
    padding: 1.25rem 1.5rem;
    border-bottom: 2px solid var(--color-muted-stroke);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-fylsl2dbg9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text);
}

.modal-body[b-fylsl2dbg9] {
    padding: 1.5rem;
    overflow-y: auto;
}

.modal-footer[b-fylsl2dbg9] {
    padding: 1rem 1.5rem;
    border-top: 2px solid var(--color-muted-stroke);
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

@keyframes slideUp-b-fylsl2dbg9 {
    from {
        transform: translateY(30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .cleanup-guide[b-fylsl2dbg9] {
        padding: 1rem;
        padding-right: 2.5rem;
    }

    .cleanup-guide-header h5[b-fylsl2dbg9] {
        font-size: 1rem;
    }

    .cleanup-steps[b-fylsl2dbg9] {
        gap: 0.5rem;
    }

    .cleanup-step-number[b-fylsl2dbg9] {
        width: 1.75rem;
        height: 1.75rem;
        font-size: 0.85rem;
    }

    .cleanup-step-content strong[b-fylsl2dbg9] {
        font-size: 0.9rem;
    }

    .cleanup-step-content small[b-fylsl2dbg9] {
        font-size: 0.8rem;
    }

    .cleanup-guide-actions[b-fylsl2dbg9] {
        gap: 0.35rem;
    }

    .cleanup-guide-actions button[b-fylsl2dbg9] {
        font-size: 0.85rem;
    }

    .player-stats-row[b-fylsl2dbg9] {
        grid-template-columns: repeat(3, 1fr);
    }

    .player-stat-value[b-fylsl2dbg9] {
        font-size: 1.5rem;
    }

    .player-stat-label[b-fylsl2dbg9] {
        font-size: 0.75rem;
    }

    .player-filter-tabs[b-fylsl2dbg9] {
        gap: 0.35rem;
    }

    .player-filter-tab[b-fylsl2dbg9] {
        padding: 0.4rem 0.75rem;
        font-size: 0.85rem;
    }

    .player-card-header[b-fylsl2dbg9] {
        flex-wrap: wrap;
        position: relative;
    }

    .player-card-avatar[b-fylsl2dbg9] {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.25rem;
    }

    .player-card-name[b-fylsl2dbg9] {
        font-size: 1rem;
    }

    .player-card-stats[b-fylsl2dbg9] {
        gap: 0.75rem;
        font-size: 0.8rem;
    }

    .player-card-actions[b-fylsl2dbg9] {
        width: 100%;
        justify-content: flex-start;
        margin-top: 0.5rem;
        padding-left: 3.5rem; /* Align with content, accounting for checkbox and avatar */
    }

    .player-card-expand[b-fylsl2dbg9] {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

    .player-instance[b-fylsl2dbg9] {
        flex-wrap: wrap;
    }

    .player-instance-actions[b-fylsl2dbg9] {
        width: 100%;
        justify-content: flex-end;
        margin-top: 0.5rem;
    }

    .player-instances-header[b-fylsl2dbg9] {
        flex-direction: column;
        align-items: stretch;
    }

    .player-instances-header-info[b-fylsl2dbg9] {
        min-width: 100%;
    }

    .player-instances-header-actions[b-fylsl2dbg9] {
        width: 100%;
        justify-content: stretch;
    }

    .player-instances-header-actions button[b-fylsl2dbg9],
    .player-instances-header-actions a[b-fylsl2dbg9] {
        flex: 1;
    }

    .player-single-actions[b-fylsl2dbg9] {
        flex-direction: column;
        align-items: stretch;
    }

    .player-single-actions button[b-fylsl2dbg9],
    .player-single-actions span[b-fylsl2dbg9] {
        width: 100%;
        text-align: center;
    }

    .player-selection-bar[b-fylsl2dbg9] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .player-selection-actions[b-fylsl2dbg9] {
        width: 100%;
        justify-content: center;
    }
}

/* Dark Mode Enhancements */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) .player-card-avatar[b-fylsl2dbg9] {
        background: linear-gradient(135deg, #4a6078 0%, #5a7590 100%);
    }

    :root:not([data-theme='light']) .player-filter-tab.active[b-fylsl2dbg9] {
        background: linear-gradient(135deg, #4a6078 0%, #5a7590 100%);
        border-color: #4a6078;
    }
}

html[data-theme='dark'] .player-card-avatar[b-fylsl2dbg9] {
    background: linear-gradient(135deg, #4a6078 0%, #5a7590 100%);
}

html[data-theme='dark'] .player-filter-tab.active[b-fylsl2dbg9] {
    background: linear-gradient(135deg, #4a6078 0%, #5a7590 100%);
    border-color: #4a6078;
}
/* /Pages/Profile.razor.rz.scp.css */
.profile-page[b-c5rsrvfxet] {
    background-color: var(--color-bg);
    min-height: calc(100vh - 3.5rem);
}

.profile-header .user-avatar[b-c5rsrvfxet] {
    font-size: 64px;
    color: var(--color-primary);
    line-height: 1;
}

.profile-header h2[b-c5rsrvfxet] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color-text);
}

.badge-plan[b-c5rsrvfxet] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: #ffffff;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
}

.features-grid[b-c5rsrvfxet] {
    display: grid;
    gap: 1rem;
}

.feature-item[b-c5rsrvfxet] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--color-muted-stroke);
    border-radius: 12px;
    background-color: var(--color-surface);
    transition: all 0.3s ease;
}

.feature-item.enabled[b-c5rsrvfxet] {
    border-left: 4px solid #10b981;
}

.feature-item.disabled[b-c5rsrvfxet] {
    border-left: 4px solid #94a3b8;
    opacity: 0.7;
}

.feature-item:hover[b-c5rsrvfxet] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.feature-icon[b-c5rsrvfxet] {
    font-size: 2rem;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: rgba(30, 41, 59, 0.05);
}

.feature-item.enabled .feature-icon[b-c5rsrvfxet] {
    color: #10b981;
}

.feature-item.disabled .feature-icon[b-c5rsrvfxet] {
    color: #94a3b8;
}

.feature-content[b-c5rsrvfxet] {
    flex: 1;
}

.feature-content h6[b-c5rsrvfxet] {
    margin: 0 0 0.25rem 0;
    font-weight: 600;
    font-size: 1rem;
    color: var(--color-text);
}

.feature-content p[b-c5rsrvfxet] {
    font-size: 0.875rem;
}

.feature-status[b-c5rsrvfxet] {
    min-width: 100px;
    text-align: right;
}

.upgrade-prompt[b-c5rsrvfxet] {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.05) 0%, rgba(51, 65, 85, 0.05) 100%);
    border-radius: 12px;
    border: 1px solid var(--color-muted-stroke);
}

.upgrade-prompt h5[b-c5rsrvfxet] {
    color: var(--color-text);
    font-weight: 700;
}

/* Card Enhancements */
.card[b-c5rsrvfxet] {
    border-radius: 12px;
    border: 1px solid var(--color-muted-stroke);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
}

.card-header[b-c5rsrvfxet] {
    background-color: rgba(248, 249, 250, 0.5);
    border-bottom: 1px solid var(--color-muted-stroke);
    padding: 1rem 1.5rem;
    border-radius: 12px 12px 0 0;
}

.card-header h5[b-c5rsrvfxet] {
    font-weight: 600;
    color: var(--color-text);
}

.card-body[b-c5rsrvfxet] {
    padding: 1.5rem;
}

/* Alert Styling */
.alert[b-c5rsrvfxet] {
    border-radius: 8px;
    border-left: 4px solid;
}

.alert-info[b-c5rsrvfxet] {
    border-left-color: #3b82f6;
    background-color: rgba(59, 130, 246, 0.1);
}

.alert-success[b-c5rsrvfxet] {
    border-left-color: #10b981;
    background-color: rgba(16, 185, 129, 0.1);
}

/* Dark Theme Support */
html[data-theme='dark'] .profile-page[b-c5rsrvfxet] {
    background-color: var(--color-bg);
}

html[data-theme='dark'] .feature-item[b-c5rsrvfxet] {
    background-color: rgba(255, 255, 255, 0.05);
}

html[data-theme='dark'] .feature-icon[b-c5rsrvfxet] {
    background-color: rgba(255, 255, 255, 0.08);
}

html[data-theme='dark'] .card[b-c5rsrvfxet] {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme='dark'] .card-header[b-c5rsrvfxet] {
    background-color: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

html[data-theme='dark'] .upgrade-prompt[b-c5rsrvfxet] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.08) 100%);
    border-color: rgba(255, 255, 255, 0.1);
}

/* Responsive Design */
@media (max-width: 768px) {
    .profile-header .d-flex[b-c5rsrvfxet] {
        flex-direction: column;
        text-align: center;
    }

    .profile-header .user-avatar[b-c5rsrvfxet] {
        font-size: 48px;
    }

    .badge-plan[b-c5rsrvfxet] {
        margin-top: 0.5rem;
    }

    .feature-item[b-c5rsrvfxet] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }

    .feature-status[b-c5rsrvfxet] {
        text-align: center;
        width: 100%;
    }

    .features-grid[b-c5rsrvfxet] {
        gap: 0.75rem;
    }
}

/* Note: Stats-related styles have been moved to component-specific CSS files:
   - StatCard.razor.css
   - UserStatsComponent.razor.css
   This ensures proper scoped styling in Blazor components */

/* /Pages/Register.razor.rz.scp.css */
/* Show reCAPTCHA badge on the registration page */
[b-az6qpo87p6] .grecaptcha-badge {
    visibility: visible !important;
}

.hero[b-az6qpo87p6] {
    min-height: calc(100vh - 3.5rem);
    padding: 2rem 1rem;
}

.hero-card[b-az6qpo87p6] {
    background: var(--color-surface);
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.logo-wrap[b-az6qpo87p6] {
    display: flex;
    justify-content: center;
}

.logo[b-az6qpo87p6] {
    width: 80px;
    height: 80px;
}

@media (max-width: 640px) {
    .hero[b-az6qpo87p6] {
        padding: 1rem 0.5rem;
    }
    
    .hero-card[b-az6qpo87p6] {
        padding: 2rem 1.5rem !important;
    }
}

/* Terms checkbox - mobile friendly */
.terms-check[b-az6qpo87p6] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--color-bg);
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.terms-check:hover[b-az6qpo87p6] {
    background: var(--color-surface-secondary, #f8f9fa);
}

.terms-check .form-check-input[b-az6qpo87p6] {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.125rem;
    cursor: pointer;
    flex-shrink: 0;
}

.terms-check .form-check-label[b-az6qpo87p6] {
    cursor: pointer;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: 0;
}

.terms-check .terms-link[b-az6qpo87p6] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
}

.terms-check .terms-link:hover[b-az6qpo87p6] {
    text-decoration: underline;
}

/* Mobile enhancements */
@media (max-width: 640px) {
    .terms-check[b-az6qpo87p6] {
        padding: 1rem;
        gap: 1rem;
    }
    
    .terms-check .form-check-input[b-az6qpo87p6] {
        width: 1.75rem;
        height: 1.75rem;
        margin-top: 0;
    }
    
    .terms-check .form-check-label[b-az6qpo87p6] {
        font-size: 1rem;
        line-height: 1.65;
    }
}
/* /Pages/Share.razor.rz.scp.css */
.share-page-container[b-nbd6mj515w] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.share-card[b-nbd6mj515w] {
    max-width: 500px;
    width: 100%;
    background: var(--color-surface);
    border-radius: 32px;
    padding: 2.5rem 2rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.04);
    animation: slideUp-b-nbd6mj515w 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (prefers-color-scheme: dark) {
    .share-card[b-nbd6mj515w] {
        background: #1a1a1a;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.2);
    }
    .share-page-container[b-nbd6mj515w] {
        background: linear-gradient(135deg, rgba(113, 62, 236, 0.1) 0%, rgba(113, 62, 236, 0.05) 100%);
    }
}
@keyframes slideUp-b-nbd6mj515w {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.share-header[b-nbd6mj515w] {
    text-align: center;
    margin-bottom: 2rem;
}
.share-icon[b-nbd6mj515w] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #713eec 0%, #5a2ec4 100%);
    border-radius: 24px;
    box-shadow: 0 12px 32px rgba(113, 62, 236, 0.25);
    animation: iconPulse-b-nbd6mj515w 2s ease-in-out infinite;
}
@keyframes iconPulse-b-nbd6mj515w {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 12px 32px rgba(113, 62, 236, 0.25);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 16px 40px rgba(113, 62, 236, 0.35);
    }
}
.share-icon i[b-nbd6mj515w] {
    font-size: 2.25rem;
    color: white;
}
.share-header h1[b-nbd6mj515w] {
    font-size: 1.875rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #713eec 0%, #5a2ec4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.02em;
}
.share-header p[b-nbd6mj515w] {
    color: #64748b;
    font-size: 0.9375rem;
    margin: 0;
    line-height: 1.5;
}
@media (prefers-color-scheme: dark) {
    .share-header p[b-nbd6mj515w] {
        color: #94a3b8;
    }
}
.qr-code-container[b-nbd6mj515w] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem auto 2.5rem;
    padding: 2rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-radius: 28px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    width: fit-content;
    border: 1px solid rgba(113, 62, 236, 0.1);
}
.qr-code[b-nbd6mj515w] {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-nbd6mj515w 0.6s ease-out 0.3s backwards;
}
@keyframes fadeIn-b-nbd6mj515w {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.qr-code img[b-nbd6mj515w] {
    width: 240px;
    height: 240px;
    display: block;
    border-radius: 16px;
}
.qr-code-logo[b-nbd6mj515w] {
    position: absolute;
    width: 56px;
    height: 56px;
    background: var(--color-surface);
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    border: 3px solid white;
}
.qr-code-logo img[b-nbd6mj515w] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media (prefers-color-scheme: dark) {
    .qr-code-container[b-nbd6mj515w] {
        background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
        border: 1px solid rgba(113, 62, 236, 0.2);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }
    .qr-code-logo[b-nbd6mj515w] {
        background: white;
        border: 3px solid white;
    }
}
.share-info[b-nbd6mj515w] {
    margin-top: 2rem;
    display: grid;
    gap: 0.75rem;
}
.info-card[b-nbd6mj515w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: 16px;
    background: var(--color-surface);
    border: 1px solid rgba(113, 62, 236, 0.08);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    animation: slideIn-b-nbd6mj515w 0.5s ease-out backwards;
}
.info-card:nth-child(1)[b-nbd6mj515w] {
    animation-delay: 0.1s;
}
.info-card:nth-child(2)[b-nbd6mj515w] {
    animation-delay: 0.2s;
}
.info-card:nth-child(3)[b-nbd6mj515w] {
    animation-delay: 0.3s;
}
@keyframes slideIn-b-nbd6mj515w {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.info-card:hover[b-nbd6mj515w] {
    transform: translateX(4px) scale(1.02);
    box-shadow: 0 8px 24px rgba(113, 62, 236, 0.15);
    border-color: rgba(113, 62, 236, 0.2);
}
.info-card i[b-nbd6mj515w] {
    font-size: 1.5rem;
    color: #713eec;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(113, 62, 236, 0.1);
    border-radius: 10px;
}
.info-card strong[b-nbd6mj515w] {
    display: block;
    
    margin-bottom: 0.15rem;
    font-size: 0.9375rem;
    font-weight: 700;
}
.info-card p[b-nbd6mj515w] {
    margin: 0;
    
    font-size: 0.8125rem;
    line-height: 1.4;
}
@media (prefers-color-scheme: dark) {
    .info-card[b-nbd6mj515w] {
        background: linear-gradient(135deg, #2a2a2a 0%, #252525 100%);
        border: 1px solid rgba(113, 62, 236, 0.15);
    }
    .info-card:hover[b-nbd6mj515w] {
        border-color: rgba(113, 62, 236, 0.3);
        box-shadow: 0 8px 24px rgba(113, 62, 236, 0.2);
    }
    .info-card i[b-nbd6mj515w] {
        color: #8b5cf6;
        background: rgba(139, 92, 246, 0.15);
    }
    .info-card strong[b-nbd6mj515w] {
        color: #f1f5f9;
    }
    .info-card p[b-nbd6mj515w] {
        color: #94a3b8;
    }
}
@media (max-width: 640px) {
    .share-page-container[b-nbd6mj515w] {
        padding: 0.5rem;
        align-items: flex-start;
        padding-top: 2rem;
    }
    .share-card[b-nbd6mj515w] {
        padding: 2rem 1.5rem;
        border-radius: 28px;
    }
    .share-header h1[b-nbd6mj515w] {
        font-size: 1.625rem;
    }
    .share-header p[b-nbd6mj515w] {
        font-size: 0.875rem;
    }
    .share-icon[b-nbd6mj515w] {
        width: 64px;
        height: 64px;
        border-radius: 20px;
    }
    .share-icon i[b-nbd6mj515w] {
        font-size: 2rem;
    }
    .qr-code-container[b-nbd6mj515w] {
        padding: 1.5rem;
        margin: 1.5rem auto 2rem;
        border-radius: 24px;
    }
    .qr-code img[b-nbd6mj515w] {
        width: 200px;
        height: 200px;
    }
    .qr-code-logo[b-nbd6mj515w] {
        width: 48px;
        height: 48px;
    }
    .info-card[b-nbd6mj515w] {
        padding: 0.875rem 1rem;
    }
    .info-card i[b-nbd6mj515w] {
        font-size: 1.25rem;
        width: 32px;
        height: 32px;
    }
    .info-card strong[b-nbd6mj515w] {
        font-size: 0.875rem;
    }
    .info-card p[b-nbd6mj515w] {
        font-size: 0.75rem;
    }
}
/* /Pages/ShareView.razor.rz.scp.css */
/* ===========================
   Share View - Big Screen Display Styles
   Uses app's existing CSS variables for theming
   =========================== */

.share-view-container[b-fuqv75srg0] {
    min-height: 100vh;
    background-color: var(--color-bg);
    position: relative;
    overflow-x: hidden;
}


/* ===========================
   Loading Screen
   =========================== */
.loading-screen[b-fuqv75srg0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    color: var(--color-text);
}

.loading-spinner[b-fuqv75srg0] {
    font-size: 4rem;
    animation: pulse-b-fuqv75srg0 2s ease-in-out infinite;
    margin-bottom: 1rem;
    color: var(--color-primary);
}

.loading-spinner i[b-fuqv75srg0] {
    display: block;
    animation: rotate-b-fuqv75srg0 3s linear infinite;
}

@keyframes rotate-b-fuqv75srg0 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes pulse-b-fuqv75srg0 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

.loading-text[b-fuqv75srg0] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text);
}

/* ===========================
   Error Screen
   =========================== */
.error-screen[b-fuqv75srg0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    color: var(--color-text);
    text-align: center;
    padding: 2rem;
}

.error-screen i[b-fuqv75srg0] {
    font-size: 5rem;
    margin-bottom: 1.5rem;
    color: var(--color-error);
}

.error-screen h2[b-fuqv75srg0] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--color-text);
}

.error-screen p[b-fuqv75srg0] {
    font-size: 1.25rem;
    color: var(--color-text);
    opacity: 0.7;
}

/* ===========================
   Tournament Header
   =========================== */
.tournament-header[b-fuqv75srg0] {
    background: var(--color-surface);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border-bottom: 2px solid var(--color-muted-stroke);
    position: sticky;
    top: 0;
    z-index: 100;
    animation: slideDown-b-fuqv75srg0 0.5s ease-out;
}

@keyframes slideDown-b-fuqv75srg0 {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.header-content[b-fuqv75srg0] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 2rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.tournament-title-section[b-fuqv75srg0] {
    flex: 1;
}

.tournament-title[b-fuqv75srg0] {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--color-text);
    margin: 0 0 0.75rem 0;
    line-height: 1.2;
}

.tournament-meta[b-fuqv75srg0] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    font-size: 1rem;
}

.meta-item[b-fuqv75srg0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-text);
    font-weight: 500;
    opacity: 0.8;
}

.meta-item i[b-fuqv75srg0] {
    font-size: 1.1rem;
    color: var(--color-primary);
}

.meta-item.completed[b-fuqv75srg0] {
    color: #10b981;
    font-weight: 600;
}

.meta-item.completed i[b-fuqv75srg0] {
    color: #10b981;
}

.meta-item.live-indicator[b-fuqv75srg0] {
    color: #ef4444;
    font-weight: 600;
}

.meta-item.live-indicator i[b-fuqv75srg0] {
    color: #ef4444;
}

.pulse-dot[b-fuqv75srg0] {
    animation: pulse-grow-b-fuqv75srg0 2s ease-in-out infinite;
}

@keyframes pulse-grow-b-fuqv75srg0 {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.7; }
}

.live-badge[b-fuqv75srg0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #ef4444;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.1rem;
    box-shadow: 0 4px 20px rgba(239, 68, 68, 0.4);
    animation: pulse-badge-b-fuqv75srg0 2s ease-in-out infinite;
}

@keyframes pulse-badge-b-fuqv75srg0 {
    0%, 100% { box-shadow: 0 4px 20px rgba(239, 68, 68, 0.4); }
    50% { box-shadow: 0 4px 30px rgba(239, 68, 68, 0.6); }
}

.live-badge i[b-fuqv75srg0] {
    font-size: 1.2rem;
    animation: broadcast-b-fuqv75srg0 2s ease-in-out infinite;
}

@keyframes broadcast-b-fuqv75srg0 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

/* ===========================
   Tournament Content
   =========================== */
.tournament-content[b-fuqv75srg0] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    animation: fadeIn-b-fuqv75srg0 0.8s ease-out 0.3s both;
}

@keyframes fadeIn-b-fuqv75srg0 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.leaderboard-section[b-fuqv75srg0] {
    background: var(--color-surface);
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--color-muted-stroke);
    margin-bottom: 2rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.leaderboard-section:hover[b-fuqv75srg0] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.section-header[b-fuqv75srg0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--color-primary);
}

.section-header i[b-fuqv75srg0] {
    font-size: 2rem;
    color: var(--color-primary);
    animation: iconBounce-b-fuqv75srg0 3s ease-in-out infinite;
}

@keyframes iconBounce-b-fuqv75srg0 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.section-header h2[b-fuqv75srg0] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
}


/* ===========================
   Tournament Footer
   =========================== */
.tournament-footer[b-fuqv75srg0] {
    background: var(--color-surface);
    backdrop-filter: blur(10px);
    margin-top: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid var(--color-muted-stroke);
}

.footer-content[b-fuqv75srg0] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.95rem;
    color: var(--color-text);
    opacity: 0.7;
}

.powered-by[b-fuqv75srg0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.powered-by i[b-fuqv75srg0] {
    color: #f59e0b;
    font-size: 1.2rem;
}

.last-updated[b-fuqv75srg0] {
    font-weight: 500;
    color: var(--color-text);
    opacity: 0.6;
}

/* ===========================
   Responsive Design
   =========================== */
@media (max-width: 1024px) {
    .tournament-title[b-fuqv75srg0] {
        font-size: 2rem;
    }
    
    .header-content[b-fuqv75srg0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .live-badge[b-fuqv75srg0] {
        align-self: flex-end;
        padding: 0.6rem 1.2rem;
        font-size: 0.95rem;
    }
}

@media (max-width: 768px) {
    .tournament-header[b-fuqv75srg0] {
        position: relative;
    }
    
    .header-content[b-fuqv75srg0] {
        padding: 1rem 1rem 0.75rem;
        gap: 0.75rem;
        position: relative;
    }
    
    .tournament-title[b-fuqv75srg0] {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }
    
    .tournament-meta[b-fuqv75srg0] {
        gap: 0.75rem;
        font-size: 0.85rem;
    }
    
    .meta-item i[b-fuqv75srg0] {
        font-size: 0.95rem;
    }
    
    .live-badge[b-fuqv75srg0] {
        position: absolute;
        top: 1rem;
        right: 1rem;
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
        gap: 0.4rem;
    }
    
    .live-badge i[b-fuqv75srg0] {
        font-size: 1rem;
    }
    
    .section-header h2[b-fuqv75srg0] {
        font-size: 1.5rem;
    }
    
    .tournament-content[b-fuqv75srg0] {
        padding: 1rem;
    }
    
    .leaderboard-section[b-fuqv75srg0] {
        padding: 1.5rem;
        border-radius: 15px;
    }
}

@media (max-width: 480px) {
    .header-content[b-fuqv75srg0] {
        padding: 0.75rem 0.75rem 0.5rem;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .tournament-title-section[b-fuqv75srg0] {
        flex: 1 1 100%;
        order: 1;
    }
    
    .tournament-title[b-fuqv75srg0] {
        font-size: 1.25rem;
        margin-bottom: 0.4rem;
    }
    
    .tournament-meta[b-fuqv75srg0] {
        gap: 0.5rem;
        font-size: 0.75rem;
    }
    
    .meta-item[b-fuqv75srg0] {
        gap: 0.35rem;
    }
    
    .meta-item i[b-fuqv75srg0] {
        font-size: 0.85rem;
    }
    
    .live-badge[b-fuqv75srg0] {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem;
        padding: 0.35rem 0.75rem;
        font-size: 0.75rem;
        gap: 0.3rem;
        order: 2;
    }
    
    .live-badge i[b-fuqv75srg0] {
        font-size: 0.85rem;
    }
    
    .section-header[b-fuqv75srg0] {
        margin-bottom: 1rem;
        padding-bottom: 0.75rem;
    }
    
    .section-header i[b-fuqv75srg0] {
        font-size: 1.5rem;
    }
    
    .section-header h2[b-fuqv75srg0] {
        font-size: 1.25rem;
    }
    
    .tournament-content[b-fuqv75srg0] {
        padding: 0.75rem;
    }
    
    .leaderboard-section[b-fuqv75srg0] {
        padding: 1rem;
    }
    
    .footer-content[b-fuqv75srg0] {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
        font-size: 0.85rem;
        padding: 0 1rem;
    }
}

/* ===========================
   Print Styles
   =========================== */
@media print {
    .live-badge[b-fuqv75srg0],
    .tournament-footer[b-fuqv75srg0] {
        display: none;
    }
    
    .share-view-container[b-fuqv75srg0] {
        background: white;
    }
    
    .tournament-header[b-fuqv75srg0],
    .leaderboard-section[b-fuqv75srg0] {
        box-shadow: none;
        background: white;
    }
}

/* /Pages/TournamentDetails.razor.rz.scp.css */
.tournament-details-card[b-pqvzr3wi8k] {
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.tournament-details-header[b-pqvzr3wi8k] {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.tournament-avatar-large[b-pqvzr3wi8k] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: white;
    flex-shrink: 0;
}

.tournament-info[b-pqvzr3wi8k] {
    flex: 1;
    min-width: 300px;
}

.tournament-info h2[b-pqvzr3wi8k] {
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    color: var(--color-text);
}

.tournament-meta[b-pqvzr3wi8k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tournament-actions[b-pqvzr3wi8k] {
    flex-shrink: 0;
    display: flex;
    gap: 0.5rem;
}

.tournament-quick-stats[b-pqvzr3wi8k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.5rem;
    padding-top: 2rem;
    border-top: 2px solid var(--color-muted-stroke);
}

.stat-item[b-pqvzr3wi8k] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-item i[b-pqvzr3wi8k] {
    font-size: 2rem;
    color: var(--color-primary);
}

.stat-item strong[b-pqvzr3wi8k] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1;
}

.stat-item small[b-pqvzr3wi8k] {
    display: block;
    color: var(--color-text);
    opacity: 0.6;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.settings-card[b-pqvzr3wi8k] {
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 12px;
    overflow: hidden;
}

.setting-row[b-pqvzr3wi8k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--color-muted-stroke);
}

.setting-row:last-child[b-pqvzr3wi8k] {
    border-bottom: none;
}

.setting-label[b-pqvzr3wi8k] {
    font-weight: 600;
    color: var(--color-text);
}

.setting-value[b-pqvzr3wi8k] {
    color: var(--color-text);
    opacity: 0.8;
}

.player-list-simple[b-pqvzr3wi8k] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.player-list-item[b-pqvzr3wi8k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1rem;
    background: var(--color-surface);
    border: 2px solid var(--color-muted-stroke);
    border-radius: 12px;
    transition: all 0.2s ease;
    cursor: pointer;
    min-height: 80px;
    -webkit-tap-highlight-color: rgba(37, 140, 251, 0.1);
}

.player-list-item:hover[b-pqvzr3wi8k] {
    border-color: var(--color-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.player-list-item:active[b-pqvzr3wi8k] {
    transform: translateY(0);
}

.player-list-avatar[b-pqvzr3wi8k] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.player-list-avatar i.bi-person-fill-check[b-pqvzr3wi8k] {
    color: #10b981;
}

.player-list-info[b-pqvzr3wi8k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.player-list-info strong[b-pqvzr3wi8k] {
    color: var(--color-text);
    font-weight: 600;
}

.player-list-info small[b-pqvzr3wi8k] {
    color: var(--color-text);
    opacity: 0.6;
    font-size: 0.875rem;
}

.player-list-chevron[b-pqvzr3wi8k] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--color-text);
    opacity: 0.4;
    font-size: 1.25rem;
}

@media (max-width: 768px) {
    .tournament-details-card[b-pqvzr3wi8k] {
        padding: 1.5rem;
    }

    .tournament-details-header[b-pqvzr3wi8k] {
        gap: 1rem;
    }

    .tournament-avatar-large[b-pqvzr3wi8k] {
        width: 60px;
        height: 60px;
        font-size: 2rem;
    }

    .tournament-info h2[b-pqvzr3wi8k] {
        font-size: 1.5rem;
    }

    .tournament-actions[b-pqvzr3wi8k] {
        width: 100%;
    }

    .tournament-actions .btn[b-pqvzr3wi8k] {
        flex: 1;
    }

    .tournament-quick-stats[b-pqvzr3wi8k] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .stat-item[b-pqvzr3wi8k] {
        padding: 0.75rem;
        background: var(--color-bg);
        border-radius: 8px;
    }

    .setting-row[b-pqvzr3wi8k] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .player-list-item[b-pqvzr3wi8k] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
    }

    .player-list-avatar[b-pqvzr3wi8k] {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.125rem;
    }
}