/* Arcadeic shared navigation — isolated from every page's legacy nav CSS. */
#arcadeic-site-nav,
#arcadeic-site-nav * { box-sizing:border-box !important; }

#arcadeic-site-nav {
  --arc-nav-bg:#010a0c;
  --arc-nav-button:#041718;
  --arc-nav-button-hover:#072322;
  --arc-nav-border:rgba(215,180,106,.30);
  --arc-nav-gold:#d7b46a;
  --arc-nav-cream:#d9ceb0;
  --arc-nav-muted:#a89f86;
  width:min(1390px,calc(100vw - 20px)) !important;
  max-width:1390px !important;
  min-height:104px !important;
  margin:0 auto !important;
  padding:10px 28px !important;
  display:grid !important;
  grid-template-columns:160px minmax(0,1040px) 160px !important;
  column-gap:28px !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  isolation:isolate !important;
  z-index:2147483000 !important;
  overflow:visible !important;
  pointer-events:auto !important;
  background:var(--arc-nav-bg) !important;
  border-top:1px solid var(--arc-nav-border) !important;
  border-bottom:1px solid var(--arc-nav-border) !important;
  border-left:1px solid rgba(215,180,106,.22) !important;
  border-right:1px solid rgba(215,180,106,.22) !important;
  font-family:'Cinzel',serif !important;
}

#arcadeic-site-nav .arc-nav-brand {
  grid-column:1 !important;
  justify-self:start !important;
  width:160px !important;
  height:58px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  position:relative !important;
  z-index:4 !important;
  text-decoration:none !important;
  pointer-events:auto !important;
}
#arcadeic-site-nav .arc-nav-brand img {
  display:block !important;
  width:auto !important;
  max-width:150px !important;
  height:52px !important;
  max-height:52px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  pointer-events:none !important;
}

#arcadeic-site-nav .arc-nav-checkbox {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}
#arcadeic-site-nav .arc-nav-toggle { display:none !important; }

#arcadeic-site-nav .arc-nav-panel {
  grid-column:2 !important;
  width:100% !important;
  max-width:1040px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-rows:auto 1px auto !important;
  gap:7px !important;
  align-items:center !important;
  position:relative !important;
  z-index:3 !important;
  pointer-events:auto !important;
}
#arcadeic-site-nav .arc-nav-site-links,
#arcadeic-site-nav .arc-nav-social-links {
  display:grid !important;
  align-items:stretch !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  gap:7px !important;
  pointer-events:auto !important;
}
#arcadeic-site-nav .arc-nav-site-links { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
#arcadeic-site-nav .arc-nav-social-links { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
#arcadeic-site-nav .arc-nav-divider {
  display:block !important;
  width:100% !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,#a87d35,transparent) !important;
  opacity:.62 !important;
  pointer-events:none !important;
}

#arcadeic-site-nav .arc-nav-link,
#arcadeic-site-nav .arc-nav-social {
  min-width:0 !important;
  min-height:31px !important;
  margin:0 !important;
  padding:7px 9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  position:relative !important;
  z-index:4 !important;
  color:var(--arc-nav-cream) !important;
  background:var(--arc-nav-button) !important;
  border:1px solid transparent !important;
  border-radius:4px !important;
  font-family:'Cinzel',serif !important;
  font-size:.72rem !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:rgba(215,180,106,.16) !important;
}
#arcadeic-site-nav .arc-nav-link:hover,
#arcadeic-site-nav .arc-nav-social:hover {
  color:#f4e1b5 !important;
  border-color:rgba(215,180,106,.42) !important;
  background:var(--arc-nav-button-hover) !important;
}
#arcadeic-site-nav .arc-nav-item-icon,
#arcadeic-site-nav .arc-nav-social-icon { pointer-events:none !important; }
#arcadeic-site-nav .arc-nav-social-icon {
  width:15px !important;
  height:15px !important;
  flex:0 0 15px !important;
  display:inline-block !important;
  background:center/contain no-repeat !important;
}
#arcadeic-site-nav .arc-nav-social-tiktok .arc-nav-social-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 1 1-2.09-3.18V9.01a6.34 6.34 0 1 0 6.54 6.29V8.69a8.18 8.18 0 0 0 4.78 1.52V6.76c-.34 0-.68-.02-1.01-.07z'/%3E%3C/svg%3E") !important;}
#arcadeic-site-nav .arc-nav-social-twitch .arc-nav-social-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239146ff' d='M6 0 1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714zM11.571 4.714h1.715v5.143h-1.715zm4.715 0H18v5.143h-1.714z'/%3E%3C/svg%3E") !important;}
#arcadeic-site-nav .arc-nav-social-youtube .arc-nav-social-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff3333' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12z'/%3E%3C/svg%3E") !important;}

