/* Mi álbum · pantalla nueva (índice del álbum, carpeta, Mundial 70).
   Todo cuelga de #album-app, así que no toca ninguna otra sección de la tienda.
   Para volver atrás: quita este <link> y album.js de mi-coleccion.html. */
#album-app{--rt-red:#e4572e;--rt-sky:#7fb4c9;--rt-yel:#f2b134;--rt-pent:#1f4e79;--rt-green:#2e7d4f;--rt-ink:#1f1a17;--rt-cream:#f6eedb;--rt-paper:#f4ecd8;
  --rt-bone:color-mix(in srgb,#f4ecd8 55%,#e9ecea);
  --rt-sans:Raleway,Arial,sans-serif;--rt-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  display:flex;flex-direction:column;gap:0;width:100%;max-width:1480px;margin:0 auto;padding:28px clamp(16px,2.6vw,40px) 64px;color:var(--rt-ink);font-family:var(--rt-sans);}
/* Fondo de la página solo cuando existe el álbum nuevo */
body.collection-page:has(#album-app){background:#f4ecd8!important}
/* Stats NO cambia: dentro del álbum conserva sus colores de siempre */
#album-app #collection-stats{--rt-red:#d4694a;--rt-sky:#86aeb9;--rt-yel:#ecbf4f;--rt-pent:#3d5a73;--rt-green:#2f8f5b;--rt-ink:#231f1b;--rt-cream:#f2ede0;--rt-paper:#f3efe4}
#album-app *,
#album-app *::before,
#album-app *::after{box-sizing:border-box}
#album-app :focus-visible{outline:3px solid var(--rt-red);outline-offset:2px}
#album-app .album-legacy[hidden]{display:none!important}
#album-app .album-view[hidden]{display:none!important}
#album-app .album-view[hidden]{display:none!important}
/* ===== Encabezado ===== */
#album-app .album-hero{position:relative;border:2.5px solid var(--rt-ink);border-radius:22px;overflow:hidden;padding:18px 22px;margin-bottom:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:6px 18px;
  background:linear-gradient(90deg,var(--rt-red) 0 52%,var(--rt-sky) 52%)}
#album-app .album-kicker{grid-column:1;margin:0;font:600 .85rem var(--rt-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rt-ink)}
#album-app .album-hero h1{grid-column:1;grid-row:2;margin:0;font:900 clamp(2.2rem,4.8vw,3.4rem)/.92 var(--rt-sans);text-transform:uppercase;letter-spacing:-.02em;color:var(--rt-yel);
  text-shadow:3px 3px 0 var(--rt-ink),2px 2px 0 var(--rt-ink),1px 1px 0 var(--rt-ink)}
#album-app .album-hcard{grid-column:2;grid-row:1 / span 2;background:var(--rt-cream);border:2.5px solid var(--rt-ink);border-radius:18px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}
#album-app .album-hcard .lead{margin:0;grid-column:1 / -1;font:700 1rem/1.35 var(--rt-sans)}
#album-app .album-hbar{grid-column:1;height:14px;border:2px solid var(--rt-ink);border-radius:999px;background:#fff;overflow:hidden}
#album-app .album-hbar i{display:block;height:100%;width:2%;background:var(--rt-red);border-right:2px solid var(--rt-ink);transition:width .5s}
#album-app .album-sum{grid-column:1;margin:0;font:600 .8rem var(--rt-mono);text-transform:uppercase;letter-spacing:.04em}
#album-app .album-pill{grid-column:2;grid-row:2 / span 2;justify-self:end;background:var(--rt-yel);border:2px solid var(--rt-ink);border-radius:999px;padding:8px 14px;font:600 .82rem var(--rt-mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
#album-app .album-pill b{font-weight:700}
#album-app .album-extras{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
#album-app .album-extras:empty{display:none}
#album-app .album-extras .cs-open{font:700 .8rem var(--rt-sans)!important;letter-spacing:0!important;text-transform:none!important;padding:8px 14px!important;margin:0!important;border:2px solid var(--rt-ink)!important;border-radius:999px!important;background:var(--rt-yel)!important;color:var(--rt-ink)!important;box-shadow:none!important;cursor:pointer}
#album-app .album-extras .collection-cloud-nudge{margin:0;font:700 .82rem var(--rt-sans);color:var(--rt-ink);text-decoration:underline}
#album-app .album-extras .collection-cloud-nudge[hidden]{display:none}
/* ===== Pestañas tipo carpeta, pegadas a la hoja ===== */
#album-app .album-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 18px;align-items:end;margin-bottom:-2.5px;position:relative;z-index:3}
#album-app .album-tabs button{position:relative;margin:0 -6px 0 0;border:2.5px solid var(--rt-ink);border-bottom:0;border-radius:16px 16px 0 0;padding:16px 16px 12px;box-shadow:none;
  background:color-mix(in srgb,var(--tc) 30%,var(--rt-paper));color:var(--rt-ink);transform:translateY(8px);transition:transform .18s;
  display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;white-space:normal;cursor:pointer;font-family:var(--rt-sans)}
