.site-header,.site-header.is-scrolled{display:block;padding:0;background:#12100e;border:0;box-shadow:0 5px 20px #0006}
.header-topbar{height:43px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;background:#151515;color:#c8baa0}
.topbar-label{font:10px var(--sans);letter-spacing:.14em}
.header-topbar .header-socials{margin-left:auto;width:auto;order:initial;gap:7px;padding:0}
.header-topbar .header-socials :is(button,a){height:31px;min-width:31px;padding:5px 8px;background:#1c1b19;border-color:#78663e66}
.header-topbar .header-socials .discord-login{background:#3c201c;font-size:11px;padding-inline:12px}
.header-topbar .header-socials svg{width:16px;height:16px}
.header-mainrow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 32px;min-height:94px;background:linear-gradient(#380a0b55,#380a0b66),url('assets/red-damask.webp') center/100% auto;border-top:1px solid #c8a552;border-bottom:1px solid #a7803e;position:relative}
.header-mainrow .brand img{width:70px;height:70px}.header-mainrow .brand small{color:#dac7a2}
.header-mainrow nav{margin-left:auto;background:none;border:0;box-shadow:none;padding:0;gap:5px}
.header-mainrow nav>a:not(.nav-login),.header-mainrow nav>.nav-login{background:#200c0b77;border:1px solid #c8a26b55;height:43px;padding:10px 15px;display:flex;align-items:center;justify-content:center;color:#eed9b3;font-size:13px}
.header-mainrow nav>a.section-active:not(.nav-login){background:linear-gradient(#e8cb9588,#e8cb9588),url('assets/paper.webp') center/160% auto;color:#452512;border-color:#e0bc75;box-shadow:inset 0 -3px #c39041}
.header-mainrow nav>a:not(.nav-login):hover{background-color:#a972352f;border-color:#dfba6b}
html{scroll-padding-top:158px}.hero-content{padding-top:105px}
@media(max-width:1200px){.header-mainrow nav{display:none;position:absolute;left:20px;right:20px;top:100%;margin:0;padding:13px;background:linear-gradient(#35090af0,#35090af0),url('assets/red-damask.webp') center/cover;border:1px solid #b8934d;z-index:3}.header-mainrow nav.open{display:flex}.header-mainrow .menu-toggle{order:initial;margin-left:auto;background:#250e0dbb}}
@media(max-width:800px){.header-topbar{padding:0 20px;height:40px}.topbar-label{font-size:8px;letter-spacing:.08em}.header-mainrow{padding:9px 20px;min-height:81px;gap:10px}.header-mainrow .brand img{width:60px;height:60px}.header-mainrow nav{top:100%;left:16px;right:16px}.hero-content{padding-top:110px}html{scroll-padding-top:142px}}
@media(max-width:520px){.topbar-label{display:none}.header-topbar{justify-content:flex-end;padding-inline:19px}.header-mainrow{padding-inline:19px}.header-mainrow .brand img{width:57px;height:57px}.header-mainrow .brand>span{font-size:15px}.hero-content{padding-top:80px}}

/* Official game mark beside the server identity. */
.header-mainrow .game-mark{display:flex;align-items:center;justify-content:center;flex:0 0 136px;padding:5px 8px;border-left:1px solid #b28d4a55;border-right:1px solid #b28d4a55}.game-mark img{display:block;width:120px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 3px #0008)}.game-mark:focus-visible{outline:2px solid #d9b36d;outline-offset:3px}
@media(max-width:1600px) and (min-width:1201px){.header-mainrow{gap:10px;padding-inline:20px}.header-mainrow .brand>span{font-size:15px}.header-mainrow nav>a:not(.nav-login),.header-mainrow nav>.nav-login{padding-inline:9px;font-size:12px}.header-mainrow .game-mark{flex-basis:116px}.game-mark img{width:100px}}
@media(max-width:800px){.header-mainrow{flex-wrap:wrap}.header-mainrow .brand{flex:1 1 auto}.header-mainrow .game-mark{flex-basis:105px}.game-mark img{width:90px;height:42px}.header-mainrow .kingdom-population{order:4;width:100%;max-width:none;text-align:center}.header-mainrow .menu-toggle{margin-left:0}.header-mainrow .brand>span{font-size:13px}.header-mainrow .brand small{font-size:5px}}
@media(max-width:440px){.header-mainrow{gap:6px;padding-inline:12px}.header-mainrow .brand{gap:7px}.header-mainrow .brand img{width:42px;height:42px}.header-mainrow .brand>span{font-size:11px}.header-mainrow .brand small{font-size:4px;letter-spacing:.08em}.header-mainrow .game-mark{flex-basis:80px;padding:3px}.game-mark img{width:72px;height:35px}.header-mainrow .menu-toggle{padding:6px;font-size:10px;gap:5px}}