/*
 * AnimeRadar V2.4.243
 *
 * V2.4.244: "Live Teilnehmer-Feed" und "Mehr Gewinnspiele!" sind entfallen.
 * Der Teilnehmerexport der Admins lag raeumlich in der Feed-Karte und steht
 * jetzt in einem eigenen, ohne Adminrechte unsichtbaren Block.
 *
 * V2.4.245: Der Abschnitt "Gewinnspielinformationen" mit den Karten "Preis"
 * und "Gewinnspiel Status" sowie die Karte "Deine Teilnahme" sind entfernt.
 * Der Teilnahmebereich ist damit einspaltig; die Regeln fuer die entfallenen
 * Karten sind aus dieser Datei geloescht. Die aelteren Blaetter
 * material-reference-giveaway-v2-4-194.css und
 * material-giveaway-voting-v2-4-225.css enthalten weiterhin Regeln fuer diese
 * Klassen - sie sind dort bewusst unberuehrt geblieben, weil sie mit anderen
 * Bereichen in einer Datei stehen.
 *
 * 1. Giveaway-Teilnahmeseite (/giveaway/<kennung>) als eigene Seite innerhalb
 *    der Giveaway-Ansicht. Die Karten sind dieselben wie zuvor unten auf der
 *    Uebersicht; ihre Flaechen, Raender, Radien, Typografie und Abstaende
 *    werden hier auf die aktuelle Bildsprache der Seite gebracht
 *    (Variablen --gv-* aus material-giveaway-voting-v2-4-225.css) und loesen
 *    die aelteren Werte aus material-reference-giveaway-v2-4-194.css ab
 *    (dort: Radius 10, Verlauf #171415/#121011, eigene Rasterplaetze).
 * 2. Teilnahmebedingungen: lesbare Schriftgroessen. V2.4.316: mit dem Reiter
 *    "Teilnahmebedingungen" entfallen; die Regeln sind geloescht.
 * 3. AnimeRadar App: Hinweis zur APK und zur kommenden Play-Store-Fassung.
 *
 * Die Datei steht nach material-ui-fixes-v2-4-242.css und vor
 * material-ui-fixes-v2-4-235.css.
 */

/* ========================================================================== */
/* 1. Seitenwechsel innerhalb der Giveaway-Ansicht                            */
/* ========================================================================== */

#view-giveaway.giveaway-2026 .gw-page[hidden] {
  display: none !important;
}

#view-giveaway.giveaway-2026 .gw-page {
  min-width: 0;
  display: block;
}

/* ---------------------------------------------------------- Zurueck-Link -- */

#view-giveaway.giveaway-2026 .gw-back {
  margin: 0 0 12px;
}

#view-giveaway.giveaway-2026 .gw-back-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 13px 0 9px;
  border: 1px solid var(--gv-line);
  border-radius: 999px;
  background: var(--gv-card-bg);
  color: var(--gv-soft);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
}

#view-giveaway.giveaway-2026 .gw-back-link svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#view-giveaway.giveaway-2026 .gw-back-link:hover,
#view-giveaway.giveaway-2026 .gw-back-link:focus-visible {
  border-color: var(--gv-line-strong);
  background: var(--gv-chip-bg);
  color: var(--gv-text);
}

/* ------------------------------------------------------------------ Hero -- */
/* Derselbe Bannerbaustein wie auf der Uebersicht: gleiches Bild, gleiche
   Hoehe, gleicher Radius. Dazu kommt nur die Restzeit-Plakette. */

#view-giveaway.giveaway-2026 .gw-hero-entry .gw-hero-sub {
  color: var(--gv-red-soft);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#view-giveaway.giveaway-2026 .gw-entry-badge-row {
  margin: 12px 0 0;
}

#view-giveaway.giveaway-2026 .gw-hero-entry .gw-hero-lead:empty {
  display: none;
}

/* ------------------------------------------------------------ Seitenrumpf - */

#view-giveaway.giveaway-2026 .gw-entry-body {
  display: grid;
  gap: 20px;
  margin-top: 16px;
}

#view-giveaway.giveaway-2026 .gw-entry-block {
  min-width: 0;
  display: grid;
  gap: 11px;
}

/* Seit V2.4.245 steht im Teilnahmebereich nur noch das Formular. Die zweite
   Spalte fuer "Deine Teilnahme" ist entfallen, die Karte nutzt die volle
   Breite der Inhaltsspalte. */
#view-giveaway.giveaway-2026 .gw-entry-join {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}

/* Die Karte trug feste Rasterplaetze aus dem alten dreispaltigen Layout.
   Hier bestimmt die Reihenfolge im Markup die Lage. */
#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-entry-panel {
  grid-column: auto;
  grid-row: auto;
  grid-area: auto;
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
}

/* --------------------------------------------------- Flaechen und Raender - */
/* Gleiche Bildsprache wie .gw-card der Uebersicht. */

/* material-redesign-v2-4-194.css erzwingt fuer .giveaway-entry-panel und
   .giveaway-account-gate Flaeche, Rand und Radius mit !important (Zeilen
   245-255 und 1948-1950). Gemessen blieb die Teilnahmekarte deshalb beim
   alten Ton rgb(27, 13, 16) mit Radius 10, waehrend die uebrigen bereits
   rgb(11, 14, 17) mit Radius 12 trugen. Die Regel hier ist deutlich
   spezifischer und traegt ebenfalls !important. */
