/* MAKE ME RUN – Header im originalen, kompakten Dark-Style.
   Nach global.css und root.css laden. Keine Schatten. */

/* Navigation: eigene Zeile oberhalb des Banners, keine Überlagerung. */
html body .header_links {
  position: sticky !important; inset: auto !important; top:0 !important;
  z-index: 9999; display:block !important; float:none !important;
  box-sizing:border-box; width:100% !important; min-height:49px;
  margin:0 !important; padding:0 !important;
  background:#1c1c1c; border:0; box-shadow:none !important;
}
html body .header_links .hunt-nav-inner {
  position:static !important; box-sizing:border-box; width:720px; max-width:calc(100% - 24px);
  min-height:49px; margin:0 auto; padding:0 2px;
  display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:0 15px;
}
html body .header_links .hunt-nav-inner > a {
  float:none !important; position:static !important; display:inline-block;
  padding:15px 0 14px; margin:0 !important;
  background:none !important; color:#63a8ba !important;
  font:600 10px/20px Tahoma,Verdana,sans-serif !important;
  letter-spacing:.09em; text-decoration:none !important; text-transform:uppercase;
}
html body .header_links .hunt-nav-inner > a:hover { color:#b2dbe4 !important; }
html body .header_links .hunt-nav-scene-count {
  color:#989898; letter-spacing:0; font-size:9px; margin-left:3px;
}

/* Schmale, zusammenhängende Headerfläche. */
html body #container { min-width:0; }
html body #header { margin:0; padding:0; background:transparent; border:0; }
html body #header > .wrapper {
  position:relative; box-sizing:border-box; display:block; overflow:visible;
  width:720px !important; min-width:0 !important; max-width:calc(100% - 24px) !important;
  margin:0 auto !important; padding:0 !important;
}
html body #container > .wrapper {
  box-sizing:border-box; width:720px !important; min-width:0 !important;
  max-width:calc(100% - 24px) !important; margin:0 auto !important;
}

/* Banner – echtes Plugin-Bild und keine zweite, überlagernde Hintergrundgrafik. */
html body #header .hunt-header-hero {
  position:relative; display:block; box-sizing:border-box;
  width:100% !important; height:355px !important; min-height:355px;
  margin:0 !important; padding:0 !important; overflow:hidden;
  background:#171717; border:4px solid #1d1d1d;
}
html body #header .hunt-header-hero > img.wechselbanner-image {
  position:absolute !important; inset:0; display:block !important;
  box-sizing:border-box; width:100% !important; max-width:none !important;
  height:100% !important; min-height:0 !important; margin:0 !important;
  padding:0 !important; object-fit:cover; object-position:center;
  border:0 !important; opacity:1 !important;
}
html body #header .hunt-header-hero-link { position:absolute; z-index:1; inset:0; display:block; }
html body #header .hunt-header-hero-link:focus-visible { outline:2px solid #69b3c5; outline-offset:-5px; }

/* Ganz schmale Leiste DIREKT unter dem Banner. */
html body #header .hunt-header-identity {
  position:relative; box-sizing:border-box; display:flex; flex-wrap:nowrap;
  align-items:flex-start; gap:10px; min-height:36px; margin:0 !important;
  padding:4px 10px 5px 116px !important;
  background:#1c1c1c; border:0;
}
/* Nicht von globalen Regeln für #header img / allgemeine Avatare vergrößern lassen. */
html body #header .hunt-header-avatar {
  position:absolute !important; z-index:5; left:-58px !important; top:-124px !important;
  box-sizing:border-box; display:block; float:none !important;
  width:156px !important; height:156px !important; max-width:none !important;
  margin:0 !important; padding:5px !important; overflow:hidden;
  background:#262626; border:0; box-shadow:none !important;
}
html body #header .hunt-header-avatar > img {
  display:block !important; float:none !important;
  width:146px !important; height:146px !important; min-width:0 !important;
  max-width:none !important; min-height:0 !important;
  margin:0 !important; padding:0 !important;
  object-fit:cover; object-position:50% 35%; border:0 !important;
}
html body #header .hunt-header-identity-main { flex:1 1 auto; min-width:0; }
html body #header .hunt-welcome-member,
html body #header .hunt-welcome-guest { color:#939393; font:10px/1.45 Tahoma,Verdana,sans-serif; }
html body #header .hunt-welcome-topline { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 6px; }
html body #header .hunt-welcome-greeting { color:#9d9d9d; }
html body #header .hunt-welcome-bottomline { margin-top:2px; }
html body #header .hunt-welcome-links {
  display:flex !important; flex-wrap:wrap; align-items:baseline; gap:2px 11px;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
