/* Public user profile — Asura Scans tabbed layout */
.mcp-profile {
	--mcp-p-bg: #0b0c10;
	--mcp-p-card: #15171e;
	--mcp-p-elev: #1c1f29;
	--mcp-p-text: #e0e6ed;
	--mcp-p-muted: #8a93a2;
	--mcp-p-accent: #a855f7;
	--mcp-p-border: #242837;
	--mcp-p-radius: 14px;

	background: var(--mcp-p-bg);
	color: var(--mcp-p-text);
	border: 1px solid var(--mcp-p-border);
	border-radius: var(--mcp-p-radius);
	padding: 28px 24px 32px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.55;
	max-width: 960px;
	margin: 0 auto 40px;
	box-sizing: border-box;
}

.mcp-profile *,
.mcp-profile *::before,
.mcp-profile *::after {
	box-sizing: border-box;
}

.mcp-profile button {
	font-family: inherit;
	cursor: pointer;
}

.mcp-profile-empty {
	color: var(--mcp-p-muted);
	margin: 0;
	padding: 16px 0;
}

/* Header */
.mcp-profile-header {
	background: linear-gradient(180deg, var(--mcp-p-elev) 0%, var(--mcp-p-card) 100%);
	border: 1px solid var(--mcp-p-border);
	border-radius: var(--mcp-p-radius);
	padding: 24px;
	margin: 0 0 20px;
}

/* Vertical layout stack — Header → Bio → Stats */
.mcp-profile-layout {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	gap: 0 !important;
}

.mcp-profile-layout > .mcp-profile-header {
	order: 1;
	flex: 0 0 auto !important;
	width: 100% !important;
}

.mcp-profile-layout > .mcp-profile-bio-section {
	order: 2;
	flex: 0 0 auto !important;
	width: 100% !important;
}

.mcp-profile-layout > .mcp-edit-bio {
	order: 3;
	flex: 0 0 auto !important;
	width: 100% !important;
}

.mcp-profile-layout > .mcp-profile-stats {
	order: 4;
	flex: 0 0 auto !important;
	width: 100% !important;
	margin-bottom: 24px !important;
}

