@import url('font-awesome.min.css');

:root {
	--bg-ash:#25201d;
	--bg-panel:#171210;
	--bg-panel-soft:#231a16;
	--bg-tab:#4c3728;
	--bg-tab-hover:#6a4a31;
	--bg-tab-active:#855935;
	--bg-card:#211814;
	--border-bronze:#6f5138;
	--border-gold:#a77a47;
	--text-main:#f0e3d0;
	--text-soft:#c9b49a;
	--text-muted:#9a8269;
	--accent-gold:#d0a35d;
	--accent-gold-soft:#e3bd78;
	--accent-ember:#a63f25;
	--accent-ember-soft:#d66539;
}

a {color:#fff;text-decoration:none;}
a:hover {color:#fff;text-decoration:underline;}
a:active {text-decoration:none;}

.seo-page-title {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

body {background:url('../images/header.png') no-repeat center top var(--bg-ash);margin:0 auto;padding:0 auto;font-size:0px;background-size:1600px auto;position:relative;overflow-x:hidden;}
body:before {content:"";position:absolute;top:44px;left:50%;transform:translateX(-50%);width:380px;height:184px;border-radius:46% 46% 38% 38% / 30% 30% 56% 56%;border:1px solid rgba(227,189,120,0.24);background:
	radial-gradient(circle at 50% 22%, rgba(255,246,220,0.12) 0%, rgba(255,246,220,0.03) 18%, rgba(255,246,220,0) 46%),
	radial-gradient(circle at 50% 74%, rgba(166,63,37,0.12) 0%, rgba(166,63,37,0.03) 26%, rgba(166,63,37,0) 60%);
	box-shadow:0 0 0 1px rgba(167,122,71,0.08) inset, 0 0 34px rgba(227,189,120,0.08), 0 18px 44px rgba(0,0,0,0.18);pointer-events:none;z-index:0;}
body:after {content:"";position:absolute;top:72px;left:50%;transform:translateX(-50%);width:520px;height:150px;background:
	radial-gradient(circle at 16% 52%, rgba(227,189,120,0.16) 0%, rgba(227,189,120,0.05) 16%, rgba(227,189,120,0) 42%),
	radial-gradient(circle at 84% 52%, rgba(227,189,120,0.16) 0%, rgba(227,189,120,0.05) 16%, rgba(227,189,120,0) 42%),
	linear-gradient(90deg, rgba(227,189,120,0) 0%, rgba(227,189,120,0.08) 18%, rgba(227,189,120,0.12) 50%, rgba(227,189,120,0.08) 82%, rgba(227,189,120,0) 100%);
	opacity:0.8;filter:blur(1px);pointer-events:none;z-index:0;}
#wrapper {width:100%;max-width:1000px;margin:0 auto;padding:0 16px;position:relative;z-index:1;box-sizing:border-box;}
#wrapper:before {content:"";position:absolute;top:58px;left:50%;transform:translateX(-50%);width:300px;height:128px;border-radius:50% 50% 42% 42% / 30% 30% 62% 62%;border-top:1px solid rgba(240,227,208,0.22);border-bottom:1px solid rgba(167,122,71,0.18);box-shadow:0 0 0 1px rgba(167,122,71,0.06) inset;pointer-events:none;z-index:0;}

.content {width:100%;margin:288px auto 0 auto;font:normal 12px Arial, sans-serif;color:var(--text-main);}
.content .tab {display:inline-block;}
.content .tab a {display:block; outline:none; text-decoration:none; color:#fff;}
.content .tab a.active {color:#fff;}
.content .main-content {}
.content .main-container {width:100%;margin-top:8px;padding:25px 0 20px 0;background:linear-gradient(180deg, rgba(31,22,18,0.98) 0%, rgba(19,14,12,0.98) 100%);border:1px solid rgba(111,81,56,0.45);border-radius:6px;box-shadow:0 18px 44px rgba(0,0,0,0.28);box-sizing:border-box;}
.content .main-categories {position:relative;width:100%;text-align:left;margin:0;padding:0;box-sizing:border-box;}
.content ul {list-style:none;}
.content .main-categories li:hover a {text-decoration:none;color:#fffffe;}
.content .main-categories .tab {font:normal 13px Arial, sans-serif;text-transform:uppercase;padding:0 10px 0 0;height:38px;border:1px solid rgba(111,81,56,0.58);background:linear-gradient(180deg, rgba(83,59,41,0.94) 0%, rgba(57,41,31,0.94) 100%);border-radius:6px;display:inline-block;vertical-align:middle;cursor:pointer;color:#fff;margin:0 4px 0 0;line-height:38px;vertical-align:middle;-webkit-transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;position:relative;box-shadow:0 8px 18px rgba(0,0,0,0.18);}
.content .main-categories .tab.active {background:linear-gradient(180deg, rgba(156,102,53,0.98) 0%, rgba(121,76,39,0.98) 100%);border-color:rgba(167,122,71,0.95);color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.24), 0 0 16px rgba(208,163,93,0.18);}
.content .main-categories .tab.active:hover {background:linear-gradient(180deg, rgba(173,116,63,0.98) 0%, rgba(132,84,43,0.98) 100%);color:#fff;}
.content .main-categories .tab:hover {background:linear-gradient(180deg, rgba(112,78,49,0.96) 0%, rgba(81,57,38,0.96) 100%);border-color:rgba(167,122,71,0.8);color:#fff;transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,0.22), 0 0 14px rgba(208,163,93,0.1);}
.content .main-categories .tab:active {background:linear-gradient(180deg, rgba(88,60,38,0.98) 0%, rgba(68,47,31,0.98) 100%);color:#fff;transform:translateY(0);}
.content .main-categories .ico-01 {background:url('../images/ico-01.png') no-repeat;width:14px;height:14px;float:left;margin:12px 9px 12px 10px;}
.content .main-categories .ico-02 {background:none;width:14px;height:14px;float:left;margin:12px 9px 12px 10px;position:relative;}
.content .main-categories .ico-02:before {content:"\f02d";font-family:FontAwesome;font-size:14px;line-height:14px;color:#fff;display:block;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.content .main-categories .ico-03 {background:url('../images/ico-03.png') no-repeat;width:20px;height:14px;float:left;margin:12px 9px 12px 10px;}
.content .main-categories .ico-04 {background:url('../images/ico-04.png') no-repeat;width:14px;height:14px;float:left;margin:12px 9px 12px 12px;}
.content .main-categories .ico-05 {background:none;width:14px;height:14px;float:left;margin:12px 9px 12px 10px;position:relative;}
.content .main-categories .ico-05:before {content:"\f07a";font-family:FontAwesome;font-size:14px;line-height:14px;color:#fff;display:block;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.content .main-categories .tab-static {font:normal 13px Arial, sans-serif;text-transform:uppercase;padding:0 10px 0 0;height:38px;border:1px solid rgba(111,81,56,0.58);background:linear-gradient(180deg, rgba(83,59,41,0.94) 0%, rgba(57,41,31,0.94) 100%);border-radius:6px;display:inline-block;vertical-align:middle;color:#fff;margin:0 4px 0 0;line-height:38px;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;position:relative;box-shadow:0 8px 18px rgba(0,0,0,0.18);}
.content .main-categories .tab-static:hover {background:linear-gradient(180deg, rgba(112,78,49,0.96) 0%, rgba(81,57,38,0.96) 100%);border-color:rgba(167,122,71,0.8);transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,0.22), 0 0 14px rgba(208,163,93,0.1);}
.content .main-categories .tab-static a {cursor:default;}
.content .status {width:100%;display:flex;align-items:center;justify-content:center;font:normal 12px Arial, sans-serif;color:var(--text-soft);box-sizing:border-box;}
.content .status .status-board {width:100%;max-width:620px;display:flex;justify-content:space-between;align-items:stretch;gap:0;padding:5px 9px;background:linear-gradient(180deg, rgba(30,22,18,0.98) 0%, rgba(16,12,10,0.98) 100%);border:1px solid rgba(167,122,71,0.72);border-radius:9px;box-shadow:0 14px 32px rgba(0,0,0,0.28), 0 0 0 1px rgba(227,189,120,0.08) inset;box-sizing:border-box;position:relative;overflow:hidden;}
.content .status .status-board:before {content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:72%;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(227,189,120,0.3) 50%, rgba(167,122,71,0) 100%);pointer-events:none;}
.content .status .status-card {height:auto;min-height:32px;padding:0 10px;background:transparent;border:0;border-right:1px solid rgba(111,81,56,0.3);border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:transform 0.22s ease, color 0.22s ease;box-sizing:border-box;position:relative;overflow:visible;flex:1 1 0;}
.content .status .status-card:last-child {border-right:0;}
.content .status .status-card:before {content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;background:linear-gradient(180deg, rgba(167,122,71,0.88) 0%, rgba(111,81,56,0.35) 100%);}
.content .status .status-card:hover {transform:translateY(-1px);}
.content .status .status-card-login:before {background:linear-gradient(180deg, rgba(227,189,120,0.92) 0%, rgba(167,122,71,0.36) 100%);}
.content .status .status-card-game:before {background:linear-gradient(180deg, rgba(137,191,108,0.92) 0%, rgba(91,142,73,0.34) 100%);}
.content .status .status-card-players:before {background:linear-gradient(180deg, rgba(208,163,93,0.92) 0%, rgba(166,63,37,0.34) 100%);}
.content .status .status-icon-wrap {width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(167,122,71,0.2) 0%, rgba(72,53,40,0.18) 100%);border:1px solid rgba(167,122,71,0.24);flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02);}
.content .status .status-icon {display:inline-block;color:var(--accent-gold);font-size:7px;line-height:7px;flex:0 0 auto;}
.content .status .status-copy {display:flex;align-items:center;gap:4px;min-width:0;flex-wrap:nowrap;white-space:nowrap;}
.content .status .status-label {display:inline-block;font:normal 7px Arial, sans-serif;letter-spacing:0.6px;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;}
.content .status .status-value {display:inline-block;font:bold 11px Arial, sans-serif;line-height:13px;white-space:nowrap;}
.content .status .off {color:var(--accent-ember-soft);}
.content .status .on {color:#b9e58d;}
.content .status .players {color:var(--accent-gold-soft);}

#page-news .server-status-panel {margin-bottom:26px;background:
	radial-gradient(circle at top center, rgba(208,163,93,0.08) 0%, rgba(208,163,93,0) 36%),
	linear-gradient(180deg, rgba(29,21,18,0.96) 0%, rgba(18,14,12,0.96) 100%);border:1px solid rgba(111,81,56,0.5);border-radius:8px;box-shadow:0 18px 34px rgba(0,0,0,0.18);overflow:hidden;position:relative;}
#page-news .server-status-panel:before {content:"";position:absolute;left:50%;top:-18px;transform:translateX(-50%);width:68%;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(167,122,71,0.34) 18%, rgba(227,189,120,0.44) 50%, rgba(167,122,71,0.34) 82%, rgba(167,122,71,0) 100%);pointer-events:none;}
#page-news .server-status-body {padding:18px;}

.title {height:28px;border-bottom:1px solid rgba(111,81,56,0.7);position:relative;}
.title h1 {font:normal 14px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;}
.ins-cont {font:normal 12px Arial, sans-serif;color:var(--text-soft);word-break:break-word;margin-top:11px;}

#page-news {width:100%;max-width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box;position:relative;}
#page-news .news-posts-panel {margin-bottom:34px;background:
	radial-gradient(circle at top center, rgba(208,163,93,0.08) 0%, rgba(208,163,93,0) 36%),
	linear-gradient(180deg, rgba(29,21,18,0.96) 0%, rgba(18,14,12,0.96) 100%);border:1px solid rgba(111,81,56,0.5);border-radius:8px;box-shadow:0 18px 34px rgba(0,0,0,0.18);overflow:hidden;position:relative;}
#page-news .news-posts-panel:before {content:"";position:absolute;left:50%;top:-18px;transform:translateX(-50%);width:68%;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(167,122,71,0.34) 18%, rgba(227,189,120,0.44) 50%, rgba(167,122,71,0.34) 82%, rgba(167,122,71,0) 100%);pointer-events:none;}
#page-news .news-posts-header {padding:18px 18px 14px 18px;border-bottom:1px solid rgba(111,81,56,0.45);position:relative;background:linear-gradient(180deg, rgba(45,32,25,0.82) 0%, rgba(26,20,16,0.68) 100%);}
#page-news .news-posts-header h1 {margin:0;font:normal 14px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;}
#page-news .news-posts-header .extra {position:absolute;top:18px;right:18px;font:normal 12px Arial, sans-serif;color:var(--text-muted);}
#page-news .news-posts-body {max-height:760px;padding:18px;overflow-y:auto;scrollbar-color:rgba(167,122,71,0.92) rgba(20,15,13,0.72);scrollbar-width:thin;}
#page-news .news-posts-body::-webkit-scrollbar {width:10px;}
#page-news .news-posts-body::-webkit-scrollbar-track {background:rgba(20,15,13,0.72);border-radius:999px;}
#page-news .news-posts-body::-webkit-scrollbar-thumb {background:linear-gradient(180deg, rgba(167,122,71,0.9) 0%, rgba(111,81,56,0.95) 100%);border-radius:999px;border:2px solid rgba(20,15,13,0.72);}
#page-news .news-posts-intro {margin-bottom:18px;font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;}
#page-news .beta-countdown-panel {margin-bottom:34px;background:
	radial-gradient(circle at top center, rgba(208,163,93,0.08) 0%, rgba(208,163,93,0) 36%),
	linear-gradient(180deg, rgba(29,21,18,0.96) 0%, rgba(18,14,12,0.96) 100%);border:1px solid rgba(111,81,56,0.5);border-radius:8px;box-shadow:0 18px 34px rgba(0,0,0,0.18);overflow:hidden;position:relative;}
#page-news .beta-countdown-panel:before {content:"";position:absolute;left:50%;top:-18px;transform:translateX(-50%);width:68%;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(167,122,71,0.34) 18%, rgba(227,189,120,0.44) 50%, rgba(167,122,71,0.34) 82%, rgba(167,122,71,0) 100%);pointer-events:none;}
#page-news .beta-countdown-header {padding:18px 18px 14px 18px;border-bottom:1px solid rgba(111,81,56,0.45);position:relative;background:linear-gradient(180deg, rgba(45,32,25,0.82) 0%, rgba(26,20,16,0.68) 100%);}
#page-news .beta-countdown-header h1 {margin:0;font:normal 14px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;}
#page-news .beta-countdown-header .extra {position:absolute;top:18px;right:18px;font:normal 12px Arial, sans-serif;color:var(--text-muted);}
#page-news .beta-countdown-body {padding:18px;}
#page-news .beta-countdown-copy {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;margin-bottom:16px;}
#page-news .beta-countdown-grid {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;}
#page-news .beta-countdown-unit {padding:16px 10px 14px 10px;text-align:center;background:linear-gradient(180deg, rgba(41,29,23,0.82) 0%, rgba(24,18,15,0.88) 100%);border:1px solid rgba(111,81,56,0.38);border-radius:8px;box-shadow:0 14px 26px rgba(0,0,0,0.14);}
#page-news .beta-countdown-value {font:bold 32px Georgia, serif;line-height:1;color:var(--text-main);margin-bottom:7px;text-shadow:0 0 12px rgba(208,163,93,0.08);}
#page-news .beta-countdown-label {font:normal 10px Arial, sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);}
#page-news .beta-countdown-note {margin-top:16px;padding:12px 14px;background:rgba(28,21,18,0.68);border:1px solid rgba(111,81,56,0.34);border-radius:6px;color:var(--text-soft);line-height:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02);}
#page-news .discord-feature-panel {margin-bottom:34px;}
#page-news .article {margin-bottom:38px;padding:18px 16px 22px 16px;background:
	radial-gradient(circle at top right, rgba(166,63,37,0.14) 0%, rgba(166,63,37,0) 38%),
	linear-gradient(180deg, rgba(35,24,20,0.95) 0%, rgba(22,16,13,0.97) 100%);border:1px solid rgba(111,81,56,0.44);border-radius:8px;box-shadow:0 18px 34px rgba(0,0,0,0.18);position:relative;overflow:hidden;}
#page-news .article:last-child {margin-bottom:0;}
#page-news .article.article-pinned {border-color:rgba(167,122,71,0.82);box-shadow:0 20px 38px rgba(0,0,0,0.22), 0 0 18px rgba(208,163,93,0.12);}
#page-news .article.article-discord-feature {margin-bottom:0;background:
	radial-gradient(circle at top left, rgba(208,163,93,0.12) 0%, rgba(208,163,93,0) 34%),
	linear-gradient(180deg, rgba(35,24,20,0.95) 0%, rgba(22,16,13,0.97) 100%);}
#page-news .article:before {content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(167,122,71,0.28) 18%, rgba(227,189,120,0.4) 50%, rgba(167,122,71,0.28) 82%, rgba(167,122,71,0) 100%);pointer-events:none;}
#page-news .article:after {content:"";position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);width:72%;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(167,122,71,0.36) 18%, rgba(166,63,37,0.28) 50%, rgba(167,122,71,0.36) 82%, rgba(167,122,71,0) 100%);pointer-events:none;}
#page-news .article .header {min-height:28px;border-bottom:1px solid rgba(111,81,56,0.7);display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;}
#page-news .article .header h1 {margin:0;flex:1 1 auto;font:normal 14px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;line-height:18px;}
#page-news .article .header .extra {position:static;flex:0 0 auto;white-space:nowrap;font:normal 12px Arial, sans-serif;color:var(--text-muted);line-height:18px;text-align:right;}
#page-news .article .header .extra span {color:var(--accent-gold-soft);}
#page-news .article .header .article-pin {display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:3px 8px;border-radius:999px;background:rgba(167,122,71,0.16);border:1px solid rgba(167,122,71,0.26);color:var(--accent-gold-soft);font:normal 10px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;vertical-align:middle;}
#page-news .article .header .article-pin .fa {font-size:10px;}
#page-news .article .text {font:normal 12px Arial, sans-serif;color:var(--text-soft);word-break:break-word;margin-top:11px;animation:contentFadeIn 0.45s ease;}
#page-news .article .text p {margin:0 0 12px 0;line-height:19px;}
#page-news .article .text p:last-child {margin-bottom:0;}
#page-news .article .text .news-post-checklist {margin:0 0 12px 0;padding:0;list-style:none;}
#page-news .article .text .news-post-checklist li {position:relative;padding-left:18px;margin-bottom:8px;line-height:18px;}
#page-news .article .text .news-post-checklist li:before {content:"\f00c";font-family:FontAwesome;position:absolute;left:0;top:1px;font-size:11px;color:var(--accent-gold-soft);}
#page-news .article .text .header {margin-top:26px;padding-top:16px;position:relative;}
#page-news .article .text .header:before {content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(167,122,71,0.26) 14%, rgba(227,189,120,0.3) 50%, rgba(167,122,71,0.26) 86%, rgba(167,122,71,0) 100%);}
#page-news .article .text .discord-actions {text-align:left;margin-top:20px;}
#page-news .article .text .discord-button {display:inline-flex;align-items:center;gap:10px;padding:11px 20px;background:linear-gradient(180deg, #d2a45c 0%, #a66f35 100%);border:1px solid rgba(208,163,93,0.92);border-radius:4px;color:#1a130f;font:bold 12px Arial, sans-serif;letter-spacing:0.9px;text-transform:uppercase;text-decoration:none;-webkit-transition:all 0.2s cubic-bezier(.56,.09,.5,1.34);-o-transition:all 0.2s cubic-bezier(.56,.09,.5,1.34);-moz-transition:all 0.2s cubic-bezier(.56,.09,.5,1.34);transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;box-shadow:0 12px 24px rgba(0,0,0,0.22), 0 0 18px rgba(208,163,93,0.16);}
#page-news .article .text .discord-button:hover {background:linear-gradient(180deg, #e1b970 0%, #bc8345 100%);color:#1a130f;text-decoration:none;border-color:rgba(227,189,120,0.95);transform:translateY(-1px);box-shadow:0 16px 28px rgba(0,0,0,0.26), 0 0 22px rgba(208,163,93,0.22);}
#page-news .article .text .discord-button:active {background:linear-gradient(180deg, #bf8c51 0%, #946833 100%);color:#1a130f;text-decoration:none;transform:translateY(0);}
#page-news .article .text .discord-button .fa {font-size:14px;}
#page-news .live-world-panel {margin-top:34px;background:
	radial-gradient(circle at top center, rgba(208,163,93,0.08) 0%, rgba(208,163,93,0) 36%),
	linear-gradient(180deg, rgba(29,21,18,0.96) 0%, rgba(18,14,12,0.96) 100%);border:1px solid rgba(111,81,56,0.5);border-radius:8px;box-shadow:0 18px 34px rgba(0,0,0,0.18);overflow:hidden;position:relative;}
#page-news .live-world-panel:before {content:"";position:absolute;left:50%;top:-18px;transform:translateX(-50%);width:68%;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(167,122,71,0.34) 18%, rgba(227,189,120,0.44) 50%, rgba(167,122,71,0.34) 82%, rgba(167,122,71,0) 100%);pointer-events:none;}
#page-news .live-world-header {padding:18px 18px 14px 18px;border-bottom:1px solid rgba(111,81,56,0.45);position:relative;background:linear-gradient(180deg, rgba(45,32,25,0.82) 0%, rgba(26,20,16,0.68) 100%);}
#page-news .live-world-header h1 {margin:0;font:normal 14px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;}
#page-news .live-world-header .extra {position:absolute;top:18px;right:18px;font:normal 12px Arial, sans-serif;color:var(--text-muted);}
#page-news .live-world-body {padding:18px;}
#page-news .live-world-intro {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;margin-bottom:16px;}
#page-news .live-world-grid {display:flex;gap:16px;flex-wrap:wrap;}
#page-news .live-world-card {flex:1 1 200px;min-height:150px;padding:18px 16px 16px 16px;background:linear-gradient(180deg, rgba(41,29,23,0.82) 0%, rgba(24,18,15,0.88) 100%);border:1px solid rgba(111,81,56,0.38);border-radius:8px;box-shadow:0 14px 26px rgba(0,0,0,0.14);box-sizing:border-box;position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-news .live-world-card:before {content:"";position:absolute;inset:0;background:linear-gradient(115deg, rgba(255,255,255,0) 22%, rgba(255,255,255,0.08) 48%, rgba(255,255,255,0) 74%);transform:translateX(-130%);transition:transform 0.55s ease;pointer-events:none;}
#page-news .live-world-card:hover {transform:translateY(-3px);border-color:rgba(167,122,71,0.72);box-shadow:0 18px 30px rgba(0,0,0,0.2), 0 0 18px rgba(208,163,93,0.12);}
#page-news .live-world-card:hover:before {transform:translateX(130%);}
#page-news .live-world-card-icon {width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(167,122,71,0.24) 0%, rgba(111,81,56,0.12) 100%);border:1px solid rgba(167,122,71,0.42);color:var(--accent-gold-soft);font-size:17px;margin-bottom:12px;}
#page-news .live-world-card-label {font:normal 10px Arial, sans-serif;letter-spacing:0.9px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;}
#page-news .live-world-card-value {font:bold 22px Arial, sans-serif;line-height:24px;color:var(--text-main);margin-bottom:10px;word-break:break-word;}
#page-news .live-world-card-meta {font:normal 12px Arial, sans-serif;line-height:18px;color:var(--text-soft);}
#page-news .vote-panel {margin-top:34px;background:
	radial-gradient(circle at top left, rgba(208,163,93,0.08) 0%, rgba(208,163,93,0) 34%),
	linear-gradient(180deg, rgba(29,21,18,0.96) 0%, rgba(18,14,12,0.96) 100%);border:1px solid rgba(111,81,56,0.5);border-radius:8px;box-shadow:0 18px 34px rgba(0,0,0,0.18);overflow:hidden;position:relative;}
#page-news .vote-panel:before {content:"";position:absolute;left:50%;top:-18px;transform:translateX(-50%);width:68%;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(167,122,71,0.34) 18%, rgba(227,189,120,0.44) 50%, rgba(167,122,71,0.34) 82%, rgba(167,122,71,0) 100%);pointer-events:none;}
#page-news .vote-panel-header {padding:18px 18px 14px 18px;border-bottom:1px solid rgba(111,81,56,0.45);position:relative;background:linear-gradient(180deg, rgba(45,32,25,0.82) 0%, rgba(26,20,16,0.68) 100%);}
#page-news .vote-panel-header h1 {font:normal 14px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;}
#page-news .vote-panel-header .extra {position:absolute;top:18px;right:18px;font:normal 12px Arial, sans-serif;color:var(--text-muted);}
#page-news .vote-panel-body {padding:18px;}
#page-news .vote-panel-intro {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;margin-bottom:16px;}
#page-news .vote-banner-grid {display:flex;gap:16px;flex-wrap:wrap;}
#page-news .vote-banner {flex:1 1 220px;min-height:168px;padding:18px 18px 16px 18px;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;text-decoration:none;color:#fff;box-sizing:border-box;border:1px solid rgba(167,122,71,0.28);box-shadow:0 14px 26px rgba(0,0,0,0.14);transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-position 0.4s ease;position:relative;overflow:hidden;background-size:100% 100%, 220% 100%;}
#page-news .vote-banner:before,
#page-connect .connect-step:before,
#page-connect .connect-card:before,
#page-about .about-highlight:before,
#page-about .progression-step:before,
#page-about .information .info-block:before,
#page-tops .tops-hero:before,
#page-tops .tops-summary-card:before,
#page-tops .ranking-stage:before {content:"";position:absolute;inset:0;background:linear-gradient(115deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.08) 48%, rgba(255,255,255,0) 74%);transform:translateX(-130%);transition:transform 0.55s ease;pointer-events:none;}
#page-news .vote-banner:hover,
#page-connect .connect-step:hover,
#page-connect .connect-card:hover,
#page-about .about-highlight:hover,
#page-about .progression-step:hover,
#page-about .information .info-block:hover,
#page-tops .tops-hero:hover,
#page-tops .tops-summary-card:hover,
#page-tops .ranking-stage:hover {transform:translateY(-3px);border-color:rgba(167,122,71,0.72);box-shadow:0 18px 30px rgba(0,0,0,0.2), 0 0 18px rgba(208,163,93,0.12);}
#page-news .vote-banner:hover:before,
#page-connect .connect-step:hover:before,
#page-connect .connect-card:hover:before,
#page-about .about-highlight:hover:before,
#page-about .progression-step:hover:before,
#page-about .information .info-block:hover:before,
#page-tops .tops-hero:hover:before,
#page-tops .tops-summary-card:hover:before,
#page-tops .ranking-stage:hover:before {transform:translateX(130%);}
#page-news .vote-banner:hover {text-decoration:none;background-position:0 0, 100% 0;}
#page-news .vote-banner-badge {display:inline-block;align-self:flex-start;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);font:normal 10px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;color:#f4ddbe;}
#page-news .vote-banner-title {display:block;margin-top:12px;font:bold 20px Arial, sans-serif;color:#fff;text-transform:uppercase;letter-spacing:0.8px;}
#page-news .vote-banner-text {display:block;margin-top:10px;font:normal 12px Arial, sans-serif;color:#ecd7bd;line-height:18px;}
#page-news .vote-banner-action {display:inline-flex;align-items:center;gap:2px;margin-top:16px;font:bold 10px Arial, sans-serif;letter-spacing:0.9px;text-transform:uppercase;color:rgba(255,245,223,0.82);}
#page-news .vote-banner-action .fa {margin-left:6px;}
#page-news .vote-hopzone {background:linear-gradient(160deg, rgba(118,42,30,0.96) 0%, rgba(60,25,20,0.98) 100%);}
#page-news .vote-topzone {background:linear-gradient(160deg, rgba(92,63,29,0.96) 0%, rgba(47,31,16,0.98) 100%);}
#page-news .vote-network {background:linear-gradient(160deg, rgba(66,33,26,0.96) 0%, rgba(29,18,16,0.98) 100%);}
#page-news .vote-panel-note {margin-top:16px;padding:12px 14px;background:rgba(28,21,18,0.68);border:1px solid rgba(111,81,56,0.34);border-radius:6px;color:var(--text-soft);line-height:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02);}
.vote-modal-overlay {position:fixed;inset:0;background:rgba(10,8,7,0.72);display:none;align-items:center;justify-content:center;padding:18px;z-index:9999;box-sizing:border-box;}
.vote-modal-overlay.is-visible {display:flex;}
.vote-modal {width:100%;max-width:460px;padding:22px 20px 20px 20px;background:linear-gradient(180deg, rgba(38,28,22,0.98) 0%, rgba(20,15,12,0.98) 100%);border:1px solid rgba(111,81,56,0.62);border-radius:10px;box-shadow:0 24px 44px rgba(0,0,0,0.34);position:relative;box-sizing:border-box;}
.vote-modal-close {position:absolute;top:10px;right:10px;width:30px;height:30px;border:1px solid rgba(111,81,56,0.48);border-radius:50%;background:rgba(30,22,18,0.88);color:var(--text-soft);font:normal 18px Arial, sans-serif;line-height:28px;cursor:pointer;transition:background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.vote-modal-close:hover {background:rgba(48,34,27,0.94);border-color:rgba(167,122,71,0.74);color:var(--text-main);}
.vote-modal-kicker {font:normal 10px Arial, sans-serif;letter-spacing:0.9px;text-transform:uppercase;color:var(--accent-gold-soft);margin-bottom:10px;}
.vote-modal-title {margin:0 28px 10px 0;font:bold 22px Arial, sans-serif;line-height:26px;color:var(--text-main);}
.vote-modal-copy {color:var(--text-soft);font:normal 12px Arial, sans-serif;line-height:18px;margin-bottom:16px;}
.vote-modal-form {display:block;}
.vote-modal-field {margin-bottom:12px;}
.vote-modal-label {display:block;font:bold 11px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;color:var(--text-main);margin-bottom:7px;}
.vote-modal-input {width:100%;height:42px;padding:0 12px;background:rgba(19,14,12,0.9);border:1px solid rgba(111,81,56,0.54);border-radius:6px;color:var(--text-main);font:normal 13px Arial, sans-serif;box-sizing:border-box;outline:none;transition:border-color 0.2s ease, box-shadow 0.2s ease;}
.vote-modal-input:focus {border-color:rgba(208,163,93,0.9);box-shadow:0 0 0 3px rgba(208,163,93,0.12);}
.vote-modal-help {color:var(--text-muted);font:normal 11px Arial, sans-serif;line-height:17px;margin-bottom:14px;}
.vote-modal-status {min-height:18px;margin-bottom:14px;font:normal 12px Arial, sans-serif;line-height:18px;}
.vote-modal-status.is-error {color:#ffb4a4;}
.vote-modal-status.is-success {color:#cbeaa7;}
.vote-modal-timer {margin-top:6px;color:var(--accent-gold-soft);font:bold 12px Arial, sans-serif;letter-spacing:0.2px;}
.vote-modal-confirm {display:block;}
.vote-claim-code-panel {margin-bottom:14px;padding:14px 14px 12px 14px;background:rgba(27,20,16,0.9);border:1px solid rgba(111,81,56,0.44);border-radius:7px;}
.vote-claim-code-label {font:bold 10px Arial, sans-serif;letter-spacing:0.9px;text-transform:uppercase;color:var(--accent-gold-soft);margin-bottom:8px;}
.vote-claim-code-display {font:bold 22px Georgia, serif;letter-spacing:2px;color:var(--text-main);}
.vote-claim-code-input {text-transform:uppercase;letter-spacing:1.2px;}
.vote-modal-link-row {margin-bottom:14px;}
.vote-modal-open-link {display:inline-flex;align-items:center;gap:7px;color:var(--accent-gold-soft);font:bold 12px Arial, sans-serif;text-decoration:none;}
.vote-modal-open-link:hover {color:var(--text-main);}
.vote-modal-actions {display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.vote-modal-button {height:38px;padding:0 16px;border-radius:5px;font:bold 12px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;}
.vote-modal-button:disabled {opacity:0.7;cursor:wait;}
.vote-modal-button-secondary {background:rgba(43,31,25,0.94);border:1px solid rgba(111,81,56,0.56);color:var(--text-soft);}
.vote-modal-button-secondary:hover {background:rgba(58,41,31,0.94);border-color:rgba(167,122,71,0.74);color:var(--text-main);}
.vote-modal-button-primary {background:linear-gradient(180deg, #d7ab64 0%, #ad7740 100%);border:1px solid rgba(208,163,93,0.9);color:#1a130f;box-shadow:0 10px 18px rgba(0,0,0,0.18);}
.vote-modal-button-primary:hover {background:linear-gradient(180deg, #e4bb73 0%, #c18849 100%);border-color:rgba(227,189,120,0.95);transform:translateY(-1px);}
#page-news .changelog-panel {margin-top:34px;background:
	radial-gradient(circle at top right, rgba(166,63,37,0.12) 0%, rgba(166,63,37,0) 32%),
	linear-gradient(180deg, rgba(29,21,18,0.96) 0%, rgba(18,14,12,0.96) 100%);border:1px solid rgba(111,81,56,0.5);border-radius:8px;box-shadow:0 18px 34px rgba(0,0,0,0.18);overflow:hidden;position:relative;}
#page-news .changelog-panel:before {content:"";position:absolute;left:50%;top:-18px;transform:translateX(-50%);width:68%;height:1px;background:linear-gradient(90deg, rgba(167,122,71,0) 0%, rgba(167,122,71,0.34) 18%, rgba(166,63,37,0.4) 50%, rgba(167,122,71,0.34) 82%, rgba(167,122,71,0) 100%);pointer-events:none;}
#page-news .changelog-panel-header {padding:18px 18px 14px 18px;border-bottom:1px solid rgba(111,81,56,0.45);position:relative;background:linear-gradient(180deg, rgba(45,32,25,0.82) 0%, rgba(26,20,16,0.68) 100%);}
#page-news .changelog-panel-header h1 {font:normal 14px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;}
#page-news .changelog-panel-header .extra {position:absolute;top:18px;right:18px;font:normal 12px Arial, sans-serif;color:var(--text-muted);}
#page-news .changelog-panel-header .extra span {color:var(--accent-gold-soft);}
#page-news .changelog-panel-body {padding:16px 18px 18px 18px;max-height:340px;overflow-y:auto;}
#page-news .changelog-panel-body::-webkit-scrollbar {width:10px;}
#page-news .changelog-panel-body::-webkit-scrollbar-track {background:rgba(22,17,14,0.6);border-radius:10px;}
#page-news .changelog-panel-body::-webkit-scrollbar-thumb {background:linear-gradient(180deg, rgba(167,122,71,0.95) 0%, rgba(111,81,56,0.95) 100%);border-radius:10px;border:2px solid rgba(22,17,14,0.6);}
#page-news .changelog-panel-intro {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;margin-bottom:14px;}
#page-news .changelog-list {display:flex;flex-direction:column;gap:12px;margin-top:6px;}
#page-news .changelog-item {display:flex;gap:16px;padding:16px;background:
	linear-gradient(180deg, rgba(43,31,24,0.82) 0%, rgba(27,20,16,0.88) 100%);
	border:1px solid rgba(111,81,56,0.36);border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.12);position:relative;overflow:hidden;}
#page-news .changelog-item:before {content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg, rgba(208,163,93,0.72) 0%, rgba(166,63,37,0.64) 100%);}
#page-news .changelog-date {width:96px;flex:0 0 auto;color:var(--accent-gold-soft);font:bold 11px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;padding-top:6px;}
#page-news .changelog-body {line-height:18px;color:var(--text-soft);flex:1 1 auto;}
#page-news .changelog-body-top {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#page-news .changelog-body strong {display:block;color:var(--text-main);font-size:14px;letter-spacing:0.3px;}
#page-news .changelog-summary {margin-top:8px;color:var(--text-soft);line-height:18px;}
#page-news .changelog-tag {display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;border:1px solid rgba(167,122,71,0.26);font:bold 10px Arial, sans-serif;letter-spacing:0.8px;text-transform:uppercase;box-shadow:0 6px 14px rgba(0,0,0,0.12);}
#page-news .changelog-tag-website {background:linear-gradient(180deg, rgba(166,63,37,0.26) 0%, rgba(98,35,25,0.24) 100%);border-color:rgba(166,63,37,0.42);color:#ffd2c1;}
#page-news .changelog-tag-update {background:linear-gradient(180deg, rgba(167,122,71,0.24) 0%, rgba(99,69,37,0.24) 100%);border-color:rgba(167,122,71,0.42);color:#f6dfbd;}
#page-news .changelog-tag-fix {background:linear-gradient(180deg, rgba(105,135,78,0.24) 0%, rgba(59,87,46,0.24) 100%);border-color:rgba(137,172,98,0.4);color:#d7f0bb;}
#page-news .changelog-tag-visual {background:linear-gradient(180deg, rgba(117,89,147,0.24) 0%, rgba(74,51,94,0.24) 100%);border-color:rgba(163,131,197,0.4);color:#eadbff;}

#page-connect {width:100%;max-width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box;}
#page-connect .connect-requirements {display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
#page-connect .connect-requirement {padding:10px 14px;background:rgba(36,26,20,0.78);border:1px solid rgba(111,81,56,0.38);border-radius:999px;color:var(--text-soft);font:normal 12px Arial, sans-serif;box-shadow:0 10px 18px rgba(0,0,0,0.1);}
#page-connect .connect-requirement .fa {margin-right:8px;color:var(--accent-gold-soft);}
#page-connect .connect-steps {display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;}
#page-connect .connect-step {flex:1 1 220px;min-height:130px;padding:16px;background:linear-gradient(180deg, rgba(39,28,22,0.78) 0%, rgba(27,20,16,0.78) 100%);border:1px solid rgba(111,81,56,0.38);border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.12);box-sizing:border-box;position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-connect .connect-step-number {width:34px;height:34px;margin-bottom:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(166,63,37,0.22) 0%, rgba(111,81,56,0.14) 100%);border:1px solid rgba(166,63,37,0.35);color:var(--accent-gold-soft);font:bold 15px Arial, sans-serif;}
#page-connect .connect-step-copy {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;}
#page-connect .connect-step-copy strong {color:var(--text-main);}
#page-connect .connect-downloads {display:flex;flex-direction:column;gap:16px;margin-top:24px;}
#page-connect .connect-card {display:flex;gap:16px;padding:18px;background:linear-gradient(180deg, rgba(39,28,22,0.82) 0%, rgba(23,18,15,0.88) 100%);border:1px solid rgba(111,81,56,0.42);border-radius:8px;box-shadow:0 14px 26px rgba(0,0,0,0.14);position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-connect .connect-card-icon {width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(167,122,71,0.24) 0%, rgba(111,81,56,0.12) 100%);border:1px solid rgba(167,122,71,0.45);color:var(--accent-gold-soft);font-size:18px;flex:0 0 auto;}
#page-connect .connect-card-body {flex:1 1 auto;}
#page-connect .connect-card-title {font:bold 14px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;margin-bottom:6px;}
#page-connect .connect-card-text {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;margin-bottom:10px;}
#page-connect .connect-div {width:100%;max-width:100%;display:flex;margin:4px 0 0 0;min-height:26px;line-height:26px;vertical-align:middle;flex-wrap:wrap;gap:10px;}
#page-connect .connect-div a {display:inline-block;height:28px;padding:0 0 0 13px;font:bold 12px Arial, sans-serif;color:#1a130f;text-decoration:none;text-transform:uppercase;border-radius:4px;background:linear-gradient(180deg, #d7ab64 0%, #ad7740 100%);border:1px solid rgba(208,163,93,0.88);transition:transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;line-height:29px;vertical-align:middle;box-shadow:0 10px 18px rgba(0,0,0,0.18), 0 0 16px rgba(208,163,93,0.12);}
#page-connect .connect-div a:hover {background:linear-gradient(180deg, #e4bb73 0%, #c18849 100%);text-decoration:none;transform:translateY(-1px);box-shadow:0 14px 24px rgba(0,0,0,0.22), 0 0 18px rgba(208,163,93,0.2);border-color:rgba(227,189,120,0.95);}
#page-connect .connect-div a:active {background:linear-gradient(180deg, #c59355 0%, #986a37 100%);text-decoration:none;transform:translateY(0);}
#page-connect .connect-div .fa-download {padding:0 10px;}
#page-connect .connect-launcher-note {display:flex;gap:14px;align-items:flex-start;margin-top:20px;padding:16px 18px;background:linear-gradient(180deg, rgba(54,37,26,0.9) 0%, rgba(30,22,17,0.94) 100%);border:1px solid rgba(167,122,71,0.52);border-radius:8px;box-shadow:0 14px 24px rgba(0,0,0,0.16), 0 0 18px rgba(208,163,93,0.08);}
#page-connect .connect-launcher-note-icon {width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(167,122,71,0.26) 0%, rgba(111,81,56,0.14) 100%);border:1px solid rgba(167,122,71,0.46);color:var(--accent-gold-soft);font-size:17px;flex:0 0 auto;}
#page-connect .connect-launcher-note-copy {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:19px;}
#page-connect .connect-launcher-note-copy strong {color:var(--text-main);}

#page-about {width:100%;max-width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box;}
#page-about .about-shell {position:relative;}
#page-about .about-switcher {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px;background:linear-gradient(180deg, rgba(33,24,20,0.88) 0%, rgba(20,15,13,0.92) 100%);border:1px solid rgba(111,81,56,0.42);border-radius:8px;box-shadow:0 12px 24px rgba(0,0,0,0.14);}
#page-about .about-switcher-tab {display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:linear-gradient(180deg, rgba(62,45,33,0.92) 0%, rgba(41,31,24,0.92) 100%);border:1px solid rgba(111,81,56,0.56);border-radius:999px;color:rgba(201,180,154,0.94);font:normal 11px Arial, sans-serif;letter-spacing:0.8px;text-transform:uppercase;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease;box-shadow:0 8px 16px rgba(0,0,0,0.12);}
#page-about .about-switcher-tab .fa {color:var(--accent-gold-soft);}
#page-about .about-switcher-tab:hover {transform:translateY(-1px);border-color:rgba(167,122,71,0.78);box-shadow:0 12px 20px rgba(0,0,0,0.16), 0 0 12px rgba(208,163,93,0.08);color:var(--text-main);}
#page-about .about-switcher-tab.active {background:linear-gradient(180deg, rgba(156,102,53,0.98) 0%, rgba(121,76,39,0.98) 100%);border-color:rgba(167,122,71,0.95);color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.2), 0 0 16px rgba(208,163,93,0.18);}
#page-about .about-pane {display:none;animation:contentFadeIn 0.35s ease;}
#page-about .about-pane.active {display:block;}
#page-about .about-information-tight {margin-top:0;}
#page-about .about-highlights {display:flex;gap:18px;margin-top:18px;flex-wrap:wrap;}
#page-about .about-highlight {flex:1 1 220px;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(34,24,19,0.72);border:1px solid rgba(111,81,56,0.38);border-radius:6px;box-shadow:0 10px 20px rgba(0,0,0,0.12);position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-about .about-highlight-icon {width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg, rgba(167,122,71,0.24) 0%, rgba(111,81,56,0.12) 100%);border:1px solid rgba(167,122,71,0.45);display:flex;align-items:center;justify-content:center;color:var(--accent-gold-soft);font-size:15px;flex:0 0 auto;}
#page-about .about-highlight-text {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;}
#page-about .about-highlight-text strong {color:var(--text-main);}
#page-about .about-showcase {margin-top:22px;padding:18px;background:linear-gradient(180deg, rgba(35,26,21,0.82) 0%, rgba(22,17,14,0.9) 100%);border:1px solid rgba(111,81,56,0.42);border-radius:8px;box-shadow:0 14px 26px rgba(0,0,0,0.14);overflow:hidden;}
#page-about .about-showcase-head {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px;}
#page-about .about-showcase-title {font:bold 16px Arial, sans-serif;color:var(--text-main);line-height:21px;}
#page-about .about-showcase-copy {margin-bottom:14px;font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;}
#page-about .about-showcase-controls {display:flex;gap:8px;flex:0 0 auto;}
#page-about .about-showcase-nav {width:36px;height:36px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(167,122,71,0.26) 0%, rgba(111,81,56,0.16) 100%);border:1px solid rgba(167,122,71,0.44);color:var(--accent-gold-soft);cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
#page-about .about-showcase-nav:hover {transform:translateY(-1px);border-color:rgba(227,189,120,0.92);color:var(--text-main);box-shadow:0 10px 20px rgba(0,0,0,0.18), 0 0 14px rgba(208,163,93,0.16);}
#page-about .about-showcase-stage {position:relative;min-height:460px;border-radius:8px;overflow:hidden;background:rgba(13,10,9,0.78);border:1px solid rgba(111,81,56,0.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03);}
#page-about .about-showcase-slide {display:none;margin:0;position:relative;}
#page-about .about-showcase-slide.active {display:block;animation:contentFadeIn 0.32s ease;}
#page-about .about-showcase-slide img {display:block;width:100%;height:460px;object-fit:cover;object-position:center top;}
#page-about .about-showcase-slide figcaption {position:absolute;left:16px;right:16px;bottom:16px;padding:10px 12px;background:linear-gradient(180deg, rgba(24,18,15,0.62) 0%, rgba(14,11,10,0.82) 100%);border:1px solid rgba(111,81,56,0.34);border-radius:6px;color:var(--text-main);font:bold 12px Arial, sans-serif;letter-spacing:0.5px;text-transform:uppercase;box-shadow:0 10px 18px rgba(0,0,0,0.18);}
#page-about .about-showcase-thumbs {display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:10px;margin-top:14px;}
#page-about .about-showcase-thumb {padding:0;height:74px;background:rgba(20,15,13,0.86);border:1px solid rgba(111,81,56,0.32);border-radius:6px;overflow:hidden;cursor:pointer;box-shadow:0 8px 16px rgba(0,0,0,0.12);transition:transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;opacity:0.72;}
#page-about .about-showcase-thumb:hover {transform:translateY(-1px);opacity:0.95;border-color:rgba(167,122,71,0.62);box-shadow:0 10px 18px rgba(0,0,0,0.16), 0 0 12px rgba(208,163,93,0.08);}
#page-about .about-showcase-thumb.active {opacity:1;border-color:rgba(227,189,120,0.94);box-shadow:0 10px 18px rgba(0,0,0,0.18), 0 0 14px rgba(208,163,93,0.16);}
#page-about .about-showcase-thumb img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
#page-about .progression-route-grid {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;margin:20px 0 22px 0;}
#page-about .progression-route-card {padding:16px 16px 14px 16px;background:linear-gradient(180deg, rgba(39,28,22,0.82) 0%, rgba(23,18,15,0.88) 100%);border:1px solid rgba(111,81,56,0.42);border-radius:8px;box-shadow:0 14px 26px rgba(0,0,0,0.14);position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-about .progression-route-card:before {content:"";position:absolute;inset:0;background:linear-gradient(115deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.08) 48%, rgba(255,255,255,0) 74%);transform:translateX(-130%);transition:transform 0.55s ease;pointer-events:none;}
#page-about .progression-route-card:hover {transform:translateY(-3px);border-color:rgba(167,122,71,0.72);box-shadow:0 18px 30px rgba(0,0,0,0.2), 0 0 18px rgba(208,163,93,0.12);}
#page-about .progression-route-card:hover:before {transform:translateX(130%);}
#page-about .progression-route-top {display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(111,81,56,0.24);}
#page-about .progression-route-icon {width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(166,63,37,0.22) 0%, rgba(111,81,56,0.14) 100%);border:1px solid rgba(166,63,37,0.35);color:var(--accent-gold-soft);font-size:16px;flex:0 0 auto;}
#page-about .progression-route-copy {flex:1 1 auto;min-width:0;}
#page-about .progression-route-title {font:bold 13px Arial, sans-serif;color:var(--text-main);line-height:16px;margin-bottom:4px;}
#page-about .progression-route-level {font:normal 10px Arial, sans-serif;letter-spacing:0.8px;text-transform:uppercase;color:var(--accent-gold-soft);}
#page-about .progression-route-text {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;}
#page-about .progression-route-note {margin-top:10px;padding-top:10px;border-top:1px solid rgba(111,81,56,0.18);font:normal 11px Arial, sans-serif;line-height:17px;color:var(--text-muted);}
#page-about .progression-route-note span,
#page-about .progression-route-text span {color:var(--accent-gold-soft);}
#page-about .progression-steps {display:flex;gap:18px;margin:20px 0 4px 0;flex-wrap:wrap;}
#page-about .progression-step {flex:1 1 220px;min-height:150px;padding:16px 16px 14px 16px;background:linear-gradient(180deg, rgba(39,28,22,0.78) 0%, rgba(27,20,16,0.78) 100%);border:1px solid rgba(111,81,56,0.38);border-radius:6px;box-shadow:0 10px 20px rgba(0,0,0,0.12);box-sizing:border-box;position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-about .progression-step-icon {width:36px;height:36px;margin-bottom:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(166,63,37,0.22) 0%, rgba(111,81,56,0.14) 100%);border:1px solid rgba(166,63,37,0.35);color:var(--accent-gold-soft);font-size:16px;}
#page-about .progression-step-copy {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;}
#page-about .progression-step-copy strong {color:var(--text-main);}
#page-about .information {margin-top:35px;display:flex;flex-direction:column;gap:18px;}
#page-about .information .info-block {width:100%;min-height:150px;margin-bottom:0;display:flex;flex-direction:column;vertical-align:top;background:linear-gradient(180deg, rgba(39,28,22,0.82) 0%, rgba(23,18,15,0.88) 100%);border:1px solid rgba(111,81,56,0.42);border-radius:8px;padding:18px 16px 14px 16px;box-shadow:0 14px 26px rgba(0,0,0,0.14);box-sizing:border-box;position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-about .information .info-block .name {height:auto;border-bottom:1px solid rgba(111,81,56,0.7);padding-bottom:10px;margin-bottom:12px;}
#page-about .information .info-block .name h1 {font:bold 14px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;}
#page-about .information .info-block .name h1 .fa {margin-right:8px;color:var(--accent-gold);}
#page-about .information .info-block .act-inf  {font:normal 12px Arial, sans-serif;color:var(--text-soft);word-break:break-word;margin-top:5px;}
#page-about .information .info-block .act-inf-copy {margin:4px 0 10px 0;line-height:18px;color:var(--text-soft);}
#page-about .information .info-block .act-inf span  {color:var(--accent-gold-soft);}
#page-about .information .info-block .info-badge {display:inline-block;margin-bottom:10px;padding:4px 9px;background:rgba(167,122,71,0.16);border:1px solid rgba(167,122,71,0.28);border-radius:999px;color:var(--accent-gold-soft);font:normal 10px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;}
#page-about .information .info-block .feature-panel {margin-top:14px;padding:14px 14px 8px 14px;background:linear-gradient(180deg, rgba(33,24,20,0.74) 0%, rgba(24,18,15,0.84) 100%);border:1px solid rgba(111,81,56,0.28);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02);}
#page-about .information .info-block .feature-panel:first-of-type {margin-top:4px;}
#page-about .information .info-block .feature-panel-head {display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(111,81,56,0.26);}
#page-about .information .info-block .feature-panel-icon {width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(167,122,71,0.22) 0%, rgba(111,81,56,0.12) 100%);border:1px solid rgba(167,122,71,0.38);color:var(--accent-gold-soft);font-size:14px;flex:0 0 auto;}
#page-about .information .info-block .feature-panel-meta {flex:1 1 auto;min-width:0;}
#page-about .information .info-block .feature-panel-kicker {font:normal 10px Arial, sans-serif;letter-spacing:0.85px;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;}
#page-about .information .info-block .feature-panel-title {font:bold 13px Arial, sans-serif;color:var(--text-main);line-height:16px;}
#page-about .information .info-block .feature-panel-tag {display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 9px;background:rgba(167,122,71,0.14);border:1px solid rgba(167,122,71,0.24);border-radius:999px;color:var(--accent-gold-soft);font:normal 10px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;text-align:center;}
#page-about .information .info-block .stat-group-title {margin:12px 0 4px 0;color:var(--text-main);font:bold 11px Arial, sans-serif;letter-spacing:0.5px;text-transform:uppercase;}
#page-about .information .info-block .stat-group-title:first-of-type {margin-top:2px;}
#page-about .information .info-block .stat-row {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid rgba(111,81,56,0.2);}
#page-about .information .info-block .stat-row:last-child {border-bottom:none;padding-bottom:2px;}
#page-about .information .info-block .stat-row-muted .stat-label,
#page-about .information .info-block .stat-row-muted .stat-value {opacity:0.78;}
#page-about .information .info-block .stat-label {display:flex;align-items:center;gap:8px;color:var(--text-soft);line-height:16px;}
#page-about .information .info-block .stat-label .fa {width:14px;color:var(--accent-gold);}
#page-about .information .info-block .stat-value {color:var(--text-main);font-weight:bold;text-align:right;}
#page-about .guide-accordion {margin-top:16px;display:flex;flex-direction:column;gap:12px;}
#page-about .guide-item {background:linear-gradient(180deg, rgba(33,24,20,0.78) 0%, rgba(24,18,15,0.9) 100%);border:1px solid rgba(111,81,56,0.34);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02);overflow:hidden;transition:border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;}
#page-about .guide-item.active,
#page-about .guide-item:hover {border-color:rgba(167,122,71,0.52);box-shadow:0 14px 24px rgba(0,0,0,0.14), 0 0 14px rgba(208,163,93,0.08);}
#page-about .guide-toggle {width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;background:none;border:none;color:inherit;text-align:left;cursor:pointer;box-sizing:border-box;}
#page-about .guide-toggle-copy {display:flex;flex-direction:column;gap:4px;min-width:0;}
#page-about .guide-toggle-kicker {font:normal 10px Arial, sans-serif;letter-spacing:0.85px;text-transform:uppercase;color:var(--text-muted);}
#page-about .guide-toggle-title {font:bold 13px Arial, sans-serif;line-height:17px;color:var(--text-main);}
#page-about .guide-toggle-icon {width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(167,122,71,0.2) 0%, rgba(111,81,56,0.12) 100%);border:1px solid rgba(167,122,71,0.32);color:var(--accent-gold-soft);flex:0 0 auto;transition:transform 0.22s ease, border-color 0.22s ease, color 0.22s ease;}
#page-about .guide-item.active .guide-toggle-icon {transform:rotate(180deg);border-color:rgba(167,122,71,0.56);color:var(--text-main);}
#page-about .guide-content {display:none;padding:0 16px 16px 16px;border-top:1px solid rgba(111,81,56,0.22);}
#page-about .guide-item.active .guide-content {display:block;}
#page-about .guide-content-inner {padding-top:12px;}
#page-about .guide-content-inner .raid-drop-grid {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;margin-top:10px;}
#page-about .guide-content-inner .raid-drop-card {padding:14px 14px 12px 14px;background:linear-gradient(180deg, rgba(33,24,20,0.78) 0%, rgba(24,18,15,0.9) 100%);border:1px solid rgba(111,81,56,0.3);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02);}
#page-about .guide-content-inner .raid-drop-card-title {margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(111,81,56,0.22);font:bold 12px Arial, sans-serif;color:var(--text-main);line-height:16px;}
#page-about .guide-content-inner .raid-drop-card .stat-row {margin:0;}
#page-about .guide-content-inner .raid-points-grid {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0 18px;margin-top:8px;}
#page-about .guide-content-inner .raid-points-grid .stat-row {margin:0;}

#page-tops {width:100%;max-width:100%;margin:0 auto;padding:0 16px 4px 16px;font:normal 12px Arial, sans-serif;color:var(--text-soft);box-sizing:border-box;}
#page-tops .tops-hero {display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;padding:18px;background:linear-gradient(180deg, rgba(39,28,22,0.78) 0%, rgba(27,20,16,0.82) 100%);border:1px solid rgba(111,81,56,0.4);border-radius:8px;box-shadow:0 14px 26px rgba(0,0,0,0.14);position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-tops .tops-hero-copy {max-width:560px;}
#page-tops .tops-hero-copy h2 {font:normal 22px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px 0;}
#page-tops .tops-hero-copy p {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;margin:0;}
#page-tops .tops-hero-badges {display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
#page-tops .tops-badge {display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(30,22,18,0.82);border:1px solid rgba(111,81,56,0.38);border-radius:999px;color:var(--text-soft);font:normal 11px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;}
#page-tops .tops-badge .fa {color:var(--accent-gold-soft);}
#page-tops .tops-summary {display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px;}
#page-tops .tops-summary-card {flex:1 1 220px;min-height:108px;padding:16px;background:linear-gradient(180deg, rgba(35,26,21,0.78) 0%, rgba(23,18,15,0.82) 100%);border:1px solid rgba(111,81,56,0.35);border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,0.12);box-sizing:border-box;position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-tops .tops-summary-card-live {display:flex;flex-direction:column;justify-content:space-between;}
#page-tops .tops-summary-title {font:bold 12px Arial, sans-serif;color:var(--text-main);text-transform:uppercase;letter-spacing:0.7px;margin-bottom:8px;}
#page-tops .tops-summary-value {font:bold 34px Arial, sans-serif;line-height:34px;color:var(--accent-gold-soft);margin:2px 0 10px 0;}
#page-tops .tops-summary-text {font:normal 12px Arial, sans-serif;color:var(--text-soft);line-height:18px;}
#page-tops .ranking-switcher {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
#page-tops .ranking-tab {padding:9px 14px;background:linear-gradient(180deg, rgba(62,45,33,0.92) 0%, rgba(41,31,24,0.92) 100%);border:1px solid rgba(111,81,56,0.56);border-radius:5px;color:rgba(201,180,154,0.9);font:normal 11px Arial, sans-serif;letter-spacing:0.8px;text-transform:uppercase;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease;display:flex;align-items:center;gap:8px;}
#page-tops .ranking-tab .fa {color:var(--accent-gold-soft);}
#page-tops .ranking-tab:hover {transform:translateY(-1px);border-color:rgba(167,122,71,0.78);box-shadow:0 10px 20px rgba(0,0,0,0.18), 0 0 12px rgba(208,163,93,0.08);color:var(--text-main);}
#page-tops .ranking-tab.active {background:linear-gradient(180deg, rgba(156,102,53,0.98) 0%, rgba(121,76,39,0.98) 100%);border-color:rgba(167,122,71,0.95);color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.24), 0 0 16px rgba(208,163,93,0.18);}
#page-tops .ranking-mobile-note {display:none;margin:-2px 0 14px 0;padding:10px 12px;background:rgba(30,22,18,0.78);border:1px solid rgba(111,81,56,0.34);border-radius:7px;color:var(--text-soft);font:normal 11px Arial, sans-serif;line-height:17px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02);}
#page-tops .ranking-mobile-note .fa {margin-right:8px;color:var(--accent-gold-soft);}
#page-tops .ranking-stage {padding:18px;background:linear-gradient(180deg, rgba(26,20,16,0.72) 0%, rgba(19,14,12,0.72) 100%);border:1px solid rgba(111,81,56,0.35);border-radius:8px;box-shadow:0 14px 26px rgba(0,0,0,0.12);position:relative;overflow:hidden;transition:transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}
#page-tops .ranking-pane {display:none;overflow-x:auto;overflow-y:auto;animation:contentFadeIn 0.35s ease;min-height:320px;max-height:620px;padding-right:6px;}
#page-tops .ranking-pane.active {display:block;}
#page-tops .ranking-pane::-webkit-scrollbar {width:10px;height:10px;}
#page-tops .ranking-pane::-webkit-scrollbar-track {background:rgba(20,15,13,0.72);border-radius:999px;}
#page-tops .ranking-pane::-webkit-scrollbar-thumb {background:linear-gradient(180deg, rgba(167,122,71,0.9) 0%, rgba(111,81,56,0.95) 100%);border-radius:999px;border:2px solid rgba(20,15,13,0.72);}
#page-tops .ranking-pane {scrollbar-color:rgba(167,122,71,0.92) rgba(20,15,13,0.72);scrollbar-width:thin;}
#page-tops .ranking-table {width:100%;min-width:760px;border-collapse:separate;border-spacing:0 8px;}
#page-tops .ranking-table th {padding:0 12px 8px 12px;text-align:left;font:normal 11px Arial, sans-serif;letter-spacing:0.8px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid rgba(111,81,56,0.7);}
#page-tops .ranking-table td {padding:12px 12px;background:rgba(33,24,20,0.82);border-top:1px solid rgba(124,88,58,0.18);border-bottom:1px solid rgba(124,88,58,0.18);color:var(--text-soft);}
#page-tops .ranking-table tbody tr:hover td {background:rgba(45,31,24,0.9);}
#page-tops .ranking-table td:first-child,
#page-tops .ranking-table th:first-child {width:42px;padding-left:14px;}
#page-tops .ranking-table td:first-child {color:var(--accent-gold-soft);font-weight:bold;}
#page-tops .ranking-table td:first-child,
#page-tops .ranking-table th:first-child,
#page-tops .ranking-table td:last-child,
#page-tops .ranking-table th:last-child {text-align:center;}
#page-tops .ranking-table td:first-child {border-left:1px solid rgba(124,88,58,0.22);border-radius:6px 0 0 6px;}
#page-tops .ranking-table td:last-child {border-right:1px solid rgba(124,88,58,0.22);border-radius:0 6px 6px 0;}
#page-tops .ranking-empty {padding:28px 22px;background:linear-gradient(180deg, rgba(33,24,20,0.86) 0%, rgba(24,18,15,0.9) 100%);border:1px solid rgba(111,81,56,0.45);border-radius:8px;color:var(--text-muted);text-align:center;line-height:20px;box-shadow:inset 0 0 0 1px rgba(167,122,71,0.06);}
#page-tops .ranking-empty:before {content:"\f091";font-family:FontAwesome;display:block;font-size:28px;line-height:28px;color:var(--accent-gold-soft);margin-bottom:12px;}

.footer {width:950px;margin:25px auto 20px auto;display:flex;}
.footer .copies {width:846px;}
.footer .copies h1 {font:normal 12px Arial, sans-serif;color:var(--text-main);display:block;height:16px;}
.footer .copies h2 {font:normal 10px Arial, sans-serif;color:var(--text-muted);display:block;height:10px;}
.footer .fhq {background:url('../images/falconhq.png') no-repeat;width:104px;height:37px;margin-top:6px;display:block;-webkit-transition:all 0.2s  cubic-bezier(.56,.09,.5,1.34);-o-transition:all 0.2s  cubic-bezier(.56,.09,.5,1.34);-moz-transition:all 0.2s  cubic-bezier(.56,.09,.5,1.34);transition:all 0.2s  cubic-bezier(.56,.09,.5,1.34);opacity:1;}
.footer .fhq:hover {opacity:0.7;}
.footer .fhq:active {opacity:0.4;}

@keyframes contentFadeIn {
	from {
		opacity:0;
		transform:translateY(8px);
	}
	to {
		opacity:1;
		transform:translateY(0);
	}
}

@media (max-width: 1180px) {
	body {
		background-size:1400px auto;
	}

	.content {
		margin-top:250px;
	}

	.content .main-categories {
		display:flex;
		flex-wrap:wrap;
		gap:8px;
	}

	.content .main-categories .tab {
		margin:0;
	}

	.content .main-categories .tab-static {
		margin:0;
	}

	.content .status .status-board {
		width:100%;
		display:grid;
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:8px;
		padding:8px;
	}

	.content .status .status-card {
		width:100%;
		min-width:0;
		min-height:34px;
		padding:0 10px 0 12px;
		border-right:0;
		border:1px solid rgba(111,81,56,0.28);
		border-radius:8px;
		background:linear-gradient(180deg, rgba(39,29,23,0.64) 0%, rgba(24,18,15,0.7) 100%);
		justify-content:flex-start;
	}

	.content .status .status-card:before {
		top:8px;
		bottom:8px;
	}

	.footer {
		width:100%;
	}

	.footer .copies {
		width:100%;
	}
}

@media (max-width: 768px) {
	#wrapper {
		padding:0 12px;
	}

	#wrapper:before,
	body:before,
	body:after {
		display:none;
	}

	.content {
		margin-top:182px;
	}

	.content .main-container {
		padding:18px 0 16px 0;
		border-radius:10px;
	}

	.content .main-categories {
		gap:10px;
	}

	.content .main-categories .tab {
		width:calc(50% - 5px);
		height:auto;
		padding-right:0;
		box-sizing:border-box;
	}

	.content .main-categories .tab-static {
		width:calc(50% - 5px);
		height:auto;
		padding-right:0;
		box-sizing:border-box;
	}

	.content .main-categories .tab a {
		display:flex;
		align-items:center;
		min-height:42px;
		padding:0 12px 0 0;
		box-sizing:border-box;
	}

	.content .main-categories .tab-static a {
		display:flex;
		align-items:center;
		min-height:42px;
		padding:0 12px 0 0;
		box-sizing:border-box;
	}

	.content .main-categories .ico-01,
	.content .main-categories .ico-02,
	.content .main-categories .ico-03,
	.content .main-categories .ico-04,
	.content .main-categories .ico-05 {
		flex:0 0 auto;
		float:none;
		margin:0 10px 0 12px;
	}

	.content .status .status-board {
		display:grid;
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:8px;
		width:100%;
	}

	.content .status .status-card {
		width:100%;
		min-width:0;
		padding:0 10px 0 12px;
	}

	.title,
	#page-news .article .header,
	#page-about .information .info-block .name {
		height:auto;
		min-height:28px;
		padding-bottom:6px;
	}

	#page-news .article .header .extra {
		position:static;
		margin-top:6px;
		display:block;
	}

	#page-news .vote-panel-header .extra {
		position:static;
		margin-top:6px;
		display:block;
	}

	#page-news .beta-countdown-header .extra {
		position:static;
		margin-top:6px;
		display:block;
	}

	#page-news .news-posts-header .extra {
		position:static;
		margin-top:6px;
		display:block;
	}

	#page-news .article .header .extra {
		white-space:normal;
		text-align:left;
	}

	#page-news .news-posts-body {
		max-height:68vh;
		padding:14px;
		-webkit-overflow-scrolling:touch;
		overscroll-behavior:contain;
	}

	#page-news .article {
		margin-bottom:18px;
		padding:16px 14px 18px 14px;
	}

	#page-news .article .header {
		flex-direction:column;
		align-items:flex-start;
		gap:8px;
	}

	#page-news .article .header .extra {
		width:100%;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		gap:6px 8px;
	}

	#page-news .article .header .article-pin {
		margin-right:0;
	}

	#page-news .live-world-header .extra {
		position:static;
		margin-top:6px;
		display:block;
	}

	#page-news .changelog-panel-header .extra {
		position:static;
		margin-top:6px;
		display:block;
	}

	#page-news .changelog-item {
		display:block;
	}

	#page-news .changelog-date {
		width:auto;
		margin-bottom:6px;
	}

	#page-news,
	#page-about,
	#page-connect,
	#page-tops {
		padding:0 14px;
	}

	#page-news .live-world-grid,
	#page-news .vote-banner-grid,
	#page-connect .connect-steps,
	#page-connect .connect-downloads,
	#page-tops .tops-summary {
		display:grid;
		grid-template-columns:1fr;
	}

	#page-news .vote-banner,
	#page-news .live-world-card,
	#page-connect .connect-step,
	#page-tops .tops-summary-card {
		min-height:0;
	}

	#page-about .about-highlights,
	#page-about .progression-steps,
	#page-about .progression-route-grid {
		display:grid;
		grid-template-columns:1fr;
	}

	#page-about .about-showcase-head {
		flex-direction:column;
		align-items:stretch;
	}

	#page-about .about-showcase-controls {
		justify-content:flex-start;
	}

	#page-about .about-showcase-stage {
		min-height:0;
	}

	#page-about .about-showcase-slide img {
		height:340px;
	}

	#page-about .about-showcase-thumbs {
		grid-template-columns:repeat(4, minmax(0, 1fr));
	}

	#page-about .about-switcher {
		padding:14px;
		gap:8px;
	}

	#page-about .about-switcher-tab {
		flex:1 1 calc(50% - 4px);
		justify-content:center;
	}

	#page-about .information .info-block .feature-panel-head {
		align-items:flex-start;
		flex-wrap:wrap;
	}

	#page-about .information .info-block .feature-panel-tag {
		margin-left:46px;
	}

	#page-about .information .info-block .stat-row {
		align-items:flex-start;
		flex-direction:column;
		gap:5px;
	}

	#page-about .guide-content-inner .raid-points-grid {
		grid-template-columns:1fr;
		gap:0;
	}

	#page-about .guide-content-inner .raid-drop-grid {
		grid-template-columns:1fr;
	}

	#page-about .information .info-block .stat-value {
		text-align:left;
	}

	#page-about .information {
		margin-top:24px;
	}

	#page-tops .tops-hero {
		display:block;
		padding:16px;
	}

	#page-tops .tops-hero-badges {
		justify-content:flex-start;
		margin-top:14px;
		gap:8px;
	}

	#page-tops .tops-badge {
		padding:8px 10px;
		font-size:10px;
	}

	#page-tops .tops-hero-copy h2 {
		font-size:20px;
		line-height:22px;
	}

	#page-tops .tops-summary-card {
		padding:14px;
	}

	#page-tops .ranking-switcher {
		display:grid;
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:8px;
	}

	#page-tops .ranking-tab {
		justify-content:center;
		min-height:40px;
		padding:8px 10px;
		text-align:center;
	}

	#page-tops .ranking-mobile-note {
		display:block;
	}

	#page-tops .ranking-stage {
		padding:14px;
	}

	#page-tops .ranking-pane {
		min-height:0;
		max-height:520px;
		padding-bottom:2px;
		-webkit-overflow-scrolling:touch;
	}

	#page-tops .ranking-table {
		min-width:680px;
	}

	#page-tops .ranking-table th,
	#page-tops .ranking-table td {
		padding-left:10px;
		padding-right:10px;
	}

	#page-about .about-highlights,
	#page-about .progression-steps,
	#page-about .progression-route-grid {
		gap:14px;
	}

	#page-about .information .info-block {
		width:100%;
		margin-bottom:20px;
	}

	#page-connect .connect-div {
		display:flex;
		height:auto;
		line-height:normal;
		margin-bottom:14px;
	}

	#page-connect .connect-card {
		display:block;
	}

	#page-connect .connect-card-icon {
		margin-bottom:12px;
	}

	#page-connect .connect-launcher-note {
		padding:14px;
	}

	#page-connect .connect-div a {
		display:inline-block;
		height:auto;
		line-height:18px;
		padding:8px 12px;
	}

	#page-tops {
		font-size:11px;
	}

	#page-tops .ranking-table {
		min-width:760px;
	}

	.footer {
		margin-top:18px;
		display:block;
	}

	.footer .copies h1,
	.footer .copies h2 {
		height:auto;
		margin:0 0 8px 0;
	}
}

