.starimg {
	background-image: url("./images/announce.png");
	background-position: left center;
	background-repeat: no-repeat;
}

.starimg .topic-details {
	padding-inline-start: 45px;
}

html[dir="rtl"] .starimg {
	background-position: right center;
}

/* =========================================================
   MundoNovelas / Zeina — Top Posterzy Premium
   Wyłącznie wygląd modułu. Bez zmian w logice rozszerzenia.
   ========================================================= */

.posts-3,
.stats_post_infos {
	text-wrap: nowrap;
}

.posts-3 {
	width: 10rem;
}

/* Pasek wyboru miesiąca */
.top-posters-toolbar {
	margin: 6px 0 14px;
}

.month-picker-bar {
	position: relative;
	justify-content: center;
	padding: 7px;
	background: linear-gradient(145deg, rgba(23, 32, 54, .98), rgba(12, 19, 34, .98)) !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 15px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, .22), 0 0 0 1px rgba(139, 83, 228, .03) inset;
}

.month-picker-bar::before {
	content: "";
	position: absolute;
	inset: -1px;
	z-index: -1;
	border-radius: 16px;
	background: linear-gradient(100deg, rgba(225, 59, 173, .24), rgba(119, 70, 225, .14), rgba(74, 148, 255, .21));
	filter: blur(8px);
	opacity: .5;
}

.month-picker-bar .month-nav,
.month-picker-bar .month-select {
	min-height: 38px;
	color: #edf1fb !important;
	background: rgba(255, 255, 255, .045) !important;
	border: 1px solid rgba(255, 255, 255, .09) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

.month-picker-bar .month-nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 7px 13px;
	font-weight: 750;
	text-decoration: none;
	transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.month-picker-bar .month-nav:not(.disabled):hover {
	transform: translateY(-1px);
	color: #fff !important;
	background: linear-gradient(100deg, rgba(225, 59, 173, .25), rgba(118, 68, 226, .27)) !important;
	border-color: rgba(237, 75, 183, .34) !important;
	box-shadow: 0 8px 22px rgba(145, 50, 202, .18) !important;
}

select.month-select {
	padding: 7px 34px 7px 12px;
	cursor: pointer;
	outline: none;
}

select.month-select:focus {
	border-color: rgba(237, 75, 183, .48) !important;
	box-shadow: 0 0 0 3px rgba(237, 75, 183, .11) !important;
}

select.month-select option {
	color: #f8f7fb;
	background: #111a2c;
}

.month-nav.disabled {
	pointer-events: none;
	opacity: .40 !important;
}

/* Główna karta */
.top-posters-section {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 14px 20px 22px;
	background:
		radial-gradient(circle at 50% -28%, rgba(225, 59, 173, .17), transparent 36%),
		radial-gradient(circle at 6% 80%, rgba(74, 148, 255, .08), transparent 31%),
		radial-gradient(circle at 94% 78%, rgba(137, 88, 241, .09), transparent 31%),
		linear-gradient(145deg, rgba(21, 31, 52, .99), rgba(11, 18, 33, .99)) !important;
	border: 1px solid rgba(255, 255, 255, .075) !important;
	border-radius: 18px !important;
	box-shadow: 0 20px 46px rgba(0, 0, 0, .28), 0 0 0 1px rgba(255, 255, 255, .018) inset !important;
}

.top-posters-section::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 3px;
	z-index: 5;
	background: linear-gradient(90deg, #e13bad 0%, #8958f1 54%, #4a94ff 100%);
	box-shadow: 0 0 20px rgba(225, 59, 173, .40);
}

.top-posters-section::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 88px;
	width: 520px;
	height: 520px;
	z-index: -1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(151, 77, 220, .08), transparent 67%);
	pointer-events: none;
}

.top-posters-heading {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 5px;
}

h2.tp-head {
	position: relative;
	margin: 0;
	padding: 15px 12px 13px;
	text-align: center;
	font-size: 1.32em;
	font-weight: 850;
	line-height: 1.35;
	letter-spacing: .45px;
	text-transform: none;
	color: #faf9fd;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .36);
}