#album-app .album-tabs button::before{content:"";position:absolute;left:14px;right:14px;top:7px;height:5px;border-radius:99px;background:var(--tc)}
#album-app .album-tabs button:nth-child(1){--tc:var(--rt-yel)}
#album-app .album-tabs button:nth-child(2){--tc:var(--rt-green)}
#album-app .album-tabs button:nth-child(3){--tc:var(--rt-red)}
#album-app .album-tabs button:nth-child(4){--tc:var(--rt-sky)}
#album-app .album-tabs button:hover{transform:translateY(3px)}
#album-app .album-tabs small{font:600 .74rem var(--rt-mono);letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--rt-ink) 70%,transparent)}
#album-app .album-tabs b{font:800 1rem var(--rt-sans);text-transform:uppercase}
#album-app .album-tabs .cnt{font-variant-numeric:tabular-nums}
#album-app .album-tabs button[aria-selected="true"]{z-index:2;background:var(--rt-cream);transform:translateY(0);padding-bottom:20px;border-bottom:2.5px solid var(--rt-cream)}
#album-app .album-tabs button[aria-selected="true"] b{font-size:1.1rem}
#album-app .album-sheet{position:relative;z-index:2;background:var(--rt-cream);border:2.5px solid var(--rt-ink);border-radius:22px;padding:clamp(14px,2vw,22px);margin-top:-2px}
/* ===== El álbum: índice + hoja ===== */
#album-app #album-cols:not([hidden]){display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;align-items:start}
#album-app .album-index{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--rt-ink) transparent}
#album-app .album-index::-webkit-scrollbar{width:6px}
#album-app .album-index::-webkit-scrollbar-thumb{background:var(--rt-ink);border-radius:9px}
#album-app .al-ixhead{display:flex;flex-direction:column;gap:8px;position:sticky;top:0;z-index:2;background:var(--rt-cream);padding-bottom:6px}
#album-app .al-ixhead>b{font:900 1.15rem var(--rt-sans);text-transform:uppercase;letter-spacing:-.01em}
#album-app .al-ixf{display:flex;gap:4px;background:color-mix(in srgb,var(--rt-ink) 8%,transparent);border-radius:999px;padding:3px}
#album-app .al-ixf button{flex:1;border:0;background:transparent;border-radius:999px;padding:6px;font:700 .74rem var(--rt-sans);cursor:pointer;color:var(--rt-ink)}
#album-app .al-ixf button[aria-pressed="true"]{background:var(--rt-ink);color:var(--rt-cream)}
#album-app .al-ixg{display:flex;flex-direction:column;gap:4px}
#album-app .al-ixgt{display:flex;justify-content:space-between;align-items:baseline;font:700 .72rem var(--rt-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--rt-ink) 65%,transparent);padding:2px 4px 4px;border-bottom:2px solid var(--rt-ink);margin-bottom:2px}
#album-app .al-ixgt em{font-style:normal;letter-spacing:.04em;text-transform:none}
#album-app .al-ixrow{position:relative;display:grid;grid-template-columns:6px 40px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;border:2px solid transparent;border-radius:12px;background:transparent;padding:6px 10px 6px 0;cursor:pointer;color:var(--rt-ink);overflow:hidden;font-family:var(--rt-sans)}
#album-app .al-edge{align-self:stretch;margin:-6px 0;background:linear-gradient(180deg,var(--pg) 0 60%,var(--band) 60%)}
#album-app .al-th{width:40px;height:40px;border-radius:9px;background:var(--pg);border:2px solid var(--rt-ink);display:grid;place-items:end center;overflow:hidden}
#album-app .al-th img{width:82%;margin-bottom:-4px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
#album-app .al-tx{display:flex;flex-direction:column;gap:5px;min-width:0}
#album-app .al-tx b{font:800 .84rem/1.1 var(--rt-sans);text-transform:uppercase;overflow-wrap:anywhere}
#album-app .al-dots{display:flex;flex-wrap:wrap;gap:3px}
#album-app .al-dots i{width:8px;height:11px;border-radius:2px;border:1.5px solid color-mix(in srgb,var(--rt-ink) 35%,transparent)}
#album-app .al-dots i.h{background:var(--rt-ink);border-color:var(--rt-ink)}
#album-app .al-dots i.w{border-color:var(--rt-red);background:color-mix(in srgb,var(--rt-red) 20%,transparent)}
#album-app .al-mbar{display:block;height:8px;border-radius:99px;border:1.5px solid color-mix(in srgb,var(--rt-ink) 35%,transparent);overflow:hidden}
#album-app .al-mbar i{display:block;height:100%;background:var(--rt-ink)}
#album-app .al-pn{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font:700 .78rem var(--rt-mono);font-variant-numeric:tabular-nums}
#album-app .al-pn small{font:600 .62rem var(--rt-mono);letter-spacing:.04em;opacity:.65}
#album-app .al-pn em{font-style:normal;color:var(--rt-yel);text-shadow:1px 1px 0 var(--rt-ink);font-size:.95rem;line-height:1}
#album-app .al-ixrow:hover{background:#fff}
#album-app .al-ixrow[aria-pressed="true"]{background:var(--pg);color:var(--pgt);border-color:var(--rt-ink);box-shadow:3px 3px 0 var(--rt-ink)}
#album-app .al-ixrow[aria-pressed="true"] .al-dots i{border-color:color-mix(in srgb,var(--pgt) 55%,transparent)}
#album-app .al-ixrow[aria-pressed="true"] .al-dots i.h{background:var(--pgt);border-color:var(--pgt)}
#album-app .al-ixrow[aria-pressed="true"] .al-mbar{border-color:color-mix(in srgb,var(--pgt) 55%,transparent)}
#album-app .al-ixrow[aria-pressed="true"] .al-mbar i{background:var(--pgt)}
#album-app .al-ixrow[aria-pressed="true"] .al-th{border-color:var(--pgt)}
/* ===== La hoja de cada colección (con los colores del equipo) ===== */
#album-app .album-page{position:relative;background:var(--pg);border:2.5px solid var(--rt-ink);border-radius:16px;padding:0 clamp(14px,2.6vw,30px) clamp(18px,2.6vw,30px);color:#fff;isolation:isolate;overflow:hidden;min-width:0}
#album-app .al-band{position:relative;margin:0 calc(-1*clamp(14px,2.6vw,30px));height:clamp(64px,8vw,92px)}
#album-app .al-band::before{content:"";position:absolute;inset:0 26% 0 0;background:var(--band);clip-path:polygon(0 0,100% 0,90% 100%,0 100%);border-bottom:2.5px solid var(--rt-ink)}
#album-app .al-band h2{position:relative;margin:0;padding-left:clamp(16px,2.8vw,32px);max-width:64%;overflow:hidden;font:900 clamp(2rem,5.6vw,4rem)/clamp(64px,8vw,92px) var(--rt-sans);text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;
  color:var(--bandText,var(--rt-yel));text-shadow:3px 3px 0 var(--bandShadow,var(--rt-ink)),2px 2px 0 var(--bandShadow,var(--rt-ink)),1px 1px 0 var(--bandShadow,var(--rt-ink))}