/* Tabs — Asura-style dark segmented control */
.mcp-profile-tabs-wrap {
	background: #0e1016;
	border: 1px solid var(--mcp-p-border);
	border-radius: 12px;
	padding: 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.mcp-profile-bio-section {
	display: block !important;
	margin: 0 0 24px;
	padding: 16px 18px;
	background: #15151b;
	border: 1px solid #2a2a38;
	border-radius: 10px;
	width: 100% !important;
	max-width: 100% !important;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}

.mcp-profile-bio {
	margin: 0;
	font-size: 14px;
	color: var(--mcp-p-text);
	line-height: 1.6;
	white-space: pre-wrap;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	max-width: 100%;
}

.mcp-profile-bio-empty {
	color: var(--mcp-p-muted);
	font-style: italic;
}

.mcp-profile-stats {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	gap: 12px !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	float: none !important;
	clear: both !important;
}

.mcp-profile-stats > .mcp-profile-stat-card,
.mcp-profile-stat-card {
	display: flex !important;
	flex: 1 1 0 !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0 !important;
	width: auto !important;
	max-width: none !important;
	float: none !important;
	clear: none !important;
	text-align: center !important;
	background: #15151b !important;
	border: 1px solid #2a2a38 !important;
	border-radius: 12px !important;
	padding: 15px 10px !important;
	min-width: 0 !important;
	min-height: 100px !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mcp-profile-stat-card:hover {
	border-color: rgba(168, 85, 247, 0.35) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.mcp-profile-stat-icon {
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	font-size: 18px;
	line-height: 1;
	margin: 0 0 10px !important;
	border-radius: 8px !important;
	border: 1px solid transparent !important;
}

.mcp-profile-stat-aura .mcp-profile-stat-icon {
	background: rgba(251, 146, 60, 0.15) !important;
	border-color: rgba(251, 146, 60, 0.35) !important;
}

.mcp-profile-stat-comments .mcp-profile-stat-icon,
.mcp-profile-stat-bookmarks .mcp-profile-stat-icon {
	background: rgba(168, 85, 247, 0.12) !important;
	border-color: rgba(168, 85, 247, 0.35) !important;
}

.mcp-profile-stat-value {
	display: block !important;
	font-size: 22px;
	font-weight: 800;
	color: #f4f4f5;
	line-height: 1.15;
	margin: 0 0 4px !important;
}

.mcp-profile-stat-aura:not(.negative-aura) .mcp-profile-stat-value {
	color: #fb923c;
	text-shadow: 0 0 10px rgba(251, 146, 60, 0.35);
}

.mcp-profile-stat-card.negative-aura .mcp-profile-stat-icon,
.mcp-profile-stat-card.negative-aura .mcp-profile-stat-value {
	color: #ff4a4a !important;
	font-weight: 900 !important;
	text-shadow: 0 0 12px rgba(255, 74, 74, 0.45);
}

.mcp-profile-stat-card.negative-aura .mcp-profile-stat-icon {
	background: rgba(255, 74, 74, 0.15) !important;
	border-color: rgba(255, 74, 74, 0.4) !important;
}

.mcp-profile-stat-label {
	display: block !important;
	margin: 0 !important;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #9ca3af;
	max-width: 100%;
}

.mcp-profile-bookmarks {
	margin: 0 !important;
	padding: 0 20px 20px !important;
}

.mcp-profile-activity + .mcp-profile-bookmarks {
	padding-top: 8px !important;
}

.mcp-profile-overview .mcp-profile-block.mcp-profile-activity {
	padding-bottom: 8px;
}

.mcp-profile-bookmarks-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 15px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	float: none !important;
	clear: both !important;
}

.mcp-profile-bookmarks-grid > .mcp-profile-bookmark-item {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	float: none !important;
	clear: none !important;
}

@media (min-width: 768px) {
	.mcp-profile-bookmarks-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

.mcp-profile-header-main {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.mcp-profile-avatar-wrap {
	position: relative;
	flex-shrink: 0;
	width: 120px;
	height: 120px;
}

.mcp-profile-avatar-wrap .mcp-profile-avatar {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--mcp-p-accent);
	box-shadow: 0 0 20px rgba(168, 85, 247, 0.35);
	display: block;
}

.mcp-profile-avatar-editable {
	cursor: pointer;
}

.mcp-profile-avatar-editable .mcp-profile-avatar {
	transition: opacity 0.2s ease;
}

.mcp-profile-avatar-wrap.is-uploading .mcp-profile-avatar {
	opacity: 0.45;
}

.mcp-profile-avatar-wrap.is-uploading::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 3px solid rgba(168, 85, 247, 0.25);
	border-top-color: var(--mcp-p-accent);
	animation: mcp-avatar-spin 0.8s linear infinite;
	pointer-events: none;
}

@keyframes mcp-avatar-spin {
	to {
		transform: rotate(360deg);
	}
}

.mcp-profile-avatar-edit {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 2px solid var(--mcp-p-bg) !important;
	background: var(--mcp-p-accent) !important;
	background-color: var(--mcp-p-accent) !important;
	color: #fff !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	cursor: pointer !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 15px;
	line-height: 1;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
	transition: transform 0.2s ease, background 0.2s ease;
	z-index: 2;
	-webkit-appearance: none !important;
	appearance: none !important;
	outline: none !important;
	min-width: 0 !important;
	min-height: 0 !important;
}

button.mcp-profile-avatar-edit {
	background: var(--mcp-p-accent) !important;
	background-color: var(--mcp-p-accent) !important;
	border: 2px solid var(--mcp-p-bg) !important;
	color: #fff !important;
}

.mcp-profile-avatar-edit:hover {
	transform: scale(1.05);
	background: #9333ea;
}

.mcp-profile-avatar-wrap.is-uploading .mcp-profile-avatar-edit {
	pointer-events: none;
	opacity: 0.6;
}

.mcp-profile-identity {
	flex: 1;
	min-width: 0;
	max-width: 100%;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.mcp-profile-name {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--mcp-p-text);
	overflow-wrap: break-word;
	word-wrap: break-word;
	max-width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}

.mcp-profile-rank {
	display: inline-block;
	margin-bottom: 10px;
}

.mcp-crown-icon {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	margin-right: 2px;
	flex-shrink: 0;
}

/* Aura title rank badges (profile) */
.mcp-rank-badge {
	display: inline-block;
	font-size: 0.85em;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 4px;
	padding: 2px 8px;
	border: 1px solid transparent;
	line-height: 1.4;
	white-space: nowrap;
}

.mcp-rank-badge.rank-rookie,
.mcp-profile-rank.rank-rookie {
	color: #2ecc71;
	border-color: #2ecc71;
	background: rgba(46, 204, 113, 0.15);
}

.mcp-rank-badge.rank-veteran,
.mcp-profile-rank.rank-veteran {
	color: #3498db;
	border-color: #3498db;
	background: rgba(52, 152, 219, 0.15);
}

.mcp-rank-badge.rank-elite,
.mcp-profile-rank.rank-elite {
	color: #9b59b6;
	border-color: #9b59b6;
	background: rgba(155, 89, 182, 0.15);
}

.mcp-rank-badge.rank-legend,
.mcp-profile-rank.rank-legend {
	color: #f1c40f;
	border-color: #f1c40f;
	background: rgba(241, 196, 15, 0.15);
}

.mcp-rank-badge.rank-mythic,
.mcp-profile-rank.rank-mythic {
	color: #e74c3c;
	border-color: #e74c3c;
	background: rgba(231, 76, 60, 0.15);
}

.mcp-rank-badge.rank-founder,
.mcp-profile-rank.rank-founder {
	color: #ffffff;
	background: linear-gradient(45deg, #ffd700, #ff4500);
	border: none;
	font-weight: 700;
}

.mcp-profile-joined {
	margin: 0;
	font-size: 13px;
	color: var(--mcp-p-muted);
	font-weight: 600;
}

/* Bio editor */
.mcp-edit-bio {
	background: var(--mcp-p-card);
	border: 1px solid var(--mcp-p-border);
	border-radius: var(--mcp-p-radius);
	padding: 18px 20px;
	margin-bottom: 20px;
}

.mcp-edit-bio-title {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 700;
	color: var(--mcp-p-text);
}

.mcp-edit-bio-textarea {
	width: 100%;
	background: var(--mcp-p-bg);
	border: 1px solid var(--mcp-p-border);
	border-radius: 10px;
	color: var(--mcp-p-text);
	padding: 12px 14px;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	min-height: 96px;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mcp-edit-bio-textarea:focus {
	border-color: var(--mcp-p-accent);
	box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.18);
}

.mcp-edit-bio-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.mcp-edit-bio-msg {
	font-size: 13px;
	color: var(--mcp-p-muted);
}

.mcp-edit-bio-msg.is-ok { color: #4ade80; }
.mcp-edit-bio-msg.is-error { color: #f87171; }

.mcp-edit-bio-btn {
	background: linear-gradient(135deg, var(--mcp-p-accent), #7c3aed);
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 6px 18px rgba(168, 85, 247, 0.35);
	transition: opacity 0.2s ease, transform 0.1s ease;
}

.mcp-edit-bio-btn:hover { opacity: 0.95; }
.mcp-edit-bio-btn:active { transform: translateY(1px); }
.mcp-edit-bio-btn:disabled { opacity: 0.6; cursor: not-allowed; }

/* Tabs — Asura-style dark segmented control */
.mcp-profile-tabs {
	display: flex;
	gap: 4px;
	width: 100%;
	margin: 0;
}

.mcp-profile-tab {
	flex: 1;
	display: block;
	background: transparent;
	border: none;
	border-radius: 9px;
	color: var(--mcp-p-muted);
	font-size: 14px;
	font-weight: 700;
	padding: 0;
	transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.mcp-profile-tab-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 11px 14px;
	border-radius: 8px;
	transition: background 0.2s ease;
}

.mcp-profile-tab-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	opacity: 0.75;
	transition: opacity 0.2s ease;
}

.mcp-profile-tab-label {
	white-space: nowrap;
	line-height: 1.2;
}

.mcp-profile-tab:hover {
	color: var(--mcp-p-text);
}

.mcp-profile-tab:hover .mcp-profile-tab-icon {
	opacity: 1;
}

.mcp-profile-tab.is-active {
	color: #fff;
	background: #1a1d28;
	box-shadow: inset 0 0 0 1px rgba(168, 85, 247, 0.22), 0 2px 8px rgba(0, 0, 0, 0.25);
}

.mcp-profile-tab.is-active .mcp-profile-tab-inner {
	background: rgba(168, 85, 247, 0.08);
}

.mcp-profile-tab.is-active .mcp-profile-tab-icon {
	opacity: 1;
	color: var(--mcp-p-accent);
}

/* Panels */
.mcp-profile-panels {
	position: relative;
	min-height: 120px;
}

.mcp-profile-panel {
	display: none;
	padding-top: 22px;
	opacity: 0;
	transition: opacity 0.25s ease;
}

.mcp-profile-panel.is-active {
	display: block;
	opacity: 1;
}

.mcp-profile-panel.is-fading-in {
	display: block;
	opacity: 1;
}

.mcp-profile-panel-overview {
	padding-top: 16px;
}

.mcp-profile-overview {
	background: #1a1a1a;
	border: 1px solid #252525;
	border-radius: 12px;
	overflow: hidden;
}

.mcp-profile-block {
	padding: 20px 20px 8px;
}

.mcp-profile-block + .mcp-profile-block {
	padding-top: 8px;
	padding-bottom: 20px;
}

.mcp-profile-block-title {
	margin: 0 0 16px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #f0f0f0;
}

.mcp-profile-block .mcp-profile-empty {
	padding: 8px 0 12px;
	font-size: 14px;
	color: #7a7a85;
}

.mcp-profile-bookmark-item {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	min-width: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	text-decoration: none !important;
	color: inherit !important;
	transition: transform 0.15s ease;
}

.mcp-profile-bookmark-item:hover {
	transform: translateY(-3px);
}

.mcp-profile-bookmark-item.mcp-bookmark-hidden {
	display: none !important;
}

@media (max-width: 767px) {
	.mcp-profile-bookmark-item.mcp-bookmark-hidden-mobile {
		display: none !important;
	}
}

.mcp-profile-bookmark-cover {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	aspect-ratio: 2 / 3 !important;
	border-radius: 6px !important;
	overflow: hidden !important;
	background: #121218 !important;
	border: 1px solid #2a2a38 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

.mcp-profile-bookmark-cover img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	border-radius: 6px !important;
}

.mcp-profile-bookmark-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 10px;
	font-weight: 600;
	color: #6b7280;
	text-align: center;
	padding: 8px;
}

.mcp-profile-bookmark-title {
	font-size: 11px;
	font-weight: 700;
	line-height: 1.35;
	color: #d4d4d8;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	word-break: break-word;
}

.mcp-profile-bookmark-item:hover .mcp-profile-bookmark-title {
	color: #a855f7;
}

.mcp-profile-bookmarks-loadmore-wrap {
	text-align: center;
	margin-top: 16px;
	padding-bottom: 4px;
}

.mcp-profile-bookmarks-loadmore {
	background: transparent !important;
	border: 1px solid #a855f7 !important;
	color: #a855f7 !important;
	border-radius: 10px !important;
	padding: 10px 26px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.mcp-profile-bookmarks-loadmore:hover {
	background: #a855f7 !important;
	color: #fff !important;
}

/* Activity — vertical list */
.mcp-profile-activity-list {
	display: flex;
	flex-direction: column;
	background: #161616;
	border: 1px solid #252525;
	border-radius: 10px;
	overflow: hidden;
}

.mcp-profile-activity-row {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 14px 16px;
	text-decoration: none;
	color: inherit;
	border-bottom: 1px solid #252525;
	transition: background 0.15s ease;
}

.mcp-profile-activity-row:last-child {
	border-bottom: none;
}

.mcp-profile-activity-row:hover {
	background: #1f1f1f;
}

.mcp-profile-activity-thumb {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	overflow: hidden;
	background: #121212;
	border: 1px solid #2a2a2a;
}

.mcp-profile-activity-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mcp-profile-activity-thumb-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #52525b;
}

.mcp-profile-activity-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding-top: 1px;
}

.mcp-profile-activity-title {
	font-size: 14px;
	font-weight: 700;
	color: #f4f4f5;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mcp-profile-activity-row:hover .mcp-profile-activity-title {
	color: #fff;
}

.mcp-profile-activity-chapter {
	font-size: 12px;
	font-weight: 500;
	color: #a1a1aa;
	line-height: 1.3;
}

.mcp-profile-activity-time {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 4px;
	font-size: 11px;
	font-weight: 600;
	color: #71717a;
}

.mcp-profile-activity-clock {
	width: 13px;
	height: 13px;
	flex-shrink: 0;
	opacity: 0.85;
}

/* Comments tab toolbar */
.mcp-profile-comments-toolbar {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 14px;
}

.mcp-profile-sort {
	display: inline-flex;
	background: var(--mcp-p-card);
	border: 1px solid var(--mcp-p-border);
	border-radius: 10px;
	padding: 3px;
	gap: 2px;
}

.mcp-profile-sort-btn {
	background: transparent;
	border: none;
	color: var(--mcp-p-muted);
	font-size: 13px;
	font-weight: 700;
	padding: 7px 14px;
	border-radius: 8px;
	transition: color 0.15s ease, background 0.15s ease;
}

.mcp-profile-sort-btn:hover {
	color: var(--mcp-p-text);
}

.mcp-profile-sort-btn.is-active {
	background: linear-gradient(135deg, var(--mcp-p-accent), #7c3aed);
	color: #fff;
	box-shadow: 0 4px 12px rgba(168, 85, 247, 0.35);
}

/* Comment rows */
.mcp-profile-comments-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mcp-profile-comments-list.is-loading {
	opacity: 0.5;
	pointer-events: none;
}

.mcp-profile-comment {
	display: flex;
	gap: 14px;
	background: var(--mcp-p-card);
	border: 1px solid var(--mcp-p-border);
	border-radius: 12px;
	padding: 14px;
	transition: border-color 0.15s ease;
}

.mcp-profile-comment:hover {
	border-color: rgba(168, 85, 247, 0.35);
}

.mcp-profile-comment-cover {
	flex-shrink: 0;
	width: 72px;
	height: 100px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--mcp-p-border);
	background: var(--mcp-p-elev);
	text-decoration: none;
	display: block;
}

.mcp-profile-comment-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mcp-profile-comment-cover-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 10px;
	font-weight: 600;
	color: var(--mcp-p-muted);
	text-align: center;
	padding: 6px;
}

.mcp-profile-comment-body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.mcp-profile-comment-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
}

.mcp-profile-comment-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	min-width: 0;
}