h2.tp-head i {
	color: #f6bd56;
	text-shadow: 0 0 18px rgba(246, 189, 86, .36), 0 2px 3px rgba(0, 0, 0, .56);
	transform: scale(1.18);
	margin: 0 6px;
}

.heading-spark {
	width: 58px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(226, 72, 183, .72));
	box-shadow: 0 0 10px rgba(226, 72, 183, .24);
}

.heading-spark-right {
	transform: scaleX(-1);
}

/* Układ podium */
.top-posters.podium-row {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 0;
	margin: 38px 0 10px;
	padding-top: 18px;
}

.top-poster {
	position: relative;
	text-align: center;
	color: #f8f7fb;
}

.podium-user {
	width: 158px;
}

.podium-user.gold {
	z-index: 4;
}

.podium-user.silver,
.podium-user.bronze {
	z-index: 2;
}

/* Korona zwycięzcy */
.winner-crown {
	position: absolute;
	left: 50%;
	top: -39px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: max-content;
	max-width: 160px;
	padding: 5px 10px;
	transform: translateX(-50%);
	font-size: .70em;
	font-weight: 900;
	letter-spacing: .65px;
	color: #ffe8ad;
	background: linear-gradient(100deg, rgba(126, 77, 26, .94), rgba(91, 55, 41, .96), rgba(102, 54, 114, .96));
	border: 1px solid rgba(248, 196, 89, .50);
	border-radius: 999px;
	box-shadow: 0 7px 20px rgba(0, 0, 0, .28), 0 0 16px rgba(245, 185, 76, .14);
	white-space: nowrap;
	animation: mnCrownFloat 3.4s ease-in-out infinite;
}

.winner-crown i {
	font-size: .76em;
	color: #ffd978;
	text-shadow: 0 0 10px rgba(255, 217, 120, .44);
}

/* Awatary i neonowe pierścienie */
.avatar-shell {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.podium-user .avatar-shell {
	width: 112px;
	height: 112px;
}

.podium-user .avatar-shell::before,
.podium-user .avatar-shell::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.podium-user .avatar-shell::before {
	inset: -4px;
	background: conic-gradient(from 0deg, transparent 0 14%, rgba(255, 255, 255, .22) 20%, transparent 30% 48%, currentColor 59%, transparent 70% 100%);
	opacity: .78;
	animation: mnRingSpin 8s linear infinite;
}

.podium-user .avatar-shell::after {
	inset: -9px;
	border: 1px solid currentColor;
	opacity: .20;
	box-shadow: 0 0 24px currentColor;
}

.podium-user.gold .avatar-shell {
	color: #f6bd56;
}

.podium-user.silver .avatar-shell {
	color: #bfcce2;
}

.podium-user.bronze .avatar-shell {
	color: #d28b67;
}

.top-poster .avatar {
	position: relative;
	z-index: 2;
	display: inline-flex;
}

.top-poster .avatar img {
	display: block;
	width: 100px !important;
	height: 100px !important;
	object-fit: cover;
	border: 4px solid rgba(255, 255, 255, .13) !important;
	border-radius: 50% !important;
	background: #111a2c;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .38), 0 0 0 3px rgba(137, 88, 241, .10);
}

.top-poster.gold .avatar img {
	border-color: rgba(246, 189, 86, .88) !important;
	box-shadow: 0 13px 32px rgba(0, 0, 0, .40), 0 0 25px rgba(246, 189, 86, .20);
}

.top-poster.silver .avatar img {
	border-color: rgba(198, 210, 232, .78) !important;
	box-shadow: 0 13px 32px rgba(0, 0, 0, .36), 0 0 22px rgba(74, 148, 255, .14);
}

.top-poster.bronze .avatar img {
	border-color: rgba(213, 141, 104, .80) !important;
	box-shadow: 0 13px 32px rgba(0, 0, 0, .36), 0 0 22px rgba(225, 59, 173, .11);
}

.place-medallion {
	position: absolute;
	top: 77px;
	right: 19px;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	font-size: .88em;
	font-weight: 950;
	line-height: 1;
	color: #fff;
	border: 3px solid #151f34;
	border-radius: 50%;
	box-shadow: 0 5px 13px rgba(0, 0, 0, .34);
}

.gold .place-medallion {
	color: #4c3216;
	background: linear-gradient(145deg, #ffe291, #d99a32);
}

.silver .place-medallion {
	color: #26344d;
	background: linear-gradient(145deg, #edf3ff, #9faec9);
}

.bronze .place-medallion {
	color: #4a2b27;
	background: linear-gradient(145deg, #efbd9d, #b96b4d);
}

.top-poster .username,
.top-poster .username-coloured {
	display: block;
	margin-top: 9px;
	font-size: 1.10em;
	font-weight: 800;
	line-height: 1.3;
	text-shadow: 0 2px 9px rgba(0, 0, 0, .36);
}

.top-poster .stats {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 5px;
	padding: 4px 8px;
	font-size: .84em;
	font-weight: 650;
	color: #aeb8ce !important;
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 999px;
}

.top-poster .stats i {
	color: #cb73bf;
}

.top-poster .stats .percentage {
	color: #d7dceb;
}

/* Bryły podium */
.podium {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 158px;
	padding: 0;
	overflow: hidden;
	font-weight: 900;
	color: #fff;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .56);
}

.podium::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .15), transparent 42%),
		repeating-linear-gradient(90deg, transparent 0 18px, rgba(255, 255, 255, .025) 18px 19px);
	pointer-events: none;
}

.podium::after {
	content: "";
	position: absolute;
	top: -20%;
	bottom: -20%;
	left: -55%;
	width: 38%;
	transform: skewX(-18deg);
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .16), transparent);
	animation: mnPodiumShine 5.8s ease-in-out infinite;
	pointer-events: none;
}

