/* Top navigation (2026-11-04): sticky glass bar, pill links, compact actions. Loaded last. */
html{scroll-padding-top:84px}
header{position:sticky;top:0;z-index:20;max-width:none;height:72px;min-height:0;margin:0;
  display:flex;align-items:center;gap:24px;
  padding:0 max(4%,calc((100% - 1280px)/2));
  background:#110e0fcc;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid #ffffff12}
header .brand img{width:38px;height:38px}
header .brand span{font-size:20px;letter-spacing:1.5px}
header .brand small{font-size:7px;letter-spacing:1.2px;margin-top:6px}

header nav{display:flex;align-items:center;gap:2px;margin:0 auto;padding:4px;
  border:1px solid #ffffff14;border-radius:999px;background:#ffffff06;font-size:14px;line-height:1}
header nav a{padding:9px 16px;border-radius:999px;color:#cbbfc4;white-space:nowrap;transition:background .2s,color .2s}
header nav a:hover{background:#ffffff0f;color:#fff}
header nav a.active{background:#b9323c;color:#fff}

.head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.head-download{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;
  border:1px solid #ffffff2a;color:#f3e9ec;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}
.head-download:hover{background:#ffffff0f;border-color:#ffffff50}
.head-download span{font-size:15px}
header .discord-button{width:40px;height:40px;border-radius:50%;grid-column:auto;grid-row:auto}
header .discord-button svg{width:22px;height:22px}

@media(max-width:1100px){
  header nav{font-size:13px}
  header nav a{padding:9px 11px}
  .head-download{display:none}
}
@media(max-width:900px){
  html{scroll-padding-top:118px}
  header{display:grid;grid-template-columns:1fr auto;height:auto;padding:10px 4% 8px;gap:8px 12px}
  header nav{grid-column:1/-1;grid-row:2;width:100%;margin:0;justify-content:flex-start;overflow-x:auto;
    scrollbar-width:none;border-radius:999px;padding:3px;font-size:13px;border-top:1px solid #ffffff14}
  header nav::-webkit-scrollbar{display:none}
  header nav a{padding:8px 12px;flex-shrink:0}
  header .brand span{font-size:18px}
  header .brand img{width:32px;height:32px}
}
@media(max-width:480px){header nav{font-size:12px;justify-content:space-between}header nav a{padding:8px 6px}header nav{gap:0}}