.mcp-profile-comment-manga,
.mcp-profile-comment-chapter {
	font-weight: 700;
	color: var(--mcp-p-accent);
	text-decoration: none;
}

.mcp-profile-comment-manga:hover,
.mcp-profile-comment-chapter:hover {
	text-decoration: underline;
}

.mcp-profile-comment-sep {
	color: var(--mcp-p-muted);
}

.mcp-profile-comment-time {
	font-size: 12px;
	color: var(--mcp-p-muted);
	font-weight: 600;
	white-space: nowrap;
}

.mcp-profile-comment-text {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--mcp-p-text);
	word-break: break-word;
}

.mcp-profile-comment-votes {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
}

.mcp-profile-vote {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--mcp-p-bg);
	border: 1px solid var(--mcp-p-border);
	color: var(--mcp-p-muted);
	border-radius: 20px;
	padding: 5px 13px;
	font-size: 13px;
	font-weight: 600;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.mcp-profile-vote:hover {
	color: var(--mcp-p-text);
	border-color: var(--mcp-p-accent);
}

.mcp-profile-like.is-active {
	border-color: #34d399;
	color: #34d399;
}

.mcp-disabled-like {
	opacity: 0.5;
	pointer-events: none;
	cursor: not-allowed;
}

.mcp-profile-dislike.is-active {
	border-color: #f87171;
	color: #f87171;
}

