/* Compact and modern, with a restrained rust-red industrial accent. */
.topbar{position:sticky;top:0;z-index:50;isolation:isolate;min-height:64px;height:64px;padding:0 max(20px,calc((100vw - 1240px)/2));background:rgba(27,23,21,.96);border-bottom:1px solid #49372f;box-shadow:0 5px 18px rgba(0,0,0,.16);overflow:visible}
.topbar:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(197,69,47,.12),transparent 34%),repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.018) 59px 60px)}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#b94835;opacity:.9}
.topbar .brand{display:flex;align-items:center;gap:7px;padding:0 13px 0 0;color:#f5ede4;font-size:20px;letter-spacing:.2px;text-decoration:none}.topbar .brand b{font-weight:950}.topbar .brand span{color:#e05a42}.topbar .brand-mark{display:grid;place-items:center;width:23px;height:23px;background:#bd4935;color:#1c1714;font:900 16px/1 Impact,"Arial Narrow",sans-serif;font-style:normal;clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%)}
.topbar nav{gap:3px}.topbar nav a,.topbar nav a:first-child{position:relative;display:flex;align-items:center;gap:6px;padding:22px 12px 20px;color:#c9bdb2;font-size:12px;font-weight:800;letter-spacing:.15px;text-decoration:none}.topbar nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:10px;height:2px;background:#e05a42;transform:scaleX(0);transition:transform .16s ease}.topbar nav a:hover,.topbar nav a:focus-visible,.topbar nav a.active{color:#fff}.topbar nav a:hover:after,.topbar nav a:focus-visible:after,.topbar nav a.active:after{transform:scaleX(1)}.nav-icon,.mobile-nav-only{display:none}
.topbar .header-actions{gap:8px}.topbar .header-actions .btn{border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.2px}.topbar .admin-link{box-shadow:inset 0 0 0 1px rgba(255,229,209,.2)}
.finder-hero{padding:58px 0 42px;max-width:900px}.finder-hero h1{max-width:760px;font-size:clamp(48px,6.4vw,82px);line-height:.96;letter-spacing:-.06em;margin:15px 0 17px}.finder-hero .lead{font-size:17px;line-height:1.55}.server-search-hero{margin-top:25px}.hero-live-stats{margin-top:28px}
@media (max-width:760px){body{padding-bottom:77px}.topbar{height:58px;min-height:58px;padding:0 16px}.topbar .brand{font-size:18px}.topbar .brand-mark{width:21px;height:21px;font-size:15px}.topbar .menu,.topbar .header-actions{display:none!important}.topbar nav{position:fixed!important;z-index:80;display:flex!important;align-items:stretch;justify-content:space-around;gap:0;left:0;right:0;top:auto!important;bottom:0;padding:6px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));height:77px;background:rgba(28,23,21,.98);border:0;border-top:1px solid #554037;box-shadow:0 -7px 24px rgba(0,0,0,.2)}.topbar nav a,.topbar nav a:first-child,.topbar nav a:nth-child(3){display:flex!important;flex:1;min-width:0;justify-content:center;flex-direction:column;gap:3px;padding:3px 2px 5px;color:#aba097;font-size:9px;font-weight:800;letter-spacing:0;line-height:1.05;text-align:center}.topbar nav a:after{left:50%;right:auto;bottom:0;width:21px;transform:translateX(-50%) scaleX(0);height:2px}.topbar nav a.active:after{transform:translateX(-50%) scaleX(1)}.topbar nav a.active{color:#fff}.topbar nav a:hover:after,.topbar nav a:focus-visible:after{transform:translateX(-50%) scaleX(1)}.topbar nav a.desktop-nav-only{display:none!important}.topbar nav a.mobile-nav-only{display:flex!important}.nav-icon{display:block;font-size:21px;font-style:normal;line-height:1;color:#cfc1b3}.topbar nav a.active .nav-icon{color:#e65a42}.finder-hero{padding:38px 0 30px}.finder-hero h1{font-size:clamp(43px,12vw,57px);line-height:.98;margin:12px 0}.finder-hero .lead{font-size:15px}.server-search-hero{margin-top:21px}.hero-live-stats{margin-top:23px}.consent{bottom:86px!important}}