#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-dashboard-card {
  padding: 16px;
  border: 1px solid var(--gv-line) !important;
  border-radius: var(--gv-radius) !important;
  background: var(--gv-card-bg) !important;
  box-shadow: none !important;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-card-head {
  gap: 10px;
  margin-bottom: 13px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-card-head h3 {
  color: var(--gv-text);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -.01em;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-card-head p {
  margin-top: 3px;
  color: var(--gv-muted);
  font-size: 12.5px;
  line-height: 16px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-card-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: var(--gv-red);
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-card-icon svg {
  width: 20px;
  height: 20px;
}

/* ------------------------------------------------ Aktives Gewinnspiel ----- */

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-step-list {
  display: grid;
  gap: 8px;
  margin-bottom: 13px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-step {
  gap: 11px;
  padding: 11px 13px;
  border: 1px solid var(--gv-line);
  border-radius: 10px;
  background: var(--gv-row-bg);
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-step strong {
  color: var(--gv-text);
  font-size: 13.5px;
  font-weight: 650;
  line-height: 17px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-step small {
  color: var(--gv-muted);
  font-size: 12px;
  line-height: 16px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-account-gate {
  padding: 14px;
  border: 1px solid var(--gv-line) !important;
  border-radius: 10px !important;
  background: var(--gv-row-bg) !important;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-account-gate strong {
  color: var(--gv-text);
  font-size: 13.5px;
}

/* Die Karte ist auf der eigenen Seite breiter als zuvor in der Spalte der
   Uebersicht. Ein ueber die volle Breite gezogener Knopf mit kleiner Schrift
   wirkt dort verloren; er bekommt deshalb ein Maximum und die Schriftgroesse
   der uebrigen Aktionsflaechen. */
#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-login-button,
#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-submit {
  max-width: 320px;
  height: 42px;
  min-height: 42px;
  font-size: 14px;
  font-weight: 600;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-field label,
#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-follow-targets strong,
#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-follow-check span:last-child {
  color: var(--gv-soft);
  font-size: 13px;
  line-height: 18px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-profile-requirement,
#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-storage-note {
  color: var(--gv-muted);
  font-size: 12px;
  line-height: 17px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-progress-line {
  color: var(--gv-muted);
  font-size: 12px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-progress-line b {
  color: var(--gv-text);
}

/* --------------------------------------------------------------- Preis ---- */

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-prize-copy p {
  color: var(--gv-red-soft);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-prize-copy h4 {
  margin: 6px 0 10px;
  color: var(--gv-text);
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -.01em;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-prize-copy ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-prize-copy li {
  position: relative;
  padding-left: 17px;
  color: var(--gv-soft);
  font-size: 13px;
  line-height: 19px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-prize-copy li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--gv-red);
}

/* ------------------------------------------------------- Admin-Werkzeuge - */
/* Der Teilnehmerexport lag bisher in der Feed-Karte. Die Karte entfaellt, die
   Funktion bleibt: der Block ist ohne Adminrechte unsichtbar und traegt
   dieselbe Flaeche wie die uebrigen Karten der Seite. */

#view-giveaway.giveaway-2026 .gw-entry-block-admin:has(.giveaway-admin-tools.is-hidden) {
  display: none;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-admin-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 14px 16px;
  border: 1px solid var(--gv-line);
  border-radius: var(--gv-radius);
  background: var(--gv-card-bg);
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-admin-tools.is-hidden {
  display: none;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-admin-copy {
  flex: 1 1 260px;
  min-width: 0;
  color: var(--gv-muted);
  font-size: 12.5px;
  line-height: 17px;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-admin-count {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--gv-chip-bg);
  color: var(--gv-soft);
  font-size: 12px;
  font-weight: 600;
}

#view-giveaway.giveaway-2026 .gw-page-entry .giveaway-admin-count.is-hidden {
  display: none;
}

/* ------------------------------------------------------------------ Mobil - */

@media (max-width: 959px) {
  #view-giveaway.giveaway-2026 .gw-entry-join {
    gap: 11px;
  }

  #view-giveaway.giveaway-2026 .gw-entry-body {
    gap: 16px;
    margin-top: 13px;
  }

  #view-giveaway.giveaway-2026 .gw-page-entry .giveaway-dashboard-card {
    padding: 14px;
  }

  #view-giveaway.giveaway-2026 .gw-back {
    margin-bottom: 10px;
  }

  /* Volle Breite fuer die Aktionsflaechen, wie auf den uebrigen Mobilseiten. */
  #view-giveaway.giveaway-2026 .gw-page-entry .giveaway-login-button,
  #view-giveaway.giveaway-2026 .gw-page-entry .giveaway-submit,
  #view-giveaway.giveaway-2026 .gw-page-entry .giveaway-export-button {
    width: 100%;
    max-width: none;
  }
}

/* ========================================================================== */
/* 3. AnimeRadar App: APK-Hinweis                                             */
/*                                                                            */
/* Die Apple-Kachel ist aus index.html entfernt. Die verbliebene              */
/* Google-Play-Kachel steht jetzt allein in derselben Reihe; der Hinweis      */
/* darueber fuellt den frei gewordenen Platz und sagt, woher die App kommt.   */
/* ========================================================================== */

#view-app.app-2026 .ap-apk-note {
  max-width: 440px;
  margin: 0 0 14px;
  color: #c9ccd2;
  font-size: 13.5px;
  line-height: 20px;
}

#view-app.app-2026 .ap-store-google {
  min-width: 0;
}

@media (max-width: 959px) {
  #view-app.app-2026 .ap-apk-note {
    max-width: none;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 19px;
  }
}