#album-app .al-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:14px 0 18px;color:var(--pgText,#fff)}
#album-app .al-meta p{margin:0;max-width:54ch;font:500 1.02rem/1.45 var(--rt-sans)}
#album-app .al-prog{display:flex;align-items:center;gap:12px;margin-top:12px}
#album-app .al-bar{flex:1;max-width:260px;height:8px;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden}
#album-app .al-bar i{display:block;height:100%;background:var(--pgText,#fff);border-radius:4px;transition:width .5s}
#album-app .al-prog b{font:700 1rem var(--rt-sans);font-variant-numeric:tabular-nums}
#album-app .album-page.light .al-meta,
#album-app .album-page.light .al-prog b{color:var(--rt-ink)}
#album-app .album-page.light .al-bar{background:rgba(31,26,23,.14)}
#album-app .album-page.light .al-bar i{background:var(--rt-ink)}
#album-app .al-mascot{position:relative;z-index:21;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:8px;align-self:end}
#album-app .al-mascot peyote-logo{display:block;width:76px}
#album-app .al-say{position:relative;background:#fff;color:var(--rt-ink);border:2px solid var(--rt-ink);border-radius:12px;padding:8px 11px;font:500 .78rem/1.3 var(--rt-mono);max-width:20ch;margin-bottom:30px}
#album-app .al-say::after{content:"";position:absolute;left:-6px;bottom:12px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-left:2px solid var(--rt-ink);border-bottom:2px solid var(--rt-ink)}
#album-app .album-page.tight .al-say{display:none}
#album-app .al-seal{position:absolute;right:clamp(14px,3vw,34px);top:50%;transform:translateY(-50%) rotate(-6deg) scale(.4);opacity:0;z-index:2;background:var(--rt-yel);color:var(--rt-ink);border:2.5px solid var(--rt-ink);border-radius:999px;padding:6px 14px;font:800 .78rem var(--rt-mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 var(--rt-ink);transition:transform .45s cubic-bezier(.3,1.7,.5,1),opacity .2s;pointer-events:none}
#album-app .album-page.done .al-seal{opacity:1;transform:translateY(-50%) rotate(-6deg) scale(1)}
#album-app .album-page.done .rc-owned .rc-tilt{box-shadow:0 0 0 3px var(--rt-yel),rgba(0,0,0,.6) 0 12px 24px -16px}
/* ===== Cartas ===== */
#album-app .al-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:clamp(14px,2vw,24px)}
#album-app .al-dex{display:flex;flex-direction:column;gap:0;min-width:0}
#album-app .al-ph{display:block;border-radius:8px;outline-offset:4px;color:inherit;text-decoration:none;cursor:pointer}
#album-app .rc-owned .rc-st{background:var(--rt-green);color:#fff}
#album-app .rc-wanted .rc-st{background:var(--rt-red);color:var(--rt-ink)}
#album-app .rc-reco .rc-st{background:var(--rt-yel);color:var(--rt-ink)}
#album-app .rc-missing .rc-win::after{content:"Te falta";position:absolute;left:50%;bottom:3cqw;transform:translateX(-50%);padding:1.4cqw 2.6cqw;border-radius:99px;background:var(--rt-ink);color:#fff;font:600 3cqw/1 var(--rt-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .2s}
#album-app .rc-missing:hover .rc-win::after,
#album-app .al-dex.peek .rc-win::after{opacity:1}
#album-app .al-dex.peek .rc-missing .rc-tilt{filter:none}
#album-app .al-dex.peek .rc-missing .rc-win img{filter:drop-shadow(0 1.2cqw 1cqw rgba(0,0,0,.28));opacity:1}
/* Placa crema bajo cada carta: legible sobre cualquier color de hoja */
#album-app .al-plate{position:relative;margin:-6px 4px 0;padding:14px 10px 10px;background:var(--rt-cream);border:2.5px solid var(--rt-ink);border-top:0;border-radius:0 0 14px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:3px 3px 0 var(--rt-ink);color:var(--rt-ink)}
#album-app .al-dex.owned .al-plate{background:color-mix(in srgb,var(--rt-green) 12%,var(--rt-cream))}
#album-app .al-dex.wanted .al-plate{background:color-mix(in srgb,var(--rt-red) 12%,var(--rt-cream))}
#album-app .al-stt{font:700 .7rem var(--rt-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rt-ink)}
#album-app .al-stt.miss{color:color-mix(in srgb,var(--rt-ink) 60%,transparent)}
#album-app .al-stt.own{color:var(--rt-green)}
#album-app .al-stt.want{color:var(--rt-red)}
#album-app .al-stt.sug{color:color-mix(in srgb,var(--rt-yel) 55%,var(--rt-ink))}
#album-app .al-seg{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--rt-ink);border-radius:999px;overflow:hidden;background:#fff}
#album-app .al-seg button{display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--rt-ink);padding:8px 4px;font:800 .7rem var(--rt-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;min-width:0}
#album-app .al-seg button+button{border-left:2px solid var(--rt-ink)}
#album-app .al-seg button i{font-style:normal;font-size:.95rem;line-height:1}
#album-app .al-seg button:hover{background:color-mix(in srgb,var(--rt-yel) 45%,#fff)}
#album-app .al-seg button.h[aria-pressed="true"]{background:var(--rt-ink);color:#fff}
#album-app .al-seg button.h[aria-pressed="true"] i{color:var(--rt-yel)}
#album-app .al-seg button.w[aria-pressed="true"]{background:var(--rt-red);color:#fff}
#album-app .al-seg button:focus-visible{outline-offset:-3px}
/* ===== Mi vestidor y En la mira: fondo hueso frío (nada de negro) ===== */
#album-app .al-closet,
#album-app .al-wish{background:var(--rt-bone);border-radius:14px;padding:clamp(16px,2.6vw,28px);color:var(--rt-ink);display:flex;flex-direction:column;gap:18px}
#album-app .al-closet h2,
#album-app .al-wish h2{font:900 clamp(1.6rem,3.6vw,2.4rem)/1 var(--rt-sans);margin:0;text-transform:uppercase;letter-spacing:-.01em}
#album-app .al-closet p.s,
#album-app .al-wish p.s{margin:6px 0 0;color:color-mix(in srgb,var(--rt-ink) 62%,transparent)}
#album-app .al-closet .al-cards,
#album-app .al-wish>.al-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
#album-app .al-rate{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:10px}
#album-app .al-rate small{display:block;font:700 .72rem var(--rt-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
#album-app .al-stars{display:flex;gap:4px}
#album-app .al-stars button{background:none;border:0;padding:0 1px;font-size:1.3rem;line-height:1;color:var(--rt-red);cursor:pointer}
#album-app .al-rate>span{font:600 .74rem var(--rt-mono);color:color-mix(in srgb,var(--rt-ink) 62%,transparent)}
#album-app .al-closet .al-dex{gap:0}
#album-app .al-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
#album-app .al-acts button{padding:10px 6px;background:#fff;color:var(--rt-ink);border:2px solid var(--rt-ink);border-radius:99px;font:800 10.5px/1 var(--rt-mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background-color .15s,transform .15s}
#album-app .al-acts button:hover{background:var(--rt-yel)}
#album-app .al-acts button:active{transform:scale(.96)}
#album-app .al-empty{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#album-app .al-empty peyote-logo{display:block;width:180px;max-width:100%}
#album-app .al-empty p{margin:0 0 12px;max-width:44ch;line-height:1.45}
#album-app .al-btn{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--rt-ink);border-radius:999px;background:var(--rt-yel);color:var(--rt-ink);font:800 .78rem var(--rt-mono);text-transform:uppercase;letter-spacing:.04em;padding:11px 16px;cursor:pointer;text-decoration:none}
#album-app .al-btn:hover{background:color-mix(in srgb,var(--rt-yel) 80%,#fff)}
/* En la mira: resumen y carrito */
#album-app .al-sumbar{display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto;gap:clamp(14px,2.4vw,28px);align-items:center;background:#fff;border:2.5px solid var(--rt-ink);border-radius:18px;padding:14px 18px;box-shadow:4px 4px 0 var(--rt-ink)}
#album-app .al-k small{display:block;font:600 .72rem var(--rt-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--rt-ink) 62%,transparent)}
#album-app .al-k b{font:900 1.9rem/1.05 var(--rt-sans);font-variant-numeric:tabular-nums}
#album-app .al-ship small{display:flex;justify-content:space-between;gap:8px;font:600 .72rem var(--rt-mono);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--rt-ink) 62%,transparent);margin-bottom:6px}
#album-app .al-ship .m{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
#album-app .al-ship .m i{height:12px;border:2px solid var(--rt-ink);border-radius:99px;background:#fff}
#album-app .al-ship .m i.on{background:var(--rt-green)}
#album-app .al-ship.ok small b{color:var(--rt-green)}
#album-app .al-buyall{display:flex;flex-direction:column;gap:6px;align-items:stretch}
#album-app .al-size{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 .72rem var(--rt-mono);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--rt-ink) 70%,transparent)}
#album-app .al-size select{font:700 .85rem var(--rt-mono);color:var(--rt-ink);background:#fff;border:2px solid var(--rt-ink);border-radius:99px;padding:5px 10px}
#album-app .al-cta{border:2.5px solid var(--rt-ink);border-radius:99px;background:var(--rt-yel);color:var(--rt-ink);font:800 .82rem var(--rt-mono);letter-spacing:.05em;text-transform:uppercase;padding:13px 18px;cursor:pointer;white-space:nowrap}
#album-app .al-cta:hover{background:color-mix(in srgb,var(--rt-yel) 80%,#fff)}
#album-app .al-cta.done{background:var(--rt-green);color:#fff}
#album-app .al-wish .al-dex.wanted .al-plate{background:color-mix(in srgb,var(--rt-red) 10%,var(--rt-cream))}
#album-app .al-prow{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
#album-app .al-pr{font:900 1.15rem var(--rt-sans);font-variant-numeric:tabular-nums;color:var(--rt-ink)}
#album-app .al-near{display:flex;flex-direction:column;gap:5px;font-size:.78rem;line-height:1.3;color:var(--rt-ink)}
#album-app .al-near b{font-weight:800}
#album-app .al-nb{height:7px;border-radius:99px;background:color-mix(in srgb,var(--rt-ink) 10%,transparent);overflow:hidden;position:relative}
#album-app .al-nb i{position:absolute;left:0;top:0;bottom:0;background:var(--c,var(--rt-ink));border-radius:99px}
#album-app .al-nb i.add{background:var(--rt-yel)}
#album-app .al-why{margin:0;font-size:.78rem;line-height:1.3;color:var(--rt-ink)}
#album-app .al-why b{font-weight:800}
#album-app .al-buyseg{grid-template-columns:minmax(0,1fr) auto}
#album-app .al-buyseg .buy2{background:var(--rt-yel);color:var(--rt-ink)}
#album-app .al-buyseg .buy2:hover{background:color-mix(in srgb,var(--rt-yel) 80%,#fff)}
#album-app .al-buyseg .buy2.added{background:var(--rt-green);color:#fff}
#album-app .al-buyseg .quitw,
#album-app .al-buyseg .wantit{background:#fff;color:var(--rt-ink)}
#album-app .al-buyseg .quitw:hover,
#album-app .al-buyseg .wantit:hover{background:color-mix(in srgb,var(--rt-red) 14%,#fff)}
#album-app .al-buyseg .quitw{padding:8px 12px}
#album-app .al-recos .al-buyseg{grid-template-columns:auto minmax(0,1fr)}
#album-app .al-recos .al-buyseg .wantit{padding:8px 10px}
#album-app .al-recos{display:flex;flex-direction:column;gap:22px;border-top:2.5px dashed color-mix(in srgb,var(--rt-ink) 35%,transparent);padding-top:22px}
#album-app .al-recos>header h3{margin:0;font:900 clamp(1.3rem,2.8vw,1.8rem)/1.05 var(--rt-sans);text-transform:uppercase}
#album-app .al-recos>header p{margin:6px 0 0;color:color-mix(in srgb,var(--rt-ink) 62%,transparent);max-width:60ch}
#album-app .al-rgroup{background:#fff;border:2.5px solid var(--rt-ink);border-radius:18px;overflow:hidden}
#album-app .al-rh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--pg);color:var(--pgt,#fff);border-bottom:2.5px solid var(--rt-ink)}
#album-app .al-rh b{font:900 1.15rem var(--rt-sans);text-transform:uppercase}
#album-app .al-rh span{font:600 .76rem var(--rt-mono);letter-spacing:.06em;text-transform:uppercase}
#album-app .al-rh .al-cta{padding:9px 14px;font-size:.74rem}
#album-app .al-rgroup .al-cards{padding:16px;gap:18px}
/* ===== Colección completa: un momento grande, luego solo el sello ===== */
#album-app .al-moment{position:absolute;inset:0;z-index:20;display:grid;place-items:start center;padding-top:clamp(96px,12vw,150px);overflow:hidden;background:rgba(31,26,23,.72);border-radius:14px;cursor:pointer}
#album-app .al-rays{position:absolute;left:50%;top:clamp(220px,24vw,300px);width:240vmax;height:240vmax;margin:-120vmax 0 0 -120vmax;background:repeating-conic-gradient(from 0deg,rgba(242,177,52,.22) 0 7deg,transparent 7deg 18deg);animation:alspin 18s linear infinite}
@keyframes alspin{to{transform:rotate(360deg)}}
#album-app .al-medal{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:26px clamp(22px,4vw,48px) 22px;background:var(--rt-cream);color:var(--rt-ink);border:3px solid var(--rt-ink);border-radius:26px;box-shadow:8px 8px 0 var(--rt-ink);max-width:min(92%,560px)}
#album-app .al-medal .k{font:600 .74rem var(--rt-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--rt-ink) 70%,transparent)}
#album-app .al-medal .h{font:900 clamp(1.4rem,3.6vw,2.2rem)/1 var(--rt-sans);text-transform:uppercase;color:var(--rt-red);text-shadow:2px 2px 0 var(--rt-ink)}
#album-app .al-medal .n{font:900 clamp(2.2rem,7vw,4.4rem)/.92 var(--rt-sans);text-transform:uppercase;letter-spacing:-.03em;color:var(--rt-yel);text-shadow:3px 3px 0 var(--rt-ink),2px 2px 0 var(--rt-ink),1px 1px 0 var(--rt-ink);margin:4px 0;overflow-wrap:anywhere}
#album-app .al-medal .c{font:700 .9rem var(--rt-mono);letter-spacing:.06em;text-transform:uppercase}
#album-app .al-medal .b{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}
#album-app .al-medal .b button{border:2.5px solid var(--rt-ink);border-radius:999px;padding:10px 16px;font:800 .78rem var(--rt-mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#fff;color:var(--rt-ink)}
#album-app .al-medal .b button.p{background:var(--rt-yel)}
#album-app .al-medal .star{position:absolute;top:-26px;width:52px;height:52px;border-radius:50%;background:var(--rt-yel);border:3px solid var(--rt-ink);display:grid;place-items:center;font:900 1.5rem var(--rt-sans);color:var(--rt-ink);box-shadow:3px 3px 0 var(--rt-ink)}
/* ===== Stats: se queda como estaba; solo se acomoda dentro de la hoja ===== */
#album-app #album-stats{min-width:0}
/* ===== Pantallas medianas y chicas ===== */
@media (max-width:1100px){
#album-app .al-say{display:none}
}
@media (max-width:900px){
#album-app .album-hero{grid-template-columns:1fr;background:linear-gradient(180deg,var(--rt-red) 0 45%,var(--rt-sky) 45%)}
#album-app .album-hcard{grid-column:1;grid-row:auto}
#album-app #album-cols:not([hidden]){grid-template-columns:minmax(0,1fr)}
#album-app .album-index{position:static;flex-direction:row;align-items:flex-start;overflow-x:auto;overflow-y:hidden;max-height:none;padding:0 0 8px;scroll-snap-type:x proximity}
#album-app .al-ixhead{position:static;flex:none;width:150px}
#album-app .al-ixg{flex-direction:row;gap:6px;flex:none}
#album-app .al-ixgt{display:none}
#album-app .al-ixrow{width:220px;flex:none;background:#fff;scroll-snap-align:start}
#album-app .al-ixrow[aria-pressed="true"]{background:var(--pg)}
}
@media (max-width:760px){
#album-app{padding:18px clamp(12px,4vw,16px) 48px}
#album-app .album-hcard{grid-template-columns:1fr}
#album-app .album-pill{grid-column:1;grid-row:auto;justify-self:start}
#album-app .album-tabs{padding:0 4px}
#album-app .album-tabs button{padding:14px 6px 10px;margin-right:-3px}
#album-app .album-tabs small{display:none}
#album-app .album-tabs button{padding:14px 4px 10px;min-width:0}
#album-app .album-tabs b{font-size:.58rem;line-height:1.15;letter-spacing:-.01em}
#album-app .album-tabs button[aria-selected="true"] b{font-size:.6rem}
#album-app .album-tabs .cnt{display:block}
#album-app .al-mascot peyote-logo{width:52px}
#album-app .al-sumbar{grid-template-columns:1fr 1fr}
#album-app .al-ship,
#album-app .al-buyall{grid-column:1 / -1}
#album-app .al-seal{right:12px;top:34px}
}
@media (max-width:560px){
#album-app .al-cards,
#album-app .al-closet .al-cards,
#album-app .al-wish>.al-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#album-app .al-rgroup .al-cards{padding:12px;gap:12px}
#album-app .al-seg{grid-template-columns:1fr;border-radius:14px}
#album-app .al-seg button{font-size:.66rem;padding:8px 4px}
#album-app .al-seg button+button{border-left:0;border-top:2px solid var(--rt-ink)}
#album-app .al-buyseg,
#album-app .al-recos .al-buyseg{grid-template-columns:minmax(0,1fr)}
#album-app .al-buyseg .quitw,
#album-app .al-recos .al-buyseg .wantit{padding:8px 4px}
#album-app .al-meta{grid-template-columns:1fr}
#album-app .al-band h2{max-width:78%}
#album-app .al-acts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
#album-app .al-rays{animation:none}
#album-app .album-tabs button,
#album-app .al-seal,
#album-app .album-hbar i,
#album-app .al-bar i{transition:none}
}