/* CSS SETKA START */
.bracket-round, .bracket-round .text-muted{
	    color: #000 !important;
}
.bracket-section-wrapper { 
	background: #f8f9fa; 
	border: 1px solid #e3e6f0; 
	border-radius: 8px; 
	padding: 15px; 
	margin-bottom: 30px; 
	box-shadow: 0 4px 6px rgba(0,0,0,0.01);
}
.bracket-container { 
	display: flex; 
	gap: 25px; 
	overflow-x: auto; 
	padding: 10px 5px; 
}
.bracket-round { 
	display: flex; 
	flex-direction: column; 
	justify-content: space-around; 
	min-width: 280px; 
}
.bracket-match { 
	background: #ffffff; 
	border: 1px solid #dee2e6; 
	border-radius: 6px; 
	padding: 0; 
	margin: 12px 0; 
	box-shadow: 0 2px 4px rgba(0,0,0,0.02); 
	position: relative; 
}
.match-header { 
	background: #e9ecef; 
	font-size: 11px; 
	font-weight: bold; 
	padding: 4px 8px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	color: #495057; 
}
.match-footer { 
	background: #f8f9fa; 
	font-size: 10px; 
	color: #000000; 
	padding: 2px 8px; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; 
	border-top: 1px dashed #dee2e6; 
}
.player-slot { 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	padding: 6px 10px; 
	font-size: 13px; 
	border-bottom: 1px solid #f1f3f5; 
}
.player-slot:last-child {	
	border-bottom: none; 
}
.player-name { 
	font-weight: 500; 
	color: #212529; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	max-width: 200px; 
}
.player-score { 
	font-weight: bold; 
	background: #f1f3f5; 
	padding: 2px 8px; 
	border-radius: 4px; 
	min-width: 25px; 
	text-align: center; 
}
.match-winner { 
	background: #e8f5e9 !important; 
}
.match-winner .player-name { 
	color: #2e7d32; 
	font-weight: bold; 
}
.match-winner .player-score { 
	background: #c8e6c9; 
	color: #2e7d32; 
}
.grid-section-title { 
	font-size: 15px; 
	font-weight: bold; 
	color: #198754; 
	border-bottom: 2px solid #198754; 
	padding-bottom: 6px; 
	margin-bottom: 15px; 
	display: flex; 
	align-items: center; 
}
.cast-number { 
	font-size: 11px; 
	font-weight: bold; 
	color: #495057; 
	background: #dee2e6; 
	padding: 1px 6px; 
	border-radius: 3px; 
	margin-right: 8px; 
	display: inline-block; 
	min-width: 22px; 
	text-align: center; 
}
/* CSS SETKA END */

@keyframes highlight {
    0% { background: #fff8bd; }
    100% { background: #ffffff; }
}
.pulse-effect {
    animation: highlight 1.5s ease-out;
}
.uk-mytotop {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99;
}

.my-totop-button {
    background-color: #00d082; /* Öâåò ôîíà (çäåñü UIkit Primary Blue) */
    color: #ffffff !important; /* Öâåò ñòðåëêè */
    padding: 5px 15px;             /* Âíóòðåííèå îòñòóïû */
    border-radius: 50%;        /* Îêðóãëåíèå äî èäåàëüíîãî êðóãà */
    box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* Ìÿãêàÿ òåíü */
    transition: 0.3s ease;     /* Ïëàâíîñòü ïðè íàâåäåíèè */
}

/* Ýôôåêò ïðè íàâåäåíèè (Hover) */
.my-totop-button:hover {
    background-color: #6af778; /* ×óòü òåìíåå ïðè íàâåäåíèè */
    color: #ffffff !important;
    transform: translateY(-3px); /* Ëåãêîå ñìåùåíèå ââåðõ */
}