#tienda{width:min(1160px,calc(100% - 24px));background:#111c19;color:#ece9dc;max-height:94dvh}#tienda .dialogo-cabecera{border-bottom:1px solid #d9c78933;background:linear-gradient(115deg,#273e32,#14251f)}#tienda h1{font:800 21px/1.1 ui-serif,Georgia,serif;letter-spacing:-.015em}.tienda-hero{display:flex;justify-content:space-between;gap:20px;align-items:center}.tienda-saldos{display:flex;gap:12px;flex-wrap:wrap}.tienda-saldo{padding:12px 18px;border:1px solid #ceb36855;border-radius:12px;background:#0b1717}.tienda-saldo strong{display:block;color:#f0d484;font-size:24px;font-variant-numeric:tabular-nums}.tienda-saldo small{color:#bbcbbd}.tienda-cuerpo{padding:20px 26px 26px}.tienda-tabs{display:flex;gap:8px;margin-bottom:20px}.tienda-tabs button{border-radius:99px;padding:10px 18px}.tienda-tabs button[aria-selected=true]{background:#dfc27c;color:#192a20;border-color:#dfc27c}.tienda-selector{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.tienda-selector label{display:grid;gap:6px;color:#b6c9bb;font-size:12px}.tienda-selector select{max-width:100%;padding:11px;font-size:15px;background:#1c3028;color:#eee;border:1px solid #799582;border-radius:8px}.tienda-meta{text-align:right;color:#acc2b4;font-size:13px}.tienda-meta strong{display:block;color:#f0d484;font-size:24px}.tienda-progreso{width:100%;height:7px;accent-color:#dec47f}.especiales-grilla{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}.especial-tarjeta{display:flex;flex-direction:column;gap:8px;min-width:0;background:#1b2b24;padding:10px;border:1px solid #69827155;border-radius:12px}.especial-tarjeta.adquirida{border-color:#aaca7a}.especial-tarjeta h3{margin:0;font-size:14px;min-height:34px}.especial-tarjeta .carta-catalogo{width:100%;padding:0}.especial-tarjeta canvas{width:100%;height:auto}.especial-tarjeta p{font-size:11px;color:#c0c9b8;line-height:1.5;margin:0}.especial-tarjeta .especial-accion{margin-top:auto}.especial-tarjeta .especial-accion button{width:100%;padding:10px 4px}.especial-tarjeta .especial-estado{color:#dcc27b;font-size:11px;min-height:28px}.tienda-ayuda{font-size:12px;line-height:1.6;color:#b3c1b4}.tienda-estado{padding:12px;border-radius:8px;background:#283d2b;color:#e5d99c;margin-bottom:12px;white-space:pre-line}.tienda-estado:empty{display:none}.tienda-estado.error{background:#482c29;color:#ffcfb8}.tienda-sobre-panel{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;padding:24px;border:1px solid #c6aa6355;border-radius:14px;background:linear-gradient(125deg,#304a3b,#152620)}.tienda-sobre-panel .sobre{height:190px;background:linear-gradient(145deg,#bea160,#564a2f 45%,#172d23);font-size:36px}.tienda-sobre-panel h2{font:700 22px Georgia,serif;margin:0 0 10px}.tienda-sobre-panel p{color:#bdcabf;line-height:1.6}.tienda-sobre-panel button{padding:12px 20px;background:#dcc17b;color:#14261b;font-weight:700}.tienda-revelacion{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:18px;margin-top:18px}.tienda-revelacion .carta-catalogo{width:100%}.tienda-revelacion canvas{width:100%;height:auto}.tienda-revelacion p{font-size:12px}.tienda-confirmar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid #d2b76d;padding:12px;margin:16px 0;border-radius:8px}.tienda-confirmar[hidden],[role=tabpanel][hidden]{display:none}.saldos-inicio{display:flex;gap:10px;padding:8px 26px;color:#ddc67e;font-size:12px}.recompensa-partida{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:20;background:#193429;border:1px solid #dabd77;border-radius:12px;padding:14px 20px;box-shadow:0 5px 24px #000a;max-width:calc(100% - 28px);color:#f3e1ac;font:14px system-ui}.recompensa-partida[hidden]{display:none}.recompensa-partida button{margin-left:12px}.carta-catalogo .candado-carta{position:absolute;left:4px;right:4px;bottom:4px;padding:5px;background:#101c19ed;color:#e4cd91;font-size:10px;border:1px solid #a28d50;border-radius:5px}.carta-catalogo.especial-bloqueada canvas{opacity:.65}button:disabled{cursor:not-allowed;opacity:.48}#tienda button:focus-visible,#tienda select:focus-visible{outline:3px solid #f7dda0;outline-offset:3px}
@media(max-width:900px){.especiales-grilla{grid-template-columns:repeat(3,minmax(0,1fr))}.tienda-hero{align-items:flex-start;flex-direction:column}.tienda-saldos{width:100%}.tienda-saldo{flex:1}}
@media(max-width:560px){.tienda-cuerpo{padding:16px}.especiales-grilla{grid-template-columns:repeat(2,minmax(0,1fr))}.tienda-selector{align-items:stretch;flex-direction:column}.tienda-meta{text-align:left}.tienda-sobre-panel{grid-template-columns:1fr;padding:16px;gap:8px}.tienda-sobre-panel .sobre{height:120px}.tienda-saldos{gap:6px}.tienda-saldo{padding:8px 10px}.tienda-revelacion{gap:7px}.saldos-inicio{padding:8px 16px}}
.carta-catalogo .candado-carta{top:50%;right:auto;bottom:auto;left:50%;width:38%;padding:0;aspect-ratio:1;border-radius:50%;font-size:clamp(18px,2vw,30px);transform:translate(-50%,-50%)}.carta-catalogo.especial-bloqueada canvas{opacity:.38}