.podium.gold {
	height: 132px;
	z-index: 3;
	background: linear-gradient(155deg, #a56a20 0%, #694128 24%, #7d3f87 68%, #432658 100%);
	border: 1px solid rgba(246, 189, 86, .56);
	border-radius: 13px 13px 0 0;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .025) inset, 0 13px 31px rgba(0, 0, 0, .32), 0 0 25px rgba(246, 189, 86, .08);
}

.podium.silver {
	height: 104px;
	z-index: 2;
	background: linear-gradient(155deg, #4a5b79 0%, #2a3956 38%, #353465 100%);
	border-top: 1px solid rgba(198, 210, 232, .46);
	border-bottom: 1px solid rgba(198, 210, 232, .46);
	border-left: 1px solid rgba(198, 210, 232, .46);
	border-radius: 13px 0 0 13px;
	box-shadow: -6px 10px 25px rgba(0, 0, 0, .27);
}

.podium.bronze {
	height: 88px;
	z-index: 2;
	background: linear-gradient(155deg, #7e5148 0%, #513248 46%, #442a51 100%);
	border-top: 1px solid rgba(213, 141, 104, .50);
	border-bottom: 1px solid rgba(213, 141, 104, .50);
	border-right: 1px solid rgba(213, 141, 104, .50);
	border-radius: 0 13px 13px 0;
	box-shadow: 6px 10px 25px rgba(0, 0, 0, .27);
}

.podium-number {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 950;
	line-height: 1;
	color: rgba(255, 255, 255, .91);
	text-shadow: 0 4px 14px rgba(0, 0, 0, .50);
}

.podium.gold .podium-number {
	font-size: 62px;
	color: #ffe4a6;
}

.podium.silver .podium-number {
	font-size: 51px;
	color: #e6edfa;
}

.podium.bronze .podium-number {
	font-size: 42px;
	color: #efba99;
}

.podium-caption {
	position: relative;
	z-index: 2;
	margin-top: 5px;
	font-size: .62em;
	font-weight: 900;
	letter-spacing: 1.05px;
	color: rgba(255, 255, 255, .68);
}

/* Pozostałe miejsca */
.rest-title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px 0 0;
	color: #98a5be;
	font-size: .70em;
	font-weight: 850;
	letter-spacing: 1.1px;
}

.rest-title::before,
.rest-title::after {
	content: "";
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .09));
}