/* Load more */
.mcp-profile-loadmore-wrap {
	text-align: center;
	margin-top: 18px;
}

.mcp-profile-loadmore {
	background: transparent;
	border: 1px solid var(--mcp-p-accent);
	color: var(--mcp-p-accent);
	border-radius: 10px;
	padding: 10px 26px;
	font-size: 14px;
	font-weight: 700;
	transition: background 0.2s ease, color 0.2s ease;
}

.mcp-profile-loadmore:hover {
	background: var(--mcp-p-accent);
	color: #fff;
}

.mcp-profile-loadmore:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Profile links (comments / leaderboard) */
a.mcp-profile-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.15s ease;
}

a.mcp-profile-link:hover {
	color: var(--mcp-p-accent, #a855f7);
}

@media (max-width: 768px) {
	.mcp-profile {
		padding: 16px 14px 24px;
		max-width: 100%;
		overflow-x: hidden;
	}

	.mcp-profile-layout {
		max-width: 100%;
		overflow-x: hidden;
		padding: 0 2px;
	}

	.mcp-profile-header {
		padding: 18px 16px;
		margin-bottom: 16px;
	}

	.mcp-profile-bio-section {
		padding: 14px 16px;
		margin-bottom: 20px;
	}

	.mcp-profile-header-main {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.mcp-profile-identity {
		width: 100%;
		max-width: 100%;
	}

	.mcp-profile-name,
	.mcp-profile-bio,
	.mcp-profile-bio-section {
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-word;
		max-width: 100%;
	}

	.mcp-profile-block {
		padding-left: 0;
		padding-right: 0;
	}

	.mcp-profile-stats {
		display: flex !important;
		flex-direction: row !important;
		gap: 8px !important;
		margin-bottom: 20px !important;
	}

	.mcp-profile-stats > .mcp-profile-stat-card,
	.mcp-profile-stat-card {
		flex: 1 1 0 !important;
		padding: 12px 6px !important;
		min-height: 90px !important;
	}

	.mcp-profile-stat-icon {
		width: 32px !important;
		height: 32px !important;
		font-size: 16px;
		margin-bottom: 8px !important;
	}

	.mcp-profile-stat-value {
		font-size: 17px;
	}

	.mcp-profile-stat-label {
		font-size: 9px;
		letter-spacing: 0.04em;
	}

	.mcp-profile-bookmarks-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.mcp-profile-comment {
		flex-direction: row;
	}

	.mcp-profile-comment-cover {
		width: 60px;
		height: 84px;
	}

	.mcp-profile-comment-head {
		flex-direction: column;
	}

	.mcp-profile-tab-label {
		font-size: 13px;
	}

	.mcp-profile-tab-inner {
		padding: 10px 8px;
		gap: 6px;
	}
}

/* ==========================================================================
   Madara / global theme conflict overrides — keep at end of file
   ========================================================================== */

.mcp-profile .mcp-profile-tabs-wrap {
	display: flex !important;
	flex-direction: row !important;
	width: 100% !important;
	background: #0e1016 !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	border: 1px solid #252525 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}

.mcp-profile .mcp-profile-tabs {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
	background: transparent !important;
	border: none !important;
}

.mcp-profile .mcp-profile-tab {
	width: 50% !important;
	max-width: 50% !important;
	flex: 0 0 50% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 15px !important;
	background: transparent !important;
	color: #fff !important;
	border: none !important;
	box-shadow: none !important;
	float: none !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: normal !important;
	text-transform: none !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	border-radius: 0 !important;
	margin: 0 !important;
}

.mcp-profile .mcp-profile-tab.is-active {
	background: #1a1d28 !important;
	color: #fff !important;
}

.mcp-profile .mcp-profile-tab-inner {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.mcp-profile .mcp-profile-tab svg,
.mcp-profile .mcp-profile-tab-icon {
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	max-width: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	margin-right: 8px !important;
	flex-shrink: 0 !important;
	display: inline-block !important;
	float: none !important;
}

.mcp-profile .mcp-profile-layout {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

.mcp-profile .mcp-profile-bio-section {
	display: block !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	overflow: visible !important;
}

.mcp-profile .mcp-profile-stats {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	gap: 12px !important;
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 0 24px !important;
	float: none !important;
	clear: both !important;
}

.mcp-profile .mcp-profile-stats > .mcp-profile-stat-card,
.mcp-profile .mcp-profile-stat-card {
	display: flex !important;
	flex: 1 1 0 !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	gap: 0 !important;
	background: #15151b !important;
	border: 1px solid #2a2a38 !important;
	border-radius: 12px !important;
	padding: 15px 10px !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	height: auto !important;
	box-shadow: none !important;
	clear: none !important;
}

.mcp-profile .mcp-profile-stat-icon {
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	float: none !important;
	margin: 0 0 10px !important;
}

.mcp-profile .mcp-profile-stat-value,
.mcp-profile .mcp-profile-stat-label {
	display: block !important;
	float: none !important;
	width: auto !important;
	max-width: 100% !important;
	text-align: center !important;
}

.mcp-profile .mcp-rank-badge.rank-rookie,
.mcp-profile .mcp-profile-rank.rank-rookie {
	color: #2ecc71 !important;
	border-color: #2ecc71 !important;
	background: rgba(46, 204, 113, 0.15) !important;
}

.mcp-profile .mcp-rank-badge.rank-veteran,
.mcp-profile .mcp-profile-rank.rank-veteran {
	color: #3498db !important;
	border-color: #3498db !important;
	background: rgba(52, 152, 219, 0.15) !important;
}

.mcp-profile .mcp-rank-badge.rank-elite,
.mcp-profile .mcp-profile-rank.rank-elite {
	color: #9b59b6 !important;
	border-color: #9b59b6 !important;
	background: rgba(155, 89, 182, 0.15) !important;
}

.mcp-profile .mcp-rank-badge.rank-legend,
.mcp-profile .mcp-profile-rank.rank-legend {
	color: #f1c40f !important;
	border-color: #f1c40f !important;
	background: rgba(241, 196, 15, 0.15) !important;
}

.mcp-profile .mcp-rank-badge.rank-mythic,
.mcp-profile .mcp-profile-rank.rank-mythic {
	color: #e74c3c !important;
	border-color: #e74c3c !important;
	background: rgba(231, 76, 60, 0.15) !important;
}

.mcp-profile .mcp-rank-badge.rank-founder,
.mcp-profile .mcp-profile-rank.rank-founder {
	color: #ffffff !important;
	background: linear-gradient(45deg, #ffd700, #ff4500) !important;
	border: none !important;
	font-weight: 700 !important;
}

@media (max-width: 767px) {
	.mcp-profile .mcp-profile-bookmark-item.mcp-bookmark-hidden-mobile {
		display: none !important;
	}
}

.mcp-profile .mcp-profile-stat-card.negative-aura .mcp-profile-stat-icon,
.mcp-profile .mcp-profile-stat-card.negative-aura .mcp-profile-stat-value {
	color: #ff4a4a !important;
	font-weight: 900 !important;
}

.mcp-profile .mcp-profile-bookmarks-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	width: 100% !important;
	max-width: 100% !important;
	gap: 15px !important;
	overflow: visible !important;
	flex-wrap: unset !important;
	float: none !important;
	clear: both !important;
}

.mcp-profile .mcp-profile-bookmarks-grid > .mcp-profile-bookmark-item,
.mcp-profile .mcp-profile-bookmarks-grid > a.mcp-profile-bookmark-item {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	flex-shrink: 1 !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
}

@media (min-width: 768px) {
	.mcp-profile .mcp-profile-bookmarks-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
}

.mcp-profile .mcp-profile-bookmark-item {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	flex-shrink: 1 !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
}

.mcp-profile .mcp-profile-bookmark-item.mcp-bookmark-hidden {
	display: none !important;
}

.mcp-profile .mcp-profile-bookmark-cover {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	aspect-ratio: 2 / 3 !important;
	overflow: hidden !important;
	float: none !important;
}

.mcp-profile .mcp-profile-bookmark-cover img,
.mcp-profile .mcp-profile-bookmarks-grid img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-height: 100% !important;
	object-fit: cover !important;
	border-radius: 6px !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

.mcp-profile .mcp-profile-bookmark-title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 100% !important;
	float: none !important;
}

.mcp-profile .mcp-activity-item,
.mcp-profile .mcp-profile-activity-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	width: 100% !important;
	padding: 12px 16px !important;
	border-bottom: 1px solid #252525 !important;
	background: transparent !important;
	box-shadow: none !important;
	float: none !important;
	text-decoration: none !important;
	color: inherit !important;
	margin: 0 !important;
}

.mcp-profile .mcp-activity-item img,
.mcp-profile .mcp-profile-activity-row > img {
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	max-width: 48px !important;
	min-height: 48px !important;
	max-height: 48px !important;
	object-fit: cover !important;
	border-radius: 8px !important;
	margin-right: 15px !important;
	flex-shrink: 0 !important;
	display: block !important;
	float: none !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

.mcp-profile .mcp-activity-item svg,
.mcp-profile .mcp-activity-item i,
.mcp-profile .mcp-profile-activity-row svg,
.mcp-profile .mcp-profile-activity-row i,
.mcp-profile .mcp-profile-activity-clock {
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
	max-width: 14px !important;
	min-height: 14px !important;
	max-height: 14px !important;
	display: inline-block !important;
	flex-shrink: 0 !important;
	float: none !important;
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
	vertical-align: middle !important;
}

.mcp-profile .mcp-profile-activity-content {
	flex: 1 !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
}

.mcp-profile .mcp-profile-activity-list {
	display: block !important;
	width: 100% !important;
	background: #161616 !important;
	border: 1px solid #252525 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
}

.mcp-profile .mcp-profile-activity-list .mcp-activity-item:last-child,
.mcp-profile .mcp-profile-activity-list .mcp-profile-activity-row:last-child {
	border-bottom: none !important;
}

.mcp-profile .mcp-profile-overview {
	background: #1a1a1a !important;
	border: 1px solid #252525 !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
}

.mcp-profile .mcp-profile-avatar {
	width: 120px !important;
	height: 120px !important;
	max-width: 120px !important;
	min-width: 120px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
}

@media (max-width: 768px) {
	.mcp-profile .mcp-profile-stats {
		display: flex !important;
		flex-direction: row !important;
		gap: 8px !important;
	}

	.mcp-profile .mcp-profile-stats > .mcp-profile-stat-card,
	.mcp-profile .mcp-profile-stat-card {
		display: flex !important;
		flex: 1 1 0 !important;
		flex-direction: column !important;
		align-items: center !important;
		padding: 12px 6px !important;
	}

	.mcp-profile .mcp-profile-stat-icon {
		width: 32px !important;
		height: 32px !important;
		font-size: 16px !important;
		margin-bottom: 8px !important;
	}

	.mcp-profile .mcp-profile-bookmarks-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.mcp-profile .mcp-profile-bio-section,
	.mcp-profile .mcp-profile-bio {
		overflow-wrap: break-word !important;
		word-wrap: break-word !important;
		max-width: 100% !important;
	}
}

/* Prevent Madara/global img rules from blowing up bookmark covers */
body .site-content .mcp-profile .mcp-profile-bookmarks-grid a.mcp-profile-bookmark-item,
.mcp-profile .mcp-profile-bookmarks-grid a.mcp-profile-bookmark-item {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: none !important;
}

body .site-content .mcp-profile .mcp-profile-bookmarks-grid img,
.mcp-profile .mcp-profile-bookmarks-grid a.mcp-profile-bookmark-item img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	min-height: 0 !important;
	object-fit: cover !important;
}