/* El almacén comparte el acabado editorial de las demás salas. */
#tienda{border-color:#d9c47766;background:radial-gradient(circle at 88% 0,#566c4040,transparent 34%),linear-gradient(145deg,#1e2d22,#0d1510 74%)}#tienda .dialogo-cabecera{background:linear-gradient(112deg,#2a4132,#17261e 74%);border-bottom-color:#d9c47745}.tienda-cuerpo{padding:22px 26px 28px}.tienda-tabs{padding-bottom:12px;border-bottom:1px solid #d9c4772b}.tienda-tabs button{border-color:#d9c4773d;background:#101a13;color:#d5ddcf}.tienda-tabs button[aria-selected=true]{box-shadow:0 5px 16px #0008,inset 0 1px #fff8}.tienda-saldo{border-color:#d9c47755;background:#0b1717d9;box-shadow:inset 0 1px #fff1}.especial-tarjeta{border-color:#d9c47730;background:linear-gradient(145deg,#203126,#142018);box-shadow:inset 0 1px #fff1,0 8px 18px #0004;transition:transform .18s ease,border-color .18s ease}.especial-tarjeta:hover{border-color:#d9c47777;transform:translateY(-2px)}.tienda-sobre-panel{border-color:#d9c47766;box-shadow:inset 0 1px #fff1,0 12px 26px #0005}

/* El visor es compartido por colección, constructor y almacén. En el Almacén
   se reserva su columna completa: antes se dibujaba por encima de las cartas
   que se estaban canjeando. */
#tienda{width:min(1240px,calc(100% - 24px))}
#tienda .dialogo-cabecera{padding-right:calc(26px + var(--visor-reserva))}
#tienda .tienda-cuerpo{padding-right:calc(26px + var(--visor-reserva))}
@media(max-width:620px){#tienda .dialogo-cabecera,#tienda .tienda-cuerpo{padding-right:16px}}

/* La cabecera del almacén es una barra de estado. La navegación ya dice dónde
   estamos; repetir título y eslogan restaba altura a las cartas. */
#tienda .dialogo-cabecera{padding-top:10px;padding-bottom:10px}
#tienda .dialogo-navegacion{margin-bottom:6px}
.tienda-hero{justify-content:flex-end}
.tienda-saldos{gap:7px}
.tienda-saldo{display:flex;align-items:baseline;gap:6px;padding:6px 10px;border-radius:8px}
.tienda-saldo strong{display:inline;font-size:16px;line-height:1}
.tienda-saldo small{font-size:10px}