/* Medaillenshop (assets/js/medal-shop.js) */
.ms-shop { display: grid; gap: 12px; color: var(--cs-ink, #2b1a0e); }
.ms-keeper { display: grid; grid-template-columns: 64px 1fr auto; gap: 12px; align-items: center; padding: 12px; background: #fff6e0; border: 3px solid var(--cs-ink, #2b1a0e); border-radius: 12px; box-shadow: 3px 3px 0 var(--cs-ink, #2b1a0e); }
.ms-av { width: 64px; height: 80px; display: grid; place-items: center; overflow: hidden; }
.ms-speech { position: relative; background: #fff; border: 2px solid var(--cs-ink, #2b1a0e); border-radius: 10px; padding: 8px 10px; font-size: 0.88rem; }
.ms-speech::before { content: ""; position: absolute; left: -9px; top: 22px; border: 8px solid transparent; border-right-color: var(--cs-ink, #2b1a0e); border-left: 0; }
.ms-speech p { margin: 4px 0 0; }
.ms-speech small { opacity: 0.7; }
.ms-coins { text-align: center; font-size: 1.1rem; background: #2b1a0e; color: #f2c94c; border-radius: 10px; padding: 8px 12px; white-space: nowrap; }
.ms-coins b { font-size: 1.3rem; }
.ms-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.ms-tab { appearance: none; padding: 6px 12px; border: 2px solid var(--cs-ink, #2b1a0e); border-radius: 8px; background: #fff; font: 800 0.8rem/1.1 inherit; color: inherit; cursor: pointer; }
.ms-tab.on { background: #f2c94c; box-shadow: 2px 2px 0 var(--cs-ink, #2b1a0e); }
.ms-list { display: grid; gap: 8px; }
.ms-card { display: grid; grid-template-columns: 44px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; background: #fff; border: 2px solid var(--cs-ink, #2b1a0e); border-radius: 10px; }
.ms-card.dim { opacity: 0.6; }
.ms-ic { font-size: 1.8rem; text-align: center; }
.ms-info { display: grid; gap: 2px; font-size: 0.82rem; }
.ms-info b { font-size: 0.95rem; }
.ms-info small { color: #1d5a2a; font-weight: 700; }
.ms-buy { display: grid; gap: 4px; justify-items: end; }
.ms-price { font-weight: 800; color: #8a6200; }
.ms-buy button { appearance: none; padding: 6px 14px; border: 2px solid var(--cs-ink, #2b1a0e); border-radius: 8px; background: #3aa17e; color: #fff; font: 800 0.8rem/1 inherit; cursor: pointer; }
.ms-buy button:disabled { background: #b8b2a2; color: #4a4438; cursor: not-allowed; }
.ms-challenges { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; font-size: 0.85rem; }
.ms-challenges .muted { opacity: 0.6; }
.ms-note { font-size: 0.75rem; opacity: 0.7; margin: 0; }
@media (max-width: 520px) { .ms-keeper { grid-template-columns: 52px 1fr; } .ms-coins { grid-column: 1 / -1; } .ms-card { grid-template-columns: 36px 1fr; } .ms-buy { grid-column: 1 / -1; grid-auto-flow: column; justify-content: space-between; justify-items: stretch; } }