/* Late override for the legacy full-document Shows and Top Fans renderers. */
:root {
	--muze-pink: #ff3565;
	--muze-pink-soft: #ff89a4;
	--muze-surface: #171417;
	--muze-surface-raised: #1d181c;
	--muze-border: rgba(255, 53, 101, .38);
	--muze-muted: #c5b9be;
}
* { box-sizing: border-box; }
body {
	margin: 0 !important;
	color: #fff !important;
	background: #111 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
.top {
	position: relative !important;
	min-height: 70px;
	padding: 12px max(18px, calc((100vw - 1320px) / 2)) !important;
	background: #111 !important;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.top .logo { min-height: 44px; }
.top .logo img { height: 46px !important; }
.top .logo:last-child {
	min-height: 38px;
	padding: 8px 14px;
	background: #181518;
	border: 1px solid var(--muze-border);
	border-radius: 999px;
	font-size: 14px !important;
}
.muze-standalone-nav {
	position: sticky;
	top: 0;
	z-index: 20;
	background: linear-gradient(180deg, #242124, #161416);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
}
.muze-standalone-nav__inner {
	display: flex;
	width: min(1320px, 100%);
	margin: 0 auto;
	overflow-x: auto;
	scrollbar-width: thin;
}
.muze-standalone-nav a {
	display: inline-flex;
	min-height: 50px;
	padding: 0 20px;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #f6f2f4 !important;
	border-right: 1px solid rgba(255, 255, 255, .07);
	font-size: 14px;
	font-weight: 650;
	text-decoration: none !important;
}
.muze-standalone-nav a:hover,
.muze-standalone-nav a.is-active {
	color: #fff !important;
	background: linear-gradient(180deg, #ff3565, #e92557);
}
.muze-standalone-nav a:focus-visible,
.wrap a:focus-visible,
.wrap button:focus-visible,
.wrap input:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}
.wrap {
	width: min(1180px, 100%) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 38px 22px 80px !important;
}
.wrap h1 {
	margin: 0 0 8px !important;
	font-size: clamp(28px, 4vw, 40px) !important;
	font-weight: 850;
	letter-spacing: -.025em;
}
.wrap > .sub {
	max-width: 760px;
	margin: 0 0 30px !important;
	color: var(--muze-muted) !important;
	font-size: 15px !important;
	line-height: 1.55;
}

/* Shows */
.grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(290px, 370px)) !important;
	gap: 18px !important;
	align-items: start;
}
.show {
	color: #fff;
	background: linear-gradient(160deg, #191518, #151215) !important;
	border: 1px solid var(--muze-border) !important;
	border-radius: 13px !important;
	box-shadow: 0 15px 38px rgba(0, 0, 0, .28);
}
.show .thumb { height: 210px !important; }
.show .body { gap: 9px !important; padding: 16px 17px 20px !important; }
.show h3 { color: #fff; font-size: 19px !important; line-height: 1.25; }
.show .girl { color: var(--muze-pink-soft) !important; }
.show .desc,
.show .nums { color: var(--muze-muted) !important; }
.show .bar { height: 9px !important; background: #30252b !important; }
.show .fill { background: linear-gradient(90deg, var(--muze-pink), #ff815f) !important; }
.show .pb {
	min-height: 42px;
	padding: 10px 16px !important;
	background: linear-gradient(135deg, #ff3565, #be27cf) !important;
	border-radius: 999px;
}
.show .pc {
	min-height: 42px;
	background: #121012 !important;
	border-color: rgba(255, 53, 101, .45) !important;
}

/* Top Fans */
.champ {
	margin: 18px 0 24px !important;
	padding: 15px 18px !important;
	color: #ffe082 !important;
	background: linear-gradient(100deg, #2b2206, #171407) !important;
	border-color: rgba(255, 213, 79, .7) !important;
	border-radius: 12px !important;
}
.wrap h2 {
	margin: 26px 0 10px !important;
	color: #fff !important;
	font-size: 21px !important;
}
.row {
	min-height: 66px;
	padding: 10px 14px !important;
	background: var(--muze-surface-raised) !important;
	border: 1px solid rgba(255, 53, 101, .28) !important;
	border-radius: 12px !important;
}
.row.first {
	border-color: rgba(255, 213, 79, .75) !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .22) !important;
}
.row .lvl { color: var(--muze-muted) !important; }
.row .pts { color: var(--muze-pink-soft) !important; }
.how {
	padding: 18px !important;
	color: var(--muze-muted) !important;
	background: #171417 !important;
	border-color: rgba(255, 255, 255, .1) !important;
	border-radius: 12px !important;
}
.btn {
	min-height: 44px;
	padding: 11px 24px !important;
	background: linear-gradient(135deg, #ff3565, #be27cf) !important;
}

@media (max-width: 700px) {
	.top { min-height: 64px; padding: 10px 16px !important; }
	.top .logo img { height: 40px !important; }
	.top .logo:last-child { padding: 7px 10px; font-size: 13px !important; }
	.muze-standalone-nav a { min-height: 46px; padding: 0 16px; font-size: 13px; }
	.wrap { padding: 26px 16px 60px !important; }
	.wrap > .sub { margin-bottom: 22px !important; font-size: 14px !important; }
	.grid { grid-template-columns: 1fr !important; }
	.show .thumb { height: min(52vw, 210px) !important; }
	.row { gap: 9px !important; padding: 10px !important; }
	.row .medal { width: 25px !important; }
	.row .n { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}

@media (prefers-reduced-motion: reduce) {
	.show .fill { transition: none !important; }
}