/* AnimeRadar v2.4.156 - navigation, profile polish and stable mobile feedback menu */
.site-menu-trigger {
  position: relative;
  width: 46px;
  height: 44px;
  flex: 0 0 46px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(244, 185, 95, .2);
  background: rgba(255,255,255,.025);
  color: var(--muted, #b9a9a5);
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}
.site-menu-trigger:hover,
.site-menu-trigger:focus-visible,
.site-menu-trigger.active,
.site-menu-trigger[aria-expanded="true"] {
  color: #fff4e5;
  border-color: rgba(244,185,95,.56);
  background: linear-gradient(145deg, rgba(215,45,30,.28), rgba(244,185,95,.08));
}
.site-menu-trigger:focus-visible { outline: 2px solid var(--gold, #f4b95f); outline-offset: 2px; }
.site-menu-desktop-trigger { clip-path: polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%); }
.site-menu-bars { width: 21px; height: 16px; display: grid; align-content: space-between; }
.site-menu-bars i {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 4px;
  background: currentColor;
  box-shadow: 0 0 8px rgba(244,185,95,.16);
  transform-origin: center;
  transition: opacity .16s ease, width .2s ease;
}
.site-menu-mobile-trigger { display: none; }

.site-menu-scrim {
  position: fixed;
  inset: 0;
  z-index: 29;
  background: rgba(3,1,1,.18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(1px);
  transition: opacity .18s ease, visibility .18s ease;
}
.site-menu-scrim.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.site-menu-panel {
  position: fixed;
  z-index: 48;
  min-width: 280px;
  max-width: calc(100vw - 20px);
  max-height: calc(100dvh - 86px);
  overflow-x: hidden;
  overflow-y: auto;
  overflow-anchor: none;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(244,185,95,.42) rgba(255,255,255,.035);
  border: 1px solid rgba(244,185,95,.38);
  border-radius: 18px;
  color: var(--ink, #fff4e5);
  background:
    radial-gradient(circle at 95% 0%, rgba(244,185,95,.16), transparent 11rem),
    radial-gradient(circle at 0 100%, rgba(215,45,30,.19), transparent 14rem),
    linear-gradient(155deg, rgba(31,10,9,.99), rgba(8,3,4,.995));
  box-shadow: 0 24px 70px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.055);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px) scale(.975);
  transform-origin: top right;
  transition: opacity .18s ease, visibility .18s ease, transform .2s cubic-bezier(.22,.78,.28,1);
}
.site-menu-panel::-webkit-scrollbar { width: 7px; }
.site-menu-panel::-webkit-scrollbar-track { background: rgba(255,255,255,.025); }
.site-menu-panel::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(244,185,95,.34); }
.site-menu-panel::before {
  content: "";
  position: sticky;
  z-index: 4;
  display: block;
  top: 0;
  height: 3px;
  margin-bottom: -3px;
  background: linear-gradient(90deg, var(--red, #d72d1e), var(--gold, #f4b95f), var(--red, #d72d1e));
  box-shadow: 0 0 20px rgba(215,45,30,.5);
}
.site-menu-panel.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
.site-menu-panel-glow {
  position: absolute;
  top: -70px;
  right: -55px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(244,185,95,.11);
  filter: blur(24px);
  pointer-events: none;
}
.site-menu-panel-content {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 14px;
}
.site-menu-item {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 14px;
  color: inherit;
  text-decoration: none;
  background: linear-gradient(135deg, rgba(215,45,30,.105), rgba(255,255,255,.025));
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.site-menu-item:hover,
.site-menu-item:focus-visible,
.site-menu-item.active {
  transform: translateY(-2px);
  border-color: rgba(244,185,95,.46);
  background: linear-gradient(135deg, rgba(215,45,30,.21), rgba(244,185,95,.075));
  outline: none;
}
.site-menu-item-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244,185,95,.3);
  border-radius: 13px;
  color: #fff4e5;
  background: linear-gradient(145deg, var(--red, #d72d1e), #650b07);
  box-shadow: 5px 5px 0 rgba(0,0,0,.25);
}
.site-menu-item-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.site-menu-item-icon-community { background: linear-gradient(145deg, #9f251a, #42100e); }
.site-menu-item-copy { min-width: 0; display: grid; gap: 6px; }
.site-menu-item-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.site-menu-item-title strong { font-size: 14px; }
.site-menu-item-title em {
  padding: 3px 6px;
  border-radius: 999px;
  background: var(--gold, #f4b95f);
  color: #251306;
  font-size: 8px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.site-menu-item-copy small { color: var(--muted, #b9a9a5); font-size: 11px; line-height: 1.4; }
.site-menu-item-arrow { color: var(--gold, #f4b95f); font-size: 20px; transition: transform .18s ease; }
.site-menu-item:hover .site-menu-item-arrow,
.site-menu-item:focus-visible .site-menu-item-arrow { transform: translateX(3px); }
.site-menu-item-disabled {
  cursor: default;
  user-select: none;
  color: rgba(255,244,229,.48);
  border-color: rgba(255,255,255,.045);
  background: linear-gradient(135deg, rgba(255,255,255,.025), rgba(0,0,0,.1));
  filter: saturate(.35);
}
.site-menu-item-disabled:hover { transform: none; border-color: rgba(255,255,255,.045); background: linear-gradient(135deg, rgba(255,255,255,.025), rgba(0,0,0,.1)); }
.site-menu-item-disabled .site-menu-item-icon { color: rgba(255,244,229,.48); border-color: rgba(255,255,255,.08); background: linear-gradient(145deg, #3c3230, #181212); box-shadow: none; }
.site-menu-item-disabled .site-menu-item-copy small { color: rgba(185,169,165,.5); }
.site-menu-item-title .site-menu-soon-badge { background: rgba(255,255,255,.1); color: rgba(255,244,229,.56); }
.site-menu-action-link {
  width: 100%;
  font: inherit;
  cursor: pointer;
  text-align: left;
}
.site-menu-mobile-roadmap-host { display: none; }

/* v2.4.180: Roadmap und Bugs melden sind auf Desktop bereits links auf der Startseite erreichbar.
 * Die mobilen Einträge bleiben über den separaten Mobile-Roadmap-Host erhalten. */
.site-menu-desktop-roadmap-item { display: none; }

.roadmap-mobile-accordion-toggle { display: none; }
.roadmap-mobile-accordion-panel { display: contents; }


@media (max-width: 760px) {
  body.site-menu-open {
    overflow: hidden;
    overscroll-behavior: none;
  }
  .topbar > .site-menu-mobile-trigger { grid-column: 2 !important; justify-self: center; }
  .topbar > .top-actions { grid-column: 3 !important; }
  .site-menu-desktop-trigger { display: none; }
  .site-menu-mobile-trigger {
    display: inline-grid;
    place-items: center;
    min-width: 50px;
    width: 50px;
    min-height: 46px;
    height: 46px;
    border-radius: 12px;
    clip-path: none;
  }
  .site-menu-mobile-trigger .site-menu-bars { width: 20px; height: 14px; justify-self: center; }
  .site-menu-scrim { background: rgba(3,1,1,.58); backdrop-filter: blur(4px); }
  .site-menu-panel {
    border-radius: 17px;
    transform-origin: top center;
    max-height: calc(100dvh - 74px);
  }
  .site-menu-panel-content { gap: 9px; padding: 10px; }
  .site-menu-item { min-height: 74px; padding: 11px 12px; }
  .site-menu-desktop-roadmap-item { display: none; }
  .site-menu-mobile-roadmap-host { display: block; min-width: 0; }
  .site-menu-mobile-roadmap-host .roadmap-rail.is-mobile-inline {
    width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
  }
  .site-menu-mobile-roadmap-host .roadmap-rail.is-mobile-inline::before,
  .site-menu-mobile-roadmap-host .roadmap-rail.is-mobile-inline::after,
  .site-menu-mobile-roadmap-host .roadmap-rail.is-mobile-inline .roadmap-glow,
  .site-menu-mobile-roadmap-host .roadmap-rail.is-mobile-inline .roadmap-header { display: none !important; }
  .site-menu-mobile-roadmap-host .roadmap-rail.is-mobile-inline .roadmap-body {
    display: grid;
    gap: 9px;
    padding: 0;
    background: transparent;
  }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-toggle {
    width: 100%;
    min-height: 68px;
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 14px;
    color: var(--ink, #fff4e5);
    text-align: left;
    background: linear-gradient(135deg, rgba(215,45,30,.105), rgba(255,255,255,.025));
    transition: border-color .18s ease, background .18s ease;
  }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-toggle:hover,
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-toggle:focus-visible,
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-toggle[aria-expanded="true"] {
    border-color: rgba(244,185,95,.46);
    background: linear-gradient(135deg, rgba(215,45,30,.21), rgba(244,185,95,.075));
    outline: none;
  }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(244,185,95,.3);
    border-radius: 12px;
    color: #fff4e5;
    background: linear-gradient(145deg, var(--red, #d72d1e), #650b07);
    box-shadow: 4px 4px 0 rgba(0,0,0,.24);
    font-weight: 950;
  }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-icon-feedback { background: linear-gradient(145deg, #9f251a, #42100e); }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-toggle > span:nth-child(2) { min-width: 0; display: grid; gap: 5px; }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-toggle strong { font-size: 14px; }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-toggle small { color: var(--muted, #b9a9a5); font-size: 10px; line-height: 1.35; }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-toggle > i {
    color: var(--gold, #f4b95f);
    font-size: 21px;
    font-style: normal;
    transition: transform .18s ease;
  }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-toggle[aria-expanded="true"] > i { transform: rotate(90deg); }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-panel {
    display: block;
    padding: 3px 0 8px;
  }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-panel[hidden] { display: none !important; }
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-panel .roadmap-progress,
  .site-menu-mobile-roadmap-host .roadmap-mobile-accordion-panel .roadmap-intro { margin-top: 0; }
  .site-menu-mobile-roadmap-host .roadmap-feedback-panel {
    scroll-margin-block: 14px;
    overflow-anchor: none;
  }
  .site-menu-mobile-roadmap-host .roadmap-choice-grid { display: flex; flex-direction: column; }
  .site-menu-mobile-roadmap-host [data-roadmap-feedback-block="bug"] { order: 1; }
  .site-menu-mobile-roadmap-host [data-roadmap-feedback-block="feature"] { order: 2; }
  .site-menu-mobile-roadmap-host .roadmap-known-bugs-block { order: 3; }
}

@media (max-width: 340px) {
  .site-menu-mobile-trigger { min-width: 44px; width: 44px; padding-inline: 4px; }
  .site-menu-item { grid-template-columns: 42px minmax(0,1fr) auto; gap: 9px; }
  .site-menu-item-icon { width: 42px; height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .site-menu-trigger,
  .site-menu-scrim,
  .site-menu-panel,
  .site-menu-item,
  .site-menu-item-arrow { transition: none !important; }
}

/* V2.4.153 - öffentliche Profil-Highlights wie die Favoritenansicht darstellen. */
@media (max-width: 760px) {
  html:not(.native-app) .public-profile-favorites-grid.library-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: start;
    min-height: 146px;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card .poster-wrap {
    width: 96px;
    min-width: 96px;
    aspect-ratio: 2 / 3;
    align-self: start;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card .lib-body {
    min-width: 0;
    padding: 11px 12px 12px;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.15;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card-description {
    display: -webkit-box;
    margin: 7px 0 9px;
    overflow: hidden;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

  html:not(.native-app) .public-profile-favorites-grid .progress-track {
    margin: 8px 0 6px;
  }

  html:not(.native-app) .public-profile-favorites-grid .lib-meta,
  html:not(.native-app) .public-profile-favorites-grid .mobile-library-extra span {
    font-size: 10px;
  }

  html:not(.native-app) .public-profile-favorites-grid .mobile-library-extra {
    gap: 5px;
    margin-top: 7px;
    padding-top: 7px;
  }

  html:not(.native-app) .public-profile-favorites-grid .tag-row {
    gap: 5px;
    margin-top: 7px !important;
  }

  html:not(.native-app) .public-profile-favorites-grid .tag {
    padding: 4px 6px;
    font-size: 8px;
  }
}

@media (max-width: 360px) {
  html:not(.native-app) .public-profile-favorites-grid .library-card {
    grid-template-columns: 84px minmax(0, 1fr);
    min-height: 128px;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card .poster-wrap {
    width: 84px;
    min-width: 84px;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card-description {
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 1121px) {
  html:not(.native-app) .public-profile-favorites-grid.library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: start;
    min-height: 146px;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card .poster-wrap {
    width: 96px;
    min-width: 96px;
    aspect-ratio: 2 / 3;
    align-self: start;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card .lib-body {
    min-width: 0;
    padding: 11px 12px 12px;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.15;
  }

  html:not(.native-app) .public-profile-favorites-grid .library-card-description {
    display: -webkit-box;
    margin: 7px 0 9px;
    overflow: hidden;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

  html:not(.native-app) .public-profile-favorites-grid .progress-track {
    margin: 8px 0 6px;
  }

  html:not(.native-app) .public-profile-favorites-grid .lib-meta {
    font-size: 10px;
  }

  html:not(.native-app) .public-profile-favorites-grid .tag-row {
    gap: 5px;
    margin-top: 7px !important;
  }

  html:not(.native-app) .public-profile-favorites-grid .tag {
    padding: 4px 6px;
    font-size: 8px;
  }
}

/* V2.4.155: Community-Hub ist auf der mobilen Website nur noch ueber das Burgermenue erreichbar. */
@media (max-width: 760px) {
  html:not(.native-app) #view-home .social-community-mobile {
    display: none !important;
  }
}