@font-face { font-family: Cinzel; font-style: normal; font-weight: 500; src: url('../fonts/cinzel-latin.woff2') format('woff2'); }
@font-face { font-family: Cinzel; font-style: normal; font-weight: 600; src: url('../fonts/cinzel-latin.woff2') format('woff2'); }
@font-face { font-family: Cinzel; font-style: normal; font-weight: 700; src: url('../fonts/cinzel-latin.woff2') format('woff2'); }
@font-face { font-family: Cinzel; font-style: normal; font-weight: 800; src: url('../fonts/cinzel-latin.woff2') format('woff2'); }
@font-face { font-family: Cinzel; font-style: normal; font-weight: 900; src: url('../fonts/cinzel-latin.woff2') format('woff2'); }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; src: url('../fonts/inter-latin.woff2') format('woff2'); }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; src: url('../fonts/inter-latin.woff2') format('woff2'); }
@font-face { font-family: Inter; font-style: normal; font-weight: 600; src: url('../fonts/inter-latin.woff2') format('woff2'); }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; src: url('../fonts/inter-latin.woff2') format('woff2'); }
@font-face { font-family: Inter; font-style: normal; font-weight: 800; src: url('../fonts/inter-latin.woff2') format('woff2'); }

* { box-sizing: border-box; }
body.arcaico-page {
	margin: 0;
	background: #050607;
	color: #d8dce2;
	font-family: Inter, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.65;
	overflow-x: hidden;
}
body.arcaico-page, body.arcaico-page * { text-shadow: none !important; }
a { color: #c2c9d2; }
a:hover, a:focus { color: #fff; text-decoration: none; outline: 0; }
img { max-width: 100%; }
.site-width { width: calc(100% - 48px); max-width: 1180px; margin: 0 auto; position: relative; }

@media (any-pointer: fine) {
	html,
	body.arcaico-page,
	body.arcaico-page *,
	body.arcaico-page *::before,
	body.arcaico-page *::after,
	body.arcaico-page *:hover,
	body.arcaico-page *:active,
	body.arcaico-page *:focus {
		cursor: url('../img/cursor-arrow.cur'), url('../img/cursor-arrow.png') 2 1, default !important;
	}
}

/* Utility and navigation */
.utility-bar { height: 34px; color: #777e88; background: #030405; border-bottom: 1px solid rgba(255,255,255,.055); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.utility-inner { height: 34px; display: flex; align-items: center; justify-content: space-between; }
.utility-status { display: flex; gap: 8px; align-items: center; }
.utility-status strong { color: #aeb4bc; font-weight: 700; }
.status-dot, .online-icon { width: 7px; height: 7px; border-radius: 50%; background: #65d09a; box-shadow: 0 0 10px rgba(101,208,154,.8); display: inline-block; }
.utility-actions { display: flex; align-items: center; gap: 18px; }
.utility-actions > a { color: #8d949d; }
.utility-actions > a:hover { color: #fff; }
.utility-separator { height: 11px; width: 1px; background: #31353a; }
.language-menu { position: relative; }
.language-menu button { border: 0; background: transparent; color: #90969e; padding: 0; font-size: 10px; letter-spacing: .13em; }
.language-menu button img, .language-menu a img { width: 16px; margin-right: 5px; }
.language-menu button span { margin-left: 4px; color: #69c9ee; }
.language-menu ul { display: none; position: absolute; top: 24px; right: 0; z-index: 50; list-style: none; margin: 0; padding: 7px; min-width: 125px; background: #0b0d10; border: 1px solid rgba(190, 199, 211, .16); box-shadow: none; }
.language-menu.is-open ul { display: block; }
.language-menu li a { display: block; padding: 7px 9px; color: #9198a1; }
.language-menu li a:hover { color: #fff; background: rgba(255,255,255,.04); }
.main-header { position: absolute; z-index: 40; left: 0; right: 0; height: 86px; background: rgba(3,4,5,.75); border-bottom: 1px solid rgba(255,255,255,.06); }
.main-header.is-scrolled { position: fixed; top: 0; height: 70px; background: rgba(3,4,5,.75); box-shadow: none; }
.nav-shell { height: 100%; display: flex; align-items: center; }
.mini-brand { width: 220px; display: flex; align-items: center; gap: 12px; }
.mini-brand img { width: 66px; height: 66px; object-fit: contain; }
.mini-brand span { display: flex; flex-direction: column; line-height: 1; }
.mini-brand b { font-family: Cinzel, serif; font-size: 18px; letter-spacing: .08em; color: #edf0f3; }
.mini-brand small { color: #70b7d2; font-size: 8px; letter-spacing: .32em; margin-top: 7px; }
.primary-nav { flex: 1; }
.primary-nav > ul { display: flex; justify-content: center; gap: 27px; list-style: none; padding: 0; margin: 0; }
.primary-nav li a { position: relative; display: block; padding: 34px 0 31px; color: #9ba1a9; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.primary-nav li a:after { content: ''; position: absolute; left: 50%; right: 50%; bottom: -1px; height: 2px; background: #69c9ee; box-shadow: 0 0 12px #24769b; }
.primary-nav li a:hover { color: #fff; }
.primary-nav li a:hover:after { left: 0; right: 0; }
.nav-play { width: 155px; height: 42px; display: flex; justify-content: center; align-items: center; gap: 20px; border: 1px solid rgba(105,201,238,.55); color: #fff; background: rgba(26,88,116,.12); clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.nav-play:hover { background: #24769b; border-color: #69c9ee; color: #fff; box-shadow: 0 0 25px rgba(36,118,155,.24); }
.nav-play span { font-size: 17px; }
.nav-toggle { display: none; margin-left: auto; border: 1px solid rgba(190, 199, 211, .16); width: 43px; height: 38px; background: #0a0c0e; padding: 9px; }
.nav-toggle span { display: block; height: 1px; margin: 5px 0; background: #cad0d7; }

/* Hero */
.hero { position: relative; min-height: 820px; padding-top: 86px; overflow: hidden; background-color: #050607; background-image: linear-gradient(90deg, rgba(5,6,7,.97) 0%, rgba(5,6,7,.78) 36%, rgba(5,6,7,.18) 70%), linear-gradient(0deg, #050607 0%, transparent 30%), url('../img/hero-bg-v2.png'); background-position: center, center, center top; background-size: cover; background-repeat: no-repeat; }
.hero:before { display: none; }
.hero:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 190px; background: linear-gradient(transparent, #050607 88%); }
.hero-glow { position: absolute; width: 700px; height: 700px; right: 4%; top: -100px; border-radius: 50%; background: radial-gradient(circle, rgba(38,112,145,.16), transparent 68%); }
.hero-grid { min-height: 635px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; z-index: 2; }
.hero-copy { padding: 70px 0 20px; }
.eyebrow { display: flex; align-items: center; gap: 14px; color: #9adcf3; font-size: 10px; font-weight: 700; letter-spacing: .36em; }
.eyebrow span { width: 42px; height: 1px; background: #69c9ee; box-shadow: 0 0 8px #24769b; }
.hero h1 { margin: 23px 0 22px; color: #f2f3f4; font-family: Cinzel, Georgia, serif; font-size: 78px; font-weight: 800; letter-spacing: -.045em; line-height: .99; text-transform: uppercase; }
.hero h1 em { display: inline-block; color: transparent; background: linear-gradient(180deg, #fff 5%, #848b94 55%, #e2e5e8 85%); -webkit-background-clip: text; background-clip: text; font-style: normal; }
.hero-copy > p { width: 100%; max-width: 570px; margin: 0 0 34px; color: #969ca5; font-size: 15px; line-height: 1.85; }
.hero-actions { display: flex; gap: 14px; }
.btn-forged { min-width: 184px; height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 25px; clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.btn-forged-primary { color: #fff; border: 1px solid #79d5f4; background: linear-gradient(135deg, #3b9ac2, #12364a); box-shadow: inset 0 1px rgba(255,255,255,.15), 0 12px 30px rgba(18,67,91,.28); }
.btn-forged-primary:hover { color: #fff; background: linear-gradient(135deg, #8ee3ff, #195a78); transform: translateY(-2px); }
.btn-forged-ghost { color: #b8bec6; border: 1px solid rgba(194,201,210,.3); background: rgba(7,8,10,.66); }
.btn-forged-ghost:hover { border-color: #9da4ad; color: #fff; transform: translateY(-2px); }
.hero-time { display: flex; align-items: baseline; gap: 12px; margin-top: 38px; color: #656b74; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.hero-time strong { color: #b9c0c8; font-size: 12px; }
.hero-time small { color: #565b62; }
.hero-emblem { display: flex; justify-content: center; align-items: center; min-height: 620px; position: relative; }
.hero-emblem > img { width: 51vw; max-width: 590px; max-height: 610px; object-fit: contain; transform: translate(28px, 13px); }
.online-plate { position: absolute; right: 2px; bottom: 8px; width: 270px; min-height: 82px; display: grid; grid-template-columns: 17px 1fr; grid-template-rows: auto auto; column-gap: 8px; align-content: center; align-items: center; padding: 13px 20px 14px; background: linear-gradient(110deg, rgba(15,18,22,.96), rgba(5,6,7,.94)); border: 1px solid rgba(194,201,210,.2); border-left: 2px solid #24769b; clip-path: polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px)); box-shadow: none; }
.online-plate small { display: block; color: #757c85; font-size: 8px; letter-spacing: .17em; }
.online-plate strong { display: block; color: #fff; font-family: Cinzel, serif; font-size: 23px; line-height: 1.15; }
.online-capacity { grid-column: 2; width: 100%; margin-top: 9px; }
.online-capacity-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; color: #626972; font-size: 7px; font-weight: 700; letter-spacing: .14em; line-height: 1; }
.online-capacity-head b { color: #a2a9b1; font-family: Cinzel, serif; font-size: 9px; font-weight: 700; letter-spacing: .04em; }
.online-meter { position: relative; width: 100%; height: 4px; overflow: hidden; background: #20252b; border: 1px solid rgba(190,199,211,.1); }
.online-meter i { display: block; height: 100%; min-width: 0; background: linear-gradient(90deg, #174c68, #69c9ee); box-shadow: 0 0 9px rgba(105,201,238,.68); transition: width .8s linear; }
.hero-stats { z-index: 4; height: 112px; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; background: rgba(8,10,12,.92); border: 1px solid rgba(194,201,210,.13); border-top-color: rgba(194,201,210,.25); box-shadow: none; clip-path: polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px); }
.hero-stats > div { min-height: 48px; padding: 5px 28px; border-right: 1px solid rgba(190, 199, 211, .16); display: flex; flex-direction: column; justify-content: center; }
.hero-stats > div:last-child { border-right: 0; }
.hero-stats small { color: #656c74; font-size: 8px; font-weight: 700; letter-spacing: .22em; }
.hero-stats strong { margin-top: 4px; color: #d8dde2; font-family: Cinzel, serif; font-size: 14px; font-weight: 700; }
.hero-stats span { color: #555b62; font-size: 8px; }
.hero-stats > .creation-totals { display: grid; grid-template-columns: 1fr; gap: 7px; padding-top: 11px; padding-bottom: 11px; }
.creation-totals > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
.creation-totals > div + div { padding-top: 7px; border-top: 1px solid rgba(190, 199, 211, .12); }
.creation-totals small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; letter-spacing: .12em; }
.creation-totals strong { flex: 0 0 auto; margin-top: 0; color: #d8dde2; font-size: 14px; }
.inner-banner { min-height: 285px; padding: 155px 0 55px; background: linear-gradient(90deg, rgba(5,6,7,.98), rgba(5,6,7,.45)), linear-gradient(0deg, #050607, transparent), url('../img/hero-bg-v2.png') center 36% / cover no-repeat; border-bottom: 1px solid rgba(190, 199, 211, .16); }
.inner-banner span { color: #69c9ee; font-size: 9px; font-weight: 800; letter-spacing: .32em; }
.inner-banner h1 { margin: 9px 0 0; color: #eef0f2; font-family: Cinzel, serif; font-size: 37px; font-weight: 700; text-transform: uppercase; }

/* WebEngine module skin */
.main-content { position: relative; min-height: 450px; padding: 70px 0 95px; background: radial-gradient(circle at 50% 0, rgba(36,118,155,.055), transparent 38%), #050607; }
.main-content:before { display: none; }
.content-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.content-grid.has-sidebar { grid-template-columns: minmax(0, 2fr) minmax(270px, 1fr); align-items: start; }
.module-stage, .module-sidebar { min-width: 0; position: relative; z-index: 1; }
.module-stage > .row { margin-left: -12px; margin-right: -12px; }
.module-stage [class*="col-"] { padding-left: 12px; padding-right: 12px; }
.page-title { margin: 0 0 28px !important; color: #eef0f2 !important; font-family: Cinzel, serif !important; font-size: 29px !important; font-weight: 700 !important; letter-spacing: .02em; text-transform: uppercase; }
.page-title:after { content: ''; display: block; width: 52px; height: 2px; margin-top: 14px; background: #24769b; box-shadow: 0 0 9px rgba(105,201,238,.7); }
.panel { margin-bottom: 24px; color: #a9afb7; background: linear-gradient(145deg, rgba(17,20,25,.96), rgba(9,11,14,.98)); border: 1px solid rgba(190, 199, 211, .16); border-radius: 0; box-shadow: none; clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); }
.online-plate, .hero-stats, .profiles_guild_card, .profiles_player_card, .castle-owner-hero, .castle-panel { box-shadow: none; }
.profiles_guild_card { text-shadow: none; }
.panel-heading { min-height: 54px; padding: 18px 21px; color: #e1e5e9 !important; background: linear-gradient(90deg, rgba(36,118,155,.12), transparent 65%) !important; border: 0 !important; border-bottom: 1px solid rgba(190, 199, 211, .16) !important; border-radius: 0; }
.panel-heading:before { content: ''; display: inline-block; width: 3px; height: 14px; margin-right: 10px; vertical-align: -2px; background: #69c9ee; box-shadow: 0 0 8px rgba(105,201,238,.65); }
.panel-title { display: inline; color: #e4e7eb !important; font-family: Cinzel, serif; font-size: 13px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.panel-body { padding: 21px; }
.panel-footer { background: rgba(0,0,0,.2); border-top: 1px solid rgba(190, 199, 211, .16); }
.home-news-block .panel { min-height: 245px; }
.home-news-block .panel-body { color: #979ea7; line-height: 1.75; }
.home-news-block .panel-title a { color: #e1e5e9; }
.home-news-block .panel-title a:hover { color: #69c9ee; }
.home-news-block .panel-footer { color: #646b74; font-size: 10px; letter-spacing: .08em; }
.table { color: #a3aab3; background: transparent; }
.table > thead > tr > th { padding: 13px 12px; color: #d9dde2; background: rgba(36,118,155,.1); border-bottom: 1px solid rgba(105,201,238,.34); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td { padding: 12px; border-top: 1px solid rgba(194,201,210,.09); vertical-align: middle; }
.table-striped > tbody > tr:nth-of-type(odd) { background: rgba(255,255,255,.018); }
.table-hover > tbody > tr:hover { background: rgba(36,118,155,.08); }
.rankings-table { border: 1px solid rgba(190, 199, 211, .16); }
.rankings-table tr:first-child td { color: #9adcf3; }
.form-control { height: 44px; color: #d5dae0; background: #07090b; border: 1px solid rgba(194,201,210,.19); border-radius: 0; box-shadow: none; }
.form-control:focus { border-color: rgba(105,201,238,.7); box-shadow: 0 0 0 2px rgba(36,118,155,.12); }
textarea.form-control { height: auto; }
label { color: #888f98; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.btn { border-radius: 0; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.btn-primary, .btn-success, .btn-info, .btn-danger, .btn-castlewidget { color: #fff; background: linear-gradient(135deg, #338db4, #123b52); border-color: #65c6eb; }
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-info:hover, .btn-danger:hover { color: #fff; background: linear-gradient(135deg, #63c9ef, #1b6384); border-color: #8cddf8; }
.btn-default { color: #bbc1c9; background: #101318; border-color: #30353c; }
.btn-default:hover { color: #fff; background: #181c22; border-color: #59616a; }
.alert { border-radius: 0; border-width: 1px; background: #111419; color: #b8bec6; }
.alert-success { border-color: rgba(70,177,121,.5); }
.alert-danger { border-color: rgba(105,201,238,.5); }
.alert-warning { border-color: rgba(112,183,210,.5); }
.nav-tabs { border-bottom-color: rgba(190, 199, 211, .16); }
.nav-tabs > li > a { border-radius: 0; color: #858c95; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fff; background: #111419; border-color: rgba(190, 199, 211, .16); border-bottom-color: #111419; }
.pagination > li > a, .pagination > li > span { color: #9fa6ae; background: #0e1115; border-color: #282d34; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > li > a:hover { color: #fff; background: #24769b; border-color: #69c9ee; }
hr { border-top-color: rgba(190, 199, 211, .16); }
.thumbnail { background: #0d1014; border-color: rgba(190, 199, 211, .16); border-radius: 0; }
.well { color: #a7adb5; background: #0d1014; border-color: rgba(190, 199, 211, .16); border-radius: 0; box-shadow: none; }
.progress { background: #07090b; border-radius: 0; }
.progress-bar { background: linear-gradient(90deg, #153f56, #69c9ee); }

/* Sidebar */
.panel-sidebar .panel-body { padding: 20px; }
.panel-sidebar .panel-title { font-size: 12px; }
.sidebar-help { display: block; margin-top: 13px; color: #727983; text-align: center; font-size: 10px; }
.sidebar-logout { float: right; color: #69c9ee; font-family: Inter, sans-serif; font-size: 9px; }
.sidebar-cta { position: relative; min-height: 86px; display: flex; flex-direction: column; justify-content: center; margin-bottom: 24px; padding: 15px 55px 15px 22px; color: #fff; background: linear-gradient(110deg, #174a63, #071822); border: 1px solid rgba(105,201,238,.42); clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); }
.sidebar-cta:hover { color: #fff; background: linear-gradient(110deg, #247ca2, #0c2635); transform: translateY(-2px); }
.sidebar-cta small { color: rgba(255,255,255,.56); font-size: 8px; letter-spacing: .17em; }
.sidebar-cta strong { font-family: Cinzel, serif; font-size: 16px; }
.sidebar-cta span { position: absolute; right: 22px; top: 29px; font-size: 20px; }
.sidebar-cta-gold { background: linear-gradient(110deg, #275064, #091923); border-color: rgba(112,183,210,.45); }
.sidebar-cta-gold:hover { background: linear-gradient(110deg, #356a82, #102734); }
.usercp-links { list-style: none; padding: 0; margin: 0; }
.usercp-links li { display: flex; align-items: center; min-height: 43px; border-bottom: 1px solid rgba(194,201,210,.08); }
.usercp-links li:last-child { border-bottom: 0; }
.usercp-links img { width: 22px; height: 22px; object-fit: contain; margin-right: 11px; opacity: .72; }
.usercp-links a { color: #9da4ad; font-size: 12px; }
.usercp-links a:hover { color: #fff; }
.panel-usercp .usercp-logout-button { margin-top: 18px; }
.server-table { margin: 0; }
.server-table td { border-color: rgba(194,201,210,.08) !important; padding: 9px 3px !important; font-size: 11px; }
.server-table td:last-child { color: #e0e4e8; text-align: right; font-weight: 700; }
.server-table .online-value { color: #65d09a !important; }
.castle-guild { display: grid; grid-template-columns: 92px 1fr; gap: 12px; align-items: center; }
.castle-guild small, .castle-stage small { display: block; color: #666d76; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.castle-guild strong, .castle-stage strong { display: block; margin: 2px 0 10px; color: #d3d8dd; font-size: 12px; }
.castle-stage { margin: 16px 0; padding: 15px 0 7px; border-top: 1px solid rgba(190, 199, 211, .16); }

/* Arcaico home */
.arcaico-home { display: flex; flex-direction: column; gap: 78px; }
.home-primary-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(340px, .85fr); gap: 28px; align-items: stretch; }
.chronicles-card, .access-card, .realm-card { position: relative; background: linear-gradient(145deg, rgba(17,20,25,.96), rgba(9,11,14,.98)); border: 1px solid rgba(190, 199, 211, .16); box-shadow: none; }
.chronicles-card:before, .access-card:before, .realm-card:before { content: ''; position: absolute; top: -1px; left: 24px; width: 72px; height: 2px; background: linear-gradient(90deg, #69c9ee, transparent); box-shadow: 0 0 9px rgba(105,201,238,.45); }
.chronicles-card { min-height: 455px; padding: 34px 38px 38px; }
.section-heading { min-height: 66px; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.section-kicker { display: block; margin-bottom: 7px; color: #70b7d2; font-size: 8px; font-weight: 800; letter-spacing: .27em; }
.section-heading h2, .access-card h2 { margin: 0; color: #e9ecef; font-family: Cinzel, serif; font-size: 26px; font-weight: 700; letter-spacing: -.02em; text-transform: uppercase; }
.section-link { margin-top: 18px; color: #7e858e; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.section-link span { margin-left: 10px; color: #69c9ee; font-size: 15px; }
.section-link:hover { color: #fff; }
.chronicles-list { margin-top: 24px; border-top: 1px solid rgba(190, 199, 211, .16); }
.chronicle-row { min-height: 61px; display: grid; grid-template-columns: 82px 1fr 75px 20px; align-items: center; gap: 14px; border-bottom: 1px solid rgba(194,201,210,.09); }
.chronicle-row:hover { padding-left: 8px; background: linear-gradient(90deg, rgba(36,118,155,.08), transparent); }
.chronicle-type { color: #69c9ee; font-size: 8px; font-weight: 800; letter-spacing: .13em; }
.chronicle-row strong { color: #cbd0d6; font-family: Cinzel, serif; font-size: 12px; }
.chronicle-row time { color: #626971; font-size: 9px; }
.chronicle-row i { color: #69c9ee; font-style: normal; }
.chronicles-empty { min-height: 285px; display: grid; grid-template-columns: 105px 1fr; align-items: center; gap: 36px; padding: 32px 24px; }
.empty-sigil { position: relative; width: 88px; height: 88px; display: grid; place-items: center; border: 1px solid rgba(112,183,210,.22); transform: rotate(45deg); background: radial-gradient(circle, rgba(36,118,155,.13), transparent 64%); }
.empty-sigil:before, .empty-sigil:after, .empty-sigil span:before, .empty-sigil span:after { content: ''; position: absolute; background: #24769b; box-shadow: 0 0 8px rgba(105,201,238,.4); }
.empty-sigil:before { width: 34px; height: 1px; }
.empty-sigil:after { width: 1px; height: 34px; }
.empty-sigil span:before { width: 10px; height: 10px; margin: -5px; border: 1px solid #70b7d2; background: #0b0d10; transform: rotate(45deg); }
.empty-sigil span:after { width: 3px; height: 3px; margin: -1px; border-radius: 50%; background: #9adcf3; }
.chronicles-empty small { color: #646b73; font-size: 8px; letter-spacing: .19em; }
.chronicles-empty h3 { margin: 9px 0 12px; color: #d9dde2; font-family: Cinzel, serif; font-size: 21px; font-weight: 600; }
.chronicles-empty p { max-width: 430px; margin: 0; color: #777e87; font-size: 12px; line-height: 1.8; }
.chronicles-card.has-official-launch { min-height: 455px; padding: 0; overflow: hidden; }
.chronicles-card.has-official-launch > .section-heading { display: none; }
.chronicles-card.has-official-launch > .chronicles-list { position: absolute; inset: 0; height: auto; margin: 0; border: 0; }
.official-launch { position: relative; width: 100%; height: 100%; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 245px; grid-template-areas: "copy local" "count count" "footer footer"; align-content: center; gap: 21px 26px; padding: 42px 44px 35px; overflow: hidden; background: radial-gradient(circle at 78% 34%, rgba(36,118,155,.22), transparent 37%), linear-gradient(120deg, rgba(18,21,26,.98), rgba(7,9,11,.96)); }
.official-launch:before { content: ''; position: absolute; inset: 0; border-left: 3px solid #24769b; background: linear-gradient(90deg, rgba(36,118,155,.07), transparent 28%); pointer-events: none; }
.official-launch:after { content: ''; position: absolute; left: 44px; right: 44px; top: 27px; height: 1px; background: linear-gradient(90deg, #24769b, rgba(112,183,210,.35), transparent 72%); pointer-events: none; }
.launch-watermark { position: absolute; right: 8px; top: 49%; width: 360px; height: 360px; object-fit: contain; opacity: .17; transform: translateY(-50%); filter: grayscale(.42) contrast(1.08); pointer-events: none; }
.launch-copy { position: relative; z-index: 1; grid-area: copy; }
.launch-overline { display: block; margin-bottom: 12px; color: #d6dae0; font-size: 9px; font-weight: 800; letter-spacing: .27em; }
.launch-date-kicker { display: block; color: #82cbe5; font-size: 10px; font-weight: 800; letter-spacing: .19em; }
.launch-copy h3 { margin: 10px 0 12px; color: #f0f2f4; font-family: Cinzel, serif; font-size: 31px; font-weight: 700; line-height: 1.02; text-transform: uppercase; }
.launch-copy h3 em { display: block; margin-top: 4px; color: #d2d6db; font-size: 25px; font-style: normal; font-weight: 600; }
.launch-copy p { max-width: 520px; margin: 0; color: #9da4ad; font-size: 13px; line-height: 1.7; }
.launch-local-date { position: relative; z-index: 1; grid-area: local; align-self: end; padding: 18px 19px; background: rgba(3,4,6,.68); border-left: 2px solid #318caf; border-top: 1px solid rgba(112,183,210,.17); border-bottom: 1px solid rgba(190,199,211,.1); }
.launch-local-date small { display: block; margin-bottom: 8px; color: #747b84; font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.launch-local-date time { display: block; color: #edf0f2; font-family: Cinzel, serif; font-size: 13px; font-weight: 700; line-height: 1.55; text-transform: capitalize; }
.launch-countdown { position: relative; z-index: 1; grid-area: count; display: grid; grid-template-columns: repeat(4, 1fr); background: rgba(3,4,6,.58); border: 1px solid rgba(190,199,211,.12); }
.launch-countdown > div { min-height: 78px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid rgba(190,199,211,.12); }
.launch-countdown > div:last-child { border-right: 0; }
.launch-countdown strong { color: #f1f3f5; font-family: Cinzel, serif; font-size: 28px; line-height: 1; }
.launch-countdown small { margin-top: 8px; color: #7a818a; font-size: 8px; font-weight: 700; letter-spacing: .17em; }
.launch-footer { position: relative; z-index: 1; grid-area: footer; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.launch-footer p { margin: 0; color: #697079; font-size: 9px; font-style: italic; }
.launch-footer a { flex: 0 0 auto; min-width: 190px; height: 47px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; color: #fff; background: linear-gradient(110deg, #2d85ad, #0f3347); border: 1px solid #60c4e9; clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.launch-footer a:hover { color: #fff; background: linear-gradient(110deg, #55b9df, #16455e); }
.official-launch.is-live .launch-countdown:after { content: 'EL SERVIDOR YA ESTÁ ABIERTO'; position: absolute; inset: 0; display: grid; place-items: center; color: #9adcf3; background: rgba(5,6,8,.96); font-family: Cinzel, serif; font-size: 17px; font-weight: 700; letter-spacing: .08em; }

.access-card { min-height: 455px; padding: 34px 34px 28px; overflow: hidden; }
.access-card:after { content: ''; position: absolute; width: 240px; height: 240px; right: -130px; top: -130px; border: 1px solid rgba(36,118,155,.14); transform: rotate(45deg); pointer-events: none; }
.access-card-head { position: relative; z-index: 1; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid rgba(190, 199, 211, .16); }
.access-card-head h2 { font-size: 21px; }
.access-card-head p { margin: 7px 0 0; color: #737a83; font-size: 11px; }
.access-form { position: relative; z-index: 1; }
.access-form .form-group { margin-bottom: 15px; }
.access-form label { margin-bottom: 7px; color: #8a919a; font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.access-form .form-control { height: 45px; padding: 10px 14px; background: rgba(3,4,6,.78); }
.access-form .form-control::placeholder { color: #454b53; }
.access-label-row { display: flex; justify-content: space-between; align-items: center; }
.access-label-row a { color: #7e858e; font-size: 9px; }
.access-label-row a:hover { color: #69c9ee; }
.access-submit { width: 100%; min-height: 47px; display: flex; align-items: center; justify-content: space-between; margin-top: 4px; padding: 0 17px; color: #fff; background: linear-gradient(110deg, #2d85ad, #0f3347); border: 1px solid #60c4e9; clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.access-submit:hover, a.access-submit:hover { color: #fff; background: linear-gradient(110deg, #55b9df, #16455e); }
.access-submit span { font-size: 16px; }
.access-register { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 20px; padding-top: 19px; border-top: 1px solid rgba(190, 199, 211, .16); }
.access-register div { display: flex; flex-direction: column; }
.access-register small { color: #5f666e; font-size: 7px; letter-spacing: .15em; }
.access-register strong { color: #c9ced4; font-family: Cinzel, serif; font-size: 12px; }
.access-register > a { flex-shrink: 0; color: #9adcf3; font-size: 9px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.access-register > a span { margin-left: 7px; }
.access-usercp .usercp-links { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; }
.access-usercp .usercp-links li { min-height: 37px; }
.access-card.is-user { display: flex; flex-direction: column; }
.access-card.is-user .access-card-head { flex: 0 0 auto; margin-bottom: 14px; padding-bottom: 18px; }
.access-card.is-user .access-usercp { position: relative; z-index: 1; flex: 1 1 auto; display: flex; min-height: 0; }
.access-card.is-user .access-usercp .usercp-links { width: 100%; grid-auto-rows: minmax(47px, 1fr); align-content: stretch; gap: 0 14px; }
.access-card.is-user .access-usercp .usercp-links li { min-height: 0; }
.access-card.is-user > .access-submit { position: relative; z-index: 1; flex: 0 0 auto; margin-top: 14px; }

.realm-section { position: relative; }
.realm-heading { align-items: flex-end; margin-bottom: 25px; }
.realm-heading p { max-width: 330px; margin: 0 0 5px; color: #686f78; font-size: 11px; text-align: right; }
.realm-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.realm-card { min-height: 405px; overflow: hidden; }
.realm-card header { min-height: 70px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 11px; padding: 14px 20px; border-bottom: 1px solid rgba(190, 199, 211, .16); background: linear-gradient(90deg, rgba(36,118,155,.09), transparent); }
.realm-card header h3 { margin: 0; color: #d8dce1; font-family: Cinzel, serif; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.realm-card header a { color: #626972; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.realm-card header a:hover { color: #fff; }
.realm-table { margin: 0; }
.realm-table > thead > tr > th { height: 37px; padding: 10px 15px; color: #5f666e; background: rgba(0,0,0,.16); border-color: rgba(190, 199, 211, .16); font-size: 7px; }
.realm-table > tbody > tr > td { height: 56px; padding: 9px 15px; color: #adb3bb; border-color: rgba(194,201,210,.07); font-size: 11px; }
.realm-table th:first-child, .realm-table td:first-child { width: 34px; color: #535a63; }
.realm-table th:last-child, .realm-table td:last-child { width: 65px; color: #9adcf3; text-align: right; }
.realm-table td small { display: block; color: #555c64; font-size: 8px; }
.guild-cell { display: flex; align-items: center; gap: 9px; }
.event-list { padding: 4px 19px 12px; }
.event-row { min-height: 53px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid rgba(194,201,210,.07); }
.event-row > div { display: flex; flex-direction: column; }
.event-row > div:last-child { text-align: right; }
.event-row strong { color: #aeb5bd; font-family: Cinzel, serif; font-size: 10px; font-weight: 600; }
.event-row span { color: #9adcf3; font-size: 10px; }
.event-row small { color: #525960; font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
.event-schedule-open { color: #65d09a !important; }
.event-schedule-inprogress { color: #69c9ee !important; }

/* Rankings hub and Season 1 class presentation */
.rankings-hub { display: grid; gap: 58px; }
.rankings-hub-intro { min-height: 168px; display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; padding: 34px 38px; background: radial-gradient(circle at 86% 20%, rgba(36,118,155,.18), transparent 36%), linear-gradient(135deg, #111419, #080a0d); border: 1px solid rgba(190, 199, 211, .16); border-left: 3px solid #24769b; clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px); }
.rankings-hub-intro h2, .rankings-classes-heading h2 { margin: 7px 0 8px; color: #edf0f3; font-family: Cinzel, serif; font-size: 28px; font-weight: 700; text-transform: uppercase; }
.rankings-hub-intro p { max-width: 620px; margin: 0; color: #7f8791; font-size: 12px; }
.rankings-season { flex-shrink: 0; padding: 10px 13px; color: #9adcf3; border: 1px solid rgba(112,183,210,.26); background: rgba(0,0,0,.28); font-size: 8px; font-weight: 800; letter-spacing: .22em; }
.rankings-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.rankings-hub-card { min-height: 172px; display: grid; grid-template-columns: 62px 1fr; grid-template-rows: 1fr auto; gap: 4px 20px; padding: 26px 28px; color: #9ca3ac; background: linear-gradient(145deg, rgba(17,20,25,.97), rgba(8,10,13,.99)); border: 1px solid rgba(190, 199, 211, .16); clip-path: polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px); }
.rankings-hub-card:hover { color: #cbd0d6; border-color: rgba(105,201,238,.55); background: radial-gradient(circle at 10% 15%, rgba(36,118,155,.15), transparent 32%), linear-gradient(145deg, #15191e, #090b0e); transform: translateY(-3px); }
.rankings-card-code { width: 58px; height: 58px; display: grid; place-items: center; grid-row: 1 / 3; color: #69c9ee; background: #090b0e; border: 1px solid rgba(105,201,238,.34); clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); font-family: Cinzel, serif; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.rankings-hub-card h3 { margin: 1px 0 7px; color: #e2e6ea; font-family: Cinzel, serif; font-size: 17px; font-weight: 700; text-transform: uppercase; }
.rankings-hub-card p { margin: 0; color: #6f7680; font-size: 11px; line-height: 1.65; }
.rankings-hub-card strong { color: #9adcf3; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.rankings-hub-card strong span { margin-left: 8px; color: #69c9ee; }
.rankings-classes { display: grid; gap: 24px; }
.rankings-classes-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.rankings-classes-heading p { margin: 0 0 8px; color: #686f78; font-size: 11px; }
.rankings-class-gallery { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 13px; }
.rankings-class-card { position: relative; min-height: 255px; overflow: hidden; margin: 0; background: #090b0e; border: 1px solid rgba(190, 199, 211, .16); clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); }
.rankings-class-card::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(3,4,5,.98) 0, rgba(3,4,5,.74) 24%, transparent 60%); pointer-events: none; }
.rankings-class-card img { width: 100%; height: 255px; object-fit: cover; object-position: center top; }
.rankings-class-card:hover img { transform: none; }
.rankings-class-card > div { position: absolute; z-index: 1; left: 17px; right: 13px; bottom: 15px; }
.rankings-class-card small { color: #69c9ee; font-size: 7px; font-weight: 800; letter-spacing: .18em; }
.rankings-class-card h3 { margin: 3px 0 0; color: #eef0f2; font-family: Cinzel, serif; font-size: 13px; font-weight: 700; text-transform: uppercase; }

/* Ranking detail navigation and class filters */
.myaccount-character-name { min-height: 32px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #cbd0d6; font-family: Cinzel, serif; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.myaccount-character-name a { color: #cbd0d6; }
.myaccount-character-name a:hover { color: #fff; }
.myaccount-character-block { position: relative; margin: 0 auto 10px; background: #090b0e; }
.myaccount-character-selection { position: relative; height: 190px; display: block; overflow: hidden; background: #090b0e; border: 1px solid rgba(190,199,211,.16); cursor: pointer; opacity: 1; transition: opacity .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
.myaccount-character-selection img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; filter: grayscale(.72) saturate(.66); transition: filter .22s ease, transform .22s ease; }
.myaccount-character-selection:hover, .myaccount-character-selection:focus, .myaccount-character-selection-active { opacity: 1; border-color: rgba(105,201,238,.68); box-shadow: 0 0 18px rgba(105,201,238,.22); transform: translateY(-2px); outline: 0; }
.myaccount-character-selection:hover img, .myaccount-character-selection:focus img, .myaccount-character-selection-active img { filter: grayscale(0) saturate(1); transform: scale(1.025); }
.myaccount-character-selection-muted { opacity: .56; }
.myaccount-character-selection-active:after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 0; height: 2px; background: #69c9ee; box-shadow: 0 0 10px rgba(105,201,238,.75); }
.myaccount-character-block-location { min-height: 40px; color: #697079; font-size: 9px; line-height: 1.55; text-align: center; }
.myaccount-character-block-level { display: block; margin: 5px 0 20px; color: #9adcf3; font-family: Cinzel, serif; font-size: 11px; font-weight: 700; text-align: center; }
.rankings_menu { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 25px; padding-bottom: 18px; border-bottom: 1px solid rgba(190, 199, 211, .16); }
.rankings_menu a { min-height: 36px; display: inline-flex; align-items: center; padding: 0 15px; color: #747b84; background: #090b0e; border: 1px solid rgba(194,201,210,.13); font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.rankings_menu a:hover, .rankings_menu a.active { color: #fff; border-color: rgba(105,201,238,.55); background: linear-gradient(110deg, rgba(36,118,155,.27), rgba(10,12,15,.98)); }
.rankings-class-filter { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 11px; margin: 0 0 27px; padding: 0; list-style: none; }
.rankings-class-filter li { width: 132px; margin: 0; }
.rankings-class-filter-selection { height: 154px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; overflow: hidden; padding: 8px 7px 10px; color: #a9afb6; background: #090b0e; border: 1px solid rgba(190, 199, 211, .16); font-family: Cinzel, serif; font-size: 9px; font-weight: 700; line-height: 1.25; text-transform: uppercase; }
.rankings-class-filter-selection:hover { color: #fff; border-color: rgba(105,201,238,.55); background: #111419; }
.rankings-class-filter-selection img { width: 100%; height: 112px; margin: -8px -7px 8px; object-fit: cover; object-position: center top; }
.rankings-filter-all-mark { width: 78px; height: 78px; display: grid; place-items: center; margin: 0 auto 15px; color: #69c9ee; background: radial-gradient(circle, rgba(36,118,155,.18), transparent 67%); border: 1px solid rgba(105,201,238,.32); clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); font-size: 11px; letter-spacing: .12em; }
.rankings-class-filter-grayscale { opacity: .54; }
.rankings-class-filter-grayscale:hover { opacity: 1; }
.rankings-class-image { width: 32px; height: 36px; object-fit: cover; object-position: center 19%; border: 1px solid rgba(194,201,210,.18); }
.rankings-table { width: 100%; border-collapse: collapse; color: #aeb4bc; background: rgba(7,9,11,.72); }
.rankings-table td { height: 44px; padding: 4px 12px; border: 1px solid rgba(194,201,210,.08); vertical-align: middle; }
.rankings-table tr:first-child td { height: 42px; color: #9adcf3; background: rgba(36,118,155,.09); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.rankings-table a { color: #d2d7dc; }
.rankings-table a:hover { color: #fff; }
.rankings-table-place { width: 46px; color: #69c9ee; font-family: Cinzel, serif; text-align: center; }
.rankings-update-time { margin-top: 12px; color: #5d646d; font-size: 9px; text-align: right; }

/* Footer */
.site-footer { position: relative; padding: 58px 0 24px; background: #030405; border-top: 1px solid rgba(194,201,210,.12); }
.site-footer:before { content: ''; position: absolute; top: -1px; left: calc(50% - 120px); width: 240px; height: 1px; background: linear-gradient(90deg, transparent, #24769b, transparent); box-shadow: 0 0 12px #24769b; }
.footer-grid { display: grid; grid-template-columns: 1fr 1.3fr .6fr; align-items: center; gap: 35px; padding-bottom: 34px; }
.footer-brand { display: flex; align-items: center; gap: 14px; }
.footer-brand img { width: 72px; height: 72px; object-fit: contain; }
.footer-brand div { display: flex; flex-direction: column; }
.footer-brand strong { color: #dce0e4; font-family: Cinzel, serif; font-size: 17px; letter-spacing: .08em; }
.footer-brand span { color: #70b7d2; font-size: 8px; letter-spacing: .2em; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; }
.footer-links a { color: #686f78; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.footer-links a:hover { color: #fff; }
.footer-social { display: flex; justify-content: flex-end; gap: 10px; }
.footer-social a { width: 37px; height: 37px; display: grid; place-items: center; background: #0d1013; border: 1px solid rgba(190, 199, 211, .16); }
.footer-social a:hover { border-color: #24769b; transform: translateY(-2px); }
.footer-social img { width: 17px; height: 17px; opacity: .7; }
.footer-bottom { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 23px; border-top: 1px solid rgba(194,201,210,.08); color: #4e545c; font-size: 9px; }
.footer-bottom p { margin: 0; }
.footer-bottom a { color: #666d75; }

@media (max-width: 1050px) {
	.primary-nav > ul { gap: 17px; }
	.mini-brand { width: 180px; }
	.nav-play { width: 125px; }
	.hero h1 { font-size: 64px; }
	.hero-emblem > img { width: 49vw; }
	.hero-stats > div { padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 900px) {
	.site-width { width: calc(100% - 32px); max-width: 720px; }
	.utility-status { display: none; }
	.utility-inner { justify-content: flex-end; }
	.main-header, .main-header.is-scrolled { height: 70px; }
	.mini-brand img { width: 55px; height: 55px; }
	.nav-toggle { display: block; }
	.nav-play { display: none; }
	.primary-nav { position: absolute; top: 70px; left: 0; right: 0; display: none; background: rgba(5,6,7,.98); border: 1px solid rgba(190, 199, 211, .16); box-shadow: none; }
	.primary-nav.is-open { display: block; }
	.primary-nav > ul { display: block; padding: 10px 20px; }
	.primary-nav li a { padding: 13px 4px; border-bottom: 1px solid rgba(255,255,255,.06); }
	.primary-nav li a:after { display: none; }
	.hero { min-height: auto; padding-top: 70px; background-image: linear-gradient(90deg, rgba(5,6,7,.94), rgba(5,6,7,.56)), linear-gradient(0deg, #050607, transparent), url('../img/hero-bg-v2.png'); }
	.hero-grid { grid-template-columns: 1fr; padding-top: 35px; }
	.hero-copy { padding: 65px 0 10px; text-align: center; }
	.eyebrow, .hero-actions, .hero-time { justify-content: center; }
	.hero-copy > p { margin-left: auto; margin-right: auto; }
	.hero-emblem { min-height: 440px; }
	.hero-emblem > img { width: 76vw; max-width: 520px; transform: none; }
	.online-plate { right: 7%; bottom: 30px; }
	.hero-stats { height: auto; grid-template-columns: repeat(2, 1fr); padding: 15px; clip-path: none; }
	.hero-stats > div { padding: 14px 20px; border-bottom: 1px solid rgba(190, 199, 211, .16); }
	.hero-stats > div:nth-child(2n) { border-right: 0; }
	.hero-stats > div:last-child { grid-column: 1 / -1; border-bottom: 0; }
	.content-grid.has-sidebar { grid-template-columns: 1fr; }
	.home-primary-grid { grid-template-columns: 1fr; }
	.realm-grid { grid-template-columns: 1fr 1fr; }
	.events-card { grid-column: 1 / -1; }
	.rankings-class-gallery { grid-template-columns: repeat(3, minmax(0,1fr)); }
	.footer-grid { grid-template-columns: 1fr; text-align: center; }
	.footer-brand, .footer-social { justify-content: center; }
}
@media (max-width: 560px) {
	.site-width { width: calc(100% - 22px); }
	.utility-actions { gap: 10px; }
	.utility-separator { display: none; }
	.mini-brand { width: auto; }
	.mini-brand span { display: none; }
	.hero-copy { padding-top: 48px; }
	.hero h1 { font-size: 39px; }
	.hero-copy > p { font-size: 13px; }
	.hero-actions { flex-direction: column; align-items: center; }
	.btn-forged { width: 100%; max-width: 300px; }
	.hero-emblem { min-height: 350px; }
	.hero-emblem > img { width: 92vw; }
	.online-plate { position: relative; right: auto; bottom: auto; width: 88%; margin: -40px auto 40px; }
	.hero-stats { grid-template-columns: 1fr; }
	.hero-stats > div { border-right: 0; }
	.hero-stats > div:last-child { grid-column: auto; }
	.inner-banner { min-height: 240px; padding-top: 130px; }
	.inner-banner h1 { font-size: 26px; }
	.main-content { padding: 45px 0 65px; }
	.arcaico-home { gap: 52px; }
	.chronicles-card, .access-card { padding: 27px 20px; }
	.section-heading { display: block; }
	.section-link { display: inline-block; margin-top: 12px; }
	.chronicles-empty { grid-template-columns: 1fr; text-align: center; }
	.chronicles-card.has-official-launch { min-height: 520px; }
	.official-launch { grid-template-columns: 1fr; grid-template-areas: "copy" "local" "count" "footer"; gap: 18px; padding: 35px 20px 25px; }
	.official-launch:after { left: 20px; right: 20px; top: 22px; }
	.launch-watermark { right: -70px; width: 310px; height: 310px; opacity: .13; }
	.launch-overline { font-size: 8px; }
	.launch-date-kicker { font-size: 8px; }
	.launch-copy h3 { font-size: 25px; }
	.launch-copy h3 em { font-size: 21px; }
	.launch-copy p { font-size: 12px; }
	.launch-footer { align-items: stretch; flex-direction: column; }
	.launch-footer a { width: 100%; }
	.launch-countdown > div { min-height: 68px; }
	.launch-countdown strong { font-size: 21px; }
	.launch-countdown small { font-size: 6px; letter-spacing: .08em; }
	.empty-sigil { margin: 10px auto 0; }
	.realm-heading { display: block; }
	.realm-heading p { margin-top: 10px; text-align: left; }
	.realm-grid { grid-template-columns: 1fr; }
	.events-card { grid-column: auto; }
	.rankings-hub { gap: 40px; }
	.rankings-hub-intro, .rankings-classes-heading { display: block; }
	.rankings-hub-intro { padding: 27px 22px; }
	.rankings-season { display: inline-block; margin-top: 20px; }
	.rankings-hub-grid, .rankings-class-gallery { grid-template-columns: 1fr; }
	.rankings-class-card, .rankings-class-card img { min-height: 285px; height: 285px; }
	.rankings-classes-heading p { margin-top: 8px; }
	.rankings-class-filter li { width: calc(50% - 6px); }
	.rankings_menu a { flex: 1 1 calc(50% - 8px); justify-content: center; text-align: center; }
	.access-register { align-items: flex-start; flex-direction: column; }
	.access-usercp .usercp-links { grid-template-columns: 1fr; }
	.access-card.is-user .access-usercp .usercp-links { grid-auto-rows: minmax(44px, 1fr); }
	.module-stage [class*="col-"] { float: none; width: 100%; }
	.panel-body { padding: 17px; overflow-x: auto; }
	.footer-bottom { display: block; text-align: center; }
	.footer-bottom > div { margin-top: 14px; }
}