.predictions.table {
    margin: auto;
    padding: 20px;
    background: #0000004a;
    border-radius: 10px;
    white-space: normal !important;
}
.predictions.table tr.even {
    background: #d0a9ff0d;
}
i.star.icon {
	color: transparent !important;
	background-clip: text !important;
	background: linear-gradient(45deg, #e6b90e, #ff0000);
}
i.star.outline.icon {
	color: transparent;
	background: linear-gradient(45deg, #ff00f7, #00ffae);
	background-clip: text;
}
.ui.list .item {
	line-height: 20px !important;
}
.achievements {
    display: flex;
    gap: 4px;
}
.achievements img,
.achievement-image {
	width: 32px;
}
h4.ui.image.header {
	margin-bottom: 0;
}
.ui.image.label {
	margin-left: 0 !important;
	margin-right: 4px !important;
	width: 70px !important;
}
.footer.message .item .header {
	margin-top: 20px;
	margin-bottom: 2px;
}
a.user-info {
    display: flex;
    gap: 6px;
    align-items: anchor-center;
    margin-bottom: 6px;
    max-width: 150px;
}
.td-user-info .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.player-nickname {
    font-size: 16px;
    color: var(--white-text);
    font-weight: bold;
    line-height: 1em;
    white-space: normal;
}
.td-avatar > a:hover > .avatar107x137 {
	filter: brightness(1.2);
	box-shadow: 0 0 10px 0 var(--white-text);
}
.td-week-position {
	font-size: 2em;
    font-weight: bold;
}
.td-month-position {
    font-size: 3em;
    color: var(--white-text);
    font-weight: bold;
}
th#table-footer {
    text-align: center;
    color: var(--green-text);
}
#announce-message {
    box-shadow: none;
    border: 1px solid #1c0d1f52;
    gap: 20px;
}
#announce-message .header {
    color: var(--green-text);
}
.mobile-data {
	display: none;
}

.td-points {
    font-size: 11px;
    text-align: center !important;
}

span.point-x,
span.point-y {
    font-weight: bold;
}
span.point-x {
    /*color: #2185d0;*/
    /*color: #3750bf;*/
    color: #c02525;
}
span.point-y {
	/*color: #c02525;*/
    color: #2185d0;
}
.td-points {
	font-size: 22px;
	text-align: center;
}

.div-position {    font-size: 28px;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #d6d6d9;
}

.predictions.table tr td:not(:first-child) {
	text-align: center;
}

.predictions.table thead tr:first-child th:first-child {
	border-bottom: none;
}

@media (max-width: 600px) {
	.achievements {
		flex-direction: row;
		gap: 0;
	}
	.td-top-month {
		display: none;
	}
	.td-top-week {
		display: none;
	}
	.mobile-data {
		display: block;
	}
	.td-user-info .content {
	    gap: 10px;
	}
	a.player-nickname {
	    font-size: 20px;
	}
	span.span-top {
	    font-weight: bold;
	    color: var(--white-text);
	}
}

@media (max-width: 500px) {
	#announce-message {
		flex-direction: column;
	}
}
@media (max-width: 350px) {
	a.player-nickname {
	    font-size: 14px;
	}
	.achievements {
		flex-direction: column;
		gap: 6px;
	}
	.mobile-data {
		font-size: 11px;
	}
}

.current-week {
    background: var(--predictions-current-week-color) !important;
    text-align: center !important;
}
.current-month {
    background: var(--predictions-current-month-color) !important;
    text-align: center !important;
}

:root {
	--pbc: #0000003d;
}
.border-right { border-right: 2px solid var(--pbc) !important; }
.border-left { border-left: 2px solid var(--pbc) !important; }
.border-top { border-top: 2px solid var(--pbc) !important; }
.border-bottom { border-bottom: 2px solid var(--pbc) !important; }

tr:last-child td.current-week,
tr:last-child td.current-month {
	border-bottom: 2px solid var(--pbc) !important;
}

td.current-week, td.current-month {
	font-size: 18px;
}

.sorter-false {
	cursor: default !important;
	user-select: none;
	pointer-events: none;
}

@media (max-width: 1376px) {
	th.current-month, th.current-week {
		font-size: 14px;
	}
	td.current-week, td.current-month {
		font-size: 16px;
	}
}

@media (max-width: 1333px) {
	th.current-month, th.current-week {
		font-size: 12px;
	}
	td.current-week, td.current-month {
		font-size: 15px;
	}
}

@media (max-width: 777px) {
	.achievements {
		flex-direction: column;
	}
	th.current-month, th.current-week {
		font-size: 11px;
	}
	td.current-week, td.current-month {
		font-size: 14px;
	}
}

@media (max-width: 700px) {
	.hidden-points {
		width: 0;
		max-width: 0 !important;
		padding: 0 !important;
		border: none;
		overflow: hidden;
		white-space: nowrap !important;
	}
}

@media (max-width: 547px) {
	.visible-points {
		width: 0;
		max-width: 0 !important;
		padding: 0 !important;
		border: none;
		overflow: hidden;
		white-space: nowrap !important;
	}
}

th {
	white-space: normal !important;
}

@media (max-width: 500px) {
	.message .icon {
		display: none !important;
	}
	.predictions.table {
		padding: 0px;
	}
}