/* Tarjetas de medallas (23_TARJETAS_MEDALLAS.md): marco + capas en % del escenario. */
.mcard { container-type: inline-size; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.mcard__stage { position: relative; width: 100%; aspect-ratio: 1 / 1; margin-top: 5.66cqw; }
.mcard--desafio .mcard__stage { aspect-ratio: 1268 / 675; margin-top: 5.91cqw; }
.mcard__frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.mcard__medal, .mcard__game { position: absolute; transform: translate(-50%, -50%); }
.mcard__medal { aspect-ratio: 1; height: auto; object-fit: contain; filter: drop-shadow(0 0.6cqw 1.2cqw rgba(0,0,0,.55)); }
.mcard--annual .mcard__medal--position { left: 49.93%; top: 51.28%; width: 57.96%; }
.mcard--game .mcard__medal--position { left: 49.93%; top: 48.55%; width: 54.8%; }
.mcard--desafio .mcard__medal--position { left: 27.09%; top: 51.48%; width: 32.64%; }
.mcard--desafio .mcard__medal--month { left: 72.83%; top: 51.48%; width: 31.76%; }
.mcard__year { position: absolute; left: 50%; transform: translateX(-50%); aspect-ratio: 256 / 122; height: auto; z-index: 2; }
.mcard--annual .mcard__year { top: -5.66%; width: 33.27%; }
.mcard--desafio .mcard__year { top: -11.11%; width: 19.47%; }
.mcard__year--text { display: grid; place-items: center; aspect-ratio: auto; padding: 0.4em 0.9em;
  font: 700 4.5cqw var(--font-display); color: #d2fcff; background: rgba(8, 6, 24, 0.9);
  border: 2px solid var(--magenta); border-radius: 0.6em; box-shadow: 0 0 1em rgba(255, 43, 214, 0.5); width: auto; }
.mcard__game { left: 50%; top: 77.22%; max-width: 57.49%; font: 700 6.12cqw var(--font-display); color: #d2fcff;
  text-shadow: 0 0 0.04em #00f0ff, 0 0 0.13em #00f0ff, 0 0 0.31em #ff2bd6, 0 0 0.6em #ff2bd6;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.mcard--noframe .mcard__stage { background: radial-gradient(circle, #10143a 0%, #070818 70%);
  border: 2px solid rgba(0, 240, 255, 0.35); border-radius: 12px; }
.mcard__caption { text-align: center; font-family: var(--font-display); }
.mcard__caption strong { display: block; font-size: 0.9rem; color: var(--cyan); }
.mcard__caption small { display: block; font-size: 0.8rem; color: var(--text-muted); }
.mcard-grid { display: grid; gap: 1.5rem 1.25rem; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); align-items: end; }
.mcard-grid .mcard--desafio { grid-column: span 2; }
@media (max-width: 520px) { .mcard-grid .mcard--desafio { grid-column: auto; } }
.game-shell[data-layout="mobile"] .mcard-grid { grid-template-columns: 1fr; }
.game-shell[data-layout="mobile"] .mcard-grid .mcard--desafio { grid-column: auto; }
@media (prefers-reduced-motion: no-preference) { .mcard__stage { transition: transform .2s; } .mcard:hover .mcard__stage { transform: translateY(-2px); } }