/* Infernal Dawn Navbar Build 55 — adaptive desktop fit */
.main-navbar{
  position:fixed;
  top:14px;
  left:50%;
  z-index:9999;
  width:min(1760px,calc(100% - 24px));
  min-height:84px;
  transform:translateX(-50%);
  border:1px solid rgba(230,214,168,.28);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(10,9,14,.97),rgba(5,5,9,.98));
  box-shadow:0 0 0 1px rgba(139,82,206,.05),0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:visible;
  isolation:isolate;
}

.main-navbar::after{
  content:"";
  position:absolute;
  left:3%;
  right:3%;
  bottom:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(230,214,168,.27),transparent);
}

.navbar-container{
  width:100%;
  min-height:84px;
  margin:0;
  padding:7px 18px 7px 14px;
  display:flex;
  align-items:center;
  gap:16px;
}

.navbar-brand--art{
  position:relative;
  flex:0 0 clamp(165px,15vw,245px);
  width:clamp(165px,15vw,245px);
  min-width:0;
  height:70px;
  display:flex;
  align-items:center;
  overflow:visible;
}

.navbar-brand-glow{
  position:absolute;
  inset:18% 7%;
  background:radial-gradient(circle,rgba(142,73,215,.18),transparent 68%);
  filter:blur(12px);
  pointer-events:none;
}

.navbar-brand--art img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 0 6px rgba(255,215,120,.14));
}

.navbar-menu{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(10px,1.1vw,20px);
}

.navbar-links{
  flex:0 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(10px,1.35vw,25px);
}

.main-navbar .nav-link{
  position:relative;
  flex:0 0 auto;
  padding:12px 0;
  font-family:"Montserrat",Arial,sans-serif;
  font-size:clamp(11px,.94vw,15px);
  line-height:1;
  font-weight:600;
  letter-spacing:.025em;
  white-space:nowrap;
  color:#e6d6a8;
  text-decoration:none;
  text-transform:uppercase;
  transition:color .22s ease,transform .22s ease;
}

.main-navbar .nav-link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:2px;
  width:0;
  height:2px;
  transform:translateX(-50%);
  background:#d9bd70;
  box-shadow:0 0 5px rgba(217,189,112,.18);
  transition:width .22s ease;
}

.main-navbar .nav-link:hover,
.main-navbar .nav-link.active{
  color:#f2de91;
  transform:translateY(-1px);
}

.main-navbar .nav-link:hover::after,
.main-navbar .nav-link.active::after{width:100%}

.nav-dropdown{position:relative;flex:0 0 auto}
.nav-dropdown-toggle{display:flex;align-items:center;gap:5px}
.nav-dropdown-toggle span{font-size:10px;color:#cbb77e}

.nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  z-index:20;
  min-width:190px;
  padding:8px;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-5px);
  border:1px solid rgba(230,214,168,.18);
  border-radius:12px;
  background:rgba(7,7,11,.985);
  box-shadow:0 20px 48px rgba(0,0,0,.55);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

.nav-dropdown-menu a{
  display:block;
  padding:11px 12px;
  border-radius:8px;
  font-family:"Montserrat",Arial,sans-serif;
  font-size:12px;
  font-weight:600;
  color:#d7ccb0;
  text-decoration:none;
  white-space:nowrap;
}

.nav-dropdown-menu a:hover{color:#f2de91;background:rgba(230,214,168,.06)}

.navbar-login{
  flex:0 0 auto;
  min-width:clamp(82px,7vw,118px);
  height:46px;
  padding:0 clamp(14px,1.3vw,22px);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(230,214,168,.38);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(19,17,23,.96),rgba(8,8,12,.98));
  color:#e6d6a8;
  font-family:"Montserrat",Arial,sans-serif;
  font-size:clamp(11px,.85vw,14px);
  font-weight:600;
  letter-spacing:.035em;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
}

.navbar-login:hover{color:#f2de91;border-color:rgba(242,222,145,.6);background:rgba(28,24,31,.98)}

.navbar-toggle{
  display:none;
  flex:0 0 44px;
  width:44px;
  height:44px;
  padding:9px;
  border:1px solid rgba(230,214,168,.3);
  border-radius:10px;
  background:rgba(16,13,21,.94);
  cursor:pointer;
}

.navbar-toggle span{
  display:block;
  width:100%;
  height:2px;
  margin:5px 0;
  background:#e6d6a8;
  transition:transform .25s ease,opacity .2s ease;
}

.navbar-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar-toggle.open span:nth-child(2){opacity:0}
.navbar-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Compact desktop: owner/player menus remain visible. */
@media (max-width:1400px) and (min-width:1181px){
  .main-navbar{width:calc(100% - 16px)}
  .navbar-container{padding-left:10px;padding-right:12px;gap:10px}
  .navbar-brand--art{flex-basis:180px;width:180px;height:68px}
  .navbar-menu{gap:10px}
  .navbar-links{gap:clamp(8px,1vw,14px)}
  .main-navbar .nav-link{font-size:11px;letter-spacing:.01em}
  .navbar-login{min-width:84px;height:42px;padding:0 12px;font-size:11px}
}

/* Mobile/tablet menu only. */
@media (max-width:1180px){
  .main-navbar{top:10px;width:calc(100% - 20px);min-height:76px}
  .navbar-container{position:relative;min-height:76px;padding:6px 12px}
  .navbar-brand--art{flex-basis:220px;width:220px;height:64px}
  .navbar-toggle{display:block;margin-left:auto}
  .navbar-menu{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    width:100%;
    max-height:0;
    padding:0 16px;
    display:block;
    overflow:hidden;
    opacity:0;
    border:1px solid transparent;
    border-radius:15px;
    background:rgba(7,6,11,.985);
    box-shadow:0 24px 55px rgba(0,0,0,.55);
    backdrop-filter:blur(18px);
    transition:max-height .32s ease,padding .32s ease,opacity .22s ease,border-color .22s ease;
  }
  .navbar-menu.open{max-height:760px;padding:14px 16px 18px;opacity:1;border-color:rgba(230,214,168,.22)}
  .navbar-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .main-navbar .nav-link{display:flex;align-items:center;min-height:46px;padding:12px 5px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
  .main-navbar .nav-link::after{left:5px;bottom:-1px;transform:none}
  .nav-dropdown{display:block}
  .nav-dropdown-toggle{justify-content:space-between}
  .nav-dropdown-menu{position:static;display:none;width:100%;min-width:0;margin:3px 0 7px;opacity:1;visibility:visible;transform:none!important}
  .nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
  .navbar-login{display:flex;width:100%;height:46px;margin-top:13px}
}

@media (max-width:680px){
  .navbar-links{grid-template-columns:1fr}
  .navbar-brand--art{flex-basis:190px;width:190px;height:58px}
}

@media (max-width:420px){
  .navbar-brand--art{flex-basis:160px;width:160px;height:52px}
}