#arcadeic-site-nav #twitch-nav-btn.nav-twitch-live,
#arcadeic-site-nav .arc-nav-link.nav-status.online,
#arcadeic-site-nav .arc-nav-link.nav-goldrush.active {
  border-color:#2ec76f !important;
  color:#51dd8d !important;
  background:rgba(46,199,111,.08) !important;
}
#arcadeic-site-nav #twitch-nav-btn.nav-twitch-offline,
#arcadeic-site-nav .arc-nav-link.nav-status.offline,
#arcadeic-site-nav .arc-nav-link.nav-goldrush.inactive {
  border-color:rgba(232,64,64,.42) !important;
  color:#e97b7b !important;
  background:rgba(232,64,64,.05) !important;
}


/* The calendar uses a wider 1780px page frame. Fill that frame while keeping
   the existing 1390px-style navigation controls centered and unchanged. */
@media (min-width:1121px) {
  #arcadeic-site-nav.arc-nav-page-calendar {
    width:100% !important;
    max-width:none !important;
  }
}

@media (max-width:1120px) {
  #arcadeic-site-nav {
    width:min(100%,100vw) !important;
    max-width:none !important;
    min-height:94px !important;
    padding:11px 18px !important;
    display:grid !important;
    grid-template-columns:86px minmax(0,1fr) auto !important;
    column-gap:14px !important;
    justify-content:stretch !important;
  }
  #arcadeic-site-nav .arc-nav-brand {
    grid-column:1 !important;
    width:86px !important;
    height:68px !important;
  }
  #arcadeic-site-nav .arc-nav-brand img {
    width:auto !important;
    max-width:78px !important;
    height:62px !important;
    max-height:62px !important;
  }
  #arcadeic-site-nav .arc-nav-toggle {
    grid-column:3 !important;
    justify-self:end !important;
    min-width:104px !important;
    min-height:56px !important;
    margin:0 !important;
    padding:12px 15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    position:relative !important;
    z-index:8 !important;
    color:#f0dfb8 !important;
    background:#061d1b !important;
    border:1px solid rgba(215,180,106,.55) !important;
    border-radius:6px !important;
    font-family:'Cinzel',serif !important;
    font-size:.78rem !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:.1em !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-user-select:none !important;
    user-select:none !important;
    -webkit-tap-highlight-color:rgba(215,180,106,.18) !important;
  }
  #arcadeic-site-nav .arc-nav-toggle-icon { font-size:1.15rem !important; line-height:1 !important; pointer-events:none !important; }
  #arcadeic-site-nav .arc-nav-panel {
    display:none !important;
    grid-column:1 / -1 !important;
    position:absolute !important;
    left:8px !important;
    right:8px !important;
    top:calc(100% + 5px) !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:9px !important;
    gap:7px !important;
    background:#021012 !important;
    border:1px solid rgba(215,180,106,.48) !important;
    border-radius:7px !important;
    box-shadow:0 16px 38px rgba(0,0,0,.82) !important;
    z-index:2147483001 !important;
    pointer-events:auto !important;
  }
  #arcadeic-site-nav .arc-nav-checkbox:checked ~ .arc-nav-panel { display:grid !important; }
  #arcadeic-site-nav .arc-nav-checkbox:checked + .arc-nav-toggle .arc-nav-toggle-icon { font-size:0 !important; }
  #arcadeic-site-nav .arc-nav-checkbox:checked + .arc-nav-toggle .arc-nav-toggle-icon::after { content:'✕'; font-size:1.1rem !important; }
  #arcadeic-site-nav .arc-nav-site-links { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }
  #arcadeic-site-nav .arc-nav-social-links { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:6px !important; }
  #arcadeic-site-nav .arc-nav-link,
  #arcadeic-site-nav .arc-nav-social {
    min-height:44px !important;
    padding:7px 6px !important;
    border-color:rgba(215,180,106,.18) !important;
    background:#051918 !important;
    font-size:.62rem !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }
}

