.mr-game {
	--mr-bg: #090b10;
	--mr-panel: #11151d;
	--mr-panel-soft: #151b25;
	--mr-border: rgba(255, 255, 255, 0.1);
	--mr-text: #f4f7fb;
	--mr-muted: #9aa7b7;
	--mr-red: #ff365f;
	--mr-gold: #ffc857;
	--mr-blue: #37c5ff;
	--mr-green: #3ee48a;
	--mr-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
	box-sizing: border-box;
	color: var(--mr-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
	margin: 0 auto;
	max-width: min(1560px, 100%);
	padding: 20px;
	width: 100%;
}

.mr-game *,
.mr-game *::before,
.mr-game *::after {
	box-sizing: border-box;
}

.mr-game a {
	color: inherit;
}

.mr-hero-panel,
.mr-page-head,
.mr-card,
.mr-resource,
.mr-action-card,
.mr-item-card,
.mr-empty {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)), var(--mr-panel);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	box-shadow: var(--mr-shadow);
}

.mr-hero-panel {
	align-items: stretch;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.8fr);
	margin-bottom: 18px;
	overflow: hidden;
	padding: 24px;
	position: relative;
}

.mr-hero-panel::before {
	background:
		linear-gradient(120deg, rgba(255, 54, 95, 0.18), transparent 42%),
		linear-gradient(300deg, rgba(55, 197, 255, 0.14), transparent 48%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.mr-hero-panel > * {
	position: relative;
}

.mr-page-head {
	align-items: center;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
	margin-bottom: 18px;
	padding: 20px;
}

.mr-store-head-actions,
.mr-resource-with-action {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.mr-store-head-actions {
	grid-template-columns: minmax(0, 1fr) minmax(120px, auto);
}

.mr-eyebrow {
	color: var(--mr-gold);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0;
	margin: 0 0 7px;
	text-transform: uppercase;
}

.mr-game h1,
.mr-game h2,
.mr-game h3,
.mr-game p {
	letter-spacing: 0;
}

.mr-game h1 {
	font-size: clamp(2rem, 3.5vw, 3.5rem);
	line-height: 1.02;
	margin: 0;
}

.mr-game h2 {
	font-size: 1.08rem;
	line-height: 1.25;
	margin: 0;
}

.mr-muted {
	color: var(--mr-muted);
	margin: 8px 0 0;
}

.mr-grid {
	display: grid;
	gap: 16px;
	margin-bottom: 18px;
}

.mr-grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-grid-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-grid-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mr-card {
	padding: 18px;
}

.mr-card-head {
	align-items: flex-start;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 14px;
}

.mr-badge {
	background: rgba(255, 200, 87, 0.14);
	border: 1px solid rgba(255, 200, 87, 0.3);
	border-radius: 999px;
	color: var(--mr-gold);
	display: inline-flex;
	font-size: 0.78rem;
	font-weight: 800;
	min-height: 28px;
	padding: 5px 10px;
	white-space: nowrap;
}

.mr-badge-muted {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.14);
	color: var(--mr-muted);
}

.mr-role-badge {
	border-radius: 999px;
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 900;
	margin-top: 8px;
	min-height: 26px;
	padding: 5px 9px;
	text-transform: uppercase;
}

.mr-role-admin {
	background: rgba(255, 200, 87, 0.18);
	border: 1px solid rgba(255, 200, 87, 0.48);
	color: var(--mr-gold);
}

.mr-role-moderator {
	background: rgba(55, 197, 255, 0.16);
	border: 1px solid rgba(55, 197, 255, 0.42);
	color: #bceeff;
}

.mr-role-forum-moderator {
	background: rgba(198, 140, 255, 0.16);
	border: 1px solid rgba(198, 140, 255, 0.42);
	color: #e4c8ff;
}

.mr-role-player {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: var(--mr-muted);
}

.mr-online-pill {
	border-radius: 999px;
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 900;
	margin-top: 8px;
	min-height: 26px;
	padding: 5px 9px;
	text-transform: uppercase;
}

.mr-online-pill.is-online {
	background: rgba(77, 229, 141, 0.14);
	border: 1px solid rgba(77, 229, 141, 0.36);
	color: #a9ffc9;
}

.mr-online-pill.is-offline {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: var(--mr-muted);
}

.mr-hero-balances {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 112px), 1fr));
	min-width: 0;
}

.mr-hero-balances div,
.mr-mini-balance,
.mr-cart-link,
.mr-stat-tile {
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	min-width: 0;
	padding: 13px 14px;
}

.mr-hero-balances span,
.mr-mini-balance span,
.mr-cart-link span,
.mr-stat-tile span,
.mr-stat-row span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.mr-hero-balances strong,
.mr-mini-balance strong,
.mr-cart-link strong,
.mr-stat-tile strong {
	color: var(--mr-text);
	display: block;
	font-size: clamp(0.95rem, 1vw, 1.08rem);
	line-height: 1.1;
	margin-top: 5px;
	overflow-wrap: anywhere;
	white-space: normal;
	word-break: normal;
}

.mr-cart-link {
	display: block;
	text-decoration: none;
	transition: border-color 0.18s ease, transform 0.18s ease;
}

.mr-cart-link:hover,
.mr-cart-link:focus {
	border-color: rgba(255, 200, 87, 0.65);
	transform: translateY(-1px);
}

.mr-dashboard-hero {
	align-items: center;
	background:
		linear-gradient(120deg, rgba(255, 54, 95, 0.15), transparent 42%),
		linear-gradient(300deg, rgba(55, 197, 255, 0.12), transparent 48%),
		var(--mr-panel);
	grid-template-columns: minmax(0, 1.1fr) minmax(500px, 0.9fr);
	padding: 20px;
}

.mr-dashboard-page {
	max-width: 1480px;
}

.mr-dashboard-profile-card {
	align-items: center;
	display: grid;
	gap: 20px;
	grid-template-columns: 142px minmax(0, 1fr);
	min-width: 0;
}

.mr-dashboard-avatar {
	align-items: center;
	aspect-ratio: 1;
	background:
		linear-gradient(145deg, rgba(255, 200, 87, 0.16), rgba(0, 0, 0, 0.35)),
		repeating-linear-gradient(135deg, rgba(255, 200, 87, 0.08) 0 2px, transparent 2px 8px);
	border: 1px solid rgba(255, 200, 87, 0.34);
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.36), 0 12px 28px rgba(0, 0, 0, 0.28);
	color: var(--mr-gold);
	display: flex;
	font-size: 4.6rem;
	font-weight: 950;
	justify-content: center;
	overflow: hidden;
	text-decoration: none;
}

.mr-dashboard-avatar img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mr-dashboard-avatar.has-image {
	background: #090b10;
}

.mr-dashboard-identity {
	min-width: 0;
}

.mr-dashboard-affiliation {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 12px 0;
}

.mr-dashboard-affiliation span,
.mr-dashboard-affiliation strong,
.mr-dashboard-affiliation em {
	color: var(--mr-muted);
	font-size: 0.82rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.2;
}

.mr-dashboard-affiliation strong {
	color: var(--mr-text);
}

.mr-dashboard-affiliation i {
	background: var(--mr-green);
	border-radius: 999px;
	box-shadow: 0 0 0 3px rgba(62, 228, 138, 0.12);
	display: inline-block;
	height: 7px;
	margin-right: 6px;
	width: 7px;
}

.mr-dashboard-profile-link {
	color: inherit;
	text-decoration: none;
}

.mr-dashboard-profile-link:hover,
.mr-dashboard-profile-link:focus {
	color: var(--mr-gold);
}

.mr-dashboard-callouts {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-dashboard-callouts div,
.mr-dashboard-feature-list div {
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	min-width: 0;
	padding: 14px;
}

.mr-dashboard-callouts div {
	align-content: center;
	justify-items: center;
	min-height: 92px;
	text-align: center;
}

.mr-dashboard-callouts span,
.mr-dashboard-feature-list span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-dashboard-callouts strong,
.mr-dashboard-feature-list strong {
	color: var(--mr-text);
	display: block;
	font-size: 1.05rem;
	line-height: 1.18;
	margin-top: 5px;
	overflow-wrap: anywhere;
}

.mr-dashboard-callouts strong {
	font-size: clamp(0.9rem, 0.82vw, 1.04rem);
	overflow-wrap: normal;
	white-space: nowrap;
}

.mr-dashboard-meter,
.mr-dashboard-panel {
	min-height: 0;
}

.mr-dashboard-quick-actions {
	margin-bottom: 18px;
	padding: 16px;
}

.mr-dashboard-quick-actions .mr-card-head {
	margin-bottom: 10px;
}

.mr-dashboard-action-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
}

.mr-dashboard-action-link {
	align-items: center;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(5, 8, 13, 0.58));
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 6px;
	color: var(--mr-text);
	display: grid;
	gap: 8px;
	justify-items: center;
	min-height: 76px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.mr-dashboard-action-link:hover,
.mr-dashboard-action-link:focus {
	background: rgba(255, 183, 74, 0.1);
	border-color: rgba(255, 183, 74, 0.45);
	transform: translateY(-1px);
}

.mr-dashboard-action-icon {
	color: var(--mr-gold);
	display: inline-flex;
	height: 24px;
	width: 24px;
}

.mr-dashboard-action-icon svg {
	fill: none;
	height: 100%;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.9;
	width: 100%;
}

.mr-dashboard-action-link strong {
	font-size: 0.88rem;
	line-height: 1.15;
}

.mr-dashboard-overview-grid,
.mr-dashboard-secondary-grid {
	align-items: stretch;
	margin-bottom: 18px;
}

.mr-dashboard-overview-grid .mr-card-head,
.mr-dashboard-secondary-grid .mr-card-head {
	margin-bottom: 12px;
}

.mr-dashboard-card-link {
	align-items: center;
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	color: var(--mr-text);
	display: flex;
	font-size: 0.88rem;
	font-weight: 850;
	justify-content: center;
	margin-top: 14px;
	min-height: 40px;
	padding: 9px 12px;
	text-align: center;
	text-decoration: none;
	transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
	width: 100%;
}

.mr-dashboard-card-link:hover,
.mr-dashboard-card-link:focus {
	background: rgba(255, 200, 87, 0.08);
	border-color: rgba(255, 200, 87, 0.5);
	color: var(--mr-gold);
}

.mr-dashboard-resource-list {
	display: grid;
	gap: 10px;
}

.mr-dashboard-resource-list .mr-resource {
	background: rgba(0, 0, 0, 0.18);
	box-shadow: none;
	min-height: 70px;
	padding: 10px;
}

.mr-dashboard-resource-list .mr-resource-meta {
	margin-bottom: 8px;
}

.mr-dashboard-resource-list-compact .mr-resource {
	min-height: 52px;
	padding: 9px 10px;
}

.mr-dashboard-resource-list-compact .mr-resource-meta {
	margin-bottom: 6px;
}

.mr-dashboard-status-overview .mr-resource-energy .mr-resource-track span {
	background: linear-gradient(90deg, var(--mr-gold), #ffe29a);
}

.mr-dashboard-status-overview .mr-resource-stamina .mr-resource-track span {
	background: linear-gradient(90deg, var(--mr-blue), #7de3ff);
}

.mr-dashboard-progress-card {
	text-align: center;
}

.mr-dashboard-progress-card .mr-card-head {
	justify-content: flex-start;
	text-align: left;
	width: 100%;
}

.mr-dashboard-progress-ring {
	--progress: 0%;
	align-items: center;
	aspect-ratio: 1;
	background: conic-gradient(var(--mr-gold) var(--progress), rgba(255, 255, 255, 0.1) 0);
	border-radius: 50%;
	box-shadow: 0 0 30px rgba(255, 183, 74, 0.16);
	display: grid;
	justify-items: center;
	margin: 8px auto 14px;
	max-width: 168px;
	position: relative;
	width: min(168px, 78%);
}

.mr-dashboard-progress-ring::before {
	background:
		radial-gradient(circle at 50% 22%, rgba(255, 255, 255, 0.08), transparent 42%),
		#10151d;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 50%;
	content: "";
	inset: 14px;
	position: absolute;
}

.mr-dashboard-progress-ring > div {
	display: grid;
	gap: 4px;
	justify-items: center;
	position: relative;
	z-index: 1;
}

.mr-dashboard-progress-ring strong {
	color: var(--mr-text);
	font-size: 2rem;
	line-height: 1;
}

.mr-dashboard-progress-ring span {
	color: var(--mr-gold);
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-dashboard-xp-total {
	color: var(--mr-text);
	font-size: 1rem;
	font-weight: 900;
	margin: 0 0 4px;
}

.mr-dashboard-task-list {
	display: grid;
	gap: 8px;
}

.mr-dashboard-task-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 7px;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 56px;
	padding: 10px;
}

.mr-dashboard-task-row.is-complete {
	border-color: rgba(62, 228, 138, 0.22);
}

.mr-dashboard-task-row h3 {
	font-size: 0.9rem;
	line-height: 1.2;
	margin: 0;
}

.mr-dashboard-task-row p {
	font-size: 0.76rem;
	line-height: 1.35;
	margin: 4px 0 0;
}

.mr-dashboard-task-form {
	margin: 0;
}

.mr-dashboard-task-row .mr-button,
.mr-dashboard-task-state {
	min-width: 78px;
}

.mr-dashboard-task-state {
	align-items: center;
	background: rgba(62, 228, 138, 0.12);
	border: 1px solid rgba(62, 228, 138, 0.28);
	border-radius: 6px;
	color: var(--mr-green);
	display: inline-flex;
	font-size: 0.78rem;
	font-weight: 900;
	justify-content: center;
	min-height: 34px;
	padding: 7px 10px;
	text-transform: uppercase;
}

.mr-dashboard-card-note {
	color: var(--mr-muted);
	font-size: 0.78rem;
	margin: 12px 0 0;
}

.mr-dashboard-lockdown-card {
	overflow: hidden;
	position: relative;
}

.mr-dashboard-lockdown-card::after {
	background:
		radial-gradient(circle at 72% 68%, rgba(55, 197, 255, 0.13), transparent 28%),
		linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.18));
	bottom: 0;
	content: "";
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 58%;
}

.mr-dashboard-lockdown-card > * {
	position: relative;
	z-index: 1;
}

.mr-dashboard-page .mr-dashboard-money-list div {
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 7px;
	padding: 11px 12px;
}

.mr-dashboard-page .mr-dashboard-money-list span {
	font-size: 0.8rem;
	text-transform: uppercase;
}

.mr-dashboard-page .mr-dashboard-money-list strong {
	color: var(--mr-text);
	font-size: 1.05rem;
}

.mr-dashboard-gear-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-dashboard-gear-tile {
	align-content: start;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 7px;
	display: grid;
	gap: 8px;
	justify-items: center;
	min-width: 0;
	padding: 10px;
	text-align: center;
}

.mr-dashboard-gear-tile.is-empty {
	border-style: dashed;
}

.mr-dashboard-gear-label {
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-dashboard-gear-art {
	align-items: center;
	display: grid;
	height: 76px;
	justify-items: center;
	width: 100%;
}

.mr-dashboard-gear-art .mr-item-icon {
	border-radius: 6px;
	height: 76px;
	max-width: 132px;
	width: 100%;
}

.mr-dashboard-gear-art .mr-dashboard-action-icon {
	color: var(--mr-muted);
	height: 34px;
	width: 34px;
}

.mr-dashboard-gear-tile strong {
	color: var(--mr-text);
	font-size: 0.86rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.mr-dashboard-feature-list {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-dashboard-feature-list-compact {
	margin-bottom: 14px;
}

.mr-dashboard-link-row,
.mr-dashboard-link-grid {
	display: grid;
	gap: 10px;
	margin-top: 14px;
}

.mr-dashboard-link-row {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-dashboard-link-row a,
.mr-dashboard-link-grid a {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	color: var(--mr-text);
	display: flex;
	font-size: 0.86rem;
	font-weight: 850;
	gap: 8px;
	justify-content: center;
	min-height: 40px;
	padding: 9px 10px;
	text-align: center;
	text-decoration: none;
	transition: border-color 0.18s ease, color 0.18s ease;
}

.mr-dashboard-link-row a:hover,
.mr-dashboard-link-row a:focus,
.mr-dashboard-link-grid a:hover,
.mr-dashboard-link-grid a:focus {
	border-color: rgba(255, 200, 87, 0.5);
	color: var(--mr-gold);
}

.mr-dashboard-link-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-dashboard-link-grid .mr-dashboard-action-icon {
	height: 20px;
	width: 20px;
}

.mr-dashboard-status-list strong {
	text-align: right;
}

.mr-skill-grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 12px;
}

.mr-skill-grid div {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 10px 12px;
}

.mr-skill-grid span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-skill-grid strong {
	color: var(--mr-text);
	display: block;
	font-size: 1rem;
	margin-top: 3px;
}

.mr-resource {
	min-height: 92px;
	padding: 14px;
}

.mr-resource-with-action .mr-resource {
	min-height: 0;
}

.mr-refill-form {
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

.mr-button-compact {
	min-height: 34px;
	padding: 8px 12px;
	white-space: nowrap;
}

.mr-resource-meta {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.mr-resource-meta span {
	color: var(--mr-muted);
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-resource-meta strong {
	font-size: 0.95rem;
}

.mr-resource-track {
	background: rgba(255, 255, 255, 0.07);
	border-radius: 999px;
	height: 10px;
	overflow: hidden;
	width: 100%;
}

.mr-resource-track span {
	background: var(--mr-blue);
	border-radius: inherit;
	display: block;
	height: 100%;
	min-width: 4px;
}

.mr-resource-energy .mr-resource-track span,
.mr-xp-track span {
	background: linear-gradient(90deg, var(--mr-blue), #7de3ff);
}

.mr-resource-nerve .mr-resource-track span {
	background: linear-gradient(90deg, var(--mr-red), #ff7b97);
}

.mr-resource-health .mr-resource-track span {
	background: linear-gradient(90deg, var(--mr-green), #9dffc6);
}

.mr-resource-stamina .mr-resource-track span {
	background: linear-gradient(90deg, var(--mr-gold), #ffe29a);
}

.mr-progress-card {
	margin-bottom: 18px;
}

.mr-action-card {
	display: grid;
	gap: 8px;
	min-height: 118px;
	padding: 18px;
	text-decoration: none;
	transition: border-color 160ms ease, transform 160ms ease;
}

.mr-action-card:hover,
.mr-action-card:focus {
	border-color: rgba(55, 197, 255, 0.55);
	transform: translateY(-1px);
}

.mr-action-card span {
	color: var(--mr-muted);
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-action-card strong {
	font-size: 1.3rem;
	line-height: 1.15;
}

.mr-action-panel {
	display: flex;
	flex-direction: column;
	min-height: 325px;
}

.mr-crimes-page {
	margin-left: 50%;
	max-width: none;
	transform: translateX(-50%);
	width: min(1240px, calc(100vw - var(--mrt-sidebar, 210px) - 44px));
}

.mr-crimes-hero {
	align-items: center;
	grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
	margin-bottom: 16px;
	padding: 28px;
}

.mr-crimes-hero::before {
	background:
		linear-gradient(115deg, rgba(255, 54, 95, 0.17), transparent 38%),
		linear-gradient(300deg, rgba(55, 197, 255, 0.12), transparent 48%),
		linear-gradient(25deg, rgba(255, 200, 87, 0.14), transparent 42%);
}

.mr-crime-hero-stats {
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(118px, 0.86fr) minmax(168px, 1.22fr) minmax(118px, 0.86fr);
}

.mr-crime-hero-stat {
	align-content: start;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 7px;
	display: grid;
	gap: 6px;
	min-height: 110px;
	padding: 14px;
}

.mr-crime-hero-stat-ready {
	gap: 5px;
}

.mr-crime-hero-stat .mr-crime-icon {
	height: 34px;
	width: 34px;
}

.mr-crime-hero-stat span,
.mr-crime-table-head span,
.mr-crime-stat span {
	color: var(--mr-muted);
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-crime-hero-stat strong {
	color: var(--mr-text);
	font-size: 1.45rem;
	line-height: 1;
}

.mr-crime-hero-stat em {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-style: normal;
	line-height: 1.35;
}

.mr-crime-refill-form {
	margin: 2px 0 0 !important;
}

.mr-crime-refill-form .mr-button {
	font-size: 0.76rem;
	line-height: 1.1;
	min-height: 34px;
	padding-left: 8px;
	padding-right: 8px;
	white-space: normal;
	width: 100%;
}

.mr-crime-refill-note {
	color: rgba(191, 207, 229, 0.78) !important;
	font-size: 0.68rem !important;
	line-height: 1.25 !important;
}

.mr-crime-board {
	overflow: hidden;
	padding: 0;
}

.mr-crime-table-head,
.mr-crime-row {
	align-items: center;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(330px, 1fr) 96px 78px 100px 78px minmax(118px, 148px);
}

.mr-crime-table-head {
	background: rgba(0, 0, 0, 0.18);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 13px 18px;
}

.mr-crime-table-head span:not(:first-child) {
	text-align: center;
}

.mr-crime-list {
	display: grid;
	gap: 0;
	grid-template-columns: 1fr;
	margin: 0;
}

.mr-crime-row {
	background:
		linear-gradient(90deg, rgba(55, 197, 255, 0.045), transparent 48%),
		rgba(255, 255, 255, 0.026);
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	min-height: 86px;
	padding: 14px 18px;
	transition: background 160ms ease, border-color 160ms ease;
}

.mr-crime-row:last-child {
	border-bottom: 0;
}

.mr-crime-row:hover {
	background:
		linear-gradient(90deg, rgba(255, 54, 95, 0.07), transparent 48%),
		rgba(255, 255, 255, 0.04);
}

.mr-crime-row.is-locked {
	background:
		linear-gradient(90deg, rgba(255, 54, 95, 0.035), transparent 48%),
		rgba(255, 255, 255, 0.018);
}

.mr-crime-titlecell {
	align-items: center;
	display: grid;
	gap: 15px;
	grid-template-columns: 58px minmax(0, 1fr);
	min-width: 0;
}

.mr-crime-icon {
	align-items: center;
	background: rgba(255, 54, 95, 0.13);
	border: 1px solid rgba(255, 54, 95, 0.24);
	border-radius: 8px;
	color: var(--mr-red);
	display: inline-flex;
	height: 58px;
	justify-content: center;
	width: 58px;
}

.mr-crime-icon svg {
	height: 64%;
	width: 64%;
}

.mr-crime-icon-pickpocket-tourist,
.mr-crime-icon-private-island-score {
	background: rgba(62, 228, 138, 0.13);
	border-color: rgba(62, 228, 138, 0.24);
	color: var(--mr-green);
}

.mr-crime-icon-steal-delivery-van,
.mr-crime-icon-intercept-armored-convoy {
	background: rgba(55, 197, 255, 0.13);
	border-color: rgba(55, 197, 255, 0.24);
	color: var(--mr-blue);
}

.mr-crime-icon-hack-atm-network,
.mr-crime-icon-executive-vault-breach {
	background: rgba(147, 103, 255, 0.15);
	border-color: rgba(147, 103, 255, 0.28);
	color: #b48cff;
}

.mr-crime-icon-run-fake-invoice-scheme,
.mr-crime-icon-blackmail-senate-fixer {
	background: rgba(255, 200, 87, 0.13);
	border-color: rgba(255, 200, 87, 0.26);
	color: var(--mr-gold);
}

.mr-crime-icon-hijack-cargo-shipment,
.mr-crime-icon-rob-dockside-warehouse {
	background: rgba(255, 139, 71, 0.13);
	border-color: rgba(255, 139, 71, 0.25);
	color: #ff9f5d;
}

.mr-crime-icon-bribe-city-official,
.mr-crime-icon-raid-casino-count-room {
	background: rgba(255, 54, 95, 0.13);
	border-color: rgba(255, 54, 95, 0.25);
	color: var(--mr-red);
}

.mr-crime-copy {
	min-width: 0;
}

.mr-crime-level {
	color: var(--mr-gold);
	display: block;
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.mr-crime-copy h2 {
	font-size: 1rem;
	line-height: 1.2;
	margin: 0;
}

.mr-crime-copy .mr-muted {
	font-size: 0.83rem;
	line-height: 1.35;
	margin-top: 5px;
}

.mr-crime-stat {
	display: grid;
	gap: 2px;
	justify-items: center;
	min-width: 0;
	text-align: center;
}

.mr-crime-stat span {
	display: none;
}

.mr-crime-stat strong {
	font-size: 0.98rem;
	line-height: 1.15;
}

.mr-crime-stat-chance strong {
	color: #7df6a2;
}

.mr-crime-stat-nerve strong {
	color: #ff6f94;
}

.mr-crime-stat-cash strong {
	color: var(--mr-green);
}

.mr-crime-stat-xp strong {
	color: #8fd5ff;
}

.mr-crime-action {
	margin: 0 !important;
}

.mr-crime-action .mr-button {
	min-height: 40px;
	width: 100%;
}

.mr-crime-row.is-locked .mr-crime-action .mr-button {
	background: rgba(255, 54, 95, 0.18);
	border-color: rgba(255, 54, 95, 0.24);
	color: rgba(255, 255, 255, 0.62);
}

.mr-game .mr-crime-odds {
	background: transparent;
	border: 0;
	margin: 6px 0 0;
	padding: 0;
}

.mr-game .mr-crime-odds summary {
	color: var(--mr-muted);
	cursor: pointer;
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-game .mr-crime-odds ul {
	display: grid;
	gap: 2px 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 8px;
}

@media (max-width: 1280px) {
	.mr-crimes-page {
		width: min(1180px, calc(100vw - var(--mrt-sidebar, 210px) - 32px));
	}

	.mr-crime-table-head,
	.mr-crime-row {
		grid-template-columns: minmax(300px, 1fr) 86px 70px 92px 68px minmax(112px, 132px);
	}
}

@media (max-width: 1100px) {
	.mr-crimes-page {
		width: calc(100vw - 24px);
	}

	.mr-crimes-hero {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.mr-crime-table-head {
		display: none;
	}

	.mr-crime-row {
		align-items: stretch;
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 16px;
	}

	.mr-crime-stat {
		align-items: center;
		background: rgba(0, 0, 0, 0.16);
		border: 1px solid rgba(255, 255, 255, 0.07);
		border-radius: 7px;
		display: flex;
		justify-content: space-between;
		padding: 9px 10px;
		text-align: left;
	}

	.mr-crime-stat span {
		display: block;
	}
}

@media (max-width: 640px) {
	.mr-crimes-hero {
		padding: 22px 18px;
	}

	.mr-crime-hero-stats {
		grid-template-columns: 1fr;
	}

	.mr-crime-titlecell {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.mr-crime-icon {
		height: 52px;
		width: 52px;
	}

	.mr-crime-odds ul {
		grid-template-columns: 1fr;
	}
}

.mr-training-page {
	display: grid;
	gap: 16px;
	max-width: 1440px;
}

.mr-training-page svg {
	height: 1em;
	width: 1em;
}

.mr-training-hero,
.mr-training-detail-panel,
.mr-training-stat-card,
.mr-training-info-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
		linear-gradient(135deg, rgba(255, 54, 95, 0.08), rgba(55, 197, 255, 0.06) 56%, transparent),
		var(--mr-panel);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	box-shadow: var(--mr-shadow);
}

.mr-training-hero {
	align-items: stretch;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 0.86fr);
	overflow: hidden;
	padding: 18px;
	position: relative;
}

.mr-training-hero::before {
	background:
		radial-gradient(circle at 20% 45%, rgba(255, 200, 87, 0.12), transparent 28%),
		radial-gradient(circle at 86% 32%, rgba(55, 197, 255, 0.14), transparent 32%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.mr-training-hero > * {
	position: relative;
}

.mr-training-hero-title {
	align-items: center;
	display: grid;
	gap: 22px;
	grid-template-columns: 84px minmax(0, 1fr);
	min-height: 142px;
}

.mr-training-hero-title h1 {
	font-size: clamp(2.45rem, 4vw, 4rem);
	line-height: 0.95;
	margin: 0 0 10px;
}

.mr-training-hero-title p:not(.mr-eyebrow) {
	color: #bed0e2;
	font-size: 1rem;
	line-height: 1.55;
	margin: 0;
	max-width: 720px;
}

.mr-training-hero-icon,
.mr-training-stat-icon {
	align-items: center;
	background: rgba(255, 200, 87, 0.11);
	border: 1px solid rgba(255, 200, 87, 0.34);
	border-radius: 50%;
	color: var(--mr-gold);
	display: inline-flex;
	justify-content: center;
}

.mr-training-hero-icon {
	box-shadow: 0 0 32px rgba(255, 200, 87, 0.14);
	font-size: 2rem;
	height: 76px;
	width: 76px;
}

.mr-training-hero-side {
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

.mr-training-energy-card,
.mr-training-boost-card {
	background: rgba(5, 10, 16, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	min-width: 0;
	padding: 18px;
}

.mr-training-energy-card {
	align-items: center;
	display: grid;
	gap: 16px;
	grid-template-columns: 86px minmax(0, 1fr);
}

.mr-training-ring {
	align-items: center;
	background:
		radial-gradient(circle, #121821 56%, transparent 58%),
		conic-gradient(var(--mr-gold) var(--mr-progress), rgba(255, 255, 255, 0.1) 0);
	border-radius: 50%;
	color: var(--mr-gold);
	display: inline-flex;
	font-size: 2.1rem;
	height: 78px;
	justify-content: center;
	width: 78px;
}

.mr-training-energy-card strong {
	display: block;
	font-size: 1.55rem;
	line-height: 1.05;
}

.mr-training-state {
	align-items: center;
	color: #9edbb8;
	display: inline-flex;
	gap: 7px;
	margin-top: 9px;
}

.mr-training-state::before {
	background: var(--mr-green);
	border-radius: 50%;
	content: "";
	height: 8px;
	width: 8px;
}

.mr-training-boost-card {
	display: grid;
	gap: 10px;
}

.mr-training-boost-card div,
.mr-training-summary-list div {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: space-between;
}

.mr-training-boost-card span,
.mr-training-summary-list span {
	color: var(--mr-muted);
}

.mr-training-boost-card strong,
.mr-training-summary-list strong {
	color: var(--mr-text);
}

.mr-training-tabs {
	align-items: center;
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding: 2px 0;
}

.mr-training-tabs a {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--mr-border);
	border-radius: 7px;
	color: #bed0e2;
	font-weight: 800;
	min-width: 104px;
	padding: 12px 18px;
	text-align: center;
	text-decoration: none;
}

.mr-training-tabs a.is-active {
	background: linear-gradient(135deg, rgba(255, 54, 95, 0.24), rgba(255, 200, 87, 0.08));
	border-color: rgba(255, 54, 95, 0.55);
	color: #fff;
}

.mr-training-stat-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-training-stat-card {
	--train-accent: var(--mr-gold);
	--train-soft: rgba(255, 200, 87, 0.13);
	display: grid;
	gap: 18px;
	min-width: 0;
	overflow: hidden;
	padding: 18px;
	position: relative;
}

.mr-training-stat-card::before {
	background: linear-gradient(90deg, var(--train-accent), transparent);
	content: "";
	height: 2px;
	inset: 0 0 auto;
	opacity: 0.8;
	position: absolute;
}

.mr-training-stat-red {
	--train-accent: var(--mr-red);
	--train-soft: rgba(255, 54, 95, 0.13);
}

.mr-training-stat-blue {
	--train-accent: #249be8;
	--train-soft: rgba(36, 155, 232, 0.13);
}

.mr-training-stat-green {
	--train-accent: #27c77a;
	--train-soft: rgba(39, 199, 122, 0.13);
}

.mr-training-stat-purple {
	--train-accent: #a454ff;
	--train-soft: rgba(164, 84, 255, 0.13);
}

.mr-training-stat-card header {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: 62px minmax(0, 1fr);
}

.mr-training-stat-card .mr-eyebrow {
	color: var(--train-accent);
	margin-bottom: 2px;
}

.mr-training-stat-card h2 {
	font-size: 1.65rem;
	line-height: 1;
	margin: 0;
	overflow-wrap: anywhere;
}

.mr-training-stat-card header span:not(.mr-training-stat-icon) {
	color: var(--mr-muted);
	display: block;
	font-size: 0.88rem;
	margin-top: 5px;
}

.mr-training-stat-icon {
	background: var(--train-soft);
	border-color: color-mix(in srgb, var(--train-accent) 45%, transparent);
	color: var(--train-accent);
	font-size: 1.7rem;
	height: 58px;
	width: 58px;
}

.mr-training-card-metrics {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-training-card-metrics div,
.mr-training-boost-grid div,
.mr-training-overview-item,
.mr-training-copy-grid div {
	background: rgba(0, 0, 0, 0.16);
	border: 1px solid rgba(255, 255, 255, 0.065);
	border-radius: 7px;
	min-width: 0;
	padding: 11px 12px;
}

.mr-training-card-metrics span,
.mr-training-boost-grid span {
	color: #9fb0c2;
	display: block;
	font-size: 0.73rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-training-card-metrics strong,
.mr-training-boost-grid strong {
	color: var(--mr-text);
	display: block;
	font-size: 1rem;
	margin-top: 4px;
}

.mr-training-form {
	display: grid;
	gap: 14px;
}

.mr-training-form label > span {
	color: #9fb0c2;
	display: block;
	font-size: 0.74rem;
	font-weight: 800;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.mr-training-spend-control {
	display: grid;
	gap: 7px;
	grid-template-columns: 44px minmax(0, 1fr) 44px 62px;
}

.mr-training-spend-control button,
.mr-training-spend-control input {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 7px;
	color: var(--mr-text);
	font-weight: 900;
	min-height: 42px;
	text-align: center;
}

.mr-training-spend-control button {
	cursor: pointer;
}

.mr-training-spend-control button:hover {
	border-color: color-mix(in srgb, var(--train-accent) 55%, rgba(255, 255, 255, 0.18));
	color: var(--train-accent);
}

.mr-training-stat-card .mr-button-primary {
	background: linear-gradient(135deg, color-mix(in srgb, var(--train-accent) 76%, #11151d), color-mix(in srgb, var(--train-accent) 48%, #11151d));
	border-color: color-mix(in srgb, var(--train-accent) 65%, transparent);
	width: 100%;
}

.mr-training-lower-grid {
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 1fr);
}

.mr-training-info-card {
	border-radius: 0;
	box-shadow: none;
	min-width: 0;
	padding: 18px;
}

.mr-training-info-card:first-child {
	border-radius: 8px 0 0 8px;
}

.mr-training-info-card:last-child {
	border-radius: 0 8px 8px 0;
}

.mr-training-info-card h2,
.mr-training-detail-panel h2 {
	align-items: center;
	display: flex;
	font-size: 1rem;
	gap: 10px;
	margin: 0 0 14px;
}

.mr-training-info-card h2 span,
.mr-training-detail-panel h2 span {
	color: var(--mr-gold);
	display: inline-flex;
	font-size: 1.05rem;
}

.mr-training-info-card ul,
.mr-training-activity-list {
	display: grid;
	gap: 11px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-training-info-card li {
	color: #c8d5e3;
	line-height: 1.45;
	padding-left: 24px;
	position: relative;
}

.mr-training-info-card li::before {
	background: var(--mr-green);
	border-radius: 50%;
	box-shadow: 0 0 14px rgba(62, 228, 138, 0.3);
	content: "";
	height: 8px;
	left: 3px;
	position: absolute;
	top: 8px;
	width: 8px;
}

.mr-training-summary-list {
	display: grid;
	gap: 9px;
	margin-bottom: 16px;
}

.mr-training-activity-list li {
	align-items: start;
	display: grid;
	gap: 10px;
	grid-template-columns: 12px minmax(0, 1fr) auto;
}

.mr-training-activity-dot {
	background: var(--mr-gold);
	border-radius: 50%;
	height: 8px;
	margin-top: 7px;
	width: 8px;
}

.mr-training-activity-list strong,
.mr-training-history-row strong {
	display: block;
	font-size: 0.9rem;
	line-height: 1.25;
}

.mr-training-activity-list span,
.mr-training-history-row span,
.mr-training-activity-list time,
.mr-training-history-row time {
	color: var(--mr-muted);
	font-size: 0.82rem;
}

.mr-training-detail-panel {
	padding: 22px;
}

.mr-training-overview-grid,
.mr-training-boost-grid,
.mr-training-copy-grid {
	display: grid;
	gap: 14px;
}

.mr-training-overview-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 18px;
}

.mr-training-overview-item {
	align-items: center;
	display: grid;
	gap: 13px;
	grid-template-columns: 48px minmax(0, 1fr);
}

.mr-training-overview-item > span {
	align-items: center;
	background: var(--train-soft);
	border: 1px solid color-mix(in srgb, var(--train-accent) 45%, transparent);
	border-radius: 8px;
	color: var(--train-accent);
	display: inline-flex;
	font-size: 1.35rem;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.mr-training-overview-item h3,
.mr-training-copy-grid h3 {
	font-size: 1rem;
	margin: 0 0 5px;
}

.mr-training-overview-item p,
.mr-training-copy-grid p,
.mr-training-boost-grid p {
	color: var(--mr-muted);
	line-height: 1.45;
	margin: 0;
}

.mr-training-overview-item strong {
	color: var(--mr-text);
	display: block;
	margin-top: 8px;
}

.mr-training-copy-grid,
.mr-training-boost-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-training-history-table {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	overflow: hidden;
}

.mr-training-history-head,
.mr-training-history-row {
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) 110px 130px 130px;
	padding: 13px 16px;
}

.mr-training-history-head {
	background: rgba(255, 255, 255, 0.04);
	color: #9fb0c2;
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-training-history-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.12);
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.mr-training-refill-form {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 16px;
}

@media (max-width: 1240px) {
	.mr-training-hero,
	.mr-training-stat-grid,
	.mr-training-overview-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-training-hero-title {
		grid-column: 1 / -1;
	}

	.mr-training-hero-side {
		grid-column: 1 / -1;
	}

	.mr-training-lower-grid,
	.mr-training-copy-grid,
	.mr-training-boost-grid {
		grid-template-columns: 1fr;
	}

	.mr-training-info-card,
	.mr-training-info-card:first-child,
	.mr-training-info-card:last-child {
		border-radius: 8px;
	}
}

@media (max-width: 760px) {
	.mr-training-page {
		padding: 14px;
	}

	.mr-training-hero,
	.mr-training-stat-grid,
	.mr-training-overview-grid,
	.mr-training-hero-side {
		grid-template-columns: 1fr;
	}

	.mr-training-hero-title {
		grid-template-columns: 58px minmax(0, 1fr);
		min-height: 0;
	}

	.mr-training-hero-icon {
		font-size: 1.55rem;
		height: 54px;
		width: 54px;
	}

	.mr-training-hero-title h1 {
		font-size: 2.45rem;
	}

	.mr-training-energy-card {
		grid-template-columns: 70px minmax(0, 1fr);
	}

	.mr-training-ring {
		font-size: 1.7rem;
		height: 62px;
		width: 62px;
	}

	.mr-training-card-metrics {
		grid-template-columns: 1fr;
	}

	.mr-training-history-head {
		display: none;
	}

	.mr-training-history-row {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.mr-training-tabs a {
		min-width: 92px;
		padding: 10px 12px;
	}

	.mr-training-stat-card header {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.mr-training-stat-icon {
		font-size: 1.45rem;
		height: 50px;
		width: 50px;
	}

	.mr-training-spend-control {
		grid-template-columns: 40px minmax(0, 1fr) 40px 56px;
	}
}

.mr-stat-row {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 14px 0;
}

.mr-stat-row strong {
	color: var(--mr-text);
	display: block;
	font-size: 1rem;
	margin-top: 4px;
}

.mr-section-title {
	margin: 22px 0 12px;
}

.mr-section-title h2 {
	margin: 0;
}

.mr-job-board {
	margin-bottom: 18px;
}

.mr-job-detail {
	margin-bottom: 18px;
}

.mr-job-detail-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 0.9fr);
}

.mr-job-requirements {
	color: var(--mr-muted);
	display: grid;
	gap: 6px;
	line-height: 1.35;
}

.mr-job-requirements strong {
	color: var(--mr-text);
}

.mr-job-requirement-table {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	overflow: hidden;
}

.mr-job-requirement-head,
.mr-job-requirement-row {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(90px, 1fr) repeat(3, minmax(58px, 0.7fr));
	padding: 9px 10px;
}

.mr-job-requirement-head {
	background: rgba(0, 0, 0, 0.24);
	color: var(--mr-muted);
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-job-requirement-row {
	background: rgba(255, 255, 255, 0.035);
	border-top: 1px solid rgba(255, 255, 255, 0.07);
	color: var(--mr-text);
}

.mr-job-requirement-row strong,
.mr-job-requirement-row em {
	font-style: normal;
	text-align: right;
}

.mr-job-requirement-row.is-met em {
	color: #3ee48a;
}

.mr-job-requirement-row.is-missing em {
	color: var(--mr-muted);
}

.mr-current-job {
	align-items: center;
	background:
		linear-gradient(90deg, rgba(255, 200, 87, 0.12), rgba(55, 197, 255, 0.06)),
		rgba(0, 0, 0, 0.16);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin: 12px 0 16px;
	padding: 14px;
}

.mr-current-job span,
.mr-current-job em {
	color: var(--mr-muted);
	display: block;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-current-job strong {
	display: block;
	font-size: 1.25rem;
	margin: 3px 0;
}

.mr-job-table-wrap {
	overflow-x: auto;
}

.mr-job-table {
	border-collapse: collapse;
	min-width: 680px;
	width: 100%;
}

.mr-job-table th,
.mr-job-table td {
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	padding: 11px 12px;
	text-align: left;
	vertical-align: middle;
}

.mr-job-table th {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-job-table tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.035);
}

.mr-job-table tbody tr.is-current {
	background: rgba(255, 200, 87, 0.09);
}

.mr-job-table strong {
	color: var(--mr-text);
	display: block;
}

.mr-job-table a {
	text-decoration: none;
}

.mr-job-table a:hover strong,
.mr-job-table a:focus strong {
	color: var(--mr-gold);
}

.mr-job-table span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.78rem;
	font-weight: 800;
	margin-top: 3px;
	text-transform: uppercase;
}

.mr-job-take-form {
	margin: 0;
}

.mr-form {
	display: grid;
	gap: 12px;
	margin-top: auto;
}

.mr-inline-form {
	align-items: end;
	grid-template-columns: minmax(0, 1fr) auto;
}

.mr-form label span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.78rem;
	font-weight: 800;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.mr-form input,
.mr-form select,
.mr-form textarea {
	background: rgba(0, 0, 0, 0.24);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	color: var(--mr-text);
	min-height: 44px;
	padding: 10px 12px;
	width: 100%;
}

.mr-game select {
	appearance: none;
	background:
		linear-gradient(45deg, transparent 50%, var(--mr-gold) 50%) calc(100% - 18px) 50% / 7px 7px no-repeat,
		linear-gradient(135deg, var(--mr-gold) 50%, transparent 50%) calc(100% - 13px) 50% / 7px 7px no-repeat,
		linear-gradient(90deg, transparent, rgba(255, 200, 87, 0.08) 72%, rgba(255, 200, 87, 0.16));
	background-color: rgba(0, 0, 0, 0.34);
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	cursor: pointer;
	font-weight: 800;
	padding-right: 40px;
}

.mr-game select:hover {
	border-color: rgba(255, 200, 87, 0.45);
}

.mr-game select:focus,
.mr-game input:focus,
.mr-game textarea:focus {
	border-color: rgba(55, 197, 255, 0.65);
	box-shadow: 0 0 0 3px rgba(55, 197, 255, 0.14);
	outline: none;
}

.mr-game select option {
	background: #0c1018;
	color: var(--mr-text);
	font-weight: 700;
}

.mr-game select option:checked {
	background: #1c2736;
	color: var(--mr-gold);
}

.mr-game select:disabled {
	cursor: not-allowed;
	opacity: 0.58;
}

.mr-game select[multiple],
.mr-game select[size] {
	background-image: none;
	padding-right: 12px;
}

.mr-form textarea {
	line-height: 1.45;
	min-height: 130px;
	resize: vertical;
}

.mr-check-row {
	align-items: center;
	display: flex;
	gap: 8px;
}

.mr-check-row input {
	min-height: 0;
	width: auto;
}

.mr-check-row span {
	color: var(--mr-muted);
	font-size: 0.82rem;
	font-weight: 800;
	margin-bottom: 0;
	text-transform: uppercase;
}

.mr-button {
	align-items: center;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
	display: inline-flex;
	font-weight: 850;
	justify-content: center;
	min-height: 44px;
	padding: 10px 14px;
	text-decoration: none;
}

.mr-button-primary {
	background: linear-gradient(135deg, var(--mr-red), #c61e45);
	color: #fff;
}

.mr-button-secondary {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid var(--mr-border);
	color: var(--mr-text);
}

.mr-button[disabled] {
	cursor: not-allowed;
	filter: grayscale(0.65);
	opacity: 0.55;
}

.mr-flash {
	border-radius: 8px;
	font-weight: 750;
	margin: 0 0 16px;
	padding: 12px 14px;
}

.mr-flash-success {
	background: rgba(62, 228, 138, 0.15);
	border: 1px solid rgba(62, 228, 138, 0.32);
	color: #b7ffd4;
}

.mr-flash-error {
	background: rgba(255, 54, 95, 0.15);
	border: 1px solid rgba(255, 54, 95, 0.32);
	color: #ffc0cd;
}

.mr-flash-info {
	background: rgba(55, 197, 255, 0.15);
	border: 1px solid rgba(55, 197, 255, 0.32);
	color: #bceeff;
}

.mr-inline-result {
	border-radius: 8px;
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1.4;
	margin-top: 12px;
	padding: 10px 12px;
}

.mr-inline-result:empty,
.mr-inline-result[hidden] {
	display: none;
}

.mr-inline-result-success {
	background: rgba(62, 228, 138, 0.13);
	border: 1px solid rgba(62, 228, 138, 0.32);
	color: #c8ffde;
}

.mr-inline-result-error {
	background: rgba(255, 54, 95, 0.13);
	border: 1px solid rgba(255, 54, 95, 0.32);
	color: #ffc4cf;
}

.mr-message-list {
	display: grid;
	gap: 8px;
}

.mr-mail-nav {
	margin-top: -4px;
}

.mr-mail-summary {
	justify-self: end;
	max-width: 220px;
	width: 100%;
}

.mr-mail-panel {
	padding: 14px;
}

.mr-mail-panel .mr-card-head {
	margin-bottom: 10px;
}

.mr-mail-panel .mr-card-head h2 {
	font-size: 1.15rem;
}

.mr-message-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	color: var(--mr-muted);
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(110px, 0.7fr) minmax(0, 1.5fr) minmax(110px, auto);
	min-height: 50px;
	padding: 10px 12px;
	text-decoration: none;
}

.mr-message-row.is-unread {
	border-color: rgba(255, 200, 87, 0.42);
	color: var(--mr-text);
}

.mr-message-row strong {
	color: var(--mr-text);
	overflow-wrap: anywhere;
}

.mr-message-row em {
	color: var(--mr-muted);
	font-style: normal;
	text-align: right;
}

.mr-message-body {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	line-height: 1.6;
	padding: 14px;
	white-space: normal;
}

.mr-profile-action-panel {
	display: grid;
	gap: 12px;
	margin-bottom: 14px;
}

.mr-profile-action-row {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-profile-action-tile,
.mr-profile-action-tile button,
.mr-profile-combat-button {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: var(--mr-text);
	cursor: pointer;
	display: grid;
	gap: 2px;
	min-height: 66px;
	padding: 12px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.mr-profile-action-tile {
	margin: 0;
}

.mr-profile-action-tile button {
	border: 0;
	border-radius: 0;
	background: transparent;
	min-height: 0;
	padding: 0;
}

.mr-profile-action-tile span,
.mr-profile-combat-button span {
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 950;
	text-transform: uppercase;
}

.mr-profile-action-tile strong,
.mr-profile-combat-button strong {
	font-size: 1.02rem;
	line-height: 1.15;
}

.mr-profile-action-tile em {
	color: var(--mr-gold);
	font-size: 0.78rem;
	font-style: normal;
	font-weight: 900;
}

.mr-profile-combat-button em {
	color: rgba(255, 255, 255, 0.76);
	font-size: 0.76rem;
	font-style: normal;
	font-weight: 850;
	line-height: 1.2;
}

.mr-profile-scout-report {
	margin-top: 0;
}

.mr-profile-pi-report {
	background:
		linear-gradient(135deg, rgba(55, 197, 255, 0.08), transparent 48%),
		rgba(0, 0, 0, 0.16);
	border: 1px solid rgba(55, 197, 255, 0.22);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	margin-top: 12px;
	padding: 12px;
}

.mr-profile-pi-report .mr-card-head {
	margin-bottom: 0;
}

.mr-profile-pi-report .mr-muted {
	font-size: 0.88rem;
	margin: 0;
}

.mr-profile-transfer-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 12px;
}

.mr-profile-showcase {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.18));
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	margin: 16px 0;
	padding: 14px 4px 16px;
}

.mr-profile-section-title {
	align-items: baseline;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin: 0 0 10px;
}

.mr-profile-section-title h2 {
	color: var(--mr-text);
	font-size: 1.25rem;
	margin: 0;
}

.mr-profile-section-title span,
.mr-profile-section-title a {
	color: var(--mr-muted);
	font-size: 0.82rem;
	text-decoration: none;
}

.mr-profile-section-title-sub {
	margin-top: 16px;
}

.mr-medal-strip,
.mr-profile-finds {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mr-medal {
	align-items: center;
	aspect-ratio: 1;
	background: linear-gradient(145deg, #a87025, #3b2411);
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	box-shadow: inset 0 2px 7px rgba(255, 255, 255, 0.28), inset 0 -7px 10px rgba(0, 0, 0, 0.42), 0 2px 8px rgba(0, 0, 0, 0.35);
	color: #fff3c8;
	display: inline-flex;
	height: 56px;
	justify-content: center;
	position: relative;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
	width: 56px;
}

.mr-medal::before {
	border: 2px solid rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	content: "";
	inset: 6px;
	position: absolute;
}

.mr-medal span {
	font-size: 0.76rem;
	font-weight: 900;
	position: relative;
}

.mr-medal img {
	border-radius: 50%;
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.mr-medal:has(img) {
	background: transparent;
	border: 0;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
	overflow: hidden;
}

.mr-medal:has(img)::before,
.mr-medal:has(img)::after {
	display: none;
}

.mr-medal-bronze {
	background: linear-gradient(145deg, #d09145, #533011);
	color: #fff0ce;
}

.mr-medal-silver {
	background: linear-gradient(145deg, #d3d8dd, #51575f);
	color: #f6fbff;
}

.mr-medal-gold {
	background: linear-gradient(145deg, #ffd76b, #956312);
	color: #1d1305;
}

.mr-medal-insane {
	background:
		radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.92), transparent 9%),
		radial-gradient(circle at 50% 52%, rgba(255, 214, 90, 0.96), rgba(255, 49, 85, 0.88) 34%, rgba(87, 9, 145, 0.92) 62%, #09020f 100%);
	border-color: rgba(255, 219, 110, 0.9);
	box-shadow: inset 0 2px 8px rgba(255, 255, 255, 0.45), inset 0 -9px 12px rgba(0, 0, 0, 0.58), 0 0 0 2px rgba(255, 43, 96, 0.5), 0 0 18px rgba(255, 43, 96, 0.75);
	color: #ffffff;
	transform: rotate(-4deg);
}

.mr-medal-insane::after {
	border: 2px solid rgba(255, 42, 84, 0.8);
	border-radius: 50%;
	content: "";
	inset: -5px;
	position: absolute;
}

.mr-profile-find {
	align-items: center;
	background: rgba(0, 0, 0, 0.24);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: inline-flex;
	gap: 8px;
	min-height: 38px;
	padding: 5px 9px 5px 5px;
}

.mr-profile-find img,
.mr-profile-find strong {
	align-items: center;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	display: inline-flex;
	height: 30px;
	justify-content: center;
	object-fit: cover;
	width: 30px;
}

.mr-profile-find img + strong {
	display: none;
}

.mr-profile-find.is-missing strong {
	display: inline-flex;
}

.mr-profile-find strong {
	color: var(--mr-text);
	font-size: 0.78rem;
}

.mr-profile-find em {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-style: normal;
}

.mr-status-list {
	display: grid;
	gap: 10px;
}

.mr-status-list div,
.mr-feed li,
.mr-odds li {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 10px 0;
}

.mr-status-list div:last-child,
.mr-feed li:last-child,
.mr-odds li:last-child {
	border-bottom: 0;
}

.mr-task-list {
	display: grid;
	gap: 12px;
}

.mr-task-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 96px;
	padding: 14px;
}

.mr-task-row h3 {
	font-size: 1rem;
	line-height: 1.25;
	margin: 0;
}

.mr-task-form {
	margin-top: 0;
	min-width: 132px;
}

.mr-token-card {
	display: flex;
	flex-direction: column;
	min-height: 280px;
}

.mr-token-status {
	margin: 14px 0;
}

.mr-package-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-package-grid article {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 6px;
	min-height: 112px;
	padding: 14px;
}

.mr-package-grid .mr-button {
	margin-top: 8px;
	width: 100%;
}

.mr-package-grid span,
.mr-package-grid em {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-package-grid strong {
	color: var(--mr-gold);
	font-size: 1.6rem;
	line-height: 1.1;
	overflow-wrap: anywhere;
}

.mr-premium-package-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-premium-package-grid article {
	min-height: 220px;
}

.mr-premium-package-art {
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	box-shadow: 0 14px 26px rgba(0, 0, 0, 0.32);
	display: block;
	height: auto;
	justify-self: start;
	object-fit: cover;
	width: min(118px, 100%);
}

.mr-premium-package-grid p {
	font-size: 0.9rem;
	line-height: 1.45;
	margin: 2px 0 0;
	text-transform: none;
}

.mr-crown-perks strong {
	color: var(--mr-text);
	font-size: 0.95rem;
	line-height: 1.35;
}

.mr-ranking-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-player-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-player-grid[hidden],
[data-mr-player-panel][hidden] {
	display: none !important;
}

.mr-player-directory {
	grid-template-columns: 1fr;
}

.mr-player-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mr-player-tabs button {
	align-items: center;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: var(--mr-muted);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 900;
	gap: 8px;
	min-height: 42px;
	padding: 9px 12px;
}

.mr-player-tabs button span {
	color: var(--mr-gold);
	font-size: 0.82rem;
}

.mr-player-tabs button.is-active,
.mr-player-tabs button:hover,
.mr-player-tabs button:focus-visible {
	border-color: rgba(55, 197, 255, 0.58);
	color: var(--mr-text);
	outline: none;
}

.mr-player-card {
	display: flex;
	flex-direction: column;
	min-height: 260px;
}

.mr-player-directory .mr-player-card {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 0;
	padding: 12px 14px;
}

.mr-player-card-main {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr);
}

.mr-player-badges {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mr-avatar-small {
	font-size: 1.35rem;
	height: 58px;
	width: 58px;
}

.mr-player-card .mr-form {
	margin-top: auto;
}

.mr-player-directory .mr-player-card .mr-form {
	margin: 0;
}

.mr-player-row-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.mr-player-row-actions .mr-button {
	min-height: 38px;
	padding: 9px 13px;
	white-space: nowrap;
}

.mr-battle-hero {
	align-items: center;
	background:
		linear-gradient(110deg, rgba(255, 54, 95, 0.2), rgba(55, 197, 255, 0.12)),
		linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
		var(--mr-panel);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(170px, 0.28fr);
	margin-bottom: 18px;
	padding: 22px;
}

.mr-battle-hero h1 {
	font-size: clamp(2rem, 5vw, 4.1rem);
	line-height: 0.98;
	margin: 0 0 10px;
}

.mr-battle-hero.is-win {
	border-color: rgba(62, 228, 138, 0.28);
}

.mr-battle-hero.is-loss {
	border-color: rgba(255, 54, 95, 0.32);
}

.mr-battle-result,
.mr-battle-stat {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 16px;
}

.mr-battle-result span,
.mr-battle-stat span,
.mr-battle-gear span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-battle-result strong,
.mr-battle-stat strong {
	color: var(--mr-text);
	display: block;
	font-size: 1.75rem;
	line-height: 1;
	margin-top: 7px;
}

.mr-battle-result em {
	color: var(--mr-muted);
	display: block;
	font-style: normal;
	margin-top: 8px;
}

.mr-battle-result small {
	color: rgba(255, 255, 255, 0.72);
	display: block;
	font-size: 0.78rem;
	font-weight: 850;
	line-height: 1.35;
	margin-top: 8px;
	text-transform: uppercase;
}

.mr-battle-stage {
	align-items: stretch;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) 94px minmax(0, 1fr);
	margin-bottom: 16px;
}

.mr-battle-fighter {
	background:
		radial-gradient(circle at 20% 20%, rgba(255, 200, 87, 0.14), transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
		var(--mr-panel);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	padding: 16px;
}

.mr-battle-fighter-head {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: auto minmax(0, 1fr);
}

.mr-battle-fighter h2 {
	font-size: 1.55rem;
	margin: 0;
}

.mr-battle-versus {
	align-items: center;
	background: linear-gradient(180deg, rgba(255, 54, 95, 0.2), rgba(55, 197, 255, 0.08));
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	display: grid;
	justify-items: center;
	padding: 14px 8px;
	text-align: center;
}

.mr-battle-versus strong {
	color: var(--mr-gold);
	font-size: 1.8rem;
}

.mr-battle-versus span {
	color: var(--mr-muted);
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-battle-gear {
	align-items: center;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: 86px minmax(0, 1fr);
	padding: 10px;
}

.mr-battle-gear-art {
	align-items: center;
	aspect-ratio: 1;
	background: #05070a;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.mr-battle-gear-art img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.mr-battle-gear-art span {
	color: var(--mr-gold);
	font-size: 1.3rem;
}

.mr-battle-gear strong {
	color: var(--mr-text);
	display: block;
	font-size: 1rem;
	margin-top: 4px;
}

.mr-battle-gear em {
	color: var(--mr-muted);
	display: block;
	font-style: normal;
	line-height: 1.35;
	margin-top: 3px;
}

.mr-battle-log {
	margin-top: 16px;
}

.mr-battle-log ol {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-battle-log li {
	align-items: center;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 10px 12px;
}

.mr-battle-log li.is-hit {
	border-color: rgba(255, 200, 87, 0.18);
}

.mr-battle-log li.is-miss {
	opacity: 0.78;
}

.mr-battle-log li span {
	color: var(--mr-text);
	line-height: 1.4;
}

.mr-battle-log li strong {
	color: var(--mr-gold);
	font-size: 0.9rem;
}

.mr-action-row {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
	margin-top: 16px;
}

.mr-pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-top: 4px;
}

.mr-pagination a {
	align-items: center;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: var(--mr-muted);
	display: inline-flex;
	font-weight: 800;
	justify-content: center;
	min-height: 36px;
	min-width: 36px;
	padding: 7px 10px;
	text-decoration: none;
}

.mr-pagination a.is-active,
.mr-pagination a:hover {
	background: rgba(255, 54, 95, 0.9);
	border-color: rgba(255, 95, 125, 0.72);
	color: #fff;
}

.mr-board-list {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-board-list li {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	grid-template-columns: max-content minmax(0, 1fr) max-content;
	min-height: 46px;
	padding: 8px 10px;
}

.mr-board-list li.is-you {
	border-color: rgba(255, 200, 87, 0.48);
}

.mr-board-list span {
	align-items: center;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: var(--mr-muted);
	display: flex;
	font-weight: 900;
	height: 28px;
	justify-content: center;
	max-width: min(42vw, 190px);
	min-width: 28px;
	overflow: hidden;
	padding: 0 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: auto;
}

.mr-board-list strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-board-list em {
	color: var(--mr-gold);
	font-style: normal;
	font-weight: 900;
}

.mr-city-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-city-page {
	margin-left: 50%;
	max-width: none;
	transform: translateX(-50%);
	width: min(1560px, calc(100vw - var(--mrt-sidebar, 210px) - 44px));
}

.mr-city-scene {
	background:
		linear-gradient(90deg, rgba(5, 7, 12, 0.98) 0%, rgba(5, 7, 12, 0.9) 28%, rgba(5, 7, 12, 0.45) 58%, rgba(5, 7, 12, 0.82) 100%),
		linear-gradient(180deg, rgba(5, 7, 12, 0.12) 0%, rgba(5, 7, 12, 0.88) 100%),
		url("../images/city/downtown-hero-panorama.png") center / cover no-repeat;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	box-shadow: var(--mr-shadow);
	margin: 16px auto 0;
	min-height: 268px;
	overflow: hidden;
	padding: 30px 30px 24px;
	position: relative;
}

.mr-city-scene::before {
	background:
		linear-gradient(180deg, transparent 0, rgba(255, 255, 255, 0.05) 44%, rgba(255, 183, 74, 0.14) 46%, transparent 47%),
		linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
	bottom: 84px;
	content: "";
	height: 1px;
	left: 28px;
	position: absolute;
	right: 28px;
	z-index: 2;
}

.mr-city-scene-copy {
	max-width: 760px;
	position: relative;
	z-index: 4;
}

.mr-city-scene-copy h1 {
	font-size: 4.35rem;
	letter-spacing: 0;
	line-height: 0.92;
	margin: 0 0 10px;
	text-wrap: balance;
	text-transform: uppercase;
}

.mr-city-scene-copy p {
	color: var(--mr-muted);
	font-size: 1.05rem;
	line-height: 1.45;
	margin: 0;
}

.mr-city-popular {
	margin-top: 34px;
	position: relative;
	z-index: 4;
}

.mr-city-popular > p {
	color: var(--mr-gold);
	font-size: 0.78rem;
	font-weight: 900;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.mr-city-popular-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mr-city-icon {
	align-items: center;
	color: var(--mr-gold);
	display: inline-flex;
	flex: 0 0 auto;
	height: 22px;
	justify-content: center;
	width: 22px;
}

.mr-city-icon svg {
	display: block;
	fill: none;
	height: 100%;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 100%;
}

.mr-city-popular-link {
	align-items: center;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(5, 8, 13, 0.62));
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 4px;
	color: var(--mr-text);
	display: flex;
	gap: 10px;
	min-height: 44px;
	padding: 9px 13px;
	text-decoration: none;
	transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.mr-city-popular-link .mr-city-icon {
	color: var(--mr-gold);
	height: 24px;
	width: 24px;
}

.mr-city-popular-link strong {
	font-size: 0.94rem;
	line-height: 1.15;
}

.mr-city-popular-link:hover,
.mr-city-popular-link:focus {
	background: rgba(255, 183, 74, 0.1);
	border-color: rgba(255, 183, 74, 0.45);
	transform: translateY(-1px);
}

.mr-city-directory {
	border-bottom: 1px solid rgba(255, 255, 255, 0.11);
	border-top: 1px solid rgba(255, 255, 255, 0.11);
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 18px;
	padding: 18px 0;
}

.mr-city-directory-column {
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	min-width: 0;
	padding: 10px 22px;
}

.mr-city-directory-column:nth-child(5n+1) {
	border-left: 0;
}

.mr-city-directory-column h2 {
	align-items: center;
	color: var(--mr-gold);
	display: flex;
	font-size: 1.02rem;
	font-weight: 900;
	gap: 9px;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.mr-city-directory-column h2 .mr-city-icon {
	border-radius: 5px;
	color: rgba(255, 183, 74, 0.78);
	display: inline-grid;
	height: 24px;
	min-width: 24px;
	place-items: center;
	width: 24px;
}

.mr-city-heading-text {
	min-width: 0;
}

.mr-city-directory-list {
	display: grid;
	gap: 9px;
}

.mr-city-destination {
	align-items: center;
	color: rgba(232, 239, 248, 0.82);
	display: grid;
	font-size: 0.98rem;
	font-weight: 700;
	grid-template-columns: minmax(0, 1fr) auto;
	line-height: 1.25;
	min-height: 24px;
	text-decoration: none;
}

a.mr-city-destination::after {
	color: rgba(154, 167, 183, 0.8);
	content: ">";
	font-weight: 900;
	margin-left: 10px;
}

.mr-city-destination:hover,
.mr-city-destination:focus {
	color: #ffffff;
}

.mr-city-destination.is-locked {
	color: rgba(154, 167, 183, 0.58);
	cursor: default;
}

.mr-city-destination em {
	color: #ff4d63;
	font-size: 0.76rem;
	font-style: normal;
	font-weight: 900;
	margin-left: 10px;
	white-space: nowrap;
}

.mr-city-info-strip {
	align-items: stretch;
	background: rgba(17, 23, 32, 0.74);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	box-shadow: var(--mr-shadow);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 245px);
	margin-top: 16px;
	overflow: hidden;
}

.mr-city-info-block {
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	display: grid;
	gap: 7px;
	min-width: 0;
	padding: 14px 20px;
}

.mr-city-info-block:first-child {
	border-left: 0;
}

.mr-city-info-block p {
	color: var(--mr-gold);
	font-size: 0.72rem;
	font-weight: 900;
	margin: 0;
	text-transform: uppercase;
}

.mr-city-info-block strong {
	color: var(--mr-text);
	font-size: 1rem;
	line-height: 1.2;
}

.mr-city-info-block > span,
.mr-city-area-copy > span {
	color: var(--mr-muted);
	font-size: 0.9rem;
	line-height: 1.45;
}

.mr-city-area-info {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: 28px minmax(0, 1fr);
}

.mr-city-area-info .mr-city-icon {
	height: 24px;
	width: 24px;
}

.mr-city-area-copy {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 9px;
	min-width: 0;
}

.mr-city-area-copy p {
	flex: 0 0 auto;
}

.mr-city-area-copy strong {
	font-size: 1rem;
}

.mr-city-area-copy > span {
	flex: 1 1 340px;
}

.mr-city-threat-bars {
	display: grid;
	gap: 4px;
	grid-template-columns: repeat(9, 1fr);
	margin-top: 4px;
	max-width: 150px;
	width: 150px;
}

.mr-city-threat-bars span {
	background: rgba(255, 255, 255, 0.16);
	height: 22px;
}

.mr-city-threat-bars .is-filled {
	background: linear-gradient(180deg, #ffd166, #f59e0b);
}

.mr-city-threat-info {
	align-content: center;
	justify-items: start;
	text-align: left;
}

@media (max-width: 1280px) {
	.mr-city-page {
		width: min(1180px, calc(100vw - var(--mrt-sidebar, 210px) - 32px));
	}

	.mr-city-scene-copy h1 {
		font-size: 3.75rem;
	}

	.mr-city-popular-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mr-city-directory {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mr-city-directory-column,
	.mr-city-directory-column:nth-child(5n+1) {
		border-left: 1px solid rgba(255, 255, 255, 0.12);
	}

	.mr-city-directory-column:nth-child(3n+1) {
		border-left: 0;
	}

	.mr-city-directory-column:nth-child(n+4) {
		margin-top: 22px;
	}

	.mr-city-info-strip {
		grid-template-columns: minmax(0, 1fr) minmax(170px, 220px);
	}
}

@media (max-width: 1060px) {
	.mr-city-page {
		width: calc(100vw - 24px);
	}
}

@media (max-width: 760px) {
	.mr-city-page {
		width: calc(100vw - 24px);
	}

	.mr-city-scene {
		background-position: 58% 50%;
		min-height: 0;
		padding: 22px 18px 18px;
	}

	.mr-city-scene::before {
		display: none;
	}

	.mr-city-scene-copy h1 {
		font-size: 2.85rem;
	}

	.mr-city-directory,
	.mr-city-info-strip {
		grid-template-columns: 1fr;
	}

	.mr-city-popular-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-city-directory-column,
	.mr-city-directory-column:nth-child(3n+1),
	.mr-city-directory-column:nth-child(5n+1) {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.11);
		margin-top: 0;
		padding: 16px 0;
	}

	.mr-city-directory-column:first-child {
		border-top: 0;
		padding-top: 0;
	}

	.mr-city-info-block,
	.mr-city-info-block:nth-child(odd) {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
	}

	.mr-city-info-block:first-child {
		border-top: 0;
	}

	.mr-city-threat-info {
		justify-items: start;
		text-align: left;
	}
}

@media (max-width: 520px) {
	.mr-city-scene-copy h1 {
		font-size: 2.35rem;
	}

	.mr-city-popular-grid {
		grid-template-columns: 1fr;
	}
}

.mr-city-card {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	min-height: 220px;
	padding: 14px;
}

.mr-city-card.is-current {
	border-color: rgba(255, 200, 87, 0.45);
}

.mr-city-card.is-locked {
	filter: grayscale(0.45);
	opacity: 0.72;
}

.mr-city-card h3 {
	font-size: 1.08rem;
	margin: 0;
}

.mr-crews-hero::before {
	background:
		linear-gradient(120deg, rgba(255, 200, 87, 0.16), transparent 42%),
		linear-gradient(300deg, rgba(255, 54, 95, 0.14), transparent 48%),
		linear-gradient(25deg, rgba(55, 197, 255, 0.1), transparent 38%);
}

.mr-war-list {
	display: grid;
	gap: 12px;
}

.mr-war-card {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	padding: 14px;
}

.mr-war-card h3 {
	font-size: 1rem;
	line-height: 1.25;
	margin: 0;
}

.mr-war-card .mr-form {
	margin-top: 0;
}

.mr-war-scorebar {
	background: rgba(0, 0, 0, 0.34);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	display: flex;
	height: 12px;
	overflow: hidden;
}

.mr-war-scorebar span:first-child {
	background: linear-gradient(90deg, rgba(255, 54, 95, 0.92), rgba(255, 200, 87, 0.82));
}

.mr-war-scorebar span:last-child {
	background: linear-gradient(90deg, rgba(55, 197, 255, 0.82), rgba(62, 228, 138, 0.72));
}

.mr-war-split {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-mini-list {
	display: grid;
	gap: 6px;
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
}

.mr-mini-list li {
	align-items: center;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 6px;
	display: flex;
	gap: 8px;
	justify-content: space-between;
	min-height: 30px;
	padding: 6px 8px;
}

.mr-mini-list span {
	color: var(--mr-muted);
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-mini-list strong {
	color: var(--mr-text);
	flex: 0 0 auto;
}

.mr-empty-tight {
	margin: 0;
	min-height: 0;
	padding: 10px;
}

.mr-crew-chat {
	margin-top: 14px;
}

.mr-application-list {
	display: grid;
	gap: 10px;
}

.mr-application-row {
	align-items: center;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 12px;
}

.mr-application-row > div {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.mr-application-row span,
.mr-application-row em {
	color: var(--mr-muted);
	font-size: 0.84rem;
	font-style: normal;
	line-height: 1.4;
}

.mr-application-actions {
	display: flex;
	gap: 8px;
	margin-top: 0 !important;
}

.mr-crew-apply-form {
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(180px, 1fr) auto;
	margin-top: 0 !important;
	min-width: min(360px, 100%);
}

.mr-crew-member-row {
	grid-template-columns: minmax(0, 1fr) minmax(210px, auto) !important;
}

.mr-crew-member-actions {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(112px, 1fr) auto;
	margin-top: 0 !important;
}

.mr-crew-member-actions select {
	min-height: 40px;
}

.mr-hospital-hero::before {
	background:
		linear-gradient(120deg, rgba(62, 228, 138, 0.18), transparent 42%),
		linear-gradient(300deg, rgba(55, 197, 255, 0.12), transparent 48%);
}

.mr-jail-hero::before {
	background:
		linear-gradient(120deg, rgba(255, 200, 87, 0.16), transparent 42%),
		linear-gradient(300deg, rgba(255, 54, 95, 0.14), transparent 48%);
}

.mr-territory-hero::before {
	background:
		linear-gradient(120deg, rgba(255, 200, 87, 0.18), transparent 42%),
		linear-gradient(300deg, rgba(62, 228, 138, 0.12), transparent 48%),
		linear-gradient(25deg, rgba(255, 54, 95, 0.14), transparent 38%);
}

.mr-territory-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 16px;
}

.mr-territory-card {
	position: relative;
}

.mr-territory-card.is-owned {
	border-color: rgba(62, 228, 138, 0.28);
}

.mr-territory-card.is-current {
	box-shadow: inset 0 0 0 1px rgba(255, 200, 87, 0.28);
}

.mr-territory-actions {
	margin-top: 12px;
}

.mr-territory-actions .mr-form {
	margin-top: 0;
}

.mr-operations-page {
	margin-left: 50%;
	max-width: none;
	transform: translateX(-50%);
	width: min(1320px, calc(100vw - var(--mrt-sidebar, 210px) - 44px));
}

.mr-operations-hero {
	align-items: center;
	grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr);
	margin-bottom: 16px;
	padding: 28px;
}

.mr-operations-hero::before {
	background:
		linear-gradient(115deg, rgba(62, 228, 138, 0.15), transparent 35%),
		linear-gradient(300deg, rgba(255, 200, 87, 0.18), transparent 47%),
		linear-gradient(20deg, rgba(55, 197, 255, 0.1), transparent 38%);
}

.mr-operations-hero .mr-hero-balances {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-operations-board {
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(360px, 0.88fr) minmax(0, 1.12fr);
}

.mr-operations-panel {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.016)),
		radial-gradient(circle at 18% 0%, rgba(55, 197, 255, 0.08), transparent 34%),
		var(--mr-panel);
	box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
	padding: 22px;
}

.mr-operation-panel-head {
	margin-bottom: 18px;
}

.mr-operation-panel-head h2 {
	font-size: 0.96rem;
}

.mr-operation-dot {
	background: var(--mr-gold);
	border-radius: 999px;
	box-shadow: 0 0 18px rgba(255, 200, 87, 0.3);
	display: inline-block;
	height: 8px;
	margin-right: 8px;
	width: 8px;
}

.mr-operation-dot-green {
	background: var(--mr-green);
	box-shadow: 0 0 18px rgba(62, 228, 138, 0.3);
}

.mr-operation-owned-list,
.mr-operation-market-list {
	display: grid;
	gap: 14px;
}

.mr-operation-owned-card,
.mr-operation-market-row,
.mr-operation-empty,
.mr-operation-coming-soon {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
}

.mr-operation-owned-card {
	display: grid;
	gap: 12px;
	padding: 14px;
}

.mr-operation-owned-main {
	display: grid;
	gap: 16px;
	grid-template-columns: 136px minmax(0, 1fr);
}

.mr-operation-art {
	align-items: center;
	aspect-ratio: 1.18;
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.68)),
		radial-gradient(circle at 35% 22%, rgba(255, 200, 87, 0.28), transparent 25%),
		linear-gradient(135deg, rgba(255, 200, 87, 0.2), rgba(55, 197, 255, 0.1)),
		#0f141c;
	border: 1px solid rgba(255, 200, 87, 0.32);
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.mr-operation-art[data-operation="card-room"] {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.68)),
		radial-gradient(circle at 55% 36%, rgba(255, 54, 95, 0.18), transparent 30%),
		linear-gradient(135deg, rgba(255, 200, 87, 0.22), rgba(141, 91, 255, 0.16)),
		#111018;
}

.mr-operation-art[data-operation="chop-shop"] {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.68)),
		radial-gradient(circle at 55% 32%, rgba(255, 200, 87, 0.22), transparent 28%),
		linear-gradient(135deg, rgba(255, 200, 87, 0.18), rgba(255, 54, 95, 0.12)),
		#121317;
}

.mr-operation-art[data-operation="warehouse-front"] {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.68)),
		radial-gradient(circle at 62% 25%, rgba(55, 197, 255, 0.16), transparent 28%),
		linear-gradient(135deg, rgba(62, 228, 138, 0.14), rgba(255, 200, 87, 0.12)),
		#10161b;
}

.mr-operation-art img {
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.mr-operation-art.has-image .mr-operation-icon {
	display: none;
}

.mr-operation-art::after {
	background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.46));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.mr-operation-art-small {
	height: 86px;
	width: 86px;
}

.mr-operation-icon {
	color: var(--mr-gold);
	display: inline-flex;
	height: 36px;
	position: relative;
	width: 36px;
	z-index: 1;
}

.mr-operation-icon svg {
	fill: none;
	height: 100%;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.9;
	width: 100%;
}

.mr-operation-copy {
	align-content: center;
	display: grid;
	gap: 10px;
	min-width: 0;
}

.mr-operation-titleline {
	align-items: start;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.mr-operation-owned-card h3,
.mr-operation-market-row h3 {
	font-size: 1.04rem;
	line-height: 1.2;
	margin: 0;
}

.mr-operation-tag {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 5px;
	color: var(--mr-muted);
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 850;
	justify-self: start;
	line-height: 1;
	padding: 5px 7px;
}

.mr-operation-metrics,
.mr-operation-market-meta {
	display: grid;
	gap: 10px;
}

.mr-operation-metrics {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-operation-metrics div,
.mr-operation-market-meta div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.mr-operation-metrics span,
.mr-operation-market-meta span {
	color: var(--mr-muted);
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-operation-metrics strong,
.mr-operation-market-meta strong {
	color: var(--mr-text);
	font-size: 0.9rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.mr-operation-metrics div:first-child strong {
	color: var(--mr-green);
}

.mr-operation-actions {
	align-items: stretch;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(88px, auto) minmax(112px, 0.62fr) minmax(286px, 1.55fr);
}

.mr-operation-actions .mr-form,
.mr-operation-market-action .mr-form {
	margin: 0;
}

.mr-operation-actions .mr-button,
.mr-operation-market-action .mr-button {
	min-height: 44px;
	width: 100%;
}

.mr-operation-actions .mr-button .mr-operation-icon {
	height: 18px;
	margin-left: 8px;
	width: 18px;
}

.mr-operation-bankroll {
	align-items: center;
	background: rgba(255, 54, 95, 0.08);
	border: 1px solid rgba(255, 54, 95, 0.42);
	border-radius: 6px;
	display: flex;
	justify-content: center;
	min-height: 44px;
	padding: 8px 10px;
}

.mr-operation-upgrades {
	display: grid;
	gap: 6px;
	grid-template-columns: minmax(150px, 1fr) minmax(102px, auto);
}

.mr-operation-upgrades select {
	font-size: 0.82rem;
	min-width: 0;
}

.mr-operation-market-row {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: 86px minmax(0, 1fr) minmax(160px, 0.72fr) minmax(84px, auto);
	padding: 12px;
}

.mr-operation-market-row.is-owned {
	border-color: rgba(255, 200, 87, 0.24);
}

.mr-operation-market-copy {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.mr-operation-market-copy p {
	color: var(--mr-muted);
	font-size: 0.84rem;
	line-height: 1.4;
	margin: 0;
}

.mr-operation-market-meta {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-operation-market-action {
	align-items: center;
	display: flex;
	justify-content: flex-end;
}

.mr-operation-empty,
.mr-operation-coming-soon {
	align-items: center;
	border-style: dashed;
	display: grid;
	gap: 9px;
	justify-items: center;
	min-height: 206px;
	padding: 24px;
	text-align: center;
}

.mr-operation-empty-soft {
	background: rgba(0, 0, 0, 0.16);
	border-color: rgba(255, 200, 87, 0.34);
	margin-top: 14px;
	min-height: 230px;
}

.mr-operation-coming-soon {
	background: rgba(0, 0, 0, 0.18);
	min-height: 150px;
}

.mr-operation-empty .mr-operation-icon,
.mr-operation-coming-soon .mr-operation-icon {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	height: 54px;
	justify-content: center;
	width: 54px;
}

.mr-operation-empty strong,
.mr-operation-coming-soon strong {
	font-size: 1rem;
}

.mr-operation-empty span,
.mr-operation-coming-soon span {
	color: var(--mr-muted);
	line-height: 1.45;
	max-width: 280px;
}

@media (max-width: 1280px) {
	.mr-operations-page {
		width: min(1180px, calc(100vw - var(--mrt-sidebar, 210px) - 32px));
	}

	.mr-operations-board {
		grid-template-columns: minmax(340px, 0.92fr) minmax(0, 1.08fr);
	}

	.mr-operation-market-row {
		grid-template-columns: 78px minmax(0, 1fr) minmax(146px, 0.72fr) minmax(78px, auto);
	}

	.mr-operation-art-small {
		height: 78px;
		width: 78px;
	}
}

@media (max-width: 1100px) {
	.mr-operations-page {
		width: calc(100vw - 24px);
	}

	.mr-operations-board,
	.mr-operations-hero {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.mr-operations-page {
		width: calc(100vw - 24px);
	}

	.mr-operations-hero {
		padding: 22px 18px;
	}

	.mr-operations-hero .mr-hero-balances {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-operations-panel {
		padding: 16px;
	}

	.mr-operation-owned-main,
	.mr-operation-actions,
	.mr-operation-upgrades {
		grid-template-columns: 1fr;
	}

	.mr-operation-art-large {
		aspect-ratio: 1.8;
		width: 100%;
	}

	.mr-operation-market-row {
		align-items: stretch;
		grid-template-columns: 76px minmax(0, 1fr);
	}

	.mr-operation-market-meta,
	.mr-operation-market-action {
		grid-column: 1 / -1;
	}

	.mr-operation-market-action {
		justify-content: stretch;
	}
}

@media (max-width: 520px) {
	.mr-operations-hero .mr-hero-balances,
	.mr-operation-metrics,
	.mr-operation-market-meta,
	.mr-operation-market-row {
		grid-template-columns: 1fr;
	}

	.mr-operation-titleline {
		align-items: flex-start;
		flex-direction: column;
	}

	.mr-operation-art-small {
		aspect-ratio: 1.8;
		height: auto;
		width: 100%;
	}
}

.mr-events-hero::before {
	background:
		linear-gradient(120deg, rgba(255, 54, 95, 0.16), transparent 42%),
		linear-gradient(300deg, rgba(255, 200, 87, 0.16), transparent 48%),
		linear-gradient(25deg, rgba(62, 228, 138, 0.1), transparent 38%);
}

.mr-event-list {
	display: grid;
	gap: 12px;
}

.mr-event-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	padding: 12px;
}

.mr-event-card.is-active {
	border-color: rgba(255, 200, 87, 0.3);
	box-shadow: inset 0 0 0 1px rgba(255, 200, 87, 0.08);
}

.mr-event-card h3 {
	font-size: 1rem;
	margin: 0;
}

.mr-event-boosts {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-event-boosts span {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 6px;
	color: var(--mr-muted);
	display: flex;
	gap: 8px;
	justify-content: space-between;
	min-height: 32px;
	padding: 6px 8px;
}

.mr-event-boosts strong {
	color: var(--mr-gold);
}

.mr-personal-events-card {
	margin-bottom: 18px;
}

.mr-personal-events-table {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	overflow: hidden;
}

.mr-personal-events-heading,
.mr-personal-event-row {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 0.24fr) 78px 34px;
}

.mr-personal-events-heading {
	background: rgba(255, 255, 255, 0.045);
	color: var(--mr-muted);
	font-size: 0.76rem;
	font-weight: 900;
	padding: 10px 14px;
	text-transform: uppercase;
}

.mr-personal-event-row {
	background: rgba(0, 0, 0, 0.14);
	border-top: 1px solid rgba(255, 255, 255, 0.065);
	min-height: 42px;
	padding: 10px 14px;
}

.mr-personal-event-row:nth-child(odd) {
	background: rgba(255, 255, 255, 0.025);
}

.mr-personal-event-row.is-unread {
	background: linear-gradient(90deg, rgba(255, 200, 87, 0.12), rgba(0, 0, 0, 0.12));
}

.mr-personal-event-row strong {
	color: var(--mr-text);
	font-size: 0.9rem;
	font-weight: 750;
	line-height: 1.35;
	min-width: 0;
}

.mr-personal-event-row time {
	color: var(--mr-gold);
	font-size: 0.86rem;
	font-weight: 850;
	text-align: right;
	white-space: nowrap;
}

.mr-event-check {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	min-height: 28px;
}

.mr-event-check input {
	accent-color: var(--mr-red);
	height: 16px;
	width: 16px;
}

.mr-personal-event-actions {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
	margin-top: 12px;
}

.mr-personal-event-tools {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
	margin-bottom: 14px;
}

.mr-event-filter-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mr-event-filter-tabs a {
	align-items: center;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	color: var(--mr-muted);
	display: inline-flex;
	font-size: 0.8rem;
	font-weight: 900;
	gap: 8px;
	min-height: 36px;
	padding: 7px 10px;
	text-decoration: none;
}

.mr-event-filter-tabs a.is-active,
.mr-event-filter-tabs a:hover {
	border-color: rgba(255, 200, 87, 0.45);
	color: var(--mr-gold);
}

.mr-event-filter-tabs span {
	background: rgba(255, 200, 87, 0.14);
	border-radius: 999px;
	color: var(--mr-gold);
	padding: 1px 7px;
}

.mr-event-search {
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.mr-event-save {
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: var(--mr-muted);
	cursor: pointer;
	font-size: 0.72rem;
	font-weight: 900;
	min-height: 28px;
	padding: 4px 9px;
}

.mr-event-save.is-saved,
.mr-event-save:hover {
	background: rgba(255, 200, 87, 0.16);
	border-color: rgba(255, 200, 87, 0.48);
	color: var(--mr-gold);
}

.mr-site-event-strip .mr-event-list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-agenda-hero::before {
	background:
		linear-gradient(120deg, rgba(55, 197, 255, 0.16), transparent 42%),
		linear-gradient(300deg, rgba(255, 200, 87, 0.16), transparent 48%),
		linear-gradient(25deg, rgba(255, 54, 95, 0.12), transparent 38%);
}

.mr-agenda-list {
	display: grid;
	gap: 14px;
	margin-top: 16px;
}

.mr-agenda-card {
	display: grid;
	gap: 12px;
}

.mr-agenda-result {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-agenda-result span,
.mr-agenda-options label {
	align-items: center;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	min-height: 38px;
	padding: 8px 10px;
}

.mr-agenda-result span {
	color: var(--mr-muted);
}

.mr-agenda-result strong,
.mr-agenda-options strong {
	color: var(--mr-text);
	flex: 0 0 auto;
}

.mr-agenda-options {
	display: grid;
	gap: 8px;
}

.mr-agenda-options label {
	cursor: pointer;
	justify-content: flex-start;
}

.mr-agenda-options input {
	flex: 0 0 auto;
}

.mr-agenda-options span {
	color: var(--mr-text);
	flex: 1 1 auto;
	min-width: 0;
}

.mr-agenda-form {
	gap: 12px;
}

.mr-agenda-privacy {
	border-style: dashed;
	color: var(--mr-muted);
	padding: 12px;
}

.mr-agenda-suggestion {
	display: grid;
	gap: 14px;
	margin-top: 16px;
}

.mr-agenda-suggestion textarea {
	min-height: 130px;
	resize: vertical;
}

.mr-profile-combat-actions {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-profile-combat-actions .mr-form {
	margin: 0;
}

.mr-profile-combat-button.is-attack {
	background: linear-gradient(135deg, rgba(255, 54, 95, 0.92), rgba(180, 24, 62, 0.86));
	border-color: rgba(255, 95, 125, 0.7);
}

.mr-profile-combat-button:disabled {
	cursor: not-allowed;
	filter: grayscale(0.35);
	opacity: 0.58;
}

.mr-profile-transfer {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	padding: 10px;
}

.mr-profile-transfer summary {
	color: var(--mr-text);
	cursor: pointer;
	font-weight: 700;
}

.mr-profile-transfer form {
	margin-top: 10px;
}

.mr-profile-pi-stats {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
	padding: 10px;
}

.mr-profile-pi-stats .mr-eyebrow {
	flex-basis: 100%;
	margin: 0;
}

.mr-profile-pi-stats span {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: var(--mr-muted);
	font-size: 0.82rem;
	padding: 6px 9px;
}

.mr-profile-pi-stats strong {
	color: var(--mr-text);
}

.mr-pi-hero::before {
	background:
		linear-gradient(120deg, rgba(114, 215, 255, 0.15), transparent 42%),
		linear-gradient(300deg, rgba(255, 200, 87, 0.14), transparent 48%),
		linear-gradient(25deg, rgba(255, 54, 95, 0.12), transparent 38%);
}

.mr-pi-log a {
	color: var(--mr-text);
	text-decoration: none;
}

.mr-housing-hero::before {
	background:
		linear-gradient(120deg, rgba(255, 200, 87, 0.18), transparent 42%),
		linear-gradient(300deg, rgba(62, 228, 138, 0.1), transparent 48%),
		linear-gradient(25deg, rgba(255, 54, 95, 0.1), transparent 38%);
}

.mr-housing-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 16px;
}

.mr-housing-overview {
	margin-top: 16px;
}

.mr-property-showcase {
	display: grid;
	gap: 12px;
}

.mr-property-showcase .mr-house-art {
	min-height: 180px;
}

.mr-property-perks {
	margin-bottom: 12px;
}

.mr-property-ladder {
	margin-top: 16px;
}

.mr-house-row {
	align-items: stretch;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(220px, 320px) minmax(0, 1fr) minmax(260px, 330px) minmax(130px, 160px);
	padding: 14px 0;
}

.mr-house-row:first-of-type {
	border-top: 0;
}

.mr-house-row .mr-house-art {
	aspect-ratio: 16 / 9;
	max-width: 100%;
	min-height: 110px;
	min-width: 0;
	width: 100%;
}

.mr-house-row-main {
	align-content: center;
	display: grid;
	gap: 6px;
	min-width: 0;
}

.mr-house-row-main h2 {
	font-size: 1.05rem;
	margin: 0;
}

.mr-house-row-main .mr-muted {
	font-size: 0.9rem;
	line-height: 1.45;
	margin: 0;
}

.mr-house-row-stats {
	align-content: center;
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-house-row-stats > div {
	background: rgba(8, 10, 16, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 8px 10px;
}

.mr-house-row-stats span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.7rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-house-row-stats strong {
	color: var(--mr-text);
	display: block;
	font-size: 0.9rem;
	margin-top: 2px;
}

.mr-house-row-action {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	min-width: 0;
}

.mr-house-row-action .mr-form,
.mr-house-row-action .mr-button {
	width: 100%;
}

.mr-house-card {
	display: grid;
	gap: 12px;
}

.mr-house-art {
	align-items: end;
	aspect-ratio: 16 / 7;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.45)),
		radial-gradient(circle at 72% 18%, rgba(255, 200, 87, 0.24), transparent 22%),
		linear-gradient(135deg, rgba(18, 22, 31, 0.95), rgba(7, 8, 12, 0.98));
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: flex;
	overflow: hidden;
	padding: 14px;
	position: relative;
}

.mr-house-art::before,
.mr-house-art::after,
.mr-house-skyline {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	content: "";
	position: absolute;
}

.mr-house-art::before {
	height: 42%;
	left: 8%;
	width: 18%;
}

.mr-house-art::after {
	height: 58%;
	left: 30%;
	width: 26%;
}

.mr-house-skyline {
	height: 34%;
	right: 10%;
	width: 28%;
}

.mr-house-art strong {
	color: var(--mr-text);
	font-size: 1.05rem;
	position: relative;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
	z-index: 1;
}

.mr-house-art.has-image {
	background: #090b10;
	padding: 0;
}

.mr-house-art.has-image img {
	height: 100%;
	inset: 0;
	object-fit: cover;
	object-position: center;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.mr-house-art.has-image::before {
	background:
		linear-gradient(180deg, transparent 34%, rgba(0, 0, 0, 0.72) 100%),
		linear-gradient(90deg, rgba(0, 0, 0, 0.48), transparent 46%, rgba(0, 0, 0, 0.28));
	height: 100%;
	inset: 0;
	width: 100%;
	z-index: 1;
}

.mr-house-art.has-image::after,
.mr-house-art.has-image .mr-house-skyline {
	display: none;
}

.mr-house-art.has-image strong {
	padding: 14px;
	width: 100%;
	z-index: 2;
}

.mr-house-tier-4 .mr-house-art,
.mr-house-tier-5 .mr-house-art,
.mr-house-tier-6 .mr-house-art,
.mr-house-tier-7 .mr-house-art,
.mr-house-tier-8 .mr-house-art,
.mr-house-tier-9 .mr-house-art,
.mr-house-tier-10 .mr-house-art {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.5)),
		radial-gradient(circle at 74% 20%, rgba(55, 197, 255, 0.22), transparent 24%),
		linear-gradient(135deg, rgba(32, 24, 16, 0.96), rgba(7, 8, 12, 0.98));
}

.mr-profile-house {
	align-items: stretch;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
	margin: 16px 0;
	overflow: hidden;
}

.mr-profile-house .mr-house-art {
	max-width: 100%;
	min-width: 0;
}

.mr-profile-house > div:last-child {
	min-width: 0;
}

.mr-dashboard-house-art {
	margin-bottom: 12px;
	max-width: 420px;
}

.mr-dashboard-house-art .mr-house-art {
	width: 100%;
}

.mr-button-static {
	justify-content: center;
	pointer-events: none;
}

.mr-black-market-hero::before {
	background:
		linear-gradient(120deg, rgba(23, 26, 34, 0.55), transparent 46%),
		linear-gradient(300deg, rgba(198, 140, 255, 0.16), transparent 48%),
		linear-gradient(25deg, rgba(255, 54, 95, 0.12), transparent 38%);
}

.mr-backroom-hero::before {
	background:
		linear-gradient(120deg, rgba(255, 200, 87, 0.14), transparent 44%),
		linear-gradient(300deg, rgba(62, 228, 138, 0.12), transparent 48%),
		linear-gradient(25deg, rgba(0, 0, 0, 0.32), transparent 45%);
}

.mr-staff-hero::before {
	background:
		linear-gradient(120deg, rgba(62, 228, 138, 0.12), transparent 44%),
		linear-gradient(300deg, rgba(55, 197, 255, 0.15), transparent 48%),
		linear-gradient(25deg, rgba(255, 200, 87, 0.1), transparent 38%);
}

.mr-account-hero::before {
	background:
		linear-gradient(120deg, rgba(55, 197, 255, 0.14), transparent 44%),
		linear-gradient(300deg, rgba(255, 200, 87, 0.12), transparent 48%);
}

.mr-about-hero {
	align-items: center;
	grid-template-columns: minmax(0, 1.1fr) minmax(220px, 0.5fr);
	min-height: 430px;
	overflow: hidden;
}

.mr-about-hero::before {
	background:
		linear-gradient(120deg, rgba(255, 54, 95, 0.18), transparent 42%),
		linear-gradient(300deg, rgba(255, 200, 87, 0.15), transparent 48%),
		linear-gradient(25deg, rgba(55, 197, 255, 0.1), transparent 35%);
}

.mr-about-hero h1 {
	max-width: 760px;
}

.mr-about-hero .mr-muted {
	max-width: 680px;
}

.mr-about-sigil {
	align-items: center;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	min-width: 0;
	position: relative;
}

.mr-about-sigil img {
	filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.55));
	max-height: 280px;
	max-width: 100%;
	object-fit: contain;
}

.mr-about-pillars {
	margin-top: 16px;
}

.mr-about-roadmap {
	margin-top: 16px;
}

.mr-about-list {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-about-list div {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 12px;
}

.mr-about-list strong {
	color: var(--mr-text);
}

.mr-about-list span {
	color: var(--mr-muted);
	line-height: 1.5;
}

.mr-special-hero::before {
	background:
		linear-gradient(120deg, rgba(255, 200, 87, 0.12), transparent 44%),
		linear-gradient(300deg, rgba(55, 197, 255, 0.14), transparent 48%),
		linear-gradient(20deg, rgba(255, 54, 95, 0.12), transparent 38%);
}

.mr-guide-page {
	max-width: 1600px;
}

.mr-guide-layout {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 310px);
}

.mr-guide-main,
.mr-guide-sidebar,
.mr-guide-article-body,
.mr-guide-related-list,
.mr-guide-article-list,
.mr-guide-toc {
	display: grid;
	gap: 12px;
	min-width: 0;
}

.mr-guide-sidebar {
	position: sticky;
	top: 14px;
}

.mr-guide-home-hero {
	align-items: center;
	background:
		linear-gradient(115deg, rgba(255, 54, 95, 0.13), transparent 38%),
		linear-gradient(290deg, rgba(55, 197, 255, 0.11), transparent 48%),
		rgba(255, 255, 255, 0.035);
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
}

.mr-guide-home-hero h1,
.mr-guide-article-hero h1 {
	font-size: clamp(2rem, 4vw, 3.35rem);
	letter-spacing: 0;
	margin: 8px 0 4px;
}

.mr-guide-home-hero p,
.mr-guide-article-hero p {
	color: var(--mr-muted);
	font-size: 1rem;
	line-height: 1.55;
	margin: 0;
}

.mr-guide-breadcrumb {
	align-items: center;
	color: #9fb0c7;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.84rem;
	font-weight: 800;
	gap: 8px;
}

.mr-guide-breadcrumb a {
	color: #b986ff;
	text-decoration: none;
}

.mr-guide-breadcrumb strong {
	color: var(--mr-text);
}

.mr-guide-search {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.mr-guide-search input {
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	color: var(--mr-text);
	min-height: 42px;
	padding: 10px 12px;
	width: 100%;
}

.mr-guide-category-card {
	padding: 14px 16px;
}

.mr-guide-category-head {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: grid;
	gap: 12px;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	padding-bottom: 12px;
}

.mr-guide-category-head h2 {
	font-size: 1rem;
	line-height: 1.35;
	margin: 2px 0 0;
}

.mr-guide-count {
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: #b8c7dc;
	font-size: 0.75rem;
	font-weight: 900;
	padding: 6px 10px;
	white-space: nowrap;
}

.mr-guide-icon {
	align-items: center;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 8px;
	color: var(--mr-gold);
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.mr-guide-icon svg {
	fill: none;
	height: 22px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 22px;
}

.mr-guide-icon-small {
	height: 34px;
	width: 34px;
}

.mr-guide-icon-small svg {
	height: 18px;
	width: 18px;
}

.mr-guide-accent-gold { color: var(--mr-gold); }
.mr-guide-accent-green { color: var(--mr-green); }
.mr-guide-accent-blue { color: #5db7ff; }
.mr-guide-accent-red { color: #ff637a; }
.mr-guide-accent-pink { color: #ff3c78; }
.mr-guide-accent-purple { color: #bd7bff; }
.mr-guide-accent-cyan { color: #37c5ff; }

.mr-guide-article-list {
	gap: 0;
}

.mr-guide-article-row {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.075);
	color: var(--mr-text);
	display: grid;
	gap: 12px;
	grid-template-columns: 38px minmax(0, 1fr) auto auto;
	min-width: 0;
	padding: 12px 0;
	text-decoration: none;
}

.mr-guide-article-row:last-child {
	border-bottom: 0;
}

.mr-guide-article-row strong,
.mr-guide-related-list strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-guide-article-row em {
	color: var(--mr-muted);
	display: block;
	font-size: 0.88rem;
	font-style: normal;
	line-height: 1.35;
	margin-top: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-guide-article-row b {
	background: rgba(34, 197, 94, 0.14);
	border: 1px solid rgba(34, 197, 94, 0.23);
	border-radius: 999px;
	color: #6cff9b;
	font-size: 0.72rem;
	padding: 5px 9px;
}

.mr-guide-article-row::after,
.mr-guide-related-list a::after {
	color: #8ea2b9;
	content: ">";
	font-weight: 900;
}

.mr-guide-article-row:hover,
.mr-guide-related-list a:hover {
	background: rgba(255, 255, 255, 0.03);
}

.mr-guide-side-card {
	padding: 14px;
}

.mr-guide-toc {
	gap: 0;
	position: relative;
}

.mr-guide-toc::before {
	background: rgba(255, 255, 255, 0.08);
	bottom: 8px;
	content: "";
	left: 5px;
	position: absolute;
	top: 8px;
	width: 1px;
}

.mr-guide-toc a {
	color: #b8c7dc;
	font-size: 0.88rem;
	line-height: 1.35;
	padding: 8px 0 8px 22px;
	position: relative;
	text-decoration: none;
}

.mr-guide-toc a::before {
	background: rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	content: "";
	height: 7px;
	left: 2px;
	position: absolute;
	top: 13px;
	width: 7px;
}

.mr-guide-toc a:first-child::before {
	background: var(--mr-accent);
	box-shadow: 0 0 12px rgba(255, 54, 95, 0.4);
}

.mr-guide-related-list a {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	color: var(--mr-text);
	display: grid;
	gap: 10px;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	padding: 9px 0;
	text-decoration: none;
}

.mr-guide-related-list a:last-child {
	border-bottom: 0;
}

.mr-guide-helpful {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-guide-helpful .mr-button {
	width: 100%;
}

.mr-guide-article-hero {
	background:
		linear-gradient(115deg, rgba(9, 14, 24, 0.95), rgba(15, 27, 43, 0.76)),
		rgba(255, 255, 255, 0.035);
	overflow: hidden;
}

.mr-guide-article-top {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 330px);
	margin-top: 14px;
}

.mr-guide-article-meta {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-guide-article-meta div {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 10px 12px;
}

.mr-guide-article-meta span {
	color: #9fb0c7;
	display: block;
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-guide-article-meta strong {
	display: block;
	margin-top: 4px;
}

.mr-guide-article-meta .mr-button {
	grid-column: 1 / -1;
}

.mr-guide-article-image {
	aspect-ratio: 5 / 1;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	display: block;
	margin-top: 16px;
	object-fit: cover;
	opacity: 0.88;
	width: 100%;
}

.mr-guide-article-body {
	gap: 0;
	padding: 0 16px;
}

.mr-guide-article-section {
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	padding: 22px 0;
}

.mr-guide-article-section:last-child {
	border-bottom: 0;
}

.mr-guide-article-section h2 {
	align-items: center;
	display: flex;
	font-size: 1.32rem;
	gap: 10px;
	margin: 0 0 12px;
}

.mr-guide-section-number {
	align-items: center;
	background: rgba(189, 123, 255, 0.12);
	border: 1px solid rgba(189, 123, 255, 0.34);
	border-radius: 999px;
	color: #bd7bff;
	display: inline-flex;
	font-size: 0.85rem;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.mr-guide-article-section p,
.mr-guide-article-section li {
	color: #c1cee0;
	line-height: 1.65;
}

.mr-guide-article-section p {
	margin: 0 0 12px;
}

.mr-guide-article-section ul {
	display: grid;
	gap: 9px;
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

.mr-guide-article-section li {
	padding-left: 22px;
	position: relative;
}

.mr-guide-article-section li::before {
	background: var(--mr-accent);
	border-radius: 999px;
	content: "";
	height: 7px;
	left: 2px;
	position: absolute;
	top: 0.68em;
	width: 7px;
}

.mr-guide-next-row {
	display: grid;
	gap: 10px;
	grid-template-columns: auto minmax(0, 1fr);
}

.mr-guide-next-row .mr-button-primary {
	justify-content: center;
}

@media (max-width: 1180px) {
	.mr-guide-layout,
	.mr-guide-home-hero,
	.mr-guide-article-top {
		grid-template-columns: 1fr;
	}

	.mr-guide-sidebar {
		position: static;
	}
}

@media (max-width: 760px) {
	.mr-guide-category-head,
	.mr-guide-article-row,
	.mr-guide-related-list a,
	.mr-guide-next-row {
		grid-template-columns: 1fr;
	}

	.mr-guide-article-row,
	.mr-guide-related-list a {
		align-items: start;
	}

	.mr-guide-article-row b,
	.mr-guide-article-row::after,
	.mr-guide-related-list a::after {
		display: none;
	}

	.mr-guide-search,
	.mr-guide-article-meta,
	.mr-guide-helpful {
		grid-template-columns: 1fr;
	}

	.mr-guide-article-image {
		aspect-ratio: 16 / 6;
	}
}

.mr-lockdown-card {
	display: flex;
	flex-direction: column;
}

.mr-lockdown-card .mr-form {
	margin-top: auto;
}

.mr-lockdown-list {
	display: grid;
	gap: 10px;
}

.mr-lockdown-list article {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 10px 12px;
}

.mr-lockdown-list article > div:first-child {
	display: grid;
	gap: 3px;
}

.mr-lockdown-list article > div:first-child span {
	color: var(--mr-muted);
	font-size: 0.85rem;
}

.mr-lockdown-list-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.mr-lockdown-list-meta span {
	color: var(--mr-muted);
	display: grid;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-lockdown-list-meta strong {
	color: var(--mr-text);
	font-size: 0.95rem;
	text-transform: none;
}

.mr-lockdown-list-meta .mr-form {
	margin: 0;
}

.mr-market-list {
	display: grid;
	gap: 10px;
}

.mr-market-list article {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 10px;
}

.mr-market-list strong,
.mr-market-list span {
	display: block;
}

.mr-market-list span {
	color: var(--mr-muted);
	font-size: 0.82rem;
	font-weight: 750;
}

.mr-market-list .mr-form {
	margin-top: 0;
}

.mr-market-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-shop-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 18px;
}

.mr-black-market-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
	margin-bottom: 18px;
}

.mr-black-market-hero {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 440px);
}

.mr-black-market-hero .mr-hero-balances {
	align-self: center;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-black-market-hero .mr-hero-balances div {
	display: grid;
	min-height: 86px;
	place-content: center start;
}

.mr-shop-card {
	align-items: start;
	display: grid;
	gap: 14px;
	grid-template-columns: 64px minmax(0, 1fr) minmax(112px, auto);
	min-height: 178px;
}

.mr-shop-card.is-locked {
	filter: saturate(0.72);
	opacity: 0.76;
}

.mr-exchange-card {
	align-items: start;
	display: grid;
	gap: 14px;
	grid-template-columns: 92px minmax(0, 1fr);
	min-height: 0;
	padding: 18px;
}

.mr-dealer-card {
	border-color: rgba(255, 200, 87, 0.16);
}

.mr-shop-card .mr-item-icon {
	height: 64px;
	width: 64px;
}

.mr-exchange-card .mr-muted {
	margin-top: 6px;
}

.mr-exchange-card .mr-item-icon {
	height: 92px;
	width: 92px;
}

.mr-exchange-main {
	display: grid;
	gap: 12px;
	min-width: 0;
}

.mr-exchange-meta {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-exchange-meta span {
	background: rgba(0, 0, 0, 0.16);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 8px 9px;
}

.mr-exchange-meta em {
	color: var(--mr-muted);
	font-size: 0.7rem;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-exchange-meta strong {
	color: var(--mr-text);
	font-size: 0.86rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.mr-exchange-form {
	margin: 0;
}

.mr-exchange-control {
	align-items: end;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(94px, 120px) minmax(140px, 1fr);
}

.mr-exchange-control label {
	display: grid;
	gap: 6px;
	margin: 0;
}

.mr-exchange-control label span {
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-exchange-control input {
	width: 100%;
}

.mr-exchange-note {
	font-size: 0.8rem;
	margin: 6px 0 0;
}

.mr-shop-card .mr-form {
	margin-top: 0;
}

.mr-pharmacy-hero {
	align-items: start;
	background:
		linear-gradient(110deg, rgba(116, 33, 62, 0.72), rgba(15, 19, 27, 0.82) 48%, rgba(24, 84, 104, 0.72)),
		radial-gradient(circle at 74% 24%, rgba(103, 232, 249, 0.14), transparent 32%),
		#10141c;
	grid-template-columns: minmax(0, 1fr);
	overflow: hidden;
}

.mr-pharmacy-hero-copy {
	display: grid;
	gap: 12px;
	max-width: 760px;
}

.mr-pharmacy-price span,
.mr-pharmacy-effect span {
	color: var(--mr-gold);
	display: block;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-pharmacy-grid {
	display: grid;
	gap: 14px;
	margin-bottom: 18px;
}

.mr-pharmacy-card {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: 104px minmax(0, 1fr) minmax(190px, 240px);
	min-height: 160px;
	overflow: hidden;
	position: relative;
}

.mr-pharmacy-card::before {
	background: linear-gradient(90deg, rgba(45, 212, 191, 0.09), transparent 42%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.mr-pharmacy-card > * {
	position: relative;
}

.mr-pharmacy-card.is-featured {
	border-color: rgba(251, 191, 36, 0.22);
	box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.04), 0 0 24px rgba(251, 191, 36, 0.06);
}

.mr-pharmacy-card.is-locked {
	filter: saturate(0.76);
	opacity: 0.74;
}

.mr-pharmacy-card-art .mr-item-icon {
	height: 104px;
	width: 104px;
}

.mr-pharmacy-card-copy {
	display: grid;
	gap: 8px;
	min-width: 0;
}

.mr-pharmacy-card h2 {
	font-size: 1.15rem;
	line-height: 1.2;
	margin: 0;
}

.mr-pharmacy-effect {
	background: rgba(0, 0, 0, 0.18);
	border-left: 3px solid rgba(45, 212, 191, 0.45);
	border-radius: 8px;
	padding: 10px 12px;
}

.mr-pharmacy-effect strong {
	display: block;
	font-size: 0.92rem;
	line-height: 1.35;
	margin-top: 4px;
}

.mr-pharmacy-purchase {
	align-self: stretch;
	display: grid;
	gap: 10px;
	grid-template-rows: auto 1fr auto;
	min-width: 0;
}

.mr-pharmacy-price {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	padding: 10px 12px;
}

.mr-pharmacy-price strong {
	display: block;
	font-size: 1.18rem;
	margin-top: 4px;
}

.mr-pharmacy-meta {
	color: var(--mr-muted);
	display: grid;
	font-size: 0.78rem;
	gap: 5px;
	line-height: 1.35;
}

.mr-pharmacy-purchase .mr-button,
.mr-pharmacy-purchase .mr-form {
	width: 100%;
}

.mr-special-layout {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
	margin-bottom: 18px;
}

.mr-scene-card {
	display: grid;
	gap: 16px;
}

.mr-lockup-scene,
.mr-vault-scene,
.mr-blueprint-scene {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),
		radial-gradient(circle at 50% 20%, rgba(55, 197, 255, 0.16), transparent 36%),
		#090b10;
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	min-height: 340px;
	overflow: hidden;
	position: relative;
}

.mr-lockup-scene::before {
	background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0 2px, transparent 2px 58px);
	content: "";
	inset: 0;
	opacity: 0.45;
	position: absolute;
}

.mr-lockup-door {
	background: linear-gradient(90deg, #171b24, #0e1118);
	border-left: 3px solid rgba(255, 255, 255, 0.08);
	border-right: 3px solid rgba(255, 255, 255, 0.08);
	bottom: 0;
	left: 10%;
	position: absolute;
	top: 0;
	width: 42%;
}

.mr-lockup-car {
	background: linear-gradient(135deg, #ff365f, #37c5ff);
	border-radius: 44px 58px 18px 18px;
	bottom: 58px;
	box-shadow: 0 20px 45px rgba(55, 197, 255, 0.18);
	height: 86px;
	left: 30%;
	position: absolute;
	width: 48%;
}

.mr-lockup-car::before,
.mr-lockup-car::after {
	background: #080a0f;
	border: 5px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	bottom: -20px;
	content: "";
	height: 42px;
	position: absolute;
	width: 42px;
}

.mr-lockup-car::before {
	left: 12%;
}

.mr-lockup-car::after {
	right: 12%;
}

.mr-lockup-car span {
	background: rgba(255, 255, 255, 0.35);
	border-radius: 26px 30px 8px 8px;
	display: block;
	height: 34px;
	margin: 14px auto 0;
	width: 42%;
}

.mr-lockup-key {
	background: var(--mr-gold);
	border-radius: 999px;
	height: 20px;
	position: absolute;
	right: 14%;
	top: 22%;
	width: 20px;
}

.mr-lockup-key::after {
	background: var(--mr-gold);
	content: "";
	height: 7px;
	left: 18px;
	position: absolute;
	top: 6px;
	width: 82px;
}

.mr-vault-scene {
	display: grid;
	place-items: center;
}

.mr-vault-door {
	background:
		radial-gradient(circle, #242a36 0 24%, #11151d 25% 54%, #090b10 55%),
		linear-gradient(135deg, rgba(255, 200, 87, 0.18), transparent);
	border: 10px solid #202633;
	border-radius: 999px;
	box-shadow: inset 0 0 55px rgba(0, 0, 0, 0.55), 0 24px 60px rgba(0, 0, 0, 0.34);
	height: 245px;
	position: relative;
	width: 245px;
	z-index: 2;
}

.mr-vault-wheel {
	border: 7px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	height: 82px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 82px;
}

.mr-vault-door span {
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	height: 24px;
	position: absolute;
	width: 24px;
}

.mr-vault-door span.is-loaded {
	background: var(--mr-gold);
	box-shadow: 0 0 18px rgba(255, 200, 87, 0.75);
}

.mr-vault-door span:nth-of-type(1) {
	left: 50%;
	top: 17px;
	transform: translateX(-50%);
}

.mr-vault-door span:nth-of-type(2) {
	right: 35px;
	top: 74px;
}

.mr-vault-door span:nth-of-type(3) {
	bottom: 43px;
	right: 55px;
}

.mr-vault-door span:nth-of-type(4) {
	bottom: 43px;
	left: 55px;
}

.mr-vault-door span:nth-of-type(5) {
	left: 35px;
	top: 74px;
}

.mr-vault-prize {
	background: radial-gradient(circle, rgba(255, 200, 87, 0.48), transparent 60%);
	bottom: 8%;
	height: 140px;
	position: absolute;
	right: 12%;
	width: 170px;
}

.mr-blueprint-scene {
	align-items: center;
	display: grid;
	justify-items: center;
}

.mr-blueprint-paper {
	background:
		linear-gradient(90deg, rgba(55, 197, 255, 0.13) 1px, transparent 1px),
		linear-gradient(rgba(55, 197, 255, 0.13) 1px, transparent 1px),
		#13202a;
	background-size: 28px 28px;
	border: 1px solid rgba(55, 197, 255, 0.32);
	border-radius: 8px;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
	height: 230px;
	position: relative;
	width: min(82%, 440px);
}

.mr-blueprint-paper span {
	background: rgba(255, 255, 255, 0.58);
	border-radius: 999px;
	height: 3px;
	left: 12%;
	position: absolute;
	width: 42%;
}

.mr-blueprint-paper span:nth-child(1) {
	top: 22%;
}

.mr-blueprint-paper span:nth-child(2) {
	top: 34%;
	width: 58%;
}

.mr-blueprint-paper span:nth-child(3) {
	top: 46%;
	width: 34%;
}

.mr-blueprint-van {
	background: linear-gradient(135deg, #c9d4df, #596676);
	border-radius: 10px;
	height: 52px;
	position: absolute;
	right: 21%;
	top: 48%;
	width: 118px;
}

.mr-blueprint-route {
	border: 3px dashed var(--mr-red);
	border-left: 0;
	border-radius: 0 999px 999px 0;
	height: 95px;
	left: 23%;
	position: absolute;
	top: 35%;
	width: 42%;
}

.mr-special-prize-list {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-special-prize-list li {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 48px;
	padding: 10px 12px;
}

.mr-special-prize-list span {
	color: var(--mr-muted);
	font-weight: 800;
}

.mr-special-prize-list strong {
	color: var(--mr-gold);
	white-space: nowrap;
}

.mr-forum-thread-board,
.mr-forum-post-list {
	display: grid;
	gap: 0;
	margin: 16px 0;
}

.mr-forum-thread-board {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	overflow: hidden;
}

.mr-forum-thread-header,
.mr-forum-thread-row {
	display: grid;
	grid-template-columns: minmax(260px, 1fr) 180px 82px 132px;
}

.mr-forum-thread-header {
	background: rgba(255, 198, 74, 0.11);
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	color: var(--mr-gold);
	font-size: 0.74rem;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: uppercase;
}

.mr-forum-thread-header span,
.mr-forum-thread-row > * {
	padding: 10px 12px;
}

.mr-forum-thread-row {
	align-items: center;
	background: rgba(255, 255, 255, 0.025);
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 0;
	gap: 0;
	min-height: 74px;
}

.mr-forum-thread-row:nth-child(odd) {
	background: rgba(255, 255, 255, 0.045);
}

.mr-forum-thread-row:last-child {
	border-bottom: 0;
}

.mr-forum-thread-head {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) minmax(126px, auto);
}

.mr-forum-thread-main {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.mr-forum-thread-row h2 {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.98rem;
	gap: 8px;
	line-height: 1.25;
	margin: 0;
}

.mr-forum-thread-row h2 a {
	color: var(--mr-text);
	text-decoration: none;
}

.mr-forum-thread-row > strong,
.mr-forum-thread-row > span {
	color: var(--mr-muted);
	font-size: 0.84rem;
	font-weight: 850;
	text-align: center;
}

.mr-forum-thread-row > span {
	text-align: left;
}

.mr-forum-thread-author {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	min-width: 0;
}

.mr-forum-thread-row h2 span,
.mr-forum-byline em {
	background: rgba(255, 198, 74, 0.12);
	border: 1px solid rgba(255, 198, 74, 0.25);
	border-radius: 999px;
	color: var(--mr-gold);
	font-size: 0.68rem;
	font-style: normal;
	font-weight: 900;
	padding: 2px 7px;
	text-transform: uppercase;
}

.mr-forum-thread-head {
	padding: 18px;
}

.mr-forum-crumb {
	color: var(--mr-muted);
	font-size: 0.82rem;
	font-weight: 850;
	margin-bottom: 6px;
}

.mr-forum-crumb span {
	color: var(--mr-gold);
	margin: 0 4px;
}

.mr-forum-thread-tools {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.mr-forum-thread-tools .mr-form,
.mr-forum-thread-tools .mr-button {
	margin: 0;
}

.mr-forum-post {
	display: grid;
	grid-template-columns: 156px minmax(0, 1fr);
}

.mr-forum-post-compact {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	overflow: hidden;
	padding: 0;
}

.mr-forum-post-author {
	background: rgba(255, 255, 255, 0.045);
	border-right: 1px solid rgba(255, 255, 255, 0.07);
	display: grid;
	gap: 6px;
	justify-items: start;
	align-content: start;
	padding: 12px;
}

.mr-forum-avatar {
	align-items: center;
	background: linear-gradient(135deg, rgba(255, 54, 95, 0.62), rgba(72, 199, 249, 0.45));
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	color: var(--mr-text);
	display: inline-flex;
	font-size: 1.3rem;
	font-weight: 950;
	height: 48px;
	justify-content: center;
	text-decoration: none;
	width: 48px;
}

.mr-forum-avatar.has-image {
	background: #05070b;
	overflow: hidden;
	padding: 0;
}

.mr-forum-avatar img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mr-bank-hero {
	background:
		linear-gradient(90deg, rgba(12, 14, 20, 0.1), rgba(12, 14, 20, 0.82) 48%, rgba(14, 20, 28, 0.96)),
		radial-gradient(circle at 72% 20%, rgba(255, 194, 65, 0.2), transparent 28%),
		linear-gradient(135deg, rgba(90, 29, 45, 0.72), rgba(15, 29, 40, 0.92));
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 8px;
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(300px, 1.15fr) minmax(300px, 0.85fr);
	margin-bottom: 18px;
	min-height: 280px;
	overflow: hidden;
	position: relative;
}

.mr-bank-scene {
	min-height: 280px;
	position: relative;
}

.mr-bank-scene::before {
	background:
		repeating-linear-gradient(90deg, rgba(136, 73, 37, 0.9) 0 12px, rgba(67, 33, 22, 0.95) 12px 18px),
		linear-gradient(180deg, #2d1710, #5a2814);
	border-right: 1px solid rgba(255, 205, 103, 0.18);
	content: "";
	inset: 0 auto 0 0;
	position: absolute;
	width: 30%;
}

.mr-bank-sign {
	background: linear-gradient(180deg, #ffe08a, #c48520);
	border: 2px solid rgba(56, 24, 9, 0.88);
	border-radius: 999px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35), inset 0 0 0 2px rgba(255, 255, 255, 0.26);
	color: #180d06;
	font-size: clamp(1.05rem, 2vw, 1.7rem);
	font-weight: 950;
	left: 24%;
	line-height: 1;
	padding: 14px 28px;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	top: 30px;
	transform: translateX(-10%);
	white-space: nowrap;
	z-index: 3;
}

.mr-bank-window {
	background:
		linear-gradient(180deg, rgba(160, 203, 226, 0.2), rgba(13, 18, 25, 0.65)),
		repeating-linear-gradient(90deg, transparent 0 70px, rgba(255, 255, 255, 0.1) 70px 73px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px 6px 0 0;
	bottom: 86px;
	box-shadow: inset 0 0 45px rgba(0, 0, 0, 0.6);
	left: 12%;
	position: absolute;
	right: 12%;
	top: 70px;
}

.mr-bank-banker {
	background:
		radial-gradient(circle at 50% 18%, #ffd27d 0 17px, transparent 18px),
		radial-gradient(circle at 50% 16%, #1a1d1f 0 24px, transparent 25px),
		linear-gradient(135deg, #11151c, #27313d);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 42% 42% 10px 10px;
	bottom: 68px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
	height: 124px;
	position: absolute;
	right: 16%;
	width: 130px;
	z-index: 2;
}

.mr-bank-banker::after {
	background:
		radial-gradient(circle, rgba(255, 201, 71, 0.95) 0 11px, rgba(106, 59, 12, 0.95) 12px 18px, transparent 19px),
		radial-gradient(circle, rgba(255, 201, 71, 0.95) 0 10px, rgba(106, 59, 12, 0.95) 11px 17px, transparent 18px);
	background-position: 0 0, 26px 6px;
	background-repeat: no-repeat;
	content: "";
	height: 42px;
	left: -42px;
	position: absolute;
	top: 72px;
	width: 80px;
}

.mr-bank-counter {
	background:
		repeating-linear-gradient(90deg, rgba(95, 45, 24, 0.95) 0 36px, rgba(145, 73, 35, 0.92) 36px 54px),
		linear-gradient(180deg, #6c351b, #35160b);
	border-top: 4px solid rgba(255, 196, 90, 0.25);
	bottom: 0;
	box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.38);
	height: 92px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 4;
}

.mr-bank-hero-panel {
	align-self: center;
	padding: 28px 28px 28px 0;
	position: relative;
	z-index: 5;
}

.mr-bank-hero-panel h1 {
	font-size: clamp(2.1rem, 5vw, 4.2rem);
	line-height: 0.95;
	margin: 0 0 14px;
}

.mr-bank-greeting {
	color: var(--mr-muted);
	font-size: 1rem;
	line-height: 1.6;
	margin: 0 0 18px;
	max-width: 560px;
}

.mr-bank-balance-pill {
	align-items: center;
	background: linear-gradient(180deg, rgba(232, 238, 245, 0.9), rgba(104, 116, 130, 0.86));
	border: 2px solid rgba(67, 34, 17, 0.9);
	border-radius: 999px;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
	color: #11151b;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	max-width: 520px;
	padding: 10px 18px;
}

.mr-bank-balance-pill span,
.mr-bank-balance-pill strong {
	color: #11151b;
	font-weight: 950;
}

.mr-bank-interest-card,
.mr-bank-action-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.6fr);
	margin-bottom: 18px;
}

.mr-bank-interest-card {
	background: linear-gradient(135deg, rgba(27, 32, 42, 0.96), rgba(12, 14, 20, 0.96));
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 8px;
	padding: 20px;
}

.mr-bank-interest-card h2 {
	margin: 0 0 14px;
}

.mr-bank-interest-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(120px, 1fr));
}

.mr-bank-interest-grid > div,
.mr-bank-claim-panel,
.mr-bank-small-balance {
	background: rgba(5, 8, 12, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	padding: 12px;
}

.mr-bank-interest-grid span,
.mr-bank-claim-panel span,
.mr-bank-small-balance span,
.mr-bank-tier-progress span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-bank-interest-grid strong,
.mr-bank-claim-panel strong,
.mr-bank-small-balance strong,
.mr-bank-tier-progress strong {
	color: var(--mr-text);
	display: block;
	font-size: 1.15rem;
	margin-top: 4px;
}

.mr-bank-tier-progress {
	margin-top: 14px;
}

.mr-bank-tier-progress .mr-resource-track {
	height: 10px;
	margin: 8px 0;
}

.mr-bank-claim-panel {
	align-content: center;
	display: grid;
	gap: 10px;
	text-align: center;
}

.mr-bank-claim-panel strong {
	color: var(--mr-accent);
	font-size: 1.8rem;
}

.mr-bank-action-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-bank-action-card {
	display: grid;
	gap: 10px;
}

.mr-bank-inline-form {
	align-items: end;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.mr-bank-inline-form .mr-button {
	min-height: 44px;
}

.mr-bank-tier-table {
	margin-top: 4px;
}

.mr-table-wrap {
	overflow-x: auto;
}

.mr-data-table {
	border-collapse: collapse;
	min-width: 620px;
	width: 100%;
}

.mr-data-table th,
.mr-data-table td {
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	padding: 10px 12px;
	text-align: left;
}

.mr-data-table th {
	background: rgba(255, 255, 255, 0.06);
	color: var(--mr-muted);
	font-size: 0.78rem;
	text-transform: uppercase;
}

.mr-data-table tr:nth-child(even) td {
	background: rgba(255, 255, 255, 0.035);
}

.mr-data-table tr.is-current td {
	background: rgba(255, 194, 65, 0.14);
	box-shadow: inset 0 1px 0 rgba(255, 194, 65, 0.22), inset 0 -1px 0 rgba(255, 194, 65, 0.22);
	color: var(--mr-text);
	font-weight: 900;
}

.mr-crew-quote {
	color: var(--mr-soft);
	font-size: 1rem;
	font-style: italic;
	max-width: 760px;
}

.mr-forum-report {
	margin: 0;
	position: relative;
}

.mr-forum-report summary {
	align-items: center;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	color: var(--mr-soft);
	cursor: pointer;
	display: inline-flex;
	font-size: 0.74rem;
	font-weight: 900;
	min-height: 30px;
	padding: 0 10px;
	text-transform: uppercase;
}

.mr-forum-report[open] summary {
	background: rgba(255, 54, 95, 0.14);
	border-color: rgba(255, 54, 95, 0.34);
	color: var(--mr-text);
}

.mr-forum-report .mr-form {
	background: rgba(5, 7, 12, 0.98);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.42);
	display: grid;
	gap: 9px;
	margin: 8px 0 0;
	min-width: min(320px, calc(100vw - 42px));
	padding: 10px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 20;
}

.mr-forum-report textarea {
	min-height: 86px;
}

.mr-forum-report .mr-button {
	min-height: 34px;
}

.mr-staff-report-card {
	min-height: 0;
}

.mr-staff-report-card .mr-staff-row {
	grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
}

.mr-staff-report-card .mr-form {
	align-items: end;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(110px, 0.7fr) minmax(180px, 1fr) auto;
	margin: 0;
}

.mr-forum-post-content {
	display: grid;
	grid-template-rows: auto 1fr;
	min-width: 0;
}

.mr-forum-post-body {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--mr-text);
	font-size: 0.94rem;
	line-height: 1.55;
	min-height: 96px;
	padding: 16px;
	white-space: normal;
}

.mr-forum-post-meta {
	align-items: center;
	background: rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	min-height: 42px;
	padding: 6px 10px;
}

.mr-forum-byline {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
}

.mr-forum-author {
	color: var(--mr-text);
	font-size: 0.88rem;
	font-weight: 850;
	line-height: 1.2;
	text-decoration: none;
}

.mr-forum-author:hover,
.mr-forum-author:focus {
	color: var(--mr-gold);
}

.mr-forum-byline span {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-weight: 750;
}

.mr-forum-post-meta > span {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-weight: 750;
}

.mr-forum-mod-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
}

.mr-forum-mod-actions .mr-form,
.mr-forum-mod-actions .mr-button {
	margin-top: 0;
}

.mr-forum-mod-actions select {
	min-height: 34px;
	padding: 6px 30px 6px 9px;
}

.mr-forum-mod-actions .mr-button,
.mr-forum-thread-tools .mr-button {
	min-height: 34px;
	padding: 7px 10px;
}

.mr-forum-post-author .mr-staff-badge,
.mr-forum-thread-author .mr-staff-badge,
.mr-forum-byline .mr-staff-badge {
	font-size: 0.66rem;
	padding: 3px 7px;
}

.mr-forum-compose {
	margin-top: 16px;
}

.mr-pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin: 12px 0 16px;
}

.mr-pagination a,
.mr-pagination span {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	color: var(--mr-text);
	font-weight: 850;
	padding: 8px 12px;
	text-decoration: none;
}

.mr-pagination span {
	color: var(--mr-muted);
}

.mr-staff-list {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-staff-list li {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 54px;
	padding: 10px 12px;
}

.mr-staff-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 14px;
}

.mr-forums-page {
	display: grid;
	gap: 16px;
}

.mr-forums-page .mr-forum-hub-hero,
.mr-forums-page .mr-forum-room-hero,
.mr-forums-page .mr-forum-thread-hero,
.mr-forums-page .mr-forum-compose-page {
	background:
		linear-gradient(110deg, rgba(11, 16, 24, 0.96), rgba(15, 22, 32, 0.9) 58%, rgba(31, 12, 24, 0.72)),
		radial-gradient(circle at 78% 20%, rgba(255, 54, 95, 0.16), transparent 30%),
		radial-gradient(circle at 12% 100%, rgba(72, 199, 249, 0.12), transparent 34%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 20px 55px rgba(0, 0, 0, 0.22);
	overflow: hidden;
	padding: 28px;
}

.mr-forums-page .mr-forum-hub-hero,
.mr-forums-page .mr-forum-thread-hero-main {
	align-items: center;
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
}

.mr-forums-page h1 {
	font-size: clamp(2.1rem, 5vw, 3.9rem);
	line-height: 0.95;
	margin: 0 0 10px;
}

.mr-forums-page h2,
.mr-forums-page p {
	margin-top: 0;
}

.mr-forums-page .mr-forum-hub-hero p,
.mr-forums-page .mr-forum-room-hero p,
.mr-forums-page .mr-forum-compose-page p {
	color: var(--mr-muted);
	font-size: 1rem;
	line-height: 1.55;
	margin-bottom: 0;
}

.mr-forum-stat-grid,
.mr-forum-room-stats,
.mr-forum-thread-statbar {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-forum-stat-grid > div,
.mr-forum-room-stats > div,
.mr-forum-thread-statbar > div {
	background: rgba(5, 8, 13, 0.58);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	min-height: 74px;
	padding: 12px;
}

.mr-forum-stat-grid span,
.mr-forum-room-stats span,
.mr-forum-thread-statbar span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-forum-stat-grid strong,
.mr-forum-room-stats strong,
.mr-forum-thread-statbar strong {
	align-items: center;
	color: var(--mr-text);
	display: flex;
	font-size: 1.25rem;
	font-weight: 950;
	gap: 6px;
	margin-top: 5px;
}

.mr-forum-online-dot {
	background: #25e986;
	border-radius: 999px;
	box-shadow: 0 0 12px rgba(37, 233, 134, 0.55);
	display: inline-block;
	height: 8px;
	width: 8px;
}

.mr-forum-hub-actions,
.mr-forum-room-controls,
.mr-forum-thread-subbar,
.mr-forum-compose-actions,
.mr-form-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.mr-forum-room-controls {
	justify-content: space-between;
	margin-top: 2px;
}

.mr-forum-button-icon,
.mr-forum-small-icon,
.mr-forum-status-icon,
.mr-forum-title-icon,
.mr-forum-icon {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.mr-forum-button-icon {
	height: 16px;
	margin-right: 6px;
	width: 16px;
}

.mr-forum-small-icon {
	height: 22px;
	width: 22px;
}

.mr-forum-title-icon {
	flex: 0 0 auto;
	height: 30px;
	width: 30px;
}

.mr-forum-status-icon {
	height: 12px;
	width: 12px;
}

.mr-forum-category-board,
.mr-forums-page .mr-forum-thread-board,
.mr-forum-recent-board {
	background: rgba(12, 18, 27, 0.74);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	overflow: hidden;
}

.mr-forum-category-header,
.mr-forums-page .mr-forum-thread-header {
	background: rgba(255, 255, 255, 0.045);
	color: var(--mr-muted);
	display: grid;
	font-size: 0.72rem;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: uppercase;
}

.mr-forum-category-header,
.mr-forum-category-row {
	grid-template-columns: minmax(320px, 1fr) 100px 100px minmax(280px, 0.7fr);
}

.mr-forums-page .mr-forum-thread-header,
.mr-forums-page .mr-forum-thread-row {
	grid-template-columns: minmax(360px, 1fr) 104px 104px minmax(250px, 0.55fr);
}

.mr-forum-category-header > span,
.mr-forums-page .mr-forum-thread-header > span,
.mr-forum-category-row > *,
.mr-forums-page .mr-forum-thread-row > * {
	padding: 12px 14px;
}

.mr-forum-category-row,
.mr-forums-page .mr-forum-thread-row {
	align-items: center;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.02));
	border-bottom: 1px solid rgba(255, 255, 255, 0.065);
	display: grid;
	min-height: 78px;
}

.mr-forum-category-row:last-child,
.mr-forums-page .mr-forum-thread-row:last-child {
	border-bottom: 0;
}

.mr-forum-category-row:hover,
.mr-forums-page .mr-forum-thread-row:hover {
	background: linear-gradient(90deg, rgba(255, 54, 95, 0.08), rgba(72, 199, 249, 0.04));
}

.mr-forum-category-main,
.mr-forums-page .mr-forum-thread-main {
	align-items: center;
	color: var(--mr-text);
	display: grid;
	gap: 14px;
	grid-template-columns: 52px minmax(0, 1fr);
	text-decoration: none;
}

.mr-forum-category-main strong,
.mr-forums-page .mr-forum-thread-main h2 {
	color: var(--mr-text);
	display: block;
	font-size: 1rem;
	font-weight: 950;
	line-height: 1.25;
	margin: 0;
}

.mr-forums-page .mr-forum-thread-main h2 a {
	color: inherit;
	text-decoration: none;
}

.mr-forum-category-main em,
.mr-forums-page .mr-forum-thread-main p {
	color: var(--mr-muted);
	display: block;
	font-size: 0.86rem;
	font-style: normal;
	line-height: 1.45;
	margin: 4px 0 0;
}

.mr-forum-category-icon,
.mr-forum-thread-icon {
	align-items: center;
	border-radius: 8px;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.mr-forum-category-icon.is-rose,
.mr-forum-thread-icon {
	background: rgba(255, 54, 95, 0.16);
	color: #ff4f78;
}

.mr-forum-category-icon.is-cyan {
	background: rgba(72, 199, 249, 0.14);
	color: #48c7f9;
}

.mr-forum-category-icon.is-green {
	background: rgba(40, 245, 141, 0.13);
	color: #28f58d;
}

.mr-forum-category-icon.is-blue {
	background: rgba(88, 142, 255, 0.14);
	color: #72a5ff;
}

.mr-forum-category-icon.is-purple {
	background: rgba(179, 107, 255, 0.14);
	color: #b36bff;
}

.mr-forum-category-row > strong,
.mr-forums-page .mr-forum-thread-row > strong {
	color: var(--mr-text);
	font-size: 0.98rem;
	font-weight: 950;
	text-align: center;
}

.mr-forum-last-post {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: 36px minmax(0, 1fr);
	min-width: 0;
}

.mr-forum-last-post .mr-forum-avatar {
	height: 36px;
	width: 36px;
}

.mr-forum-last-post span,
.mr-forum-last-post small {
	color: var(--mr-muted);
	display: block;
	font-size: 0.78rem;
	font-weight: 750;
	margin-top: 2px;
}

.mr-forum-recent-board {
	padding: 14px;
}

.mr-forum-recent-board header h2 {
	font-size: 1rem;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.mr-forum-recent-list {
	display: grid;
	gap: 0;
}

.mr-forum-recent-list a {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.065);
	color: var(--mr-text);
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) 180px 80px 132px;
	min-height: 46px;
	padding: 9px 0;
	text-decoration: none;
}

.mr-forum-recent-list a:last-child {
	border-bottom: 0;
}

.mr-forum-recent-list em,
.mr-forum-recent-list small {
	color: var(--mr-muted);
	font-style: normal;
}

.mr-forum-room-hero {
	min-height: 230px;
}

.mr-forum-room-stats {
	margin-top: 22px;
	max-width: 760px;
}

.mr-forum-sort-form {
	align-items: center;
	display: flex;
	gap: 8px;
	margin: 0;
}

.mr-forum-sort-form select {
	min-height: 42px;
}

.mr-forum-thread-badges {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 5px;
}

.mr-forum-status {
	align-items: center;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: var(--mr-muted);
	display: inline-flex;
	font-size: 0.66rem;
	font-weight: 950;
	gap: 4px;
	padding: 3px 8px;
	text-transform: uppercase;
}

.mr-forum-status-pin {
	background: rgba(255, 54, 95, 0.15);
	border-color: rgba(255, 54, 95, 0.35);
	color: #ff4f78;
}

.mr-forum-status-announce {
	background: rgba(37, 233, 134, 0.12);
	border-color: rgba(37, 233, 134, 0.28);
	color: #35f19b;
}

.mr-forum-thread-title-line {
	align-items: center;
	display: flex;
	gap: 12px;
	min-width: 0;
}

.mr-forum-thread-hero-main {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.74fr) auto;
}

.mr-forum-thread-actions {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

.mr-forum-thread-subbar {
	background: rgba(5, 8, 13, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	justify-content: space-between;
	padding: 10px 14px;
}

.mr-forum-admin-tools,
.mr-forum-post-tools {
	position: relative;
}

.mr-forum-admin-tools summary,
.mr-forum-post-tools summary {
	align-items: center;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	color: var(--mr-soft);
	cursor: pointer;
	display: inline-flex;
	font-size: 0.74rem;
	font-weight: 900;
	min-height: 34px;
	padding: 0 10px;
	text-transform: uppercase;
}

.mr-forum-admin-tools > div,
.mr-forum-post-tools > div {
	background: rgba(5, 8, 13, 0.98);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.44);
	display: grid;
	gap: 8px;
	min-width: 230px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	z-index: 25;
}

.mr-forums-page .mr-forum-post-list {
	display: grid;
	gap: 10px;
	margin: 0;
}

.mr-forums-page .mr-forum-post {
	background: linear-gradient(90deg, rgba(14, 22, 32, 0.9), rgba(12, 18, 27, 0.88));
	border: 1px solid rgba(255, 255, 255, 0.085);
	border-radius: 8px;
	display: grid;
	grid-template-columns: 178px minmax(0, 1fr);
	overflow: hidden;
}

.mr-forums-page .mr-forum-post-author {
	background: rgba(0, 0, 0, 0.16);
	border-right: 1px solid rgba(255, 255, 255, 0.07);
	display: grid;
	gap: 7px;
	justify-items: start;
	padding: 16px;
}

.mr-forums-page .mr-forum-avatar {
	align-items: center;
	background: linear-gradient(135deg, rgba(255, 54, 95, 0.62), rgba(72, 199, 249, 0.45));
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	color: var(--mr-text);
	display: inline-flex;
	font-size: 1.3rem;
	font-weight: 950;
	height: 56px;
	justify-content: center;
	text-decoration: none;
	width: 56px;
}

.mr-forums-page .mr-forum-avatar.has-image {
	background: #05070b;
	overflow: hidden;
	padding: 0;
}

.mr-forums-page .mr-forum-avatar img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mr-forums-page .mr-forum-author {
	color: var(--mr-text);
	font-size: 0.9rem;
	font-weight: 900;
	text-decoration: none;
}

.mr-forums-page .mr-forum-author:hover,
.mr-forums-page .mr-forum-author:focus {
	color: var(--mr-gold);
}

.mr-forums-page .mr-forum-post-content {
	display: grid;
	grid-template-rows: auto minmax(110px, 1fr) auto;
	min-width: 0;
}

.mr-forums-page .mr-forum-post-meta {
	align-items: center;
	background: transparent;
	border-bottom: 0;
	display: flex;
	justify-content: space-between;
	min-height: 48px;
	padding: 14px 18px 0;
}

.mr-forum-post-meta > span,
.mr-forum-post-flags span {
	color: var(--mr-muted);
	font-size: 0.8rem;
	font-weight: 800;
}

.mr-forum-post-flags {
	align-items: center;
	display: flex;
	gap: 10px;
}

.mr-forum-post-flags strong {
	color: var(--mr-gold);
	font-size: 0.76rem;
	font-weight: 950;
	text-transform: uppercase;
}

.mr-forums-page .mr-forum-post-body {
	color: var(--mr-soft);
	font-size: 0.95rem;
	line-height: 1.62;
	padding: 14px 18px 18px;
}

.mr-forums-page .mr-forum-post-body p {
	margin: 0 0 12px;
}

.mr-forums-page .mr-forum-post-body p:last-child {
	margin-bottom: 0;
}

.mr-forum-post-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 18px 16px;
}

.mr-forum-post-actions .mr-form,
.mr-forum-post-actions .mr-button {
	margin: 0;
}

.mr-forum-vote {
	align-items: center;
	background: rgba(255, 198, 74, 0.08);
	border: 1px solid rgba(255, 198, 74, 0.22);
	border-radius: 6px;
	color: var(--mr-gold);
	cursor: pointer;
	display: inline-flex;
	font-weight: 950;
	min-height: 34px;
	padding: 6px 10px;
}

.mr-forum-vote.is-active {
	background: rgba(255, 198, 74, 0.2);
	border-color: rgba(255, 198, 74, 0.45);
	color: #ffe08a;
}

.mr-forums-page .mr-forum-report summary {
	min-height: 34px;
}

.mr-forums-page .mr-forum-report .mr-form {
	right: auto;
	left: 0;
}

.mr-forum-compose-page {
	padding: 0;
}

.mr-forum-compose-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(240px, 0.4fr) minmax(0, 0.6fr);
}

.mr-forum-compose-form {
	background: rgba(5, 8, 13, 0.46);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	padding: 16px;
}

.mr-forum-bbcode-toolbar {
	margin: 0;
}

.mr-forum-mod-checks {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mr-forum-mod-checks label {
	align-items: center;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	display: inline-flex;
	font-weight: 850;
	gap: 8px;
	line-height: 1.2;
	padding: 9px 11px;
}

.mr-forum-mod-checks input[type="checkbox"] {
	appearance: auto;
	flex: 0 0 auto;
	height: 16px;
	min-height: 0;
	width: 16px;
}

@media (max-width: 1080px) {
	.mr-forums-page .mr-forum-hub-hero,
	.mr-forums-page .mr-forum-thread-hero-main,
	.mr-forum-compose-grid {
		grid-template-columns: 1fr;
	}

	.mr-forum-stat-grid,
	.mr-forum-room-stats,
	.mr-forum-thread-statbar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-forum-category-header,
	.mr-forums-page .mr-forum-thread-header {
		display: none;
	}

	.mr-forum-category-row,
	.mr-forums-page .mr-forum-thread-row {
		grid-template-columns: 1fr;
	}

	.mr-forum-category-row > strong,
	.mr-forums-page .mr-forum-thread-row > strong {
		text-align: left;
	}

	.mr-forum-recent-list a {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.mr-forums-page .mr-forum-hub-hero,
	.mr-forums-page .mr-forum-room-hero,
	.mr-forums-page .mr-forum-thread-hero,
	.mr-forums-page .mr-forum-compose-page {
		padding: 18px;
	}

	.mr-forum-stat-grid,
	.mr-forum-room-stats,
	.mr-forum-thread-statbar {
		grid-template-columns: 1fr;
	}

	.mr-forum-room-controls,
	.mr-forum-thread-subbar,
	.mr-forum-thread-actions,
	.mr-forum-compose-actions,
	.mr-form-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-forum-sort-form {
		align-items: stretch;
		flex-direction: column;
		width: 100%;
	}

	.mr-forums-page .mr-filter-tabs {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.mr-forums-page .mr-forum-post {
		grid-template-columns: 1fr;
	}

	.mr-forums-page .mr-forum-post-author {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
		grid-template-columns: 56px minmax(0, 1fr);
	}

	.mr-forums-page .mr-forum-post-author .mr-staff-badge {
		grid-column: 2;
	}

	.mr-forum-category-main,
	.mr-forums-page .mr-forum-thread-main {
		grid-template-columns: 44px minmax(0, 1fr);
	}
}

.mr-staff-tabs button {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	color: var(--mr-muted);
	cursor: pointer;
	font-weight: 850;
	min-height: 42px;
	padding: 9px 12px;
}

.mr-staff-tabs button.is-active {
	background: rgba(255, 54, 95, 0.16);
	border-color: rgba(255, 54, 95, 0.48);
	color: var(--mr-text);
}

.mr-staff-panel {
	margin-top: 0;
}

.mr-staff-list span,
.mr-staff-list code {
	color: var(--mr-muted);
	font-size: 0.78rem;
}

.mr-staff-list code {
	overflow-wrap: anywhere;
	white-space: normal;
}

.mr-staff-list .mr-form {
	margin-top: 0;
}

.mr-staff-ip-row {
	display: block !important;
	padding: 0 !important;
}

.mr-staff-ip-row details {
	display: grid;
	gap: 10px;
	padding: 12px;
}

.mr-staff-ip-row summary {
	align-items: center;
	cursor: pointer;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) minmax(98px, auto) minmax(92px, auto);
	list-style: none;
}

.mr-staff-ip-row summary::-webkit-details-marker {
	display: none;
}

.mr-staff-ip-row summary > span:first-child {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.mr-staff-account-list {
	display: grid;
	gap: 6px;
	margin-top: 10px;
}

.mr-staff-account-list a {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 4px;
	grid-template-columns: minmax(0, 1.2fr) minmax(110px, 0.8fr) minmax(96px, auto) minmax(86px, auto);
	padding: 8px;
	text-decoration: none;
}

.mr-staff-account-list span {
	text-align: right;
}

.mr-staff-forum-row {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 12px;
}

.mr-staff-console .mr-hero-panel {
	margin-bottom: 12px;
}

.mr-staff-command-bar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 14px;
}

.mr-staff-command-bar .mr-staff-tabs {
	margin: 0;
}

.mr-staff-feed {
	min-height: 420px;
}

.mr-staff-scroll,
.mr-staff-chat-log {
	display: grid;
	gap: 8px;
	max-height: 640px;
	overflow-y: auto;
	padding-right: 4px;
}

.mr-staff-row,
.mr-staff-chat-row {
	align-items: start;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.075);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 10px;
}

.mr-staff-row strong,
.mr-staff-chat-row strong {
	color: var(--mr-text);
	display: block;
	font-weight: 900;
}

.mr-staff-row strong a {
	color: inherit;
	text-decoration: none;
}

.mr-staff-row span,
.mr-staff-chat-row span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.78rem;
	margin-top: 2px;
}

.mr-staff-row p,
.mr-staff-chat-row p {
	color: var(--mr-soft);
	line-height: 1.45;
	margin: 6px 0 0;
}

.mr-staff-row-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
}

.mr-staff-row-actions .mr-form,
.mr-staff-compact-form {
	margin: 0;
}

.mr-staff-compact-form {
	align-items: center;
	display: flex;
	gap: 6px;
}

.mr-staff-compact-form select,
.mr-staff-resolution-form select,
.mr-staff-resolution-form input {
	min-height: 38px;
}

.mr-staff-resolution-form {
	align-items: center;
	display: grid;
	gap: 6px;
	grid-template-columns: minmax(110px, auto) minmax(160px, 1fr) auto;
	margin: 0;
	min-width: 420px;
}

.mr-profile-report-box {
	margin-top: 10px;
}

.mr-market-card {
	align-items: start;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 14px;
	grid-template-columns: 54px minmax(0, 1fr) minmax(120px, auto);
	min-height: 142px;
	padding: 14px;
}

.mr-market-card h3 {
	font-size: 1.02rem;
	line-height: 1.25;
	margin: 0;
}

.mr-market-card .mr-form {
	margin-top: 0;
}

.mr-market-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.mr-market-meta span {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: var(--mr-muted);
	font-size: 0.76rem;
	font-weight: 800;
	padding: 5px 8px;
}

.mr-filter-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mr-filter-tabs a {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	color: var(--mr-muted);
	display: inline-flex;
	flex-direction: column;
	font-weight: 800;
	gap: 3px;
	min-width: 112px;
	padding: 10px 12px;
	text-decoration: none;
}

.mr-filter-tabs a.is-active,
.mr-filter-tabs a:hover,
.mr-filter-tabs a:focus {
	border-color: rgba(55, 197, 255, 0.55);
	color: var(--mr-text);
}

.mr-filter-tabs strong {
	color: var(--mr-gold);
	font-size: 0.8rem;
}

.mr-rank-list {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-rank-list li {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	min-height: 42px;
	padding: 8px 10px;
}

.mr-rank-list span {
	align-items: center;
	background: rgba(255, 200, 87, 0.12);
	border: 1px solid rgba(255, 200, 87, 0.24);
	border-radius: 999px;
	color: var(--mr-gold);
	display: flex;
	font-weight: 900;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.mr-rank-list strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-rank-list em {
	color: var(--mr-blue);
	font-style: normal;
	font-weight: 900;
}

.mr-collection-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-collection-card {
	align-items: start;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)), var(--mr-panel);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	box-shadow: var(--mr-shadow);
	display: grid;
	gap: 14px;
	grid-template-columns: 78px minmax(0, 1fr);
	min-height: 178px;
	padding: 14px;
}

.mr-collection-card .mr-item-icon {
	height: 78px;
	width: 78px;
}

.mr-collection-card.is-missing {
	filter: grayscale(0.75);
	opacity: 0.62;
}

.mr-collection-meta {
	display: grid;
	gap: 8px;
	grid-column: 1 / -1;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-collection-meta span {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 800;
	min-height: 54px;
	padding: 8px;
	text-transform: uppercase;
}

.mr-collection-meta strong {
	color: var(--mr-text);
	display: block;
	font-size: 0.85rem;
	line-height: 1.2;
	margin-top: 4px;
	overflow-wrap: anywhere;
	text-transform: none;
}

.mr-feed,
.mr-odds ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-feed span,
.mr-status-list span {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-weight: 750;
}

.mr-feed strong,
.mr-status-list strong {
	line-height: 1.35;
	text-align: right;
}

.mr-link {
	color: var(--mr-blue);
	font-weight: 800;
	text-decoration: none;
}

.mr-odds {
	background: rgba(0, 0, 0, 0.17);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	margin: 10px 0 14px;
	padding: 10px;
}

.mr-odds summary {
	cursor: pointer;
	font-weight: 800;
}

.mr-inventory-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-item-card {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: 92px minmax(0, 1fr) auto;
	min-height: 132px;
	padding: 14px;
}

.mr-item-card h2 {
	font-size: 1rem;
}

.mr-item-icon {
	align-items: center;
	background:
		radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.08), transparent 58%),
		#05070c;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 8px;
	box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.72);
	display: flex;
	font-size: 1.3rem;
	font-weight: 900;
	height: 92px;
	justify-content: center;
	overflow: hidden;
	padding: 6px;
	width: 92px;
}

.mr-item-icon img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.mr-item-art-button {
	color: inherit;
	cursor: zoom-in;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.mr-item-art-button:hover,
.mr-item-art-button:focus-visible {
	border-color: rgba(255, 200, 87, 0.62);
	box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.72), 0 0 0 3px rgba(255, 200, 87, 0.12);
	outline: none;
	transform: translateY(-1px);
}

.mr-item-qty {
	color: var(--mr-gold);
}

.mr-item-actions {
	align-items: end;
	display: grid;
	gap: 8px;
	justify-items: end;
}

.mr-item-meta {
	margin-top: 8px;
}

.mr-item-actions .mr-badge,
.mr-item-actions .mr-button {
	max-width: 190px;
	text-align: center;
	white-space: normal;
}

.mr-quick-sell-form {
	display: grid;
	gap: 6px;
	grid-template-columns: 72px minmax(110px, 1fr);
}

.mr-quick-sell-form input[type="number"] {
	min-height: 44px;
	text-align: center;
}

.mr-item-actions .mr-form,
.mr-equipment-card .mr-form {
	margin-top: 10px;
}

.mr-equipment-card {
	min-height: 170px;
}

.mr-equipment-body {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: 124px minmax(0, 1fr);
}

.mr-equipment-body .mr-item-icon {
	height: 124px;
	width: 124px;
}

.mr-lightbox {
	align-items: center;
	background: rgba(3, 4, 8, 0.9);
	display: flex;
	inset: 0;
	justify-content: center;
	opacity: 0;
	padding: 24px;
	pointer-events: none;
	position: fixed;
	transition: opacity 0.16s ease;
	z-index: 99999;
}

.mr-lightbox.is-open {
	opacity: 1;
	pointer-events: auto;
}

.mr-lightbox-open {
	overflow: hidden;
}

.mr-lightbox-panel {
	background:
		linear-gradient(135deg, rgba(49, 14, 28, 0.78), rgba(5, 11, 17, 0.92) 45%, rgba(4, 23, 34, 0.78)),
		#090b10;
	border: 1px solid rgba(255, 200, 87, 0.26);
	border-radius: 10px;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.7);
	max-width: min(980px, 94vw);
	overflow: hidden;
	width: 100%;
}

.mr-lightbox-head {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	gap: 16px;
	justify-content: space-between;
	padding: 14px 16px;
}

.mr-lightbox-title {
	color: var(--mr-text);
	font-size: 1.08rem;
	font-weight: 900;
}

.mr-lightbox-meta {
	color: var(--mr-gold);
	display: block;
	font-size: 0.74rem;
	font-weight: 900;
	letter-spacing: 0.02em;
	margin-top: 3px;
	text-transform: uppercase;
}

.mr-lightbox-close {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	color: var(--mr-text);
	cursor: pointer;
	font-size: 1.35rem;
	font-weight: 900;
	height: 42px;
	line-height: 1;
	width: 42px;
}

.mr-lightbox-close:hover,
.mr-lightbox-close:focus-visible {
	border-color: rgba(255, 200, 87, 0.58);
	outline: none;
}

.mr-lightbox-stage {
	align-items: center;
	background:
		radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.08), transparent 52%),
		#020409;
	display: flex;
	justify-content: center;
	min-height: min(72vh, 720px);
	padding: 18px;
}

.mr-lightbox-stage img {
	display: block;
	max-height: min(68vh, 680px);
	max-width: 100%;
	object-fit: contain;
}

.mr-rarity-common {
	color: #b9c2cf;
}

.mr-rarity-uncommon {
	color: #4de58d;
}

.mr-rarity-rare {
	color: #45bfff;
}

.mr-rarity-epic {
	color: #c68cff;
}

.mr-rarity-legendary {
	color: #ffc857;
}

.mr-rarity-mythic {
	color: #ff5c8a;
}

.mr-item-card.mr-rarity-uncommon {
	border-color: rgba(77, 229, 141, 0.35);
}

.mr-item-card.mr-rarity-rare {
	border-color: rgba(69, 191, 255, 0.35);
}

.mr-item-card.mr-rarity-epic {
	border-color: rgba(198, 140, 255, 0.35);
}

.mr-item-card.mr-rarity-legendary {
	border-color: rgba(255, 200, 87, 0.42);
}

.mr-item-card.mr-rarity-mythic {
	border-color: rgba(255, 92, 138, 0.52);
}

.mr-items-page {
	max-width: 1320px;
}

.mr-items-hero {
	background:
		linear-gradient(110deg, rgba(118, 34, 66, 0.58), rgba(18, 24, 33, 0.82) 48%, rgba(19, 68, 86, 0.58)),
		var(--mr-panel);
}

.mr-items-stat-stack {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-items-stat-stack div,
.mr-item-detail-counts div,
.mr-item-facts-grid div,
.mr-item-market-stats div {
	background: rgba(5, 8, 14, 0.54);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	min-width: 0;
	padding: 12px;
}

.mr-items-stat-stack span,
.mr-item-detail-counts span,
.mr-item-facts-grid span,
.mr-item-market-stats span {
	color: #a9bbd1;
	display: block;
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-items-stat-stack strong,
.mr-item-detail-counts strong,
.mr-item-facts-grid strong,
.mr-item-market-stats strong {
	color: #fff;
	display: block;
	line-height: 1.25;
	margin-top: 6px;
	overflow-wrap: anywhere;
}

.mr-items-toolbar {
	align-items: end;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(220px, 1fr) minmax(150px, 210px) minmax(150px, 210px) auto;
	margin-bottom: 14px;
	padding: 14px;
}

.mr-items-toolbar label {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.mr-items-toolbar label span {
	color: #a9bbd1;
	font-size: 0.73rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-items-toolbar input,
.mr-items-toolbar select {
	background: rgba(5, 8, 14, 0.74);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: #fff;
	font: inherit;
	font-weight: 800;
	min-height: 44px;
	padding: 10px 12px;
	width: 100%;
}

.mr-items-toolbar-actions {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

.mr-item-directory-list {
	display: grid;
	gap: 10px;
}

.mr-item-directory-row {
	align-items: center;
	background: linear-gradient(90deg, rgba(18, 23, 32, 0.96), rgba(13, 18, 27, 0.96));
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	display: grid;
	gap: 14px;
	grid-template-columns: 76px minmax(0, 1fr) minmax(280px, 0.62fr) auto;
	min-width: 0;
	padding: 12px;
}

.mr-item-directory-row .mr-item-icon {
	height: 76px;
	width: 76px;
}

.mr-item-directory-main {
	min-width: 0;
}

.mr-item-directory-main h2 {
	font-size: 1rem;
}

.mr-item-directory-main .mr-muted {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.mr-item-directory-counts {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	min-width: 0;
}

.mr-item-directory-counts div {
	background: rgba(3, 6, 11, 0.58);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	min-width: 0;
	padding: 9px 10px;
}

.mr-item-directory-counts span {
	color: #a9bbd1;
	display: block;
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-item-directory-counts strong {
	color: #fff;
	display: block;
	margin-top: 4px;
}

.mr-item-directory-row.mr-rarity-uncommon,
.mr-item-detail-hero.mr-rarity-uncommon {
	border-color: rgba(77, 229, 141, 0.34);
}

.mr-item-directory-row.mr-rarity-rare,
.mr-item-detail-hero.mr-rarity-rare {
	border-color: rgba(69, 191, 255, 0.36);
}

.mr-item-directory-row.mr-rarity-epic,
.mr-item-detail-hero.mr-rarity-epic {
	border-color: rgba(198, 140, 255, 0.38);
}

.mr-item-directory-row.mr-rarity-legendary,
.mr-item-detail-hero.mr-rarity-legendary {
	border-color: rgba(255, 200, 87, 0.46);
}

.mr-item-directory-row.mr-rarity-mythic,
.mr-item-detail-hero.mr-rarity-mythic {
	border-color: rgba(255, 92, 138, 0.56);
}

.mr-item-detail-hero {
	align-items: center;
	background:
		linear-gradient(110deg, rgba(118, 34, 66, 0.55), rgba(15, 20, 30, 0.94) 50%, rgba(19, 68, 86, 0.5)),
		var(--mr-panel);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	box-shadow: var(--mr-shadow);
	display: grid;
	gap: 18px;
	grid-template-columns: 144px minmax(0, 1fr) minmax(250px, 0.44fr);
	margin-bottom: 18px;
	padding: 18px;
}

.mr-item-detail-art .mr-item-icon {
	height: 132px;
	width: 132px;
}

.mr-item-detail-title {
	min-width: 0;
}

.mr-item-detail-title h1 {
	font-size: clamp(2rem, 4vw, 4rem);
}

.mr-item-detail-note {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.mr-item-detail-note span {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: #dce8f8;
	font-weight: 800;
	padding: 7px 10px;
}

.mr-item-detail-counts {
	display: grid;
	gap: 10px;
}

.mr-item-detail-layout {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(270px, 330px);
}

.mr-item-detail-main,
.mr-item-detail-side {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.mr-item-facts-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 14px;
}

.mr-item-source-group {
	margin-top: 18px;
}

.mr-item-source-group h3 {
	color: var(--mr-gold);
	font-size: 0.82rem;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.mr-item-source-list {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	overflow: hidden;
}

.mr-item-source-row {
	align-items: center;
	background: rgba(5, 8, 14, 0.32);
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 12px;
}

.mr-item-source-row + .mr-item-source-row {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.mr-item-source-row strong,
.mr-item-source-row span {
	display: block;
	min-width: 0;
}

.mr-item-source-row span {
	color: var(--mr-muted);
	font-weight: 700;
	margin-top: 4px;
}

.mr-item-market-stats {
	display: grid;
	gap: 10px;
	margin: 14px 0;
}

.mr-empty {
	color: var(--mr-muted);
	padding: 20px;
}

.mr-auth-panel {
	background:
		linear-gradient(90deg, rgba(7, 8, 13, 0.95) 0%, rgba(7, 8, 13, 0.76) 44%, rgba(7, 8, 13, 0.2) 100%),
		url("../../../../themes/mobsters-rise-theme/assets/images/login-splash.png") center / cover no-repeat;
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
	min-height: 60vh;
	overflow: hidden;
	padding: 26px;
	position: relative;
}

.mr-card-feature {
	max-width: 680px;
	width: 100%;
}

.mr-auth-art {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	min-height: 410px;
}

.mr-coming-soon {
	background: rgba(3, 5, 10, 0.55);
	border: 1px solid rgba(255, 200, 87, 0.28);
	border-radius: 8px;
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.32);
	display: grid;
	gap: 8px;
	max-width: 330px;
	padding: 18px;
}

.mr-coming-soon span {
	color: var(--mr-gold);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-coming-soon strong {
	color: var(--mr-text);
	font-size: 1.55rem;
	line-height: 1.05;
}

.mr-coming-soon em {
	color: var(--mr-muted);
	font-style: normal;
	line-height: 1.45;
}

.mr-seo-page {
	display: grid;
	gap: 18px;
}

.mr-seo-hero {
	align-items: stretch;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.6fr);
}

.mr-seo-hero h1 {
	max-width: 780px;
}

.mr-seo-callout {
	align-content: center;
	background:
		linear-gradient(135deg, rgba(255, 190, 70, 0.11), rgba(255, 54, 95, 0.09)),
		rgba(255, 255, 255, 0.04);
	display: grid;
	min-height: 100%;
}

.mr-seo-points .mr-about-list div strong {
	color: var(--mr-gold);
}

.mr-seo-link-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-seo-link-grid a {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	color: var(--mr-text);
	font-weight: 850;
	padding: 12px 14px;
	text-decoration: none;
}

.mr-seo-link-grid a:hover {
	border-color: rgba(255, 190, 70, 0.42);
	color: #fff2c6;
}

.mr-auth-card {
	align-self: center;
	backdrop-filter: blur(18px);
	background: rgba(17, 21, 29, 0.82);
}

.mr-auth-card h1 {
	font-size: clamp(2rem, 4vw, 3.85rem);
}

.mr-auth-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.mr-auth-proof {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}

.mr-auth-proof span {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid var(--mr-border);
	border-radius: 999px;
	color: var(--mr-muted);
	font-size: 0.75rem;
	font-weight: 800;
	padding: 7px 10px;
	text-transform: uppercase;
}

.mr-profile-hero {
	align-items: center;
	grid-template-columns: auto minmax(0, 1fr);
}

.mr-profile-sheet {
	display: grid;
	gap: 18px;
	grid-template-columns: 110px minmax(0, 1fr);
	margin-top: 16px;
	padding: 14px;
}

.mr-profile-sheet-media {
	align-self: start;
	background: rgba(0, 0, 0, 0.32);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	height: 96px;
	overflow: hidden;
	width: 96px;
}

.mr-profile-sheet-media img,
.mr-profile-sheet-media span {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	object-fit: cover;
	width: 100%;
}

.mr-profile-sheet-media span {
	background: linear-gradient(135deg, rgba(255, 54, 95, 0.7), rgba(55, 197, 255, 0.5));
	color: var(--mr-text);
	font-size: 2rem;
	font-weight: 900;
}

.mr-profile-sheet-table {
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 8px;
	overflow: hidden;
}

.mr-profile-sheet-row {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: 120px minmax(0, 1fr) 120px minmax(0, 1fr);
	min-height: 28px;
	padding: 5px 10px;
}

.mr-profile-sheet-row:nth-child(even) {
	background: rgba(255, 255, 255, 0.045);
}

.mr-profile-sheet-row span {
	color: var(--mr-muted);
	font-size: 0.82rem;
	font-weight: 800;
}

.mr-profile-sheet-row strong {
	color: var(--mr-text);
	font-size: 0.9rem;
	overflow-wrap: anywhere;
}

.mr-ban-notice {
	margin: 40px auto;
	max-width: 640px;
}

.mr-ban-notice h1 {
	margin: 4px 0 8px;
}

.mr-ban-reason {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 4px;
	margin: 16px 0;
	padding: 12px;
}

.mr-ban-reason span {
	color: var(--mr-muted);
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-avatar {
	align-items: center;
	background: linear-gradient(135deg, rgba(255, 54, 95, 0.7), rgba(55, 197, 255, 0.5));
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	display: flex;
	font-size: 2rem;
	font-weight: 900;
	height: 86px;
	justify-content: center;
	width: 86px;
}

.mr-profile-image {
	overflow: hidden;
}

.mr-profile-image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mr-profile-about {
	color: var(--mr-text);
	display: grid;
	gap: 10px;
	line-height: 1.55;
}

.mr-profile-about p,
.mr-profile-about ul,
.mr-profile-about ol,
.mr-profile-about blockquote {
	margin: 0;
}

.mr-profile-about img {
	border-radius: 8px;
	display: block;
	height: auto;
	max-width: 100%;
}

.mr-account-profile {
	display: grid;
	gap: 16px;
	grid-template-columns: 96px minmax(0, 1fr);
}

.mr-account-profile .mr-avatar {
	height: 96px;
	width: 96px;
}

.mr-account-order-list {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-account-order-list li {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 46px;
	min-width: 0;
	overflow: visible;
	padding: 9px 12px;
}

.mr-order-main {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	min-width: 0;
}

.mr-order-main span {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-order-main strong {
	color: var(--mr-text);
	min-width: 0;
	overflow-wrap: anywhere;
}

.mr-order-total {
	color: var(--mr-text);
	font-weight: 900;
	text-align: right;
	white-space: nowrap;
}

.mr-board-list li {
	min-width: 0;
}

.mr-section-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 18px;
}

.mr-section-nav a {
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.22);
	color: var(--mr-text);
	font-size: 0.85rem;
	font-weight: 800;
	line-height: 1;
	padding: 11px 13px;
	text-decoration: none;
	text-transform: uppercase;
}

.mr-section-nav a:hover,
.mr-section-nav a:focus {
	border-color: rgba(255, 200, 87, 0.55);
	color: var(--mr-gold);
}

.mr-crew-bank-actions {
	border-top: 1px solid var(--mr-border);
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr);
	margin-top: 16px;
	padding-top: 16px;
}

.mr-crew-bank-actions .mr-form,
.mr-crew-bank-actions label,
.mr-crew-bank-actions input,
.mr-crew-bank-actions select,
.mr-crew-bank-actions button {
	min-width: 0;
	width: 100%;
}

.mr-button-purple {
	background: linear-gradient(135deg, #6d2bbd, #3b1678);
	border-color: rgba(189, 123, 255, 0.42);
	color: #fff;
}

.mr-button-purple:hover,
.mr-button-purple:focus {
	border-color: rgba(210, 160, 255, 0.72);
	box-shadow: 0 0 0 1px rgba(189, 123, 255, 0.18);
	color: #fff;
}

.mr-crew-bank-page-hero {
	align-items: end;
	background:
		linear-gradient(90deg, rgba(7, 8, 13, 0.96), rgba(7, 8, 13, 0.78) 44%, rgba(7, 8, 13, 0.3)),
		url("../images/crew-command-center.png") center / cover no-repeat;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 0.72fr);
	margin-bottom: 12px;
	min-height: 170px;
	padding: 26px;
}

.mr-crew-bank-page-hero h1,
.mr-crew-bank-page-hero h2 {
	font-size: clamp(2rem, 4vw, 3.6rem);
	line-height: 0.95;
	margin: 0 0 8px;
}

.mr-crew-bank-hero-stats {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-crew-bank-hero-stats div,
.mr-crew-bank-overview-list div {
	background: rgba(3, 8, 13, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	display: grid;
	gap: 7px;
	min-width: 0;
	padding: 14px;
}

.mr-crew-bank-hero-stats span,
.mr-crew-bank-overview-list span {
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-crew-bank-hero-stats strong,
.mr-crew-bank-overview-list strong {
	color: var(--mr-text);
	font-size: 1.05rem;
	overflow-wrap: anywhere;
}

.mr-crew-bank-card-links {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-crew-bank-card-links a {
	background: rgba(0, 0, 0, 0.24);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	color: var(--mr-text);
	font-size: 0.82rem;
	font-weight: 900;
	padding: 10px 14px;
	text-decoration: none;
	text-transform: uppercase;
}

.mr-crew-bank-card-links a:hover,
.mr-crew-bank-card-links a:focus {
	border-color: rgba(255, 200, 87, 0.75);
	color: var(--mr-gold);
}

.mr-crew-bank-layout {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(340px, 0.94fr) minmax(420px, 1.06fr);
}

.mr-crew-bank-left,
.mr-crew-bank-right {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.mr-crew-bank-overview-card,
.mr-crew-bank-upgrades-card,
.mr-crew-bank-send-card,
.mr-crew-bank-deposit-card,
.mr-crew-bank-report-card {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(55, 197, 255, 0.035)), var(--mr-panel);
}

.mr-crew-bank-overview-list {
	display: grid;
	gap: 8px;
	margin-top: 14px;
}

.mr-crew-bank-overview-list div {
	align-items: center;
	grid-template-columns: minmax(0, 1fr) max-content;
}

.mr-crew-bank-upgrade-list {
	display: grid;
	gap: 8px;
}

.mr-crew-bank-upgrade-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: 38px minmax(0, 1fr) max-content max-content;
	padding: 10px 12px;
}

.mr-crew-bank-upgrade-icon {
	background: radial-gradient(circle at 50% 50%, rgba(55, 197, 255, 0.35), rgba(33, 97, 151, 0.35));
	border: 1px solid rgba(111, 189, 255, 0.35);
	border-radius: 8px;
	height: 34px;
	width: 34px;
}

.mr-crew-bank-upgrade-row strong,
.mr-crew-bank-movement-row strong {
	color: var(--mr-text);
}

.mr-crew-bank-upgrade-row em,
.mr-crew-bank-upgrade-row span,
.mr-crew-bank-movement-row span {
	color: var(--mr-muted);
	display: block;
	font-style: normal;
	font-size: 0.82rem;
	line-height: 1.35;
}

.mr-crew-bank-upgrade-row > div:nth-child(3) {
	text-align: right;
}

.mr-crew-deposit-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 16px;
}

.mr-crew-bank-send-card .mr-crew-bank-actions {
	border-top: 0;
	margin-top: 12px;
	padding-top: 0;
}

.mr-crew-bank-split-form {
	background: rgba(0, 0, 0, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	padding: 12px;
}

.mr-crew-bank-movement-list {
	display: grid;
	gap: 8px;
	margin-top: 16px;
}

.mr-crew-bank-movement-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: 40px minmax(0, 1fr) minmax(120px, max-content) max-content;
	padding: 10px 12px;
}

.mr-crew-bank-movement-icon {
	align-items: center;
	background: rgba(255, 200, 87, 0.14);
	border: 1px solid rgba(255, 200, 87, 0.32);
	border-radius: 8px;
	color: var(--mr-gold);
	display: flex;
	font-size: 0.76rem;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.mr-crew-bank-movement-row time {
	color: var(--mr-gold);
	font-weight: 900;
	white-space: nowrap;
}

.mr-inline-fields {
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(190px, 1fr) minmax(120px, 0.52fr);
}

.mr-loan-table {
	display: grid;
	gap: 8px;
	margin-top: 16px;
}

.mr-loan-row {
	align-items: center;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(150px, 1.2fr) minmax(110px, 0.8fr) minmax(120px, 0.8fr) minmax(100px, 0.7fr) minmax(120px, 0.8fr);
	padding: 10px 12px;
}

.mr-loan-row a {
	color: var(--mr-text);
	font-weight: 900;
	text-decoration: none;
}

.mr-loan-row strong {
	color: var(--mr-text);
}

.mr-loan-head {
	background: rgba(0, 0, 0, 0.22);
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-crew-issue-form {
	border-top: 1px solid var(--mr-border);
	margin-top: 16px;
	padding-top: 16px;
}

.mr-crew-command-hero,
.mr-crew-room-hero {
	background:
		linear-gradient(90deg, rgba(7, 8, 13, 0.96), rgba(7, 8, 13, 0.78) 48%, rgba(7, 8, 13, 0.42)),
		url("../images/crew-command-center.png") center / cover no-repeat;
	grid-template-columns: minmax(0, 1fr) minmax(430px, 0.72fr);
}

.mr-crew-room-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 18px 0;
}

.mr-crew-room-card {
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 44%),
		rgba(0, 0, 0, 0.22);
	color: var(--mr-text);
	display: grid;
	gap: 10px;
	min-height: 190px;
	overflow: hidden;
	padding: 18px;
	position: relative;
	text-decoration: none;
}

.mr-crew-room-card::before {
	background: linear-gradient(180deg, currentColor, transparent);
	content: "";
	height: 4px;
	left: 0;
	opacity: 0.85;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 160ms ease;
	z-index: 0;
}

.mr-crew-room-card::after {
	align-items: center;
	background: rgba(0, 0, 0, 0.24);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	bottom: 16px;
	color: inherit;
	content: "";
	display: flex;
	font-size: 1.35rem;
	font-weight: 900;
	height: 42px;
	justify-content: center;
	position: absolute;
	right: 16px;
	width: 42px;
	z-index: 1;
}

.mr-crew-room-card > * {
	position: relative;
	z-index: 2;
}

.mr-crew-room-card:hover::before,
.mr-crew-room-card:focus::before {
	opacity: 1;
}

.mr-crew-room-card strong {
	font-size: 1.45rem;
	font-weight: 900;
}

.mr-crew-room-card em {
	color: var(--mr-muted);
	font-style: normal;
	line-height: 1.45;
	max-width: 28ch;
}

.mr-crew-room-card-bank {
	color: var(--mr-gold);
}

.mr-crew-room-card-bank::after {
	content: "$";
}

.mr-crew-room-card-armory {
	color: #45bfff;
}

.mr-crew-room-card-armory::after {
	content: "A";
}

.mr-crew-room-card-wars {
	color: #ff5c8a;
}

.mr-crew-room-card-wars::after {
	content: "W";
}

.mr-crew-room-card-crimes {
	color: #ff8f45;
}

.mr-crew-room-card-crimes::after {
	content: "C";
}

.mr-crew-room-card-members {
	color: #4de58d;
}

.mr-crew-room-card-members::after {
	content: "R";
}

.mr-crew-room-card-backroom {
	color: #c68cff;
}

.mr-crew-room-card-backroom::after {
	content: "B";
}

.mr-crew-room-card-forum {
	color: #72d7ff;
}

.mr-crew-room-card-forum::after {
	content: "F";
}

.mr-crew-room-card-leadership {
	color: #ffc857;
}

.mr-crew-room-card-leadership::after {
	content: "L";
}

.mr-visual-card {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent 42%),
		rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: relative;
}

.mr-section-nav a.is-active {
	border-color: rgba(255, 200, 87, 0.7);
	color: var(--mr-gold);
}

.mr-business-actions {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 18px;
}

.mr-business-action {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)), var(--mr-panel);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	color: var(--mr-text);
	display: grid;
	gap: 6px;
	min-width: 0;
	padding: 16px;
	text-decoration: none;
}

.mr-business-action:hover,
.mr-business-action:focus,
.mr-business-row:hover,
.mr-business-row:focus,
.mr-company-table-row:hover,
.mr-company-table-row:focus {
	border-color: rgba(55, 197, 255, 0.5);
}

.mr-business-action span,
.mr-business-row span,
.mr-company-row span,
.mr-company-stat-grid span,
.mr-company-ad-meta,
.mr-company-table-head,
.mr-company-control-row span,
.mr-company-application span,
.mr-company-report-list span {
	color: var(--mr-muted);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.mr-business-action strong,
.mr-company-row strong,
.mr-company-table-row strong,
.mr-company-ad h3 {
	color: var(--mr-text);
	font-size: 1rem;
	line-height: 1.2;
}

.mr-business-action em,
.mr-business-row em,
.mr-company-table-row em {
	color: var(--mr-muted);
	font-style: normal;
	line-height: 1.35;
	min-width: 0;
}

.mr-business-brief {
	margin-top: 4px;
}

.mr-business-steps {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-business-steps div {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 5px;
	min-width: 0;
	padding: 12px;
}

.mr-business-steps span {
	align-items: center;
	background: rgba(255, 200, 87, 0.14);
	border: 1px solid rgba(255, 200, 87, 0.3);
	border-radius: 999px;
	color: var(--mr-gold);
	display: inline-flex;
	font-size: 0.78rem;
	font-weight: 900;
	height: 26px;
	justify-content: center;
	width: 26px;
}

.mr-business-steps strong {
	color: var(--mr-text);
}

.mr-business-steps em {
	color: var(--mr-muted);
	font-style: normal;
	line-height: 1.4;
}

.mr-business-class-list,
.mr-company-list,
.mr-company-control-list,
.mr-company-report-list,
.mr-company-ad-list {
	display: grid;
	gap: 8px;
}

.mr-business-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	color: var(--mr-text);
	display: grid;
	gap: 12px;
	grid-template-columns: 34px minmax(130px, 1.1fr) minmax(180px, 1.7fr) repeat(3, minmax(78px, auto));
	min-width: 0;
	padding: 10px 12px;
	text-decoration: none;
}

.mr-business-ic {
	background: linear-gradient(135deg, rgba(55, 197, 255, 0.35), rgba(255, 47, 104, 0.25));
	border: 1px solid rgba(55, 197, 255, 0.34);
	border-radius: 8px;
	display: block;
	height: 34px;
	width: 34px;
}

.mr-company-profile-grid {
	align-items: start;
}

.mr-company-stat-grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 14px;
}

.mr-company-stat-grid div {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	min-width: 0;
	padding: 10px 12px;
}

.mr-company-stat-grid strong {
	color: var(--mr-text);
	display: block;
	font-size: 0.98rem;
	margin-top: 4px;
	overflow-wrap: anywhere;
}

.mr-company-payout-note {
	background: rgba(255, 200, 87, 0.08);
	border: 1px solid rgba(255, 200, 87, 0.18);
	border-radius: 8px;
	color: var(--mr-muted);
	font-size: 0.88rem;
	line-height: 1.45;
	margin: 0;
	padding: 12px;
}

.mr-company-description {
	border-top: 1px solid var(--mr-border);
	color: var(--mr-muted);
	padding-top: 12px;
}

.mr-company-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	min-width: 0;
	padding: 10px 12px;
}

.mr-company-row div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.mr-company-table {
	display: grid;
	gap: 0;
	overflow-x: auto;
}

.mr-company-table-head,
.mr-company-table-row {
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(220px, 1.6fr) minmax(100px, 0.8fr) minmax(80px, 0.6fr) minmax(80px, 0.6fr) minmax(90px, 0.7fr);
	min-width: 720px;
}

.mr-company-table-head {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px 8px 0 0;
	padding: 10px 12px;
}

.mr-company-table-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-top: 0;
	color: var(--mr-text);
	padding: 10px 12px;
	text-decoration: none;
}

.mr-company-table-row:last-child {
	border-radius: 0 0 8px 8px;
}

.mr-company-table-row span:first-child {
	display: grid;
	gap: 3px;
}

.mr-company-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
}

.mr-company-tabs a {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	color: var(--mr-text);
	font-size: 0.82rem;
	font-weight: 900;
	padding: 10px 12px;
	text-decoration: none;
	text-transform: uppercase;
}

.mr-company-tabs a.is-active {
	border-color: rgba(255, 200, 87, 0.65);
	color: var(--mr-gold);
}

.mr-company-tab-content {
	transition: opacity 0.16s ease, filter 0.16s ease;
}

.mr-company-tab-content.is-loading {
	filter: saturate(0.75);
	opacity: 0.55;
	pointer-events: none;
}

.mr-company-class-picker {
	display: grid;
	gap: 10px;
	margin-bottom: 14px;
}

.mr-company-choice {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	cursor: pointer;
	display: grid;
	gap: 12px;
	grid-template-columns: 24px minmax(220px, 1fr) repeat(3, minmax(90px, auto));
	padding: 12px;
}

.mr-company-choice.is-locked {
	opacity: 0.55;
}

.mr-company-choice span {
	min-width: 0;
}

.mr-company-choice span:nth-child(2) {
	display: grid;
	gap: 4px;
}

.mr-company-choice strong {
	color: var(--mr-text);
}

.mr-company-choice em {
	color: var(--mr-muted);
	font-style: normal;
	line-height: 1.35;
}

.mr-company-control-row,
.mr-company-application,
.mr-company-ad {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	min-width: 0;
	padding: 12px;
}

.mr-company-control-row {
	grid-template-columns: minmax(160px, 1fr) minmax(320px, 1.5fr) auto;
}

.mr-company-inline-form,
.mr-company-application-form {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(130px, 1fr) minmax(100px, 0.7fr) auto;
	min-width: 0;
}

.mr-company-inline-form select,
.mr-company-inline-form input,
.mr-company-application-form select,
.mr-company-application-form input {
	background: rgba(0, 0, 0, 0.24);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	color: var(--mr-text);
	min-height: 38px;
	min-width: 0;
	padding: 8px 10px;
}

.mr-company-employee-row {
	grid-template-columns: minmax(170px, 1.15fr) minmax(120px, 0.7fr) minmax(120px, 0.7fr) minmax(220px, 1.2fr) auto;
}

.mr-company-employee-name,
.mr-company-employee-stat,
.mr-company-role-form label {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.mr-company-employee-name strong,
.mr-company-employee-stat strong {
	color: var(--mr-text);
	font-size: 1rem;
	line-height: 1.2;
}

.mr-company-employee-stat em {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-style: normal;
	line-height: 1.25;
}

.mr-company-role-form {
	align-items: end;
	grid-template-columns: minmax(160px, 1fr) auto;
}

.mr-company-role-form label span {
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-company-fire-form .mr-button {
	min-height: 38px;
}

.mr-company-application {
	grid-template-columns: minmax(240px, 1fr) minmax(360px, 1.3fr);
}

.mr-company-application p,
.mr-company-ad p {
	color: var(--mr-muted);
	margin: 6px 0 0;
}

.mr-company-report-list div {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 10px 12px;
}

.mr-company-ad {
	grid-template-columns: minmax(0, 1fr) auto;
}

.mr-company-ad-body {
	color: var(--mr-muted);
	line-height: 1.5;
	margin-top: 6px;
	overflow-wrap: anywhere;
}

.mr-company-ad-body p {
	margin: 0 0 8px;
}

.mr-company-ad-body p:last-child {
	margin-bottom: 0;
}

.mr-company-ad-body strong {
	color: var(--mr-text);
}

.mr-bbcode-u {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.mr-bbcode-center {
	text-align: center;
}

.mr-bbcode-right {
	text-align: right;
}

.mr-bbcode-indent {
	border-left: 2px solid rgba(55, 197, 255, 0.22);
	margin: 8px 0 8px 16px;
	padding-left: 12px;
}

.mr-bbcode-quote {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-left: 3px solid rgba(255, 200, 87, 0.78);
	border-radius: 8px;
	color: var(--mr-text);
	margin: 8px 0;
	padding: 9px 11px;
}

.mr-bbcode-img {
	background: #05070b;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	display: block;
	height: auto;
	margin: 10px 0;
	max-height: 320px;
	max-width: 900px;
	object-fit: contain;
	width: 100%;
}

.mr-company-ad-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.mr-company-ad-meta span {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	padding: 5px 8px;
}

.mr-company-ad-actions,
.mr-company-empty-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.mr-company-ad-builder .mr-form {
	gap: 14px;
}

.mr-company-ad-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mr-company-ad-tabs button,
.mr-bbcode-toolbar button {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	color: var(--mr-text);
	cursor: pointer;
	font-weight: 900;
	min-height: 36px;
	padding: 8px 12px;
}

.mr-company-ad-tabs button.is-active,
.mr-company-ad-tabs button:hover,
.mr-company-ad-tabs button:focus {
	border-color: rgba(55, 197, 255, 0.65);
	color: #9dddff;
}

.mr-company-ad-panel {
	background: rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	padding: 12px;
}

.mr-bbcode-toolbar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 7px 0;
}

.mr-bbcode-toolbar button {
	font-size: 0.78rem;
	min-height: 30px;
	padding: 6px 9px;
}

.mr-bbcode-toolbar button:hover,
.mr-bbcode-toolbar button:focus {
	border-color: rgba(255, 200, 87, 0.65);
	color: var(--mr-gold);
}

.mr-company-ad-builder textarea {
	min-height: 190px;
}

.mr-ad-preview {
	background:
		linear-gradient(135deg, rgba(255, 47, 104, 0.09), transparent 34%),
		rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(55, 197, 255, 0.18);
	border-radius: 8px;
	display: grid;
	gap: 8px;
	min-height: 190px;
	padding: 14px;
}

.mr-ad-preview h3 {
	color: var(--mr-text);
	font-size: 1.1rem;
	margin: 0;
}

@media (max-width: 720px) {
	.mr-bbcode-img {
		max-height: 220px;
	}

	.mr-bbcode-toolbar button {
		min-height: 28px;
		padding: 5px 7px;
	}

	.mr-bbcode-indent {
		margin-left: 8px;
		padding-left: 9px;
	}
}

.mr-company-ad-options {
	align-items: stretch;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(190px, 246px) minmax(150px, 220px);
}

.mr-company-ad-options > label,
.mr-ad-option-note {
	min-height: 66px;
}

.mr-ad-option-note {
	align-content: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 10px 12px;
}

.mr-ad-option-note strong {
	color: var(--mr-text);
}

.mr-ad-option-note span {
	color: var(--mr-muted);
	line-height: 1.35;
}

.mr-company-position-pay .mr-company-table-head,
.mr-company-position-pay .mr-company-table-row {
	grid-template-columns: minmax(160px, 1fr) minmax(150px, 0.75fr) minmax(130px, 0.65fr) minmax(220px, 1.2fr);
}

.mr-company-position-pay input {
	min-height: 38px;
	padding: 8px 10px;
	width: min(100%, 150px);
}

.mr-crew-overview {
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
	margin: 18px 0;
}

.mr-crew-about-card {
	min-height: 0;
}

.mr-crew-logo {
	aspect-ratio: 1;
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	height: 54px;
	object-fit: cover;
	width: 54px;
}

.mr-rich-text p {
	margin: 0 0 8px;
}

.mr-rich-text p:last-child {
	margin-bottom: 0;
}

.mr-rich-text a {
	color: var(--mr-blue);
	font-weight: 800;
}

.mr-rich-text img {
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	display: block;
	height: auto;
	margin: 8px 0 0;
	max-height: 180px;
	max-width: 100%;
	object-fit: contain;
}

.mr-crew-description {
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.mr-crew-room-description {
	max-width: 720px;
}

.mr-crew-quick-stats {
	display: grid;
	gap: 10px;
}

.mr-crew-quick-stats div {
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	display: grid;
	gap: 5px;
	padding: 14px;
}

.mr-crew-leave-form {
	background: rgba(255, 54, 95, 0.06);
	border: 1px solid rgba(255, 54, 95, 0.18);
	border-radius: 8px;
	display: grid;
	gap: 8px;
	margin: 0 !important;
	padding: 12px;
}

.mr-crew-leave-form .mr-button {
	width: 100%;
}

.mr-crew-leave-form p {
	font-size: 0.82rem;
	margin: 0;
}

.mr-form-note {
	font-size: 0.82rem;
	margin: -4px 0 4px;
}

.mr-crew-quick-stats span,
.mr-war-pi-panel span,
.mr-crew-chat-line span {
	color: var(--mr-muted);
	font-size: 0.74rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-crew-command-list {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 18px 0;
}

.mr-crew-command-link {
	align-items: center;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.055), transparent),
		rgba(0, 0, 0, 0.22);
	border: 1px solid var(--mr-border);
	border-left: 4px solid currentColor;
	border-radius: 8px;
	color: var(--mr-text);
	display: grid;
	gap: 4px;
	min-height: 72px;
	padding: 13px 15px;
	text-decoration: none;
}

.mr-crew-command-link:hover,
.mr-crew-command-link:focus {
	background-color: rgba(255, 255, 255, 0.045);
	border-color: rgba(255, 255, 255, 0.18);
}

.mr-crew-command-link span {
	color: var(--mr-muted);
	font-size: 0.88rem;
	line-height: 1.35;
}

.mr-crew-command-link strong {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.mr-crew-command-link strong small {
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: var(--mr-gold);
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1;
	padding: 5px 8px;
	white-space: nowrap;
}

.mr-crew-war-top {
	align-items: stretch;
}

.mr-war-summary .mr-status-list {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-crew-war-rules,
.mr-war-intel-strip {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 12px;
}

.mr-war-intel-strip {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-crew-war-rules div,
.mr-war-intel-strip div {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 10px;
}

.mr-crew-war-rules span,
.mr-war-intel-strip span {
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-crew-war-rules strong,
.mr-war-intel-strip strong {
	color: var(--mr-text);
	font-size: 0.88rem;
	line-height: 1.2;
}

.mr-war-room-board {
	margin-top: 16px;
}

.mr-war-enemy-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-war-enemy-card {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	padding: 13px;
}

.mr-war-enemy-main {
	display: grid;
	gap: 4px;
}

.mr-war-enemy-main > div {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mr-war-enemy-name {
	color: var(--mr-text);
	font-weight: 900;
	text-decoration: none;
}

.mr-war-enemy-main span {
	color: var(--mr-muted);
	font-size: 0.86rem;
}

.mr-war-enemy-actions {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-war-enemy-actions .mr-form,
.mr-war-enemy-actions .mr-button {
	margin: 0;
	width: 100%;
}

.mr-war-pi-panel {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 10px;
}

.mr-war-pi-panel p {
	grid-column: 1 / -1;
	margin: 0;
}

.mr-war-pi-panel div {
	display: grid;
	gap: 3px;
}

.mr-war-pi-panel span {
	color: var(--mr-muted);
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-war-pi-panel strong {
	color: var(--mr-text);
	font-size: 0.94rem;
}

.mr-war-travel-note {
	margin: -2px 0 0;
}

.mr-war-activity-grid {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 16px;
	padding-top: 16px;
}

.mr-crew-roster-layout {
	align-items: start;
}

.mr-crew-roster-list {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-crew-roster-row {
	align-items: center;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
	min-height: 54px;
	padding: 10px 12px;
}

.mr-crew-roster-row > div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.mr-crew-roster-row a {
	color: var(--mr-text);
	font-weight: 900;
	text-decoration: none;
}

.mr-crew-roster-row span {
	color: var(--mr-muted);
	font-size: 0.82rem;
}

.mr-crew-applications-card {
	align-self: start;
}

.mr-crew-application-list {
	display: grid;
	gap: 10px;
}

.mr-crew-own-applications {
	margin: 0 0 14px;
}

.mr-crew-application-row {
	align-items: center;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 12px;
}

.mr-crew-application-row a,
.mr-crew-application-row strong {
	color: var(--mr-text);
	font-weight: 900;
	text-decoration: none;
}

.mr-crew-application-row span,
.mr-crew-application-row em {
	color: var(--mr-muted);
	display: block;
	font-size: 0.84rem;
	font-style: normal;
	margin-top: 4px;
}

.mr-crew-application-row em {
	color: var(--mr-blue);
	line-height: 1.35;
}

.mr-crew-application-actions {
	display: flex;
	gap: 8px;
}

.mr-crew-application-actions .mr-form {
	margin: 0;
}

.mr-crew-forum-layout {
	display: grid;
	gap: 16px;
}

.mr-crew-thread-create textarea {
	min-height: 130px;
}

.mr-crew-chat-room {
	display: grid;
	gap: 14px;
}

.mr-crew-chat-window {
	background: rgba(0, 0, 0, 0.26);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	height: 420px;
	overflow-y: auto;
	padding: 12px;
}

.mr-crew-chat-line {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.055);
	border-radius: 8px;
	display: grid;
	gap: 3px;
	padding: 9px 10px;
}

.mr-crew-chat-line strong {
	color: var(--mr-gold);
}

.mr-crew-chat-line p {
	margin: 0;
}

.mr-crew-chat-form {
	align-items: end;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: 0 !important;
}

.mr-crew-chat-form label {
	margin: 0;
}

.mr-crew-perk-card {
	margin: 0 0 18px;
}

.mr-crew-buff-list,
.mr-crew-perk-list {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-crew-buff-list {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 12px;
}

.mr-crew-buff-list div,
.mr-crew-perk-list div {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 12px;
}

.mr-crew-buff-list div.is-unlocked,
.mr-crew-perk-list div.is-unlocked {
	border-color: rgba(62, 228, 138, 0.28);
}

.mr-crew-buff-list span,
.mr-crew-perk-list span {
	color: var(--mr-gold);
	font-size: 0.72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-crew-buff-list em,
.mr-crew-perk-list em {
	color: var(--mr-muted);
	font-style: normal;
	line-height: 1.35;
}

.mr-crew-crimes-hero {
	margin-bottom: 16px;
}

.mr-crew-active-crime {
	margin-bottom: 16px;
}

.mr-crew-crimes-layout {
	align-items: start;
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
}

.mr-crew-crime-status {
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	margin: 12px 0;
}

.mr-crew-crime-participants {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 12px 0;
	padding: 0;
}

.mr-crew-crime-participants li {
	align-items: center;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	padding: 9px 10px;
}

.mr-crew-crime-participants a {
	color: var(--mr-text);
	font-weight: 900;
	text-decoration: none;
}

.mr-crew-crime-participants span {
	color: var(--mr-muted);
	font-size: 0.82rem;
}

.mr-crew-crime-list {
	display: grid;
	gap: 10px;
}

.mr-crew-crime-row {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr);
	padding: 12px;
}

.mr-crew-crime-row.is-locked {
	opacity: 0.72;
}

.mr-crew-crime-row h3 {
	font-size: 1rem;
	margin: 0 0 4px;
}

.mr-crew-crime-row .mr-muted {
	font-size: 0.9rem;
	line-height: 1.35;
	margin-top: 4px;
}

.mr-crew-crime-row .mr-form {
	margin: 0;
}

.mr-crew-crime-row .mr-button,
.mr-crew-crime-row .mr-badge {
	min-height: 38px;
	width: 100%;
}

.mr-crew-crime-meta {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
}

.mr-crew-crime-meta span {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 8px;
	color: var(--mr-muted);
	display: grid;
	font-size: 0.72rem;
	font-weight: 900;
	gap: 5px;
	min-width: 76px;
	padding: 8px;
	text-transform: uppercase;
}

.mr-crew-crime-meta strong {
	color: var(--mr-text);
	font-size: 0.95rem;
}

.mr-crew-crime-history-list {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-crew-crime-history-list li {
	align-items: center;
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: max-content minmax(0, 1fr) max-content;
	min-height: 48px;
	padding: 9px 10px;
}

.mr-crew-crime-history-reward {
	align-items: center;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
	color: var(--mr-muted);
	display: inline-flex;
	font-weight: 900;
	min-height: 28px;
	padding: 0 10px;
	white-space: nowrap;
}

.mr-crew-crime-history-main {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.mr-crew-crime-history-main strong,
.mr-crew-crime-history-main small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-crew-crime-history-main small {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-weight: 800;
}

.mr-crew-crime-history-list time {
	color: var(--mr-gold);
	font-weight: 900;
	justify-self: end;
	white-space: nowrap;
}

.mr-crew-crime-history-card .mr-board-list li {
	grid-template-columns: max-content minmax(0, 1fr) max-content;
}

.mr-crew-crime-history-card .mr-board-list span {
	max-width: none;
	min-width: max-content;
}

.mr-boss-active-list {
	display: grid;
	gap: 16px;
}

.mr-boss-card {
	align-items: start;
	background: linear-gradient(135deg, rgba(255, 46, 91, 0.1), rgba(55, 197, 255, 0.06) 70%), rgba(10, 13, 19, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) minmax(190px, 240px);
	padding: 14px;
}

.mr-boss-art {
	align-items: end;
	background: radial-gradient(circle at 50% 38%, rgba(255, 211, 94, 0.2), transparent 34%), linear-gradient(135deg, rgba(255, 46, 91, 0.2), rgba(55, 197, 255, 0.1));
	background-position: center;
	background-size: cover;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 7px;
	display: flex;
	min-height: 230px;
	overflow: hidden;
	padding: 14px;
	position: relative;
}

.mr-boss-art.is-fallback {
	background:
		radial-gradient(circle at 48% 36%, rgba(255, 200, 87, 0.28), transparent 18%),
		radial-gradient(circle at 68% 22%, rgba(55, 197, 255, 0.16), transparent 28%),
		linear-gradient(160deg, rgba(255, 46, 91, 0.2), rgba(9, 11, 17, 0.96) 62%),
		repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 14px);
}

.mr-boss-art::before {
	background: linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, 0.78));
	content: "";
	inset: 0;
	position: absolute;
}

.mr-boss-art.is-fallback::after {
	background:
		linear-gradient(90deg, transparent, rgba(255, 200, 87, 0.18), transparent),
		linear-gradient(180deg, transparent, rgba(255, 46, 91, 0.15));
	content: "";
	inset: 0;
	opacity: 0.52;
	position: absolute;
}

.mr-boss-art > div {
	position: relative;
	z-index: 1;
}

.mr-boss-sigil {
	align-items: center;
	background: rgba(0, 0, 0, 0.34);
	border: 1px solid rgba(255, 200, 87, 0.28);
	border-radius: 999px;
	box-shadow: 0 0 34px rgba(255, 46, 91, 0.22);
	color: rgba(255, 255, 255, 0.88);
	display: flex;
	font-size: 4.25rem;
	font-weight: 900;
	height: 126px;
	justify-content: center;
	left: 50%;
	line-height: 1;
	position: absolute;
	text-shadow: 0 0 20px rgba(255, 200, 87, 0.28);
	top: 44%;
	transform: translate(-50%, -50%);
	width: 126px;
	z-index: 1;
}

.mr-boss-art.has-image .mr-boss-sigil {
	display: none;
}

.mr-boss-image-probe {
	height: 1px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 1px;
}

.mr-boss-art > div span,
.mr-boss-stat-grid span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-boss-art strong {
	display: block;
	font-size: 1.15rem;
	line-height: 1.15;
}

.mr-boss-body {
	display: grid;
	gap: 12px;
	min-width: 0;
}

.mr-boss-topline,
.mr-boss-health-meta {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.mr-boss-topline h3 {
	font-size: 1.55rem;
	margin: 0;
}

.mr-boss-health span {
	background: linear-gradient(90deg, var(--mr-red), var(--mr-gold));
}

.mr-boss-health-meta {
	color: var(--mr-muted);
	font-size: 0.9rem;
	font-weight: 800;
}

.mr-boss-health-meta strong {
	color: var(--mr-text);
}

.mr-boss-stat-grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-boss-stat-grid div {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 7px;
	min-width: 0;
	padding: 10px;
}

.mr-boss-stat-grid strong {
	display: block;
	font-size: 1rem;
	margin-top: 4px;
}

.mr-boss-drop-note {
	background: rgba(255, 198, 61, 0.08);
	border: 1px solid rgba(255, 198, 61, 0.18);
	border-radius: 7px;
	margin: 0;
	padding: 10px 12px;
}

.mr-boss-reward-showcase {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	grid-column: 1 / -1;
	padding: 12px;
}

.mr-boss-reward-showcase .mr-card-head {
	margin-bottom: 10px;
}

.mr-boss-reward-showcase h4 {
	font-size: 1rem;
	margin: 0;
}

.mr-boss-reward-grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	max-height: 390px;
	overflow: auto;
	padding-right: 4px;
}

.mr-boss-reward-tile {
	align-items: center;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	grid-template-columns: 62px minmax(0, 1fr);
	min-width: 0;
	padding: 10px;
}

.mr-boss-reward-featured {
	background: linear-gradient(135deg, rgba(255, 198, 61, 0.13), rgba(255, 255, 255, 0.035));
	border-color: rgba(255, 198, 61, 0.28);
}

.mr-boss-reward-tile .mr-item-icon {
	height: 58px;
	width: 58px;
}

.mr-boss-reward-tile span,
.mr-boss-reward-tile em,
.mr-boss-reward-tile small {
	color: var(--mr-muted);
	display: block;
	font-size: 0.76rem;
	font-style: normal;
	line-height: 1.35;
}

.mr-boss-reward-tile span {
	color: var(--mr-gold);
	font-weight: 900;
	text-transform: uppercase;
}

.mr-boss-reward-tile strong {
	display: block;
	overflow-wrap: anywhere;
}

.mr-boss-attack-form {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.mr-boss-leaders {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 7px;
	padding: 12px;
}

.mr-boss-leaders ol {
	display: grid;
	gap: 7px;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

.mr-boss-leaders li {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.mr-boss-leaders span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-boss-leaders strong {
	color: var(--mr-gold);
}

.mr-boss-list li {
	grid-template-columns: minmax(0, 1fr) auto auto;
}

@media (max-width: 1200px) {
	.mr-crew-crimes-layout,
	.mr-crew-bank-layout,
	.mr-crew-bank-page-hero {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.mr-crime-list,
	.mr-crime-row,
	.mr-crime-meta,
	.mr-crime-odds ul,
	.mr-crew-overview,
	.mr-crew-command-list,
	.mr-crew-buff-list,
	.mr-crew-perk-list,
	.mr-crew-crime-status,
	.mr-crew-crime-participants,
	.mr-crew-application-row,
	.mr-crew-crime-row,
	.mr-crew-crime-meta,
	.mr-crew-crime-history-list li,
	.mr-crew-bank-card-links,
	.mr-crew-bank-hero-stats,
	.mr-crew-bank-overview-list div,
	.mr-crew-bank-upgrade-row,
	.mr-crew-bank-movement-row,
	.mr-war-enemy-grid,
	.mr-war-summary .mr-status-list,
	.mr-war-pi-panel,
	.mr-crew-war-rules,
	.mr-war-intel-strip,
	.mr-war-activity-grid,
	.mr-boss-card,
	.mr-boss-stat-grid,
	.mr-boss-list li {
		grid-template-columns: 1fr;
	}

	.mr-boss-art {
		min-height: 150px;
	}

	.mr-boss-topline,
	.mr-boss-health-meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.mr-loan-row,
	.mr-crew-deposit-grid,
	.mr-inline-fields {
		grid-template-columns: 1fr;
	}

	.mr-crew-bank-page-hero {
		padding: 18px;
	}

	.mr-crew-bank-overview-list div,
	.mr-crew-bank-upgrade-row > div:nth-child(3),
	.mr-crew-bank-movement-row time {
		justify-items: start;
		text-align: left;
	}

	.mr-war-enemy-actions {
		grid-template-columns: 1fr;
	}

	.mr-crew-roster-row,
	.mr-crew-chat-form {
		grid-template-columns: 1fr;
	}
}

.mr-casino-hero {
	background:
		linear-gradient(90deg, rgba(7, 8, 13, 0.96), rgba(7, 8, 13, 0.72) 52%, rgba(7, 8, 13, 0.38)),
		radial-gradient(circle at 72% 24%, rgba(255, 200, 87, 0.26), transparent 24%),
		radial-gradient(circle at 86% 80%, rgba(255, 54, 95, 0.22), transparent 26%),
		linear-gradient(135deg, #10131b, #07080c);
}

.mr-casino-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 18px;
}

.mr-casino-score-cta {
	margin-top: 14px;
	width: fit-content;
}

.mr-casino-card {
	overflow: hidden;
	position: relative;
}

.mr-casino-card::before {
	background: linear-gradient(90deg, rgba(255, 200, 87, 0.9), rgba(255, 54, 95, 0.68), rgba(55, 197, 255, 0.8));
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.mr-casino-table-art {
	align-items: center;
	background:
		radial-gradient(circle at 50% 20%, rgba(255, 200, 87, 0.22), transparent 34%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(0, 0, 0, 0.24));
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-bottom: 14px;
	min-height: 118px;
	padding: 14px;
}

.mr-casino-die,
.mr-casino-card-face,
.mr-casino-reel,
.mr-casino-result-strip span {
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	display: inline-flex;
	font-weight: 900;
	justify-content: center;
	text-align: center;
}

.mr-casino-die {
	aspect-ratio: 1;
	background: linear-gradient(145deg, #f8fbff, #a9b3c1);
	box-shadow: inset 0 -7px 12px rgba(0, 0, 0, 0.18), 0 10px 18px rgba(0, 0, 0, 0.35);
	color: #11151d;
	font-size: 1.5rem;
	width: 54px;
}

.mr-casino-card-face {
	background: linear-gradient(160deg, #fff4d5, #171a22 12%, #0d1017);
	box-shadow: 0 12px 22px rgba(0, 0, 0, 0.38);
	color: var(--mr-gold);
	font-size: 1.7rem;
	height: 76px;
	width: 56px;
}

.mr-casino-card-face.is-dealer {
	background: linear-gradient(145deg, #171b26, #07080c);
	color: var(--mr-red);
}

.mr-casino-card-face.is-card-back {
	background:
		linear-gradient(135deg, rgba(255, 200, 87, 0.18), rgba(255, 54, 95, 0.18)),
		repeating-linear-gradient(45deg, #111620 0, #111620 6px, #0a0d13 6px, #0a0d13 12px);
	color: rgba(255, 200, 87, 0.72);
	font-size: 0.95rem;
}

.mr-casino-reel {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(0, 0, 0, 0.42));
	box-shadow: inset 0 0 18px rgba(55, 197, 255, 0.14), 0 10px 18px rgba(0, 0, 0, 0.34);
	color: var(--mr-text);
	flex-direction: column;
	font-size: 0.82rem;
	gap: 5px;
	height: 92px;
	min-width: 88px;
	padding: 8px;
}

.mr-casino-form {
	margin-top: 14px;
}

.mr-casino-form .mr-button {
	width: 100%;
}

.mr-casino-enter {
	margin-top: 14px;
	width: 100%;
}

.mr-casino-enter[aria-disabled="true"] {
	opacity: 0.58;
	pointer-events: none;
}

body:has(.mr-game) .mrt-page-title {
	display: none;
}

.mr-casino-table-hero {
	background:
		linear-gradient(90deg, rgba(7, 8, 13, 0.97), rgba(7, 8, 13, 0.7)),
		radial-gradient(circle at 80% 18%, rgba(255, 200, 87, 0.24), transparent 26%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.18));
}

.mr-casino-tagline {
	color: var(--mr-text);
	font-weight: 800;
	margin: 0 0 8px;
}

.mr-casino-stage {
	align-items: center;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
	margin-bottom: 18px;
	min-height: 280px;
}

.mr-casino-side-panel {
	display: grid;
	gap: 12px;
}

.mr-casino-action-panel {
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 12px;
}

.mr-casino-side-panel .mr-casino-form {
	margin-top: 0;
}

.mr-casino-score-link {
	color: var(--mr-gold);
	font-size: 0.88rem;
	font-weight: 900;
	text-align: center;
}

.mr-dice-table,
.mr-card-table,
.mr-slot-machine {
	align-items: center;
	background:
		radial-gradient(circle at 50% 30%, rgba(255, 200, 87, 0.18), transparent 34%),
		linear-gradient(135deg, rgba(0, 0, 0, 0.48), rgba(255, 255, 255, 0.06));
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	display: flex;
	justify-content: center;
	min-height: 230px;
	padding: 18px;
	position: relative;
}

.mr-dice-table {
	background:
		radial-gradient(circle at 50% 48%, rgba(62, 228, 138, 0.14), transparent 34%),
		linear-gradient(145deg, #123025, #07100e 58%, #120914);
	box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.22), inset 0 0 44px rgba(0, 0, 0, 0.5);
	flex-direction: column;
	gap: 18px;
	overflow: hidden;
}

.mr-dice-table::before {
	background:
		linear-gradient(90deg, transparent, rgba(255, 200, 87, 0.42), transparent),
		rgba(0, 0, 0, 0.24);
	content: "";
	height: 4px;
	left: 28px;
	position: absolute;
	right: 28px;
	top: 28px;
}

.mr-dice-table-rail {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	position: relative;
	width: 100%;
}

.mr-dice-table-rail span {
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 200, 87, 0.18);
	border-radius: 8px;
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 900;
	min-height: 38px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

.mr-dice-throw-zone {
	align-items: center;
	display: flex;
	gap: 28px;
	justify-content: center;
	min-height: 130px;
	position: relative;
	width: 100%;
}

.mr-casino-die.is-rolling {
	animation: mr-dice-roll 0.55s ease-out;
}

.mr-casino-die.is-live-rolling {
	animation: mr-dice-live-roll 0.18s linear infinite, mr-dice-tumble 0.36s ease-in-out infinite;
	box-shadow: 0 0 24px rgba(255, 200, 87, 0.28), inset 0 -7px 12px rgba(0, 0, 0, 0.18);
}

.mr-dice-table.is-throwing .mr-dice-throw-zone::after {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
	content: "";
	height: 100%;
	left: -20%;
	position: absolute;
	top: 0;
	transform: skewX(-14deg);
	width: 28%;
	animation: mr-dice-sweep 0.7s ease-in-out infinite;
}

.mr-dice-table .mr-casino-die {
	background: linear-gradient(145deg, #f9fbff, #b6bfcb);
	border-color: rgba(255, 255, 255, 0.44);
	box-shadow: inset 0 -9px 14px rgba(0, 0, 0, 0.18), 0 18px 28px rgba(0, 0, 0, 0.44);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	height: 86px;
	padding: 12px;
	position: relative;
	width: 86px;
	z-index: 1;
}

.mr-dice-table .mr-casino-die i {
	align-self: center;
	background: #11151d;
	border-radius: 50%;
	height: 11px;
	justify-self: center;
	opacity: 0;
	width: 11px;
}

.mr-dice-table .mr-casino-die[data-dice-value="0"] i {
	opacity: 0;
}

.mr-dice-table .mr-casino-die.is-settling::after {
	align-items: center;
	color: #11151d;
	content: "...";
	display: flex;
	font-size: 1.15rem;
	font-weight: 1000;
	inset: 0;
	justify-content: center;
	position: absolute;
}

.mr-casino-die[data-dice-value="1"] i:nth-child(5),
.mr-casino-die[data-dice-value="2"] i:nth-child(1),
.mr-casino-die[data-dice-value="2"] i:nth-child(9),
.mr-casino-die[data-dice-value="3"] i:nth-child(1),
.mr-casino-die[data-dice-value="3"] i:nth-child(5),
.mr-casino-die[data-dice-value="3"] i:nth-child(9),
.mr-casino-die[data-dice-value="4"] i:nth-child(1),
.mr-casino-die[data-dice-value="4"] i:nth-child(3),
.mr-casino-die[data-dice-value="4"] i:nth-child(7),
.mr-casino-die[data-dice-value="4"] i:nth-child(9),
.mr-casino-die[data-dice-value="5"] i:nth-child(1),
.mr-casino-die[data-dice-value="5"] i:nth-child(3),
.mr-casino-die[data-dice-value="5"] i:nth-child(5),
.mr-casino-die[data-dice-value="5"] i:nth-child(7),
.mr-casino-die[data-dice-value="5"] i:nth-child(9),
.mr-casino-die[data-dice-value="6"] i:nth-child(1),
.mr-casino-die[data-dice-value="6"] i:nth-child(3),
.mr-casino-die[data-dice-value="6"] i:nth-child(4),
.mr-casino-die[data-dice-value="6"] i:nth-child(6),
.mr-casino-die[data-dice-value="6"] i:nth-child(7),
.mr-casino-die[data-dice-value="6"] i:nth-child(9) {
	opacity: 1;
}

.mr-dice-roll-form {
	margin-top: 0;
}

.mr-dice-bet-buttons {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-dice-bet-buttons .mr-button {
	display: grid;
	gap: 2px;
	min-height: 58px;
	width: 100%;
}

.mr-dice-bet-buttons .mr-button span {
	color: var(--mr-gold);
	font-size: 0.76rem;
	font-weight: 1000;
	text-transform: uppercase;
}

.mr-dice-bet-buttons .mr-button strong {
	font-size: 0.92rem;
}

.mr-higher-lower-buttons {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-higher-lower-buttons .mr-button {
	display: grid;
	gap: 2px;
	min-height: 56px;
	padding: 9px;
	width: 100%;
}

.mr-higher-lower-buttons .mr-button span {
	color: var(--mr-gold);
	font-size: 0.72rem;
	font-weight: 1000;
	text-transform: uppercase;
}

.mr-higher-lower-buttons .mr-button strong {
	font-size: 0.9rem;
}

.mr-card-table {
	gap: 34px;
}

.mr-card-table > div {
	display: grid;
	gap: 10px;
	justify-items: center;
}

.mr-card-table span {
	color: var(--mr-muted);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-card-table-blackjack {
	align-items: stretch;
	justify-content: space-around;
}

.mr-card-table-blackjack::before {
	background: radial-gradient(circle at 50% 50%, rgba(255, 200, 87, 0.14), transparent 34%);
	border-radius: 50%;
	content: "";
	height: 180px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 180px;
}

.mr-card-table-blackjack > div {
	position: relative;
}

.mr-hand-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

.mr-slot-machine {
	background:
		linear-gradient(180deg, rgba(255, 200, 87, 0.18), transparent 28%),
		linear-gradient(145deg, #141823, #050609);
	box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.42);
	flex-direction: column;
	gap: 14px;
	overflow: visible;
}

.mr-slot-top {
	color: var(--mr-gold);
	font-size: 0.85rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-slot-reels {
	display: flex;
	gap: 10px;
}

.mr-slot-mark {
	align-items: center;
	background: rgba(0, 0, 0, 0.24);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	color: var(--mr-gold);
	display: inline-flex;
	font-size: 0.84rem;
	font-weight: 1000;
	height: 48px;
	justify-content: center;
	line-height: 1;
	width: 62px;
}

.mr-slot-mark img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.mr-slot-label {
	color: var(--mr-muted);
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-casino-reel[data-slot-symbol="pistol"] .mr-slot-mark {
	color: #d6dce8;
	text-shadow: 0 0 12px rgba(214, 220, 232, 0.3);
}

.mr-casino-reel[data-slot-symbol="knife"] .mr-slot-mark {
	color: #f2f5ff;
}

.mr-casino-reel[data-slot-symbol="cash"] .mr-slot-mark {
	color: var(--mr-green);
}

.mr-casino-reel[data-slot-symbol="target"] .mr-slot-mark {
	color: var(--mr-red);
}

.mr-casino-reel[data-slot-symbol="needle"] .mr-slot-mark,
.mr-casino-reel[data-slot-symbol="package"] .mr-slot-mark {
	color: var(--mr-blue);
}

.mr-casino-reel[data-slot-symbol="jackpot"] {
	border-color: rgba(255, 200, 87, 0.55);
	box-shadow: inset 0 0 26px rgba(255, 200, 87, 0.22), 0 0 24px rgba(255, 54, 95, 0.2);
}

.mr-casino-reel[data-slot-symbol="jackpot"] .mr-slot-mark {
	background: rgba(0, 0, 0, 0.24);
	border-color: rgba(255, 200, 87, 0.55);
	overflow: hidden;
}

.mr-casino-reel[data-slot-symbol="settling"] {
	border-color: rgba(55, 197, 255, 0.42);
	box-shadow: inset 0 0 24px rgba(55, 197, 255, 0.18), 0 0 18px rgba(55, 197, 255, 0.16);
}

.mr-slot-settling-mark {
	gap: 5px;
}

.mr-slot-settling-mark span {
	animation: mr-slot-settle-dot 0.62s ease-in-out infinite;
	background: var(--mr-blue);
	border-radius: 999px;
	height: 9px;
	width: 9px;
}

.mr-slot-settling-mark span:nth-child(2) {
	animation-delay: 0.12s;
}

.mr-slot-settling-mark span:nth-child(3) {
	animation-delay: 0.24s;
}

.mr-casino-reel.is-spinning {
	animation: mr-slot-spin 0.7s ease-out;
}

.mr-casino-reel.is-live-spinning {
	animation: mr-slot-live-spin 0.16s linear infinite;
	box-shadow: inset 0 0 24px rgba(55, 197, 255, 0.28), 0 0 22px rgba(255, 200, 87, 0.2);
}

.mr-slot-machine.is-pulling .mr-slot-handle {
	animation: mr-slot-handle-pull 0.78s ease-in-out;
}

.mr-slot-handle {
	background: linear-gradient(180deg, var(--mr-red), #7d0f23);
	border-radius: 999px;
	height: 74px;
	position: absolute;
	right: -14px;
	top: 72px;
	width: 8px;
}

.mr-slot-handle::before {
	background: var(--mr-gold);
	border-radius: 999px;
	content: "";
	height: 22px;
	left: -7px;
	position: absolute;
	top: -12px;
	width: 22px;
}

.mr-casino-table-result {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 16px;
}

.mr-casino-table-result h2 {
	margin-bottom: 7px;
}

.mr-casino-table-result strong {
	display: block;
	font-size: 1.4rem;
	margin-top: 12px;
}

.mr-casino-table-result .is-win {
	color: var(--mr-green);
}

.mr-casino-table-result .is-loss {
	color: var(--mr-red);
}

.mr-casino-controls {
	margin-bottom: 18px;
}

@keyframes mr-dice-roll {
	0% {
		transform: rotate(-14deg) translateY(-10px) scale(0.9);
	}
	55% {
		transform: rotate(16deg) translateY(6px) scale(1.08);
	}
	100% {
		transform: rotate(0) translateY(0) scale(1);
	}
}

@keyframes mr-slot-spin {
	0% {
		filter: blur(2px);
		transform: translateY(-18px);
	}
	45% {
		filter: blur(2px);
		transform: translateY(18px);
	}
	100% {
		filter: blur(0);
		transform: translateY(0);
	}
}

@keyframes mr-dice-live-roll {
	0% {
		transform: rotate(-12deg) translateY(-5px);
	}
	50% {
		transform: rotate(13deg) translateY(5px);
	}
	100% {
		transform: rotate(-12deg) translateY(-5px);
	}
}

@keyframes mr-dice-tumble {
	0%,
	100% {
		filter: blur(0);
	}
	50% {
		filter: blur(1px);
	}
}

@keyframes mr-dice-sweep {
	0% {
		left: -30%;
	}
	100% {
		left: 110%;
	}
}

@keyframes mr-slot-live-spin {
	0% {
		filter: blur(2px);
		transform: translateY(-14px);
	}
	100% {
		filter: blur(2px);
		transform: translateY(14px);
	}
}

@keyframes mr-slot-handle-pull {
	0%,
	100% {
		transform: rotate(0deg);
	}
	45% {
		transform: rotate(18deg) translateY(18px);
	}
}

@keyframes mr-slot-settle-dot {
	0%,
	100% {
		opacity: 0.35;
		transform: translateY(0);
	}
	50% {
		opacity: 1;
		transform: translateY(-5px);
	}
}

.mr-blackjack-live {
	background:
		linear-gradient(90deg, rgba(255, 200, 87, 0.08), rgba(55, 197, 255, 0.06)),
		rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 14px;
	padding: 12px;
}

.mr-blackjack-live span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-blackjack-live strong {
	display: block;
	margin-top: 3px;
}

.mr-blackjack-actions {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 12px;
}

.mr-blackjack-actions .mr-form {
	margin: 0;
}

.mr-blackjack-actions .mr-button {
	width: 100%;
}

.mr-blackjack-deal-form {
	margin-top: 0;
}

.mr-blackjack-bet-buttons {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-blackjack-bet-buttons .mr-button {
	display: grid;
	gap: 2px;
	min-height: 58px;
	width: 100%;
}

.mr-blackjack-bet-buttons .mr-button span {
	color: var(--mr-gold);
	font-size: 0.76rem;
	font-weight: 1000;
	text-transform: uppercase;
}

.mr-blackjack-bet-buttons .mr-button strong {
	font-size: 0.92rem;
}

.mr-casino-last {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto auto;
	margin-bottom: 18px;
}

.mr-casino-result-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

.mr-casino-result-strip span {
	background: rgba(0, 0, 0, 0.24);
	color: var(--mr-gold);
	min-height: 42px;
	min-width: 42px;
	padding: 8px;
}

.mr-casino-last > div:last-child span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.75rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-casino-last > div:last-child strong {
	display: block;
	font-size: 1.3rem;
	margin-top: 4px;
	text-align: right;
}

.mr-casino-last .is-win {
	color: var(--mr-green);
}

.mr-casino-last .is-loss {
	color: var(--mr-red);
}

.mr-casino-leaderboards {
	margin-bottom: 18px;
}

.mr-casino-board-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-casino-board {
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	min-width: 0;
	padding: 14px;
}

.mr-casino-board h3 {
	font-size: 0.96rem;
	margin: 0 0 10px;
}

.mr-casino-board ol {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-casino-board li {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.mr-casino-board li span {
	color: var(--mr-muted);
	font-size: 0.86rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-casino-board li strong {
	color: var(--mr-gold);
	font-size: 0.9rem;
	white-space: nowrap;
}

.mr-slot-layout {
	align-items: start;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
	margin-bottom: 18px;
}

.mr-slot-main {
	min-width: 0;
}

.mr-slot-cabinet {
	background:
		radial-gradient(circle at 16% 5%, rgba(255, 54, 95, 0.2), transparent 34%),
		radial-gradient(circle at 88% 14%, rgba(55, 197, 255, 0.18), transparent 30%),
		linear-gradient(145deg, #171923, #07080d 62%, #120914);
	border-color: rgba(255, 200, 87, 0.18);
	box-shadow: inset 0 0 42px rgba(0, 0, 0, 0.42), 0 20px 38px rgba(0, 0, 0, 0.34);
	display: grid;
	gap: 14px;
	padding: 18px;
}

.mr-slot-cabinet .mr-slot-machine {
	min-height: 330px;
}

.mr-slot-cabinet .mr-slot-top {
	background: linear-gradient(90deg, rgba(255, 200, 87, 0.08), rgba(255, 54, 95, 0.1), rgba(55, 197, 255, 0.08));
	border: 1px solid rgba(255, 200, 87, 0.16);
	border-radius: 999px;
	letter-spacing: 0;
	padding: 7px 18px;
}

.mr-slot-cabinet .mr-slot-reels {
	background: #050609;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	box-shadow: inset 0 0 26px rgba(0, 0, 0, 0.62), 0 0 26px rgba(255, 200, 87, 0.08);
	gap: 12px;
	padding: 18px;
}

.mr-slot-cabinet .mr-casino-reel {
	border: 1px solid rgba(255, 255, 255, 0.12);
	height: 122px;
	min-width: 112px;
}

.mr-slot-cabinet .mr-slot-mark {
	height: 68px;
	width: 82px;
}

.mr-slot-result-slot {
	align-items: center;
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 14px;
}

.mr-slot-result-slot h2 {
	font-size: 1.25rem;
	margin: 0 0 4px;
}

.mr-slot-result-numbers {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, auto);
}

.mr-slot-result-numbers span {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	color: var(--mr-muted);
	font-size: 0.72rem;
	font-weight: 900;
	padding: 9px 10px;
	text-transform: uppercase;
}

.mr-slot-result-numbers strong {
	color: var(--mr-text);
	display: block;
	font-size: 0.96rem;
	margin-top: 2px;
}

.mr-slot-result-numbers .is-win {
	color: var(--mr-green);
}

.mr-slot-result-numbers .is-loss {
	color: var(--mr-red);
}

.mr-slot-controls {
	background: rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 12px;
}

.mr-slot-bet-form {
	margin: 0;
}

.mr-slot-bet-buttons {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mr-slot-bet-button {
	align-items: center;
	display: grid;
	gap: 2px;
	justify-items: center;
	min-height: 58px;
	padding: 10px;
	width: 100%;
}

.mr-slot-bet-button span {
	color: var(--mr-gold);
	font-size: 0.76rem;
	font-weight: 1000;
}

.mr-slot-bet-button strong {
	font-size: 0.9rem;
	white-space: nowrap;
}

.mr-slot-payout-card {
	position: sticky;
	top: 14px;
}

.mr-slot-paytable {
	display: grid;
	gap: 8px;
}

.mr-slot-pay-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 10px;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	padding: 8px;
}

.mr-slot-pay-icon {
	align-items: center;
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	overflow: hidden;
	width: 42px;
}

.mr-slot-pay-icon img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.mr-slot-pay-pair {
	color: var(--mr-blue);
	font-weight: 1000;
}

.mr-slot-pay-row span:nth-child(2) {
	color: var(--mr-muted);
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-slot-pay-row strong {
	color: var(--mr-gold);
	white-space: nowrap;
}

.mr-casino-score-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}

.mr-casino-score-tabs a {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
		rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: var(--mr-muted);
	font-weight: 900;
	min-height: 42px;
	padding: 10px 14px;
	text-decoration: none;
}

.mr-casino-score-tabs a.is-active {
	background: linear-gradient(135deg, var(--mr-red), #93152d);
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.mr-casino-score-table .is-win {
	color: var(--mr-green);
	font-weight: 900;
}

.mr-casino-score-table .is-loss {
	color: var(--mr-red);
	font-weight: 900;
}

.mr-casino-score-spotlight {
	align-items: center;
	background:
		radial-gradient(circle at 16% 18%, rgba(255, 200, 87, 0.22), transparent 28%),
		linear-gradient(90deg, rgba(255, 200, 87, 0.1), rgba(255, 54, 95, 0.07), rgba(55, 197, 255, 0.06)),
		rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 200, 87, 0.22);
	border-radius: 8px;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	margin-bottom: 16px;
	padding: 14px;
}

.mr-score-crown {
	align-items: center;
	background: linear-gradient(145deg, var(--mr-gold), #8f5d12);
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(255, 200, 87, 0.26), inset 0 -7px 11px rgba(0, 0, 0, 0.22);
	color: #120b02;
	display: inline-flex;
	font-weight: 1000;
	height: 58px;
	justify-content: center;
	width: 58px;
}

.mr-casino-score-spotlight h3 {
	font-size: 1.35rem;
	margin: 0;
}

.mr-score-prize {
	background: rgba(0, 0, 0, 0.22);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 8px;
	min-width: 130px;
	padding: 11px 12px;
}

.mr-score-prize span,
.mr-score-stat span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-score-prize strong,
.mr-score-stat strong {
	display: block;
	font-size: 1rem;
	margin-top: 3px;
	white-space: nowrap;
}

.mr-casino-score-list {
	display: grid;
	gap: 8px;
}

.mr-casino-score-row {
	align-items: center;
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: 44px minmax(0, 1fr) repeat(3, minmax(92px, auto));
	min-height: 64px;
	padding: 10px 12px;
}

.mr-casino-score-row.is-top {
	border-color: rgba(255, 200, 87, 0.28);
}

.mr-score-rank {
	align-items: center;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	color: var(--mr-gold);
	display: inline-flex;
	font-weight: 1000;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.mr-score-player {
	min-width: 0;
}

.mr-score-player strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-score-player span {
	color: var(--mr-muted);
	display: block;
	font-size: 0.78rem;
	font-weight: 800;
	margin-top: 3px;
}

.mr-score-stat .is-win,
.mr-score-prize .is-win {
	color: var(--mr-green);
}

.mr-score-stat .is-loss,
.mr-score-prize .is-loss {
	color: var(--mr-red);
}

.mr-casino-lottery-card::before {
	background: linear-gradient(90deg, #ffc857, #ff365f, #37c5ff);
}

.mr-lottery-sign-card {
	align-items: center;
	background:
		linear-gradient(180deg, rgba(255, 200, 87, 0.16), rgba(255, 54, 95, 0.1) 28%, rgba(0, 0, 0, 0.34) 29%),
		linear-gradient(135deg, #191f2a, #050609);
	border: 1px solid rgba(255, 200, 87, 0.28);
	border-radius: 8px;
	box-shadow: inset 0 0 22px rgba(0, 0, 0, 0.46), 0 0 18px rgba(255, 200, 87, 0.12);
	display: grid;
	gap: 5px;
	justify-items: center;
	margin-bottom: 14px;
	min-height: 118px;
	padding: 14px;
	text-align: center;
}

.mr-lottery-sign-card span {
	color: var(--mr-gold);
	font-size: 0.82rem;
	font-weight: 1000;
	text-transform: uppercase;
}

.mr-lottery-sign-card strong {
	background: #090508;
	border: 1px solid rgba(255, 54, 95, 0.34);
	border-radius: 6px;
	box-shadow: inset 0 0 18px rgba(255, 54, 95, 0.14);
	color: #ff455f;
	font-family: "Courier New", monospace;
	font-size: 2.1rem;
	letter-spacing: 0;
	line-height: 1;
	padding: 9px 14px;
	text-shadow: 0 0 10px rgba(255, 54, 95, 0.75);
	width: 100%;
}

.mr-lottery-sign-card em {
	color: var(--mr-muted);
	font-size: 0.7rem;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-lottery-hero {
	background:
		linear-gradient(90deg, rgba(7, 8, 13, 0.96), rgba(7, 8, 13, 0.62)),
		radial-gradient(circle at 78% 24%, rgba(255, 200, 87, 0.3), transparent 24%),
		radial-gradient(circle at 88% 78%, rgba(255, 54, 95, 0.2), transparent 28%),
		linear-gradient(135deg, #141823, #07080c);
}

.mr-lottery-pool {
	align-items: center;
	background:
		radial-gradient(circle at 50% 12%, rgba(255, 200, 87, 0.3), transparent 36%),
		rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 200, 87, 0.24);
	border-radius: 8px;
	display: grid;
	justify-items: center;
	min-height: 190px;
	padding: 20px;
	text-align: center;
}

.mr-lottery-pool span,
.mr-lottery-pool em {
	color: var(--mr-muted);
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-lottery-pool strong {
	color: var(--mr-gold);
	font-size: clamp(2.4rem, 5vw, 4.6rem);
	line-height: 1;
	text-shadow: 0 0 22px rgba(255, 200, 87, 0.22);
}

.mr-lottery-machine {
	overflow: hidden;
	position: relative;
}

.mr-lottery-machine > * {
	position: relative;
}

.mr-lottery-glow {
	background:
		radial-gradient(circle at 24% 30%, rgba(255, 200, 87, 0.16), transparent 26%),
		radial-gradient(circle at 80% 68%, rgba(55, 197, 255, 0.12), transparent 30%);
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.mr-lottery-form {
	margin-top: 16px;
}

.mr-lottery-buy-buttons {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-lottery-buy-buttons .mr-button {
	width: 100%;
}

.mr-lottery-ticket-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-lottery-ticket-grid span {
	background:
		radial-gradient(circle at left center, transparent 0 10px, rgba(0, 0, 0, 0.24) 11px),
		radial-gradient(circle at right center, transparent 0 10px, rgba(0, 0, 0, 0.24) 11px),
		linear-gradient(90deg, rgba(255, 200, 87, 0.22), rgba(255, 54, 95, 0.12) 42%, rgba(55, 197, 255, 0.1)),
		rgba(0, 0, 0, 0.22);
	background-position: left center, right center, center, center;
	background-repeat: no-repeat;
	background-size: 22px 22px, 22px 22px, auto, auto;
	border: 1px solid rgba(255, 200, 87, 0.35);
	border-radius: 8px;
	color: var(--mr-text);
	display: grid;
	gap: 2px;
	min-height: 84px;
	padding: 12px 18px;
	position: relative;
	text-align: left;
}

.mr-lottery-ticket-grid span::before {
	border-left: 1px dashed rgba(255, 255, 255, 0.28);
	content: "";
	inset: 10px auto 10px 74px;
	position: absolute;
}

.mr-lottery-ticket-grid em,
.mr-lottery-ticket-grid small {
	color: var(--mr-muted);
	font-size: 0.68rem;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-lottery-ticket-grid strong {
	color: var(--mr-gold);
	font-family: "Courier New", monospace;
	font-size: 1.05rem;
	letter-spacing: 0;
	padding-left: 74px;
}

.mr-lottery-ticket-grid em,
.mr-lottery-ticket-grid small {
	padding-left: 74px;
}

.mr-lottery-ticket-grid span::after {
	align-items: center;
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(255, 200, 87, 0.22);
	border-radius: 50%;
	color: var(--mr-gold);
	content: "MR";
	display: inline-flex;
	font-size: 0.8rem;
	font-weight: 1000;
	height: 46px;
	justify-content: center;
	left: 18px;
	position: absolute;
	top: 19px;
	width: 46px;
}

@media (max-width: 980px) {
	.mr-grid-4,
	.mr-grid-5,
	.mr-package-grid,
	.mr-city-nav-grid,
	.mr-casino-grid,
	.mr-casino-board-grid,
	.mr-crew-room-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-hero-panel,
	.mr-dashboard-hero,
	.mr-black-market-hero,
	.mr-page-head,
	.mr-bank-hero,
	.mr-bank-interest-card,
	.mr-bank-action-grid,
	.mr-auth-panel,
	.mr-seo-hero {
		grid-template-columns: 1fr;
	}

	.mr-casino-stage {
		grid-template-columns: 1fr;
	}

	.mr-slot-layout {
		grid-template-columns: 1fr;
	}

	.mr-slot-payout-card {
		position: static;
	}

	.mr-casino-score-spotlight,
	.mr-casino-score-row {
		grid-template-columns: 1fr;
	}

	.mr-score-prize,
	.mr-score-stat {
		min-width: 0;
	}

	.mr-special-layout {
		grid-template-columns: 1fr;
	}

	.mr-auth-art {
		display: none;
	}

	.mr-bank-hero-panel {
		padding: 0 24px 24px;
	}

	.mr-bank-scene {
		min-height: 230px;
	}

	.mr-house-row {
		grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
	}

	.mr-house-row-stats,
	.mr-house-row-action {
		grid-column: 1 / -1;
	}

	.mr-exchange-meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-pharmacy-hero,
	.mr-pharmacy-card {
		grid-template-columns: 1fr;
	}

	.mr-pharmacy-purchase {
		grid-template-rows: auto;
	}

	.mr-items-toolbar,
	.mr-item-detail-hero,
	.mr-item-detail-layout {
		grid-template-columns: 1fr;
	}

	.mr-item-directory-row {
		grid-template-columns: 76px minmax(0, 1fr);
	}

	.mr-item-directory-counts,
	.mr-item-directory-row > .mr-button {
		grid-column: 1 / -1;
	}
}

@media (max-width: 720px) {
	.mr-game {
		padding: 14px;
	}

	.mr-items-stat-stack,
	.mr-item-directory-counts,
	.mr-item-facts-grid {
		grid-template-columns: 1fr;
	}

	.mr-items-toolbar-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.mr-item-directory-row {
		align-items: start;
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.mr-item-directory-row .mr-item-icon,
	.mr-item-detail-art .mr-item-icon {
		height: 64px;
		width: 64px;
	}

	.mr-item-directory-row > .mr-button,
	.mr-item-source-row,
	.mr-item-source-row .mr-button,
	.mr-item-detail-side .mr-button {
		width: 100%;
	}

	.mr-item-source-row {
		grid-template-columns: 1fr;
	}

	.mr-dashboard-profile-card {
		grid-template-columns: 1fr;
		justify-items: start;
	}

	.mr-dashboard-avatar {
		width: min(128px, 45vw);
	}

	.mr-dashboard-callouts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-dashboard-link-row,
	.mr-dashboard-link-grid {
		grid-template-columns: 1fr;
	}

	.mr-dashboard-gear-grid,
	.mr-dashboard-task-row {
		grid-template-columns: 1fr;
	}

	.mr-dashboard-task-row .mr-button,
	.mr-dashboard-task-state {
		width: 100%;
	}

	.mr-dashboard-progress-ring {
		max-width: 144px;
	}

	.mr-city-hero {
		min-height: 0;
	}

	.mr-city-hero h1 {
		font-size: 2.45rem;
	}

	.mr-city-hero .mr-hero-balances {
		grid-template-columns: 1fr;
	}

	.mr-city-hero .mr-hero-balances div {
		min-height: 72px;
	}

	.mr-city-nav-card {
		min-height: 0;
	}

	.mr-grid-2,
	.mr-grid-3,
	.mr-grid-4,
	.mr-grid-5,
	.mr-bank-interest-grid,
	.mr-dashboard-feature-list,
	.mr-seo-link-grid,
	.mr-inventory-grid,
	.mr-collection-grid,
	.mr-player-grid,
	.mr-package-grid,
	.mr-casino-grid,
	.mr-casino-board-grid,
	.mr-ranking-grid,
	.mr-city-nav-grid,
	.mr-city-grid,
	.mr-black-market-grid,
	.mr-market-grid {
		grid-template-columns: 1fr;
	}

	.mr-staff-row,
	.mr-staff-chat-row,
	.mr-staff-resolution-form {
		grid-template-columns: 1fr;
		min-width: 0;
	}

	.mr-staff-row-actions,
	.mr-staff-compact-form {
		justify-content: stretch;
	}

	.mr-staff-row-actions .mr-button,
	.mr-staff-row-actions .mr-form,
	.mr-staff-compact-form select,
	.mr-staff-compact-form .mr-button {
		width: 100%;
	}

	.mr-player-directory .mr-player-card {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.mr-battle-hero,
	.mr-battle-stage {
		grid-template-columns: 1fr;
	}

	.mr-battle-versus {
		min-height: 82px;
	}

	.mr-player-row-actions {
		justify-content: stretch;
	}

.mr-player-row-actions .mr-button,
.mr-player-row-actions .mr-form {
	width: 100%;
}

	.mr-market-card,
	.mr-shop-card,
	.mr-exchange-card,
	.mr-lockdown-list article,
	.mr-casino-last,
	.mr-forum-thread-head,
	.mr-market-list article {
		grid-template-columns: 1fr;
	}

	.mr-lockdown-list-meta {
		justify-content: stretch;
	}

	.mr-lockdown-list-meta .mr-button,
	.mr-lockdown-list-meta .mr-form {
		width: 100%;
	}

	.mr-forum-thread-header {
		display: none;
	}

	.mr-forum-thread-row {
		grid-template-columns: 1fr;
	}

	.mr-forum-thread-row > strong,
	.mr-forum-thread-row > span {
		padding-top: 0;
		text-align: left;
	}

	.mr-forum-post {
		grid-template-columns: 1fr;
	}

	.mr-forum-post-author {
		align-items: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
		border-right: 0;
		grid-template-columns: 48px minmax(0, auto) auto;
	}

	.mr-forum-post-meta {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-forum-mod-actions {
		justify-content: flex-start;
	}

	.mr-profile-combat-actions {
		grid-template-columns: 1fr;
	}

	.mr-profile-action-row {
		grid-template-columns: 1fr;
	}

	.mr-black-market-hero .mr-hero-balances,
	.mr-exchange-meta,
	.mr-exchange-control {
		grid-template-columns: 1fr;
	}

	.mr-hero-balances {
		grid-template-columns: 1fr;
	}

	.mr-stat-row {
		grid-template-columns: 1fr 1fr;
	}

	.mr-job-requirement-head,
	.mr-job-requirement-row {
		grid-template-columns: minmax(78px, 1fr) repeat(3, minmax(44px, 0.55fr));
	}

	.mr-slot-result-slot,
	.mr-slot-result-numbers {
		grid-template-columns: 1fr;
	}

	.mr-slot-bet-buttons {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-lottery-buy-buttons,
	.mr-lottery-ticket-grid {
		grid-template-columns: 1fr;
	}

	.mr-slot-cabinet .mr-slot-reels {
		gap: 8px;
		padding: 10px;
	}

	.mr-slot-cabinet .mr-casino-reel {
		height: 102px;
		min-width: 78px;
	}

	.mr-slot-cabinet .mr-slot-mark {
		height: 52px;
		width: 58px;
	}

	.mr-inline-form {
		grid-template-columns: 1fr;
	}

	.mr-bank-hero {
		min-height: auto;
	}

	.mr-bank-scene {
		min-height: 190px;
	}

	.mr-bank-sign {
		left: 50%;
		max-width: calc(100% - 36px);
		padding: 12px 18px;
		transform: translateX(-50%);
		white-space: normal;
	}

	.mr-bank-window {
		left: 20px;
		right: 20px;
		top: 62px;
	}

	.mr-bank-banker {
		height: 105px;
		right: 24px;
		width: 110px;
	}

	.mr-bank-hero-panel {
		padding: 0 16px 18px;
	}

	.mr-bank-hero-panel h1 {
		font-size: 2rem;
	}

	.mr-bank-balance-pill,
	.mr-bank-inline-form {
		align-items: stretch;
		display: grid;
		grid-template-columns: 1fr;
	}

	.mr-item-card {
		grid-template-columns: 86px minmax(0, 1fr);
	}

	.mr-item-card .mr-item-icon {
		height: 86px;
		width: 86px;
	}

	.mr-equipment-body {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.mr-equipment-body .mr-item-icon {
		height: 96px;
		width: 96px;
	}

	.mr-item-actions {
		grid-column: 2;
		justify-items: start;
	}

	.mr-task-row {
		grid-template-columns: 1fr;
	}

	.mr-task-form {
		min-width: 0;
	}

	.mr-collection-meta {
		grid-template-columns: 1fr 1fr;
	}

	.mr-lockup-scene,
	.mr-vault-scene,
	.mr-blueprint-scene {
		min-height: 270px;
	}

	.mr-special-prize-list li {
		grid-template-columns: 1fr;
	}

	.mr-territory-grid {
		grid-template-columns: 1fr;
	}

	.mr-operation-actions,
	.mr-operation-upgrades {
		grid-template-columns: 1fr;
	}

	.mr-event-boosts {
		grid-template-columns: 1fr;
	}

	.mr-personal-events-heading,
	.mr-personal-event-row,
	.mr-personal-event-tools,
	.mr-event-search,
	.mr-site-event-strip .mr-event-list {
		grid-template-columns: 1fr;
	}

	.mr-personal-event-row time {
		text-align: left;
	}

	.mr-event-check {
		justify-content: flex-start;
	}

	.mr-personal-event-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-agenda-result {
		grid-template-columns: 1fr;
	}

	.mr-war-split {
		grid-template-columns: 1fr;
	}

	.mr-application-row,
	.mr-crew-apply-form {
		grid-template-columns: 1fr;
	}

	.mr-application-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-staff-list li {
		grid-template-columns: 1fr;
	}

	.mr-crew-member-row,
	.mr-crew-member-actions {
		grid-template-columns: 1fr !important;
	}

	.mr-staff-ip-row summary,
	.mr-staff-account-list a {
		grid-template-columns: 1fr;
	}

	.mr-staff-account-list span {
		text-align: left;
	}

	.mr-message-row {
		grid-template-columns: 1fr;
	}

	.mr-house-row {
		grid-template-columns: 1fr;
	}

	.mr-house-row .mr-house-art {
		min-height: 150px;
	}

	.mr-house-row-stats {
		grid-template-columns: 1fr 1fr;
	}

	.mr-house-row-action {
		justify-content: stretch;
	}

	.mr-message-row em {
		text-align: left;
	}

	.mr-profile-sheet,
	.mr-profile-transfer-grid {
		grid-template-columns: 1fr;
	}

	.mr-profile-sheet-media {
		height: 86px;
		width: 86px;
	}

	.mr-profile-sheet-row {
		gap: 4px;
		grid-template-columns: 92px minmax(0, 1fr);
	}

	.mr-card-table,
	.mr-slot-reels {
		flex-wrap: wrap;
	}

	.mr-slot-handle {
		display: none;
	}

	.mr-blackjack-actions {
		grid-template-columns: 1fr;
	}

	.mr-blackjack-bet-buttons {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-dice-table-rail,
	.mr-dice-bet-buttons {
		grid-template-columns: 1fr;
	}

	.mr-forum-post-meta,
	.mr-forum-mod-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-forum-post-meta span {
		text-align: left;
	}

	.mr-account-profile {
		grid-template-columns: 1fr;
	}

	.mr-housing-grid,
	.mr-profile-house,
	.mr-crew-bank-actions,
	.mr-crew-room-grid,
	.mr-current-job,
	.mr-job-detail-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 980px) {
	.mr-business-actions,
	.mr-business-steps,
	.mr-company-ad-options,
	.mr-company-profile-grid,
	.mr-company-application,
	.mr-company-ad {
		grid-template-columns: 1fr;
	}

	.mr-business-row,
	.mr-company-choice,
	.mr-company-control-row {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.mr-business-ic {
		display: none;
	}

	.mr-company-inline-form,
	.mr-company-application-form {
		grid-template-columns: 1fr;
	}

	.mr-company-position-pay .mr-company-table-head,
	.mr-company-position-pay .mr-company-table-row {
		grid-template-columns: 1fr;
	}

	.mr-company-position-pay input {
		width: 100%;
	}

	.mr-company-ad-actions {
		justify-content: flex-start;
	}
}

@media (max-width: 720px) {
	.mr-company-stat-grid {
		grid-template-columns: 1fr;
	}

	.mr-company-row,
	.mr-company-report-list div {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* Forums second-pass visual alignment. */
.mr-forums-page {
	align-content: start;
	gap: 14px;
	margin-left: 50%;
	max-width: none;
	transform: translateX(-50%);
	width: min(1420px, calc(100vw - var(--mrt-sidebar, 210px) - 44px));
}

.mr-forums-page .mr-forum-hub-hero,
.mr-forums-page .mr-forum-room-hero,
.mr-forums-page .mr-forum-thread-hero,
.mr-forums-page .mr-forum-compose-page {
	background:
		linear-gradient(90deg, rgba(9, 14, 22, 0.98), rgba(13, 21, 31, 0.94) 48%, rgba(24, 12, 23, 0.83)),
		radial-gradient(circle at 84% 20%, rgba(255, 54, 95, 0.12), transparent 34%),
		radial-gradient(circle at 8% 100%, rgba(72, 199, 249, 0.09), transparent 32%);
	border-color: rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 18px 45px rgba(0, 0, 0, 0.22);
	padding: 24px 28px;
}

.mr-forums-page .mr-forum-room-hero,
.mr-forums-page .mr-forum-thread-hero {
	background:
		linear-gradient(90deg, rgba(7, 11, 18, 0.98), rgba(9, 15, 24, 0.92) 48%, rgba(9, 12, 18, 0.35)),
		linear-gradient(0deg, rgba(7, 11, 18, 0.84), rgba(7, 11, 18, 0.3)),
		url("../images/city/downtown-hero-panorama.png") right center / cover no-repeat;
}

.mr-forums-page .mr-forum-hub-hero {
	grid-template-columns: minmax(380px, 1fr) minmax(480px, 0.8fr);
	min-height: 132px;
}

.mr-forums-page h1 {
	font-size: clamp(2.15rem, 3.2vw, 2.85rem);
	letter-spacing: 0;
	line-height: 1.02;
	margin-bottom: 8px;
}

.mr-forums-page .mr-forum-thread-title-line h1 {
	font-size: clamp(1.8rem, 3vw, 2.55rem);
	line-height: 1.05;
}

.mr-forums-page .mr-forum-hub-hero p,
.mr-forums-page .mr-forum-room-hero p,
.mr-forums-page .mr-forum-compose-page p {
	font-size: 0.94rem;
	line-height: 1.45;
	max-width: 620px;
}

.mr-forum-stat-grid,
.mr-forum-room-stats,
.mr-forum-thread-statbar {
	gap: 12px;
}

.mr-forum-stat-grid > div,
.mr-forum-room-stats > div,
.mr-forum-thread-statbar > div {
	background: rgba(5, 8, 13, 0.56);
	border-color: rgba(255, 255, 255, 0.085);
	min-height: 68px;
	padding: 11px 13px;
}

.mr-forum-stat-grid strong,
.mr-forum-room-stats strong,
.mr-forum-thread-statbar strong {
	font-size: 1.18rem;
	margin-top: 4px;
}

.mr-forum-stat-grid span,
.mr-forum-room-stats span,
.mr-forum-thread-statbar span {
	color: #aab7c9;
	font-size: 0.68rem;
}

.mr-forums-page .mr-forum-hub-actions {
	justify-content: flex-end;
	margin: -2px 0 -2px;
	min-height: 0;
}

.mr-forums-page .mr-forum-hub-actions .mr-button,
.mr-forums-page .mr-forum-room-controls .mr-button {
	min-height: 40px;
	padding: 0 18px;
}

.mr-forums-page .mr-forum-sort-submit {
	display: none;
}

.mr-forum-category-board,
.mr-forums-page .mr-forum-thread-board,
.mr-forum-recent-board {
	background: rgba(10, 16, 24, 0.82);
	border-color: rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.mr-forum-category-header,
.mr-forums-page .mr-forum-thread-header,
.mr-forum-recent-head {
	background: rgba(255, 255, 255, 0.036);
	color: #8e9aae;
	font-size: 0.68rem;
	font-weight: 950;
	letter-spacing: 0;
	min-height: 36px;
	text-transform: uppercase;
}

.mr-forum-category-header,
.mr-forum-category-row {
	grid-template-columns: minmax(420px, 1fr) 96px 96px minmax(330px, 0.72fr);
}

.mr-forums-page .mr-forum-thread-header,
.mr-forums-page .mr-forum-thread-row {
	grid-template-columns: minmax(470px, 1fr) 100px 100px minmax(250px, 0.52fr);
}

.mr-forum-category-header > span,
.mr-forums-page .mr-forum-thread-header > span,
.mr-forum-category-row > *,
.mr-forums-page .mr-forum-thread-row > * {
	padding: 10px 16px;
}

.mr-forum-category-row,
.mr-forums-page .mr-forum-thread-row {
	background: linear-gradient(90deg, rgba(16, 25, 36, 0.86), rgba(13, 20, 30, 0.78));
	border-bottom-color: rgba(255, 255, 255, 0.06);
	min-height: 68px;
}

.mr-forums-page .mr-forum-thread-row {
	min-height: 82px;
}

.mr-forum-category-row:hover,
.mr-forums-page .mr-forum-thread-row:hover {
	background: linear-gradient(90deg, rgba(255, 54, 95, 0.075), rgba(18, 30, 43, 0.84));
}

.mr-forum-category-main,
.mr-forums-page .mr-forum-thread-main {
	gap: 12px;
	grid-template-columns: 44px minmax(0, 1fr);
}

.mr-forum-category-main strong,
.mr-forums-page .mr-forum-thread-main h2 {
	font-size: 0.98rem;
	line-height: 1.22;
}

.mr-forum-category-main em,
.mr-forums-page .mr-forum-thread-main p {
	font-size: 0.78rem;
	line-height: 1.35;
	margin-top: 3px;
}

.mr-forum-category-icon,
.mr-forum-thread-icon {
	border-radius: 8px;
	height: 42px;
	width: 42px;
}

.mr-forum-category-row > strong,
.mr-forums-page .mr-forum-thread-row > strong {
	font-size: 0.96rem;
}

.mr-forum-last-post {
	gap: 9px;
	grid-template-columns: 32px minmax(0, 1fr);
}

.mr-forum-last-post .mr-forum-avatar {
	height: 32px;
	width: 32px;
}

.mr-forum-last-post .mr-forum-author,
.mr-forum-last-post span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-forum-recent-board {
	padding: 0;
}

.mr-forum-recent-board header {
	padding: 16px 16px 8px;
}

.mr-forum-recent-board header h2 {
	display: inline-flex;
	font-size: 0.88rem;
	margin: 0;
	padding-bottom: 8px;
	position: relative;
	text-transform: uppercase;
}

.mr-forum-recent-board header h2::after {
	background: linear-gradient(90deg, #ff3660, #ff6c92);
	border-radius: 999px;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 92px;
}

.mr-forum-recent-head,
.mr-forum-recent-list a {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(360px, 1fr) minmax(170px, 0.28fr) 84px 84px minmax(220px, 0.42fr);
}

.mr-forum-recent-head {
	padding: 0 16px;
}

.mr-forum-recent-list a {
	border-bottom-color: rgba(255, 255, 255, 0.06);
	min-height: 46px;
	padding: 10px 16px;
}

.mr-forum-recent-list a:last-child {
	border-bottom: 0;
}

.mr-forum-recent-list span,
.mr-forum-recent-list em,
.mr-forum-recent-list small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-forum-recent-list strong {
	color: var(--mr-text);
	text-align: center;
}

.mr-forum-room-hero {
	min-height: 216px;
}

.mr-forum-room-stats {
	margin-top: 24px;
	max-width: 680px;
}

.mr-forum-room-stats > div {
	align-content: center;
	display: grid;
	grid-template-columns: auto 1fr;
}

.mr-forum-room-stats > div .mr-forum-small-icon,
.mr-forum-room-stats > div .mr-forum-online-dot {
	align-self: center;
	grid-row: span 2;
	margin-right: 7px;
}

.mr-forum-room-controls {
	background: rgba(5, 8, 13, 0.28);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 8px;
	padding: 12px 14px;
}

.mr-forums-page .mr-filter-tabs {
	gap: 8px;
}

.mr-forums-page .mr-filter-tabs a {
	background: rgba(255, 255, 255, 0.035);
	border-color: rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	min-height: 40px;
	padding: 10px 22px;
}

.mr-forums-page .mr-filter-tabs a.is-active {
	background: rgba(255, 54, 95, 0.16);
	border-color: rgba(255, 54, 95, 0.42);
	box-shadow: inset 0 -2px 0 #ff3660;
	color: var(--mr-text);
}

.mr-forum-sort-form select {
	background: rgba(5, 8, 13, 0.68);
	min-height: 40px;
	min-width: 230px;
}

.mr-forum-thread-badges {
	margin-bottom: 4px;
}

.mr-forum-status {
	border-radius: 5px;
	font-size: 0.61rem;
	padding: 3px 7px;
}

.mr-forum-thread-hero {
	padding-bottom: 22px;
}

.mr-forum-thread-hero-main {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.58fr) auto;
}

.mr-forum-thread-statbar {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-forum-thread-statbar > div {
	min-height: 62px;
}

.mr-forum-thread-actions {
	align-self: start;
}

.mr-forum-thread-actions .mr-button {
	min-height: 40px;
}

.mr-forum-thread-subbar {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 4px 2px 8px;
}

.mr-forum-thread-subbar > .mr-link {
	color: #b7c2d4;
	font-size: 0.78rem;
	font-weight: 850;
}

.mr-forum-admin-tools summary,
.mr-forum-post-tools summary,
.mr-forums-page .mr-forum-report summary {
	background: rgba(255, 255, 255, 0.035);
	border-color: rgba(255, 255, 255, 0.08);
	min-height: 32px;
}

.mr-forums-page .mr-forum-post-list {
	gap: 8px;
}

.mr-forums-page .mr-forum-post {
	background: linear-gradient(90deg, rgba(13, 21, 31, 0.94), rgba(11, 18, 27, 0.9));
	border-color: rgba(255, 255, 255, 0.075);
	grid-template-columns: 160px minmax(0, 1fr);
}

.mr-forums-page .mr-forum-post-author {
	align-content: start;
	background: rgba(3, 6, 11, 0.18);
	gap: 6px;
	padding: 16px;
}

.mr-forums-page .mr-forum-avatar {
	height: 48px;
	width: 48px;
}

.mr-forums-page .mr-forum-author {
	font-size: 0.86rem;
}

.mr-forums-page .mr-staff-badge {
	font-size: 0.66rem;
}

.mr-forums-page .mr-forum-post-content {
	grid-template-rows: auto minmax(78px, 1fr) auto;
}

.mr-forums-page .mr-forum-post-meta {
	min-height: 42px;
	padding: 13px 18px 0;
}

.mr-forums-page .mr-forum-post-body {
	font-size: 0.9rem;
	line-height: 1.58;
	padding: 12px 18px 15px;
}

.mr-forum-post-actions {
	padding: 0 18px 14px;
}

.mr-forum-vote {
	min-height: 32px;
	padding: 5px 10px;
}

.mr-forums-page .mr-forum-compose {
	background: rgba(10, 16, 24, 0.82);
	border-color: rgba(255, 255, 255, 0.08);
	border-radius: 8px;
}

.mr-forums-page .mr-forum-compose .mr-card-head {
	padding-bottom: 8px;
}

.mr-forums-page .mr-forum-compose textarea {
	min-height: 112px;
}

.mr-forum-compose-page {
	padding: 24px 28px;
}

.mr-forum-compose-grid {
	grid-template-columns: minmax(260px, 0.34fr) minmax(0, 0.66fr);
}

@media (max-width: 1180px) {
	.mr-forums-page {
		width: min(1180px, calc(100vw - var(--mrt-sidebar, 210px) - 30px));
	}

	.mr-forums-page .mr-forum-hub-hero,
	.mr-forum-thread-hero-main {
		grid-template-columns: 1fr;
	}

	.mr-forum-category-header,
	.mr-forum-category-row,
	.mr-forums-page .mr-forum-thread-header,
	.mr-forums-page .mr-forum-thread-row,
	.mr-forum-recent-head,
	.mr-forum-recent-list a {
		grid-template-columns: minmax(0, 1fr) 82px 82px minmax(230px, 0.55fr);
	}

	.mr-forum-recent-head span:nth-child(2),
	.mr-forum-recent-list a em {
		display: none;
	}
}

@media (max-width: 900px) {
	.mr-forums-page {
		width: calc(100vw - 24px);
	}

	.mr-forums-page .mr-forum-hub-hero,
	.mr-forums-page .mr-forum-room-hero,
	.mr-forums-page .mr-forum-thread-hero,
	.mr-forums-page .mr-forum-compose-page {
		padding: 18px;
	}

	.mr-forum-category-header,
	.mr-forums-page .mr-forum-thread-header,
	.mr-forum-recent-head {
		display: none;
	}

	.mr-forum-category-row,
	.mr-forums-page .mr-forum-thread-row,
	.mr-forum-recent-list a {
		grid-template-columns: 1fr;
	}

	.mr-forum-category-row > strong,
	.mr-forums-page .mr-forum-thread-row > strong,
	.mr-forum-recent-list strong {
		text-align: left;
	}

	.mr-forum-room-controls,
	.mr-forum-thread-subbar {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-forum-sort-form,
	.mr-forum-sort-form label,
	.mr-forum-sort-form select {
		width: 100%;
	}

	.mr-forums-page .mr-forum-post {
		grid-template-columns: 1fr;
	}

	.mr-forums-page .mr-forum-post-author {
		align-items: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
		border-right: 0;
		grid-template-columns: 48px minmax(0, 1fr);
		justify-items: start;
	}

	.mr-forums-page .mr-forum-post-author .mr-staff-badge {
		grid-column: 2;
	}
}

/* Forums final reference pass. */
.mr-forums-page .mr-forum-room-stats,
.mr-forums-page .mr-forum-thread-statbar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}

.mr-forums-page .mr-forum-room-stats > div,
.mr-forums-page .mr-forum-thread-statbar > div {
	background: transparent;
	border: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0;
	min-height: 0;
	min-width: 105px;
	padding: 0 22px 0 0;
}

.mr-forums-page .mr-forum-room-stats > div:not(:first-child),
.mr-forums-page .mr-forum-thread-statbar > div:not(:first-child) {
	padding-left: 22px;
}

.mr-forums-page .mr-forum-room-stats > div:last-child,
.mr-forums-page .mr-forum-thread-statbar > div:last-child {
	border-right: 0;
}

.mr-forums-page .mr-forum-room-stats strong,
.mr-forums-page .mr-forum-thread-statbar strong {
	font-size: 1.08rem;
	margin: 0;
}

.mr-forums-page .mr-forum-room-stats span,
.mr-forums-page .mr-forum-thread-statbar span {
	font-size: 0.66rem;
	line-height: 1.2;
}

.mr-forums-page .mr-forum-room-stats .mr-forum-small-icon {
	height: 21px;
	width: 21px;
}

.mr-forums-page .mr-forum-room-hero {
	min-height: 198px;
}

.mr-forums-page .mr-forum-thread-hero {
	min-height: 0;
	padding: 22px 28px;
}

.mr-forums-page .mr-forum-thread-hero-main {
	align-items: start;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr) auto auto;
}

.mr-forums-page .mr-forum-thread-title-line h1 {
	font-size: clamp(1.75rem, 2.6vw, 2.2rem);
}

.mr-forums-page .mr-forum-thread-title-line {
	align-items: center;
}

.mr-forums-page .mr-forum-title-icon {
	height: 30px;
	width: 30px;
}

.mr-forums-page .mr-forum-thread-actions {
	align-self: start;
	margin-top: 0;
	white-space: nowrap;
}

.mr-forums-page .mr-forum-thread-subbar {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: flex-start;
	padding: 8px 2px 6px;
}

.mr-forums-page .mr-forum-thread-subbar .mr-forum-admin-tools {
	margin-left: auto;
}

.mr-forums-page .mr-forum-thread-subbar .mr-forum-report {
	margin-left: 10px;
}

.mr-forums-page .mr-forum-room-controls {
	align-items: center;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
}

.mr-forums-page .mr-forum-sort-form {
	justify-self: end;
}

.mr-forums-page .mr-forum-sort-form select {
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 8px;
	color: var(--mr-text);
	font-weight: 850;
	padding: 0 13px;
}

@media (max-width: 900px) {
	.mr-forums-page .mr-forum-room-stats,
	.mr-forums-page .mr-forum-thread-statbar,
	.mr-forums-page .mr-forum-thread-subbar {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-forums-page .mr-forum-room-stats > div,
	.mr-forums-page .mr-forum-thread-statbar > div {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		padding: 0 0 10px;
	}

	.mr-forums-page .mr-forum-room-stats > div:not(:first-child),
	.mr-forums-page .mr-forum-thread-statbar > div:not(:first-child) {
		padding: 10px 0;
	}

	.mr-forums-page .mr-forum-room-controls,
	.mr-forums-page .mr-forum-thread-hero-main {
		grid-template-columns: 1fr;
	}

	.mr-forums-page .mr-forum-thread-actions,
	.mr-forums-page .mr-forum-sort-form,
	.mr-forums-page .mr-forum-thread-subbar .mr-forum-admin-tools {
		margin-left: 0;
		justify-self: stretch;
	}
}

/* Forums bug fixes and custom hero asset. */
.mr-forums-page .mr-forum-room-hero,
.mr-forums-page .mr-forum-thread-hero {
	background:
		linear-gradient(90deg, rgba(7, 11, 18, 0.99), rgba(8, 13, 20, 0.9) 38%, rgba(8, 11, 17, 0.28)),
		linear-gradient(0deg, rgba(7, 11, 18, 0.82), rgba(7, 11, 18, 0.18)),
		url("../images/forums/forum-hero-meeting.png") right center / cover no-repeat;
}

.mr-forums-page .mr-forum-post-list,
.mr-forums-page .mr-forum-post,
.mr-forums-page .mr-forum-post-content,
.mr-forums-page .mr-forum-post-actions {
	overflow: visible;
}

.mr-forums-page .mr-forum-post {
	position: relative;
}

.mr-forums-page .mr-forum-post-actions {
	position: relative;
	z-index: 6;
}

.mr-forums-page .mr-forum-post-tools[open],
.mr-forums-page .mr-forum-report[open] {
	z-index: 80;
}

.mr-forums-page .mr-forum-post-tools > div,
.mr-forums-page .mr-forum-report .mr-form {
	z-index: 120;
}

.mr-forums-page .mr-forum-last-post {
	gap: 10px;
	grid-template-columns: 44px minmax(0, 1fr);
}

.mr-forums-page .mr-forum-last-post .mr-forum-avatar {
	height: 40px;
	width: 40px;
}

.mr-forums-page .mr-forum-last-post > div {
	min-width: 0;
}

.mr-forums-page .mr-forum-last-post .mr-forum-author {
	display: block;
	max-width: 100%;
}

.mr-forums-page .mr-forum-recent-title {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: 28px minmax(0, 1fr);
	min-width: 0;
}

.mr-forums-page .mr-forum-recent-title > span:last-child {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-forums-page .mr-forum-status-mark {
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 7px;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.mr-forums-page .mr-forum-status-mark .mr-forum-status-icon {
	height: 15px;
	width: 15px;
}

.mr-forums-page .mr-forum-status-mark.is-thread {
	background: rgba(255, 54, 95, 0.13);
	color: #ff4f78;
}

.mr-forums-page .mr-forum-status-mark.is-announcement {
	background: rgba(37, 233, 134, 0.13);
	border-color: rgba(37, 233, 134, 0.28);
	color: #35f19b;
}

.mr-forums-page .mr-forum-status-mark.is-pinned {
	background: rgba(255, 198, 74, 0.14);
	border-color: rgba(255, 198, 74, 0.3);
	color: #ffc64a;
}

.mr-forums-page .mr-forum-status-mark.is-locked {
	background: rgba(170, 183, 201, 0.12);
	color: #aab7c9;
}

/* Vehicle building and racing */
.mr-vehicle-page {
	max-width: 1320px;
}

.mr-vehicle-hero {
	background:
		linear-gradient(115deg, rgba(255, 54, 95, 0.14), transparent 38%),
		linear-gradient(285deg, rgba(55, 197, 255, 0.16), transparent 48%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
		var(--mr-panel);
	gap: 14px;
	margin-bottom: 14px;
	padding: 18px;
}

.mr-vehicle-hero h1 {
	font-size: clamp(1.9rem, 2.7vw, 2.65rem);
	line-height: 1;
}

.mr-vehicle-hero .mr-muted {
	font-size: 0.94rem;
	max-width: 760px;
}

.mr-auto-parts-hero {
	grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
}

.mr-auto-parts-owner {
	align-items: center;
	background: rgba(7, 10, 16, 0.58);
	border: 1px solid rgba(255, 200, 87, 0.18);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: 52px minmax(0, 1fr);
	padding: 12px;
}

.mr-auto-parts-mark {
	align-items: center;
	background: linear-gradient(145deg, rgba(255, 200, 87, 0.22), rgba(255, 54, 95, 0.14));
	border: 1px solid rgba(255, 200, 87, 0.34);
	border-radius: 8px;
	color: var(--mr-gold);
	display: inline-flex;
	height: 52px;
	justify-content: center;
	width: 52px;
}

.mr-auto-parts-mark svg {
	fill: none;
	height: 28px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 28px;
}

.mr-auto-parts-owner strong,
.mr-auto-parts-owner span {
	display: block;
}

.mr-auto-parts-owner strong {
	color: var(--mr-text);
	font-size: 1rem;
}

.mr-auto-parts-owner span {
	color: var(--mr-muted);
	font-size: 0.84rem;
	line-height: 1.35;
	margin-top: 3px;
}

.mr-auto-parts-strip {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0 0 12px;
}

.mr-auto-parts-strip > div {
	background: rgba(7, 10, 16, 0.52);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	padding: 10px 12px;
}

.mr-auto-parts-strip span {
	color: #a8bad0;
	display: block;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-auto-parts-strip strong {
	display: block;
	font-size: 1.05rem;
	margin-top: 4px;
}

.mr-vehicle-hero-stats {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-vehicle-hero-stats > div {
	background: rgba(7, 10, 16, 0.56);
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	min-height: 62px;
	padding: 10px 11px;
}

.mr-vehicle-hero-stats span,
.mr-vehicle-stat span,
.mr-vehicle-price span,
.mr-part-meta span,
.mr-race-meta span,
.mr-garage-condition span {
	color: #a8bad0;
	display: block;
	font-size: 0.73rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-vehicle-hero-stats strong {
	display: block;
	font-size: 1.08rem;
	margin-top: 4px;
}

.mr-vehicle-linkbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px;
}

.mr-vehicle-board {
	padding: 0;
	overflow: hidden;
}

.mr-vehicle-table-head,
.mr-vehicle-row {
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(260px, 1.55fr) 72px 88px minmax(190px, 0.85fr) 120px 112px;
}

.mr-vehicle-table-head {
	background: rgba(255, 255, 255, 0.035);
	border-bottom: 1px solid var(--mr-border);
	color: #a8bad0;
	font-size: 0.74rem;
	font-weight: 800;
	padding: 10px 16px;
	text-transform: uppercase;
}

.mr-vehicle-row {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	padding: 12px 16px;
}

.mr-vehicle-row:last-child {
	border-bottom: 0;
}

.mr-vehicle-row.is-locked,
.mr-part-row.is-locked {
	opacity: 0.72;
}

.mr-vehicle-titlecell,
.mr-garage-car-main {
	align-items: center;
	display: grid;
	gap: 13px;
	grid-template-columns: minmax(108px, 126px) minmax(0, 1fr);
	min-width: 0;
}

.mr-vehicle-model-art {
	align-items: center;
	background: radial-gradient(circle at 50% 25%, rgba(255, 200, 87, 0.1), rgba(8, 11, 17, 0.94));
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.mr-vehicle-model-art-row {
	aspect-ratio: 16 / 9;
}

.mr-vehicle-model-art-garage {
	aspect-ratio: 16 / 8.5;
}

.mr-vehicle-model-art img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mr-vehicle-model-art-fallback {
	color: var(--mr-gold);
	font-size: 1.15rem;
	font-weight: 900;
	min-height: 58px;
}

.mr-vehicle-model-art-fallback::after {
	background: linear-gradient(90deg, transparent, rgba(255, 200, 87, 0.18), transparent);
	content: "";
	height: 1px;
	left: 16%;
	position: absolute;
	right: 16%;
	top: 50%;
}

.mr-vehicle-icon,
.mr-vehicle-badge {
	align-items: center;
	background: rgba(255, 200, 87, 0.11);
	border: 1px solid rgba(255, 200, 87, 0.26);
	border-radius: 8px;
	color: var(--mr-gold);
	display: inline-flex;
	height: 46px;
	justify-content: center;
	width: 46px;
}

.mr-vehicle-icon svg {
	fill: none;
	height: 25px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 25px;
}

.mr-vehicle-titlecell h2,
.mr-garage-car h3,
.mr-part-row h3,
.mr-race-row h3,
.mr-race-result-row h3 {
	font-size: 1rem;
	margin: 0;
}

.mr-vehicle-titlecell p,
.mr-garage-car-main p,
.mr-part-copy p,
.mr-race-copy p,
.mr-race-result-row p {
	color: var(--mr-muted);
	font-size: 0.9rem;
	margin: 4px 0 0;
}

.mr-vehicle-level {
	color: var(--mr-gold);
	display: block;
	font-size: 0.72rem;
	font-weight: 900;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.mr-vehicle-stat strong,
.mr-vehicle-price strong,
.mr-part-meta strong,
.mr-race-meta strong {
	display: block;
	font-size: 1rem;
	margin-top: 4px;
}

.mr-vehicle-bars {
	display: grid;
	gap: 7px;
}

.mr-vehicle-bars div {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: 68px minmax(0, 1fr);
}

.mr-vehicle-bars span {
	color: #a8bad0;
	font-size: 0.72rem;
	font-weight: 800;
}

.mr-vehicle-bars b,
.mr-garage-condition b {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	display: block;
	height: 6px;
	overflow: hidden;
}

.mr-vehicle-bars b::before {
	background: linear-gradient(90deg, var(--mr-gold), #37c5ff);
	border-radius: inherit;
	content: "";
	display: block;
	height: 100%;
	width: inherit;
}

.mr-vehicle-action .mr-button,
.mr-race-join .mr-button,
.mr-part-actions .mr-button {
	width: 100%;
}

.mr-garage-layout,
.mr-race-layout {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

.mr-garage-panel,
.mr-race-create,
.mr-race-lobbies,
.mr-race-results {
	min-width: 0;
	padding: 14px;
}

.mr-garage-car-list,
.mr-part-list,
.mr-race-list,
.mr-race-result-list {
	display: grid;
	gap: 10px;
}

.mr-garage-car,
.mr-part-row,
.mr-race-row,
.mr-race-result-row,
.mr-active-race {
	background: rgba(7, 10, 16, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
}

.mr-garage-car {
	display: grid;
	gap: 10px;
	min-width: 0;
	padding: 12px;
}

.mr-vehicle-badge {
	font-size: 1.15rem;
	font-weight: 900;
}

.mr-garage-stats {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
}

.mr-garage-stats > div {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 7px;
	padding: 7px 8px;
}

.mr-garage-stats span {
	color: #a8bad0;
	display: block;
	font-size: 0.68rem;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.mr-garage-stats strong {
	display: block;
	margin-top: 3px;
}

.mr-garage-condition {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(66px, auto) minmax(0, 1fr) auto;
	min-width: 0;
}

.mr-garage-condition i {
	background: linear-gradient(90deg, var(--mr-green), var(--mr-gold));
	border-radius: inherit;
	display: block;
	height: 100%;
}

.mr-garage-installed {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.mr-garage-car.is-race-locked {
	border-color: rgba(255, 200, 87, 0.2);
}

.mr-installed-part-row {
	align-items: center;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-width: 0;
	padding: 7px 8px;
}

.mr-installed-part-copy {
	min-width: 0;
}

.mr-installed-part-copy span,
.mr-installed-part-copy strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-installed-part-copy span {
	color: var(--mr-gold);
	font-size: 0.68rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-installed-part-copy strong {
	color: var(--mr-text);
	font-size: 0.88rem;
	margin-top: 2px;
}

.mr-installed-part-actions {
	min-width: 0;
}

.mr-installed-part-actions .mr-form {
	margin: 0;
}

.mr-installed-part-actions .mr-button {
	min-height: 32px;
	padding: 5px 9px;
	white-space: nowrap;
}

.mr-garage-lock-pill {
	align-items: center;
	background: rgba(255, 200, 87, 0.1);
	border: 1px solid rgba(255, 200, 87, 0.22);
	border-radius: 999px;
	color: var(--mr-gold);
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 900;
	justify-content: center;
	min-height: 30px;
	padding: 5px 9px;
	text-transform: uppercase;
	white-space: nowrap;
}

.mr-garage-actions {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	min-width: 0;
}

.mr-garage-actions .mr-form,
.mr-part-actions .mr-form,
.mr-race-join {
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.mr-garage-actions input,
.mr-part-actions select,
.mr-race-form input,
.mr-race-form select,
.mr-race-join select {
	background: rgba(0, 0, 0, 0.26);
	border: 1px solid var(--mr-border);
	border-radius: 7px;
	color: var(--mr-text);
	min-height: 38px;
	padding: 8px 10px;
	width: 100%;
}

.mr-part-row {
	align-items: stretch;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr);
	min-width: 0;
	padding: 11px 12px;
}

.mr-auto-parts-page .mr-part-row {
	align-items: center;
	grid-template-columns: minmax(260px, 1fr) minmax(210px, 0.7fr) minmax(140px, 0.5fr);
}

.mr-part-meta,
.mr-race-meta {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-part-actions {
	display: grid;
	gap: 8px;
	min-width: 0;
}

.mr-part-install-note {
	align-items: center;
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 7px;
	color: var(--mr-muted);
	display: inline-flex;
	font-size: 0.82rem;
	font-weight: 900;
	justify-content: center;
	min-height: 38px;
	padding: 8px 10px;
	text-decoration: none;
}

.mr-part-install-note:hover,
.mr-part-install-note:focus {
	border-color: rgba(255, 200, 87, 0.32);
	color: var(--mr-gold);
}

.mr-auto-parts-buy {
	align-self: center;
}

.mr-auto-parts-buy .mr-button {
	width: 100%;
}

.mr-race-form {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-race-form label span {
	color: #a8bad0;
	display: block;
	font-size: 0.73rem;
	font-weight: 800;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.mr-race-form .mr-button {
	align-self: end;
	min-height: 38px;
}

.mr-race-row {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(230px, 1fr) minmax(180px, 0.7fr) minmax(250px, 0.85fr);
	padding: 11px 12px;
}

.mr-active-race {
	align-items: center;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-bottom: 12px;
	padding: 12px;
}

.mr-race-results {
	margin-top: 12px;
}

.mr-race-result-row {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 12px 14px;
}

.mr-race-result-row > strong {
	color: var(--mr-green);
}

@media (max-width: 1180px) {
	.mr-vehicle-table-head {
		display: none;
	}

	.mr-vehicle-row,
	.mr-part-row,
	.mr-auto-parts-page .mr-part-row,
	.mr-race-row,
	.mr-garage-layout,
	.mr-race-layout {
		grid-template-columns: 1fr;
	}

	.mr-vehicle-action .mr-button {
		width: auto;
	}
}

@media (max-width: 760px) {
	.mr-vehicle-page {
		padding: 14px;
	}

	.mr-vehicle-titlecell,
	.mr-garage-car-main {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.mr-vehicle-hero-stats,
	.mr-auto-parts-strip,
	.mr-garage-stats,
	.mr-part-meta,
	.mr-race-meta,
	.mr-race-form,
	.mr-garage-actions,
	.mr-garage-actions .mr-form,
	.mr-installed-part-row,
	.mr-part-actions .mr-form,
	.mr-race-join,
	.mr-active-race {
		grid-template-columns: 1fr;
	}

	.mr-vehicle-linkbar .mr-button {
		flex: 1 1 140px;
	}
}

.mr-auctions-page {
	max-width: 1420px;
}

.mr-auction-list-panel,
.mr-auction-form-panel,
.mr-auction-detail-main,
.mr-auction-bid-panel,
.mr-auction-side {
	background: linear-gradient(145deg, rgba(17, 24, 34, 0.95), rgba(10, 15, 22, 0.96));
	border: 1px solid rgba(138, 160, 184, 0.18);
}

.mr-auction-list-hero,
.mr-auction-page-title,
.mr-auction-detail-head,
.mr-auction-price-pair,
.mr-auction-shell,
.mr-auction-detail-layout {
	display: grid;
	gap: 16px;
}

.mr-auction-list-hero {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(138, 160, 184, 0.14);
}

.mr-auction-list-hero h1,
.mr-auction-page-title h1,
.mr-auction-detail-head h1 {
	margin: 0;
	font-size: clamp(1.7rem, 3vw, 2.35rem);
	line-height: 1.05;
}

.mr-auction-list-hero p,
.mr-auction-page-title p,
.mr-auction-step p,
.mr-auction-side li,
.mr-auction-detail-stats span,
.mr-auction-price-pair span,
.mr-auction-row span,
.mr-auction-row em {
	color: #a9bad0;
}

.mr-auction-table {
	margin-top: 16px;
	overflow: hidden;
	border: 1px solid rgba(138, 160, 184, 0.12);
	border-radius: 8px;
}

.mr-auction-table-head,
.mr-auction-row {
	display: grid;
	grid-template-columns: minmax(260px, 1.5fr) minmax(120px, 0.8fr) minmax(120px, 0.75fr) minmax(150px, 0.8fr) minmax(70px, 0.45fr);
	gap: 14px;
	align-items: center;
	padding: 12px 16px;
}

.mr-auction-table-head {
	background: rgba(255, 255, 255, 0.035);
	color: #9fb2c9;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.mr-auction-row {
	color: #f7f8fb;
	text-decoration: none;
	border-top: 1px solid rgba(138, 160, 184, 0.1);
	transition: background 0.16s ease, border-color 0.16s ease;
}

.mr-auction-row:hover,
.mr-auction-row:focus-visible {
	background: rgba(255, 200, 87, 0.06);
	border-color: rgba(255, 200, 87, 0.28);
}

.mr-auction-row.is-ended {
	opacity: 0.72;
}

.mr-auction-row > div,
.mr-auction-vehicle-cell,
.mr-auction-item-cell {
	min-width: 0;
}

.mr-auction-vehicle-cell {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

.mr-auction-item-cell {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

.mr-auction-item-cell .mr-item-icon {
	width: 64px;
	height: 64px;
	min-width: 64px;
}

.mr-auction-vehicle-cell strong,
.mr-auction-row strong,
.mr-auction-detail-stats strong,
.mr-auction-price-pair strong,
.mr-auction-car-summary strong {
	color: #fff;
}

.mr-auction-vehicle-cell span,
.mr-auction-row span,
.mr-auction-row em {
	display: block;
	margin-top: 3px;
	font-size: 0.82rem;
	font-style: normal;
}

.mr-auction-time-pill {
	display: inline-flex;
	align-items: center;
	width: max-content;
	max-width: 100%;
	padding: 4px 8px;
	border: 1px solid rgba(255, 200, 87, 0.36);
	border-radius: 7px;
	background: rgba(255, 200, 87, 0.08);
	color: #ffc857 !important;
	font-size: 0.78rem;
}

.mr-auction-car-art {
	position: relative;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 7px;
	background: radial-gradient(circle at 45% 35%, rgba(255, 200, 87, 0.26), rgba(10, 14, 21, 0.94) 52%), linear-gradient(135deg, rgba(44, 57, 72, 0.82), rgba(7, 10, 15, 0.96));
}

.mr-auction-car-art-small {
	width: 88px;
	height: 56px;
}

.mr-auction-car-art-medium {
	width: 112px;
	height: 70px;
}

.mr-auction-car-art-large {
	width: 100%;
	aspect-ratio: 16 / 7;
	margin: 16px 0;
}

.mr-auction-car-art img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mr-auction-car-fallback b {
	position: absolute;
	inset: 10px auto auto 12px;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: rgba(255, 200, 87, 0.14);
	border: 1px solid rgba(255, 200, 87, 0.42);
	color: #ffd86d;
}

.mr-auction-car-fallback i {
	position: absolute;
	right: 14px;
	bottom: 14px;
	width: 56%;
	height: 22%;
	border-radius: 999px 999px 8px 8px;
	background: linear-gradient(90deg, rgba(22, 30, 42, 0.95), rgba(118, 135, 154, 0.8));
	box-shadow: -18px 10px 0 -4px rgba(5, 8, 12, 0.9), 18px 10px 0 -4px rgba(5, 8, 12, 0.9);
}

.mr-auction-shell,
.mr-auction-detail-layout {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
	align-items: start;
}

.mr-auction-breadcrumb,
.mr-auction-back {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	color: #a9bad0;
	text-decoration: none;
	font-size: 0.86rem;
}

.mr-auction-breadcrumb strong,
.mr-auction-breadcrumb a,
.mr-auction-back:hover {
	color: #ffc857;
}

.mr-auction-page-title {
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	margin: 12px 0 20px;
}

.mr-auction-title-icon,
.mr-auction-step-head > span {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background: rgba(179, 107, 255, 0.16);
	border: 1px solid rgba(179, 107, 255, 0.42);
	color: #d9b7ff;
	font-weight: 900;
}

.mr-auction-step {
	padding: 16px;
	border: 1px solid rgba(138, 160, 184, 0.13);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.025);
}

.mr-auction-step + .mr-auction-step {
	margin-top: 14px;
}

.mr-auction-step-head {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	margin-bottom: 14px;
}

.mr-auction-step h2,
.mr-auction-side h2,
.mr-auction-parts h2,
.mr-auction-history h2 {
	margin: 0 0 6px;
	font-size: 1rem;
}

.mr-auction-form-grid,
.mr-auction-car-summary,
.mr-auction-detail-stats,
.mr-auction-vehicle-grid,
.mr-auction-price-pair {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 10px;
}

.mr-auction-car-summary {
	align-items: center;
	padding: 12px;
	border: 1px solid rgba(138, 160, 184, 0.12);
	border-radius: 8px;
}

.mr-auction-vehicle-select,
.mr-auction-list-form label,
.mr-auction-bid-form label {
	display: grid;
	gap: 7px;
	color: #c7d4e6;
	font-size: 0.86rem;
	font-weight: 800;
}

.mr-auction-list-form input,
.mr-auction-list-form select,
.mr-auction-bid-form input {
	width: 100%;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid rgba(138, 160, 184, 0.18);
	border-radius: 7px;
	background: rgba(4, 7, 11, 0.55);
	color: #fff;
}

.mr-auction-side ul {
	display: grid;
	gap: 14px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.mr-auction-side li {
	position: relative;
	padding-left: 26px;
}

.mr-auction-side li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.38em;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: #ffc857;
	box-shadow: 0 0 14px rgba(255, 200, 87, 0.55);
}

.mr-auction-detail-head {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
}

.mr-auction-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

.mr-auction-tags span {
	padding: 4px 8px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.08);
	color: #d7e3f4;
	font-size: 0.76rem;
	font-weight: 800;
}

.mr-auction-detail-stats > div,
.mr-auction-vehicle-grid > div,
.mr-auction-price-pair > div,
.mr-auction-car-summary > div {
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(138, 160, 184, 0.12);
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.025);
}

.mr-auction-vehicle-grid {
	grid-template-columns: repeat(7, minmax(82px, 1fr));
	margin-top: 12px;
}

.mr-auction-parts {
	margin-top: 18px;
}

.mr-auction-part-list,
.mr-auction-history-list {
	display: grid;
	gap: 8px;
}

.mr-auction-part-list > div,
.mr-auction-history-list > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 10px;
	align-items: center;
	padding: 10px;
	border: 1px solid rgba(138, 160, 184, 0.11);
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.025);
}

.mr-auction-part-list span,
.mr-auction-history-list em {
	color: #ffc857;
	font-size: 0.74rem;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-auction-bid-form {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(138, 160, 184, 0.12);
}

.mr-auction-bid-form .mr-button {
	width: 100%;
	margin-top: 10px;
}

.mr-auction-bid-form p {
	margin: 10px 0 0;
	color: #ff5d81;
	font-size: 0.84rem;
}

.mr-auction-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 18px;
}

.mr-auction-pagination a {
	display: grid;
	place-items: center;
	min-width: 38px;
	height: 38px;
	border: 1px solid rgba(138, 160, 184, 0.16);
	border-radius: 8px;
	color: #d7e3f4;
	text-decoration: none;
}

.mr-auction-pagination a.is-active {
	border-color: rgba(255, 59, 102, 0.75);
	background: rgba(255, 59, 102, 0.15);
	color: #fff;
}

@media (max-width: 1080px) {
	.mr-auction-shell,
	.mr-auction-detail-layout {
		grid-template-columns: 1fr;
	}

	.mr-auction-table-head {
		display: none;
	}

	.mr-auction-row {
		grid-template-columns: 1fr 1fr;
	}

	.mr-auction-row .mr-auction-vehicle-cell {
		grid-column: 1 / -1;
	}

	.mr-auction-vehicle-grid {
		grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
	}
}

@media (max-width: 640px) {
	.mr-auction-list-hero,
	.mr-auction-detail-head,
	.mr-auction-row,
	.mr-auction-part-list > div,
	.mr-auction-history-list > div {
		grid-template-columns: 1fr;
	}

	.mr-auction-list-hero .mr-button,
	.mr-auction-step .mr-button {
		width: 100%;
	}
}

/* Car auctions: market/detail mockup pass. */
.mr-auctions-page {
	max-width: none;
	width: 100%;
}

.mr-auctions-page {
	margin-left: 50%;
	transform: translateX(-50%);
	width: min(1560px, calc(100vw - var(--mrt-sidebar, 210px) - 44px));
}

.mr-auctions-page .mr-card {
	border: 1px solid rgba(128, 149, 174, 0.18);
	border-radius: 8px;
	background:
		radial-gradient(circle at 18% 0%, rgba(50, 65, 83, 0.18), transparent 34%),
		linear-gradient(145deg, rgba(17, 24, 34, 0.96), rgba(8, 12, 18, 0.97));
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.mr-auction-market-grid,
.mr-auction-create-grid {
	display: grid;
	grid-template-columns: minmax(700px, 1.85fr) minmax(360px, 0.95fr);
	gap: 14px;
	align-items: start;
}

.mr-auction-market-grid.is-list-only {
	grid-template-columns: 1fr;
}

.mr-auction-market-main,
.mr-auction-detail-panel,
.mr-auction-create-main,
.mr-auction-info-card,
.mr-auction-preview-card,
.mr-auction-notes-card {
	padding: 18px;
}

.mr-auction-market-hero,
.mr-auction-toolbar,
.mr-auction-panel-top,
.mr-auction-create-hero,
.mr-auction-submit-row,
.mr-auction-market-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.mr-auction-market-hero {
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(128, 149, 174, 0.12);
}

.mr-auction-market-title,
.mr-auction-create-hero {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.mr-auction-market-title h1,
.mr-auction-create-hero h1,
.mr-auction-detail-panel h2 {
	margin: 0;
	font-size: 1.72rem;
	line-height: 1.08;
	color: #f7f9fc;
}

.mr-auction-market-title p,
.mr-auction-create-hero p,
.mr-auction-step p,
.mr-auction-info-card li,
.mr-auction-notes-card p,
.mr-auction-preview-card dl,
.mr-auction-panel-top,
.mr-auction-panel-stats span,
.mr-auction-price-grid span,
.mr-auction-row span,
.mr-auction-row em,
.mr-auction-settings-grid em {
	color: #a9bad0;
}

.mr-auction-gavel {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	color: #f7f9fc;
}

.mr-auction-gavel svg {
	display: block;
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.2;
}

.mr-auction-hero-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}

.mr-auction-toolbar {
	padding: 16px 0 12px;
}

.mr-auction-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mr-auction-tabs a,
.mr-auction-sort,
.mr-auction-panel-top a,
.mr-auction-pagination a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 14px;
	border: 1px solid rgba(128, 149, 174, 0.17);
	border-radius: 7px;
	background: rgba(7, 11, 17, 0.62);
	color: #d7e3f4;
	text-decoration: none;
	font-weight: 800;
}

.mr-auction-tabs a.is-active {
	border-color: rgba(255, 59, 102, 0.62);
	background: linear-gradient(135deg, rgba(255, 59, 102, 0.22), rgba(255, 200, 87, 0.1));
	color: #fff;
}

.mr-auction-sort {
	gap: 8px;
	min-width: 190px;
	justify-content: space-between;
	padding: 0;
}

.mr-auction-sort span {
	color: #a9bad0;
	font-size: 0.82rem;
	font-weight: 700;
}

.mr-auction-sort label {
	align-items: center;
	display: flex;
	gap: 8px;
	min-height: 38px;
	padding: 0 10px 0 12px;
	width: 100%;
}

.mr-auction-sort select {
	appearance: auto;
	background: transparent;
	border: 0;
	color: #fff;
	font: inherit;
	font-weight: 900;
	margin: 0;
	min-width: 128px;
	outline: 0;
	padding: 0;
}

.mr-auction-sort select option {
	background: #0b1119;
	color: #fff;
}

.mr-auction-sort i {
	width: 7px;
	height: 7px;
	border-right: 2px solid #a9bad0;
	border-bottom: 2px solid #a9bad0;
	transform: rotate(45deg) translateY(-2px);
}

.mr-auction-table {
	margin-top: 0;
	border: 1px solid rgba(128, 149, 174, 0.12);
	border-radius: 8px;
	overflow: hidden;
	background: rgba(7, 11, 17, 0.42);
}

.mr-auction-table-head,
.mr-auction-row {
	display: grid;
	grid-template-columns: minmax(250px, 1.55fr) minmax(120px, 0.78fr) minmax(120px, 0.72fr) minmax(130px, 0.78fr) minmax(105px, 0.62fr) minmax(56px, 0.36fr);
	gap: 12px;
	align-items: center;
}

.mr-auction-table-head {
	min-height: 44px;
	padding: 0 14px;
	background: rgba(255, 255, 255, 0.035);
	color: #9fb2c9;
	font-size: 0.73rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-auction-row {
	position: relative;
	min-height: 74px;
	padding: 10px 14px;
	border-top: 1px solid rgba(128, 149, 174, 0.1);
	color: #f8fafc;
	text-decoration: none;
	transition: background 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.mr-auction-row:hover,
.mr-auction-row:focus-visible,
.mr-auction-row.is-selected {
	background: linear-gradient(90deg, rgba(255, 200, 87, 0.11), rgba(255, 200, 87, 0.025));
	box-shadow: inset 0 0 0 1px rgba(255, 200, 87, 0.34);
}

.mr-auction-row.is-ended {
	opacity: 0.66;
}

.mr-auction-row > div,
.mr-auction-vehicle-cell,
.mr-auction-item-cell,
.mr-auction-select-copy {
	min-width: 0;
}

.mr-auction-vehicle-cell {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

.mr-auction-item-cell {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

.mr-auction-item-cell .mr-item-icon {
	width: 64px;
	height: 64px;
	min-width: 64px;
}

.mr-auction-car-art {
	display: block;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 7px;
	background:
		radial-gradient(circle at 70% 35%, rgba(255, 200, 87, 0.22), transparent 30%),
		linear-gradient(135deg, rgba(18, 25, 34, 0.96), rgba(5, 8, 12, 0.98));
}

.mr-auction-car-art-small {
	width: 96px;
	height: 56px;
}

.mr-auction-car-art-medium {
	width: 104px;
	height: 66px;
}

.mr-auction-car-art-large {
	width: 100%;
	aspect-ratio: 16 / 6.8;
	margin: 14px 0;
}

.mr-auction-car-art img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mr-auction-car-fallback {
	position: relative;
}

.mr-auction-car-fallback b {
	position: absolute;
	left: 10px;
	top: 9px;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 7px;
	background: rgba(255, 200, 87, 0.14);
	border: 1px solid rgba(255, 200, 87, 0.46);
	color: #ffd86d;
}

.mr-auction-car-fallback i,
.mr-auction-car-fallback em {
	position: absolute;
	left: 28%;
	bottom: 25%;
	width: 54%;
	height: 20%;
	border-radius: 999px 999px 8px 8px;
	background: linear-gradient(90deg, rgba(12, 16, 22, 0.96), rgba(95, 110, 130, 0.8));
	box-shadow: -18px 10px 0 -5px #02050a, 18px 10px 0 -5px #02050a;
}

.mr-auction-car-fallback em {
	left: 36%;
	bottom: 43%;
	width: 34%;
	height: 15%;
	opacity: 0.7;
	box-shadow: none;
}

.mr-auction-row strong,
.mr-auction-panel-stats strong,
.mr-auction-price-grid strong,
.mr-auction-spec-strip strong,
.mr-auction-review-strip strong,
.mr-auction-preview-card h3 {
	color: #fff;
}

.mr-auction-row span,
.mr-auction-row em {
	display: block;
	margin-top: 3px;
	font-size: 0.81rem;
	font-style: normal;
}

.mr-auction-row > div:not(.mr-auction-vehicle-cell):not(.mr-auction-item-cell) > span:first-child {
	display: none;
}

.mr-item-name-link,
.mr-auction-open-link {
	color: inherit;
	text-decoration: none;
}

.mr-item-name-link:hover,
.mr-item-name-link:focus-visible,
.mr-auction-open-link:hover,
.mr-auction-open-link:focus-visible {
	color: #ffc857;
}

.mr-auction-open-link {
	font-weight: 900;
}

.mr-item-market-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.mr-item-auction-detail-head {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	margin: 14px 0;
}

.mr-item-auction-detail-head .mr-item-icon,
.mr-item-auction-preview-art .mr-item-icon {
	width: 80px;
	height: 80px;
	min-width: 80px;
}

.mr-item-auction-preview-art {
	margin: 12px 0;
}

.mr-item-auction-quantity-grid {
	grid-template-columns: minmax(180px, 280px);
}

.mr-auction-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 6px;
}

.mr-auction-tags b,
.mr-auction-tags span {
	display: inline-flex;
	align-items: center;
	width: max-content;
	max-width: 100%;
	margin: 0;
	padding: 3px 7px;
	border-radius: 5px;
	background: rgba(125, 79, 255, 0.26);
	color: #f1e9ff;
	font-size: 0.72rem;
	font-weight: 900;
}

.mr-auction-tags b + b,
.mr-auction-tags span + span {
	background: rgba(255, 255, 255, 0.08);
	color: #d7e3f4;
}

.mr-auction-money {
	color: #30df8b !important;
}

.mr-auction-time-pill {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: max-content;
	max-width: 100%;
	margin: 0;
	padding: 4px 9px;
	border: 1px solid rgba(86, 137, 255, 0.46);
	border-radius: 6px;
	background: rgba(86, 137, 255, 0.1);
	color: #9cc1ff !important;
	font-size: 0.78rem !important;
	font-weight: 900;
	white-space: nowrap;
}

.mr-auction-time-pill.is-hot {
	border-color: rgba(255, 59, 102, 0.66);
	background: rgba(255, 59, 102, 0.1);
	color: #ff6689 !important;
}

.mr-auction-time-pill.is-warm {
	border-color: rgba(255, 200, 87, 0.62);
	background: rgba(255, 200, 87, 0.1);
	color: #ffc857 !important;
}

.mr-auction-time-pill.is-long {
	border-color: rgba(125, 79, 255, 0.58);
	background: rgba(125, 79, 255, 0.13);
	color: #c9a8ff !important;
}

.mr-auction-time-pill.is-ended {
	border-color: rgba(169, 186, 208, 0.22);
	background: rgba(169, 186, 208, 0.06);
	color: #a9bad0 !important;
}

.mr-auction-market-footer {
	padding-top: 16px;
	color: #a9bad0;
}

.mr-auction-pagination {
	display: flex;
	gap: 8px;
	margin: 0;
}

.mr-auction-pagination a {
	min-width: 34px;
	width: 34px;
	padding: 0;
}

.mr-auction-pagination a.is-active {
	border-color: rgba(255, 59, 102, 0.78);
	background: rgba(255, 59, 102, 0.16);
	color: #fff;
}

.mr-auction-detail-panel {
	position: sticky;
	top: 14px;
}

.mr-auction-panel-top {
	margin-bottom: 16px;
	font-size: 0.86rem;
}

.mr-auction-panel-top a {
	min-height: auto;
	padding: 0;
	border: 0;
	background: transparent;
	color: #a9bad0;
	font-weight: 700;
}

.mr-auction-panel-stats,
.mr-auction-price-grid,
.mr-auction-spec-strip,
.mr-auction-review-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.mr-auction-price-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 14px 0;
	border-top: 1px solid rgba(128, 149, 174, 0.12);
	border-bottom: 1px solid rgba(128, 149, 174, 0.12);
}

.mr-auction-panel-stats > div,
.mr-auction-price-grid > div,
.mr-auction-spec-strip > div,
.mr-auction-review-strip > div {
	min-width: 0;
}

.mr-auction-panel-stats span,
.mr-auction-price-grid span,
.mr-auction-spec-strip span,
.mr-auction-review-strip span {
	display: block;
	margin-bottom: 4px;
	font-size: 0.76rem;
	font-weight: 800;
	text-transform: uppercase;
}

.mr-auction-build-card,
.mr-auction-bid-box {
	margin-top: 14px;
	padding: 14px;
	border: 1px solid rgba(128, 149, 174, 0.13);
	border-radius: 8px;
	background: rgba(7, 11, 17, 0.46);
}

.mr-auction-build-card h3,
.mr-auction-bid-box h3,
.mr-auction-history h3,
.mr-auction-info-card h2,
.mr-auction-preview-card h2,
.mr-auction-notes-card h2 {
	margin: 0 0 12px;
	color: #ffc857;
	font-size: 0.94rem;
	text-transform: none;
}

.mr-auction-vehicle-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(54px, 1fr));
	gap: 8px;
	margin: 0 0 14px;
}

.mr-auction-vehicle-grid > div {
	min-width: 0;
	padding: 8px;
	border: 1px solid rgba(128, 149, 174, 0.12);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.025);
}

.mr-auction-vehicle-grid span {
	display: block;
	margin-bottom: 4px;
	color: #9fb2c9;
	font-size: 0.68rem;
	font-weight: 900;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.mr-auction-part-list,
.mr-auction-history-list {
	display: grid;
	gap: 8px;
}

.mr-auction-part-list > div,
.mr-auction-history-list > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 10px;
	align-items: center;
	padding: 9px 10px;
	border: 1px solid rgba(128, 149, 174, 0.1);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.025);
}

.mr-auction-part-list span,
.mr-auction-history-list em {
	color: #ffc857;
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 900;
}

.mr-auction-bid-box .mr-empty,
.mr-auction-build-card .mr-empty,
.mr-auction-detail-panel > .mr-empty {
	margin: 0;
}

.mr-auction-bid-form {
	margin: 0;
	padding: 0;
	border: 0;
}

.mr-auction-bid-form label,
.mr-auction-settings-grid label {
	display: grid;
	gap: 7px;
	color: #c7d4e6;
	font-weight: 800;
}

.mr-auction-bid-form label > span:first-child,
.mr-auction-settings-grid label > span:first-child {
	font-size: 0.86rem;
}

.mr-auction-money-field {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	align-items: stretch;
	height: 44px;
	border: 1px solid rgba(128, 149, 174, 0.16);
	border-radius: 7px;
	background: rgba(3, 6, 10, 0.64);
	overflow: hidden;
}

.mr-auction-money-field b {
	display: grid;
	place-items: center;
	height: 44px;
	color: #c9d6e8;
	border-right: 1px solid rgba(128, 149, 174, 0.1);
	line-height: 1;
}

.mr-auction-money-field input {
	appearance: textfield !important;
	box-sizing: border-box;
	display: block;
	min-width: 0;
	width: 100%;
	height: 44px;
	min-height: 0;
	border: 0 !important;
	background: transparent !important;
	color: #fff;
	font: inherit;
	font-weight: 800;
	line-height: 1.2;
	margin: 0 !important;
	padding: 0 12px !important;
	text-align: left;
}

.mr-auction-money-field input::-webkit-outer-spin-button,
.mr-auction-money-field input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

.mr-auction-money-field input[type="number"] {
	-moz-appearance: textfield;
}

.mr-auction-settings-grid select {
	box-sizing: border-box;
	width: 100%;
	min-height: 42px;
	border: 1px solid rgba(128, 149, 174, 0.16) !important;
	border-radius: 7px;
	background: rgba(3, 6, 10, 0.64) !important;
	color: #fff;
	font: inherit;
	font-weight: 800;
	padding: 0 12px !important;
}

.mr-auction-settings-grid select option {
	background: #0b1119;
	color: #fff;
}

.mr-auction-bid-form .mr-button {
	width: 100%;
	margin-top: 10px;
	min-height: 42px;
}

.mr-auction-bid-form p {
	margin: 10px 0 0;
	color: #ff5d81;
	font-size: 0.84rem;
	text-align: center;
}

.mr-auction-history {
	margin-top: 14px;
}

.mr-auction-create-main {
	padding: 18px;
}

.mr-auction-breadcrumb {
	display: flex;
	gap: 8px;
	margin-bottom: 14px;
	color: #a9bad0;
	font-size: 0.86rem;
}

.mr-auction-breadcrumb a,
.mr-auction-breadcrumb strong {
	color: #ffc857;
	text-decoration: none;
}

.mr-auction-create-hero {
	justify-content: flex-start;
	margin-bottom: 18px;
}

.mr-auction-step {
	padding: 16px;
	border: 1px solid rgba(128, 149, 174, 0.14);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.025);
}

.mr-auction-step + .mr-auction-step {
	margin-top: 12px;
}

.mr-auction-step-head {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	margin-bottom: 14px;
}

.mr-auction-step-head > span {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: rgba(179, 107, 255, 0.18);
	border: 1px solid rgba(179, 107, 255, 0.52);
	color: #e4c7ff;
	font-weight: 900;
}

.mr-auction-step h2 {
	margin: 0 0 4px;
	font-size: 1.02rem;
	color: #fff;
}

.mr-auction-select-card {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) 34px;
	gap: 14px;
	align-items: center;
	padding: 12px;
	border: 1px solid rgba(128, 149, 174, 0.12);
	border-radius: 7px;
	background: rgba(4, 7, 11, 0.46);
}

.mr-auction-select-card::after {
	content: "";
	width: 8px;
	height: 8px;
	justify-self: center;
	border-right: 2px solid #a9bad0;
	border-bottom: 2px solid #a9bad0;
	transform: rotate(45deg) translateY(-3px);
}

.mr-auction-select-card select {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
}

.mr-item-auction-select-card {
	grid-template-columns: 72px minmax(0, 1fr);
}

.mr-item-auction-select-card::after {
	display: none;
}

.mr-item-auction-select-card .mr-item-icon {
	width: 64px;
	height: 64px;
	min-width: 64px;
}

.mr-item-auction-select-card [data-mr-auction-preview-art] {
	display: block;
	width: 64px;
	height: 64px;
	min-width: 64px;
}

[data-mr-auction-preview-art] > .mr-auction-car-art,
[data-mr-auction-preview-art] > .mr-item-icon {
	display: block;
}

.mr-item-auction-select-card select {
	position: static;
	grid-column: 1 / -1;
	box-sizing: border-box;
	width: 100%;
	min-height: 42px;
	border: 1px solid rgba(128, 149, 174, 0.16);
	border-radius: 7px;
	background: rgba(3, 6, 10, 0.64);
	color: #fff;
	font: inherit;
	font-weight: 800;
	opacity: 1;
	padding: 0 12px;
}

.mr-auction-select-copy strong,
.mr-auction-select-copy em {
	display: block;
	font-style: normal;
}

.mr-auction-select-copy em {
	margin-top: 4px;
	color: #a9bad0;
	font-size: 0.86rem;
}

.mr-auction-spec-strip,
.mr-auction-review-strip {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	padding: 14px;
	border: 1px solid rgba(128, 149, 174, 0.1);
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.02);
}

.mr-auction-settings-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px 22px;
}

.mr-auction-settings-grid label:last-child {
	grid-column: 1;
}

.mr-auction-submit-row {
	margin-top: 16px;
}

.mr-auction-submit-row .mr-button-primary {
	flex: 1 1 auto;
	min-height: 44px;
}

.mr-auction-submit-row .mr-button-secondary {
	flex: 0 0 260px;
	min-height: 44px;
}

.mr-auction-create-aside {
	display: grid;
	gap: 12px;
}

.mr-auction-info-card ul {
	display: grid;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mr-auction-info-card li {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

.mr-auction-info-card i,
.mr-auction-notes-card p::before {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 7px;
	background: rgba(86, 137, 255, 0.14);
	border: 1px solid rgba(86, 137, 255, 0.28);
}

.mr-auction-info-card i::before {
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 4px;
	background: currentColor;
}

.mr-auction-info-card i.is-blue {
	color: #5689ff;
}

.mr-auction-info-card i.is-gold {
	color: #ffc857;
	background: rgba(255, 200, 87, 0.13);
	border-color: rgba(255, 200, 87, 0.28);
}

.mr-auction-info-card i.is-purple {
	color: #b36bff;
	background: rgba(179, 107, 255, 0.14);
	border-color: rgba(179, 107, 255, 0.3);
}

.mr-auction-info-card i.is-green {
	color: #30df8b;
	background: rgba(48, 223, 139, 0.12);
	border-color: rgba(48, 223, 139, 0.28);
}

.mr-auction-preview-card .mr-auction-car-art-large {
	margin: 0 0 12px;
}

.mr-auction-preview-card h3 {
	margin: 10px 0 14px;
}

.mr-auction-preview-card dl {
	display: grid;
	gap: 9px;
	margin: 0;
}

.mr-auction-preview-card dl div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.mr-auction-preview-card dt,
.mr-auction-preview-card dd {
	margin: 0;
}

.mr-auction-preview-card dd {
	color: #fff;
}

.mr-auction-notes-card p {
	position: relative;
	margin: 14px 0 0;
	padding-left: 28px;
}

.mr-auction-notes-card p::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background: rgba(86, 137, 255, 0.14);
}

@media (max-width: 1320px) {
	.mr-auction-market-grid,
	.mr-auction-create-grid {
		grid-template-columns: 1fr;
	}

	.mr-auction-detail-panel {
		position: static;
	}
}

@media (max-width: 1060px) {
	.mr-auctions-page {
		width: calc(100vw - 24px);
	}
}

@media (max-width: 980px) {
	.mr-auction-table-head {
		display: none;
	}

	.mr-auction-row {
		grid-template-columns: 1fr 1fr;
	}

	.mr-auction-row > div:not(.mr-auction-vehicle-cell):not(.mr-auction-item-cell) > span:first-child {
		display: block;
	}

	.mr-auction-row .mr-auction-vehicle-cell {
		grid-column: 1 / -1;
	}

	.mr-auction-row .mr-auction-item-cell {
		grid-column: 1 / -1;
	}

	.mr-auction-settings-grid,
	.mr-auction-panel-stats,
	.mr-auction-price-grid,
	.mr-auction-spec-strip,
	.mr-auction-review-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-auction-settings-grid label:last-child {
		grid-column: auto;
	}

	.mr-auction-vehicle-grid {
		grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
	}
}

@media (max-width: 640px) {
	.mr-auction-market-hero,
	.mr-auction-hero-actions,
	.mr-auction-toolbar,
	.mr-auction-panel-top,
	.mr-auction-submit-row,
	.mr-auction-market-footer {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-auction-row,
	.mr-auction-settings-grid,
	.mr-auction-panel-stats,
	.mr-auction-price-grid,
	.mr-auction-spec-strip,
	.mr-auction-review-strip,
	.mr-auction-part-list > div,
	.mr-auction-history-list > div {
		grid-template-columns: 1fr;
	}

	.mr-auction-vehicle-cell,
	.mr-auction-item-cell,
	.mr-auction-select-card {
		grid-template-columns: 84px minmax(0, 1fr);
	}

	.mr-item-auction-detail-head {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.mr-item-market-actions .mr-button {
		width: 100%;
	}

	.mr-auction-select-card::after {
		display: none;
	}

	.mr-auction-hero-actions {
		width: 100%;
	}

	.mr-auction-car-art-small,
	.mr-auction-car-art-medium {
		width: 84px;
	}

	.mr-auction-submit-row .mr-button-secondary,
	.mr-auction-tabs a,
	.mr-auction-sort,
	.mr-auction-market-hero .mr-button {
		width: 100%;
		flex-basis: auto;
	}
}

.mr-news-page {
	max-width: none;
	width: 100%;
}

.mr-news-board,
.mr-news-side-card {
	background: linear-gradient(135deg, rgba(19, 27, 38, .98), rgba(9, 14, 22, .98));
	border: 1px solid rgba(111, 139, 171, .22);
	border-radius: 8px;
	box-shadow: 0 22px 70px rgba(0, 0, 0, .24);
}

.mr-news-board {
	overflow: hidden;
}

.mr-news-board-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 28px 30px;
	border-bottom: 1px solid rgba(111, 139, 171, .16);
}

.mr-news-title-lockup {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
}

.mr-news-icon,
.mr-news-community-icon {
	display: inline-grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border: 1px solid rgba(255, 193, 59, .34);
	border-radius: 8px;
	background: rgba(255, 193, 59, .11);
	color: var(--mr-gold);
	flex: 0 0 auto;
}

.mr-news-icon svg,
.mr-news-community-icon svg {
	width: 28px;
	height: 28px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mr-news-board h1 {
	margin: 0;
	font-size: 2.3rem;
	line-height: 1;
	letter-spacing: 0;
	color: #fff;
}

.mr-news-board-hero p,
.mr-news-row-body p,
.mr-news-side-card p,
.mr-news-meta,
.mr-news-breadcrumb {
	color: var(--mr-muted);
}

.mr-news-board-hero p {
	margin: 8px 0 0;
}

.mr-news-sort {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--mr-muted);
	white-space: nowrap;
}

.mr-news-sort select {
	min-width: 170px;
	height: 44px;
	border: 1px solid rgba(111, 139, 171, .24);
	border-radius: 7px;
	background: rgba(6, 10, 16, .92);
	color: #fff;
	font-weight: 800;
	padding: 0 12px;
}

.mr-news-tabs {
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 0 30px;
	border-bottom: 1px solid rgba(111, 139, 171, .16);
	overflow-x: auto;
}

.mr-news-tabs a {
	display: inline-flex;
	align-items: center;
	min-height: 52px;
	color: #c7d5e6;
	font-weight: 800;
	border-bottom: 2px solid transparent;
	white-space: nowrap;
}

.mr-news-tabs a.is-active,
.mr-news-tabs a:hover {
	color: var(--mr-gold);
	border-color: var(--mr-gold);
}

.mr-news-list {
	display: grid;
}

.mr-news-row {
	display: grid;
	grid-template-columns: minmax(240px, 300px) minmax(0, 1fr) 190px;
	gap: 24px;
	align-items: center;
	padding: 14px 22px;
	border-bottom: 1px solid rgba(111, 139, 171, .13);
	background: linear-gradient(90deg, rgba(18, 27, 38, .78), rgba(10, 15, 23, .88));
}

.mr-news-row:last-child {
	border-bottom: 0;
}

.mr-news-thumb {
	display: block;
	aspect-ratio: 2.15 / 1;
	border-radius: 6px;
	overflow: hidden;
	background: #05080d;
	border: 1px solid rgba(111, 139, 171, .18);
}

.mr-news-thumb img,
.mr-news-related-row img,
.mr-news-article-hero-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mr-news-row-body {
	min-width: 0;
}

.mr-news-row-body h2 {
	margin: 8px 0 6px;
	font-size: 1.34rem;
	line-height: 1.22;
	letter-spacing: 0;
}

.mr-news-row-body h2 a {
	color: #fff;
}

.mr-news-row-body h2 a:hover {
	color: var(--mr-gold);
}

.mr-news-row-body p {
	margin: 0;
	line-height: 1.48;
	max-width: 760px;
}

.mr-news-category {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	min-height: 22px;
	padding: 3px 8px;
	border-radius: 5px;
	background: rgba(116, 76, 185, .42);
	color: #e8d5ff;
	font-size: .72rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.mr-news-category-game-updates { background: rgba(38, 120, 203, .38); color: #b9dcff; }
.mr-news-category-events { background: rgba(133, 68, 192, .42); color: #ead4ff; }
.mr-news-category-community { background: rgba(126, 62, 181, .44); color: #ecd8ff; }
.mr-news-category-technical { background: rgba(44, 104, 150, .42); color: #c2e5ff; }

.mr-news-row-side {
	display: grid;
	gap: 18px;
	justify-items: stretch;
	padding-left: 18px;
	border-left: 1px solid rgba(111, 139, 171, .14);
	color: var(--mr-muted);
}

.mr-news-readmore {
	justify-content: space-between;
}

.mr-news-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 22px;
	border-top: 1px solid rgba(111, 139, 171, .12);
}

.mr-news-footer p {
	margin: 0;
	color: var(--mr-muted);
}

.mr-news-pagination {
	display: flex;
	gap: 8px;
}

.mr-news-pagination a {
	display: inline-grid;
	place-items: center;
	min-width: 34px;
	height: 34px;
	border: 1px solid rgba(111, 139, 171, .22);
	border-radius: 7px;
	color: #cbd8e8;
	background: rgba(6, 10, 16, .52);
	font-weight: 800;
}

.mr-news-pagination a.is-active,
.mr-news-pagination a:hover {
	border-color: var(--mr-gold);
	color: var(--mr-gold);
}

.mr-news-empty {
	margin: 20px;
}

.mr-news-article-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 420px);
	gap: 20px;
	align-items: start;
}

.mr-news-article {
	padding: 26px;
}

.mr-news-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	font-weight: 700;
}

.mr-news-breadcrumb a {
	color: #b8cae2;
}

.mr-news-breadcrumb strong {
	color: var(--mr-gold);
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-news-article h1 {
	margin: 16px 0 12px;
	max-width: 1120px;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.06;
}

.mr-news-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 22px;
}

.mr-news-meta span:not(:last-child)::after {
	content: "•";
	margin-left: 10px;
	color: rgba(183, 201, 224, .62);
}

.mr-news-article-hero-image {
	aspect-ratio: auto;
	height: auto;
	max-height: none;
	object-fit: contain;
	border-radius: 7px;
	border: 1px solid rgba(111, 139, 171, .18);
	margin-bottom: 24px;
}

.mr-news-content {
	color: #d8e4f4;
	font-size: 1rem;
	line-height: 1.72;
}

.mr-news-content h2,
.mr-news-content h3 {
	color: #fff;
	letter-spacing: 0;
	margin: 28px 0 12px;
}

.mr-news-content p {
	margin: 0 0 16px;
}

.mr-news-content a {
	color: var(--mr-gold);
}

.mr-news-content img {
	max-width: 100%;
	height: auto;
	border-radius: 7px;
}

.mr-news-content ul,
.mr-news-content ol {
	padding-left: 22px;
}

.mr-news-content blockquote {
	margin: 20px 0;
	padding: 16px 18px;
	border-left: 3px solid var(--mr-gold);
	background: rgba(255, 193, 59, .08);
	border-radius: 0 7px 7px 0;
}

.mr-news-article-nav {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-top: 30px;
	padding-top: 22px;
	border-top: 1px solid rgba(111, 139, 171, .16);
}

.mr-news-article-nav a {
	display: grid;
	gap: 5px;
	max-width: 320px;
	color: #fff;
}

.mr-news-article-nav a.is-next {
	text-align: right;
	margin-left: auto;
}

.mr-news-article-nav span {
	color: var(--mr-muted);
	font-size: .84rem;
	font-weight: 800;
}

.mr-news-sidebar {
	display: grid;
	gap: 18px;
}

.mr-news-side-card {
	padding: 22px;
}

.mr-news-side-card h2 {
	margin: 0 0 18px;
	color: #fff;
	font-size: 1.35rem;
}

.mr-news-related-list {
	display: grid;
}

.mr-news-related-row {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid rgba(111, 139, 171, .14);
	color: #fff;
}

.mr-news-related-row:first-child {
	padding-top: 0;
}

.mr-news-related-row:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.mr-news-related-row img {
	aspect-ratio: 1.8 / 1;
	border-radius: 6px;
	border: 1px solid rgba(111, 139, 171, .18);
}

.mr-news-related-row span {
	min-width: 0;
}

.mr-news-related-row strong {
	display: block;
	margin: 8px 0 6px;
	line-height: 1.24;
}

.mr-news-related-row time {
	color: var(--mr-muted);
}

.mr-news-community-card {
	display: grid;
	gap: 12px;
}

.mr-news-community-card h2,
.mr-news-community-card p {
	margin: 0;
}

@media (max-width: 1100px) {
	.mr-news-row {
		grid-template-columns: 180px minmax(0, 1fr);
	}

	.mr-news-row-side {
		grid-column: 2;
		grid-template-columns: auto minmax(150px, 190px);
		align-items: center;
		padding-left: 0;
		border-left: 0;
	}

	.mr-news-article-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.mr-news-board-hero,
	.mr-news-footer,
	.mr-news-article-nav {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-news-title-lockup {
		align-items: flex-start;
	}

	.mr-news-sort {
		align-items: stretch;
		flex-direction: column;
	}

	.mr-news-row,
	.mr-news-row-side,
	.mr-news-related-row {
		grid-template-columns: 1fr;
	}

	.mr-news-row {
		padding: 18px;
	}

	.mr-news-row-side {
		gap: 12px;
	}

	.mr-news-thumb {
		aspect-ratio: 2 / 1;
	}

	.mr-news-article {
		padding: 20px;
	}

	.mr-news-article-hero-image {
		aspect-ratio: auto;
	}
}

.mr-boost-panel {
	margin: 16px 0;
}

.mr-boost-panel .mr-card-head {
	align-items: center;
	gap: 14px;
}

.mr-boost-panel .mr-card-head h2 {
	color: var(--mr-text);
	font-size: 1rem;
	line-height: 1.25;
	margin: 4px 0 0;
}

.mr-boost-panel.is-compact .mr-card-head h2 {
	color: var(--mr-muted);
	font-size: .92rem;
	font-weight: 700;
}

.mr-boost-list {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.mr-boost-panel.is-compact .mr-boost-list {
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.mr-boost-row {
	align-items: center;
	background: rgba(5, 10, 18, .34);
	border: 1px solid rgba(148, 163, 184, .14);
	border-radius: 8px;
	display: grid;
	gap: 12px;
	grid-template-columns: 42px minmax(0, 1fr) minmax(76px, auto);
	min-width: 0;
	padding: 12px;
}

.mr-boost-icon {
	align-items: center;
	background: rgba(245, 158, 11, .12);
	border: 1px solid rgba(245, 158, 11, .34);
	border-radius: 8px;
	color: var(--mr-gold);
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.mr-boost-icon svg {
	height: 20px;
	width: 20px;
}

.mr-boost-main {
	min-width: 0;
}

.mr-boost-main strong,
.mr-boost-value strong {
	color: var(--mr-text);
	display: block;
	font-weight: 900;
	line-height: 1.2;
}

.mr-boost-main strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-boost-main span,
.mr-boost-value span {
	color: var(--mr-muted);
	display: block;
	font-size: .82rem;
	line-height: 1.35;
	margin-top: 4px;
}

.mr-boost-value {
	min-width: 76px;
	text-align: right;
}

.mr-boost-value strong {
	color: var(--mr-green);
	font-size: 1rem;
	white-space: nowrap;
}

.mr-boost-kind-protection .mr-boost-icon {
	background: rgba(56, 189, 248, .12);
	border-color: rgba(56, 189, 248, .34);
	color: #7dd3fc;
}

.mr-boost-kind-combat .mr-boost-icon {
	background: rgba(244, 63, 94, .12);
	border-color: rgba(244, 63, 94, .36);
	color: #fb7185;
}

.mr-boost-kind-company .mr-boost-icon,
.mr-boost-kind-crew .mr-boost-icon {
	background: rgba(168, 85, 247, .12);
	border-color: rgba(168, 85, 247, .34);
	color: #c084fc;
}

.mr-boost-kind-event .mr-boost-icon,
.mr-boost-kind-membership .mr-boost-icon,
.mr-boost-kind-total .mr-boost-icon {
	background: rgba(245, 158, 11, .14);
	border-color: rgba(245, 158, 11, .42);
	color: var(--mr-gold);
}

.mr-boost-kind-home .mr-boost-icon,
.mr-boost-kind-cover .mr-boost-icon {
	background: rgba(34, 197, 94, .12);
	border-color: rgba(34, 197, 94, .34);
	color: #4ade80;
}

@media (max-width: 720px) {
	.mr-boost-list,
	.mr-boost-panel.is-compact .mr-boost-list {
		grid-template-columns: 1fr;
	}

	.mr-boost-row {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.mr-boost-icon {
		height: 38px;
		width: 38px;
	}

	.mr-boost-value {
		grid-column: 2;
		text-align: left;
	}
}

.mr-crew-upgrades-hero {
	align-items: center;
	background:
		linear-gradient(90deg, rgba(91, 13, 37, .82), rgba(8, 13, 20, .62) 42%, rgba(10, 52, 68, .82)),
		linear-gradient(135deg, rgba(255, 200, 87, .10), rgba(55, 197, 255, .08));
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
	min-height: 178px;
}

.mr-crew-upgrades-hero h2 {
	font-size: clamp(2.1rem, 4vw, 4rem);
	line-height: .96;
	margin: 0 0 10px;
}

.mr-crew-upgrade-point-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-crew-upgrade-point-grid div,
.mr-crew-upgrade-level-box div {
	background: rgba(2, 8, 15, .62);
	border: 1px solid rgba(148, 163, 184, .18);
	border-radius: 8px;
	display: grid;
	gap: 7px;
	min-width: 0;
	padding: 14px;
}

.mr-crew-upgrade-point-grid span,
.mr-crew-upgrade-level-box span {
	color: var(--mr-muted);
	font-size: .72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-crew-upgrade-point-grid strong,
.mr-crew-upgrade-level-box strong {
	color: var(--mr-text);
	font-size: 1.24rem;
	line-height: 1.12;
	overflow-wrap: anywhere;
}

.mr-crew-upgrades-layout {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

.mr-crew-upgrade-tree-head {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .58fr);
}

.mr-crew-upgrade-tree-head .mr-muted {
	margin: 6px 0 0;
}

.mr-crew-upgrade-tree-head .mr-badge {
	margin-top: 10px;
}

.mr-crew-upgrade-tree,
.mr-crew-upgrade-detail {
	min-width: 0;
}

.mr-crew-upgrade-branches {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 18px;
}

.mr-crew-upgrade-branch {
	background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .016));
	border: 1px solid rgba(148, 163, 184, .13);
	border-radius: 10px;
	min-width: 0;
	padding: 14px;
}

.mr-crew-upgrade-branch-head {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: 42px minmax(0, 1fr);
	margin-bottom: 14px;
}

.mr-crew-upgrade-branch-head > span,
.mr-crew-upgrade-node-icon,
.mr-crew-upgrade-detail-icon {
	align-items: center;
	background: rgba(255, 200, 87, .12);
	border: 1px solid rgba(255, 200, 87, .35);
	border-radius: 8px;
	color: var(--mr-gold);
	display: inline-flex;
	font-weight: 950;
	justify-content: center;
}

.mr-crew-upgrade-branch-head > span {
	font-size: 1.2rem;
	height: 42px;
	width: 42px;
}

.mr-crew-upgrade-branch-head strong {
	display: block;
	font-size: .96rem;
	line-height: 1.15;
}

.mr-crew-upgrade-branch-head em {
	color: var(--mr-muted);
	display: block;
	font-size: .78rem;
	font-style: normal;
	line-height: 1.35;
	margin-top: 4px;
}

.mr-crew-upgrade-nodes {
	display: grid;
	gap: 12px;
	position: relative;
}

.mr-crew-upgrade-node {
	background: rgba(2, 8, 15, .58);
	border: 1px solid rgba(148, 163, 184, .16);
	border-radius: 8px;
	color: var(--mr-text);
	display: grid;
	gap: 6px;
	grid-template-columns: 34px minmax(0, 1fr);
	min-height: 76px;
	padding: 12px;
	text-decoration: none;
	transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.mr-crew-upgrade-node:hover,
.mr-crew-upgrade-node:focus {
	background: rgba(255, 255, 255, .055);
	border-color: rgba(255, 200, 87, .44);
	transform: translateY(-1px);
}

.mr-crew-upgrade-node.is-selected {
	border-color: rgba(255, 200, 87, .72);
	box-shadow: 0 0 0 1px rgba(255, 200, 87, .22), 0 16px 40px rgba(0, 0, 0, .24);
}

.mr-crew-upgrade-node.is-locked {
	opacity: .58;
}

.mr-crew-upgrade-node-icon {
	font-size: .82rem;
	grid-row: span 2;
	height: 34px;
	width: 34px;
}

.mr-crew-upgrade-node strong,
.mr-crew-upgrade-node em {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mr-crew-upgrade-node strong {
	color: var(--mr-text);
	font-size: .86rem;
}

.mr-crew-upgrade-node em {
	color: var(--mr-muted);
	font-size: .72rem;
	font-style: normal;
	font-weight: 800;
}

.mr-crew-upgrade-branch-green .mr-crew-upgrade-branch-head > span,
.mr-crew-upgrade-branch-green .mr-crew-upgrade-node-icon {
	background: rgba(34, 197, 94, .12);
	border-color: rgba(34, 197, 94, .34);
	color: #4ade80;
}

.mr-crew-upgrade-branch-purple .mr-crew-upgrade-branch-head > span,
.mr-crew-upgrade-branch-purple .mr-crew-upgrade-node-icon {
	background: rgba(168, 85, 247, .12);
	border-color: rgba(168, 85, 247, .34);
	color: #c084fc;
}

.mr-crew-upgrade-branch-red .mr-crew-upgrade-branch-head > span,
.mr-crew-upgrade-branch-red .mr-crew-upgrade-node-icon {
	background: rgba(244, 63, 94, .12);
	border-color: rgba(244, 63, 94, .34);
	color: #fb7185;
}

.mr-crew-upgrade-detail {
	align-self: start;
	display: grid;
	gap: 16px;
	position: sticky;
	top: 16px;
}

.mr-crew-upgrade-detail-icon {
	font-size: 1.65rem;
	height: 62px;
	width: 62px;
}

.mr-crew-upgrade-detail h2 {
	font-size: 1.45rem;
	line-height: 1.12;
	margin: -6px 0 0;
}

.mr-crew-upgrade-level-box,
.mr-crew-upgrade-prereqs,
.mr-crew-upgrade-help {
	display: grid;
	gap: 10px;
}

.mr-crew-upgrade-prereqs {
	border-top: 1px solid rgba(148, 163, 184, .14);
	padding-top: 14px;
}

.mr-crew-upgrade-prereqs [data-mr-crew-upgrade-prereq-list] {
	display: grid;
	gap: 8px;
}

.mr-crew-upgrade-prereqs [data-mr-crew-upgrade-prereq-list] > div {
	align-items: center;
	color: var(--mr-muted);
	display: flex;
	font-size: .84rem;
	gap: 9px;
	line-height: 1.35;
}

.mr-crew-upgrade-prereqs [data-mr-crew-upgrade-prereq-list] > div span {
	border-radius: 999px;
	display: inline-block;
	flex: 0 0 auto;
	height: 10px;
	width: 10px;
}

.mr-crew-upgrade-prereqs [data-mr-crew-upgrade-prereq-list] > .is-met span {
	background: var(--mr-green);
	box-shadow: 0 0 14px rgba(62, 228, 138, .4);
}

.mr-crew-upgrade-prereqs [data-mr-crew-upgrade-prereq-list] > .is-missing span {
	background: var(--mr-red);
	box-shadow: 0 0 14px rgba(244, 63, 94, .36);
}

.mr-crew-upgrade-help {
	border-top: 1px solid rgba(148, 163, 184, .14);
	padding-top: 14px;
}

.mr-crew-upgrade-help ul {
	color: var(--mr-muted);
	display: grid;
	font-size: .84rem;
	gap: 8px;
	line-height: 1.45;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-crew-upgrade-help li {
	padding-left: 16px;
	position: relative;
}

.mr-crew-upgrade-help li::before {
	background: var(--mr-gold);
	border-radius: 999px;
	content: "";
	height: 6px;
	left: 0;
	position: absolute;
	top: .55em;
	width: 6px;
}

.mr-crew-upgrade-tree {
	overflow: hidden;
}

.mr-crew-upgrade-tree-head {
	align-items: start;
	border-bottom: 1px solid rgba(148, 163, 184, .12);
	grid-template-columns: minmax(0, 1fr) auto;
	padding-bottom: 16px;
}

.mr-crew-upgrade-tree-head h2 {
	margin-bottom: 5px;
}

.mr-crew-upgrade-point-pill {
	align-items: center;
	display: flex;
	gap: 9px;
	justify-content: end;
	white-space: nowrap;
}

.mr-crew-upgrade-point-pill span {
	color: var(--mr-muted);
	font-size: .72rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-crew-upgrade-point-pill strong {
	align-items: center;
	background: rgba(168, 85, 247, .16);
	border: 1px solid rgba(168, 85, 247, .38);
	border-radius: 999px;
	color: #c084fc;
	display: inline-flex;
	font-size: .96rem;
	font-weight: 950;
	height: 26px;
	justify-content: center;
	min-width: 26px;
	padding: 0 9px;
}

.mr-crew-upgrade-branches {
	background:
		radial-gradient(circle at 18% 10%, rgba(62, 228, 138, .08), transparent 28%),
		radial-gradient(circle at 72% 14%, rgba(55, 197, 255, .07), transparent 26%),
		linear-gradient(180deg, rgba(3, 8, 13, .28), rgba(3, 8, 13, .08));
	border: 1px solid rgba(148, 163, 184, .10);
	border-radius: 8px;
	gap: 0;
	padding: 18px;
}

.mr-crew-upgrade-branch {
	--mr-crew-upgrade-rgb: 255, 200, 87;
	--mr-crew-upgrade-tone: var(--mr-gold);
	background: transparent;
	border: 0;
	border-left: 1px solid rgba(148, 163, 184, .11);
	border-radius: 0;
	padding: 0 12px 0 18px;
}

.mr-crew-upgrade-branch:first-child {
	border-left: 0;
	padding-left: 0;
}

.mr-crew-upgrade-branch-green {
	--mr-crew-upgrade-rgb: 62, 228, 138;
	--mr-crew-upgrade-tone: #3ee48a;
}

.mr-crew-upgrade-branch-gold {
	--mr-crew-upgrade-rgb: 255, 200, 87;
	--mr-crew-upgrade-tone: var(--mr-gold);
}

.mr-crew-upgrade-branch-purple {
	--mr-crew-upgrade-rgb: 192, 132, 252;
	--mr-crew-upgrade-tone: #c084fc;
}

.mr-crew-upgrade-branch-blue {
	--mr-crew-upgrade-rgb: 55, 197, 255;
	--mr-crew-upgrade-tone: var(--mr-blue);
}

.mr-crew-upgrade-branch-red {
	--mr-crew-upgrade-rgb: 251, 113, 133;
	--mr-crew-upgrade-tone: #fb7185;
}

.mr-crew-upgrade-branch-head {
	align-items: center;
	grid-template-columns: 56px minmax(0, 1fr);
	min-height: 72px;
}

.mr-crew-upgrade-branch-head > span,
.mr-crew-upgrade-node-icon,
.mr-crew-upgrade-detail-icon {
	background: rgba(var(--mr-crew-upgrade-rgb), .13);
	border-color: rgba(var(--mr-crew-upgrade-rgb), .42);
	color: var(--mr-crew-upgrade-tone);
}

.mr-crew-upgrade-branch-head > span {
	box-shadow: 0 0 28px rgba(var(--mr-crew-upgrade-rgb), .12);
	height: 50px;
	width: 50px;
}

.mr-crew-upgrade-svg,
.mr-crew-upgrade-svg svg {
	display: block;
	height: 100%;
	width: 100%;
}

.mr-crew-upgrade-svg {
	height: 22px;
	width: 22px;
}

.mr-crew-upgrade-branch-head .mr-crew-upgrade-svg {
	height: 30px;
	width: 30px;
}

.mr-crew-upgrade-nodes {
	gap: 13px;
	padding-top: 4px;
}

.mr-crew-upgrade-nodes::before {
	border-left: 1px dashed rgba(var(--mr-crew-upgrade-rgb), .24);
	bottom: 12px;
	content: "";
	left: 21px;
	position: absolute;
	top: 0;
}

.mr-crew-upgrade-node {
	background: rgba(2, 8, 15, .72);
	border-color: rgba(148, 163, 184, .16);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
	gap: 6px 10px;
	grid-template-columns: 42px minmax(0, 1fr);
	margin-left: 10px;
	min-height: 68px;
	padding: 11px 12px;
	position: relative;
}

.mr-crew-upgrade-node::before {
	border-top: 1px dashed rgba(var(--mr-crew-upgrade-rgb), .24);
	content: "";
	left: -12px;
	position: absolute;
	top: 50%;
	width: 12px;
}

.mr-crew-upgrade-node:hover,
.mr-crew-upgrade-node:focus {
	border-color: rgba(var(--mr-crew-upgrade-rgb), .48);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.mr-crew-upgrade-node.is-selected {
	background: rgba(var(--mr-crew-upgrade-rgb), .08);
	border-color: rgba(var(--mr-crew-upgrade-rgb), .78);
	box-shadow: 0 0 0 1px rgba(var(--mr-crew-upgrade-rgb), .20), 0 18px 46px rgba(0, 0, 0, .28);
}

.mr-crew-upgrade-node.is-locked {
	opacity: .68;
}

.mr-crew-upgrade-node.is-locked .mr-crew-upgrade-node-icon {
	background: rgba(100, 116, 139, .12);
	border-color: rgba(148, 163, 184, .18);
	color: #8794a6;
}

.mr-crew-upgrade-node-icon {
	height: 42px;
	width: 42px;
}

.mr-crew-upgrade-node strong {
	align-self: end;
	font-size: .84rem;
}

.mr-crew-upgrade-node em {
	align-self: start;
	color: #a8b6c8;
	font-size: .72rem;
}

.mr-crew-upgrade-detail {
	--mr-crew-upgrade-rgb: 55, 197, 255;
	--mr-crew-upgrade-tone: var(--mr-blue);
	background:
		radial-gradient(circle at 30% 8%, rgba(var(--mr-crew-upgrade-rgb), .12), transparent 34%),
		linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)), var(--mr-panel);
}

.mr-crew-upgrade-detail-green {
	--mr-crew-upgrade-rgb: 62, 228, 138;
	--mr-crew-upgrade-tone: #3ee48a;
}

.mr-crew-upgrade-detail-gold {
	--mr-crew-upgrade-rgb: 255, 200, 87;
	--mr-crew-upgrade-tone: var(--mr-gold);
}

.mr-crew-upgrade-detail-purple {
	--mr-crew-upgrade-rgb: 192, 132, 252;
	--mr-crew-upgrade-tone: #c084fc;
}

.mr-crew-upgrade-detail-blue {
	--mr-crew-upgrade-rgb: 55, 197, 255;
	--mr-crew-upgrade-tone: var(--mr-blue);
}

.mr-crew-upgrade-detail-red {
	--mr-crew-upgrade-rgb: 251, 113, 133;
	--mr-crew-upgrade-tone: #fb7185;
}

.mr-crew-upgrade-detail-heading {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: 76px minmax(0, 1fr);
}

.mr-crew-upgrade-detail-heading .mr-eyebrow {
	margin: 0 0 4px;
}

.mr-crew-upgrade-detail-heading h2 {
	margin: 0 0 5px;
}

.mr-crew-upgrade-detail-heading span[data-mr-crew-upgrade-selected-level] {
	color: var(--mr-muted);
	display: block;
	font-size: .82rem;
	font-weight: 800;
}

.mr-crew-upgrade-detail-icon {
	border-radius: 10px;
	box-shadow: 0 0 42px rgba(var(--mr-crew-upgrade-rgb), .13);
	height: 68px;
	width: 68px;
}

.mr-crew-upgrade-detail-icon .mr-crew-upgrade-svg {
	height: 36px;
	width: 36px;
}

.mr-crew-upgrade-effect-copy {
	background: rgba(2, 8, 15, .46);
	border-left: 3px solid rgba(var(--mr-crew-upgrade-rgb), .66);
	border-radius: 7px;
	color: #c7d8ea;
	font-size: .9rem;
	line-height: 1.45;
	margin: -4px 0 0;
	padding: 10px 12px;
}

.mr-crew-upgrade-level-box {
	border-top: 1px solid rgba(148, 163, 184, .14);
	padding-top: 14px;
}

.mr-crew-upgrade-level-box strong {
	font-size: .98rem;
	line-height: 1.25;
	white-space: normal;
}

.mr-crew-bank-upgrade-row {
	grid-template-columns: 34px minmax(0, 1fr) minmax(160px, .9fr);
}

.mr-crew-bank-upgrade-row > div:nth-child(3) strong {
	color: var(--mr-muted);
	font-size: .78rem;
	line-height: 1.35;
	white-space: normal;
}

.mr-crew-forum-layout .mr-forum-thread-board {
	overflow: hidden;
}

.mr-crew-forum-layout .mr-forum-thread-row {
	grid-template-columns: minmax(260px, 1.55fr) minmax(150px, .72fr) 90px minmax(130px, .65fr);
}

.mr-forum-report {
	position: relative;
}

.mr-forum-report[open] {
	z-index: 20;
}

.mr-forum-report > form {
	background: #0b111a;
	border: 1px solid rgba(148, 163, 184, .24);
	border-radius: 8px;
	box-shadow: 0 18px 52px rgba(0, 0, 0, .48);
	min-width: min(320px, calc(100vw - 34px));
	padding: 12px;
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	z-index: 30;
}

@media (max-width: 1180px) {
	.mr-crew-upgrades-hero,
	.mr-crew-upgrade-tree-head,
	.mr-crew-upgrades-layout {
		grid-template-columns: 1fr;
	}

	.mr-crew-upgrade-branches {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-crew-upgrade-detail {
		position: static;
	}
}

@media (max-width: 760px) {
	.mr-crew-upgrade-point-grid,
	.mr-crew-upgrade-branches {
		grid-template-columns: 1fr;
	}

	.mr-crew-upgrade-node {
		min-height: 68px;
	}

	.mr-crew-bank-upgrade-row,
	.mr-crew-forum-layout .mr-forum-thread-row {
		grid-template-columns: 1fr;
	}
}

/* Boss Ladder */
.mr-boss-ladder-page {
	max-width: min(1680px, 100%);
}

.mr-boss-ladder-hero {
	background:
		linear-gradient(90deg, rgba(9, 11, 16, .92), rgba(9, 11, 16, .58) 42%, rgba(8, 24, 32, .86)),
		linear-gradient(135deg, rgba(255, 54, 95, .18), transparent 46%),
		linear-gradient(315deg, rgba(55, 197, 255, .18), transparent 52%),
		var(--mr-ladder-hero-image, none),
		#101621;
	background-position: center;
	background-size: cover;
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	box-shadow: var(--mr-shadow);
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(420px, .78fr);
	margin-bottom: 16px;
	min-height: 176px;
	overflow: hidden;
	padding: 26px;
	position: relative;
}

.mr-boss-ladder-hero::after {
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 80px),
		linear-gradient(180deg, transparent, rgba(0, 0, 0, .28));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.mr-boss-ladder-hero > * {
	position: relative;
	z-index: 1;
}

.mr-boss-ladder-hero h1 {
	font-size: clamp(2.2rem, 4vw, 4.4rem);
	margin-bottom: 8px;
}

.mr-boss-ladder-hero-copy p:not(.mr-eyebrow) {
	color: #c9d6e5;
	max-width: 720px;
}

.mr-inline-help {
	color: #9fd7ff;
	display: inline-flex;
	font-weight: 800;
	margin-top: 12px;
	text-decoration: none;
}

.mr-boss-ladder-hero-stats {
	align-content: center;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-boss-ladder-hero-stats div,
.mr-ladder-stat-row div,
.mr-ladder-rewards div,
.mr-ladder-token-strip,
.mr-ladder-equipment-used div,
.mr-ladder-result-rewards > div {
	background: rgba(5, 12, 18, .72);
	border: 1px solid rgba(148, 163, 184, .18);
	border-radius: 8px;
	padding: 12px 14px;
}

.mr-boss-ladder-hero-stats span,
.mr-ladder-stat-row span,
.mr-ladder-rewards span,
.mr-ladder-token-strip span,
.mr-ladder-equipment-used span,
.mr-ladder-result-rewards span {
	color: #a9b7c8;
	display: block;
	font-size: .76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-boss-ladder-hero-stats strong,
.mr-ladder-stat-row strong,
.mr-ladder-rewards strong,
.mr-ladder-token-strip strong,
.mr-ladder-equipment-used strong,
.mr-ladder-result-rewards strong {
	color: #fff;
	display: block;
	font-size: 1.1rem;
	font-weight: 900;
	line-height: 1.25;
	margin-top: 5px;
}

.mr-boss-ladder-layout {
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
	align-items: start;
}

.mr-boss-ladder-main,
.mr-boss-ladder-panel,
.mr-boss-ladder-leaderboard,
.mr-boss-ladder-battle-result {
	background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)), #111823;
	border: 1px solid var(--mr-border);
	border-radius: 8px;
	box-shadow: var(--mr-shadow);
}

.mr-boss-ladder-main {
	padding: 18px;
}

.mr-boss-ladder-tabs {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
	padding-bottom: 12px;
}

.mr-boss-ladder-tabs button {
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 7px;
	color: #dce8f5;
	cursor: pointer;
	font-weight: 900;
	min-height: 40px;
	padding: 0 18px;
}

.mr-boss-ladder-tabs button.is-active {
	background: linear-gradient(135deg, rgba(255, 200, 87, .24), rgba(255, 54, 95, .18));
	border-color: rgba(255, 200, 87, .85);
	color: #fff;
}

.mr-boss-ladder-list {
	display: grid;
	gap: 10px;
}

.mr-boss-ladder-row {
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 8px;
	overflow: hidden;
}

.mr-boss-ladder-row.is-selected {
	border-color: rgba(255, 200, 87, .8);
	box-shadow: inset 0 0 0 1px rgba(255, 200, 87, .16), 0 10px 28px rgba(0, 0, 0, .25);
}

.mr-boss-ladder-row.is-locked {
	opacity: .62;
}

.mr-boss-ladder-row-button {
	align-items: center;
	background: linear-gradient(90deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .018));
	border: 0;
	color: inherit;
	cursor: pointer;
	display: grid;
	gap: 14px;
	grid-template-columns: 58px 74px minmax(0, 1fr) minmax(130px, .22fr) minmax(120px, .18fr);
	min-height: 92px;
	padding: 12px 16px;
	text-align: left;
	width: 100%;
}

.mr-boss-ladder-row-button:disabled {
	cursor: not-allowed;
}

.mr-boss-ladder-rank {
	align-items: center;
	background: linear-gradient(145deg, rgba(255, 200, 87, .4), rgba(255, 200, 87, .08));
	border: 1px solid rgba(255, 200, 87, .55);
	clip-path: polygon(50% 0, 92% 25%, 92% 75%, 50% 100%, 8% 75%, 8% 25%);
	display: inline-flex;
	font-size: 1.45rem;
	font-weight: 900;
	height: 58px;
	justify-content: center;
	width: 58px;
}

.mr-boss-ladder-rank.is-boss {
	background: linear-gradient(145deg, rgba(255, 54, 95, .5), rgba(255, 200, 87, .14));
}

.mr-boss-ladder-portrait {
	align-items: center;
	aspect-ratio: 1;
	background: radial-gradient(circle at 50% 30%, rgba(255, 200, 87, .25), rgba(11, 17, 26, .92));
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	overflow: hidden;
	width: 74px;
}

.mr-boss-ladder-portrait img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mr-boss-ladder-portrait b {
	color: #ffc857;
	font-size: 1.6rem;
}

.mr-boss-ladder-row-copy {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.mr-boss-ladder-row-copy strong {
	font-size: 1.22rem;
	font-weight: 900;
}

.mr-boss-ladder-row-copy em,
.mr-boss-ladder-row-copy span {
	color: #aab8ca;
	font-style: normal;
	line-height: 1.35;
}

.mr-boss-ladder-row-status {
	display: grid;
	gap: 5px;
	justify-items: start;
}

.mr-boss-ladder-row-status strong {
	color: #39e58c;
	font-size: .74rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-boss-ladder-row-status.is-locked strong {
	color: #9aa7b7;
}

.mr-ladder-stars {
	color: #546070;
	display: inline-flex;
	gap: 3px;
	letter-spacing: 0;
}

.mr-ladder-stars .is-earned {
	color: #ffc857;
	filter: drop-shadow(0 0 8px rgba(255, 200, 87, .4));
}

.mr-boss-ladder-lock {
	align-items: center;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 7px;
	color: #b2becd;
	display: inline-flex;
	font-weight: 900;
	min-height: 38px;
	padding: 0 14px;
}

.mr-boss-ladder-more {
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 8px;
	color: #dce8f5;
	cursor: pointer;
	font-weight: 900;
	margin-top: 12px;
	min-height: 44px;
	width: 100%;
}

.mr-boss-ladder-sidebar {
	display: grid;
	gap: 14px;
	position: sticky;
	top: 14px;
}

.mr-boss-ladder-panel {
	padding: 18px;
}

[data-mr-boss-panel-slot].is-loading {
	opacity: .65;
	pointer-events: none;
}

.mr-ladder-panel-art {
	align-items: center;
	aspect-ratio: 16 / 8.2;
	background: radial-gradient(circle at 50% 35%, rgba(255, 200, 87, .18), rgba(4, 8, 13, .96));
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 7px;
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
	overflow: hidden;
}

.mr-ladder-panel-art img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mr-ladder-panel-art span {
	color: #ffc857;
	font-size: 3rem;
	font-weight: 900;
}

.mr-boss-ladder-panel h2 {
	margin-bottom: 6px;
}

.mr-ladder-stat-row {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 16px 0;
}

.mr-ladder-stat-row div {
	padding: 10px;
}

.mr-ladder-stat-row span {
	font-size: .68rem;
	white-space: nowrap;
}

.mr-ladder-rewards {
	display: grid;
	gap: 8px;
	margin: 16px 0;
}

.mr-ladder-token-strip {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
}

.mr-ladder-token-strip strong {
	color: #b88cff;
	margin: 0;
}

.mr-boss-ladder-fight-form .mr-button-primary {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 50px;
	width: 100%;
}

.mr-boss-ladder-fight-form .mr-button-primary span {
	color: rgba(255, 255, 255, .86);
	font-size: .78rem;
	margin-left: 10px;
}

.mr-ladder-lock-note {
	margin-top: 10px;
	text-align: center;
}

.mr-boss-ladder-leaderboard {
	padding: 16px;
}

.mr-boss-ladder-leaderboard ol {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mr-boss-ladder-leaderboard li {
	align-items: center;
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 7px;
	display: grid;
	gap: 10px;
	grid-template-columns: 34px minmax(0, 1fr);
	padding: 10px;
}

.mr-boss-ladder-leaderboard li > span {
	align-items: center;
	background: rgba(255, 200, 87, .16);
	border: 1px solid rgba(255, 200, 87, .34);
	border-radius: 7px;
	display: inline-flex;
	font-weight: 900;
	height: 34px;
	justify-content: center;
}

.mr-boss-ladder-leaderboard strong,
.mr-boss-ladder-leaderboard em {
	display: block;
	font-style: normal;
}

.mr-boss-ladder-leaderboard em {
	color: var(--mr-muted);
	font-size: .85rem;
}

.mr-boss-ladder-page {
	width: 100%;
}

.mr-boss-ladder-hero {
	min-height: 205px;
	padding: 30px;
}

.mr-boss-ladder-hero h1 {
	letter-spacing: 0;
	text-transform: uppercase;
}

.mr-boss-ladder-layout {
	grid-template-columns: minmax(0, 1fr) minmax(380px, 470px);
}

.mr-boss-ladder-main {
	background: linear-gradient(180deg, rgba(16, 24, 35, .94), rgba(9, 15, 24, .94));
	padding: 0;
}

.mr-boss-ladder-main-head {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	display: flex;
	gap: 16px;
	justify-content: space-between;
	padding: 18px;
}

.mr-boss-ladder-main-head h2 {
	font-size: clamp(1.35rem, 2vw, 1.9rem);
	margin: 3px 0 0;
}

.mr-boss-ladder-view-control {
	align-items: center;
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 7px;
	display: inline-flex;
	gap: 10px;
	min-height: 42px;
	padding: 0 14px;
}

.mr-boss-ladder-view-control span {
	color: #a9b7c8;
	font-size: .78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-boss-ladder-view-control strong {
	color: #fff;
	font-weight: 900;
}

.mr-boss-ladder-tabs {
	margin: 0;
	padding: 14px 18px;
}

.mr-boss-ladder-list {
	padding: 0 18px 18px;
}

.mr-boss-ladder-row {
	background: rgba(255, 255, 255, .028);
}

.mr-boss-ladder-row-button {
	grid-template-columns: 64px 78px minmax(0, 1fr) 150px 136px;
	min-height: 105px;
	padding: 14px 18px;
}

.mr-boss-ladder-row-copy strong {
	font-size: clamp(1.1rem, 1.7vw, 1.42rem);
}

.mr-boss-ladder-row-copy em {
	max-width: 680px;
}

.mr-boss-ladder-row-status {
	justify-items: center;
	text-align: center;
}

.mr-boss-ladder-more {
	margin: 0 18px 18px;
	width: calc(100% - 36px);
}

.mr-boss-ladder-panel {
	background: linear-gradient(180deg, rgba(16, 24, 35, .96), rgba(9, 15, 24, .98));
	padding: 18px;
}

.mr-ladder-panel-art {
	aspect-ratio: 16 / 7.5;
}

.mr-ladder-section-label {
	border-top: 1px solid rgba(255, 255, 255, .1);
	margin-top: 16px;
	padding-top: 14px;
}

.mr-ladder-rewards {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-ladder-rewards .mr-eyebrow {
	grid-column: 1 / -1;
}

.mr-boss-ladder-fight-form .mr-button-primary {
	background: linear-gradient(180deg, #d99a17, #a96f05);
	border-color: rgba(255, 200, 87, .72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 14px 30px rgba(0, 0, 0, .28);
}

.mr-boss-ladder-page.is-battle-screen {
	max-width: min(1680px, 100%);
}

.mr-boss-ladder-battle-result {
	background: transparent;
	border: 0;
	box-shadow: none;
	display: grid;
	gap: 14px;
	padding: 0;
}

.mr-ladder-battle-hero {
	align-items: end;
	background:
		linear-gradient(90deg, rgba(7, 11, 18, .96), rgba(7, 11, 18, .36) 42%, rgba(7, 11, 18, .96)),
		linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .74)),
		var(--mr-ladder-battle-image, none),
		#0b121d;
	background-position: center;
	background-size: cover;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 8px;
	box-shadow: var(--mr-shadow);
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(170px, .32fr) minmax(280px, .78fr) minmax(170px, .32fr);
	min-height: 282px;
	overflow: hidden;
	padding: 24px;
	position: relative;
	text-align: center;
}

.mr-ladder-battle-hero::after {
	background:
		radial-gradient(circle at 50% 18%, rgba(255, 200, 87, .16), transparent 38%),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .026) 0 1px, transparent 1px 96px);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.mr-ladder-battle-hero > * {
	position: relative;
	z-index: 1;
}

.mr-ladder-combatant {
	display: grid;
	gap: 6px;
	justify-items: center;
	min-width: 0;
}

.mr-ladder-combatant h2 {
	font-size: clamp(1.3rem, 2.2vw, 2rem);
	line-height: 1.05;
	margin: 0;
}

.mr-ladder-combatant > span {
	color: #ffc857;
	font-weight: 900;
}

.mr-ladder-combatant-art {
	align-items: center;
	aspect-ratio: 1;
	background: linear-gradient(145deg, rgba(255, 200, 87, .24), rgba(55, 197, 255, .12)), #101923;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 10px;
	display: inline-flex;
	justify-content: center;
	overflow: hidden;
	width: min(170px, 100%);
}

.mr-ladder-combatant-art.has-image {
	background: #05090f;
}

.mr-ladder-combatant-art img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mr-ladder-combatant-art span {
	color: #ffc857;
	font-size: 4rem;
	font-weight: 900;
	line-height: 1;
}

.mr-ladder-combatant.is-player {
	text-align: left;
}

.mr-ladder-combatant.is-boss {
	text-align: right;
}

.mr-ladder-result-banner {
	align-self: center;
	background: rgba(5, 12, 18, .72);
	border: 1px solid rgba(62, 228, 138, .32);
	border-radius: 8px;
	box-shadow: 0 18px 38px rgba(0, 0, 0, .36);
	padding: 18px;
}

.mr-ladder-result-banner strong {
	color: #39e58c;
	display: block;
	font-size: clamp(1.3rem, 3vw, 2.3rem);
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
}

.is-loss .mr-ladder-result-banner {
	border-color: rgba(255, 54, 95, .38);
}

.is-loss .mr-ladder-result-banner strong {
	color: #ff4f72;
}

.mr-ladder-battle-statline {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
}

.mr-ladder-fighter-card {
	background: linear-gradient(180deg, rgba(255, 255, 255, .048), rgba(255, 255, 255, .018)), #101722;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 8px;
	padding: 14px;
}

.mr-ladder-fighter-card-head {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.mr-ladder-fighter-card-head strong {
	font-size: 1.1rem;
	line-height: 1.1;
}

.mr-ladder-fighter-card-head span {
	color: #a9b7c8;
	font-size: .76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.mr-ladder-hp-bar {
	background: rgba(255, 255, 255, .08);
	border-radius: 999px;
	height: 10px;
	margin-bottom: 12px;
	overflow: hidden;
}

.mr-ladder-hp-bar span {
	background: linear-gradient(90deg, #35d978, #d8c850);
	border-radius: inherit;
	display: block;
	height: 100%;
}

.mr-ladder-hp-bar.is-boss span {
	background: linear-gradient(90deg, #ff365f, #ffc857);
}

.mr-ladder-vs-mark {
	color: rgba(255, 255, 255, .46);
	font-size: 1.8rem;
	font-weight: 900;
	text-align: center;
}

.mr-ladder-battle-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) minmax(320px, .38fr);
}

.mr-ladder-fight-log,
.mr-ladder-next-actions {
	grid-column: 1;
}

.mr-ladder-result-rewards {
	grid-column: 2;
	grid-row: 1 / span 2;
}

.mr-ladder-log-table {
	display: grid;
	overflow: hidden;
}

.mr-ladder-log-head,
.mr-ladder-log-row {
	display: grid;
	gap: 10px;
	grid-template-columns: 60px minmax(110px, .8fr) minmax(110px, .8fr) 90px 90px 90px;
}

.mr-ladder-log-head {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: #a9b7c8;
	font-size: .76rem;
	font-weight: 900;
	padding: 10px 0;
	text-transform: uppercase;
}

.mr-ladder-log-row {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .075);
	min-height: 46px;
	padding: 8px 0;
}

.mr-ladder-log-row.is-critical span:nth-child(3),
.mr-ladder-log-row.is-hit span:nth-child(3) {
	color: #39e58c;
	font-weight: 900;
}

.mr-ladder-log-row.is-critical span:nth-child(3) {
	color: #ff4f72;
}

.mr-ladder-result-rewards {
	align-self: start;
	display: grid;
	gap: 8px;
}

.mr-ladder-result-actions {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 8px;
}

.mr-ladder-result-actions .mr-button-primary {
	background: linear-gradient(135deg, #e92d5f, #9a2bd6);
	border-color: rgba(255, 54, 95, .72);
}

.mr-ladder-equipment-used {
	display: grid;
	gap: 8px;
	margin-top: 12px;
}

@media (max-width: 1220px) {
	.mr-boss-ladder-hero,
	.mr-boss-ladder-layout,
	.mr-ladder-battle-grid,
	.mr-ladder-battle-statline {
		grid-template-columns: 1fr;
	}

	.mr-ladder-vs-mark {
		font-size: 1.1rem;
	}

	.mr-boss-ladder-sidebar {
		position: static;
	}

	.mr-ladder-fight-log,
	.mr-ladder-next-actions,
	.mr-ladder-result-rewards {
		grid-column: auto;
		grid-row: auto;
	}

	.mr-ladder-result-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.mr-boss-ladder-hero {
		padding: 20px;
	}

	.mr-boss-ladder-hero-stats,
	.mr-ladder-stat-row,
	.mr-ladder-battle-hero {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.mr-ladder-battle-hero {
		min-height: 0;
		padding: 18px;
	}

	.mr-ladder-combatant {
		justify-items: start;
		text-align: left;
	}

	.mr-ladder-combatant-art {
		width: 112px;
	}

	.mr-ladder-battle-hero > div:last-child {
		text-align: left;
	}

	.mr-boss-ladder-row-button {
		grid-template-columns: 50px minmax(0, 1fr);
	}

	.mr-boss-ladder-rank {
		height: 50px;
		width: 50px;
	}

	.mr-boss-ladder-portrait,
	.mr-boss-ladder-row-status,
	.mr-boss-ladder-row-action {
		grid-column: 2;
	}

	.mr-ladder-log-head {
		display: none;
	}

	.mr-ladder-log-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mr-ladder-result-actions {
		grid-template-columns: 1fr;
	}
}