@media (max-width: 520px) {
	body {
		background-size:1100px auto;
	}

	body.site-status-mounted {
		padding-top:58px;
	}

	#wrapper {
		padding:0 10px;
	}

	.content {
		margin-top:155px;
	}

	.content .main-categories .tab {
		width:100%;
		font-size:13px;
	}

	.content .main-categories .tab-static {
		width:100%;
		font-size:13px;
	}

	.content .main-categories .tab a {
		min-height:44px;
	}

	.content .main-categories .tab-static a {
		min-height:44px;
	}

	#page-about .about-switcher-tab {
		flex:1 1 100%;
	}

	#page-about .about-showcase {
		padding:14px;
	}

	#page-about .about-showcase-slide img {
		height:250px;
	}

	#page-about .about-showcase-thumbs {
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:8px;
	}

	#page-about .about-showcase-thumb {
		height:64px;
	}

	.content .main-categories .ico-01,
	.content .main-categories .ico-02,
	.content .main-categories .ico-03,
	.content .main-categories .ico-04,
	.content .main-categories .ico-05 {
		margin:12px 10px;
	}

	.content .status .status-board {
		width:100%;
		display:grid;
		grid-template-columns:1fr;
		gap:10px;
		padding:8px;
	}

	.content .status .status-card {
		width:100%;
		justify-content:flex-start;
		box-sizing:border-box;
		padding:0 10px 0 12px;
	}

	#page-news,
	#page-about,
	#page-connect,
	#page-tops {
		padding:0 12px;
	}

	#page-news .article,
	#page-news .server-status-body,
	#page-news .beta-countdown-body,
	#page-news .live-world-body,
	#page-news .vote-panel-body,
	#page-news .changelog-panel-body,
	#page-connect .connect-card,
	#page-tops .tops-hero,
	#page-tops .ranking-stage {
		padding-left:14px;
		padding-right:14px;
	}

	#page-news .news-posts-body {
		max-height:60vh;
		padding:12px;
	}

	#page-news .article {
		padding:14px 12px 16px 12px;
	}

	#page-news .news-posts-panel,
	#page-news .server-status-panel,
	#page-news .beta-countdown-panel,
	#page-news .discord-feature-panel,
	#page-news .live-world-panel,
	#page-news .vote-panel,
	#page-news .changelog-panel {
		margin-bottom:22px;
	}

	#page-news .beta-countdown-grid {
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}

	#page-news .beta-countdown-value {
		font-size:28px;
	}

	#page-news .article .text .discord-button {
		width:100%;
		justify-content:center;
		box-sizing:border-box;
	}

	#page-connect .connect-launcher-note {
		display:block;
		padding:14px;
	}

	#page-connect .connect-launcher-note-icon {
		margin-bottom:10px;
	}

	#page-connect .connect-div a {
		width:100%;
		margin:8px 0 0 0;
		box-sizing:border-box;
		text-align:center;
		padding-left:12px;
	}

	#page-tops .ranking-table {
		min-width:620px;
	}

	#page-tops .ranking-switcher {
		grid-template-columns:1fr;
	}

	#page-tops .ranking-tab {
		justify-content:flex-start;
	}

	#page-tops .tops-hero-copy h2 {
		font-size:18px;
		line-height:20px;
	}
}