/* GameDraft — styles/duel.css
   Duell-Bereich (aus legacy.css extrahiert): Karten, Cover-Hintergründe, Poster, Titel, Game-Action-Buttons, Empty-State. */

@media (max-width: 960px) {
      .card { min-height:330px; }
      .poster { flex-basis:118px; }
      .choiceBody { min-height:230px; gap:14px; }
      .gameActions { display:flex !important; flex-direction:column; }
      .gameActionRow { display:grid !important; grid-template-columns:1fr 1fr !important; max-width:none; }
      .gameActionButton { min-width:0 !important; }
      .titlePanel { padding:13px 14px; }
      .gameTitle { font-size:clamp(23px, 7.5vw, 34px); }
      .duelZone .duel { min-height:360px !important; }
      .card { min-height:360px !important; }
      .choiceBody { min-height:270px !important; }
}
    @media (max-width: 960px) {
      .card {
        min-height:370px !important;
      }
      .choiceBody {
        min-height:300px !important;
      }
      .coverBg {
        background-size:auto 86% !important;
      }
      .fullBg {
        background-size:auto 82% !important;
      }
}
    @media (max-width: 960px) {
      .coverBg {
        inset:-20px !important;
        transform:scale(1.08) !important;
      }
      .fullBg {
        transform:scale(1.01) !important;
      }
}
    @media (max-width: 960px) {
      .coverBg {
        inset:-22px !important;
        opacity:.42 !important;
        filter:blur(16px) saturate(1.45) !important;
        transform:scale(1.14) !important;
        background-size:cover !important;
      }
      .fullBg {
        opacity:.20 !important;
        background-size:cover !important;
      }
}

    @media (max-width: 980px) {
      .gameActionRow {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: none !important;
      }
}

    @media (max-width: 980px) {
      .duel {
        grid-template-columns: 1fr !important;
      }

      .card {
        min-height: clamp(340px, 58vw, 430px) !important;
      }

      .choiceBody {
        min-height: clamp(250px, 48vw, 340px) !important;
      }

      .gameActionRow {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: none !important;
      }
}

    @media (max-width: 720px) {

      .choiceBody {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        gap: 14px !important;
      }

      .poster {
        flex-basis: clamp(110px, 34vw, 150px) !important;
        width: clamp(110px, 34vw, 150px) !important;
      }

      .titlePanel {
        width: 100% !important;
      }

      .gameTitle {
        font-size: clamp(24px, 8vw, 36px) !important;
      }
}

    @media (max-width: 540px) {

      .gameActionRow {
        grid-template-columns: 1fr !important;
      }
}

    @media (max-width: 380px) {

      .gameTitle {
        font-size: clamp(22px, 9vw, 30px) !important;
      }
}
    @media (max-width: 720px) {
      .gameTitle { font-size:clamp(24px, 7vw, 34px) !important; }
      .titlePanel { padding:18px 18px !important; }
}