@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;}

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 385px 0 0px;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:url('../images/ico-02.png') no-repeat;width:14px;height:14px;float:left;margin:12px 9px 12px 10px;}
.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 .status {position:absolute;width:352px;top:0;right:33px;height:38px;display:flex;align-items:center;justify-content:flex-end;font:normal 12px Arial, sans-serif;color:var(--text-soft);}
.content .status .status-board {display:flex;justify-content:flex-end;align-items:center;gap:4px;}
.content .status .status-card {height:38px;padding:0 7px 0 5px;background:linear-gradient(180deg, rgba(41,30,24,0.96) 0%, rgba(23,17,14,0.96) 100%);border:1px solid rgba(111,81,56,0.72);border-radius:7px;box-shadow:0 10px 22px rgba(0,0,0,0.16);display:flex;align-items:center;gap:5px;white-space:nowrap;transition:box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease, background 0.22s ease;box-sizing:border-box;position:relative;overflow:hidden;}
.content .status .status-card:before {content:"";position:absolute;left:0;top:0;bottom:0;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);border-color:rgba(167,122,71,0.92);box-shadow:0 14px 28px rgba(0,0,0,0.2), 0 0 16px rgba(166,63,37,0.08);}
.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:20px;height:20px;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.28);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:9px;line-height:9px;flex:0 0 auto;}
.content .status .status-copy {display:flex;align-items:center;gap:3px;min-width:0;}
.content .status .status-label {display:inline-block;font:normal 7px Arial, sans-serif;letter-spacing:0.55px;text-transform:uppercase;color:var(--text-muted);}
.content .status .status-value {display:inline-block;font:bold 12px Arial, sans-serif;line-height:14px;}
.content .status .off {color:var(--accent-ember-soft);}
.content .status .on {color:#b9e58d;}
.content .status .players {color:var(--accent-gold-soft);}

.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 .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: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 .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 .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 .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:15px 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:6px;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:94px;flex:0 0 auto;color:var(--accent-gold-soft);font:bold 11px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;padding-top:4px;}
#page-news .changelog-body {line-height:18px;color:var(--text-soft);flex:1 1 auto;}
#page-news .changelog-body strong {display:block;margin-top:8px;color:var(--text-main);font-size:13px;letter-spacing:0.3px;}
#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-about {width:100%;max-width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box;}
#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 .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;}
#page-about .information {display:flex;gap:18px;flex-wrap:wrap;}
#page-about .information .info-block {flex:1 1 220px;min-height:150px;margin-bottom:25px;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 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 .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-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-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;animation:contentFadeIn 0.35s ease;min-height:320px;}
#page-tops .ranking-pane.active {display:block;}
#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: 1024px) {
	body {
		background-size:1400px auto;
	}

	.content {
		margin-top:250px;
	}

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

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

	.content .status {
		position:relative;
		width:100%;
		height:auto;
		margin-top:10px;
		justify-content:flex-start;
	}

	.content .status .status-board {
		flex-wrap:wrap;
	}

	.footer {
		width:100%;
	}

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

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

	.content {
		margin-top:200px;
	}

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

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

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

	.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 .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-about .information {
		margin-top:24px;
	}

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

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

	#page-about .about-highlights,
	#page-about .progression-steps {
		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-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;
	}

	#wrapper {
		padding:0 10px;
	}

	.content {
		margin-top:155px;
	}

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

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

	.content .status .status-board {
		width:100%;
	}

	.content .status .status-card {
		width:100%;
		justify-content:flex-start;
		box-sizing:border-box;
	}

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

	#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:700px;
	}
}