.rest-title::after {
	transform: scaleX(-1);
}

.rest-title span {
	padding: 0 12px;
}

.top-posters.rest-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
	gap: 12px;
	margin: 13px 0 2px;
	padding-top: 0;
}

.top-poster.rest {
	position: relative;
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
	padding: 11px 12px;
	text-align: left;
	background: linear-gradient(145deg, rgba(26, 37, 61, .97), rgba(14, 22, 39, .97));
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 14px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.top-poster.rest::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	border-radius: 14px 0 0 14px;
	background: linear-gradient(180deg, #e13bad, #8958f1, #4a94ff);
	opacity: .55;
}

.top-poster.rest:hover {
	transform: translateY(-3px);
	background: linear-gradient(145deg, rgba(31, 43, 69, .99), rgba(18, 27, 47, .99));
	border-color: rgba(237, 75, 183, .25);
	box-shadow: 0 15px 31px rgba(0, 0, 0, .26), 0 0 22px rgba(137, 88, 241, .08);
}

.top-poster.rest .avatar-shell {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	padding: 2px;
	background: linear-gradient(145deg, rgba(225, 59, 173, .55), rgba(74, 148, 255, .42));
}

.top-poster.rest .avatar img {
	width: 48px !important;
	height: 48px !important;
	border: 2px solid #151f34 !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .28);
}

.rest-details {
	min-width: 0;
	flex: 1;
}

.top-poster.rest .username,
.top-poster.rest .username-coloured {
	margin-top: 0;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top-poster.rest .stats {
	justify-content: flex-start;
	margin-top: 5px;
	padding: 0;
	font-size: .79em;
	background: transparent;
	border: 0;
}

.top-poster.rest .rank {
	position: absolute;
	top: 8px;
	right: 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 31px;
	padding: 3px 7px;
	font-size: .72em;
	font-weight: 900;
	color: #f1cce9;
	background: linear-gradient(100deg, rgba(225, 59, 173, .15), rgba(118, 68, 226, .17));
	border: 1px solid rgba(237, 75, 183, .18);
	border-radius: 999px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .16);
}

.no-topposter {
	color: #9ca8c1 !important;
}

/* Delikatne animacje */
@keyframes mnRingSpin {
	to { transform: rotate(360deg); }
}

@keyframes mnCrownFloat {
	0%, 100% { transform: translateX(-50%) translateY(0); }
	50% { transform: translateX(-50%) translateY(-4px); }
}

@keyframes mnPodiumShine {
	0%, 28% { left: -55%; opacity: 0; }
	38% { opacity: 1; }
	58%, 100% { left: 125%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.podium-user .avatar-shell::before,
	.winner-crown,
	.podium::after {
		animation: none !important;
	}
}

@media (max-width: 760px) {
	.top-posters-section {
		padding-inline: 11px;
	}

	.heading-spark {
		width: 30px;
	}

	.top-posters.podium-row {
		transform: scale(.86);
		transform-origin: center bottom;
		margin: 25px -42px -7px;
	}

	.podium-user,
	.podium {
		width: 136px;
		min-width: 136px;
	}

	.top-posters.rest-row {
		grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
	}
}

@media (max-width: 470px) {
	h2.tp-head {
		font-size: 1.12em;
		padding-inline: 0;
	}

	.heading-spark {
		display: none;
	}

	.top-posters.podium-row {
		transform: scale(.72);
		margin: 5px -76px -28px;
	}

	.month-picker-bar {
		gap: 6px;
		padding: 6px;
	}

	.month-picker-bar .month-nav {
		padding-inline: 9px;
		font-size: .88em;
	}

	.month-picker-bar .month-select {
		font-size: .90em;
	}

	.top-posters.rest-row {
		grid-template-columns: 1fr;
	}
}


/* =========================================================
   MundoNovelas Mokka Fix 1 — Top Posters
   - beżowe kafelki 4+
   - nowe kolory podium 1/2/3
   - poprawione nicki grup (np. zielona Peligrosa)
   ========================================================= */

/* Nagłówek i tło sekcji lekko cieplejsze */
.top-posters-section {
    background:
        radial-gradient(circle at 50% -28%, rgba(201, 149, 82, .10), transparent 36%),
        radial-gradient(circle at 6% 80%, rgba(180, 135, 94, .05), transparent 31%),
        radial-gradient(circle at 94% 78%, rgba(166, 119, 73, .06), transparent 31%),
        linear-gradient(145deg, #f8f2ea, #f1e6d7) !important;
    border: 1px solid rgba(175, 132, 90, .24) !important;
    box-shadow: 0 18px 36px rgba(87, 61, 36, .10), 0 0 0 1px rgba(255,255,255,.26) inset !important;
}
.top-posters-section::before {
    background: linear-gradient(90deg, #e5b577 0%, #c89457 52%, #b7744c 100%);
    box-shadow: 0 0 12px rgba(207, 152, 80, .18);
}
.top-posters-section::after {
    background: radial-gradient(circle, rgba(188, 143, 91, .08), transparent 67%);
}
h2.tp-head {
    color: #714b2d;
    text-shadow: 0 2px 10px rgba(124, 90, 58, .08);
}
.heading-spark {
    background: linear-gradient(90deg, transparent, rgba(215, 152, 93, .55));
    box-shadow: 0 0 8px rgba(215, 152, 93, .14);
}
.rest-title { color: #9b8b74; }
.rest-title::before,
.rest-title::after { background: linear-gradient(90deg, transparent, rgba(160,131,102,.18)); }

/* USERNAMES — wrapper neutralny, kolory grup zachowane na linkach */
.top-poster .username {
    color: #6c482b;
    text-shadow: none;
}
.top-poster .username a,
.top-poster .username .username-coloured,
.top-poster .username a.username-coloured,
.top-poster .username span.username-coloured {
    text-decoration: none;
    text-shadow: none;
}
/* zwykłe, niepokolorowane nicki */
.top-poster .username a:not([style]):not(.username-coloured),
.top-poster .username span:not([style]):not(.username-coloured) {
    color: inherit;
}
/* specjalnie dla zielonych rang/grup */
.top-poster .username a[style*="#008000" i],
.top-poster .username a[style*="#00AA00" i],
.top-poster .username a[style*="#00aa00" i],
.top-poster .username a[style*="green" i],
.top-poster .username span[style*="#008000" i],
.top-poster .username span[style*="#00AA00" i],
.top-poster .username span[style*="#00aa00" i],
.top-poster .username span[style*="green" i] {
    color: #1fa64a !important;
    font-weight: 800;
}

/* statystyki bardziej widoczne na jasnym tle */
.top-poster .stats {
    color: #866348 !important;
    background: rgba(255, 255, 255, .52);
    border: 1px solid rgba(177, 138, 102, .18);
}
.top-poster .stats i { color: #cf73ae; }
.top-poster .stats .percentage { color: #b9bdd0; }

/* Podium — nowa paleta mokka */
.podium.gold {
    background: linear-gradient(155deg, #e4ba71 0%, #c18d43 42%, #9c6735 100%);
    border: 1px solid rgba(180, 125, 52, .56);
    box-shadow: 0 10px 24px rgba(150, 105, 48, .18);
}
.podium.silver {
    background: linear-gradient(155deg, #d8ccbd 0%, #c0b19c 48%, #a5947e 100%);
    border-top: 1px solid rgba(181, 160, 136, .58);
    border-bottom: 1px solid rgba(181, 160, 136, .58);
    border-left: 1px solid rgba(181, 160, 136, .58);
    box-shadow: -6px 10px 22px rgba(121, 98, 77, .16);
}
.podium.bronze {
    background: linear-gradient(155deg, #d0a07a 0%, #ba8258 48%, #8e5c3d 100%);
    border-top: 1px solid rgba(169, 105, 65, .56);
    border-bottom: 1px solid rgba(169, 105, 65, .56);
    border-right: 1px solid rgba(169, 105, 65, .56);
    box-shadow: 6px 10px 22px rgba(124, 78, 49, .16);
}
.podium.gold .podium-number { color: #fff3d3; }
.podium.silver .podium-number { color: #fffaf3; }
.podium.bronze .podium-number { color: #fff0e2; }
.podium-caption { color: rgba(255,255,255,.78); }

/* awatary podium */
.podium-user.gold .avatar-shell { color: #d7a24e; }
.podium-user.silver .avatar-shell { color: #c6b7a0; }
.podium-user.bronze .avatar-shell { color: #cb8d62; }
.top-poster.gold .avatar img {
    border-color: rgba(214, 163, 81, .90) !important;
    box-shadow: 0 13px 28px rgba(167, 121, 58, .18);
}
.top-poster.silver .avatar img {
    border-color: rgba(194, 180, 160, .88) !important;
    box-shadow: 0 13px 28px rgba(133, 115, 93, .14);
}
.top-poster.bronze .avatar img {
    border-color: rgba(198, 135, 98, .88) !important;
    box-shadow: 0 13px 28px rgba(144, 95, 65, .14);
}

/* plakietki 1/2/3 */
.gold .place-medallion {
    color: #6c4722;
    background: linear-gradient(145deg, #f9e1a0, #d9a84a);
}
.silver .place-medallion {
    color: #5e4f3f;
    background: linear-gradient(145deg, #f2ede6, #c6b7a3);
}
.bronze .place-medallion {
    color: #593a2b;
    background: linear-gradient(145deg, #f0c5a7, #c18258);
}

/* kafelki 4+ beżowe */
.top-poster.rest {
    background: linear-gradient(145deg, #ecd8bf, #e1c6a6) !important;
    border: 1px solid rgba(183, 140, 95, .26) !important;
    box-shadow: 0 8px 20px rgba(111, 78, 47, .10);
}
.top-poster.rest::before {
    background: linear-gradient(180deg, #efb9df, #c5a0d8, #8eb4ee);
    opacity: .7;
}
.top-poster.rest:hover {
    background: linear-gradient(145deg, #efdeca, #e4ccb0) !important;
    border-color: rgba(186, 141, 91, .36) !important;
    box-shadow: 0 12px 24px rgba(111, 78, 47, .13);
}
.top-poster.rest .avatar-shell {
    background: linear-gradient(145deg, rgba(225,59,173,.46), rgba(74,148,255,.34));
}
.top-poster.rest .avatar img {
    border: 2px solid #f5eee4 !important;
}
.top-poster.rest .username,
.top-poster.rest .username-coloured {
    color: #6d492d;
}
.top-poster.rest .stats {
    background: transparent;
    border: 0;
    color: #8a6544 !important;
}
.top-poster.rest .stats .percentage { color: #bbc2d7; }
.top-poster.rest .rank {
    color: #fff8ef;
    background: linear-gradient(100deg, #d2a466, #b88447);
    border: 1px solid rgba(167,116,62,.18);
}

/* miesiąc picker bardziej mokka */
.month-picker-bar {
    background: linear-gradient(145deg, #f5ede3, #ecdfcf) !important;
    border: 1px solid rgba(176, 135, 97, .18) !important;
    box-shadow: 0 10px 24px rgba(89, 62, 36, .08);
}
.month-picker-bar::before { background: linear-gradient(100deg, rgba(214,161,99,.15), rgba(180,125,68,.10), rgba(225,187,148,.15)); }
.month-picker-bar .month-nav,
.month-picker-bar .month-select {
    color: #724c2f !important;
    background: rgba(255,255,255,.55) !important;
    border: 1px solid rgba(178, 138, 102, .18) !important;
}
.month-picker-bar .month-nav:not(.disabled):hover {
    color: #5a3921 !important;
    background: linear-gradient(100deg, rgba(232,198,155,.74), rgba(223,183,136,.74)) !important;
    border-color: rgba(194, 145, 88, .34) !important;
    box-shadow: 0 6px 16px rgba(177,127,74,.10) !important;
}
select.month-select:focus {
    border-color: rgba(194,145,88,.44) !important;
    box-shadow: 0 0 0 3px rgba(194,145,88,.10) !important;
}
select.month-select option {
    color: #5a3921;
    background: #fff9f3;
}