@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Oxanium:wght@400;500;600;700;800&display=swap');
/* Maswel Dark unified stylesheet - generated 2026-08-17. */

/* ===== tokens.css ===== */
:root {
	--color-charcoal-950: #080808;
	--color-charcoal-900: #0d0c0c;
	--color-charcoal-850: #121010;
	--color-graphite-800: #1d1c1c;
	--color-graphite-700: #302d2d;
	--color-gold-500: #9d6c2f;
	--color-gold-400: #c6954c;
	--color-gold-300: #e0bd73;
	--color-fire-600: #7b1f17;
	--color-fire-500: #a93427;
	--color-accent: #d5a04f;
	--color-text: #f1f1f1;
	--color-text-muted: #aba8a5;
	--color-border: #4c3828;
	--color-surface: #100e0d;
	--color-surface-raised: #171311;
	--space-1: .25rem;
	--space-2: .5rem;
	--space-3: .75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--radius-sm: 3px;
	--radius-md: 6px;
	--radius-lg: 10px;
	--shadow-card: 0 6px 18px rgba(0,0,0,.34);
	--font-display: Georgia, "Times New Roman", serif;
	--font-body: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
}

/* ===== base.css ===== */
*, *::before, *::after { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body {
	margin: 0;
	min-width: 0;
	background: #050505;
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.45;
}
img { max-width: 100%; height: auto; }
a { color: #d8bd75; text-decoration: none; }
a:hover { color: #fff0b5; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #e1ba48; outline-offset: 2px; }
h1, h2, h3, h4, p { margin-top: 0; }
table { border-collapse: collapse; width: 100%; }
.skip-link { position: fixed; z-index: 9999; top: .5rem; left: .5rem; transform: translateY(-150%); padding: .6rem .8rem; background: #fff; color: #111; }
.skip-link:focus { transform: none; }
.page-home { background: #050505; }
.page-inner { background: #17191a; }

/* ===== layout.css ===== */
.page-shell { width: min(calc(100% - 48px), 1200px); margin-inline: auto; }
.page-shell--home { width: min(calc(100% - 48px), 1200px); }
.top-navigation { background: #3a3738; border-bottom: 1px solid rgba(255,255,255,.03); }
.top-navigation__inner { min-height: 48px; display: flex; align-items: stretch; justify-content: space-between; gap: 1rem; }
.site-nav { flex: 1; }
.site-nav__list { display: flex; align-items: stretch; gap: 0; height: 100%; margin: 0; padding: 0; list-style: none; }
.site-nav__item { display: flex; }
.site-nav__link { display: flex; align-items: center; min-height: 48px; padding: 0 28px; color: #f5f5f5; font-size: 17px; font-weight: 400; white-space: nowrap; }
.site-nav__link:hover, .site-nav__link[aria-current="page"] { background: rgba(255,255,255,.035); color: #fff; }
.top-navigation__account { display: flex; align-items: center; }
.top-navigation__account a { color: #ddd; }
.nav-toggle { display: none; align-items: center; gap: .55rem; border: 0; background: transparent; color: #fff; }
.nav-toggle__icon, .nav-toggle__icon::before, .nav-toggle__icon::after { display: block; width: 1.25rem; height: 2px; background: currentColor; content: ""; }
.nav-toggle__icon { position: relative; }
.nav-toggle__icon::before { position: absolute; top: -.4rem; }
.nav-toggle__icon::after { position: absolute; top: .4rem; }
.site-main { min-height: 70vh; }
.page-home .site-main { min-height: 1070px; padding: 18px 0 110px; background: #303638; }
.page-inner .site-main { padding: 30px 0 60px; background: #202425; }
.main-grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 18px; align-items: start; }
.main-grid--single { grid-template-columns: minmax(0, 1fr); }
.content-column, .sidebar-column { min-width: 0; }
.sidebar-column { display: grid; gap: 14px; }
.site-footer { padding: 28px 0; border-top: 1px solid #332a23; background: #080808; color: #aaa; }
.footer-grid { display: grid; grid-template-columns: 1fr auto; gap: 24px; }
.footer-nav, .social-links { display: flex; flex-wrap: wrap; gap: 12px; }
.footer-copy { margin-top: 12px; }
.language-switcher { display: flex; gap: 7px; margin: 0; padding: 0; list-style: none; }

@media (max-width: 1040px) {
	.page-shell, .page-shell--home { width: min(calc(100% - 24px), 1200px); }
	.site-nav__link { padding-inline: 18px; font-size: 15px; }
}
@media (max-width: 760px) {
	.top-navigation__inner { min-height: 50px; align-items: center; position: relative; }
	.nav-toggle { display: inline-flex; min-height: 50px; padding: 0 8px; }
	.site-nav { display: none; position: absolute; z-index: 100; top: 100%; left: 0; right: 0; background: #302e2f; border-top: 1px solid rgba(255,255,255,.06); box-shadow: 0 12px 26px rgba(0,0,0,.45); }
	.site-nav.is-open { display: block; }
	.site-nav__list { flex-direction: column; }
	.site-nav__item { width: 100%; }
	.site-nav__link { width: 100%; min-height: 44px; padding: 0 14px; }
	.top-navigation__account { margin-left: auto; }
	.main-grid { grid-template-columns: 1fr; }
	.footer-grid { grid-template-columns: 1fr; }
	.page-home .site-main { padding-top: 10px; }
}

/* ===== components.css ===== */
.row { display: flex; flex-wrap: wrap; margin-inline: -.5rem; }
.row::before, .row::after { display: none; }
[class*="col-"] { min-width: 0; padding-inline: .5rem; }
.col-xs-12 { width: 100%; } .col-xs-8 { width: 66.6667%; } .col-xs-6 { width: 50%; } .col-xs-4 { width: 33.3333%; } .col-xs-3 { width: 25%; }
.col-sm-12 { width: 100%; } .col-sm-6 { width: 50%; }
.text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .pull-right { float: right; }
.panel, .fantasy-card { margin-bottom: 16px; overflow: hidden; border: 1px solid #4a3525; border-radius: 5px; background: #100e0d; box-shadow: var(--shadow-card); }
.panel-heading, .fantasy-card__header { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 13px; border-bottom: 1px solid #4b3425; background: linear-gradient(#3a2117, #23150f); }
.panel-title, .fantasy-card__title { margin: 0; font-family: var(--font-display); font-size: 16px; color: #f0d69b; letter-spacing: .04em; text-transform: uppercase; }
.panel-body, .fantasy-card__body { padding: 13px; }
.button, .btn { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 6px 12px; border: 1px solid #9b7046; border-radius: 4px; background: linear-gradient(#552114, #29100b); color: #f9ead5; cursor: pointer; text-decoration: none; }
.button:hover, .btn:hover { border-color: #d8aa6b; color: #fff; }
.button--small, .btn-xs { min-height: 28px; padding: 3px 8px; font-size: 11px; }
.form-control { display: block; width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #8f8f8f; border-radius: 4px; background: #2e2e2e; color: #fff; }
.form-control::placeholder { color: #777; }
.stack-form { display: grid; gap: 10px; }
.definition-list { margin: 0; }
.definition-list > div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.definition-list dt { color: #b79b72; }
.definition-list dd { margin: 0; font-weight: 700; }
.data-table-wrap { max-width: 100%; overflow-x: auto; }
.table, .data-table-wrap table { width: 100%; }
.table th, .table td, .data-table-wrap th, .data-table-wrap td { padding: 8px; border-bottom: 1px solid rgba(255,255,255,.07); }
.table th, .data-table-wrap th { color: #dfcc9d; font-size: 11px; text-transform: uppercase; }
.sidebar-action { display: flex; min-height: 58px; align-items: center; justify-content: center; border: 1px solid #5a3d28; background: #170f0c; color: #f0d69b; font-size: 16px; font-weight: 700; }
.account-menu { margin: 0; padding: 0; list-style: none; }
.account-menu__link { display: block; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.alert { margin-bottom: 14px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; }
.alert-danger { background: #481b1b; } .alert-success { background: #173921; } .alert-warning { background: #51421b; } .alert-info { background: #18394a; }

@media (max-width: 720px) {
	.col-xs-8, .col-xs-6, .col-xs-4, .col-xs-3 { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Shared contracts used by competitive/profile modules. */
.status-badge {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	gap: 7px;
	padding: 7px 10px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 999px;
	background: #171717;
	color: #e9e9e9;
}
.status-badge::before { content: ""; width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: currentColor; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.alert-message { min-height: 44px; display: flex; align-items: center; padding: 9px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; }
.button:focus-visible, .btn:focus-visible, .form-control:focus-visible, .status-badge:focus-visible { outline: 2px solid #efc85d; outline-offset: 2px; }
@media (max-width: 640px) { .form-grid { grid-template-columns: 1fr; } }

/* ===== home.css ===== */
.maswel-home-layout {
	display: grid;
	grid-template-columns: minmax(0, 2.05fr) minmax(290px, 1fr);
	gap: 14px;
	align-items: start;
}
.maswel-home-main, .maswel-home-sidebar { min-width: 0; }
.maswel-home-main { display: grid; gap: 10px; }
.maswel-home-sidebar { display: grid; gap: 8px; }

.hero-panel {
	position: relative;
	aspect-ratio: 2.28 / 1;
	min-height: 260px;
	overflow: hidden;
	background-image: var(--hero-image);
	background-position: center;
	background-size: cover;
	box-shadow: inset 0 0 65px rgba(0,0,0,.5);
}
.hero-panel__veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.07) 0%, rgba(0,0,0,.05) 52%, rgba(0,0,0,.62) 100%); }
.hero-panel__logo-wrap {
	position: absolute;
	left: 50%; top: 48%;
	width: clamp(132px, 22%, 190px);
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	display: grid;
	place-items: center;
	padding: 18px;
	border-radius: 50%;
	background: rgba(63,64,139,.94);
	border: 1px solid rgba(255,255,255,.15);
	box-shadow: 0 8px 28px rgba(0,0,0,.45);
}
.hero-panel__logo { display: block; width: 100%; max-height: 100%; object-fit: contain; }
.hero-stats {
	position: absolute;
	left: 50%; bottom: 6px;
	transform: translateX(-50%);
	display: grid;
	grid-template-columns: repeat(4, minmax(90px, 1fr));
	gap: 7px;
	width: min(66%, 490px);
}
.hero-stat {
	min-height: 59px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4px 8px 6px;
	border: 1px solid #c8956d;
	border-radius: 8px;
	background: rgba(35,12,10,.94);
	box-shadow: 0 2px 8px rgba(0,0,0,.32);
	text-align: center;
}
.hero-stat__icon { color: #f3eb00; line-height: 1; font-size: 15px; text-shadow: 0 0 8px rgba(255,230,0,.45); }
.hero-stat strong { margin-top: 3px; color: #f1d8ae; font-size: 11px; line-height: 1.1; }
.hero-stat small { margin-top: 3px; color: #927666; font-size: 7px; letter-spacing: .03em; }

.quick-actions {
	display: grid;
	grid-template-columns: minmax(250px, .9fr) minmax(300px, 1.1fr);
	gap: 8px;
	min-height: 63px;
	padding: 6px 8px;
	background: #272828;
}
.social-strip { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; align-items: center; }
.social-chip { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #e9e9e9; }
.social-chip[aria-disabled="true"] { opacity: .7; }
.social-chip__icon {
	display: grid;
	place-items: center;
	width: 33px; height: 33px;
	border-radius: 50%;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	box-shadow: 0 2px 6px rgba(0,0,0,.3);
}
.social-chip__label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; color: #e7e7e7; font-size: 9px; white-space: nowrap; }
.social-chip--whatsapp .social-chip__icon { background: #20d568; }
.social-chip--facebook .social-chip__icon { background: #168bf0; }
.social-chip--discord .social-chip__icon { background: #5964e8; }
.social-chip--tiktok .social-chip__icon { background: #050505; text-shadow: -2px 0 #13eced, 2px 0 #ff285b; }
.cta-strip { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.home-cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 7px 18px;
	border: 1px solid #b98a6c;
	border-radius: 6px;
	background: #210b09;
	color: #e7d1b6;
	box-shadow: inset 0 0 12px rgba(0,0,0,.4);
}
.home-cta:hover { background: #2c0e0b; color: #fff; }
.home-cta strong { font-size: 16px; line-height: 1; letter-spacing: .02em; }
.home-cta small { margin-top: 5px; color: #ab8a77; font-size: 11px; }

.competitive-row, .ranking-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.competitive-row .fantasy-card { height: 100%; margin: 0; border-color: #5d4027; border-radius: 4px; background: radial-gradient(circle at 50% 0, #24140c 0, #100d0b 70%); }
.competitive-row .fantasy-card__header { position: relative; min-height: 45px; justify-content: center; padding: 8px 12px; background: linear-gradient(#2c160d, #1c100b); }
.competitive-row .fantasy-card__header::before, .competitive-row .fantasy-card__header::after { content: "✦"; color: #9a632e; font-size: 11px; }
.competitive-row .fantasy-card__title { color: #d39a4f; font-size: 17px; font-weight: 400; }
.competitive-row .competitive-card__body { min-height: 215px; }
.competitive-row .competitive-guild-card { display: grid; grid-template-columns: 88px 1fr; align-items: center; gap: 12px; padding: 12px 14px 10px; }
.competitive-row .competitive-guild-card__mark { display: grid; place-items: center; width: 88px; min-height: 104px; border: 1px solid #4a321f; background: radial-gradient(circle, rgba(137,88,38,.13), rgba(0,0,0,.18)); }
.competitive-row .competitive-guild-card__mark img { max-width: 74px; max-height: 74px; }
.competitive-row .guild-mark-placeholder { display: grid; width: 70px; height: 70px; place-items: center; border: 1px solid #63431e; color: #d39748; font-family: var(--font-display); font-size: 42px; }
.competitive-row .competitive-guild-card__details { margin: 0; }
.competitive-row .competitive-guild-card__details div { padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.055); }
.competitive-row .competitive-guild-card__details dt { color: #b17a35; font-size: 7px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.competitive-row .competitive-guild-card__details dd { margin: 2px 0 0; color: #ece7e2; font-size: 11px; font-weight: 700; }
.competitive-row .competitive-guild-card .button { grid-column: 1 / -1; justify-self: center; min-height: 24px; padding: 3px 15px; border-color: #794323; background: linear-gradient(#6c2618, #2c0e09); font-size: 9px; }
.competitive-countdown { color: #dfb060; }

.ranking-card { overflow: hidden; min-width: 0; border: 1px solid #4d3422; border-radius: 5px; background: #100e0d; box-shadow: 0 5px 14px rgba(0,0,0,.25); }
.ranking-card__header { display: flex; min-height: 40px; align-items: center; gap: 7px; padding: 5px 12px; border-bottom: 1px solid #4f3522; background: linear-gradient(#392116, #22150f); }
.ranking-card__header h2 { margin: 0; color: #f0e7d7; font-family: var(--font-display); font-size: 14px; letter-spacing: .06em; }
.ranking-card__header a { display: grid; width: 20px; height: 20px; place-items: center; margin-left: 3px; border-radius: 3px; background: #a8422b; color: #fff4da; font-weight: 700; }
.ranking-card__body { height: 310px; padding: 10px 12px; overflow: auto; }
.home-ranking-table { min-width: 310px; color: #d8d8d8; font-size: 10px; }
.home-ranking-table th { padding: 7px 8px; border: 1px solid rgba(255,255,255,.035); color: #eee0bd; font-size: 8px; text-align: left; }
.home-ranking-table td { padding: 6px 8px; border-bottom: 1px solid rgba(255,255,255,.055); }
.home-ranking-table td a { color: #bca568; text-decoration: underline; text-decoration-color: rgba(188,165,104,.4); }
.home-ranking-table .numeric { text-align: right; }
.guild-logo-cell { text-align: center; }
.empty-row { padding: 35px 8px !important; text-align: center; color: #80786f; }

/* Right column */
.top-eventero-card { overflow: hidden; border: 1px solid #d5c600; border-radius: 14px; background: #141414; box-shadow: 0 5px 15px rgba(0,0,0,.28); }
.top-eventero-card__header { min-height: 30px; display: flex; align-items: center; padding: 4px 12px; border-bottom: 1px solid #d2bd00; background: #4b2929; }
.top-eventero-card__header h2 { margin: 0; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.top-eventero-card__content { display: grid; grid-template-columns: 47% 53%; min-height: 212px; }
.top-eventero-card__visual { position: relative; overflow: hidden; background: url('../img/competitive/golden-castle.png') center / cover no-repeat; border-right: 1px solid #4b4b34; }
.top-eventero-card__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.22)); }
.top-eventero-card__visual img { position: absolute; z-index: 1; left: 50%; bottom: -2px; transform: translateX(-50%); width: 88%; height: 94%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 4px 5px rgba(0,0,0,.7)); }
.top-eventero-card__info { min-width: 0; padding: 8px 9px; }
.winner-label { display: block; color: #00cd44; font-size: 8px; font-weight: 700; text-align: center; }
.top-eventero-card__info h3 { margin: 1px 0 3px; color: #fff; font-size: 19px; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.top-eventero-card__info p { margin: 0; color: #d8d8d8; font-size: 8px; line-height: 1.3; text-align: center; }
.top-eventero-card__info p b { color: #00bf31; }
.top-eventero-card__divider { height: 1px; margin: 8px 0 6px; background: #d2c900; }
.top-eventero-mini-table { width: 100%; table-layout: fixed; font-size: 7px; }
.top-eventero-mini-table th { padding: 3px 2px; color: #d8d325; font-weight: 700; }
.top-eventero-mini-table td { padding: 3px 2px; color: #e9e9e9; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.top-eventero-mini-table th:first-child { width: 26%; } .top-eventero-mini-table th:last-child { width: 28%; }

.server-access-card { overflow: hidden; background: #282929; }
.server-access-card__status { display: flex; align-items: center; gap: 10px; padding: 8px 10px 4px; }
.server-status-emblem { width: 26px; height: 26px; flex: 0 0 auto; background: #00ad62; clip-path: polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%); }
.server-status-copy { display: flex; flex-direction: column; min-width: 0; color: #e9e9e9; font-size: 8px; }
.server-status-copy strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.server-status-copy span { color: #678dba; }
.server-status-copy b { color: #62ef6f; }
.server-status-meter { height: 4px; margin: 0 10px 4px; overflow: hidden; border-radius: 99px; background: #121212; }
.server-status-meter::before { content: ""; position: absolute; }
.server-status-meter span { display: block; height: 100%; background: linear-gradient(90deg, #fa4a43 0 30%, #d3d13f 45%, #00ae62 66% 100%); }
.server-clock-row { display: flex; justify-content: space-between; gap: 6px; padding: 5px 10px; background: #171311; color: #a98765; font-size: 7px; }
.server-access-card__body { padding: 0 10px 10px; }
.server-access-card__body h2 { margin: 0 0 7px; color: #fff; font-size: 15px; }
.home-login-form { display: grid; gap: 8px; }
.home-login-form input { width: 100%; height: 26px; padding: 4px 7px; border: 1px solid #dedede; border-radius: 4px; background: #333; color: #fff; font-size: 10px; }
.home-login-form__actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.home-login-form button { min-height: 29px; padding: 4px 7px; border: 1px solid #6d8dc8; border-radius: 4px; background: #050505; color: #fff; font-size: 13px; cursor: pointer; }
.home-login-form__actions a { color: #eee; font-size: 8px; font-weight: 700; }
.logged-actions { display: flex; gap: 8px; }
.logged-actions a { flex: 1; padding: 8px; border: 1px solid #6d4c32; background: #130d0b; text-align: center; }

.events-card { overflow: hidden; background: #0e1115; }
.events-card__header { padding: 6px 10px; background: #0e1115; border-bottom: 1px solid rgba(255,255,255,.04); }
.events-card__header h2 { margin: 0; color: #f1f1f1; font-size: 15px; }
.events-card__body { padding: 10px 16px 11px; }
.event-line { display: flex; min-height: 46px; align-items: center; justify-content: space-between; gap: 8px; }
.event-line > div { min-width: 0; display: flex; flex-direction: column; }
.event-line strong { color: #a9bfdd; font-size: 9px; }
.event-line span { margin-top: 3px; color: #08b36e; font-size: 7px; }
.event-line span i { display: inline-block; width: 7px; height: 7px; margin-right: 2px; border-radius: 50%; background: #08b36e; vertical-align: -1px; }
.event-line small { color: #a3baf0; font-size: 7px; font-weight: 700; }
.event-schedule-open, .event-schedule-inprogress { color: #12d980; }

/* Backward-compatible home module classes, in case the module is rendered elsewhere. */
.home-news-block-header { align-items: center; margin-bottom: 10px; }
.home-news-block-body, .home-news-block-article { border: 1px solid var(--color-border); background: var(--color-surface); }
.home-news-block-article { align-items: center; margin-top: -1px; padding-block: 8px; }
.home-news-block-article-type, .home-news-block-article-date, .smalltext { color: var(--color-text-muted); font-size: 11px; }
.sidebar-banner { display: none; }

@media (max-width: 920px) {
	.maswel-home-layout { grid-template-columns: minmax(0, 1fr); }
	.maswel-home-sidebar { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.events-card { grid-column: 1 / -1; }
}
@media (max-width: 660px) {
	.hero-panel { min-height: 265px; aspect-ratio: auto; }
	.hero-panel__logo-wrap { width: 125px; top: 42%; }
	.hero-stats { width: calc(100% - 18px); grid-template-columns: repeat(2, 1fr); }
	.hero-stat { min-height: 48px; }
	.quick-actions { grid-template-columns: 1fr; }
	.social-strip { min-height: 55px; }
	.competitive-row, .ranking-row, .maswel-home-sidebar { grid-template-columns: 1fr; }
	.events-card { grid-column: auto; }
	.ranking-card__body { height: auto; max-height: 320px; }
}

/* ===== rankings.css ===== */
.rankings-table { width: 100%; border-collapse: collapse; }
.rankings-table th, .rankings-table td { padding: 0.75rem; border-bottom: 1px solid rgba(255,255,255,0.08); }
.rankings-class-filter-selection { display: inline-flex; margin: 0.2rem; }
.rankings-class-filter-grayscale { filter: grayscale(1); opacity: 0.55; }

.rankings-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 1rem;
	padding: 0.75rem;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
}
.rankings-toolbar__filters { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rankings-table thead th { color: #fff2d0; background: #19130f; }
.rankings-table tbody tr:nth-child(even) { background: rgba(255,255,255,0.018); }

.event-ranking {
	padding: 1rem;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: linear-gradient(180deg, rgba(26, 18, 13, 0.96), rgba(13, 10, 8, 0.96));
}
.event-ranking__title { margin: 0 0 1rem; color: #f4d58d; text-align: center; }
.event-ranking__table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.event-ranking__table { min-width: 34rem; margin-bottom: 0; }
.event-ranking__score { font-weight: 700; color: #f4d58d; text-align: right; }
.event-ranking__pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem; margin-top: 1rem; }
.event-ranking__pagination a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	min-height: 2.25rem;
	padding: 0.35rem 0.6rem;
	border: 1px solid var(--color-border);
	border-radius: 0.25rem;
	background: rgba(0,0,0,0.28);
	color: #f7e8c2;
}
.event-ranking__pagination a.active,
.event-ranking__pagination a:hover,
.event-ranking__pagination a:focus-visible { border-color: #c99a42; background: rgba(201,154,66,0.2); color: #fff; }
@media (max-width: 640px) {
	.event-ranking { padding: 0.75rem; }
	.event-ranking__table { min-width: 30rem; }
}

/* ===== profiles.css ===== */
.profile-container { min-width: 0; }
.profile-container img { max-width: 100%; }
.profile-eyebrow { margin: 0 0 .35rem; color: var(--color-gold-300); font-size: .73rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.profile-header {
	display: grid; grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr); gap: 1.5rem; align-items: center;
	margin-bottom: 1.5rem; padding: 1.25rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg);
	background: linear-gradient(125deg, rgba(142,39,27,.22), transparent 48%), var(--color-surface); box-shadow: var(--shadow-card);
}
.profile-header__visual { display: grid; min-height: 12rem; place-items: center; overflow: hidden; }
.profile-header__visual img { max-height: 13rem; object-fit: contain; }
.profile-header__title { margin: 0 0 .25rem; font-size: clamp(1.7rem, 5vw, 2.7rem); }
.profile-header__class { margin: 0 0 1rem; color: var(--color-text-muted); font-weight: 700; }
.profile-progress { display: grid; grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)); gap: .65rem; margin: 0; }
.profile-progress div, .profile-optional-data div { padding: .65rem .75rem; border: 1px solid rgba(209,166,94,.18); border-radius: var(--radius-sm); background: rgba(8,7,6,.45); }
.profile-progress dt, .profile-optional-data dt { color: var(--color-text-muted); font-size: .72rem; text-transform: uppercase; }
.profile-progress dd, .profile-optional-data dd { margin: .2rem 0 0; font-weight: 800; }
.equipment-panel { padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-card); }
.equipment-panel__heading { display: flex; justify-content: space-between; gap: 1rem; align-items: end; margin-bottom: 1rem; }
.equipment-panel__heading h2, .equipment-panel__heading p { margin: 0; }
.equipment-panel__heading > p { color: var(--color-text-muted); font-size: .85rem; }
.equipment-grid {
	position: relative; display: grid;
	grid-template-columns: repeat(5, minmax(3.6rem, 1fr));
	grid-template-rows: repeat(6, minmax(3.9rem, auto));
	grid-template-areas:
		"pet helm helm wings wings"
		"right_weapon helm helm left_weapon left_weapon"
		"right_weapon armor armor left_weapon left_weapon"
		"gloves armor armor pendant pendant"
		"ring_left pants pants ring_right ring_right"
		"boots boots boots boots boots";
	gap: .65rem; min-height: 34rem; padding: 1rem; overflow: hidden;
	border: 1px solid rgba(209,166,94,.22); border-radius: var(--radius-lg);
	background: radial-gradient(circle at 50% 42%, rgba(185,138,66,.13), transparent 43%), #0b0908;
}
.equipment-grid__class-image { position: absolute; z-index: 0; inset: 4% 16% 3%; width: 68%; height: 93%; object-fit: contain; opacity: .72; pointer-events: none; filter: drop-shadow(0 .8rem 1.1rem rgba(0,0,0,.75)); }
.equipment-slot { position: relative; z-index: 1; display: grid; min-height: 4rem; place-items: center; border: 1px solid rgba(209,166,94,.28); border-radius: var(--radius-sm); background: rgba(10,8,7,.83); box-shadow: inset 0 0 1.2rem rgba(0,0,0,.45); }
.equipment-slot--right_weapon { grid-area: right_weapon; }
.equipment-slot--left_weapon { grid-area: left_weapon; }
.equipment-slot--helm { grid-area: helm; }
.equipment-slot--armor { grid-area: armor; }
.equipment-slot--pants { grid-area: pants; }
.equipment-slot--gloves { grid-area: gloves; }
.equipment-slot--boots { grid-area: boots; }
.equipment-slot--wings { grid-area: wings; }
.equipment-slot--pet { grid-area: pet; }
.equipment-slot--pendant { grid-area: pendant; }
.equipment-slot--ring_left { grid-area: ring_left; }
.equipment-slot--ring_right { grid-area: ring_right; }
.equipment-slot__label { position: absolute; top: .28rem; left: .38rem; color: rgba(241,224,194,.62); font-size: .58rem; letter-spacing: .04em; text-transform: uppercase; }
.equipment-slot__empty { color: rgba(255,255,255,.18); font-size: 1.4rem; }
.equipment-item { display: grid; width: 100%; height: 100%; min-height: 4rem; padding: .85rem .35rem .35rem; place-items: center; border: 0; background: transparent; cursor: pointer; }
.equipment-item img { max-width: 88%; max-height: 7.5rem; object-fit: contain; filter: drop-shadow(0 .3rem .35rem rgba(0,0,0,.9)); }
.equipment-item:focus-visible { outline: 2px solid var(--color-gold-300); outline-offset: -3px; }
.item-rarity-excellent { box-shadow: inset 0 0 1.2rem rgba(74,197,93,.16); }
.item-rarity-ancient { box-shadow: inset 0 0 1.2rem rgba(83,154,255,.18); }
.item-rarity-socket { box-shadow: inset 0 0 1.2rem rgba(184,92,255,.18); }
.item-rarity-380 { box-shadow: inset 0 0 1.2rem rgba(255,166,70,.18); }
.item-tooltip { position: fixed; z-index: 1000; width: min(21rem, calc(100vw - 2rem)); padding: 1rem; border: 1px solid var(--color-gold-500); border-radius: var(--radius-sm); background: rgba(7,6,5,.98); color: var(--color-text); box-shadow: 0 1rem 3rem rgba(0,0,0,.7); font-size: .82rem; line-height: 1.45; }
.item-tooltip[hidden] { display: none; }
.item-tooltip__close { position: absolute; top: .35rem; right: .4rem; width: 2rem; height: 2rem; border: 0; background: transparent; color: var(--color-text); font-size: 1.5rem; cursor: pointer; }
.item-tooltip__name { padding-right: 2rem; color: var(--color-gold-300); font-weight: 800; }
.item-tooltip__subtitle { margin-top: .15rem; color: var(--color-text-muted); }
.item-tooltip__lines { margin: .7rem 0 0; padding: 0; list-style: none; }
.item-tooltip__lines li + li { margin-top: .22rem; }
.profile-optional-data { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: .65rem; margin: 1rem 0 0; }
@media (max-width: 42rem) {
	.profile-header { grid-template-columns: 1fr; text-align: center; }
	.profile-header__visual { min-height: 8rem; }
	.equipment-panel__heading { align-items: start; flex-direction: column; }
	.equipment-grid { min-height: 29rem; padding: .6rem; gap: .4rem; }
}
@media (max-width: 30rem) {
	.equipment-grid { grid-template-columns: repeat(4, minmax(2.7rem, 1fr)); grid-template-rows: repeat(7, minmax(3.4rem, auto)); grid-template-areas:
		"pet helm helm wings"
		"right_weapon helm helm left_weapon"
		"right_weapon armor armor left_weapon"
		"gloves armor armor pendant"
		"ring_left pants pants ring_right"
		"boots boots boots boots"
		"boots boots boots boots"; }
	.equipment-slot__label { font-size: .5rem; }
	.equipment-item { padding-inline: .15rem; }
	.item-tooltip { inset: auto 1rem 1rem !important; width: auto; max-height: 70vh; overflow: auto; }
}
@media (prefers-reduced-motion: reduce) { .equipment-item, .item-tooltip { transition: none !important; } }

/* Advanced guild profile */
.guild-profile-header {
	display: grid; grid-template-columns: minmax(9rem, 13rem) minmax(0, 1fr); gap: 1.5rem; align-items: center;
	margin-bottom: 1.5rem; padding: 1.35rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg);
	background: radial-gradient(circle at 12% 45%, rgba(209,166,94,.13), transparent 27%), linear-gradient(125deg, rgba(142,39,27,.2), transparent 50%), var(--color-surface);
	box-shadow: var(--shadow-card);
}
.guild-profile-header__mark { display: grid; min-height: 11rem; place-items: center; }
.guild-profile-header__mark img { width: min(9.5rem, 100%); image-rendering: pixelated; filter: drop-shadow(0 .7rem .9rem rgba(0,0,0,.7)); }
.guild-mark-fallback { display: grid; width: 8rem; aspect-ratio: 1; place-items: center; border: 1px solid rgba(209,166,94,.35); border-radius: var(--radius-sm); background: rgba(8,7,6,.6); color: var(--color-gold-300); font-size: 3rem; font-weight: 800; }
.guild-profile-header__content h1 { margin: 0 0 .35rem; font-size: clamp(1.8rem, 5vw, 2.8rem); overflow-wrap: anywhere; }
.guild-profile-master { display: flex; flex-wrap: wrap; gap: .4rem .65rem; align-items: baseline; margin: 0 0 .85rem; }
.guild-profile-master span { color: var(--color-text-muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.guild-profile-master a, .guild-member-table a { overflow-wrap: anywhere; color: var(--color-gold-300); font-weight: 800; text-decoration: none; }
.guild-profile-master a:hover, .guild-member-table a:hover { text-decoration: underline; }
.guild-profile-badges { display: flex; flex-wrap: wrap; gap: .45rem; min-height: 0; }
.guild-profile-badge { display: inline-flex; padding: .35rem .65rem; border: 1px solid rgba(209,166,94,.3); border-radius: 999px; background: rgba(8,7,6,.55); font-size: .72rem; font-weight: 800; }
.guild-profile-badge--castle { color: #efbf72; }
.guild-profile-badge--king { color: #f3d784; box-shadow: inset 0 0 1rem rgba(209,166,94,.12); }
.guild-profile-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(7rem, 10rem)); gap: .65rem; margin: 1rem 0 0; }
.guild-profile-stats div { padding: .7rem .8rem; border: 1px solid rgba(209,166,94,.18); border-radius: var(--radius-sm); background: rgba(8,7,6,.48); }
.guild-profile-stats dt { color: var(--color-text-muted); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; }
.guild-profile-stats dd { margin: .2rem 0 0; font-size: 1.1rem; font-weight: 800; }
.guild-members-panel { padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-card); }
.guild-members-panel__heading h2 { margin: 0 0 1rem; }
.guild-member-table-wrap { overflow-x: auto; }
.guild-member-table { width: 100%; border-collapse: collapse; }
.guild-member-table th, .guild-member-table td { padding: .75rem; border-bottom: 1px solid rgba(209,166,94,.14); text-align: left; vertical-align: middle; }
.guild-member-table th { color: var(--color-text-muted); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; }
.guild-member-table tbody tr:hover { background: rgba(209,166,94,.045); }
.guild-rank { display: inline-flex; padding: .25rem .5rem; border: 1px solid rgba(209,166,94,.2); border-radius: 999px; font-size: .7rem; font-weight: 800; }
.guild-rank--guild-master { color: #f3d784; }
.guild-rank--assistant-guild-master { color: #d6b4ff; }
.guild-rank--battle-master { color: #ff9c86; }
.guild-members-empty { margin: 0; padding: 1.25rem; color: var(--color-text-muted); text-align: center; }
@media (max-width: 42rem) {
	.guild-profile-header { grid-template-columns: 1fr; text-align: center; }
	.guild-profile-header__mark { min-height: 8rem; }
	.guild-profile-master, .guild-profile-badges { justify-content: center; }
	.guild-profile-stats { justify-content: center; }
}
@media (max-width: 36rem) {
	.guild-member-table-wrap { overflow: visible; }
	.guild-member-table, .guild-member-table tbody, .guild-member-table tr, .guild-member-table td { display: block; width: 100%; }
	.guild-member-table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
	.guild-member-table tr { margin-bottom: .75rem; padding: .35rem .65rem; border: 1px solid rgba(209,166,94,.18); border-radius: var(--radius-sm); background: rgba(8,7,6,.38); }
	.guild-member-table td { display: grid; grid-template-columns: minmax(6.5rem, .75fr) minmax(0, 1.25fr); gap: .75rem; padding: .55rem 0; border-bottom: 1px solid rgba(209,166,94,.1); text-align: right; }
	.guild-member-table td:last-child { border-bottom: 0; }
	.guild-member-table td::before { content: attr(data-label); color: var(--color-text-muted); font-size: .68rem; font-weight: 800; letter-spacing: .05em; text-align: left; text-transform: uppercase; }
}


/* ===== Maswel Dark Red Refresh v3 ===== */
:root {
	--color-border: #65322c;
	--color-surface: #12090a;
	--color-surface-raised: #1c0c0e;
	--color-text: #f7efe8;
	--color-text-muted: #c7a79e;
	--color-accent: #ffb55e;
	--mw-red-950: #0f0506;
	--mw-red-900: #190709;
	--mw-red-850: #25090c;
	--mw-red-800: #330d11;
	--mw-red-750: #421014;
	--mw-red-700: #561418;
	--mw-red-650: #6b1b1f;
	--mw-red-600: #882226;
	--mw-red-550: #a72d30;
	--mw-red-500: #c43a39;
	--mw-red-450: #d24c46;
	--mw-cream: #f8ead4;
	--mw-cream-strong: #fff3e2;
	--mw-soft-gold: #e3bb72;
	--mw-gold-muted: #c89e69;
	--mw-line: rgba(219, 92, 72, 0.45);
	--mw-shadow-red: 0 12px 30px rgba(54, 8, 10, 0.35);
	--font-display: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
	--font-body: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
}

html { background: #050304; }
body {
	font-size: 16px;
	line-height: 1.5;
	background: radial-gradient(circle at top, #1c090b 0%, #090405 36%, #050405 100%);
	color: var(--color-text);
}
a { color: #f0c97c; }
a:hover { color: #fff4d0; }
.page-shell { width: min(calc(100% - 40px), 1240px); }
.page-shell--home { width: min(calc(100% - 40px), 1240px); }

.top-navigation {
	background: linear-gradient(180deg, #411215 0%, #25090c 100%);
	border-bottom: 1px solid rgba(213, 96, 78, 0.45);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
.top-navigation__inner {
	min-height: 58px;
}
.site-nav__link {
	min-height: 58px;
	padding: 0 26px;
	font-size: 19px;
	font-weight: 800;
	letter-spacing: .015em;
	color: #fff2db;
}
.site-nav__link:hover,
.site-nav__link[aria-current="page"] {
	background: linear-gradient(180deg, rgba(255, 122, 80, 0.12), rgba(255,255,255,0.03));
	box-shadow: inset 0 -3px 0 #d26f48;
}
.top-navigation__account a {
	font-size: 16px;
	font-weight: 700;
	color: #fff0d6;
}

.page-home .site-main {
	background: radial-gradient(circle at top, rgba(78, 18, 24, 0.55), transparent 28%), #2f3437;
	padding: 16px 0 110px;
}
.page-inner .site-main {
	background: radial-gradient(circle at top, rgba(74, 13, 19, 0.42), transparent 20%), #1f2326;
}
.maswel-home-layout { gap: 16px; }
.maswel-home-main { gap: 12px; }
.maswel-home-sidebar { gap: 10px; }

.hero-panel {
	min-height: 300px;
	border: 1px solid rgba(236, 110, 87, 0.38);
	border-radius: 14px;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.32), inset 0 0 80px rgba(0,0,0,.52);
}
.hero-panel__veil {
	background: linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(50,8,10,.07) 48%, rgba(12,2,3,.77) 100%);
}
.hero-panel__logo-wrap {
	padding: 20px;
	background: radial-gradient(circle at 35% 35%, rgba(130,44,71,.96) 0%, rgba(64,19,39,.95) 62%, rgba(44,11,26,.98) 100%);
	border: 1px solid rgba(255,255,255,.18);
	box-shadow: 0 10px 26px rgba(0,0,0,.45), inset 0 0 18px rgba(255,255,255,.06);
}
.hero-stats {
	bottom: 10px;
	gap: 9px;
	width: min(73%, 560px);
}
.hero-stat {
	min-height: 70px;
	padding: 6px 9px 8px;
	border: 1px solid rgba(224, 126, 82, 0.74);
	border-radius: 9px;
	background: linear-gradient(180deg, rgba(93,18,20,.95) 0%, rgba(34,7,10,.97) 100%);
	box-shadow: inset 0 0 20px rgba(255,255,255,.03), 0 6px 14px rgba(0,0,0,.28);
}
.hero-stat__icon {
	font-size: 17px;
	color: #ffde6d;
	text-shadow: 0 0 10px rgba(255,221,109,.55);
}
.hero-stat strong {
	margin-top: 4px;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.05;
	color: var(--mw-cream-strong);
}
.hero-stat small {
	margin-top: 4px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	color: #e3ab96;
}

.quick-actions {
	min-height: 76px;
	padding: 10px;
	border: 1px solid rgba(217, 96, 74, 0.38);
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(50,19,21,.96), rgba(22,10,12,.98));
	box-shadow: var(--mw-shadow-red);
}
.social-strip { gap: 10px; }
.social-chip {
	gap: 5px;
	padding: 4px 2px;
}
.social-chip__icon {
	width: 44px;
	height: 44px;
	font-size: 24px;
}
.social-chip__label {
	font-size: 12px;
	font-weight: 700;
	color: #f3ece5;
}
.cta-strip { gap: 10px; }
.home-cta {
	min-height: 76px;
	padding: 10px 20px;
	border: 1px solid #d05c4c;
	border-radius: 9px;
	background: linear-gradient(180deg, #66181b 0%, #2b0a0d 100%);
	color: var(--mw-cream-strong);
	box-shadow: inset 0 0 18px rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.2);
}
.home-cta:hover {
	background: linear-gradient(180deg, #7a1b20 0%, #341014 100%);
	border-color: #ec8661;
}
.home-cta strong {
	font-size: 29px;
	font-weight: 800;
	letter-spacing: .02em;
}
.home-cta small {
	margin-top: 6px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #f0b39f;
}

.panel, .fantasy-card, .ranking-card, .top-eventero-card, .server-access-card, .events-card {
	box-shadow: var(--mw-shadow-red);
}
.competitive-row, .ranking-row { gap: 12px; }
.competitive-row .fantasy-card {
	border-color: rgba(200, 90, 70, 0.44);
	border-radius: 10px;
	background: radial-gradient(circle at 50% 0, rgba(74,20,22,.55) 0, rgba(16,7,8,.98) 72%);
}
.competitive-row .fantasy-card__header {
	min-height: 54px;
	padding: 10px 14px;
	background: linear-gradient(180deg, #4b1315 0%, #250a0d 100%);
	border-bottom: 1px solid rgba(214, 101, 78, 0.32);
}
.competitive-row .fantasy-card__header::before,
.competitive-row .fantasy-card__header::after {
	color: #e2ad65;
	font-size: 13px;
}
.competitive-row .fantasy-card__title {
	font-size: 18px;
	font-weight: 800;
	letter-spacing: .05em;
	color: #f3d7a0;
}
.competitive-row .competitive-card__body { min-height: 235px; }
.competitive-row .competitive-guild-card { grid-template-columns: 104px 1fr; gap: 16px; padding: 16px 16px 14px; }
.competitive-row .competitive-guild-card__mark {
	width: 104px;
	min-height: 122px;
	border: 1px solid rgba(214, 101, 78, 0.28);
	border-radius: 8px;
}
.competitive-row .guild-mark-placeholder { width: 80px; height: 80px; font-size: 48px; }
.competitive-row .competitive-guild-card__details div { padding: 8px 0; }
.competitive-row .competitive-guild-card__details dt {
	font-size: 10px;
	color: #cc9a70;
	letter-spacing: .1em;
}
.competitive-row .competitive-guild-card__details dd {
	font-size: 16px;
	line-height: 1.3;
	color: #fff4ec;
}
.competitive-row .competitive-guild-card .button {
	min-height: 34px;
	padding: 6px 18px;
	font-size: 12px;
	font-weight: 700;
	border-radius: 6px;
	border-color: #c35c43;
	background: linear-gradient(180deg, #8c2b24 0%, #42120f 100%);
}

.ranking-card {
	border: 1px solid rgba(200, 90, 70, 0.4);
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(24,10,12,.98), rgba(12,8,9,.98));
}
.ranking-card__header {
	min-height: 50px;
	padding: 8px 14px;
	background: linear-gradient(180deg, #4a1317 0%, #2a0b0e 100%);
	border-bottom: 1px solid rgba(214, 101, 78, 0.32);
}
.ranking-card__header h2 {
	font-size: 18px;
	font-weight: 800;
	color: #f4e3c5;
}
.ranking-card__header a {
	width: 24px;
	height: 24px;
	background: linear-gradient(180deg, #d05842 0%, #9b2f22 100%);
	font-size: 16px;
}
.ranking-card__body { height: 338px; padding: 12px 14px; }
.home-ranking-table {
	font-size: 13px;
	min-width: 350px;
	color: #ece3dd;
}
.home-ranking-table th {
	font-size: 10px;
	letter-spacing: .08em;
	padding: 9px 8px;
	color: #f0c989;
}
.home-ranking-table td { padding: 9px 8px; }
.home-ranking-table td a {
	font-weight: 700;
	color: #f0c07e;
}
.empty-row { font-size: 14px; color: #9b8a82; }

.top-eventero-card {
	border-color: rgba(245, 198, 63, 0.8);
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(25,11,12,.98), rgba(14,8,9,.99));
}
.top-eventero-card__header {
	min-height: 36px;
	padding: 6px 14px;
	background: linear-gradient(180deg, #6a1c21 0%, #3b1114 100%);
}
.top-eventero-card__header h2 { font-size: 19px; font-weight: 800; }
.top-eventero-card__content { min-height: 238px; }
.top-eventero-card__info { padding: 10px 12px; }
.winner-label { font-size: 10px; letter-spacing: .05em; }
.top-eventero-card__info h3 {
	font-size: 26px;
	margin: 4px 0 6px;
	font-weight: 800;
}
.top-eventero-card__info p {
	font-size: 10px;
	line-height: 1.4;
}
.top-eventero-card__divider { margin: 10px 0 8px; }
.top-eventero-mini-table { font-size: 10px; }
.top-eventero-mini-table th { padding: 5px 3px; font-size: 10px; }
.top-eventero-mini-table td { padding: 5px 3px; font-size: 10px; }

.server-access-card {
	border: 1px solid rgba(214, 101, 78, 0.3);
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(37,22,23,.98), rgba(16,11,12,.98));
}
.server-access-card__status { gap: 12px; padding: 10px 12px 6px; }
.server-status-copy {
	font-size: 12px;
	color: #f3ede8;
}
.server-status-copy strong { font-size: 13px; }
.server-status-copy span { color: #d7baa8; }
.server-status-copy b { color: #73ef91; }
.server-status-meter { height: 6px; margin-inline: 12px; }
.server-clock-row {
	padding: 7px 12px;
	font-size: 10px;
	color: #c69f85;
	background: rgba(9, 5, 6, 0.92);
}
.server-access-card__body { padding: 0 12px 12px; }
.server-access-card__body h2 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 800;
}
.home-login-form { gap: 10px; }
.home-login-form input {
	height: 38px;
	padding: 7px 10px;
	border-color: rgba(220, 170, 142, 0.45);
	background: #2e2425;
	font-size: 14px;
}
.home-login-form button {
	min-height: 36px;
	padding: 6px 12px;
	border: 1px solid #d16049;
	background: linear-gradient(180deg, #63181b 0%, #29090c 100%);
	font-size: 15px;
	font-weight: 700;
}
.home-login-form__actions a {
	font-size: 11px;
	font-weight: 700;
	color: #f3d4b8;
}
.logged-actions { gap: 10px; }
.logged-actions a {
	padding: 11px 10px;
	border-radius: 6px;
	border: 1px solid #975240;
	font-size: 15px;
	font-weight: 700;
	background: linear-gradient(180deg, #341214 0%, #170a0b 100%);
	color: #f6e6d4;
}

.events-card {
	border: 1px solid rgba(214, 101, 78, 0.26);
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(9,12,18,.98), rgba(7,9,14,.98));
}
.events-card__header {
	padding: 10px 12px;
	border-bottom: 1px solid rgba(255,255,255,.05);
}
.events-card__header h2 {
	font-size: 20px;
	font-weight: 800;
}
.events-card__body { padding: 10px 14px 12px; }
.event-line {
	min-height: 56px;
	padding: 4px 0;
	border-bottom: 1px solid rgba(255,255,255,.045);
}
.event-line:last-child { border-bottom: 0; }
.event-line strong {
	font-size: 14px;
	font-weight: 700;
	color: #d5dbef;
}
.event-line span {
	font-size: 11px;
	font-weight: 700;
	color: #10cc80;
}
.event-line small {
	font-size: 10px;
	font-weight: 700;
	color: #b1c6f9;
}

.panel-heading, .fantasy-card__header {
	background: linear-gradient(180deg, #4a1317 0%, #2a0b0e 100%);
}
.panel-title, .fantasy-card__title {
	font-size: 18px;
	font-weight: 800;
}
.panel-body, .fantasy-card__body, .table td, .data-table-wrap td, .definition-list dd {
	font-size: 14px;
}
.table th, .data-table-wrap th, .definition-list dt {
	font-size: 11px;
}
.button, .btn {
	min-height: 40px;
	padding: 8px 14px;
	border: 1px solid #c15a46;
	background: linear-gradient(180deg, #6f1e1c 0%, #30100f 100%);
	font-size: 14px;
	font-weight: 700;
}
.form-control {
	min-height: 40px;
	font-size: 14px;
	background: #2a2324;
}

@media (max-width: 1040px) {
	.page-shell, .page-shell--home { width: min(calc(100% - 24px), 1240px); }
	.site-nav__link { padding-inline: 18px; font-size: 17px; }
	.top-navigation__account a { font-size: 14px; }
}
@media (max-width: 920px) {
	.maswel-home-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.top-eventero-card__content { min-height: 220px; }
}
@media (max-width: 760px) {
	.top-navigation__inner { min-height: 54px; }
	.nav-toggle { min-height: 54px; font-size: 15px; }
	.site-nav { background: #2b0c0f; }
	.site-nav__link { min-height: 48px; font-size: 16px; }
	.page-home .site-main { padding-bottom: 56px; }
}
@media (max-width: 660px) {
	body { font-size: 15px; }
	.hero-panel { min-height: 332px; }
	.hero-panel__logo-wrap { width: 128px; top: 40%; }
	.hero-stats {
		width: calc(100% - 18px);
		grid-template-columns: repeat(2, 1fr);
		bottom: 8px;
	}
	.hero-stat { min-height: 60px; }
	.hero-stat strong { font-size: 14px; }
	.hero-stat small { font-size: 9px; }
	.quick-actions { grid-template-columns: 1fr; }
	.social-chip__icon { width: 40px; height: 40px; font-size: 22px; }
	.home-cta strong { font-size: 24px; }
	.competitive-row, .ranking-row { grid-template-columns: 1fr; }
	.competitive-row .competitive-guild-card { grid-template-columns: 86px 1fr; padding: 12px; }
	.competitive-row .competitive-guild-card__mark { width: 86px; min-height: 102px; }
	.top-eventero-card__content { grid-template-columns: 1fr; }
	.top-eventero-card__visual { min-height: 170px; border-right: 0; border-bottom: 1px solid #4b4b34; }
	.maswel-home-sidebar { grid-template-columns: 1fr; }
	.events-card { grid-column: auto; }
	.server-access-card__body h2, .events-card__header h2, .top-eventero-card__header h2 { font-size: 18px; }
}


/* ===== Maswel Dark Crimson Gamer v4 ===== */
:root {
	--font-display: "Cinzel", Georgia, serif;
	--font-body: "Oxanium", "Segoe UI", Arial, sans-serif;
	--color-border: #7e221f;
	--color-surface: #120506;
	--color-surface-raised: #1d080a;
	--color-text: #fbf0e0;
	--color-text-muted: #d5b2a2;
}
body {
	background: radial-gradient(circle at top, #2a0709 0%, #110304 36%, #050304 100%);
	font-family: var(--font-body);
}
.page-home .site-main {
	background: radial-gradient(circle at top, rgba(126, 20, 25, 0.42), transparent 28%), #31383b;
}
.top-navigation {
	background: linear-gradient(180deg, #5c0c10 0%, #2f0508 100%);
	border-bottom: 1px solid rgba(255, 103, 75, 0.45);
}
.site-nav__link {
	font-family: var(--font-body);
	font-size: 20px;
	font-weight: 700;
	gap: 8px;
	text-transform: none;
}
.site-nav__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	font-size: 14px;
	color: #ffd36b;
	text-shadow: 0 0 10px rgba(255, 211, 107, 0.4);
}
.top-navigation__account a { font-family: var(--font-body); font-size: 17px; }
.hero-panel, .quick-actions, .ranking-card, .server-access-card, .events-card, .top-eventero-card, .competitive-row .fantasy-card {
	border-color: rgba(224, 70, 45, 0.55);
}
.hero-panel {
	box-shadow: 0 18px 38px rgba(0,0,0,.36), inset 0 0 80px rgba(0,0,0,.52);
}
.hero-panel__logo-wrap {
	background: radial-gradient(circle at 35% 35%, rgba(165,33,40,.96) 0%, rgba(103,10,19,.95) 60%, rgba(60,7,14,.98) 100%);
}
.hero-stat { background: linear-gradient(180deg, rgba(132,20,26,.95) 0%, rgba(42,6,9,.97) 100%); }
.hero-stat__icon { font-size: 18px; }
.hero-stat strong { font-family: var(--font-body); }
.hero-stat small { font-family: var(--font-body); }
.social-chip__icon {
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.08);
	padding: 8px;
}
.social-chip__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.social-chip--whatsapp .social-chip__icon,
.social-chip--facebook .social-chip__icon,
.social-chip--discord .social-chip__icon,
.social-chip--tiktok .social-chip__icon { background: rgba(255,255,255,.03); }
.home-cta {
	flex-direction: row;
	align-items: center;
	gap: 14px;
	background: linear-gradient(180deg, #7e1117 0%, #37070b 100%);
	border-color: #ff7f53;
}
.home-cta__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid rgba(255,208,131,.4);
	background: radial-gradient(circle, rgba(255,227,161,.22), rgba(0,0,0,.08));
	color: #ffd778;
	font-size: 24px;
	text-shadow: 0 0 12px rgba(255,205,97,.4);
}
.home-cta__copy { display: flex; flex-direction: column; }
.home-cta strong, .home-cta small { font-family: var(--font-display); }
.competitive-row .fantasy-card__header, .ranking-card__header, .top-eventero-card__header {
	background: linear-gradient(180deg, #651016 0%, #30070b 100%);
}
.competitive-row .fantasy-card__title, .ranking-card__header h2, .top-eventero-card__header h2, .events-card__header h2 {
	font-family: var(--font-display);
	letter-spacing: .05em;
}
.competitive-row .fantasy-card__title::before { content: '⚔ '; color: #ffce72; }
.ranking-card__header h2::before { content: '♛ '; color: #ffce72; }
.top-eventero-card__header h2::before { content: '🏆 '; }
.events-card__header h2::before { content: '🗓 '; }
.server-access-card__body h2::before { content: '☗ '; color: #ffce72; }
.top-eventero-card { border-color: rgba(255, 198, 57, 0.9); }
.server-access-card { background: linear-gradient(180deg, rgba(49,13,16,.98), rgba(17,8,10,.98)); }
.events-card { background: linear-gradient(180deg, rgba(12,11,18,.98), rgba(7,7,12,.98)); }
.button, .btn, .home-login-form button, .logged-actions a, .competitive-row .competitive-guild-card .button {
	font-family: var(--font-body);
	background: linear-gradient(180deg, #8a1e1b 0%, #360d0e 100%);
	border-color: #e46544;
}
.table th, .data-table-wrap th, .home-ranking-table th { font-family: var(--font-body); }
.home-ranking-table td, .competitive-row .competitive-guild-card__details dd, .event-line strong, .server-status-copy strong { font-family: var(--font-body); }
@media (max-width: 760px) {
	.site-nav__link { font-size: 17px; }
	.site-nav__icon { width: 18px; font-size: 13px; }
	.home-cta { gap: 10px; }
	.home-cta__icon { width: 38px; height: 38px; font-size: 20px; }
}


/* ===== Maswel Dark Premium v5 ===== */
:root {
	--mw-premium-red-1: #a50e14;
	--mw-premium-red-2: #7f0b10;
	--mw-premium-red-3: #49070b;
	--mw-premium-gold-1: #ffd989;
	--mw-premium-gold-2: #ffbf55;
	--mw-premium-gold-3: #b97924;
	--mw-premium-orange: #ff9347;
}

.hero-stats { gap: 10px; }
.hero-stat {
	position: relative;
	overflow: hidden;
	min-height: 74px;
	padding: 8px 10px 10px;
	border: 1px solid rgba(255, 163, 98, 0.88);
	background:
		linear-gradient(180deg, rgba(165,14,20,.94) 0%, rgba(86,10,15,.96) 48%, rgba(40,5,9,.98) 100%);
	box-shadow:
		0 10px 22px rgba(0,0,0,.28),
		inset 0 0 22px rgba(255,255,255,.05),
		inset 0 1px 0 rgba(255,224,188,.16);
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.hero-stat::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 38%, transparent 60%);
	opacity: .55;
	pointer-events: none;
}
.hero-stat:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 210, 133, 0.95);
	box-shadow:
		0 14px 26px rgba(0,0,0,.32),
		0 0 18px rgba(255, 145, 71, .16),
		inset 0 0 22px rgba(255,255,255,.06);
}
.hero-stat__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,232,185,.28) 0%, rgba(255,190,92,.14) 62%, rgba(0,0,0,0) 100%);
	border: 1px solid rgba(255, 212, 116, .32);
	margin-bottom: 4px;
}
.hero-stat strong {
	font-size: 17px;
	letter-spacing: .01em;
}
.hero-stat small {
	font-size: 10px;
	letter-spacing: .16em;
}

.quick-actions {
	padding: 12px;
	border-radius: 14px;
	background:
		radial-gradient(circle at 15% 10%, rgba(188, 34, 41, .12), transparent 25%),
		linear-gradient(180deg, rgba(58,16,19,.97), rgba(18,7,10,.99));
	box-shadow:
		0 18px 34px rgba(0,0,0,.28),
		inset 0 1px 0 rgba(255,255,255,.06),
		0 0 0 1px rgba(255,128,91,.08);
}
.social-strip { gap: 12px; }
.social-chip {
	position: relative;
	padding: 6px 3px;
	border-radius: 12px;
	transition: transform .2s ease, filter .2s ease;
}
.social-chip:hover {
	transform: translateY(-2px) scale(1.03);
	filter: brightness(1.05);
}
.social-chip__icon {
	position: relative;
	width: 54px;
	height: 54px;
	padding: 10px;
	border-radius: 50%;
	border: 1px solid rgba(255, 215, 145, .18);
	box-shadow:
		0 10px 20px rgba(0,0,0,.24),
		inset 0 1px 0 rgba(255,255,255,.09),
		0 0 0 1px rgba(255,255,255,.03);
	overflow: hidden;
}
.social-chip__icon::before {
	content: "";
	position: absolute;
	inset: -2px;
	border-radius: 50%;
	background: linear-gradient(145deg, rgba(255,255,255,.22), transparent 42%, rgba(0,0,0,.16));
	pointer-events: none;
}
.social-chip__icon img {
	position: relative;
	z-index: 1;
}
.social-chip__label {
	margin-top: 4px;
	font-size: 13px;
	font-weight: 700;
	color: #fff0db;
}
.social-chip--whatsapp .social-chip__icon {
	background: radial-gradient(circle at 30% 28%, rgba(93, 255, 171, .24), rgba(17, 68, 40, .42) 64%, rgba(13,16,18,.9) 100%);
	box-shadow: 0 10px 20px rgba(0,0,0,.24), 0 0 18px rgba(52, 215, 113, .14), inset 0 1px 0 rgba(255,255,255,.09);
}
.social-chip--facebook .social-chip__icon {
	background: radial-gradient(circle at 30% 28%, rgba(100, 159, 255, .22), rgba(28, 60, 137, .42) 64%, rgba(13,16,18,.9) 100%);
	box-shadow: 0 10px 20px rgba(0,0,0,.24), 0 0 18px rgba(66, 117, 255, .14), inset 0 1px 0 rgba(255,255,255,.09);
}
.social-chip--discord .social-chip__icon {
	background: radial-gradient(circle at 30% 28%, rgba(154, 142, 255, .24), rgba(74, 69, 148, .42) 64%, rgba(13,16,18,.9) 100%);
	box-shadow: 0 10px 20px rgba(0,0,0,.24), 0 0 18px rgba(113, 110, 255, .14), inset 0 1px 0 rgba(255,255,255,.09);
}
.social-chip--tiktok .social-chip__icon {
	background: radial-gradient(circle at 30% 28%, rgba(255, 105, 141, .16), rgba(51, 20, 34, .5) 54%, rgba(13,16,18,.92) 100%);
	box-shadow: 0 10px 20px rgba(0,0,0,.24), 0 0 18px rgba(255, 89, 127, .12), inset 0 1px 0 rgba(255,255,255,.09);
}

.cta-strip { gap: 12px; }
.home-cta {
	position: relative;
	overflow: hidden;
	min-height: 86px;
	padding: 12px 18px;
	justify-content: center;
	border: 1px solid rgba(255, 172, 103, 0.9);
	border-radius: 14px;
	background:
		radial-gradient(circle at 12% 14%, rgba(255, 213, 133, .12), transparent 18%),
		linear-gradient(180deg, #b3131b 0%, #7f0b10 34%, #4d070b 72%, #2c0508 100%);
	box-shadow:
		0 18px 30px rgba(0,0,0,.28),
		0 0 22px rgba(255, 116, 69, .16),
		inset 0 1px 0 rgba(255,255,255,.12),
		inset 0 -8px 18px rgba(0,0,0,.28);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
}
.home-cta::before {
	content: "";
	position: absolute;
	top: -120%;
	left: -28%;
	width: 34%;
	height: 320%;
	transform: rotate(18deg);
	background: linear-gradient(180deg, transparent, rgba(255,255,255,.22), transparent);
	opacity: .68;
	transition: left .4s ease;
	pointer-events: none;
}
.home-cta:hover::before { left: 118%; }
.home-cta:hover {
	transform: translateY(-3px) scale(1.01);
	filter: brightness(1.05);
	border-color: rgba(255, 217, 145, 0.98);
	box-shadow:
		0 22px 34px rgba(0,0,0,.32),
		0 0 26px rgba(255, 132, 82, .26),
		inset 0 1px 0 rgba(255,255,255,.16),
		inset 0 -8px 20px rgba(0,0,0,.28);
}
.home-cta:active { transform: translateY(-1px) scale(.995); }
.home-cta__icon {
	position: relative;
	width: 54px;
	height: 54px;
	font-size: 28px;
	border: 1px solid rgba(255, 212, 118, .52);
	background:
		radial-gradient(circle at 35% 35%, rgba(255, 238, 204, .32) 0%, rgba(255, 194, 83, .2) 42%, rgba(98, 14, 20, .45) 100%);
	box-shadow:
		0 8px 18px rgba(0,0,0,.24),
		0 0 16px rgba(255, 206, 96, .18),
		inset 0 1px 0 rgba(255,255,255,.2);
	animation: maswelPremiumPulse 2.6s ease-in-out infinite;
}
.home-cta__copy {
	min-width: 0;
	align-items: flex-start;
	justify-content: center;
}
.home-cta strong {
	font-size: clamp(2.05rem, 2vw, 2.55rem);
	line-height: .95;
	letter-spacing: .02em;
	text-shadow: 0 2px 8px rgba(0,0,0,.28);
}
.home-cta small {
	margin-top: 7px;
	font-size: 15px;
	letter-spacing: .22em;
	text-shadow: 0 1px 5px rgba(0,0,0,.22);
}
.home-cta--register {
	background:
		radial-gradient(circle at 12% 14%, rgba(255, 213, 133, .12), transparent 18%),
		linear-gradient(180deg, #9e0f16 0%, #70090f 34%, #3f060a 72%, #250408 100%);
}

@keyframes maswelPremiumPulse {
	0%, 100% { transform: scale(1); box-shadow: 0 8px 18px rgba(0,0,0,.24), 0 0 16px rgba(255,206,96,.18), inset 0 1px 0 rgba(255,255,255,.2); }
	50% { transform: scale(1.06); box-shadow: 0 10px 22px rgba(0,0,0,.28), 0 0 22px rgba(255,206,96,.28), inset 0 1px 0 rgba(255,255,255,.22); }
}

.competitive-row .fantasy-card,
.ranking-card,
.top-eventero-card,
.server-access-card,
.events-card {
	position: relative;
	overflow: hidden;
}
.competitive-row .fantasy-card::before,
.ranking-card::before,
.top-eventero-card::before,
.server-access-card::before,
.events-card::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 14%);
}
.competitive-row .fantasy-card__header,
.ranking-card__header,
.top-eventero-card__header {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.09);
}
.competitive-row .fantasy-card__title,
.ranking-card__header h2,
.top-eventero-card__header h2,
.events-card__header h2,
.server-access-card__body h2 {
	text-shadow: 0 2px 8px rgba(0,0,0,.25);
}

@media (max-width: 1120px) {
	.home-cta strong { font-size: clamp(1.85rem, 1.8vw, 2.2rem); }
}
@media (max-width: 760px) {
	.social-chip__icon { width: 48px; height: 48px; }
	.social-chip__label { font-size: 12px; }
	.home-cta { min-height: 80px; padding: 10px 14px; }
	.home-cta__icon { width: 46px; height: 46px; font-size: 24px; }
	.home-cta strong { font-size: 1.85rem; }
	.home-cta small { font-size: 13px; letter-spacing: .18em; }
}
@media (max-width: 660px) {
	.hero-stat { min-height: 66px; }
	.hero-stat strong { font-size: 15px; }
	.social-strip { gap: 8px; }
	.social-chip__icon { width: 44px; height: 44px; padding: 8px; }
	.social-chip__label { font-size: 11px; }
	.home-cta { justify-content: flex-start; }
	.home-cta strong { font-size: 1.55rem; }
	.home-cta small { font-size: 11px; }
}

/* ===== Maswel Dark v6 — supplied artwork + Rey del MU dashboard ===== */
body {
	background-color: #080605;
	background-image: linear-gradient(rgba(5, 4, 4, .66), rgba(5, 4, 4, .78)), var(--page-background);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.page-home,
.page-inner { background: transparent; }
.page-home .site-main,
.page-inner .site-main {
	background: linear-gradient(180deg, rgba(24, 20, 19, .46), rgba(9, 8, 8, .68));
}

/* Compact top navigation requested for the public site. */
.top-navigation__inner { min-height: 42px; }
.site-nav__link {
	min-height: 42px;
	padding: 0 18px;
	font-size: 15px;
}
.top-navigation__account a { font-size: 14px; }
.nav-toggle { min-height: 42px; padding-top: 6px; padding-bottom: 6px; }

/* The supplied panels already contain their labels and ornaments. */
.hero-stats { gap: 8px; }
.hero-stat.hero-stat--image {
	position: relative;
	min-height: 0;
	aspect-ratio: 1.94 / 1;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .28);
	overflow: hidden;
}
.hero-stat.hero-stat--image::before { display: none; }
.hero-stat.hero-stat--image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.hero-stat.hero-stat--image strong {
	position: absolute;
	left: 10%;
	right: 10%;
	top: 39%;
	margin: 0;
	color: #fff5e6;
	font-family: var(--font-display);
	font-size: clamp(15px, 1.55vw, 23px);
	font-weight: 800;
	line-height: 1;
	text-align: center;
	text-shadow: 0 2px 7px rgba(0, 0, 0, .92), 0 0 10px rgba(255, 180, 73, .2);
}
.hero-stat.hero-stat--image:hover { transform: translateY(-2px); }

.quick-actions { padding: 10px 12px 12px; }
.social-strip { gap: 8px; }
.social-chip {
	display: grid;
	place-items: center;
	min-height: 92px;
	padding: 0;
	border-radius: 8px;
	background: transparent;
}
.social-chip__art {
	display: block;
	width: auto;
	height: 92px;
	max-width: 100%;
	object-fit: contain;
	filter: drop-shadow(0 6px 9px rgba(0,0,0,.32));
}
.social-chip:hover { transform: translateY(-2px); filter: brightness(1.06); }
.social-chip[aria-disabled="true"] { opacity: .48; cursor: not-allowed; }
.social-chip__icon,
.social-chip__label { display: none !important; }

.cta-strip { gap: 10px; }
.home-cta.home-cta--image {
	display: block;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	box-shadow: 0 10px 22px rgba(0,0,0,.28);
	overflow: hidden;
}
.home-cta.home-cta--image::before { display: none; }
.home-cta.home-cta--image img {
	display: block;
	width: 100%;
	height: auto;
}
.home-cta.home-cta--image:hover {
	transform: translateY(-2px);
	border: 0;
	background: transparent;
	box-shadow: 0 14px 26px rgba(0,0,0,.34), 0 0 18px rgba(218, 135, 52, .16);
}

/* Give the detailed Rey del MU card the width needed by the supplied reference. */
.competitive-row { grid-template-columns: 1fr; }
.king-event-card {
	border: 1px solid #6f4b26 !important;
	border-radius: 7px !important;
	background:
		radial-gradient(circle at 72% 20%, rgba(105, 53, 12, .16), transparent 28%),
		linear-gradient(180deg, rgba(21, 15, 11, .98), rgba(10, 9, 8, .99)) !important;
	box-shadow: 0 18px 36px rgba(0,0,0,.3), inset 0 0 0 1px rgba(222, 157, 68, .06);
}
.king-event-card__header {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 108px;
	padding: 15px 18px 12px;
	border-bottom: 1px solid #563719;
	background:
		radial-gradient(circle at 50% 0, rgba(123, 45, 18, .22), transparent 56%),
		linear-gradient(180deg, #32100d 0%, #1a0c09 100%);
	text-align: center;
}
.king-event-card__header::after {
	content: "◆";
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	color: #b36f25;
	font-size: 17px;
	text-shadow: 0 0 8px rgba(255, 146, 29, .4);
}
.king-event-card__crown {
	color: #e0a43e;
	font-size: 31px;
	line-height: 1;
	text-shadow: 0 2px 8px rgba(0,0,0,.55), 0 0 12px rgba(224,164,62,.2);
}
.king-event-card__header h2 {
	margin: 2px 0 4px;
	color: #d4a054;
	font-family: var(--font-display);
	font-size: clamp(27px, 3.2vw, 44px);
	font-weight: 500;
	letter-spacing: .02em;
	text-shadow: 0 2px 7px rgba(0,0,0,.7);
}
.king-event-card__updated {
	align-self: stretch;
	margin-top: 8px;
	padding-top: 9px;
	border-top: 1px solid rgba(143, 91, 38, .4);
	color: #f0e9df;
	font-size: 14px;
	text-align: left;
}
.king-event-card__updated strong { font-weight: 600; }
.king-event-card__body {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr);
	gap: 28px;
	padding: 25px 28px 28px;
}
.king-event-card__rankings > h3 {
	margin: 0 0 13px;
	color: #b47a36;
	font-size: 21px;
	font-weight: 700;
}
.king-event-list { margin: 0 0 17px; }
.king-event-list:last-child { margin-bottom: 0; }
.king-event-list h4 {
	margin: 0 0 5px;
	color: #d49a35;
	font-size: 16px;
	font-weight: 600;
}
.king-event-list ol { margin: 0; padding: 0; list-style: none; }
.king-event-list li {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: baseline;
	gap: 5px;
	min-height: 24px;
	color: #f2eee9;
	font-size: 15px;
}
.king-event-list__rank { font-weight: 800; text-align: right; }
.king-event-list li strong {
	min-width: 0;
	overflow: hidden;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.king-event-list li b { font-weight: 500; white-space: nowrap; }
.king-event-list__empty { margin: 5px 0 0 39px; color: #8e847b; font-size: 13px; }

.king-event-card__winner {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
}
.king-event-card__mark {
	display: grid;
	place-items: center;
	width: min(100%, 270px);
	aspect-ratio: 1 / 1;
	margin: 0 auto 13px;
	border: 2px solid #8c5b25;
	background:
		radial-gradient(circle, rgba(116, 66, 25, .25), rgba(20, 14, 10, .88) 66%),
		linear-gradient(135deg, rgba(255,255,255,.03), transparent);
	box-shadow: inset 0 0 28px rgba(0,0,0,.65), 0 0 0 2px rgba(32,21,13,.9), 0 9px 19px rgba(0,0,0,.32);
}
.king-event-card__mark .guild-mark-image { width: min(168px, 64%); height: auto; }
.king-event-card__mark .guild-mark-placeholder {
	display: grid;
	place-items: center;
	width: 112px;
	height: 112px;
	border: 0;
	color: #e3aa4f;
	font-family: var(--font-display);
	font-size: 84px;
	text-shadow: 0 3px 10px rgba(0,0,0,.78);
}
.king-event-card__identity { padding: 0 5px; }
.king-event-card__eyebrow,
.king-event-card__master span {
	display: block;
	color: #a77a3f;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .02em;
}
.king-event-card__identity h3 {
	margin: 2px 0 0;
	font-size: clamp(28px, 3.5vw, 43px);
	font-weight: 800;
	line-height: 1.05;
}
.king-event-card__identity h3 a { color: #fff; text-decoration: none; }
.king-event-card__divider {
	height: 1px;
	margin: 14px 0 15px;
	background: linear-gradient(90deg, transparent, #6e471f 12%, #6e471f 88%, transparent);
}
.king-event-card__master {
	display: grid;
	grid-template-columns: 48px 1fr;
	align-items: center;
	gap: 11px;
	padding: 0 5px;
}
.king-event-card__master-icon {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid #342318;
	background: #18110c;
	color: #d99a3b;
	font-size: 25px;
}
.king-event-card__master strong {
	display: block;
	margin-top: 3px;
	color: #f1eee9;
	font-size: 20px;
	font-weight: 700;
}

@media (max-width: 760px) {
	.top-navigation__inner { min-height: 40px; }
	.site-nav__link { min-height: 40px; padding: 0 13px; font-size: 14px; }
	.social-chip { min-height: 72px; }
	.social-chip__art { height: 72px; }
	.king-event-card__body { grid-template-columns: 1fr; gap: 22px; padding: 21px 18px 24px; }
	.king-event-card__winner { order: -1; }
	.king-event-card__mark { width: min(220px, 78vw); }
	.king-event-card__identity, .king-event-card__master { max-width: 420px; width: 100%; margin-left: auto; margin-right: auto; }
	.king-event-list li { grid-template-columns: 31px minmax(0, 1fr) auto; font-size: 14px; }
}
@media (max-width: 520px) {
	.hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.social-chip { min-height: 64px; }
	.social-chip__art { height: 64px; }
	.king-event-card__updated { font-size: 12px; }
	.king-event-card__body { padding-left: 13px; padding-right: 13px; }
	.king-event-list li { font-size: 13px; }
}

/* ===== Maswel Dark V2.2 — staging corrections from live screenshot ===== */
/* 1) Server logo: transparent container and AdminCP-controlled width. */
.hero-panel__logo-wrap {
	width: min(var(--server-logo-size, 190px), 56%) !important;
	height: auto !important;
	aspect-ratio: auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
.hero-panel__logo {
	width: 100% !important;
	height: auto !important;
	max-height: 185px !important;
	object-fit: contain !important;
	filter: drop-shadow(0 8px 12px rgba(0,0,0,.72));
}

/* 3) Keep Season / rates centered inside the supplied artwork. */
.hero-stat.hero-stat--image strong {
	top: 41% !important;
	left: 13% !important;
	right: 13% !important;
	font-size: clamp(11px, 1.02vw, 16px) !important;
	line-height: 1 !important;
	letter-spacing: -.01em;
	white-space: nowrap;
}

/* 5) Castle Siege + Rey del MU: two aligned cards like the supplied reference. */
.competitive-row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	align-items: stretch;
}
.competitive-row > .competitive-card {
	min-width: 0;
	height: 326px !important;
	margin: 0 !important;
}
.competitive-row .competitive-card--castle .competitive-card__header,
.king-event-card__header {
	min-height: 58px !important;
	height: 58px;
	box-sizing: border-box;
}
.competitive-row .competitive-card--castle .competitive-guild-card {
	grid-template-columns: 94px minmax(0, 1fr) !important;
	grid-template-rows: 1fr auto;
	align-items: center;
	gap: 8px 13px !important;
	min-height: 266px !important;
	height: 266px;
	padding: 13px 14px 10px !important;
	box-sizing: border-box;
}
.competitive-row .competitive-card--castle .competitive-guild-card__mark {
	width: 94px !important;
	min-height: 122px !important;
	align-self: center;
}
.competitive-row .competitive-card--castle .competitive-guild-card__mark img {
	max-width: 78px !important;
	max-height: 78px !important;
}
.competitive-row .competitive-card--castle .competitive-guild-card__details div { padding: 6px 0 !important; }
.competitive-row .competitive-card--castle .competitive-guild-card__details dt { font-size: 8px !important; }
.competitive-row .competitive-card--castle .competitive-guild-card__details dd { font-size: 12px !important; }
.competitive-row .competitive-card--castle .competitive-guild-card .button {
	grid-column: 1 / -1;
	align-self: end;
	min-height: 29px !important;
	font-size: 10px !important;
}

/* Compact King of MU layout while preserving all real log-derived rankings. */
.king-event-card { overflow: hidden; }
.king-event-card__header {
	padding: 4px 12px 3px !important;
	justify-content: center;
}
.king-event-card__crown { font-size: 16px !important; line-height: .8; }
.king-event-card__header h2 {
	margin: 0 !important;
	font-size: 20px !important;
	line-height: 1 !important;
}
.king-event-card__updated {
	margin-top: 4px !important;
	padding-top: 3px !important;
	font-size: 8px !important;
	line-height: 1;
}
.king-event-card__body {
	grid-template-columns: minmax(0, 1.08fr) minmax(118px, .92fr) !important;
	gap: 10px !important;
	height: 266px;
	padding: 10px 12px 11px !important;
	box-sizing: border-box;
}
.king-event-card__rankings { min-width: 0; }
.king-event-card__rankings > h3 {
	margin: 0 0 5px !important;
	font-size: 12px !important;
	line-height: 1.05;
}
.king-event-list { margin: 0 0 6px !important; }
.king-event-list h4 {
	margin: 0 0 2px !important;
	font-size: 9px !important;
	line-height: 1.05;
}
.king-event-list li {
	grid-template-columns: 20px minmax(0, 1fr) auto !important;
	gap: 3px !important;
	min-height: 13px !important;
	font-size: 8.5px !important;
	line-height: 1.12;
}
.king-event-list__empty { margin: 2px 0 4px 22px !important; font-size: 8px !important; }
.king-event-card__winner { justify-content: flex-start !important; min-width: 0; }
.king-event-card__mark {
	width: min(100%, 118px) !important;
	aspect-ratio: 1 / 1 !important;
	margin: 0 auto 5px !important;
}
.king-event-card__mark .guild-mark-image { width: min(84px, 72%) !important; }
.king-event-card__mark .guild-mark-placeholder { width: 70px !important; height: 70px !important; font-size: 50px !important; }
.king-event-card__identity { padding: 0 2px !important; }
.king-event-card__eyebrow,
.king-event-card__master span { font-size: 8px !important; }
.king-event-card__identity h3 {
	margin: 1px 0 0 !important;
	font-size: clamp(14px, 1.35vw, 20px) !important;
	line-height: 1 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.king-event-card__divider { margin: 6px 0 7px !important; }
.king-event-card__master {
	grid-template-columns: 29px minmax(0, 1fr) !important;
	gap: 6px !important;
	padding: 0 2px !important;
}
.king-event-card__master-icon { width: 28px !important; height: 28px !important; font-size: 15px !important; }
.king-event-card__master strong {
	margin-top: 1px !important;
	font-size: 11px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Top Eventero dimensions follow the supplied target more closely. */
.top-eventero-card__content { grid-template-columns: 47% 53%; min-height: 252px; }
.top-eventero-card__visual img { width: 94%; height: 96%; }
.top-eventero-card__info h3 { font-size: clamp(20px, 1.75vw, 27px); }
.top-eventero-card__info p { font-size: 10px; line-height: 1.45; }
.top-eventero-mini-table,
.top-eventero-mini-table th,
.top-eventero-mini-table td { font-size: 10px; }

@media (max-width: 900px) {
	.competitive-row { grid-template-columns: 1fr !important; }
	.competitive-row > .competitive-card { height: auto !important; min-height: 0; }
	.competitive-row .competitive-card--castle .competitive-guild-card { height: auto; min-height: 235px !important; }
	.king-event-card__body { height: auto; min-height: 255px; }
}
@media (max-width: 520px) {
	.hero-stat.hero-stat--image strong { font-size: clamp(10px, 3.1vw, 14px) !important; }
	.king-event-card__body { grid-template-columns: 1fr !important; }
	.king-event-card__winner { order: -1; }
	.king-event-card__mark { width: 105px !important; }
}

/* ===== Maswel Dark V2.5 — supplied event interfaces + footer stats ===== */
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* AdminCP page-background uploads are now cache-busted in PHP. Keep the
 * foreground veil light enough that the selected artwork remains visible. */
.page-home .site-main,
.page-inner .site-main {
	background: linear-gradient(180deg, rgba(9, 8, 8, .16), rgba(5, 5, 5, .40)) !important;
}

/* Provided Castle Siege / Rey del MU artwork is used as the actual panel skin. */
.competitive-row {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.16fr) !important;
	gap: 14px !important;
	align-items: start !important;
}
.competitive-row > .competitive-card {
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}
.competitive-row > .competitive-card::before { display: none !important; }

.castle-interface-card,
.king-interface-card,
.top-eventero-interface {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	border: 0 !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 100% 100% !important;
	box-shadow: 0 16px 30px rgba(0,0,0,.32);
}

.castle-interface-card {
	aspect-ratio: 1213 / 1212;
	background-image: url('../img/interfaces/castle-siege.png') !important;
}
.castle-interface-card a { text-decoration: none; }
.castle-interface-card__mark {
	position: absolute;
	left: 5.6%;
	top: 18.9%;
	width: 18.9%;
	height: 17.3%;
	display: grid;
	place-items: center;
}
.castle-interface-card__mark .guild-mark-image {
	width: 68% !important;
	height: 68% !important;
	object-fit: contain;
	image-rendering: pixelated;
	filter: drop-shadow(0 4px 6px rgba(0,0,0,.72));
}
.castle-interface-card__mark .guild-mark-placeholder {
	display: grid;
	place-items: center;
	width: 62%;
	aspect-ratio: 1;
	border: 0;
	color: #f3c566;
	font-family: var(--font-display);
	font-size: clamp(22px, 3vw, 46px);
}
.castle-interface-card__field {
	position: absolute;
	left: 26.5%;
	right: 5.4%;
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	transform: translateY(-50%);
	text-shadow: 0 3px 8px rgba(0,0,0,.9);
}
.castle-interface-card__field--owner { top: 28.1%; }
.castle-interface-card__field--master { top: 46.5%; }
.castle-interface-card__field--stage { top: 64.7%; }
.castle-interface-card__field--battle { top: 82.0%; }
.castle-interface-card__field span {
	color: #d4aa79;
	font-size: clamp(8px, .86vw, 15px);
	font-weight: 700;
	letter-spacing: .055em;
	line-height: 1.1;
	text-transform: uppercase;
}
.castle-interface-card__field strong,
.castle-interface-card__field strong a,
.castle-interface-card__field time {
	display: block;
	margin-top: 1.5%;
	max-width: 100%;
	color: #fff3e7;
	font-size: clamp(13px, 1.55vw, 27px);
	font-weight: 800;
	line-height: 1.08;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.castle-interface-card__field--owner strong,
.castle-interface-card__field--owner strong a,
.castle-interface-card__field--battle strong,
.castle-interface-card__field--battle time { color: #ffd76e; }
.castle-interface-card__button {
	position: absolute;
	left: 9.5%;
	right: 9.5%;
	bottom: 1.6%;
	height: 8.8%;
	border-radius: 9px;
}
.castle-interface-card__button:hover { background: rgba(255, 196, 88, .06); }

.king-interface-card {
	aspect-ratio: 1419 / 1227;
	background-image: url('../img/interfaces/rey-del-mu.png') !important;
	font-family: var(--font-body);
}
.king-interface-card__date {
	position: absolute;
	left: 17.1%;
	top: 18.9%;
	color: #fff4e7;
	font-size: clamp(9px, .83vw, 15px);
	font-weight: 700;
	line-height: 1;
	text-shadow: 0 2px 6px rgba(0,0,0,.9);
}
.king-interface-card__guild-times,
.king-interface-card__crowns,
.king-interface-card__kills {
	position: absolute;
	left: 7.0%;
	width: 42.8%;
}
.king-interface-card__guild-times { top: 37.0%; }
.king-interface-card__crowns { top: 59.4%; }
.king-interface-card__kills { top: 79.2%; }
.king-interface-row {
	display: grid;
	grid-template-columns: 10% minmax(0, 1fr) auto;
	align-items: baseline;
	gap: 2.5%;
	min-height: clamp(16px, 2vw, 28px);
	color: #f6eee4;
	font-size: clamp(9px, .93vw, 16px);
	line-height: 1.15;
	text-shadow: 0 2px 7px rgba(0,0,0,.95);
}
.king-interface-row__rank { color: #fff; font-weight: 800; text-align: right; }
.king-interface-row strong {
	min-width: 0;
	overflow: hidden;
	color: #f1c765;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.king-interface-row b { color: #fff4e5; font-weight: 700; white-space: nowrap; }
.king-interface-row.is-empty strong,
.king-interface-row.is-empty b { color: #9d8c7f; }
.king-interface-card__mark {
	position: absolute;
	left: 59.7%;
	top: 27.2%;
	width: 30.2%;
	height: 34.0%;
	display: grid;
	place-items: center;
}
.king-interface-card__mark .guild-mark-image {
	width: 58% !important;
	height: 58% !important;
	object-fit: contain;
	image-rendering: pixelated;
	filter: drop-shadow(0 7px 11px rgba(0,0,0,.78));
}
.king-interface-card__mark .guild-mark-placeholder {
	display: grid;
	place-items: center;
	width: 48%;
	aspect-ratio: 1;
	border: 0;
	color: #f0bb54;
	font-family: var(--font-display);
	font-size: clamp(32px, 5vw, 76px);
	text-shadow: 0 4px 12px rgba(0,0,0,.88);
}
.king-interface-card__winner {
	position: absolute;
	left: 56.3%;
	right: 4.3%;
	top: 68.9%;
	color: #ffcb58;
	font-family: var(--font-display);
	font-size: clamp(18px, 2.1vw, 37px);
	font-weight: 800;
	line-height: 1;
	text-align: center;
	text-shadow: 0 3px 7px #000, 0 0 14px rgba(255,119,22,.42);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.king-interface-card__winner a { color: inherit; text-decoration: none; }
.king-interface-card__master {
	position: absolute;
	left: 69.1%;
	right: 5.0%;
	top: 86.5%;
	color: #fff3e8;
	font-size: clamp(11px, 1.27vw, 22px);
	font-weight: 800;
	line-height: 1.1;
	text-shadow: 0 3px 8px rgba(0,0,0,.95);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Supplied Top Eventero skin. */
.top-eventero-interface {
	width: 100%;
	aspect-ratio: 1410 / 1059;
	background-image: url('../img/interfaces/top-eventero.png') !important;
}
.top-eventero-interface__visual {
	position: absolute;
	left: 4.3%;
	top: 19.3%;
	width: 42.0%;
	height: 74.2%;
	overflow: hidden;
}
.top-eventero-interface__visual img {
	position: absolute;
	left: 50%;
	bottom: 1%;
	width: 92%;
	height: 94%;
	transform: translateX(-50%);
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 6px 9px rgba(0,0,0,.72));
}
.top-eventero-interface__winner-name {
	position: absolute;
	left: 52.0%;
	right: 3.5%;
	top: 25.5%;
	color: #fff4e7;
	font-size: clamp(12px, 1.35vw, 22px);
	font-weight: 900;
	line-height: 1.05;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 3px 8px rgba(0,0,0,.95);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.top-eventero-interface__race,
.top-eventero-interface__points {
	position: absolute;
	left: 66.8%;
	right: 5.0%;
	color: #f7eee3;
	font-size: clamp(9px, .91vw, 14px);
	font-weight: 700;
	text-shadow: 0 2px 6px rgba(0,0,0,.95);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.top-eventero-interface__race { top: 37.2%; }
.top-eventero-interface__points { top: 44.7%; color: #ffd76c; }
.top-eventero-interface__table {
	position: absolute;
	left: 50.7%;
	right: 3.1%;
	top: 58.8%;
	bottom: 7.3%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.top-eventero-interface__row {
	display: grid;
	grid-template-columns: 19% minmax(0, 1fr) 25%;
	align-items: center;
	min-height: 18%;
	color: #fff3e5;
	font-size: clamp(8px, .78vw, 12px);
	line-height: 1;
	text-shadow: 0 2px 6px rgba(0,0,0,.95);
}
.top-eventero-interface__row span { text-align: center; }
.top-eventero-interface__row strong {
	min-width: 0;
	overflow: hidden;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.top-eventero-interface__row b { color: #ffd76c; font-weight: 800; text-align: right; padding-right: 9%; }

/* Sidebar server totals requested below the event schedule. */
.home-server-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 10px;
	border: 1px solid rgba(91, 99, 116, .28);
	border-radius: 8px;
	background: rgba(8, 10, 15, .88);
}
.home-server-stat {
	display: flex;
	min-height: 82px;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 13px 15px;
	border: 1px solid rgba(255,255,255,.025);
	border-radius: 7px;
	background: linear-gradient(145deg, rgba(28,30,36,.97), rgba(17,18,23,.98));
	box-shadow: 0 8px 16px rgba(0,0,0,.14);
}
.home-server-stat strong {
	display: block;
	color: #dce7ff;
	font-size: 20px;
	font-weight: 900;
	line-height: 1;
}
.home-server-stat span {
	display: block;
	margin-top: 10px;
	color: #c8d7ff;
	font-size: 11px;
	font-weight: 700;
}
.home-server-stat i {
	font-style: normal;
	font-size: 22px;
	font-weight: 800;
}
.home-server-stat--accounts i { color: #ff5a29; }
.home-server-stat--guilds i { color: #00b875; }
.home-server-stat--characters i { color: #a8ddff; }

@media (max-width: 1120px) {
	.castle-interface-card__field strong,
	.castle-interface-card__field strong a,
	.castle-interface-card__field time { font-size: clamp(12px, 1.45vw, 22px); }
	.king-interface-row { font-size: clamp(8px, .88vw, 14px); }
}
@media (max-width: 920px) {
	.competitive-row { grid-template-columns: 1fr !important; }
	.castle-interface-card,
	.king-interface-card { width: min(100%, 720px); margin-inline: auto !important; }
	.top-eventero-interface { max-width: 520px; margin-inline: auto; }
}
@media (max-width: 660px) {
	.castle-interface-card__field span { font-size: clamp(7px, 2.3vw, 12px); }
	.castle-interface-card__field strong,
	.castle-interface-card__field strong a,
	.castle-interface-card__field time { font-size: clamp(11px, 3.5vw, 20px); }
	.king-interface-card__date { font-size: clamp(8px, 2.3vw, 12px); }
	.king-interface-row { min-height: clamp(14px, 4.2vw, 23px); font-size: clamp(8px, 2.55vw, 13px); }
	.king-interface-card__winner { font-size: clamp(16px, 5.4vw, 30px); }
	.king-interface-card__master { font-size: clamp(10px, 3.2vw, 18px); }
	.home-server-stat { min-height: 72px; padding: 11px 12px; }
	.home-server-stat strong { font-size: 18px; }
	.home-server-stat span { font-size: 10px; }
}
@media (max-width: 430px) {
	.home-server-stats { grid-template-columns: 1fr; }
	.top-eventero-interface__winner-name { font-size: 12px; }
	.top-eventero-interface__race,
	.top-eventero-interface__points { font-size: 8px; }
	.top-eventero-interface__row { font-size: 7px; }
}

/* V2.5 final alignment refinements. */
.competitive-row { display: grid !important; }
.king-interface-card__date { left: 25.0%; top: 19.0%; }
.king-interface-row { font-size: clamp(10px, 1.05vw, 18px); }
.king-interface-card__date { left: 27.0%; }
/* ===== Maswel Dark V2.5.1 — overlay alignment, colors, fixed page background ===== */

/* Use an actual fixed <img> layer instead of relying on a CSS custom-property
 * background. This makes AdminCP background replacements visible across the
 * full viewport, including the left/right gutters outside .page-shell. */
body {
    background: #050505 !important;
    background-image: none !important;
}
.maswel-page-background {
    position: fixed;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    background: #050505;
}
.maswel-page-background img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    filter: brightness(.64) saturate(.92) contrast(1.03);
}
.top-navigation,
.site-main,
.site-footer {
    position: relative;
    z-index: 1;
}
.page-home .site-main,
.page-inner .site-main {
    background: linear-gradient(180deg, rgba(5,4,4,.24), rgba(5,4,4,.46)) !important;
}

/* Container-relative typography scales with the actual panel, not viewport
 * width. This prevents long values from overflowing when the Home is wide. */
.castle-interface-card,
.king-interface-card,
.top-eventero-interface {
    container-type: inline-size;
}

/* Castle Siege: labels stay muted-gold, while each dynamic value has a
 * different accent so owner/master/stage/battle can be scanned instantly. */
.castle-interface-card__field {
    left: 26.0%;
    right: 5.0%;
}
.castle-interface-card__field span {
    font-size: 10px;
    font-size: clamp(7px, 3.15cqw, 13px);
    letter-spacing: .035em;
}
.castle-interface-card__field strong,
.castle-interface-card__field strong a,
.castle-interface-card__field time {
    margin-top: 1.0%;
    font-size: 14px;
    font-size: clamp(10px, 4.75cqw, 20px);
    line-height: 1.03;
}
.castle-interface-card__field--owner strong,
.castle-interface-card__field--owner strong a { color: #ffd66d; }
.castle-interface-card__field--master strong { color: #8fdcff; }
.castle-interface-card__field--stage strong { color: #b9f0d2; }
.castle-interface-card__field--battle strong,
.castle-interface-card__field--battle time { color: #ffb25d; }
.castle-interface-card__field--owner { top: 27.7%; }
.castle-interface-card__field--master { top: 46.0%; }
.castle-interface-card__field--stage { top: 64.4%; }
.castle-interface-card__field--battle { top: 81.8%; }

/* Rey del MU: four visible guild-time slots, Top-3 crowns and Top-3 kills.
 * The supplied artwork already contains section labels, so only values are
 * positioned here. */
.king-interface-card__date {
    left: 27.0%;
    top: 18.7%;
    font-size: 10px;
    font-size: clamp(8px, 2.8cqw, 13px);
    color: #eaf4ff;
}
.king-interface-card__guild-times,
.king-interface-card__crowns,
.king-interface-card__kills {
    left: 7.2%;
    width: 42.5%;
}
.king-interface-card__guild-times { top: 38.6%; }
.king-interface-card__crowns { top: 59.1%; }
.king-interface-card__kills { top: 79.1%; }
.king-interface-row {
    grid-template-columns: 11% minmax(0, 1fr) auto;
    gap: 2.2%;
    min-height: 17px;
    min-height: clamp(14px, 5.3cqw, 22px);
    font-size: 10px;
    font-size: clamp(8px, 3.25cqw, 14px);
    line-height: 1.05;
}
.king-interface-row__rank { color: #fff4dc; }
.king-interface-card__guild-times .king-interface-row strong { color: #ffd169; }
.king-interface-card__guild-times .king-interface-row b { color: #92dcff; }
.king-interface-card__crowns .king-interface-row strong { color: #86efc8; }
.king-interface-card__crowns .king-interface-row b { color: #ffe071; }
.king-interface-card__kills .king-interface-row strong { color: #ffb18c; }
.king-interface-card__kills .king-interface-row b { color: #f7f3ee; }
.king-interface-row.is-empty strong,
.king-interface-row.is-empty b { color: #766e68 !important; }
.king-interface-card__winner {
    top: 68.5%;
    font-size: 21px;
    font-size: clamp(15px, 6.2cqw, 31px);
    color: #ffc84f;
}
.king-interface-card__master {
    left: 68.7%;
    top: 83.4%;
    font-size: 12px;
    font-size: clamp(9px, 3.6cqw, 18px);
    color: #aee4ff;
}

/* Top Eventero: align dynamic values to the empty regions of the supplied
 * skin, and use distinct colors for name/race/points/ranking values. */
.top-eventero-interface__winner-name {
    left: 52.0%;
    right: 3.8%;
    top: 25.7%;
    font-size: 15px;
    font-size: clamp(11px, 5.0cqw, 20px);
    color: #ffe083;
}
.top-eventero-interface__race,
.top-eventero-interface__points {
    left: 61.5%;
    right: 5.2%;
    font-size: 10px;
    font-size: clamp(8px, 3.25cqw, 13px);
}
.top-eventero-interface__race { top: 37.1%; color: #84dcff; }
.top-eventero-interface__points { top: 44.5%; color: #8dff9e; }
.top-eventero-interface__table {
    left: 50.2%;
    right: 3.3%;
    top: 61.0%;
    bottom: 6.8%;
}
.top-eventero-interface__row {
    grid-template-columns: 19% minmax(0, 1fr) 24%;
    min-height: 19.6%;
    font-size: 9px;
    font-size: clamp(7px, 2.95cqw, 12px);
}
.top-eventero-interface__row span { color: #ffbd62; font-weight: 800; }
.top-eventero-interface__row strong { color: #f8f2ea; }
.top-eventero-interface__row b { color: #ffe06a; padding-right: 7%; }

/* Slightly stronger footer cards once live SQL totals are available. */
.home-server-stat strong { color: #f1f6ff; }
.home-server-stat--accounts strong { color: #ffd0c4; }
.home-server-stat--guilds strong { color: #8af0c4; }
.home-server-stat--characters strong { color: #bfe8ff; }

@media (max-width: 920px) {
    .castle-interface-card__field span { font-size: clamp(8px, 2.5cqw, 13px); }
    .castle-interface-card__field strong,
    .castle-interface-card__field strong a,
    .castle-interface-card__field time { font-size: clamp(12px, 4.4cqw, 21px); }
    .king-interface-row { font-size: clamp(9px, 3.1cqw, 14px); }
}
/* V2.5.1 four-slot spacing fix: the four accumulated-time rows must end
 * before the built-in "MEJORES EN CORONA" heading. */
.king-interface-card__guild-times { top: 37.7%; }
.king-interface-card__guild-times .king-interface-row {
    min-height: 14px;
    min-height: clamp(12px, 4.15cqw, 18px);
    font-size: 9px;
    font-size: clamp(7px, 2.85cqw, 12px);
}

/* ===== Maswel Dark V2.6 — Top Eventero + Rey del MU readable interface ===== */

/* Keep both competitive cards aligned while giving the new Rey del MU artwork
 * its natural 784:599 proportion and a little more horizontal room. */
.competitive-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.31fr) !important;
    gap: 14px !important;
    align-items: start !important;
}

/* One uniform UI font for all live/dynamic values. The decorative text baked
 * into the supplied artwork remains untouched. */
.top-eventero-interface--v26,
.king-interface-card--v26,
.top-eventero-interface--v26 *,
.king-interface-card--v26 * {
    font-family: "Oxanium", "Trebuchet MS", Arial, sans-serif;
}

/* ---------------- Top Eventero V2.6 ---------------- */
.top-eventero-interface--v26 {
    aspect-ratio: 1410 / 1059;
    background-image: url('../img/interfaces/v26/top-eventero-v26.png') !important;
    container-type: inline-size;
}
.top-eventero-interface--v26 .top-eventero-interface__visual {
    left: 4.6%;
    top: 19.4%;
    width: 41.8%;
    height: 74.0%;
    border-radius: 1.5%;
    background:
        radial-gradient(circle at 50% 70%, rgba(105, 15, 4, .48), rgba(5, 3, 3, .94) 68%),
        rgba(5,3,3,.94);
    box-shadow: inset 0 0 28px rgba(0,0,0,.72);
}
.top-eventero-interface--v26 .top-eventero-interface__visual img {
    width: 96%;
    height: 96%;
    bottom: 0;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 7px 9px rgba(0,0,0,.82));
}
.top-eventero-v26__badge {
    position: absolute;
    z-index: 3;
    display: block;
    height: auto;
    object-fit: contain;
    pointer-events: none;
}
.top-eventero-v26__badge--winner {
    left: 55.0%;
    top: 15.8%;
    width: 38.5%;
}
.top-eventero-v26__badge--race {
    left: 50.0%;
    top: 37.4%;
    width: 22.3%;
}
.top-eventero-v26__badge--points {
    left: 50.0%;
    top: 46.2%;
    width: 22.3%;
}
.top-eventero-interface--v26 .top-eventero-interface__winner-name {
    z-index: 4;
    left: 51.8%;
    right: 4.2%;
    top: 29.4%;
    padding: .8% 1.5%;
    border-radius: 4px;
    background: rgba(3, 2, 2, .96);
    color: #ffe585;
    font-size: clamp(14px, 5.45cqw, 23px);
    font-weight: 800;
    letter-spacing: .025em;
    line-height: 1.04;
    text-shadow: 0 2px 7px #000, 0 0 10px rgba(255,170,30,.25);
}
.top-eventero-interface--v26 .top-eventero-interface__race,
.top-eventero-interface--v26 .top-eventero-interface__points {
    z-index: 4;
    left: 70.2%;
    right: 4.5%;
    padding: .35% .6%;
    border-radius: 3px;
    background: rgba(2, 2, 3, .94);
    font-size: clamp(10px, 3.65cqw, 15px);
    font-weight: 800;
    line-height: 1.05;
}
.top-eventero-interface--v26 .top-eventero-interface__race {
    top: 41.0%;
    color: #69eaff;
    text-shadow: 0 0 8px rgba(36,199,255,.42), 0 2px 5px #000;
}
.top-eventero-interface--v26 .top-eventero-interface__points {
    top: 49.8%;
    color: #54ffaf;
    text-shadow: 0 0 8px rgba(34,255,145,.35), 0 2px 5px #000;
}
.top-eventero-interface--v26 .top-eventero-interface__table {
    z-index: 4;
    left: 50.4%;
    right: 3.2%;
    top: 63.0%;
    bottom: 7.0%;
    padding: 1.0% 1.1% 0;
    background: rgba(2,2,2,.90);
    justify-content: flex-start;
}
.top-eventero-interface--v26 .top-eventero-interface__row {
    grid-template-columns: 19% minmax(0, 1fr) 25%;
    min-height: 30%;
    font-size: clamp(9px, 3.45cqw, 14px);
    font-weight: 700;
    line-height: 1;
}
.top-eventero-interface--v26 .top-eventero-interface__row span {
    color: #ffbf58;
    font-weight: 900;
}
.top-eventero-interface--v26 .top-eventero-interface__row strong {
    color: #f7f5f2;
    font-weight: 800;
    text-align: left;
}
.top-eventero-interface--v26 .top-eventero-interface__row b {
    color: #ffe15e;
    font-weight: 900;
    padding-right: 7%;
}
.top-eventero-interface--v26 .top-eventero-interface__row.is-empty strong,
.top-eventero-interface--v26 .top-eventero-interface__row.is-empty b {
    color: #746a61;
}

/* ---------------- Rey del MU V2.6 ---------------- */
.king-interface-card--v26 {
    aspect-ratio: 784 / 599;
    background-image: url('../img/interfaces/v26/rey-del-mu-v26.png') !important;
    container-type: inline-size;
    box-shadow: 0 16px 30px rgba(0,0,0,.36);
}
.king-v26__date {
    position: absolute;
    z-index: 4;
    left: 12.1%;
    top: 22.5%;
    min-width: 38%;
    padding: .65% 1.1%;
    background: rgba(14,10,8,.95);
    color: #d8cfc4;
    font-size: clamp(9px, 2.75cqw, 14px);
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 2px 5px #000;
}
.king-v26__date span { color: #f6a62c; margin-right: 1.2%; }
.king-v26__date strong { color: #ffffff; }

.king-v26__left-panel {
    position: absolute;
    z-index: 3;
    left: 2.9%;
    top: 28.0%;
    width: 48.4%;
    height: 66.8%;
    padding: 1.7% 2.1% 1.2%;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(20,14,10,.965), rgba(10,8,7,.975));
    box-shadow: inset 0 0 22px rgba(0,0,0,.48);
}
.king-v26__panel-title {
    height: 10%;
    color: #d89b45;
    font-size: clamp(11px, 3.45cqw, 18px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: .01em;
    white-space: nowrap;
}
.king-v26__panel-title span { color: #f3b84e; margin-right: 1.5%; }
.king-v26__section {
    display: flex;
    flex-direction: column;
    margin: 0;
}
.king-v26__section--times { height: 37%; }
.king-v26__section--crowns { height: 27%; }
.king-v26__section--kills { height: 27%; }
.king-v26__section h3 {
    display: flex;
    align-items: center;
    gap: 2.4%;
    margin: 0 0 1.7%;
    color: #e4a84b;
    font-size: clamp(9px, 2.75cqw, 14px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: .01em;
    white-space: nowrap;
}
.king-v26__section-icon {
    display: inline-grid;
    min-width: 1.15em;
    place-items: center;
    color: #ffbd50;
    font-family: Georgia, serif !important;
    font-size: 1.22em;
    text-shadow: 0 0 8px rgba(255,145,26,.32);
}
.king-v26__rows { min-height: 0; }
.king-interface-card--v26 .king-interface-row {
    display: grid;
    grid-template-columns: 11% minmax(0, 1fr) auto;
    gap: 2.0%;
    min-height: clamp(11px, 3.15cqw, 16px);
    color: #f4eee6;
    font-size: clamp(9px, 2.8cqw, 14px);
    font-weight: 700;
    line-height: 1.02;
    text-shadow: 0 2px 5px #000;
}
.king-interface-card--v26 .king-interface-row__rank {
    color: #fff5df;
    font-weight: 900;
}
.king-interface-card--v26 .king-v26__section--times .king-interface-row strong { color: #ffc95c; }
.king-interface-card--v26 .king-v26__section--times .king-interface-row b { color: #8bdcff; }
.king-interface-card--v26 .king-v26__section--crowns .king-interface-row strong { color: #8ff2c8; }
.king-interface-card--v26 .king-v26__section--crowns .king-interface-row b { color: #ffe071; }
.king-interface-card--v26 .king-v26__section--kills .king-interface-row strong { color: #ffb08b; }
.king-interface-card--v26 .king-v26__section--kills .king-interface-row b { color: #f7f4ef; }
.king-interface-card--v26 .king-interface-row.is-empty strong,
.king-interface-card--v26 .king-interface-row.is-empty b { color: #756b64 !important; }

.king-v26__mark-mask {
    position: absolute;
    z-index: 2;
    left: 54.7%;
    top: 24.0%;
    width: 28.8%;
    height: 36.7%;
    background: radial-gradient(circle, rgba(45,31,15,.28), rgba(10,8,6,.98) 72%);
}
.king-interface-card--v26 .king-interface-card__mark {
    z-index: 4;
    left: 58.1%;
    top: 27.0%;
    width: 22.0%;
    height: 29.5%;
}
.king-interface-card--v26 .king-interface-card__mark .guild-mark-image {
    width: 82% !important;
    height: 82% !important;
    object-fit: contain;
    image-rendering: pixelated;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,.8));
}
.king-v26__winner-block,
.king-v26__master-block {
    position: absolute;
    z-index: 4;
    left: 52.5%;
    right: 3.7%;
    padding: 1.1% 1.8%;
    overflow: hidden;
    background: rgba(12,9,7,.97);
}
.king-v26__winner-block { top: 62.0%; height: 13.8%; }
.king-v26__master-block { top: 79.2%; height: 12.8%; }
.king-v26__winner-block > span,
.king-v26__master-block > span {
    display: block;
    color: #b98a4e;
    font-size: clamp(8px, 2.35cqw, 12px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: .055em;
}
.king-interface-card--v26 .king-interface-card__winner,
.king-interface-card--v26 .king-interface-card__master {
    position: static;
    margin-top: 1.5%;
    width: 100%;
    color: #f9f5ee;
    line-height: 1.02;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.king-interface-card--v26 .king-interface-card__winner {
    font-family: "Cinzel", Georgia, serif;
    font-size: clamp(17px, 5.2cqw, 28px);
    font-weight: 800;
    color: #ffc653;
    text-shadow: 0 2px 7px #000, 0 0 12px rgba(255,104,22,.32);
}
.king-interface-card--v26 .king-interface-card__master {
    font-size: clamp(11px, 3.45cqw, 18px);
    font-weight: 800;
    color: #eef7ff;
}

@media (max-width: 920px) {
    .competitive-row { grid-template-columns: 1fr !important; }
    .king-interface-card--v26,
    .castle-interface-card { width: min(100%, 720px); margin-inline: auto !important; }
    .top-eventero-interface--v26 { max-width: 560px; margin-inline: auto; }
}

@media (max-width: 480px) {
    .top-eventero-interface--v26 .top-eventero-interface__winner-name { font-size: clamp(12px, 5.1cqw, 18px); }
    .top-eventero-interface--v26 .top-eventero-interface__race,
    .top-eventero-interface--v26 .top-eventero-interface__points { font-size: clamp(9px, 3.45cqw, 13px); }
    .top-eventero-interface--v26 .top-eventero-interface__row { font-size: clamp(8px, 3.25cqw, 12px); }
    .king-v26__panel-title { font-size: clamp(10px, 3.35cqw, 15px); }
    .king-v26__section h3 { font-size: clamp(8px, 2.65cqw, 12px); }
    .king-interface-card--v26 .king-interface-row { font-size: clamp(8px, 2.7cqw, 12px); }
}

/* V2.6 preview refinements: fully mask demo text baked into the supplied
 * Rey del MU artwork so only live SQL values remain visible. */
.king-interface-card--v26 .king-v26__date { background: #0e0a08; }
.king-interface-card--v26 .king-v26__left-panel {
    background: #100c09;
    box-shadow: inset 0 0 22px rgba(0,0,0,.55);
}
.king-interface-card--v26 .king-v26__panel-title {
    font-size: clamp(10px, 2.82cqw, 15px);
    letter-spacing: 0;
}
.king-interface-card--v26 .king-v26__mark-mask { background: #0b0805; }
.king-interface-card--v26 .king-v26__winner-block,
.king-interface-card--v26 .king-v26__master-block { background: #0c0907; }

/* V2.6 uses the supplied fantasy-style section icons as real image assets. */
.king-interface-card--v26 .king-v26__date img {
    width: 1.28em;
    height: 1.28em;
    margin-right: 1.4%;
    object-fit: contain;
    vertical-align: -0.22em;
}
.king-interface-card--v26 .king-v26__section h3 {
    white-space: normal;
    line-height: 1.04;
}
.king-interface-card--v26 .king-v26__section h3 > span:last-child {
    min-width: 0;
}
.king-interface-card--v26 .king-v26__section-icon {
    display: block;
    width: 1.55em;
    height: 1.55em;
    min-width: 1.55em;
    object-fit: contain;
    flex: 0 0 auto;
}
.king-interface-card--v26 .king-v26__section--times h3 {
    font-size: clamp(8px, 2.48cqw, 13px);
}

/* Keep all 4 + 3 + 3 Rey del MU rows inside the framed panel. */
.king-interface-card--v26 .king-v26__left-panel {
    display: grid;
    grid-template-rows: 9% 35% 27% 27%;
    row-gap: .6%;
}
.king-interface-card--v26 .king-v26__section--times,
.king-interface-card--v26 .king-v26__section--crowns,
.king-interface-card--v26 .king-v26__section--kills { height: auto; min-height: 0; }
.king-interface-card--v26 .king-interface-row {
    min-height: clamp(10px, 2.82cqw, 14px);
    font-size: clamp(8.5px, 2.62cqw, 13px);
}