/* V1.8.39 — no-flash News gate, iPhone Deck image fit, larger horizontal Mana Curve, and rules-aware synergy notes. */

/* News stays absent from layout until the loaded site configuration explicitly enables it. */
html:not([data-news-enabled="true"]) #newsButton,
html:not([data-news-enabled="true"]) #mobileNewsMenuItem {
  display: none !important;
}

.synergy-audit-note {
  grid-column: 1 / -1;
  margin: 0 0 12px;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--panel-2);
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.45;
}
.synergy-score {
  display: block;
  margin-top: 7px;
  color: var(--gold-bright);
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .02em;
}

@media (max-width: 900px), (hover: none) and (pointer: coarse) and (max-device-width: 1200px) {
  /* Deck cards use the complete printed card frame instead of a WebKit cover crop. */
  body.deck-route .deck-grid:not(.mana-curve-view) .deck-card-image,
  body.deck-route #currentDeckCardsBody .deck-card-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 907 / 1306 !important;
    overflow: hidden !important;
    background: #090807 !important;
  }
  body.deck-route .deck-grid:not(.mana-curve-view) .deck-card-image img,
  body.deck-route #currentDeckCardsBody .deck-card-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }

  /* Show a few readable columns at once and let the player swipe through costs 0–10. */
  body.deck-route .mana-curve-scroll {
    width: calc(100% + 10px) !important;
    max-width: none !important;
    margin-right: -10px !important;
    padding: 5px 10px 24px 0 !important;
    overflow-x: scroll !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x pan-y !important;
    scrollbar-gutter: auto !important;
    scroll-snap-type: x proximity;
  }
  body.deck-route .mana-curve {
    --curve-min-column: 132px !important;
    grid-template-columns: repeat(var(--curve-columns, 11), 132px) !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    gap: 10px !important;
    padding-inline: 2px !important;
  }
  body.deck-route .mana-curve-column {
    width: 132px !important;
    min-width: 132px !important;
    padding: 8px !important;
    scroll-snap-align: start;
  }
  body.deck-route .mana-curve-stack {
    min-height: 190px !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  body.deck-route .mana-curve-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    aspect-ratio: 907 / 1306 !important;
  }
  body.deck-route .mana-curve-card img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  body.deck-route .mana-curve-quantity {
    top: 6px !important;
    right: 6px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    font-size: .95rem !important;
  }
}

@media (max-width: 430px), (hover: none) and (pointer: coarse) {
  body.deck-route .mana-curve {
    --curve-min-column: 126px !important;
    grid-template-columns: repeat(var(--curve-columns, 11), 126px) !important;
  }
  body.deck-route .mana-curve-column {
    width: 126px !important;
    min-width: 126px !important;
  }
}

/* v1.8.39 ability coverage and ability-card filter additions */
.ability-card-filters .filter-help{margin:0 0 10px}
.synergy-ability-coverage{margin:14px 0 18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,var(--gold) 8%)}
.synergy-coverage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.synergy-coverage-heading strong{font-size:1rem}
.synergy-coverage-heading small{color:var(--muted);text-align:right}
.synergy-coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}
.synergy-coverage-grid article{min-width:0}
.synergy-coverage-card{width:100%;height:100%;display:grid;gap:5px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel-strong);color:var(--text);cursor:pointer}
.synergy-coverage-card:hover,.synergy-coverage-card:focus-visible{border-color:var(--gold);outline:none}
.synergy-coverage-card strong{color:var(--gold-bright)}
.synergy-coverage-card span{font-size:.84rem;line-height:1.42;color:var(--muted)}
@media(max-width:700px){
 .synergy-coverage-heading{display:grid}
 .synergy-coverage-heading small{text-align:left}
 .synergy-coverage-grid{grid-template-columns:1fr}
}

/* v1.8.39 useful-combination detail pass */
.synergy-suggestion-body{min-width:0;display:flex;flex-direction:column;gap:7px}
.synergy-source{display:block;color:var(--gold);font-size:.82rem;font-weight:700}
.synergy-reasons{margin:0;padding-left:1.15rem;color:var(--muted);font-size:.9rem;line-height:1.38}
.synergy-reasons li+li{margin-top:5px}
.synergy-plan{margin-top:3px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 92%,var(--gold) 8%);padding:7px 9px}
.synergy-plan summary{cursor:pointer;font-weight:800;color:var(--text)}
.synergy-plan ol{margin:8px 0 6px;padding-left:1.25rem;font-size:.86rem;line-height:1.4}
.synergy-plan p{margin:6px 0 0;font-size:.86rem;color:var(--muted)}
@media(max-width:700px){
 .suggestion-card{align-items:start}
 .synergy-plan{grid-column:1/-1}
 .synergy-reasons{font-size:.84rem}
}