/* Ancient RO theme for FluxCP. Loaded after bootstrap.css and the base flux.css. */

:root {
	--anro-night: #0d1220;
	--anro-night-2: #151c30;
	--anro-night-3: #1f2843;
	--anro-gold: #f5b631;
	--anro-gold-2: #ffd36b;
	--anro-orange: #f07b1d;
	--anro-paper: #fffaf0;
	--anro-paper-2: #f6ecd6;
	--anro-line: #e4d6b6;
	--anro-ink: #2a2418;
	--anro-ink-2: #6b5f48;
	--anro-link: #b4560c;
}

html { position: relative; min-height: 100%; }

body.anro {
	margin: 0;
	padding-bottom: 96px;
	font-family: "Inter", "Segoe UI", Tahoma, sans-serif;
	font-size: 14px;
	color: var(--anro-ink);
	background:
		radial-gradient(1200px 500px at 50% -120px, #26345e 0%, rgba(13,18,32,0) 70%),
		var(--anro-night);
	background-attachment: fixed;
}

body.anro table,
body.anro .horizontal-table th, body.anro .horizontal-table td,
body.anro .vertical-table th, body.anro .vertical-table td {
	font-family: inherit;
	font-size: 13px;
}

/* ---------- Navbar (menus, live status, login on one row) ---------- */
.anro-nav.navbar-inverse {
	position: sticky;
	top: 0;
	z-index: 1030;
	margin: 0;
	background: rgba(13,18,32,0.96);
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid rgba(245,182,49,0.35);
	box-shadow: 0 2px 18px rgba(0,0,0,0.45);
	min-height: 60px;
}
.anro-nav-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1880px;
	margin: 0 auto;
	padding: 0 16px;
}
.anro-nav-inner:before, .anro-nav-inner:after { display: none; }
.anro-brand { flex: 0 0 auto; padding: 6px 12px 6px 0; }
.anro-brand img { height: 48px; width: auto; display: block; }
.anro-nav .anro-menus { flex: 1 1 auto; padding: 0; border: 0; box-shadow: none; }
.anro-nav .navbar-nav { margin: 0; }
.anro-nav .navbar-nav > li > a {
	color: #e8e2d2;
	font-weight: 600;
	padding: 20px 12px;
	line-height: 20px;
}
.anro-nav .navbar-nav > li > a:hover,
.anro-nav .navbar-nav > .open > a,
.anro-nav .navbar-nav > .open > a:hover,
.anro-nav .navbar-nav > .open > a:focus {
	color: var(--anro-gold-2);
	background: transparent;
}
.anro-nav .anro-admin > a { color: var(--anro-gold) !important; }
.anro-nav .dropdown-menu {
	background: var(--anro-night-2);
	border: 1px solid rgba(245,182,49,0.3);
	border-radius: 6px;
	padding: 6px 0;
}
.anro-nav .dropdown-menu > li > a { color: #e8e2d2; padding: 7px 18px; }
.anro-nav .dropdown-menu > li > a:hover,
.anro-nav .dropdown-menu > li > a:focus {
	background: var(--anro-night-3);
	color: var(--anro-gold-2);
}

/* Live status pills: server card and a separate WoE card */
.anro-statusbar { display: flex; flex: 0 0 auto; gap: 10px; margin: 0 12px; }
.anro-status {
	display: flex;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid rgba(255,255,255,0.10);
	border-radius: 10px;
	background: rgba(255,255,255,0.03);
}
.anro-status li { padding: 5px 12px; text-align: center; white-space: nowrap; }
.anro-status li + li { border-left: 1px solid rgba(255,255,255,0.10); }
.anro-status span {
	display: block;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #9aa3b8;
}
.anro-status strong {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	font-variant-numeric: tabular-nums;
}
.anro-woe { border-color: rgba(245,182,49,0.35); }
.anro-woe .anro-woe-when { min-width: 92px; justify-content: center; color: var(--anro-gold-2); }
.anro-status strong i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.anro-st-up { color: #6ee28f !important; }
.anro-st-up i { background: #3fd26a; box-shadow: 0 0 0 3px rgba(63,210,106,0.2); }
.anro-st-down { color: #ff7b72 !important; }
.anro-st-down i { background: #ff5a4f; }
.anro-st-woe { color: var(--anro-gold-2) !important; }
.anro-st-woe i { background: var(--anro-gold); box-shadow: 0 0 0 3px rgba(245,182,49,0.25); }
.anro-st-off, .anro-st-unknown { color: #c9cfdd !important; }
.anro-clock { color: var(--anro-gold-2) !important; }

/* Login */
.anro-login { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.anro-login .anro-btn-nav {
	padding: 6px 18px;
	font-weight: 700;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--anro-gold-2), var(--anro-orange));
	color: #2a1500 !important;
	text-decoration: none;
}
.anro-login .anro-btn-nav:hover { filter: brightness(1.08); }
.anro-toggle { display: none; }

/* Top bar layout: logo, menus, status, Download on one row on wide screens.
   Under 1600px the status cards move to a second row so Download stays top right;
   under 1200px the menus fold into the toggle button. */
.anro-brand { order: 1; }
.anro-nav .anro-menus { order: 2; }
.anro-statusbar { order: 3; margin-left: auto; }
.anro-login { order: 4; }
.anro-toggle { order: 5; }
@media (min-width: 768px) {
	.anro-nav-inner { flex-wrap: wrap; }
	.anro-nav .navbar-nav { flex-wrap: nowrap; white-space: nowrap; }
}
@media (min-width: 1200px) and (max-width: 1599px) {
	.anro-login { margin-left: auto; }
	.anro-statusbar { order: 6; flex: 1 1 100%; justify-content: center; margin: 0 0 10px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	.anro-toggle { display: block; margin: 0 0 0 10px; border-color: rgba(245,182,49,0.5); }
	.anro-login { margin-left: auto; }
	.anro-statusbar { order: 6; flex: 1 1 100%; justify-content: center; margin: 0 0 10px; }
	.anro-nav .anro-menus { order: 7; flex: 1 1 100%; }
	.anro-nav .anro-menus.collapse:not(.in) { display: none !important; }
	.anro-nav .anro-menus.collapse.in { display: block !important; }
	.anro-nav .navbar-nav { float: none; flex-wrap: wrap; justify-content: center; margin: 0 0 12px; }
}

/* ---------- Hero (home page) ---------- */
.anro-hero {
	padding: 36px 0 36px;
	background:
		linear-gradient(180deg, rgba(13,18,32,0) 60%, var(--anro-night) 100%),
		radial-gradient(700px 360px at 28% 45%, rgba(245,182,49,0.18), rgba(245,182,49,0) 70%);
}
.anro-hero-row { display: flex; flex-wrap: wrap; align-items: flex-start; }
.anro-hero-row > [class*="col-"] { display: flex; flex-direction: column; }

/* Account Panel */
.anro-panel {
	padding: 22px 22px 20px;
	color: #e8ebf3;
	background: rgba(21,28,48,0.92);
	border: 1px solid rgba(245,182,49,0.45);
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0,0,0,0.45);
}
body.anro .anro-panel-title {
	margin: 0 0 16px;
	padding-bottom: 10px;
	font-family: "Poppins", "Segoe UI", sans-serif;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--anro-gold);
	border-bottom: 1px solid rgba(245,182,49,0.4);
}
.anro-login-form label { display: block; margin: 0 0 5px; font-size: 13px; font-weight: 600; color: #c9cfdd; }
body.anro .anro-login-form input[type="text"],
body.anro .anro-login-form input[type="password"] {
	display: block;
	width: 100%;
	margin-bottom: 14px;
	padding: 9px 12px;
	color: #fff;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 8px;
	outline: none;
}
body.anro .anro-login-form input[type="text"]:focus,
body.anro .anro-login-form input[type="password"]:focus { border-color: var(--anro-gold); box-shadow: 0 0 0 3px rgba(245,182,49,0.2); }
.anro-login-row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; align-items: center; margin: 2px 0 16px; font-size: 13px; }
.anro-login-form .anro-remember { display: flex; align-items: center; gap: 6px; margin: 0; font-weight: 500; color: #dfe3ee; cursor: pointer; }
.anro-remember input { margin: 0; accent-color: var(--anro-gold); }
body.anro .anro-login-row a, body.anro .anro-panel-links a { color: var(--anro-gold-2); }
.btn.anro-btn-block { display: block; width: 100%; padding: 10px; font-weight: 700; border-radius: 999px; }
.anro-panel-welcome { margin: 0 0 12px; }
.anro-panel-links { margin: 0 0 18px; padding: 0; list-style: none; }
.anro-panel-links li { padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.08); }

@media (max-width: 991px) { .anro-hero-row > [class*="col-"] { width: 100%; margin-bottom: 16px; } }

/* Banner buttons under the Account Panel (artwork in img/btn-*.jpg) */
.anro-quick { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
body.anro .anro-quick-btn {
	display: block;
	overflow: hidden;
	background: var(--anro-night-2);
	border: 1px solid rgba(245,182,49,0.55);
	border-left: 4px solid var(--anro-gold);
	border-radius: 12px;
	box-shadow: 0 10px 24px rgba(0,0,0,0.35);
	transition: transform .15s, border-color .15s, filter .15s, box-shadow .15s;
}
body.anro .anro-quick-btn img { display: block; width: 100%; height: auto; }
body.anro .anro-quick-btn:hover { transform: translateY(-2px); border-color: var(--anro-gold-2); filter: brightness(1.08); box-shadow: 0 14px 30px rgba(0,0,0,0.45), 0 0 18px -6px var(--anro-gold); }

/* Welcome text under the news */
.anro-welcome {
	margin-top: 16px;
	padding: 22px 24px 20px;
	color: #dfe3ee;
	background: linear-gradient(180deg, rgba(31,40,67,0.95), rgba(13,18,32,0.95));
	border: 1px solid rgba(245,182,49,0.35);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(0,0,0,0.4);
}
body.anro .anro-welcome h2 { margin: 0 0 10px; padding: 0; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 24px; font-weight: 700; color: #fff; border: 0; }
body.anro .anro-welcome h2 span { color: var(--anro-gold); }
.anro-welcome p { margin: 0 0 16px; font-size: 14px; line-height: 1.7; text-align: justify; }
.anro-welcome p strong { color: var(--anro-gold-2); }
.anro-welcome-facts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.anro-welcome-facts li { padding: 8px 6px; font-size: 15px; font-weight: 700; text-align: center; color: #fff; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; }
.anro-welcome-facts li span { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #9aa3b8; }
.anro-welcome-events { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.anro-welcome-events-label { margin-right: 4px; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #9aa3b8; }
.anro-welcome-event { padding: 5px 12px; font-size: 13px; font-weight: 600; color: var(--anro-gold-2); background: rgba(245,182,49,0.1); border: 1px solid rgba(245,182,49,0.35); border-radius: 999px; }
@media (max-width: 600px) { .anro-welcome-facts { grid-template-columns: repeat(2, 1fr); } .anro-welcome-facts li:first-child { grid-column: span 2; } .anro-welcome-events-label { flex-basis: 100%; } .anro-welcome p { text-align: left; } }

/* Discord #general preview under the welcome text */
.anro-discord {
	margin-top: 16px;
	overflow: hidden;
	background: #1e1f22;
	border: 1px solid rgba(88,101,242,0.55);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(0,0,0,0.4);
}
.anro-discord-head { display: flex; align-items: center; gap: 10px; padding: 12px 16px; color: #b5bac1; background: #2b2d31; border-bottom: 1px solid rgba(0,0,0,0.35); }
.anro-discord-head strong { font-family: "Poppins", "Segoe UI", sans-serif; font-size: 15px; color: #fff; }
.anro-discord-head span { font-size: 12px; }
.anro-discord-dot { width: 10px; height: 10px; background: #3fd26a; border-radius: 50%; box-shadow: 0 0 0 3px rgba(63,210,106,0.2); }
body.anro .anro-discord-head a { margin-left: auto; padding: 5px 14px; font-size: 13px; font-weight: 700; color: #fff; text-decoration: none; background: #5865f2; border-radius: 999px; }
body.anro .anro-discord-head a:hover { background: #4752c4; }
.anro-discord-chat { display: block; width: 100%; height: 420px; border: 0; }
.anro-discord-empty { display: flex; align-items: center; justify-content: center; height: 420px; padding: 0 20px; font-size: 13px; text-align: center; color: #8f97ab; }

/* Home page: the news and welcome text live in the hero, so the page card below stays out of the way */
body.module-main > .container.anro-page { margin-top: 0; padding-top: 0; padding-bottom: 0; background: transparent; border: 0; box-shadow: none; }

/* Quick Links under the banners */
.anro-links {
	margin-top: 16px;
	padding: 18px 18px 16px;
	background: rgba(21,28,48,0.92);
	border: 1px solid rgba(245,182,49,0.45);
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0,0,0,0.45);
}
.anro-links .anro-panel-title { margin-bottom: 14px; }
.anro-links-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
body.anro .anro-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 6px 12px;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	color: #e8ebf3;
	text-decoration: none;
	background: rgba(255,255,255,0.03);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 10px;
	transition: border-color .15s, background .15s, transform .15s, color .15s;
}
body.anro .anro-link .glyphicon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px; height: 40px;
	font-size: 17px;
	color: var(--anro-gold);
	background: radial-gradient(circle at 50% 35%, rgba(245,182,49,0.22), rgba(245,182,49,0.05));
	border: 1px solid rgba(245,182,49,0.45);
	border-radius: 50%;
}
body.anro .anro-link:hover { color: var(--anro-gold-2); background: rgba(245,182,49,0.08); border-color: rgba(245,182,49,0.5); transform: translateY(-2px); }

/* Social buttons under the Quick Links */
.anro-social {
	margin-top: 16px;
	padding: 18px;
	background: rgba(21,28,48,0.92);
	border: 1px solid rgba(245,182,49,0.45);
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0,0,0,0.45);
}
.anro-social .anro-panel-title { margin-bottom: 14px; }
body.anro .anro-social-btn {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 16px;
	color: #fff;
	text-decoration: none;
	border-radius: 12px;
	transition: transform .15s, filter .15s;
}
body.anro .anro-social-btn:hover { transform: translateY(-2px); filter: brightness(1.1); }
.anro-social-btn svg { flex: 0 0 auto; width: 38px; height: 38px; padding: 6px; background: rgba(255,255,255,0.15); border-radius: 50%; }
.anro-social-btn strong { display: block; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 16px; }
.anro-social-btn small { display: block; font-size: 12px; opacity: 0.85; }
.anro-social-fb { background: linear-gradient(135deg, #1877f2, #0b5bd3); }

/* Next Event countdown under the social buttons */
.anro-event {
	margin-top: 16px;
	padding: 18px;
	text-align: center;
	color: #dfe3ee;
	background: radial-gradient(400px 200px at 50% 0%, rgba(245,182,49,0.16), rgba(245,182,49,0) 70%), rgba(21,28,48,0.92);
	border: 1px solid rgba(245,182,49,0.45);
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0,0,0,0.45);
}
.anro-event .anro-panel-title { margin-bottom: 12px; text-align: left; }
.anro-event-name { font-family: "Poppins", "Segoe UI", sans-serif; font-size: 22px; font-weight: 700; color: #fff; }
.anro-event-time { margin: 2px 0 14px; font-size: 13px; color: #9aa3b8; }
.anro-event-time span { font-weight: 700; color: var(--anro-gold-2); }
.anro-event-count { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.anro-event-count div { padding: 10px 4px 8px; background: rgba(0,0,0,0.3); border: 1px solid rgba(245,182,49,0.3); border-radius: 10px; }
.anro-event-count strong { display: block; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 28px; line-height: 1.1; color: var(--anro-gold); font-variant-numeric: tabular-nums; }
.anro-event-count span { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #9aa3b8; }
.anro-event-after { margin-top: 12px; font-size: 12px; color: #9aa3b8; }
.anro-event-after span { color: #dfe3ee; font-weight: 600; }

/* News & Updates / Changelogs under the slideshow */
.anro-news {
	margin-top: 16px;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(31,40,67,0.95), rgba(13,18,32,0.95));
	border: 1px solid rgba(245,182,49,0.35);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(0,0,0,0.4);
}
.anro-news-tabs { display: flex; margin: 0; padding: 0 8px; list-style: none; background: rgba(0,0,0,0.25); border-bottom: 1px solid rgba(255,255,255,0.08); }
.anro-news-tabs li a {
	display: block;
	padding: 12px 14px 10px;
	font-family: "Poppins", "Segoe UI", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #9aa3b8 !important;
	text-decoration: none !important;
	border-bottom: 3px solid transparent;
}
.anro-news-tabs li.active a, .anro-news-tabs li a:hover { color: var(--anro-gold) !important; border-bottom-color: var(--anro-gold); }
.anro-news-tabs .anro-news-all { margin-left: auto; }
.anro-news-tabs .anro-news-all a { text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--anro-gold-2) !important; border-bottom-color: transparent !important; }
.anro-news .tab-content { padding: 6px 0; }
body.anro .anro-news-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 11px 18px;
	color: #e8ebf3;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	transition: background .15s;
}
body.anro .anro-news-item:last-child { border-bottom: 0; }
body.anro .anro-news-item:hover { background: rgba(245,182,49,0.07); }
.anro-news-tag {
	flex: 0 0 auto;
	min-width: 56px;
	padding: 3px 8px;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	border-radius: 6px;
}
.anro-news-tag-news { color: #2a1500; background: var(--anro-gold); }
.anro-news-tag-changelog { color: #04210f; background: #3fd26a; }
.anro-news-text { flex: 1 1 auto; min-width: 0; }
.anro-news-text strong, .anro-news-text small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.anro-news-text strong { font-size: 14px; font-weight: 600; color: #fff; }
.anro-news-text small { margin-top: 2px; font-size: 12px; color: #9aa3b8; }
.anro-news-date { flex: 0 0 auto; font-size: 12px; color: #9aa3b8; }
.anro-news-empty { margin: 0; padding: 18px; color: #8f97ab; }
@media (max-width: 600px) { .anro-news-date { display: none; } .anro-news-tabs li a { padding: 10px 8px; font-size: 12px; } }

/* Slideshow */
.anro-slides {
	overflow: hidden;
	border: 1px solid rgba(245,182,49,0.45);
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(0,0,0,0.45);
}
.anro-slides .item img { display: block; width: 100%; height: auto; }
.anro-slides { position: relative; }
.anro-slides-logo {
	position: absolute;
	top: 4%; left: 3%;
	z-index: 5;
	width: 30%;
	height: auto;
	pointer-events: none;
	filter: drop-shadow(0 6px 14px rgba(0,0,0,0.5));
}
.anro-slides .carousel-control { width: 10%; }
.anro-slides .carousel-indicators .active { background: var(--anro-gold); border-color: var(--anro-gold); }
.btn.anro-btn {
	color: #2a1500;
	border: 0;
	background: linear-gradient(180deg, var(--anro-gold-2), var(--anro-orange));
}
.btn.anro-btn:hover, .btn.anro-btn:focus { color: #2a1500; filter: brightness(1.08); }
.btn.anro-btn-ghost { color: var(--anro-gold-2); background: transparent; border: 1px solid var(--anro-gold); }
.btn.anro-btn-ghost:hover, .btn.anro-btn-ghost:focus { color: #2a1500; background: var(--anro-gold); }

/* ---------- Page card (inner pages: account, item db, news...) ---------- */
body > .container.anro-page {
	margin-top: 28px;
	margin-bottom: 24px;
	padding: 24px 28px 28px;
	color: #dfe3ee;
	background: linear-gradient(180deg, rgba(31,40,67,0.96), rgba(13,18,32,0.96));
	border: 1px solid rgba(245,182,49,0.35);
	border-radius: 14px;
	box-shadow: 0 16px 40px rgba(0,0,0,0.45);
}
body.module-main > .container.anro-page { margin-top: 8px; }
/* Wide tables (Item/Monster DB, admin lists) scroll inside the card instead of spilling out of it */
body > .container.anro-page { overflow-x: auto; }
@media (min-width: 992px) {
	body.module-item > .container.anro-page, body.module-monster > .container.anro-page { width: calc(100% - 40px); max-width: 1360px; }
}
@media (min-width: 992px) and (max-width: 1399px) {
	body.module-item .anro-page .horizontal-table th, body.module-item .anro-page .horizontal-table td,
	body.module-monster .anro-page .horizontal-table th, body.module-monster .anro-page .horizontal-table td { padding-left: 7px; padding-right: 7px; }
}

body.anro a { color: var(--anro-gold-2); }
body.anro a:hover { color: var(--anro-gold); }

body.anro h2 {
	margin: 4px 0 16px;
	font-family: "Poppins", "Segoe UI", sans-serif;
	font-weight: 700;
	font-size: 26px;
	letter-spacing: -0.01em;
	color: #fff;
}
body.anro h3 {
	margin: 26px 0 12px;
	padding-bottom: 8px;
	font-family: "Poppins", "Segoe UI", sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--anro-gold);
	border-bottom: 1px solid rgba(245,182,49,0.3);
}
body.anro h3:first-letter { font-size: inherit; font-weight: inherit; }
body.anro h4 { font-weight: 700; color: #fff; }

/* Sub menu (Menu: List Accounts / View Account / ...) as small pill links */
body.anro #submenu { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 10px; padding: 0 0 12px; font-size: 0; color: transparent; border-bottom: 1px solid rgba(255,255,255,0.08); }
body.anro #submenu a { display: inline-block; padding: 5px 12px; font-size: 12px; font-weight: 600; color: #c9cfdd; text-decoration: none; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12); border-radius: 999px; }
body.anro #submenu a:hover { color: #fff; border-color: rgba(245,182,49,0.6); }
body.anro #submenu a.current-sub-menu { color: #2a1500; background: var(--anro-gold); border-color: var(--anro-gold); }
body.anro #pagemenu { margin: 0 0 14px; padding: 0 0 10px; font-size: 12px; color: #9aa3b8; border-bottom: 1px solid rgba(255,255,255,0.08); }
body.anro #pagemenu a { color: var(--anro-gold-2); text-decoration: none; }

body.anro .message {
	padding: 10px 14px;
	color: #ffe7a8;
	background: rgba(245,182,49,0.12);
	border: 1px solid rgba(245,182,49,0.45);
	border-radius: 10px;
}
/* Site messages as a pop-up (header.php) */
.anro-msg {
	position: fixed; inset: 0; z-index: 3000;
	display: flex; align-items: center; justify-content: center;
	padding: 16px;
	background: rgba(5,8,16,0.72);
	animation: anro-msg-in .2s ease-out;
}
.anro-msg-box {
	width: 100%; max-width: 440px;
	padding: 26px 24px 22px;
	text-align: center;
	background: linear-gradient(180deg, #1c2338, #121726);
	border: 1px solid rgba(245,182,49,0.55);
	border-radius: 14px;
	box-shadow: 0 18px 50px rgba(0,0,0,0.6);
}
body.anro .anro-msg-box h3 { margin: 0 0 10px; padding: 0; border: 0; text-transform: none; letter-spacing: 0; font-size: 20px; font-weight: 800; color: var(--anro-gold-2); }
body.anro .anro-msg-box p { margin: 0 0 18px; font-size: 14px; line-height: 1.55; color: #dfe4ef; }
body.anro .anro-msg-box button {
	min-width: 120px; padding: 9px 22px;
	font-weight: 800; color: #2a1500;
	background: var(--anro-gold); border: 0; border-radius: 999px; box-shadow: none; text-shadow: none; cursor: pointer;
}
body.anro .anro-msg-box button:hover { filter: brightness(1.08); }
@keyframes anro-msg-in { from { opacity: 0; } to { opacity: 1; } }

body.anro .red {
	padding: 12px 16px;
	font-weight: 600;
	color: #ffd9d9;
	background: rgba(226,59,59,0.16);
	border: 1px solid rgba(226,59,59,0.6);
	border-left: 4px solid #e23b3b;
	border-radius: 10px;
}
body.anro .green { color: #3fd26a; }
body.anro .not-applicable, body.anro .offline { color: #7f889c; font-style: normal; }
body.anro .online { color: #3fd26a; font-weight: 600; }
body.anro .state-banned, body.anro .state-permanently-banned { color: #ff7a7a; }
body.anro .state-pending { color: var(--anro-gold-2); }
body.anro .keyword { color: var(--anro-gold-2); }
body.anro .info-text, body.anro .info-text-total, body.anro .info-text-results { color: #9aa3b8; }

/* Tables */
body.anro .horizontal-table, body.anro .vertical-table, body.anro .generic-form-table {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: rgba(8,11,20,0.35);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 10px;
}
body.anro .horizontal-table th, body.anro .vertical-table th, body.anro .generic-form-table th {
	font-size: 12px;
	font-weight: 600;
	color: #c9cfdd;
	background: rgba(0,0,0,0.3);
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	padding: 10px 14px;
	text-align: left;
	white-space: nowrap;
}
body.anro .horizontal-table th { text-transform: uppercase; letter-spacing: 0.05em; font-size: 11px; color: #9aa3b8; }
body.anro .vertical-table th { color: var(--anro-gold-2); border-right: 1px solid rgba(255,255,255,0.06); }
body.anro .horizontal-table td, body.anro .vertical-table td, body.anro .generic-form-table td {
	color: #e8ebf3;
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,0.06);
	padding: 10px 14px;
}
body.anro .vertical-table td + th { border-left: 1px solid rgba(255,255,255,0.06); }
body.anro .horizontal-table tr:last-child td, body.anro .vertical-table tr:last-child td, body.anro .vertical-table tr:last-child th { border-bottom: 0; }
body.anro .horizontal-table tr:hover td { background: rgba(245,182,49,0.06); }
body.anro .horizontal-table td a.block-link, body.anro .horizontal-table td .block-link { color: var(--anro-gold-2); }

/* Forms */
body.anro input[type=text], body.anro input[type=password], body.anro input[type=email],
body.anro input[type=number], body.anro input[type=date], body.anro select, body.anro textarea {
	padding: 6px 10px;
	color: #fff;
	background: #0d1220;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 8px;
}
body.anro input[type=text]:focus, body.anro input[type=password]:focus, body.anro input[type=email]:focus,
body.anro select:focus, body.anro textarea:focus { outline: 0; border-color: var(--anro-gold); box-shadow: 0 0 0 3px rgba(245,182,49,0.2); }
body.anro input[type=submit], body.anro button[type=submit], body.anro .button-action {
	padding: 7px 20px;
	font-weight: 700;
	color: #2a1500;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--anro-gold-2), var(--anro-orange));
	cursor: pointer;
}
body.anro label { color: #c9cfdd; }
body.anro .anro-page table + p { margin-top: 10px; }
body.anro .anro-page > table, body.anro .anro-page form > table { margin-bottom: 6px; }

/* ---------- Every other FluxCP page: no white boxes anywhere ---------- */
body.anro { color: #dfe3ee; }
body.anro #content, body.anro #loginbox, body.anro .credit-amount { color: #c9cfdd; }
body.anro .anro-page p, body.anro .anro-page li, body.anro .anro-page dd, body.anro .anro-page dt { color: inherit; }
body.anro hr { border-color: rgba(255,255,255,0.1); }
body.anro .notice { color: #cfe6ff; background: rgba(88,140,220,0.14); border: 1px solid rgba(88,140,220,0.5); border-radius: 10px; }
body.anro .green { display: block; padding: 12px 16px; font-weight: 600; color: #d6ffe2; background: rgba(63,210,106,0.14); border: 1px solid rgba(63,210,106,0.5); border-left: 4px solid #3fd26a; border-radius: 10px; }
body.anro .note { color: #c9cfdd; background: rgba(255,255,255,0.05); border-left: 3px solid var(--anro-gold); border-radius: 6px; }
body.anro .request, body.anro .fs-path, body.anro .raw-txn-log, body.anro .script-line-num, body.anro pre, body.anro code {
	color: #e8ebf3; background: #0b0f1b; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px;
}
body.anro .info-text { padding: 8px 12px; color: #c9cfdd; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; }
body.anro .important, body.anro .cost, body.anro .qty, body.anro .donation-amount, body.anro .remaining-balance,
body.anro .exchange-rate, body.anro .cart-item-count, body.anro .cart-sub-total, body.anro .stat-value,
body.anro .character-stats .stat-value { color: #fff; }
body.anro .character-stats, body.anro .character-stats .stat-name, body.anro .credit-amount { color: #9aa3b8; }
body.anro .sortable { color: #c9cfdd; }
body.anro .sortable:hover { color: var(--anro-gold-2); }
body.anro .action a, body.anro .action span.anchor, body.anro .block-link, body.anro .shop-item-action a { color: var(--anro-gold-2); border-bottom-color: rgba(255,255,255,0.08); }

/* Pagination under long lists */
body.anro .pages { color: #7f889c; border-top-color: rgba(255,255,255,0.1); }
body.anro .pages a { display: inline-block; min-width: 28px; margin: 2px; padding: 3px 8px; color: #dfe3ee; text-decoration: none; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 6px; }
body.anro .pages a:hover { color: #2a1500; background: var(--anro-gold); border-color: var(--anro-gold); }
body.anro .pages .current-page { display: inline-block; min-width: 28px; margin: 2px; padding: 3px 8px; color: #2a1500; background: var(--anro-gold); border-radius: 6px; }

/* Search boxes (Item DB, Monster DB, rankings, admin lists) and other forms */
body.anro .search-form, body.anro .search-form2 { padding: 4px 14px; background: rgba(8,11,20,0.4); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; }
body.anro .search-form p, body.anro .search-form2 p { color: #c9cfdd; border-bottom-color: rgba(255,255,255,0.08); }
body.anro .search-form p:last-child, body.anro .search-form2 p:last-child { border-bottom: 0; }
body.anro .toggler { color: var(--anro-gold-2); cursor: pointer; }
body.anro .generic-form, body.anro .generic-form-div { color: #dfe3ee; background: rgba(8,11,20,0.35); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; }
body.anro .generic-form-table td p { color: #c9cfdd; }
body.anro .generic-form-table th label { color: var(--anro-gold-2); }
body.anro input[type=file], body.anro input[type=search], body.anro input[type=url], body.anro input[type=tel] {
	padding: 6px 10px; color: #fff; background: #0d1220; border: 1px solid rgba(255,255,255,0.2); border-radius: 8px;
}
body.anro select option { color: #fff; background: #0d1220; }
body.anro input[type=checkbox], body.anro input[type=radio] { accent-color: var(--anro-gold); }
body.anro ::placeholder { color: #6f788c; }
body.anro input:-webkit-autofill { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 40px #0d1220 inset; }
body.anro input[type=button], body.anro input[type=reset], body.anro button:not(.navbar-toggle):not(.anro-music):not(.anro-msg-ok):not([type=submit]), body.anro .submit_button {
	padding: 6px 16px; font-weight: 600; color: #dfe3ee; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.2); border-radius: 999px; cursor: pointer;
}
body.anro input[type=button]:hover, body.anro input[type=reset]:hover, body.anro button:not(.navbar-toggle):not(.anro-music):not(.anro-msg-ok):not([type=submit]):hover, body.anro .submit_button:hover {
	color: #2a1500; background: var(--anro-gold); border-color: var(--anro-gold);
}

/* Server status, WoE times, ranking highlights, item drops */
body.anro #server_status, body.anro .woe-table, body.anro .install_table {
	overflow: hidden; color: #e8ebf3; background: rgba(8,11,20,0.35); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; border-collapse: separate; border-spacing: 0;
}
body.anro #server_status th, body.anro #server_status td, body.anro .woe-table th, body.anro .woe-table td,
body.anro .install_table th, body.anro .install_table td { color: #e8ebf3; background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
body.anro #server_status th, body.anro .woe-table th, body.anro .install_table th { color: #9aa3b8; background: rgba(0,0,0,0.3); }
body.anro .woe-table .time { color: var(--anro-gold-2); }
body.anro .top-ranked td { color: #fff; background: rgba(245,182,49,0.12) !important; }
body.anro .top-ranked a { color: var(--anro-gold-2); border-bottom-color: rgba(245,182,49,0.4); }
body.anro .item-drop-mvp td { color: #fff; background: rgba(200,120,255,0.1) !important; }
body.anro .item-drop-card td { color: #fff; background: rgba(88,180,255,0.1) !important; }
body.anro .equipped td { background: rgba(63,210,106,0.08) !important; }
body.anro .monster-mode li, body.anro .job-classes td { border-color: rgba(255,255,255,0.08); }
body.anro .emblem-server { border-bottom-color: rgba(255,255,255,0.1); }
body.anro .credit-balance { color: #fff; background: rgba(245,182,49,0.1); border: 1px solid rgba(245,182,49,0.4); border-radius: 10px; }

/* Donations shop and cart */
body.anro .shop-table { color: #dfe3ee; }
body.anro .shop-table td { color: #dfe3ee; background: rgba(8,11,20,0.35); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; }
body.anro .shop-item-name { color: #fff; border-bottom-color: rgba(255,255,255,0.1); }
body.anro .shop-server-name { color: #c9cfdd; }
body.anro .cart-items-text { color: #dfe3ee; background: rgba(8,11,20,0.4); border: 1px solid rgba(245,182,49,0.35); border-radius: 10px; }
body.anro .cart-item-name { color: #fff; border-bottom-color: rgba(255,255,255,0.15); }
body.anro .checkout-text a { border-bottom-color: rgba(255,255,255,0.2); }
body.anro .checkout-text a:hover { color: var(--anro-gold); }

/* Admin sidebar (old FluxCP admin menu) */
body.anro #sidebar td.sidebar-left, body.anro #sidebar td.sidebar-right { background: transparent; }
body.anro #sidebar th.menuitem, body.anro #sidebar td.menuitem a,
body.anro #admin_sidebar th.menuitem, body.anro #admin_sidebar td.menuitem a { background: var(--anro-night-2); border-color: var(--anro-night-3); text-shadow: none; }
body.anro #sidebar td.menuitem a:hover, body.anro #admin_sidebar td.menuitem a:hover { color: var(--anro-gold-2); background: var(--anro-night-3); }

/* Bootstrap pieces some pages and add-ons use */
body.anro .table > thead > tr > th, body.anro .table > tbody > tr > td, body.anro .table > tbody > tr > th { color: #e8ebf3; border-color: rgba(255,255,255,0.08); }
body.anro .table-striped > tbody > tr:nth-of-type(odd) { background: rgba(255,255,255,0.03); }
body.anro .table-hover > tbody > tr:hover { background: rgba(245,182,49,0.06); }
body.anro .well, body.anro .panel, body.anro .list-group-item, body.anro .modal-content, body.anro .popover, body.anro .thumbnail {
	color: #dfe3ee; background: rgba(21,28,48,0.95); border-color: rgba(255,255,255,0.12);
}
body.anro .panel-heading, body.anro .panel-footer, body.anro .modal-header, body.anro .modal-footer { color: #fff; background: rgba(0,0,0,0.25) !important; border-color: rgba(255,255,255,0.1) !important; }
body.anro .form-control { color: #fff; background: #0d1220; border-color: rgba(255,255,255,0.2); box-shadow: none; }
body.anro .form-control:focus { border-color: var(--anro-gold); box-shadow: 0 0 0 3px rgba(245,182,49,0.2); }
body.anro .input-group-addon { color: #c9cfdd; background: #151c30; border-color: rgba(255,255,255,0.2); }
body.anro .btn-default { color: #dfe3ee; background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.2); }
body.anro .btn-default:hover, body.anro .btn-default:focus { color: #2a1500; background: var(--anro-gold); border-color: var(--anro-gold); }
body.anro .btn-primary { color: #2a1500; background: linear-gradient(180deg, var(--anro-gold-2), var(--anro-orange)); border: 0; }
body.anro .pagination > li > a, body.anro .pagination > li > span { color: #dfe3ee; background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.12); }
body.anro .pagination > .active > a, body.anro .pagination > .active > span { color: #2a1500; background: var(--anro-gold); border-color: var(--anro-gold); }
body.anro .alert-info { color: #cfe6ff; background: rgba(88,140,220,0.14); border-color: rgba(88,140,220,0.5); }
body.anro .alert-success { color: #d6ffe2; background: rgba(63,210,106,0.14); border-color: rgba(63,210,106,0.5); }
body.anro .alert-warning { color: #ffe7a8; background: rgba(245,182,49,0.12); border-color: rgba(245,182,49,0.45); }
body.anro .alert-danger { color: #ffd9d9; background: rgba(226,59,59,0.16); border-color: rgba(226,59,59,0.6); }
body.anro .text-muted { color: #7f889c; }
body.anro .nav-tabs { border-bottom-color: rgba(255,255,255,0.12); }
body.anro .nav-tabs > li > a { color: #c9cfdd; }
body.anro .nav-tabs > li.active > a, body.anro .nav-tabs > li.active > a:hover, body.anro .nav-tabs > li.active > a:focus { color: var(--anro-gold); background: rgba(21,28,48,0.95); border-color: rgba(255,255,255,0.12) rgba(255,255,255,0.12) transparent; }
body.anro .nav > li > a:hover, body.anro .nav > li > a:focus { background: rgba(255,255,255,0.05); }

/* News on the home page */
body.anro .newsDiv h4 { margin-top: 18px; font-size: 17px; }
body.anro .newsCont { padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.1); }

/* ---------- Footer ---------- */
#footer.anro-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 16px 0;
	color: #9aa3b8;
	background: rgba(8,11,20,0.9);
	border-top: 1px solid rgba(245,182,49,0.25);
	font-size: 12px;
}
.anro-footer-row { display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; justify-content: space-between; }
.anro-footer-brand { display: flex; align-items: center; gap: 10px; }
.anro-footer-tools { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; }
.anro-footer-tools label { margin: 0; font-weight: 400; }
body.anro .anro-footer-tools select {
	margin-left: 6px;
	height: auto;
	padding: 2px 6px;
	color: #e8e2d2;
	background: var(--anro-night-2);
	border: 1px solid #39425e;
	border-radius: 4px;
}
#footer.anro-footer a { color: var(--anro-gold); }

/* ---------- Phones ---------- */
@media (max-width: 767px) {
	.anro-nav-inner { padding: 0 12px; }
	.anro-brand { order: 1; flex: 1 1 auto; }
	.anro-brand img { height: 40px; }
	.anro-login { order: 2; }
	.anro-toggle { display: block; order: 3; margin: 0 0 0 10px; border-color: rgba(245,182,49,0.5); }
	.anro-statusbar { order: 4; flex: 1 1 100%; margin: 0 0 8px; flex-wrap: wrap; gap: 6px; }
	.anro-status { flex: 1 1 100%; overflow-x: auto; justify-content: flex-start; }
	.anro-status li { flex: 1 0 auto; padding: 5px 10px; }
	.anro-nav .anro-menus { order: 5; flex: 1 1 100%; }
	.anro-nav .anro-menus.collapse:not(.in) { display: none !important; }
	.anro-nav .navbar-nav > li > a { padding: 10px 6px; }
	.anro-nav .navbar-nav .open .dropdown-menu > li > a { color: #e8e2d2; }
	.anro-hero { padding-top: 20px; }
	.anro-login .anro-btn-nav { padding: 6px 12px; font-size: 13px; }
	body > .container.anro-page { margin-top: 0; padding: 16px; border-radius: 0; }
	body.anro { padding-bottom: 150px; }
	.anro-page { overflow-x: auto; }
}

/* ---------- Rankings page (ranking/character.php) ---------- */
body.module-ranking > .container.anro-page { background: transparent; border: 0; box-shadow: none; padding-left: 0; padding-right: 0; }
.anro-rank { color: #dfe3ee; }
.anro-rank-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px; margin-bottom: 16px; padding: 22px 24px; background: linear-gradient(135deg, rgba(31,40,67,0.95), rgba(13,18,32,0.95)); border: 1px solid rgba(245,182,49,0.35); border-radius: 14px; }
body.anro .anro-rank-head h2 { margin: 0; padding: 0; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 26px; font-weight: 700; color: #fff; border: 0; }
.anro-rank-head p { margin: 4px 0 0; color: var(--anro-gold-2); font-weight: 600; }
.anro-rank-month { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.anro .anro-rank-month a { padding: 6px 14px; font-size: 13px; font-weight: 600; color: #dfe3ee; text-decoration: none; border: 1px solid rgba(255,255,255,0.18); border-radius: 999px; }
body.anro .anro-rank-month a.active, body.anro .anro-rank-month a:hover { color: #2a1500; background: var(--anro-gold); border-color: var(--anro-gold); }
.anro-rank-reset { margin-left: 6px; font-size: 13px; color: #9aa3b8; }
.anro-rank-reset b { color: #fff; }
.anro-rank-tabs { display: flex; flex-wrap: wrap; margin: 0; padding: 0 8px; list-style: none; background: rgba(13,18,32,0.95); border: 1px solid rgba(255,255,255,0.08); border-bottom: 0; border-radius: 14px 14px 0 0; }
body.anro .anro-rank-tabs li a { display: block; padding: 13px 16px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #9aa3b8; text-decoration: none; border-bottom: 3px solid transparent; }
body.anro .anro-rank-tabs li.active a, body.anro .anro-rank-tabs li a:hover { color: var(--anro-gold); border-bottom-color: var(--anro-gold); }
.anro-rank-body { padding: 18px 20px 22px; background: linear-gradient(180deg, rgba(31,40,67,0.95), rgba(13,18,32,0.95)); border: 1px solid rgba(255,255,255,0.08); border-radius: 0 0 14px 14px; }
.anro-rank-sub { margin: 0 0 16px; font-size: 13px; color: #9aa3b8; }
.anro-rank-empty { margin: 0; padding: 30px 10px; text-align: center; color: #8f97ab; }
.anro-podium { display: flex; align-items: flex-end; justify-content: center; gap: 14px; margin-bottom: 18px; }
.anro-podium-card { position: relative; flex: 1 1 0; max-width: 260px; padding: 34px 14px 16px; text-align: center; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12); border-radius: 14px; }
.anro-podium-card.anro-gold { padding-top: 46px; padding-bottom: 26px; background: linear-gradient(180deg, rgba(245,182,49,0.22), rgba(245,182,49,0.04)); border-color: rgba(245,182,49,0.7); box-shadow: 0 0 26px rgba(245,182,49,0.25); }
.anro-podium-card.anro-silver { border-color: rgba(200,208,224,0.55); }
.anro-podium-card.anro-bronze { border-color: rgba(205,127,50,0.6); }
.anro-podium-rank { position: absolute; top: -18px; left: 50%; width: 38px; height: 38px; margin-left: -19px; font-size: 18px; font-weight: 800; line-height: 38px; color: #2a1500; border-radius: 50%; }
.anro-gold .anro-podium-rank { background: linear-gradient(180deg, #ffe08a, #f5b631); }
.anro-silver .anro-podium-rank { background: linear-gradient(180deg, #f1f4fa, #aeb7c8); }
.anro-bronze .anro-podium-rank { background: linear-gradient(180deg, #f0b27a, #cd7f32); }
.anro-podium-card strong { display: block; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 17px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.anro-gold strong { font-size: 20px; color: var(--anro-gold-2); }
.anro-podium-card small { display: block; margin-top: 2px; font-size: 12px; color: #9aa3b8; }
.anro-podium-card .anro-podium-guild { color: #c9cfdd; }
.anro-podium-value { display: inline-block; margin-top: 10px; padding: 4px 12px; font-size: 15px; font-weight: 800; color: #fff; background: rgba(0,0,0,0.3); border-radius: 999px; }
.anro-podium-value em { font-size: 11px; font-style: normal; font-weight: 600; color: #9aa3b8; text-transform: uppercase; }
body.anro .anro-rank-table { width: 100%; margin: 0; border-collapse: collapse; background: transparent; border: 0; }
body.anro .anro-rank-table th { padding: 9px 10px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #9aa3b8; text-align: left; background: rgba(0,0,0,0.25); border: 0; }
body.anro .anro-rank-table td { padding: 9px 10px; color: #dfe3ee; background: transparent; border: 0; border-top: 1px solid rgba(255,255,255,0.06); }
body.anro .anro-rank-table td strong { color: #fff; }
body.anro .anro-rank-table tr:hover td { background: rgba(245,182,49,0.06); }
body.anro .anro-rank-table td:first-child { width: 44px; font-weight: 700; color: var(--anro-gold-2); }
.anro-rank-filter { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.anro-rank-filter .anro-rank-sub { margin: 0; }
body.anro .anro-rank-filter select { padding: 6px 10px; color: #fff; background: #0d1220; border: 1px solid rgba(255,255,255,0.2); border-radius: 8px; }
.anro-fame { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.anro-fame-month { padding: 14px 16px; background: rgba(255,255,255,0.04); border: 1px solid rgba(245,182,49,0.35); border-radius: 12px; }
body.anro .anro-fame-month h4 { margin: 0 0 10px; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 16px; color: var(--anro-gold); }
.anro-fame-row { padding: 7px 0; border-top: 1px solid rgba(255,255,255,0.06); }
.anro-fame-cat { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #9aa3b8; }
.anro-fame-row strong { color: #fff; margin-right: 6px; }
.anro-fame-row small { color: #9aa3b8; }
@media (max-width: 600px) {
	.anro-podium { flex-direction: column; align-items: stretch; }
	.anro-podium-card { max-width: none; }
	.anro-podium-card.anro-gold { order: -1; }
	.anro-hide-xs { display: none; }
	body.anro .anro-rank-tabs li a { padding: 10px 9px; font-size: 11px; }
	.anro-rank-body { padding: 18px 12px; }
}
@media (max-width: 600px) {
	.anro-podium { gap: 18px; }
	.anro-podium-card, .anro-podium-card.anro-gold { padding: 26px 12px 12px; }
	.anro-podium-value { margin-top: 6px; }
}

/* Guild of the Month banner on the Rankings page */
.anro-gotm { display: flex; align-items: stretch; gap: 0; margin-bottom: 16px; overflow: hidden; background: linear-gradient(90deg, rgba(245,182,49,0.2), rgba(31,40,67,0.95) 45%, rgba(13,18,32,0.95)); border: 1px solid rgba(245,182,49,0.6); border-radius: 14px; box-shadow: 0 0 24px rgba(245,182,49,0.15); }
.anro-gotm-crown { display: flex; align-items: center; justify-content: center; flex: 0 0 96px; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 20px; font-weight: 800; letter-spacing: 0.06em; color: #2a1500; background: linear-gradient(180deg, #ffe08a, #f5b631); }
.anro-gotm-winner, .anro-gotm-next { flex: 1 1 0; padding: 16px 22px; }
.anro-gotm-next { border-left: 1px solid rgba(255,255,255,0.1); }
.anro-gotm span { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #9aa3b8; }
.anro-gotm strong { display: block; margin-top: 2px; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 20px; color: var(--anro-gold-2); }
.anro-gotm-next strong { color: #fff; }
.anro-gotm small { display: block; margin-top: 2px; font-size: 13px; color: #c9cfdd; }
.anro-gotm small b { color: var(--anro-gold); }
.anro-gotm-live { color: #3fd26a !important; font-weight: 700; }
@media (max-width: 600px) {
	.anro-gotm { flex-wrap: wrap; }
	.anro-gotm-crown { flex: 1 1 100%; padding: 6px; font-size: 15px; }
	.anro-gotm-next { border-left: 0; border-top: 1px solid rgba(255,255,255,0.1); flex-basis: 100%; }
	.anro-gotm-winner { flex-basis: 100%; }
}

/* Top menu redesign: icons, pill buttons, dropdown card */
.anro-nav .anro-ico { width: 16px; height: 16px; flex: 0 0 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.anro-nav .navbar-nav > li > a { display: flex; align-items: center; gap: 7px; }
.anro-nav .navbar-nav > li > a .caret { margin-left: 2px; border-top-color: currentColor; opacity: 0.7; transition: transform .2s; }
.anro-nav .navbar-nav > .open > a .caret { transform: rotate(180deg); }
.anro-nav .dropdown-menu { min-width: 210px; margin-top: 6px; padding: 8px; background: linear-gradient(180deg, #1c2440, #121829); border: 1px solid rgba(245,182,49,0.35); border-top: 3px solid var(--anro-gold); border-radius: 10px; box-shadow: 0 16px 34px rgba(0,0,0,0.55); }
.anro-nav .dropdown-menu > li > a { position: relative; padding: 8px 12px 8px 16px; font-size: 13px; font-weight: 500; color: #dfe3ee; border-radius: 6px; }
.anro-nav .dropdown-menu > li > a:before { content: ""; position: absolute; left: 6px; top: 50%; width: 3px; height: 0; margin-top: 0; background: var(--anro-gold); border-radius: 2px; transition: all .15s; }
.anro-nav .dropdown-menu > li > a:hover, .anro-nav .dropdown-menu > li > a:focus { color: var(--anro-gold-2); background: rgba(245,182,49,0.1); }
.anro-nav .dropdown-menu > li > a:hover:before { height: 14px; margin-top: -7px; }
/* B: segmented bar like the status card */
.anro-nav .navbar-nav { display: flex; margin: 10px 0; padding: 3px; background: rgba(21,28,48,0.9); border: 1px solid rgba(245,182,49,0.3); border-radius: 12px; }
.anro-nav .navbar-nav > li + li { border-left: 1px solid rgba(255,255,255,0.08); }
.anro-nav .navbar-nav > li > a { gap: 6px; padding: 7px 11px; font-size: 12px; letter-spacing: 0.03em; text-transform: uppercase; color: #c9cfdd; border-radius: 8px; }
.anro-nav .navbar-nav > li > a .anro-ico { color: var(--anro-gold); }
.anro-nav .navbar-nav > li > a:hover, .anro-nav .navbar-nav > .open > a, .anro-nav .navbar-nav > .open > a:hover, .anro-nav .navbar-nav > .open > a:focus { color: #fff; background: rgba(245,182,49,0.16); }
.anro-nav .anro-admin > a { color: var(--anro-gold) !important; }
@media (max-width: 767px) {
	.anro-nav .navbar-nav { flex-direction: column; margin: 4px 0 12px; }
	.anro-nav .navbar-nav > li + li { border-left: 0; border-top: 1px solid rgba(255,255,255,0.08); }
	.anro-nav .navbar-nav > li > a { padding: 10px 14px; }
}
/* One row from 1600px: drop the carets, then the icons, as space runs out. */
@media (min-width: 1600px) and (max-width: 1879px) {
	.anro-nav .navbar-nav > li > a { padding: 7px 9px; }
	.anro-nav .navbar-nav > li > a .caret { display: none; }
}
@media (min-width: 1600px) and (max-width: 1759px) {
	.anro-nav .navbar-nav > li > a .anro-ico { display: none; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.anro-nav .navbar-nav > li > a { padding: 7px 9px; }
	.anro-nav .navbar-nav > li > a .caret { display: none; }
}

/* Tidy-ups over FluxCP's base flux.css sizes */
body.anro .search-form label, body.anro .search-form2 label { font-size: 12px; font-style: normal; font-weight: 600; color: #9aa3b8; }
body.anro select, body.anro input[type=text], body.anro input[type=password], body.anro input[type=email] { font-family: inherit; font-size: 13px; }
body.anro .generic-form .generic-form-table { background: transparent; border: 0; }
body.anro .generic-form .generic-form-table th, body.anro .generic-form .generic-form-table td { background: transparent; border-bottom: 0; }
body.anro .woe-table, body.anro #server_status { font-size: 13px; }
body.anro .info-text { font-size: 13px; }

/* Streamside music button (footer.php), bottom left on every page */
.anro-music {
	position: fixed; left: 18px; bottom: 18px; z-index: 1040;
	display: flex; align-items: center; gap: 8px;
	height: 40px; padding: 0 14px 0 12px;
	border: 1px solid rgba(245,182,49,0.45); border-radius: 999px;
	background: rgba(13,18,32,0.92); color: #d7dbe6;
	font: 600 12px/1 "Inter", "Segoe UI", sans-serif; letter-spacing: 0.04em;
	box-shadow: 0 6px 18px rgba(0,0,0,0.35); cursor: pointer;
}
.anro-music:hover, .anro-music:focus { border-color: var(--anro-gold); outline: none; }
.anro-music svg { width: 18px; height: 18px; fill: none; stroke: var(--anro-gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.anro-music .anro-music-wave { opacity: 0.35; }
.anro-music.is-on .anro-music-wave { opacity: 1; animation: anro-music-pulse 1.6s infinite; }
.anro-music.is-off svg { stroke: #8f97ab; }
.anro-music.is-off span { color: #8f97ab; }
@keyframes anro-music-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
@media (max-width: 600px) { .anro-music { left: 12px; bottom: 12px; height: 36px; padding: 0 10px; } .anro-music span { display: none; } }

/* Phones and tablets: Account Panel (and the banners under it) right after the slideshow */
@media (max-width: 991px) {
	.anro-hero-row { display: flex; flex-direction: column; margin-left: 0; margin-right: 0; }
	.anro-hero-row > .col-md-8, .anro-hero-row > .col-md-4 { display: contents; }
	.anro-hero-row > div > * { width: 100%; min-width: 0; }
	.anro-hero-row > .col-md-8 > * { order: 4; }
	.anro-hero-row > .col-md-4 > * { order: 5; }
	.anro-hero-row > .col-md-8 > .anro-slides { order: 1; }
	.anro-hero-row > .col-md-4 > .anro-panel { order: 2; margin-top: 18px; }
	.anro-hero-row > .col-md-4 > .anro-quick { order: 3; }
}

/* Pre-Registration Community Goal (main/prereg.php), under the slideshow */
.anro-prereg {
	margin-top: 16px;
	padding: 22px 24px 20px;
	color: #dfe3ee;
	background:
		radial-gradient(600px 160px at 85% 0%, rgba(245,182,49,0.16), rgba(245,182,49,0) 70%),
		linear-gradient(180deg, rgba(31,40,67,0.95), rgba(13,18,32,0.95));
	border: 1px solid rgba(245,182,49,0.55);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(0,0,0,0.4);
}
.anro-prereg-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.anro-prereg-kicker { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--anro-gold); }
body.anro .anro-prereg h2 { margin: 4px 0 6px; padding: 0; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 24px; font-weight: 700; color: #fff; border: 0; }
body.anro .anro-prereg h2 span { color: var(--anro-gold); }
.anro-prereg-head p { margin: 0; font-size: 14px; line-height: 1.6; }
.anro-prereg-head p strong { color: var(--anro-gold-2); }
.anro-prereg-count { flex: none; min-width: 150px; padding: 10px 16px; text-align: center; background: rgba(245,182,49,0.08); border: 1px solid rgba(245,182,49,0.4); border-radius: 12px; }
.anro-prereg-count strong { display: block; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 34px; line-height: 1.1; color: var(--anro-gold-2); }
.anro-prereg-count span { font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #9aa3b8; }
.anro-prereg-track { position: relative; height: 14px; margin: 22px 8px 6px; }
.anro-prereg-bar { height: 10px; margin-top: 2px; overflow: hidden; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 999px; }
.anro-prereg-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--anro-orange), var(--anro-gold), var(--anro-gold-2)); border-radius: 999px; box-shadow: 0 0 12px rgba(245,182,49,0.6); }
.anro-prereg-track b { position: absolute; top: 0; width: 14px; height: 14px; margin-left: -7px; background: #2a3354; border: 2px solid #59627c; border-radius: 50%; }
.anro-prereg-track b.is-done { background: var(--anro-gold); border-color: var(--anro-gold-2); box-shadow: 0 0 10px rgba(245,182,49,0.7); }
.anro-prereg-goals { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.anro-prereg-goals li { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 8px 10px; text-align: center; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; }
.anro-prereg-goals li.is-done { background: rgba(245,182,49,0.1); border-color: rgba(245,182,49,0.55); }
.anro-prereg-goals li.is-next { border-color: rgba(245,182,49,0.85); border-style: dashed; }
.anro-prereg-goal { font-family: "Poppins", "Segoe UI", sans-serif; font-size: 18px; font-weight: 700; color: #fff; }
.anro-prereg-icon svg { width: 22px; height: 22px; fill: none; stroke: #7d869e; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.anro-prereg-goals li.is-done .anro-prereg-icon svg { stroke: var(--anro-gold-2); stroke-width: 2.6; }
.anro-prereg-goals li.is-next .anro-prereg-icon svg { stroke: var(--anro-gold); }
.anro-prereg-reward { display: flex; flex-direction: column; gap: 3px; flex: 1; justify-content: center; font-size: 12.5px; font-weight: 600; line-height: 1.25; color: #dfe3ee; }
.anro-prereg-reward span { display: block; }
.anro-prereg-reward span + span { font-size: 11px; font-weight: 500; color: #9aa3b8; }
.anro-prereg-goals li { min-width: 0; padding-left: 6px; padding-right: 6px; }
.anro-prereg-reward em { font-style: normal; color: var(--anro-gold-2); }
.anro-prereg-state { font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #7d869e; }
.anro-prereg-goals li.is-done .anro-prereg-state { color: #5fd38a; }
.anro-prereg-goals li.is-next .anro-prereg-state { color: var(--anro-gold); }
.anro-prereg-foot { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 16px; font-size: 13px; color: #9aa3b8; }
body.anro a.anro-prereg-btn { flex: none; padding: 10px 22px; font-family: "Poppins", "Segoe UI", sans-serif; font-size: 14px; font-weight: 700; color: #1b1405; text-decoration: none; background: linear-gradient(180deg, var(--anro-gold-2), var(--anro-gold) 55%, var(--anro-orange)); border-radius: 999px; box-shadow: 0 6px 16px rgba(240,123,29,0.35); }
body.anro a.anro-prereg-btn:hover { color: #1b1405; filter: brightness(1.08); }
.anro-prereg-you { flex: none; font-weight: 700; color: #5fd38a; }
@media (max-width: 991px) { .anro-hero-row > .col-md-8 > .anro-prereg { order: 3; } }
@media (max-width: 767px) {
	.anro-prereg-head { flex-direction: column; }
	.anro-prereg-count { align-self: stretch; }
	.anro-prereg-goals { grid-template-columns: repeat(2, 1fr); }
	.anro-prereg-foot { flex-direction: column; align-items: stretch; text-align: center; }
	.anro-prereg-btn { text-align: center; }
}

/* Music button: soft glow while the browser waits for the first tap to allow sound */
.anro-music.is-hint { animation: anro-music-hint 1.6s ease-in-out infinite; }
@keyframes anro-music-hint { 0%, 100% { box-shadow: 0 6px 18px rgba(0,0,0,0.45); } 50% { box-shadow: 0 0 0 6px rgba(245,182,49,0.25), 0 6px 18px rgba(0,0,0,0.45); } }

/* #anro-events feed (WidgetBot) in the sidebar, under Next Event */
.anro-event-feed { border-color: rgba(245,182,49,0.45); }
.anro-event-feed-chat, .anro-event-feed .anro-discord-empty { height: 340px; }