.mobile-selection-tools { display:none; }
.duel-play .card-detail-dialog { width:540px; padding:0; background:#101c2d; border:1px solid #a3b2c6; }
.duel-play .card-detail-dialog>header { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; position:sticky; top:0; z-index:2; padding:20px; border-bottom:1px solid #53647a; background:#142338; }
.duel-play .card-detail-dialog>header>div { min-width:0; }
.duel-play .card-detail-dialog h2 { margin:5px 0 0; font-size:24px; line-height:1.4; color:#fff; }
.duel-play .card-detail-dialog .card-detail-source { font-size:14px; line-height:1.5; color:#c7dcf4; }
.duel-play .card-detail-dialog>header>button { flex:0 0 auto; min-height:44px; font-size:15px; padding:8px 12px; }
.card-detail-body { padding:20px; }
.card-detail-summary { display:grid; grid-template-columns:140px minmax(0,1fr); gap:20px; align-items:center; }
.card-detail-summary>img { width:140px; height:auto; aspect-ratio:5/7; border:1px solid #8b9bb3; border-radius:8px; object-position:50% 25%; }
.card-detail-stats { display:grid; gap:9px; margin:0; }
.card-detail-stats>div { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding-bottom:8px; border-bottom:1px solid #455a7280; }
.card-detail-stats dt { font-size:14px; color:#c6d6e9; }
.card-detail-stats dd { font-size:24px; line-height:1.3; font-weight:750; font-variant-numeric:tabular-nums; margin:0; color:#f8e6b8; }
.duel-play .card-detail-dialog .card-detail-tag { font-size:14px; color:#ead3a3; line-height:1.7; margin-top:18px; }
.duel-play .card-detail-dialog .card-detail-rules { font-size:17px; line-height:1.85; color:#f0f6ff; margin:10px 0 16px; }
.duel-play .card-detail-dialog .card-detail-rules.inactive { color:#b4c1d2; }
.card-detail-notes { padding:14px 14px 14px 32px; margin:14px 0; border:1px solid #7e6c9a; border-radius:6px; background:#2e2742; }
.card-detail-notes li { font-size:16px; line-height:1.7; margin:5px 0; color:#edddff; overflow-wrap:anywhere; }
.duel-play .card-detail-dialog :is(.card-detail-availability,.card-detail-warning) { font-size:16px; line-height:1.7; padding:12px; border:1px solid #5f8790; border-radius:6px; background:#16333d; color:#d7f8ed; margin:14px 0 0; }
.duel-play .card-detail-dialog .card-detail-warning { background:#49341e; border-color:#c19653; color:#ffe4ab; }
.duel-play .card-detail-dialog>footer { position:sticky; bottom:0; background:#142338; border-top:1px solid #53647a; padding:14px 20px 20px; }
.duel-play .card-detail-dialog .card-detail-clock { font-size:16px; font-weight:750; line-height:1.5; color:#b9f1d5; font-variant-numeric:tabular-nums; margin:0 0 6px; }
.duel-play .card-detail-dialog .card-detail-clock.urgent { color:#ffbdac; }
.duel-play .card-detail-dialog .card-detail-clock-note { font-size:14px; line-height:1.6; color:#c9d7e8; margin:0 0 10px; }
.card-detail-dialog .primary { width:100%; }
@media(max-width:899px) {
  .mobile-selection-tools:not([hidden]) { display:flex; align-items:stretch; gap:8px; margin:8px 0; }
  .duel-play .mobile-selection-tools :is(.card-detail-trigger,.mobile-card-action) { display:block; flex:1 1 0; min-width:0; min-height:46px; padding:9px 12px; font-size:15px; font-weight:700; line-height:1.5; border:1px solid #8ca0b8; border-radius:6px; background:#21364e; color:#f3f7ff; white-space:normal; }
  .duel-play .mobile-selection-tools .mobile-card-action { background:#d8be84; color:#182132; border-color:#f1d9a6; }
  .duel-play .mobile-selection-tools .mobile-card-action:disabled { background:#243348; color:#b6c4d5; border-color:#677a91; }
}
@media(max-width:600px) {
  .duel-play .card-detail-dialog>header { padding:16px; gap:10px; }
  .duel-play .card-detail-dialog h2 { font-size:22px; }
  .card-detail-body { padding:16px; }
  .card-detail-summary { grid-template-columns:104px minmax(0,1fr); gap:16px; }
  .card-detail-summary>img { width:104px; }
  .card-detail-stats dd { font-size:22px; }
  .duel-play .card-detail-dialog>footer { padding:12px 16px 16px; }
}