html body #header .hunt-welcome-links > li {
  display:inline-block !important; float:none !important; margin:0 !important;
  padding:0 !important; list-style:none !important;
}
html body #header .hunt-welcome-links > li::marker { content:''; }
html body #header .hunt-welcome-links a { font-size:10px; white-space:nowrap; }
html body #header .hunt-welcome-switcher { margin-top:2px; font-size:10px; }
html body #header .hunt-welcome-switcher:empty { display:none; }
html body #header .hunt-header-identity a,
html body #header .hunt-header-info a { color:#69b3c5; text-decoration:none; }
html body #header .hunt-header-identity a:hover,
html body #header .hunt-header-info a:hover { color:#addde8; }
html body #header .hunt-header-quicklinks {
  flex:0 0 auto; display:flex; flex-wrap:wrap; justify-content:flex-end;
  gap:3px; max-width:38%; margin:0 !important; padding:0;
}
html body #header .hunt-header-quicklinks a {
  display:inline-block; margin:0; padding:3px 7px; background:#242424;
  color:#989898; white-space:nowrap; font:10px/1.4 Tahoma,Verdana,sans-serif;
}
html body #header .hunt-header-quicklinks a:hover { background:#303030; }

/* Die große dunkle Fläche des Originals, mit zwei INNEREN Kästen. */
html body #header .hunt-header-info {
  box-sizing:border-box; display:grid !important; grid-template-columns:178px minmax(0,1fr);
  gap:10px; width:100%; min-width:0; margin:0 !important;
  padding:10px 24px 16px !important; background:#222; border:0;
}
html body #header .hunt-header-card {
  box-sizing:border-box; display:block; min-width:0; min-height:182px !important;
  margin:0 !important; padding:16px 11px 12px !important;
  background:#1b1b1b; border:0; box-shadow:none !important;
}
html body #header .hunt-header-card h2 {
  display:block; float:none; margin:0 0 18px !important; padding:0 !important;
  color:#eae8e6; font:normal 26px/1.05 'Pirata One',Georgia,serif;
  text-align:left; background:none; border:0;
}
html body #header .hunt-header-card--links nav { display:block; margin:0; padding:0; }
html body #header .hunt-header-card--links nav a {
  display:block; box-sizing:border-box; margin:0 0 3px; padding:4px 5px;
  font:10px/1.3 Tahoma,Verdana,sans-serif;
  background:#252525; color:#9a9a9a; border:0;
}
html body #header .hunt-header-card--links nav a:hover { background:#303030; }
html body #header .hunt-header-card-body { font:11px/1.5 Tahoma,Verdana,sans-serif; color:#888; }
html body #header .hunt-header-card-body p { margin:0 0 12px; }
html body #header .hunt-header-card--news { padding-left:14px !important; padding-right:14px !important; }

/* Alter MyBB-Panel-Platzhalter soll nichts aufziehen. */
html body #panel.hunt-header-panel { display:none !important; }
html body .hunt-header-notices:empty { display:none; }
html body .hunt-header-breadcrumb { margin:0 0 8px; padding:6px 0; }

@media(max-width:760px) {
 html body .header_links .hunt-nav-inner { gap:0 12px; }
 html body #header .hunt-header-hero { height:260px !important; min-height:260px; }
 html body #header .hunt-header-identity { padding-left:83px !important; flex-wrap:wrap; }
 html body #header .hunt-header-avatar { width:90px !important; height:90px !important; left:-8px !important; top:-55px !important; padding:4px !important; }
 html body #header .hunt-header-avatar > img { width:82px !important; height:82px !important; }
 html body #header .hunt-header-quicklinks { max-width:100%; }
 html body #header .hunt-header-info { grid-template-columns:1fr; padding:10px !important; }
 html body #header .hunt-header-card { min-height:0 !important; }
}

/* Keine Unterstreichung der gesamten Navigationsleiste */
.header_links:hover,
.header_links a,
.header_links a:hover {
    text-decoration: none !important;
}

/* Unterstreichung nur beim jeweiligen Link */
.header_links a {
    position: relative;
}

.header_links a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--hunt-accent);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.2s ease;
}

.header_links a:hover::after {
    transform: scaleX(1);
}