/* Mi álbum · pestaña Colecciones más limpia: índice en hueso, menos líneas y menos letra de máquina. Para regresar, quita este archivo de mi-coleccion.html. */
#album-app #album-cols{--ac-bone:#E7E6E1;--ac-bone2:#DCDBD5;--ac-ink:#151515;--ac-mute:#5f5c55;--ac-or:#ff8346}

/* ----- Índice ----- */
#album-app #album-cols .album-index{gap:18px;scrollbar-width:none}
#album-app #album-cols .album-index::-webkit-scrollbar{display:none}
#album-app #album-cols .al-ixhead>b{font:800 22px/1 Raleway,Arial,sans-serif;letter-spacing:-.03em;text-transform:none}
#album-app #album-cols .al-ixf{border:0;background:var(--ac-bone);padding:4px}
#album-app #album-cols .al-ixf button{padding:8px 6px;color:var(--ac-ink);font:700 13px/1 Raleway,Arial,sans-serif}
#album-app #album-cols .al-ixf button[aria-pressed="true"]{background:#fff;color:var(--ac-ink);box-shadow:0 1px 2px rgba(21,21,21,.12)}
#album-app #album-cols .al-ixg{display:flex;flex-direction:column;gap:2px}
#album-app #album-cols .al-ixgt{margin-bottom:6px;padding:0 4px 0 6px;border:0;color:var(--ac-mute);font:700 13px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}
#album-app #album-cols .al-ixgt em{font:600 12px/1 Raleway,Arial,sans-serif}
#album-app #album-cols .al-ixrow{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:8px 10px 8px 8px;border:0;border-radius:14px;color:var(--ac-ink);transition:background .15s}
#album-app #album-cols .al-edge{display:none}
#album-app #album-cols .al-th{width:40px;height:40px;border:0;border-radius:12px;background:var(--ac-bone)}
#album-app #album-cols .al-tx b{font:800 14px/1.15 Raleway,Arial,sans-serif;letter-spacing:-.01em;text-transform:capitalize}
/* los cuadritos se vuelven una barrita delgada */
#album-app #album-cols .al-dots{gap:2px;flex-wrap:nowrap;margin-top:6px;max-width:150px}
#album-app #album-cols .al-dots i{flex:1 1 0;min-width:0;width:auto;height:4px;border:0;border-radius:2px;background:var(--ac-bone2)}
#album-app #album-cols .al-dots i.h{background:var(--ac-ink)}
#album-app #album-cols .al-dots i.w{background:var(--ac-or)}
#album-app #album-cols .al-mbar{height:4px;margin-top:6px;border:0;background:var(--ac-bone2)}
#album-app #album-cols .al-mbar i{background:var(--ac-ink)}
#album-app #album-cols .al-pn{font:700 13px/1 Raleway,Arial,sans-serif;color:var(--ac-ink)}
#album-app #album-cols .al-pn small{display:none}
#album-app #album-cols .al-ixrow:hover{background:#F1F0EC}
#album-app #album-cols .al-ixrow[aria-pressed="true"]{background:var(--ac-bone);color:var(--ac-ink);box-shadow:inset 0 0 0 2px var(--ac-ink)}
#album-app #album-cols .al-ixrow[aria-pressed="true"] .al-th{background:#fff}
#album-app #album-cols .al-ixrow[aria-pressed="true"] .al-dots i{background:#fff}
#album-app #album-cols .al-ixrow[aria-pressed="true"] .al-dots i.h{background:var(--ac-ink)}
#album-app #album-cols .al-ixrow[aria-pressed="true"] .al-dots i.w{background:var(--ac-or)}
#album-app #album-cols .al-ixrow[aria-pressed="true"] .al-mbar{background:#fff}
#album-app #album-cols .al-ixrow[aria-pressed="true"] .al-mbar i{background:var(--ac-ink)}

/* ----- Hoja de la colección ----- */
#album-app #album-cols .album-page{border:0;border-radius:24px;overflow:hidden;background:#fff}
#album-app #album-cols .al-band{margin:0;min-height:clamp(84px,8vw,112px);border-bottom:0;border-radius:24px;padding-right:20px}
#album-app #album-cols .al-band h2{font:800 clamp(34px,4.6vw,60px)/1 Raleway,Arial,sans-serif;letter-spacing:-.045em}
#album-app #album-cols .al-meta{padding-left:4px;padding-right:4px}
#album-app #album-cols .al-meta p{color:var(--ac-mute);font:500 16px/1.5 Raleway,Arial,sans-serif}
#album-app #album-cols .al-bar{height:6px;border-radius:3px;background:var(--ac-bone)}
#album-app #album-cols .al-prog b{font:700 14px/1 Raleway,Arial,sans-serif}
#album-app #album-cols .al-say{border:0;background:var(--ac-bone);box-shadow:none;font:600 14px/1.35 Raleway,Arial,sans-serif}
#album-app #album-cols .al-say::after{background:var(--ac-bone);border:0}

/* ----- Cartas: sin líneas dobles y sin el texto repetido ----- */
#album-app #album-cols .al-cards{gap:20px 16px}
#album-app #album-cols .rc-tilt{box-shadow:none;border-radius:18px}
#album-app #album-cols .rc-in{border-radius:18px;background:var(--ac-bone);box-shadow:none}
#album-app #album-cols .rc-missing .rc-in{border-top-color:transparent;background:#F1F0EC}
#album-app #album-cols .rc-line small{display:none}
#album-app #album-cols .rc-pent{font:800 3.6cqw/1 Raleway,Arial,sans-serif;letter-spacing:0}
#album-app #album-cols .rc-st{font-family:Raleway,Arial,sans-serif;font-weight:800;letter-spacing:0;text-transform:none}
#album-app #album-cols .al-plate,
#album-app #album-cols .al-dex.owned .al-plate,
#album-app #album-cols .al-dex.wanted .al-plate{margin:8px 0 0;padding:0;border:0;border-radius:0;background:transparent}
#album-app #album-cols .al-stt{display:none}
#album-app #album-cols .al-seg{gap:6px;border:0;border-radius:0;background:transparent;overflow:visible}
#album-app #album-cols .al-seg button,#album-app #album-cols .al-seg button+button{min-height:34px;padding:0 6px;border:0;border-radius:999px;background:var(--ac-bone);color:var(--ac-ink);font:700 12.5px/1 Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none}
#album-app #album-cols .al-seg button:hover{background:var(--ac-bone2)}
#album-app #album-cols .al-seg button.h[aria-pressed="true"]{background:var(--ac-ink);color:#fff}
#album-app #album-cols .al-seg button.w[aria-pressed="true"]{background:var(--ac-or);color:var(--ac-ink)}

@media(max-width:900px){
  #album-app #album-cols .al-ixg{flex-direction:row;gap:8px}
  #album-app #album-cols .al-ixhead{width:210px}
  #album-app #album-cols .al-seg{gap:4px}
  #album-app #album-cols .al-ixrow{width:210px;background:#F1F0EC}
  #album-app #album-cols .al-ixrow[aria-pressed="true"]{background:var(--ac-bone)}
  #album-app #album-cols .al-seg{grid-template-columns:1fr 1fr}
  #album-app #album-cols .al-seg button,#album-app #album-cols .al-seg button+button{font-size:11px;padding:0 2px}
  #album-app #album-cols .al-band{border-radius:18px}
}