/* ═══ Mi cuenta — se apoya en angel.css (tokens, medallas, botones, formulario de cuenta) ═══ */
.mc [hidden]{display:none!important}
.mc{gap:56px}
.mc-cuerpo{display:grid;gap:64px}

.mc-perfil{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:32px;align-items:center}
.mc-angel canvas.px{width:100%;height:auto;image-rendering:pixelated;display:block}
.mc-angel--vacio{aspect-ratio:1;border:1px dashed var(--line);border-radius:50%}
.mc-datos{display:grid;gap:12px;justify-items:start}
.mc-datos h2{font-size:clamp(34px,6vw,56px);text-transform:none}
.mc-datos p{color:var(--ceniza)}
.mc-sin-angel{font-style:italic}

.mc-museo{position:relative;border:1px solid var(--line);background:var(--paper)}
.mc-museo canvas{display:block;width:100%;height:clamp(260px,52vw,560px);cursor:grab;touch-action:none}
.mc-museo canvas:active{cursor:grabbing}
.mc-museo__ayuda{position:absolute;left:14px;bottom:10px;font-size:14px;font-style:italic;color:var(--humo);pointer-events:none}

.mc-llaves{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.mc-llave button{width:100%;display:grid;gap:2px;justify-items:center;padding:10px 6px;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--humo);text-align:center}
.mc-llave.is-on button{color:var(--ink);border-color:var(--oro)}
.mc-llave button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mc-llave__n{font-family:var(--label);font-size:13px;letter-spacing:.14em}
.mc-llave__nom{font-family:var(--display);font-size:17px;letter-spacing:.06em;text-transform:uppercase}
.mc-llave__est{font-size:14px;font-style:italic}

.mc-medallas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px 24px}
.mc-medallas li{display:flex;gap:12px;align-items:center}
.mc-medallas li>span:last-child{display:grid}
.mc-medalla__n{font-family:var(--display);font-size:17px;letter-spacing:.04em;text-transform:uppercase}
.mc-medalla__how{font-size:16px;color:var(--humo)}
.mc-vacio{font-style:italic;color:var(--humo)}
.mc-link{color:var(--ceniza);font-size:17px}

.mc-dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 24px;margin:0}
.mc-dl dt{font-family:var(--label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--humo);align-self:center}
.mc-dl dd{margin:0}
.mc-salir{justify-self:start;border:0;background:none;padding:0;cursor:pointer;color:var(--humo);text-decoration:underline;font:inherit;font-size:17px}

@media (max-width:760px){
  .mc-perfil{grid-template-columns:1fr;justify-items:center;text-align:center}
  .mc-datos{justify-items:center}
  .mc-llaves{gap:4px}
  .mc-llave button{padding:8px 2px}
  .mc-llave__nom{font-size:12px;letter-spacing:0}
  .mc-llave__est{display:none}
}

/* llaves especiales (de colección) */
.mc-especiales{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mc-especial{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--oro);background:var(--card)}
.mc-especial__nom{font-family:var(--display);font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.mc-especial__desc{font-size:15px;font-style:italic;color:var(--humo)}
.mc-especial__cod{font-family:var(--label);font-size:12px;letter-spacing:.16em;color:var(--humo)}
.mc-especial__con{font-size:15px;color:var(--ink)}