@media (max-width:480px) {
  #arcadeic-site-nav { min-height:102px !important; padding:12px 14px !important; grid-template-columns:78px minmax(0,1fr) auto !important; }
  #arcadeic-site-nav .arc-nav-brand { width:78px !important; height:72px !important; }
  #arcadeic-site-nav .arc-nav-brand img { max-width:70px !important; height:66px !important; max-height:66px !important; }
  #arcadeic-site-nav .arc-nav-toggle { min-width:102px !important; min-height:58px !important; }
  #arcadeic-site-nav .arc-nav-panel { left:6px !important; right:6px !important; padding:7px !important; }
  #arcadeic-site-nav .arc-nav-link,
  #arcadeic-site-nav .arc-nav-social { font-size:.59rem !important; padding:7px 4px !important; }
}


/* Shared Twitch state — controlled only by /includes/site-navigation.js.
   Unique IDs/classes prevent older page scripts from changing the button. */
#arcadeic-site-nav #arcadeic-shared-twitch-link {
  border-color:rgba(145,70,255,.34) !important;
  color:#b9af98 !important;
  background:rgba(145,70,255,.045) !important;
  transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease !important;
}
#arcadeic-site-nav #arcadeic-shared-twitch-link:hover {
  color:#f0e6c8 !important;
  border-color:rgba(185,137,255,.65) !important;
  background:rgba(145,70,255,.09) !important;
}
#arcadeic-site-nav #arcadeic-shared-twitch-link.arc-shared-twitch-live {
  color:#63f2b7 !important;
  border-color:rgba(32,217,133,.68) !important;
  background:rgba(32,217,133,.085) !important;
  box-shadow:0 0 18px rgba(32,217,133,.08) !important;
}
#arcadeic-site-nav #arcadeic-shared-twitch-link.arc-shared-twitch-live:hover {
  color:#8affca !important;
  border-color:rgba(99,242,183,.86) !important;
  background:rgba(32,217,133,.13) !important;
}
#arcadeic-site-nav .arc-shared-twitch-dot {
  display:none !important;
  width:7px !important;
  height:7px !important;
  flex:0 0 7px !important;
  border-radius:50% !important;
  background:#20d985 !important;
  box-shadow:0 0 10px rgba(32,217,133,.65) !important;
  pointer-events:none !important;
}
#arcadeic-site-nav #arcadeic-shared-twitch-link.arc-shared-twitch-live .arc-shared-twitch-dot {
  display:inline-block !important;
  animation:arc-shared-twitch-pulse 1.2s ease-in-out infinite !important;
}
@keyframes arc-shared-twitch-pulse {
  0%,100% { opacity:1; transform:scale(1); }
  50% { opacity:.4; transform:scale(.86); }
}
@media (prefers-reduced-motion:reduce) {
  #arcadeic-site-nav #arcadeic-shared-twitch-link.arc-shared-twitch-live .arc-shared-twitch-dot {
    animation:none !important;
  }
}