/* Bibliothèque des cartes. Les sélecteurs sont limités à la navigation d’accueil et aux fiches. */
.top nav:has(.nav-cards){gap:clamp(12px,2vw,26px);flex-wrap:wrap;justify-content:flex-end}
.top nav a.nav-cards{color:var(--or-clair)}
@media(max-width:860px){
  .top nav:has(.nav-cards){display:flex;margin-left:auto}
  .top nav:has(.nav-cards) a:not(.nav-cards){display:none}
  .top nav .nav-cards{display:flex;align-items:center;min-height:44px;padding-inline:8px}
}
.guide.arcane-page .arcane-hero{
  grid-template-columns:minmax(0,1fr) minmax(146px,224px);
  align-items:center;
}
.arcane-hero .arcane-image{box-shadow:0 14px 38px #0007}
.arcane-history{margin-block:36px 46px}
.arcane-history h3{margin:26px 0 14px;color:var(--or-clair)}
.arcane-gallery{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
.arcane-gallery figure{
  margin:0;min-width:0;padding:12px;
  border:1px solid var(--trait);border-radius:8px;background:var(--lapis);
}
.arcane-gallery .arcane-gallery-current{border-color:var(--or)}
.arcane-gallery-image{
  width:100%;height:clamp(130px,28vw,222px);display:flex;align-items:center;justify-content:center;
  padding:0;border:0;border-radius:4px;background:#080913;
}
.arcane-gallery-image:not(:disabled){cursor:zoom-in}
.arcane-gallery-image:focus-visible,.arcane-gallery-dialog button:focus-visible{outline:2px solid var(--or-clair);outline-offset:2px}
.arcane-gallery-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.arcane-gallery figcaption{font-size:.88rem;line-height:1.48;margin-top:10px;overflow-wrap:anywhere}
.arcane-gallery figcaption strong,.arcane-gallery figcaption span{display:block}
.arcane-gallery figcaption strong{color:var(--or-clair)}
.arcane-gallery-help{font-size:.9rem;color:var(--brume)}
.arcane-gallery-scroll-help,.arcane-gallery-zoom-help{display:none}
.arcane-history:has(.arcane-gallery-image:enabled) .arcane-gallery-zoom-help{display:inline}
.arcane-gallery-dialog{
  box-sizing:border-box;max-width:calc(100% - 24px);padding:12px;
  border:1px solid var(--or);border-radius:8px;background:var(--lapis);color:var(--velin);
}
.arcane-gallery-dialog::backdrop{background:#080913e8}
.arcane-gallery-dialog form{display:flex;justify-content:flex-end;margin:0 0 10px}
.arcane-gallery-dialog button{
  min-height:44px;padding:0 14px;border:1px solid var(--or);border-radius:4px;
  background:transparent;color:var(--velin);font:inherit;cursor:pointer;
}
.arcane-gallery-dialog img{
  display:block;width:auto;height:auto;max-width:100%;
  max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);margin:auto;
}
.arcane-library .arcane-index a{padding:12px 14px;min-height:108px}
.arcane-library .arcane-index img{width:61px;border-radius:4px}
.arcane-library .arcane-index .arcane-card-name{color:var(--or-clair);font:1.38rem var(--fell)}
.arcane-library .arcane-index .arcane-card-number{color:var(--brume);font-size:.84rem}
.arcane-library .arcane-index .arcane-card-note{line-height:1.3;color:var(--velin)}
@media(max-width:540px){
  .guide.arcane-page .arcane-hero{grid-template-columns:minmax(0,1fr) minmax(104px,33%);gap:10px}
  .arcane-gallery-scroll-help{display:inline}
  .arcane-gallery{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(142px,56%);overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 10px}
  .arcane-gallery figure{scroll-snap-align:start;padding:8px}
}